span.icon {
    background-image: url(/src/assets/maile.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    display: inline-block;
}

span.icon.phone {
    background-image: url(/src/assets/phone.png);
}

span.icon.lock {
    background-image: url(/src/assets/lock.png);
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}

span.icon.menu {
    display: inline-block;
    background-image: url(/src/assets/nav/menu.png?t=1769780950021);
    width: 22px;
    height: 22px;
    position: relative;
    top: 5px;
    left: 15px;
}

span.icon.admin {
    background-image: url(/src/assets/admin/admin.png);
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
}

span.icon.settings {
    background-image: url(/src/assets/settings.png);
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}


span.icon.add {
    background-image: url(/src/assets/add.png);
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}


span.icon.archive {
    background-image: url(/src/assets/archive.png);
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}

span.icon.shopping {
    background-image: url(/src/assets/shopping_cart.png);
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

span.icon.update {
    cursor: pointer;
    background-image: url(/src/assets/update.png);
    width: 20px;
    height: 20px;
    position: absolute;
    margin-top: -20px;
    margin-left: 25px;
}

span.icon.alert {
    background-image: url(/src/assets/alert.png);
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    right: 3px;
}