.cart-gift-codes-message {
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 300 !important;
}

.txtPrimary {
color: #4b4f55;
}

.pagination >.active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
border-color: #4b4f55;
background-color: #4b4f55;
color: #ffffff;
}

.pagination > li > a,
.pagination > li > span {
    color: #4b4f55;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #4b4f55;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--red);
    border-color: var(--red);
}

.pagination > li > a, .pagination > li > span {
    color: var(--red);
}

.badge-no-stock {
    background-color: var(--red);
    color: #fff;
    padding: 3px 5px;
    margin-bottom: 10px;
}


    :root {
    --primary: #4b4f55;
    --primary-text: #fff;
    --secondary: #ff0000;
    --red: #ff0000;
    --red-secondary: #ab0814;
    --red-terciary: #7a050d;
}

body.login {
    background: #fff url('/themes/reactibar/img/maheso/fonfoLogin.jpg') no-repeat fixed center center;
    background-size: cover;
}

body.fondo {
    background: none;
}

.btn-primary,
.btn-secondary,
.product-list li .title .buttons .btn-primary,
.product-list li .title .buttons .btn-default {
    color: var(--primary-text);
}

.btn-primary {
    background-color: var(--secondary);
}

.btn-secondary,
.product-list li .title .buttons .btn-default {
    background-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--red-secondary);
}

.nav__icon {
    display: block;
}

.nav__header {
    background: #fff;
}

.nav {
    background-color: var(--primary);
}
.nav__list .nav-item .nav-link {
    color: var(--primary-text);
}
.nav__list .active,
.nav__list .nav-item a:hover,
.nav__list .nav-item a:focus,
.nav__list .nav-item a:active,
.navbar-light .navbar-nav .show > .nav-link {
    color: var(--secondary) !important;
}
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item:hover {
    background-color: #fff;
}

.footer {
    color: var(--primary-text);
    border-top: 1px solid var(--primary-text);
}
.footer__list {
    background-color: var(--primary) !important;
}

.menu-item-help {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav__header * {
    font-size: 1.3rem;
    font-weight: 100;
    text-transform: capitalize;
}

.catalogue__search__title,
.catalogue__categories__title {
    color: var(--primary);
    border-top: unset;
    border-bottom: 2px solid var(--red);
}

.catalogue__search__input {
    max-width: 100%;
}

.catalogue__search__submit {
    margin: 0;
}

.catalogue__search-by-name__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.ui-slider-horizontal .ui-slider-handle,
.product-list li .title .prices {
    background: red;
    border-radius: 50%;
}
.product-list li .title .prices {
    height: 77px;
    width: 77px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product-list li .title .prices .price {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.product-list li .title .prices .currency {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 100;
}

.product-content .nav-item a.active {
    background-color: var(--primary);
    color: var(--primary-text) !important;
}

@media screen and (min-width: 769px) {
    .footer__list__items {
        align-items: center;
    }
}

@media screen and (min-width: 991px) {
    .nav__icon {
        top: unset;
    }
}

@media screen and (max-width: 991px) {
    .nav__icon {
        position: unset;
    }
    .nav__header {
        flex-direction: row;
        justify-content: space-evenly;
    }
}


.gift-codes__cart__alert {
    margin-bottom: 20px;
    color: tomato;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.6rem;
    text-transform: uppercase;
}

.modal.bootstrap-dialog.fade:not(.show) {
    opacity: 1;
    display: flex;
    padding-right: 0px;
    justify-content: center;
    align-items: center;
}
.modal.bootstrap-dialog .modal-backdrop.fade {
    opacity: .2;
}
.modal.bootstrap-dialog .modal-dialog {
    z-index: 1090;
}

