.desktop i {
    width: 100%;
}

i {
    height: 25px;
    width: 25px;
}

.material-icons-outlined {
    vertical-align: sub;
}

.add {
    content: url("/images/ikonice/add.svg");
}

.home {
    content: url("/images/navbar-icons/home.svg");
}

.wallet {
    content: url("/images/navbar-icons/wallet.svg");
}

.pin {
    content: url("/images/navbar-icons/pin.svg");
}

.anketa {
    content: url("/images/navbar-icons/anketa.svg");
}

.rating {
    content: url("/images/navbar-icons/rating.svg");
}
.receipt {
    content: url("/images/navbar-icons/receipt.svg");
}

.users {
    content: url("/images/navbar-icons/users.svg");
}

.user {
    content: url("/images/navbar-icons/user.svg");
}

.offer {
    content: url("/images/navbar-icons/offer.svg");
}

.gift {
    content: url("/images/navbar-icons/gift.svg");
}

.logout {
    content: url("/images/navbar-icons/logout.svg");
}


.settings {
    content: url("/images/navbar-icons/settings.svg");
}

.terms {
    content: url("/images/navbar-icons/terms.svg");
}

.policy {
    content: url("/images/navbar-icons/policy.svg");
}

.support {
    content: url("/images/navbar-icons/support.svg");
}

.help {
    content: url("/images/navbar-icons/help.svg");
}
.shopping-bag-nav {
    content: url("/images/navbar-icons/shopping-bag.svg");
 
}
.instagram {
    content: url("/images/navbar-icons/instagram.svg");
    height: 30px;
    width: 30px;
}

.facebook {
    content: url("/images/navbar-icons/facebook.svg");
    height: 30px;
    width: 30px;
}

.youtube {
    content: url("/images/navbar-icons/youtube.svg");
    height: 30px;
    width: 30px;
}

.linkedin {
    content: url("/images/navbar-icons/linkedin.svg");
    height: 30px;
    width: 30px;
}

.copy {
    content: url("/images/friends-icons/copy.svg");
    height: 20px;
    width: 20px;
}

.facebook2 {
    content: url("/images/friends-icons/facebook.svg");
    height: 20px;
    width: 20px;
}

.viber {
    content: url("/images/friends-icons/viber.svg");
    height: 20px;
    width: 20px;
}

.whatsapp {
    content: url("/images/friends-icons/whatsapp.svg");
    height: 20px;
    width: 20px;
}

.shopping-bag {
    content: url("/images/navbar-icons/shopping-bag.svg");
    height: 20px;
    width: 20px;
}

.language {
    content: url("/images/navbar-icons/language.svg");
    height: 20px;
    width: 20px;
}

.markica-ikonica {
    content: url("/images/markice.svg");
    height: 25px;
    width: 25px;
}

.single-markica {
    content: url("/images/markice.svg");
    height: 25px;
    width: 25px;
    margin-top: 7px;
}

.btn-copy {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

.footer-icon {
    display: inline;
    width: 25px !important;
    height: 25px !important;
    color: var(--text-gray);
}

.d-flex i {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    margin-left: 5px;
}

.dropdown .d-flex i {
    margin-top: 5px;
}

.dropdown-toggle {
    white-space: inherit;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--red) !important;
    text-decoration: none !important;
    background-color: #e9ecef !important;
    filter: none !important;
}

.nav-item .d-flex .nav-anchor i {
    vertical-align: middle;
    margin-top: -3px;
}

.qr-code-footer {
    content: url("/images/navbar-icons/qr-code.svg");
    height: 40px !important;
    width: 40px !important;
    margin-top: 12px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(87%) saturate(0%) hue-rotate(105deg) brightness(104%) contrast(100%);
}

.wallet-footer {
    content: url("/images/navbar-icons/wallet.svg");
    height: 35px !important;
    width: 35px !important;
    margin-top: 14px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(87%) saturate(0%) hue-rotate(105deg) brightness(104%) contrast(100%);
}

.red-favorite {
    color: var(--red);
}

.footer-link.active {
    filter: brightness(0) saturate(100%) invert(23%) sepia(81%) saturate(2302%) hue-rotate(332deg) brightness(90%) contrast(99%);
}

.call {
    margin: 5px;
}

.viber,
.whatsup {
    height: 24px;
    width: 24px;
}

.ikonica-kolona::before {
    content: '';
    background: url('/images/navbar-icons/receipt-white.svg');
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: var(--red);
    padding: 5px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-left: 0px;
    top: 10px;
    left: 10px;
    background-position: center;
}