/* .ui-an {
    transition: all 0.6s cubic-bezier(0.2, 0.8, 0.4, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.2, 0.8, 0.4, 1);
    -moz-transition: all 0.6s cubic-bezier(0.2, 0.8, 0.4, 1);
} */

body {
    /* font-family: Verdana, 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif !important; */
    /* font-family:  'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif !important; */
    margin: 0;
    padding: 0;
    font-family: inter ui, -apple-system, BlinkMacSystemFont, roboto, segoe ui,
        Helvetica, Arial, sans-serif;
    font-display: auto;
    /* font-size: 1rem; */
    line-height: 1.54;
    /* background-color: #fff;
    color: #222; */
    text-rendering: optimizeLegibility;

    font-feature-settings: "liga", "tnum", "case", "calt", "zero", "ss01",
        "locl";
    /* -webkit-overflow-scrolling: touch; */
    -webkit-overflow-scrolling: auto !important;
    -webkit-text-size-adjust: 100%;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    /* width: 100%;
    height: 100%; */
    scrollbar-width: thin;
}

body,
html {
    -webkit-font-smoothing: antialiased;
    scroll-behavior: auto !important;
}

body .show-on-busy,
body.busy .hide-on-busy {
    display: none;
}

body.busy .show-on-busy,
body .hide-on-busy {
    display: initial;
}

.details-sep {
    display: inline-block;
    padding: 0 5px;
    opacity: 0.2;
    /* height: 15px; */
    /* position: relative; */
    font-size: 18px;
}

.label {
    vertical-align: top;

}



hr {
    border-top: 1px solid #eeeeee69 !important;
    border-bottom: 1px solid #0000002e !important;
}

.mt-2 {
    margin-top: 2px;
}

.m-0 {
    margin: 0px;
}

.ml-5 {
    margin-left: 5px !important;
}

.mr-5 {
    margin-right: 5px;
}

.mr-20 {
    margin-right: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-35 {
    padding-bottom: 35px;
}

.t-5 {
    top: 5px;
}

.op-60 {
    opacity: 0.6;
}

.op-40 {
    opacity: 0.4;
}

.no-text-shadow {
    text-shadow: none !important;
}

.btn-default {
    background-color: #f4f4f466;
}

.btn-primary {
    background-color: #3c8dbcdd;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0px;
    margin-left: 3px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 4px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    opacity: 0.35;
    position: relative;
}

/* .rotate-90 {
    transform: rotate(-90deg);
} */

.fa-numbers {
    font-family: inter ui, -apple-system, BlinkMacSystemFont, roboto, segoe ui,
        Helvetica, Arial, sans-serif;
    font-weight: bold;
}

/* .btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: initial !important;
    border-color: initial !important;
    opacity: 0.5;
}  */

#new-addresses-map,
#addresses-map {
    position: relative;
    display: inline;
}

/* body.dark-theme div */

body.dark-theme::before div:not(.modal.in),
body.dark-theme div:not(.modal.in) {
    /* background-color: #292a2d; */
    background-color: #333333;
    color: #a4a4a4;
    /* color: #a9a9b3; */
}

body.dark-theme .content-wrapper .content {
    text-shadow: 1px 1px 0px #000;
}

body.dark-theme .content-wrapper .content .badge.bg-gray,
body.dark-theme .content-wrapper .content .label.bg-gray,
body.dark-theme .content-wrapper .content div.list-content {
    text-shadow: none;
}

.label.bg-gray {
    background-color: #d2d6de82 !important;
}

/* body.dark-theme .content-wrapper .content .selectors-tabs {
    text-shadow: 1px 1px 0px transparent;
} */

body.dark-theme .wrapper::before,
body.dark-theme .wrapper {
    background-color: #333333;
}

.dark-theme.control-sidebar-open .btn {
    border: 1px solid #ddd;
}

.cart-dark.control-sidebar-open .close-cart {
    color: #a4a4a4;
}

.cart-dark.control-sidebar-open .control-sidebar .btn,
body.dark-theme .btn {
    border-color: #00000069;
}

.cart-dark.control-sidebar-open .control-sidebar .btn:hover,
body.dark-theme .btn:hover {
    border-color: #000000;
}

/* 

.cart-dark.control-sidebar-open footer.main-footer,
.dark-theme.cart-dark:not(.control-sidebar-open) footer.main-footer,
.cart-dark.control-sidebar-open footer.main-footer,
.cart-dark footer.main-footer {
    background-color: #333333 !important;
    border-top: 0px !important;
}

.cart-dark:not(.control-sidebar-open) footer.main-footer,
.dark-theme.control-sidebar-open:not(.cart-dark) footer.main-footer,
footer.main-footer {
    background: #fff !important;
    border-top: 1px solid #d2d6de !important;
} */

.dark-theme.control-sidebar-open:not(.cart-dark) footer.main-footer,
.cart-dark:not(.control-sidebar-open) footer.main-footer {
    background: #fff !important;
    border-top: 1px solid #d2d6de !important;
}

.dark-theme.cart-dark footer.main-footer,
.cart-dark.control-sidebar-open footer.main-footer,
.dark-theme:not(.control-sidebar-open) footer.main-footer {
    /* background-color: #3e3e3e !important; */
    background-color: #333333 !important;
    border-top: 0px !important;
}

.cart-dark .control-sidebar .selectors-tabs .tab-content {
    background-color: #3e3e3e;
}

.control-sidebar-dark.control-sidebar a:hover,
body.dark-theme a:hover:not(.close-user-panel) {
    border-bottom: 2px solid #000000;
}

body.dark-theme .main-header a:hover:not(.close-user-panel) {
    border-bottom: 0px solid #000000;
}

body.dark-theme a,
.control-sidebar-dark.control-sidebar a {
    text-decoration: none;
    background-color: transparent;
    color: unset;
    border-bottom: 1px solid #00000069;
}

body.dark-theme div.modal a {
    border-bottom: unset;
}

body.dark-theme div.modal a:hover {
    border-bottom-width: 0px;
}

body.dark-theme div.modal a.btn:hover {
    border-bottom-width: 1px;
}

.cart-options-wrapper li>a:not(.btn) {
    border-bottom: 1px solid transparent;
    /* color: #333333; */
}

/* .control-sidebar-dark.control-sidebar .cart-options-wrapper li > a {
    border-bottom: 1px solid transparent !important;
    color: #f4f4f4;
} */

/* .cart-options-wrapper li {
    border-bottom: 1px solid #f4f4f4;
} */

.control-sidebar-dark.control-sidebar .overlay {
    background-color: #5a5a5ad3;
}

body.dark-theme .header-wrapper,
body.dark-theme .content-wrapper {
    background-color: #333333;
    color: #c3c3c3;
}

/* body.dark-theme .sidebar .sidebar-top-wrap {
    background-color: #333333;
} */

/* body.dark-theme .sidebar button {
    color: #333333;
} */

body.dark-theme #carousel-logo .carousel-caption {
    color: unset;
}

/* body.dark-theme .sidebar .fixed-bottom {
    background-color: #3e3e3e;
} */

body.dark-theme #productslist,
body.dark-theme .category-restrictions,
body.dark-theme #productslist .product-list-content .category-element h2,
body.dark-theme #productslist .product-list-content .category-element h3,
body.dark-theme #productslist .list-title {
    color: #c3c3c3;
}

body.dark-theme #productslist .cpl .product .product-element,
body.dark-theme .module-selector-wrapper .modules-content {
    color: #c3c3c3;
    background-color: #3e3e3e;
}

/* body.dark-theme #productslist .cpl .product .product-element {
    border: 1px solid #505050;
} */

body.dark-theme #productslist .cpl .product .product-element .product-old-price>small,
body.dark-theme #productslist .cpl .product .product-element .product-new-price>small sup {
    color: #c3c3c3;
}

body.dark-theme .module-selector-wrapper .modules-content li.active,
body.dark-theme .module-selector-wrapper .modules-content li:hover {
    color: #fff;
}

body.dark-theme .box,
.control-sidebar-dark .tab-content {
    background-color: #3e3e3e;
}


body.dark-theme .modal .box {
    background-color: initial;
}

.control-sidebar-dark .cart-element hr {
    border-top: 1px solid #505050;
}

.control-sidebar-dark .cart-element button {
    background-color: #dddddd33;
    color: #a4a4a4;
}

body.dark-theme .modules-content,
body.dark-theme .box-header.with-border {
    border-bottom: 1px solid #505050;
}

body.dark-theme div:not(.modal.in) .product-config {
    color: #c3c3c3;
}

body.dark-theme div:not(.modal.in) hr {
    border-top: 1px solid #505050;
}

.page-header {
    /* border-top: 1px solid #eeeeee69 !important; */
    border-bottom: 1px solid #0000002e !important;
}


body.dark-theme .page-header {
    border-bottom: 1px solid #7070704d;
    color: #a4a4a4;
}



body.dark-theme div:not(.modal.in) .nav-tabs {
    border-bottom: 1px solid #a4a4a4;
}

body.dark-theme #productslist li .box-header .box-title {
    color: #a4a4a4;
    -moz-transition: color 0.8s ease;
    -o-transition: color 0.8s ease;
    -webkit-transition: color 0.8s ease;
    transition: color 0.8s ease;
}

body.dark-theme .card-body-wrapper {
    color: #fff;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    background-color: transparent;
}

body.dark-theme #productslist .products-module .category-restrictions,
body.dark-theme #productslist .products-module h1 {
    border-bottom: 1px solid transparent;
    color: #a4a4a4;
}

body.dark-theme #productslist .products-module hr {
    border-top: 1px solid #505050;
}

body.dark-theme .content_section_footer,
body.dark-theme #productslist .restricted-avail,
body.dark-theme .info-content-wrapper {
    color: #a4a4a4;
}

/* body.dark-theme #productslist li .show-big .selectors-tabs {
    background-color: rgba(180, 180, 180, 0.96);
} */

body.dark-theme .snackbar {
    color: #333;
    background-color: rgba(180, 180, 180, 0.96);
}

/* body.dark-theme #productslist li .show-big .selectors-tabs {
    color: #000;
} */

body.dark-theme #productslist .form-control {
    color: #222222;
    background-color: #b4b4b433;
    border-color: #d2d6de33;
}

/* body.dark-theme #productslist .nav-tabs-custom.selectors-tabs > .tab-content {
    border-bottom: 1px solid #a4a4a4;
} */

body.dark-theme .product-expanded-actions {
    background-color: #5a5a5aaa;
    box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.234);
}

.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
    color: #a4a4a4;
}

/* body.dark-theme #productslist .tooltip-arrow {
    border-top-color: rgba(180, 180, 180, 0.96);
    border-bottom-color: rgba(180, 180, 180, 0.96);
}

body.dark-theme .tooltip-inner {
    color: #333333;
    background-color: rgba(180, 180, 180, 0.96);
} */

body.dark-theme .nav-tabs-custom>.nav-tabs>li>a:hover {
    color: #000;
}

.control-sidebar .nav-tabs-custom>.nav-tabs {
    background-color: #f6f6f6 !important;
    /* background-color: #; */
}

.control-sidebar-dark.control-sidebar .nav-tabs-custom>.nav-tabs {
    background-color: #333 !important;
}

.control-sidebar-dark.control-sidebar .nav-tabs-custom .nav-tabs a,
.control-sidebar-dark.control-sidebar .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active>a {
    color: unset;
}

.control-sidebar-dark.control-sidebar .nav-tabs-custom .nav-tabs a:hover,
.control-sidebar-dark.control-sidebar .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active:hover>a {
    color: #d3d3d3;
}

body.dark-theme div .overlay {
    background-color: #5a5a5a;
}

body.dark-theme ::-webkit-scrollbar-track {
    background: #25252590;
}

body.dark-theme ::-webkit-scrollbar-thumb {
    background: #a4a4a473;
}

.control-sidebar-dark ::-webkit-scrollbar-track {
    /* background: #25252590; */
    background: #a4a4a473 !important;
}

.control-sidebar-dark ::-webkit-scrollbar-thumb {
    /* background: #a4a4a473; */
    background: #49464690 !important;
}

/*******************************/
/* 
.open-order-tabs .second-tab,
.open-order-tabs .third-tab,
.selectors-tabs .shopping-extra-tabs {
    display: none !important;
}

.open-order-tabs .second-tab,
.open-order-tabs .third-tab,
.selectors-tabs .shopping-extra-tabs {
    display: table-cell !important;
}

.selectors-tabs .no-shopping-extra-tabs-content.shown,
.selectors-tabs .shopping-extra-tabs-content {
    display: none !important;
}

.selectors-tabs .no-shopping-extra-tabs-content,
.selectors-tabs .shopping-extra-tabs-content {
    display: block !important;
} */

.cart-others-items,
.cart-confirmed-items,
.cart-unconfirmed-items {
    white-space: nowrap;
}

.scrollable-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scroll-behavior: auto;
    /* scroll-behavior: smooth; */
}

.control-sidebar .scrollable-content {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: auto;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    /* padding-bottom: 50px; */
    /* margin-bottom: -50px; */
}

.cart-action-confirm-products {
    font-size: 1em;
}

/* .open-order-tabs .second-tab,
.open-order-tabs .third-tab,
.selectors-tabs .shopping-extra-tabs {
    display: none !important;
} */

/* .tab-content.scrollable-content, */

/* #user-modal .modal-body.scrollable-content{
    scroll-behavior: smooth;
    width: 100%;
} */

#user-modal .modal-body a:not(.btn-facebook) {
    color: initial;
}

#user-modal {
    z-index: 9000 !important;
    overflow: hidden;
    padding-left: 0px !important;
}

#user-modal a:not(.btn-facebook) {
    color: initial;
    display: inline-block;
    cursor: pointer;
}

a[disabled].disable-button:hover {
    cursor: not-allowed;
}

.underline-link:hover

/* #user-modal a:not(.close-user-panel):hover  */
    {
    opacity: 1;
    margin-bottom: 0px;
    border-bottom: 2px solid #333;
}

.modal .breadcrumb {
    padding: 10px 30px;
    background-color: unset;
    margin-bottom: 0;
    /* margin-right: 100px; */
    /* margin-bottom: 10px; */
}

.modal .breadcrumb>li+li:before {
    padding: 0px;
}

.product-path {
    display: flex;
    flex-direction: row;
    align-self: center;
    flex: 1 1 auto;
}

.modal .product-path .breadcrumb {
    padding: 1px 10px;
    background-color: unset;
    margin-bottom: 0;
    font-size: 0.8em;

    /* margin-right: 100px; */
    /* margin-bottom: 10px; */
}

.modal .product-path .breadcrumb li {
    display: inline;
    text-transform: lowercase;
}

/* .modal .product-path .breadcrumb li::first-letter {
    text-transform: capitalize !important;
} */

/* #user-modal .modal-footer li.active a:not(.close-user-panel) {
    border-bottom: 4px solid #333;
    border-bottom: 4px solid #333;
} */

.underline-link

/* #user-modal a:not(.close-user-panel):hover  */
    {
    opacity: 0.7;
    /* display: inline-block; */
    margin-bottom: 1px;
    border-bottom: 1px solid #333;
    color: initial;
}

.leaflet-popup .underline-link:hover,
.header-wrapper .underline-link:hover {
    opacity: 1 !important;
    margin-bottom: 0px !important;
    border-bottom: 2px solid #333 !important;
    color: initial;
    opacity: 1;
}

.leaflet-popup .underline-link,
.header-wrapper .underline-link {
    opacity: 0.8 !important;
    margin-bottom: 1px !important;
    border-bottom: 1px solid #333 !important;
}

.leaflet-control a,
.leaflet-control a:hover {
    /* opacity: unset !important; */
    margin-bottom: 1px !important;
    border-bottom-color: transparent !important;
}

/* #user-modal .modal-user-title {
    position: absolute;
    top: 13px;
    left: -7px;
} */

#user-modal .close-user-panel {
    padding: 5px 5px;
    /* z-index: 5000; */
    display: inline-block;
    position: absolute;
    top: -6px;
    right: -10px;
    /* opacity: 0.8; */
    /* line-height: 1.5; */
    font-size: 2.5em;
    /* font-variant: normal; */
    /* font-weight: 800;*/
}

#product-modal {
    z-index: 9005 !important;
}

#product-modal .close-product-panel {
    /* padding: 10px; */
    font-size: 2em;
    /* line-height: 0; */
    height: 42px;
    opacity: 0.7;
    /* top: 2px; */
    /* margin-bottom: -53px; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* align-items: center ; */


}

#product-modal .close-product-panel i {
    opacity: 0.234;
    font-size: 0.96em;
    position: relative;
    /* top: -7px; */
    line-height: unset;
}

#product-modal .modal-header .modal-title {
    /* margin-right: -55px; */
    padding-right: 35px;
    /* margin-bottom: 10px; */
    /* font-size: 1.2em; */
}

#product-modal .modal-header .modal-title .product-new-price {
    opacity: 0.9;
    font-weight: 700;
    font-size: 1.2em;
}

#product-modal .close-product-panel:active .fas.fa-window-close,
#product-modal .close-product-panel:hover .fas.fa-window-close,
#product-modal .close-product-panel .far.fa-window-close,
#header-shopping-cart-toggle:active:hover .fas.fa-window-close,
#header-shopping-cart-toggle:hover .far.fa-window-close,
#header-shopping-cart-toggle .far.fa-window-close,
#user-modal .close-user-panel:active .fas.fa-window-close,
#user-modal .close-user-panel:hover .fas.fa-window-close,
#user-modal .close-user-panel .far.fa-window-close {
    display: inline-block;
}

#product-modal .close-product-panel:active .far.fa-window-close,
#product-modal .close-product-panel:hover .far.fa-window-close,
#product-modal .close-product-panel .fas.fa-window-close,
#product-shopping-cart-toggle:active:hover .far.fa-window-close,
#header-shopping-cart-toggle:hover .fas.fa-window-close,
#header-shopping-cart-toggle .fas.fa-window-close,
#user-modal .close-user-panel:active .far.fa-window-close,
#user-modal .close-user-panel:hover .far.fa-window-close,
#user-modal .close-user-panel .fas.fa-window-close {
    display: none;
}

/* .opened-products-wrapper {
    height: 340px;
    width: 500px;
    overflow: hidden;
    position: relative;
    border: 1px solid black;
}

#openedProducts {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 1510px;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}

#openedProducts .productContainer {
    padding: 0;
    margin: 0;
    width: 500px;
    height: 340px;
    display: inline-block;
    transform: translate(0, 0);
} */

#header-shopping-cart-toggle .fas.fa-window-close,
#header-shopping-cart-toggle .far.fa-window-close {
    padding: 5px 5px;
    position: absolute;
    top: 7px;
    right: 5px;
    font-size: 2em;
}

#user-modal .modal-logout {
    display: inline-block;
    /* margin-left: 20px; */
    color: initial;
}

/* #map-container-modal, */

#map-leaflet-modal {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}

#user-modal .dropdown-menu
/* .language-selector  */

>li {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    /* border-top: 1px solid #eee; */
    border-bottom: 1px solid #eee;
}

#user-modal .timeline .dropdown-menu>li {
    padding: 0;
}

.language-selector-wrap .dropdown-menu>li:last-child,
#user-modal .dropdown-menu>li:last-child {
    border-bottom: 0px solid #eee;
}


.language-selector-wrap .dropdown-menu>li {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    /* border-top: 1px solid #eee; */
    border-bottom: 1px solid #eee;
}


.info-box .info-icon {
    flex: 1 1 20%;
    overflow: hidden;
    width: 20%;
}

.info-box .info {
    flex: 1 1 100%;
    padding: 2px;
}

.info-box.no-image .info {
    padding-left: 10px;
}

.info-box .info .btn {
    margin: 10px 0px;
    white-space: normal;
}

.info-box .info .btn small.label {
    margin: 3px;
    display: inline-block;
}

.info-box .info .info-text {
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.8;
}

.info-box .info .distance {
    font-size: 0.7em;
    opacity: 0.8;
}

.location-actions ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0px;
    justify-content: space-between;
}

.location-actions li {
    flex: 1 1;
    padding: 4px 5px;
    /* max-width: 45px; */
    display: inline-block;
    text-align: center;
    background-color: rgb(240, 240, 240);
    border-right: 2px solid #ddd;
    opacity: 0.6;
}

.location-actions li a {
    display: inline-block;
    width: 100%;
}

.location-actions li:last-child {
    border-right: 0px solid #ddd;
}

.order-status .box-footer li {
    padding: 5px 10px;
}

.order-status {
    margin-bottom: 40px;
}

.order-status .widget-user-header {
    display: flex;
    flex-direction: row;
}

.order-status .widget-user-username,
.order-status .widget-user-desc {
    margin-left: 10px;
}

.info-box .actions {
    flex: 1 1 auto;
    padding: 3px;
}

.info-box .actions ul {
    list-style: none;
    opacity: 0.5;
    margin: 0px;
    padding: 0px;
}

.info-box .actions ul li {
    padding: 10px 2px;
    border-bottom: 2px solid #ddd;
    cursor: pointer;
}

.info-box .actions ul li:last-child {
    border-bottom: 0px solid #ddd;
}

.info-box .actions ul li:hover {
    background-color: #ddd;
}

.info-box .info-icon img {
    width: 100%;
    height: auto;
    padding: 3px;
    max-width: 60px;
}

.info-box.no-image .info-icon {
    display: none;
}

.openingInfo {
    font-size: 0.7em;
    opacity: 0.6;
    font-weight: normal;
    display: block;
}

.left .openingInfo {
    text-align: right;
}

.available-service {
    /* margin: 5px 0 5px 0; */
    padding: 7px 0 7px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    border-bottom: 1px dashed #eee;
}

.available-service:last-child {
    border-bottom: 0px dashed #eee;
}

body.dark-theme .available-service {
    border-bottom-color: #505050;
}

.available-service>span {
    flex: 2 1;
    align-self: center;
    text-align: end;
}

.available-service>span.right {
    padding: 5px 0 5px 5px;
    text-align: left;
    flex: 1 1;
}

.available-service .label {
    font-size: 1em;

    margin: 5px;
    display: inline-block;
}

.available-service button {
    white-space: normal;
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
    overflow: hidden;
    overflow-y: auto;
    max-height: 40vh;
    min-width: 30vw;
}

#user-modal .dropdown-menu {
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.6);
    top: auto;

    z-index: 8888888;
}

.language-selector-wrap .dropdown-menu {
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.6);
    top: auto;
    left: -100%;
    right: auto;
    z-index: 8888888;
}

.language-selector-wrap.bottom .dropdown-menu {

    bottom: 150%;


}

.modal-dashboard.level3 {
    padding: 0 !important;
}

.modal-dashboard.level3 .open-submenu {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
}

#user-modal .dropdown-menu.menu-level2 {
    left: auto;
    right: -50%;
}

.selectDeliveryService {
    white-space: normal;
}

.no-wrap {
    white-space: nowrap;
}

/* #user-modal #cancel-form, 
#user-modal #submit-form  {
    z-index: 9000;
} */

#user-modal .table-responsive {
    background-color: #fff;
}

.hide-with-overlay {
    position: relative;
}

/* #user-modal .nav-tabs-custom > .nav-tabs > li,
#user-modal .nav-tabs-custom > .nav-tabs > li > a {
    margin-bottom: 0px;
    border-bottom: 0px;
} */

/* 
#user-modal .nav-tabs-custom > .nav-tabs > li.active,
#user-modal .nav-tabs-custom > .nav-tabs > li.active a {
    background-color: #e5e5e5;
    opacity: 1;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: -1px;
}

#user-modal .nav-tabs-custom > .nav-tabs > li:hover {
    opacity: 1;
}

#user-modal .nav-tabs-custom {
    box-shadow: unset;
}

#user-modal .nav-tabs-custom > .nav-tabs {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    scroll-behavior: smooth;
    height: 50px;
    margin: 0px;
    padding: 0;
    border-bottom: 0px;
    border-radius: 0;
} */

/* #user-modal .menu1 {
    margin: 0;
    margin-top: 10px;
}

#user-modal .menu2,
#user-modal .menu1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 48px;
    border-bottom: -1px;
} */

#user-modal .scroll {
    flex: 0 0 30px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    position: relative;
    opacity: 0.4;
}

#user-modal .scroll-wrap {
    flex: 1 1 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 48px;
}

#user-modal .menu2 {
    margin: 0;
    margin-top: 5px;
}

/* ::-webkit-scrollbar {
    width: 4px;
  
} */

body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}


::-webkit-scrollbar-track {
    background: #bdbdbd4f;
}

::-webkit-scrollbar-thumb {
    background: rgba(167, 167, 167, 0.86);
}

#user-modal ::-webkit-scrollbar-track,
.control-sidebar-light ::-webkit-scrollbar-track {
    background: #bdbdbd4f !important;
}

#user-modal ::-webkit-scrollbar-thumb,
.control-sidebar-light ::-webkit-scrollbar-thumb {
    background: rgba(167, 167, 167, 0.86) !important;
}

/***********************/

/* .modal-body  */

.list-content ::-webkit-scrollbar:horizontal,
.module-selector-wrapper ::-webkit-scrollbar:horizontal,
#user-modal ::-webkit-scrollbar:horizontal {
    height: 2px;
}

.module-selector-wrapper ::-webkit-scrollbar-track:horizontal,
#user-modal ::-webkit-scrollbar-track:horizontal {
    background: #bdbdbd4f;
}

.module-selector-wrapper ::-webkit-scrollbar-thumb:horizontal,
#user-modal ::-webkit-scrollbar-thumb:horizontal {
    background: rgba(167, 167, 167, 0.86);
}

#user-modal .control-sidebar-light ::-webkit-scrollbar-track:horizontal {
    background: #bdbdbd4f !important;
}

/* Handle on hover */

/* ::-webkit-scrollbar-thumb:hover {
    background: rgb(13, 196, 53);
} */

/* button */

/* ::-webkit-scrollbar-button {
    background: #222; 
} */

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000; 
}

/* Corner */

/* ::-webkit-scrollbar-corner {
    background: #999; 
} */

/* Resizer */

/* ::-webkit-resizer {
    background: #111; 
} */

.scroll_down {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    position: fixed;
    bottom: 0px;
    padding-left: 70px;
    cursor: pointer;
    z-index: 889998899999;
}

.modal-open .scroll_down {
    display: none;
}

.small-screen.product-opened #click_box {
    right: 10px;
    position: absolute;
    bottom: 60px;
}

*/ #click_box {
    width: 34px;
    height: 70px;
    cursor: pointer;
    bottom: unset;
    right: unset;
}

.chevron_sd {
    position: absolute;
    width: 2.1rem;
    height: 0.48rem;
    opacity: 0;
    transform: scale(0.3);
    animation: move-chevron 3s ease-out infinite;
    cursor: pointer;
}

.chevron_sd:first-child {
    animation: move-chevron 3s ease-out 1s infinite;
}

.chevron_sd:nth-child(2) {
    animation: move-chevron 3s ease-out 2s infinite;
}

.chevron_sd:before,
.chevron_sd:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #666;
    box-shadow: 0px 1px 1px white;
}

.chevron_sd:before {
    left: 0;
    transform: skewY(30deg);
}

.chevron_sd:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
}

@keyframes move-chevron {
    25% {
        opacity: 1;
    }

    33.3% {
        opacity: 1;
        transform: translateY(2.28rem);
    }

    66.6% {
        opacity: 1;
        transform: translateY(3.12rem);
    }

    100% {
        opacity: 0;
        transform: translateY(4.8rem) scale(0.5);
    }
}

/** Preloader
 **************************************************************** **/

/* #preloader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    z-index: 999999;
    background: #000000;

    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
} */

#preloader {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* background: #000000; */
    display: flex;
    /* -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; */
}

#preloader .overlay {
    background-color: #000000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
    pointer-events: none;
    /* -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; */
    z-index: 50;
    /* -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; */
}

#preloader.off .overlay {
    opacity: 0;
    transition: opacity 0.4s ease;
}

#preloader.off.fade-in .overlay {
    opacity: 1;
    pointer-events: auto;
}



#preloader.loaded .overlay {
    background-color: transparent;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.inner-image {
    flex: 1 1 auto;
}

.image-loaded img.loaded.fade {
    opacity: 1;
}

/* #preloader {
    position: fixed;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    background: #fff;
} */

.opacity-050 {
    opacity: 0.6;
}

.inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 54px;
    height: 54px;
    margin: auto;
}

#preloader .inner {
    width: 30%;
    height: 30vw;
    z-index: 100;
    color: rgba(255, 255, 255, 0.6);
}

.page-loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /* background: #fefefe; */
    background: #fff;
    z-index: 100000;
}

.inner span.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);

    /* border-top: 1px solid rgba(200, 200, 200, 0.08);
    border-right: 1px solid rgba(200, 200, 200, 0.08);
    border-bottom: 1px solid rgba(200, 200, 200, 0.08);
    border-left: 1px solid rgba(200, 200, 200, 0.5); */

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    /* z-index: 100001; */
}

#preloader span.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;

    border-top: 1px solid rgba(200, 200, 200, 0.08);
    border-right: 1px solid rgba(200, 200, 200, 0.08);
    border-bottom: 1px solid rgba(200, 200, 200, 0.08);
    border-left: 1px solid rgba(200, 200, 200, 0.5);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;

    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* z-index: 100001; */
}

#preloader.off #progressPercent,

#preloader.off span.loader {
    opacity: 0;
}

.module-selector-wrapper .img-circle .inner span.loader {
    width: 58px;
    height: 58px;
    margin: -29px 0 0 -29px;
    opacity: 0.5;
}

#preloader span.loader {
    width: 80%;
    height: 80%;
    margin: -40% 0 0 -40%;
    opacity: 0.8;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#progressPercent {
    font-size: 8vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
    width: 100%;
    align-items: center;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/** Preloader
 **************************************************************** **/

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/***********************************************/

.loader33 {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin33 2s linear infinite;
}

@keyframes spin33 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* <div class="loader33"></div> */

/************************************************/

body.fixed {
    overflow: hidden;
}

.padding-20 {
    padding: 20px;
}

.wrapper {
    background-color: #f6f6f6;
    /* background-color: #f6f6f6 !important; */
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: auto;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden; */
}

.fixed .wrapper {
    overflow: hidden;
}

.wrapper .content-wrapper {
    background-color: unset;
    /* background-color: transparent; */
}

.modal-xl {
    width: 100%;
    height: 100%;
}

.modal-xl>div {
    height: 100%;
}

.modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

/* .modal-open .modal-backdrop.in {
    display: block;
} */

.modal-content,
.modal-content-wrapper {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 25px;
    overflow: hidden;
}

.small-screen .modal {
    position: fixed;
    /* margin: 0 auto; */
}

.modal-open #product-modal.modal.in {
    /* top: 110px; */
    /* top: 8px; */
    overflow: hidden;
    margin: auto auto;
    /* bottom: 20px; */
    font-size: 1.2em;
    /* display: flex; */
    /* flex-direction: column; */
    padding-left: 0 !important;
    /* min-height: 600px; */
    max-height: 80%;
}

.small-screen.modal-open #product-modal.modal.in {
    /* top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px; */
    margin: 0 auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 0px !important;
    max-height: unset;
}

#product-modal.modal.landscape {
    max-width: 75%;
}

@media (min-width: 2000px) {
    #product-modal.modal.landscape {
        max-width: 60%;
        margin: 4% auto;
    }
}

#product-modal.modal.landscape .modal-dialog {
    width: 100%;

}




.small-screen.modal-open #product-modal.modal .modal-dialog {
    margin: 0px;
}

#product-modal.modal.portrait {
    max-width: 600px;
}

#product-modal .modal-content {
    /* -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125); */
    /* box-shadow: 0 2px 3px rgba(0,0,0,0.125); */
    width: 100%;
    margin: 0 auto;
    /* display: inline-block; */
    height: 100%;
    /* position: fixed; */
    background-color: #f6f6f6;
    /* overflow: hidden; */
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: nowrap;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

#product-modal.modal .modal-body {
    /* bottom: 4px; */
    /* overflow-y: auto; */
    position: relative;
    width: 100%;
    padding: 0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden;
    min-height: 2em;
    scroll-behavior: auto;
}

#product-modal.modal .modal-body.unavailable {
opacity: 0.4;
}
.unavailable-product{
    opacity: 0.4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#product-modal.modal.landscape .modal-body .product-info,
#product-modal.modal.portrait .modal-body {
    overflow-x: hidden;
    overflow-y: auto;
}

#product-modal.modal.portrait .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

#product-modal.modal.landscape .modal-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#product-modal.modal .modal-header {
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    /* flex: 0 0 60px; */
    border-bottom-color: #e5e5e533;
    /* #f4f4f4; */
    box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.234);
    /* box-shadow: 0px 6px 10px 2px rgb(0 0 0 / 23%); */
    z-index: 1;
    padding: 5px;
    position: relative;
}

#product-modal.modal .modal-footer {
    /* height: 60px; */
    padding: 10px 10px 20px 10px;
    margin: 0;
    flex: 0 0 auto;
}

#user-modal .modal-content {
    width: 100%;
    margin: 0 auto;
    /* display: inline-block; */
    height: 100%;
    /* position: fixed; */
    /* background-color: #f6f6f6; */
    /* overflow: hidden; */
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: nowrap;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#user-modal .modal-content .image-roller {
    flex: 1 1 50%;
    width: 50%;
    position: relative;
}

#user-modal .modal-content.logged .image-roller {
    flex: 1 1 25%;
    width: 25%;
    position: relative;
}

#user-modal .modal-content .modal-content-wrapper {
    flex: 1 1 50%;
    width: 50%;
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 0px;
}

#user-modal .modal-content.logged .modal-content-wrapper {
    flex: 1 1 75%;
    width: 75%;
    position: relative;
}

#user-modal .modal-content.select-service .modal-content-wrapper,
.small-screen #user-modal .modal-content .modal-content-wrapper {
    flex: 1 1 100%;
    width: 100%;
    height: 100%;
    position: relative;
}

#user-modal .modal-content.select-service .image-roller,
.small-screen #user-modal .modal-content .image-roller {
    flex: 1 1 0%;
    width: 0%;
    position: relative;
}

#user-modal .modal-content-wrapper {
    display: flex;
    flex: 1 1 100%;
}

#user-modal .modal-content-wrapper .modal-container,
#user-modal .modal-content-wrapper>div {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: nowrap;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#user-modal.modal .modal-body {
    /* bottom: 4px; */
    /* overflow-y: auto; */
    position: relative;
    width: 100%;
    /* padding: 5px 5px; */
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 2em;
    scroll-behavior: auto;

    padding: 0;
}

/* #user-modal.modal .modal-content.select-service .modal-body {
    
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
        scroll-behavior: smooth;

} */

#user-modal.modal .modal-header {
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0;
    /* flex: 0 0 60px; */
    border-bottom: 1px solid #e5e5e5;
    /* margin-bottom: 3px; */
    /* border-bottom-color: rgba(0, 0, 0, 0.234); */
    /* box-shadow: 0px 0px 8px 8px #e5e5e5; */
    /* rgba(0, 0, 0, 0.234) */
    /* box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.234); */
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.234);
    z-index: 1;
    position: relative;
    padding: 0;
    border: 0;
    min-height: 50px;
}

#user-modal.modal .modal-footer {
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    background-color: #e5e5e566;
}

/* .modal-xl .modal-footer {
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 55px;
    width: 100%;
    padding: 0px;
    overflow: hidden;
}  */

.modal.open {
    display: block;
}

.modal {
    display: none;
    background: transparent;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); */
    /* border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 25px; */
    overflow: hidden;
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    margin: 0 auto;
}

.modal.in .modal-dialog {
    display: flex;
    height: 100%;
    /* height: auto; */
    flex: 1 1 auto;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.modal.in .modal-dialog.modal-xl {
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); */

    border-radius: 5px;
    margin: 0 auto;
    padding: 0;
    flex: 1 1 auto;
    /* overflow: hidden; */
    display: flex;
    height: 100%;
    width: 100%;
}

.modal.in .modal-dialog>div {
    display: flex;
    width: 100%;
    overflow: hidden;
}

#product-modal.modal.in .modal-dialog>div {
    width: 100%;
    margin: 0 auto;
    /* display: inline-block; */
    height: 100%;
    /* position: fixed; */
    /* background-color: #f6f6f6; */
    /* overflow: hidden; */
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: nowrap;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    position: relative;
}

#user-modal .modal-dialog {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.small-screen.modal-open #user-modal.modal .modal-dialog {
    margin: 0px;
}

.modal-body {
    -webkit-overflow-scrolling: touch;
}

#user-modal .modal-body>div {
    display: flex;
    height: 100%;
}

.vouchers-container .widget-user-header {
    height: unset;
    padding: 0px;
}

.modal-footer {
    border-top-color: #e5e5e533;
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.234);
    /* box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(13, 16, 45, 0.02),
        0.3rem -0.9375rem 1.40625rem rgba(13, 16, 45, 0.02),
        0.3rem -0.25rem 0.53125rem rgba(13, 16, 45, 0.04),
        0.3rem -0.125rem 0.1875rem rgba(13, 16, 45, 0.02); */
}

#user-modal .content-wrapper-modal {
    padding: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#user-modal .content-wrapper-modal>div {
    flex: 0 0 auto;
    z-index: 0;
}

#user-modal .content-wrapper-modal>#openOrdersList {
    flex: 1 1 auto;
    /* padding-top: 15px; */
}

#openOrdersList .nav-tabs-custom {
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: unset;
}

#openOrdersList .tab-content {
    flex: 1 1 auto;
    padding: 5px;
}

#openOrdersList .tab-content .tab-pane {
    height: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 3px;
}

.orderTrack,
.orderTrack>div {
    height: 100%;
}

.orderTrack .box {
    box-shadow: unset;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}

.orderTrack.full-screen {
    height: 100%;
    width: 100%;
    display: flex;
}

.orderTrack div.box .widget-top {
    flex: 1 1 auto;
    z-index: 0;
}

.orderTrack div.box .widget-footer {
    flex: 0 0 auto;
    position: relative;
    background-color: #ffffff;
    padding-bottom: 15px;
}

#map-leaflet-order-track,
#map-container-order-track {
    height: 100%;
    width: 100%;
}

.orderTrack .widget-minutes {
    position: absolute;
    top: -31px;
    left: 2%;
}

.orderTrack .widget-minutes>span {
    border: 3px solid #ddd;
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px;
    line-height: 0.5em;
}

.orderTrack .widget-minutes>span .driver-details {
    font-size: 0.5em;
    opacity: 0.8;
}

.orderTrack .widget-details {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.orderTrack .widget-details>div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px 15px;
    position: relative;
}

.orderTrack .widget-details .steps-wrapper {
    margin-bottom: -55px;
}

.orderTrack .widget-details>div>div {
    flex: 1 1 auto;
    /* margin: 0; */
}

.orderTrack .widget-details>div>.steps {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    top: -35px;
}

.orderTrack .widget-details>div>.steps-help {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    top: -35px;
    font-size: 0.6em;
    opacity: 0.7;
}

.orderTrack .widget-details>div>.steps-help span {
    flex: 0 0 8%;
    text-align: center;
    display: flex;
    /* width: 10px; */
    justify-content: center;
}

.orderTrack .widget-details>div>.steps .step {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 50%;
    top: -8px;
    position: relative;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.74em;
}

.orderTrack .widget-details>div>.steps .step.text-white {
    color: #f5f5f5;
}

#product-modal .modal-main-image {
    position: relative;
    overflow: hidden;
    /* flex: 1 1 auto; */
}

.modal-main-image {
    /* min-height: 200px;
    display: flex;
    width: 100%;
    overflow: hidden; */

    width: 100%;
    /* height: 100%; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#product-modal.landscape .modal-main-image {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
}


#product-modal .modal-main-image .top {
position: relative;
flex: 1;
}


#product-modal .modal-main-image img.main    {
    width: 100%;
    height: 100%;
    /* min-height: 60vw; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.small-screen #product-modal .modal-main-image img.main {
    height: auto;
    min-height: 100vw;

}


.orderTrack .widget-details .label-wrapper h4 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

.orderTrack .widget-details .label-wrapper h4 span {
    flex: 0 1 auto;
}

#product-modal.portrait .modal-main-image {
    flex: 0 0 auto;
    min-height: fit-content;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
}

#product-modal.portrait .modal-main-image img.main {
    min-height: 60vw;
}


#product-modal.landscape .modal-main-image img.main {
    height: 100%;
    /* min-height: 100vw; */
    width: 100%;

}

.small-screen #product-modal.landscape .modal-main-image img.main {
    height: auto;
    /* min-height: 100vw; */
    width: 100%;

}


#product-modal .scrollingTo {
    bottom: 5px;
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex: 0 0 30px;
}

#product-modal.landscape .scrollingTo {
    bottom: 40px;
    /* text-align: center; */

    /* padding-bottom: 20px; */
}

#product-modal.landscape .scrollingTo hr {
    display: none;
}

.product-info {
    position: relative;
    display: flex;
    flex-direction: column;
}

#product-modal.portrait .product-info {
    width: 100%;
    flex: 1 1 auto;
}

#product-modal.landscape .product-info {
    height: 100%;
    width: 50%;
    padding-top: 15px;
    /* flex-grow: 1; */
    flex: 1 1 50%;
}



#product-modal .product-info .infos {
    padding: 10px 20px 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#product-modal .product-info .infos .top .right {
    font-size: 24px;
}


#product-modal .product-info .infos .top .right sup {
    font-size: 0.6em;

}


.thumbnail-container {
    display: flex;
    margin:   10px 0;
    justify-content: center;
}

.thumbnail {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid #6666663d;
    background-color: transparent;
    margin-left: 10px;
    margin-bottom: 0;
}

.thumbnail.video-thumb{
    width: auto;
    height: 60px;

}

.thumbnail:hover,
.thumbnail.active {
    border-color: #666;
}

.zoom-button {
    /* Stiluri personalizate dacă este necesar */
    border-radius: 50%;
    opacity: .5;
    height: 40px;
    width: 40px;
}



.style-2 del {
    /* color: rgba(gray, 0.5); */
    text-decoration: none;
    position: relative;
    /* font-size: 40px; */
    /* font-weight: 100; */
}

.style-2 del:before {
    content: " ";
    display: block;
    width: 100%;
    border-top: 2px solid #9b9b9bcf;
    border-bottom: 2px solid #9b9b9bcf;
    height: 7px;
    position: absolute;
    bottom: 22px;
    left: 0;
    top: 10px;
    transform: rotate(-11deg);
    z-index: 22222;
}




.style-1 del {
    /* color: rgba(red, 0.5); */
    text-decoration: none;
    position: relative;
}

.style-1 del :before {
    content: " ";
    display: block;
    width: 100%;
    border-top: 2px solid #e70000cf;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-7deg);
    z-index: 22222;
}


.style-4 del {
    /* color: rgba(darkgray, 0.5); */
    text-decoration: none;
    position: relative;
    /* font-size: 40px;
    font-weight: 100; */
}

.style-4 del:before {
    content: " ";
    display: block;
    width: 100%;
    border-top: 3px solid #9b9b9b99;
    height: 4px;
    position: absolute;
    bottom: 10px;
    left: 0;
    transform: rotate(-11deg);
    z-index: 22221;
}

.style-4 del:after {
    content: " ";
    display: block;
    width: 100%;
    border-top: 3px solid #9b9b9b99;
    height: 4px;
    position: absolute;
    bottom: 10px;
    left: 0;
    transform: rotate(11deg);
    z-index: 22222;
}

#product-modal.portrait .discount-wrapper.moved {
    top: -160px;
    /* left:-20px; */
    /* transform: rotate(-10deg); */
    position: relative;
    margin-bottom: -40px;
}



#product-modal .product-info .infos .top .separator {
    margin: 0px 7px;
    opacity: 0.2;
    height: 38px;
    font-size: 30px;
}


#product-modal .product-info .infos>.top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

#product-modal .product-info .infos>.top .left {
    flex: 1 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

#product-modal .product-info .infos>.top .right {
    flex: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    /* padding-top: 20px; */
}

#product-modal .product-info .infos>.top .right .search-name small {
    top: -2px;
    position: relative;
}

#product-modal .product-info .infos i {
    opacity: 0.5;
}

#product-modal .product-info .infos>span {
    padding: 5px 0;
}


#product-modal .product-info .infos b span {
    text-transform: uppercase;
}

.alergen-bullet {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #cbcbcb73;
    padding: 10px 10px;
    /* margin: 2px; */
    /* top: 6px; */
    /* position: relative; */
    width: 12px;
    height: 13px;
    /* text-align: center; */
    overflow: hidden;
    display: inline-flex;
    margin: 2px;
    justify-content: center;
    /* align-content: center; */
    align-items: center;
}


.product .product-description .alergen-bullet {
    display: none;
}

.modal-dialog .callout {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 49px;
    margin-bottom: -1px;
    /* padding: 10px; */
    border-radius: 0px;
    overflow: hidden;
    width: 100%;
}


.has-feedback label~.form-control-feedback {
    top: 20px;
}

.form-control2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    opacity: 0.6;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    -webkit-transition: border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
}

label[for="terms"] {
    font-size: 0.8em;
    opacity: 0.7;
}

.callout .callout-message {
    margin-top: -3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages-container-product {
    position: fixed;
    z-index: 99999;
    left: 5px;
    right: 5px;
    margin: 0 auto;
    top: 0px;
    /* bottom: auto; */
}

@media (min-width: 768px) {
    .messages-container-product {
        position: relative;
        left: unset;
        right: unset;
        top: unset;
    }
}

.messages-container {
    position: fixed;
    z-index: 99999;
    left: 40px;
    bottom: 6px;
}

.snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.21);
    color: #fff;
    text-align: left;
    border-radius: 2px;
    padding: 3px 10px;
    margin: 6px 10px;
    font-size: 1em;
    opacity: 0;
    border-radius: 3px;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.snackbar.show {
    visibility: visible;
    opacity: 1;
    font-size: 1em;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.snackbar .icon {
    margin-right: 10px;
}

.messages-container {
    left: 2.5%;
    z-index: 999999;
    margin: 0 auto;
    top: 6px;
    bottom: auto;
}

.snackbar {
    width: 100%;
    padding: 6px 10px;
    margin: 5px auto;
}

body.dark-theme .snackbar {
    color: #333;
    background-color: rgba(180, 180, 180, 1);
    border: 1px solid #33333369;
}

.control-sidebar-open.cart-dark .snackbar {
    color: #333 !important;
    background-color: rgba(180, 180, 180, 0.96) !important;
}

.image-roller {
    overflow: hidden;
    height: 100%;
    position: absolute;
}

.small-screen .image-roller {
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 60%;
    display: inline-block;
    margin-bottom: -240%;
    left: 0px;
}

.modal-image-holder {
    margin-bottom: -6px;
    /* display: -webkit-inline-flex ;
    display: inline-flex ;
    -webkit-justify-content: space-around ;
    justify-content: space-around ;
    -webkit-align-items: center ;
    align-items: center ;
    vertical-align: bottom ; */
    /* border: 1px solid #888 ; */
    /* width: 100px ;
    height: 100px ; */
}

/* .images-wrapper{
    -webkit-align-items: center ;
    align-items: center ;
    overflow: hidden ;
} */

.background_fade {
    transition: background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    height: 100%;
    width: 100%;
}

.background_fade {
    background: rgb(255, 255, 255);
}

.image-loaded .background_fade {
    background: rgb(255, 255, 255, 0);
}

body.dark-theme .background_fade {
    background: rgb(62, 62, 62);
}

body.dark-theme .image-loaded .background_fade {
    background: rgb(62, 62, 62, 0);
}

.images-wrapper {
    width: 100%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
}

.images-wrapper>div {
    flex: 1 1 auto;
    /* width: auto;
    height: 100%; */
    /* width: 3000px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1500px; */
}

.images-wrapper img {
    margin-left: 50%;
    transform: translateX(-50%);
    /* min-width: 100%; */
    min-width: 150%;
    /* display: block;
    margin: 0 auto; */
    height: auto;
}

.small-screen .image-roller .images-wrapper {
    margin: 0 auto;
    padding-right: 100%;
    position: absolute;
    left: -50%;
}

.tp-dottedoverlay.twoxtwo {
    background: url(../images/gridtile.png) repeat;
    z-index: 600;
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
}

.gray-overlay {
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.control-label.smaller {
    font-size: smaller;
    font-weight: normal;
    opacity: 0.5;
}

.main-header {
    /* top: -60px; */
    position: sticky;
    top: 0px;
    height: 55px;
    z-index: 100;
}

.modal-open .main-header {
    z-index: 1;
}

/* 
.down .main-header,
.fixed .main-header {
    top: 0px;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3) !important;
    height: 55px;
    transition: all 0.3s ease;
} */

.modules_nav_wrap {
    margin-bottom: 10px;
    background: #fff;
    position: sticky;
    top: 65px;
    z-index: 900;
    /* box-shadow: 0 4px 4px #00000007; */
}

.main-header .header-wrapper {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}

/* 
.main-header .header-service-icon{
    font-size: 1.6em;
    position: relative;
    display: inline-block;
  
}
.main-header .header-selected-places{
    position: relative;
    top: -3px;
  
} */

.header-favorite-selector .menu {
    overflow-y: auto;
    list-style: none;
    overflow-x: hidden;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

/* .main-header .sidebar-toggle:before {
    content: "";
}

.main-header .sidebar-toggle {
    line-height: unset;
} */

@media (max-width: 400px) {
    .header-wrapper .user-name-wrapper {
        display: none;
    }
}

.header-wrapper .search-close,
.header-wrapper.search-open .search-actions,
.header-wrapper.search-open .header-selectors,
.header-wrapper.search-open #placesselector,
.small-screen .header-wrapper.search-open .dropdown.user-menu,
.header-wrapper.search-open .dropdown.notifications-menu,
.header-wrapper .search-form-header {
    display: none;
}

/* .large-screen.xllarge-screen .header-wrapper #placesselector{
    display: inline-block;
} */

.header-wrapper.search-open .search-close,
.header-wrapper #placesselector,
.header-wrapper .dropdown.user-menu,
.header-wrapper .dropdown.notifications-menu,
.header-wrapper .header-selectors,
.header-wrapper .user-menu,
.header-wrapper .notifications-menu,
.header-wrapper .search-actions,
.header-wrapper.search-open .search-form-header {
    display: inline-block;
}

.header-wrapper .search-form-header {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* .small-screen .header-wrapper.search-open .search-form-header {
    width: 70%;
    margin: 0;
    padding: 0;
}  */

.payment-and-app-info .list {
    padding: 0 0px 5px 20px;
}

.payment-and-app-info .visa-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.swipe-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.swipe-wrapper>span {
    flex: 1 1 auto;
    width: 40%;
    margin: 10px;
}

.search-form-header .search-settings {
    position: absolute;
    background: #ffffff;
    color: #666;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: 0px;
    padding: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.search-form-header .search-settings .search-filter {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
    opacity: 0.7;
}

.search-form-header .search-settings .search-filter:hover {
    opacity: 1;
}

.search-form-header .search-settings .search-hint {
    opacity: 0.7;
    font-size: 1em;
}

#cancel-search {
    opacity: 0.7;
}

.skin-black-light #cancel-search {
    color: #333;
}

#cancel-search:hover {
    opacity: 0.6;
}

/* search-form-header  */

.search-form-header .input-group-btn {
    font-size: 1.3rem;
    font-family: "Verdana", "Lucida Grande", "Lucida Sans Unicode", Tahoma,
        Sans-Serif;
    height: 55px;
    margin: 0;
}

.skin-green-light .input-group-btn .btn,
.skin-red-light .input-group-btn .btn,
.skin-blue-light .input-group-btn .btn,
.skin-yellow-light .input-group-btn .btn,
.skin-purple-light .input-group-btn .btn,
.skin-green .input-group-btn .btn,
.skin-red .input-group-btn .btn,
.skin-blue .input-group-btn .btn,
.skin-ywllow .input-group-btn .btn,
.skin-purple .input-group-btn .btn {
    color: #f6f6f6;
}

.skin-black-light .input-group-btn .btn {
    color: #333333;
}

.skin-black-light .input-group-btn.open .btn {
    color: #333333;
    opacity: 0.7;
    background: transparent;
}

.input-group-btn .btn-default:active,
.input-group-btn.open>.dropdown-toggle.btn-default,
.input-group-btn.open>.dropdown-toggle.btn-default:focus,
.input-group-btnopen>.dropdown-toggle.btn-default:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
    opacity: 0.7;
}

.skin-black-light .input-group-btn .btn-default:active,
.skin-black-light .input-group-btn.open>.dropdown-toggle.btn-default,
.skin-black-light .input-group-btn.open>.dropdown-toggle.btn-default:focus,
.skin-black-light.input-group-btnopen>.dropdown-toggle.btn-default:hover,
.skin-black-light .input-group-btn .btn-default:active,
.skin-black-light .input-group-btn.open>.dropdown-toggle.btn-default,
.skin-black-light .input-group-btn.open>.dropdown-toggle.btn-default:focus,
.skin-black-light.input-group-btnopen>.dropdown-toggle.btn-default:hover {
    color: #333333;
    opacity: 0.7;
    background: transparent;
}

#q {
    background-color: transparent;
    color: white;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    /* width: 80%; */
    padding-right: 10px;
}

#q::placeholder {
    color: #fff;
    text-overflow: ellipsis;
    opacity: 0.6;
}

.skin-black-light #q,
.skin-black-light #q::placeholder {
    color: #333;
}

.input-group input {
    /* margin-top: 5px; */
    height: 40px;
    font: inherit;
    font-size: 1.4em;
    outline: none;
    /* margin-right: -40px;
    padding-right: 40px; */
}

.voucher-actions .input-group-btn .btn {
    border-radius: 0px;
    color: inherit;
    /* background: transparent; */
    /* border: 0px; */
    /* outline: none; */
    height: 40px;
    opacity: 1;
}

.voucher-element {
    border-radius: 10px;
    border: 4px dashed #919191;
    overflow: hidden;
}

.clear-search-field {
    cursor: pointer;
}

/* .input-group input:focus { */

/* outline: none; */

/* outline-width: 0; */

.input-group input::placeholder {
    color: #666666;
    text-overflow: ellipsis;
    opacity: 0.6;
}

.search-wrap {
    display: table;
    position: relative;
    margin: 0;
    width: 100%;
    margin-bottom: 5px;
}

.header-wrapper .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: auto !important;
    left: auto !important;
}

.header-selectors .dropdown-menu li a {
    color: #666666 !important;
    /* cursor: pointer; */
    white-space: pre-wrap;
}

.header-selectors .dropdown-menu li a:hover,
.header-selectors .dropdown-menu li.active a {
    background: #f6f6f6;
}

.table-selector,
.locations-selector,
.address-selector,
.service-selector,
.header-favorite-selector,
.header-selectors .dropdown-menu {
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.6) !important;
    border-radius: 3px;
    margin-top: -1px !important;
}

.table-selector,
.locations-selector,
.address-selector,
.service-selector {
    color: #333333 !important;
}

.header-selectors .dropdown-menu li>a {
    overflow: hidden;
    padding: 10px 10px 10px 10px !important;
}

.header-place-selector {
    overflow-y: auto;
    width: auto !important;
}

.hide_above_small_screen,
.small-screen .hide_on_small_screen {
    display: none !important;
}

.small-screen .hide_above_small_screen {
    display: inline-block;
}

.main-header .navbar .nav>li>a>div>.label {
    position: absolute;
    top: 9px;
    right: 6px;
    text-align: center;
    font-size: 9px;
    padding: 4px 6px;
    line-height: 0.9;
}

.main-header .navbar .nav>li>a>.label.user-bubble,
.open-user-panel .user-bubble {
    padding: 5px;
    right: 12px;
    top: 54px;
    position: absolute;
}

.cart-selected-items {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 0.3em;
}

.arrow_box {
    position: relative;
    background: #9da0a7;
    border: 2px solid #f5f5f5;
    border-radius: 10px;
    display: inline-block;
    padding: 6px;
    top: -30px;
    left: -25px;
    width: max-content;
    min-width: 47px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    font-weight: bold;
    color: black;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9);
}

.arrow_box:after,
.arrow_box:before {
    top: 100%;
    left: 21px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(221, 75, 57, 0);
    border-top-color: #9da0a7;
    border-width: 15px;
    margin-left: -15px;
}

.arrow_box:before {
    border-color: rgba(245, 245, 245, 0);
    border-top-color: #f5f5f5;
    border-width: 18px;
    margin-left: -18px;
}

.arrow_box.StylesProduction {
    background: #9da0a7;
}

.arrow_box.StylesProduction:after {
    border-top-color: #9da0a7;
}

.arrow_box.StylesReady {
    background: #dd4b39;
}

.arrow_box.StylesReady:after {
    border-top-color: #dd4b39;
}

.arrow_box.StylesWaiting {
    background: #f39c12;
}

.arrow_box.StylesWaiting:after {
    border-top-color: #f39c12;
}

.arrow_box.StylesDelivery {
    background: #00a65a;
}

.arrow_box.StylesDelivery:after {
    border-top-color: #00a65a;
}

.arrow_box .label {
    text-shadow: 0px 0px 0px transparent;
    /* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.9); */
}

/*

.skin-black-light .arrow_box {
    background-color: #ffffff;
    opacity: 0.5;
    color: #333333;
}

.skin-dark-light .arrow_box {
    background-color: #333333;
    opacity: 0.5;
}

.skin-yellow-light .arrow_box {
    background-color: #ffa100;
    opacity: 0.5;
}

.skin-red-light .arrow_box {
    background-color: #d33724;
    opacity: 0.5;
}

.skin-blue-light .arrow_box {
    background-color: #3c8dbc;
    opacity: 0.5;
}

.skin-green-light .arrow_box {
    background-color: #158443;
    opacity: 0.5;
}

.skin-purple-light .arrow_box {
    background-color: #555299;
    opacity: 0.5;
} */

/*   ==   */

/* 
.skin-black .arrow_box {
    background-color: #333333;
    opacity: 0.5;
}

.skin-dark .arrow_box {
    background-color: #333333;
    opacity: 0.5;
}

.skin-yellow .arrow_box {
    background-color: #ffa100;
    opacity: 0.5;
}

.skin-red .arrow_box {
    background-color: #d33724;
    opacity: 0.5;
}

.skin-blue .arrow_box {
    background-color: #3c8dbc;
    opacity: 0.5;
}

.skin-green .arrow_box {
    background-color: #158443;
    opacity: 0.5;
}

.skin-purple .arrow_box {
    background-color: #555299;
    opacity: 0.5;
} */

.control-sidebar-light .nav-tabs>li>a {
    background: #f6f6f6;
}

.control-sidebar-dark .nav-tabs>li>a {
    background: #333333;
}

.fixed .control-sidebar {
    position: fixed;
    /* height: unset; */
    overflow: hidden;
    padding-bottom: 0px;
    top: auto;
    bottom: 0;
}

.summary-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}

.summary-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.summary-content>div {
    flex: 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.summary-content div.call-info,
.summary-content div.location-info {
    display: inline-block;
    margin-bottom: 5px;
}

.summary-content>div>div {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.summary-content>div>div.line {
    border-top: 2px solid rgb(196, 196, 196);
}

.control-sidebar.control-sidebar-dark .summary-content>div>div.line {
    border-top: 2px solid #505050;
}

.summary-content>div>div .entry {
    /* display: block;
    text-align: right; */

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    overflow: hidden;
}

.summary-content>div>div .entry>span.left {
    display: block;
    text-align: right;
}

.summary-content>div>div .entry>span.right {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
}


.voucher-cart-content {
    padding: 5px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 4px dashed #919191;
    margin: 5px 0;

}

.voucher-cart-content.model {
    opacity: 0.6;
    border: 4px dashed #919191aa;
}


.voucher-cart-content.active {
    /* opacity: 0.6; */
    border: 4px dashed #5cb85c;
    /* #5cb85c;  #158443; */
}

.voucher-cart-content .top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.voucher-cart-content .top .left {
    flex: 1 1;
    position: relative;
}

/* .voucher-cart-content .top .right {


} */


.new-voucher-code {
    position: absolute;
    background: transparent;
    color: #666;
    box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.2);
    border: 0px solid transparent;
    border-bottom: 2px solid #66666699;
    margin-top: 0px;
    padding: 3px;
    width: 96%;
}




.discount-content {
    padding: 5px;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    border: 2px dashed #919191;
    margin: 5px 0;

}

.discount-content.active {
    /* opacity: 0.6; */
    border: 4px dashed #5cb85c;
    /* #5cb85c;  #158443; */
}

.discount-content .top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.discount-content .top .left {
    flex: 1 1;
    position: relative;
}

.control-sidebar .scroll-wrapp.scrollable {
    padding: 0px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    flex: 1 1 1px;
}

.controlsidebar-content-wrap .tab-content .tab-pane.active {
    display: flex;
    flex-direction: column;
}

.controlsidebar-content-wrap .tab-content .tab-pane {
    flex: 1 0 auto;
    height: 100%;
    width: 100%;
}

.controlsidebar-content-wrap .tab-content.scrollable .tab-pane {
    flex: 1 0 auto;
    height: 100%;
    /* display: flex;
    flex-direction: column; */
    width: 100%;
}

.controlsidebar-content-wrap .tab-content {
    overflow: hidden;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 100%;
    display: flex;
    position: relative;
}

.control-sidebar .fixed-bottom {
    /* height: 144px; */
    /* padding: 15px; */
    width: 100%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

.control-sidebar .fixed-bottom small small {
    line-height: 1.38em;
    display: inline-block;
    opacity: 0.7;
    font-size: 0.8em;
    margin-top: 5px;
}

/* @media (max-width: 767px) {
    .control-sidebar .fixed-bottom {
        padding-bottom: 10px;
        padding-top: 10px;
    }
} */

.control-sidebar .fixed-bottom .btn {
    padding: 10px;
    font-size: 0.95em;
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.control-sidebar .fixed-bottom .cart-summary-prices {
    /* margin-bottom: 4px; */
    text-align: right;
}

/* .controlsidebar-scrollable-content-wrapper, */

.controlsidebar-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* flex: 1 1 auto; */
    /* align-self: stretch; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* justify-content: stretch; */
}

.controlsidebar-content-wrap .top-actions>li {
    cursor: pointer;
}

.cart-options-wrapper li a.dropdown-toggle .table-selected-adr,
.cart-options-wrapper li a.dropdown-toggle .address-selected-adr,
.cart-options-wrapper li a.dropdown-toggle .selected-service,
.cart-options-wrapper li a.dropdown-toggle .locations-selected-adr {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    height: 30px;
    line-height: 1.7;
    font-size: 17px;
    font-weight: 600;
    margin-left: 6px;
}

.cart-options-wrapper {
    flex-shrink: 0;
    height: auto;
    padding: 10px;
}

.cart-wrapper-footer {
    display: inline-block;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    margin-left: auto;
    /* box-shadow: 0px 1px 10px 7px rgba(0, 0, 0, 0.234); */
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.234);
    z-index: 51;
    /* margin-top: -5px; */
    padding: 0px 10px 15px 10px;
}

.control-sidebar .fixed-bottom .cart-options {
    padding: 5px;
}

.control-sidebar .nav-tabs-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-bottom: 5px;
    flex: 1 0 auto;
    font-size: 1.2em;
}

.control-sidebar .nav-tabs-custom .nav-tabs a {
    border-bottom: 0px;
}

.control-sidebar .selectors-tabs .tab-content.scrollable {
    padding: 0px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    flex: 1 1 1px;
}

.cart-discount-info {
    padding: 6px;
    margin: 5px 0 4px 4px;
}

.change-cart-options {
    float: right;
    /* position: absolute; */
}

.separator {
    display: inline-block;
    margin: 0 2px;
    opacity: 0.2;
    height: 25px;
}

.item-infos {
    display: flex;
    padding: 0px;
    flex-direction: row;
    justify-content: space-between;
    margin: 5px 0 5px 0;
}

.item-photo {
    flex: 0 0 100px;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    width: 100px;
    height: 100px;
}

@media (max-width: 600px) {
    .item-photo {
        flex: 0 0 50px;
        height: 50px;
    }
}

.item-photo div {
    width: 100%;
    height: 100%;
}

.item-photo img {
    width: 100%;
    height: auto;
}

.item-photo figure {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.item-photo .cart-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.item-details {
    flex: 1 1 100%;
}

.item-actions {
    display: flex;
    /* padding: 5px; */
    flex-direction: row;
    justify-content: space-between;
    margin: 15px 0 0px 0;
    flex-wrap: nowrap;
}

.item-actions .option-edit-value {
    width: 60px;
}

.item-actions .btn {
    height: 40px;
}

.item-actions .edit {
    margin: 0;
    padding: 0;
}

.item-actions .edit input {
    height: 32px;
    max-width: 60px;
}

.items_label {
    font-size: 0.7em;
    opacity: 0.5;
    text-align: left;
    position: relative;
    left: -15px;
    /* top: -2px; */
    margin-right: -15px;
}

.item-actions .edit .edit-value,
.item-actions .show-value {
    display: inline-block;
}

.item-actions .edit-value,
.item-actions .edit .show-value {
    display: none;
}

.cart-element-row-full {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.cart-element-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.small-screen .cart-element-row {
    padding: 2px 10px;
}

.cart-element.refresh-cart-others .cart-element-row {
    padding: 5px;
    display: inline;
}

.control-sidebar .cart-element-row button {
    margin-left: 5px;
    margin-right: 5px;
    padding: 3px 6px;
    /* font-size: 2.2em;
    line-height: 0.4em;
    padding: 4px 4px 13px 4px;
    font-weight: 500;
    opacity: 0.8; */
    /* background-color: #dddddd33; */
}

/* .control-sidebar .cart-element button.option-minus {
    padding: 7px 7px 10px 7px;
} */

.cart-element-row small {
    opacity: 0.7;
}

.item_quantity {
    text-align: center;
    position: relative;
    padding-top: 6px;
    padding-right: 0;
}

.item_quantity span {
    font-size: 1.5rem;
    font-weight: 700;
    /* min-width: 7%; */
}

.item_name {
    word-break: break-word;
    padding-top: 5px;
    /* width: 78%; */
    font-size: 1.021em;
}

.item_price {
    /* max-width: 25%; */
    padding-top: 6px;
}

/* 
.cart-element-row .item_plus {
    margin-bottom: 12px;
} */

.instructions_items,
.cf_items,
.extra_items {
    display: inline;
    /* padding-left: 10px; */
}

.change-cart-options,
#openorder a {
    color: unset;
    opacity: 0.8;
    font-weight: bold;
    text-transform: uppercase;
}

.change-cart-options:focus,
.change-cart-options:active,
.change-cart-options:hover,
#openorder a:hover {
    color: unset;
    opacity: 1;
}

#openorder {
    padding: 0px;
    position: relative;
}

#openorder .cart-element {
    padding: 5px 5px 10px 5px;
    margin: 0;
    border-bottom: 2px solid #eee;
}

#openorder .cart-element:last-child {
    /* padding-bottom: 0px; */
    border-bottom: 0px solid #eee;
}

.control-sidebar-dark #openorder .cart-element {
    border-bottom: 2px solid #505050;
}

.cart-element hr {
    margin-bottom: -3px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
}

.action-button-wrapper .action-button-disabled,
.action-button-wrapper.disabled .action-button {
    display: none;
}

.action-button-wrapper.disabled .action-button-disabled,
.action-button-wrapper .action-button {
    display: block;
}

.action-button-wrapper .btn {
    height: 50px;
}

.skin-blue .wrapper,

/* .skin-blue .main-sidebar, */

.skin-blue .left-side {
    /* background-color: #333333; */
    background-color: #eeeeee;
}

/* .main-sidebar {
    border-right: 0px solid transparent !important;
    display: flex;
}

.sidebar {
    width: 230px;
    position: absolute;
    display: flex;
    padding: 0px;
    background-color: transparent;
    min-height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    flex: 1;
} */

#carousel-logo {
    height: 180px;
    width: 100%;
}

.carousel-indicators {
    bottom: -2px;
    left: 35px;
}

#carousel-logo .carousel-caption {
    color: #333333;
    position: absolute;
    top: -100px;
    width: 100%;
    margin-left: -50px;
}

#carousel-logo img {
    margin: 0 auto;
}

#carousel-logo .item.android-app-logo,
#carousel-logo .item.ios-app-logo {
    height: 175px;
    margin-top: 80px;
}

/* .sidebar .user-panel {
    padding: 25px;
}

.sidebar .media-center img {
    width: 120px;
    height: auto;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0px 0 15px 10px rgba(51, 51, 51, 0.07) !important;
} */

/* .main-sidebar {
    margin-top: 250px !important;
} */

.cart-options-wrapper .cart-options {
    height: 55px;
    padding: 5px 5px;
}

/* .cart-options-wrapper ul, */

.cart-options-wrapper ul.dropdown-menu li {
    width: 100%;
}

.cart-options-wrapper>ul {
    padding: 5px;
    margin: 0;
    display: flex;
    width: 100%;
    flex-direction: row;
    height: 100%;
    margin-left: -5px;
}

.cart-options-wrapper>ul>li>span {
    text-align: left;
    position: relative;
}

/* .address-selected-adr,
.locations-selected-adr,
.selected-service {
    margin-left: 4px;
    margin-right: 0px;
    flex: 1 1;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
} */

/* .address-selected-adr .label,
.locations-selected-adr .label,
.selected-service .label {
    position: absolute;
    right: 0px;
} */

.cart-options-wrapper .dropdown-toggle .caret {
    top: 2px;
    left: 9px;
    margin-right: 3px;
}

.cart-options-wrapper .dropdown-toggle>span {
    height: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}

.dropdown-menu .service-selector {
    left: auto;
    right: 0;
}

.controlsidebar-top-wrap .nav-tabs a {
    text-align: center;
}

.refresh-cart-others {
    cursor: pointer;
    padding: 10px;
}

/* .sidebar .fixed-bottom {
    font-size: 0.8em;
    font-weight: bold;
    opacity: 0.7;
    padding: 10px 10px 15px 10px;
}

.sidebar .fixed-bottom a {
    color: unset !important;
} */

.headline {
    text-transform: uppercase;
    font: 700 27px Independent Sans, sans-serif;
    line-height: 1.26;
    background: #fff;
    box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
}

#productslist .products-module {
    /* z-index: 1; */
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    /* display: flex;
    flex-direction: column; */
}

#productslist .products-module h1.expand {
    cursor: pointer;
    /* margin: 5px 5px 5px 5px; */
    margin: 0;
    padding: 10px 5px;
    font-size: 18px;
    text-align: left;
}

#productslist .products-module h1.expand hr {
    margin: 10px 0px;
    padding: 0;
    border-bottom: 2px;
}

/* .module-selector-wrapper  .modules-content .module-selector, */

#productslist .products-module .restricted-avail {
    padding: 0px 20px 35px 20px;
}

#productslist .products-module .top,
#productslist .products-module .restricted-avail,
#productslist .products-module.filtered-out,
#productslist .products-module .product-container {
    display: none;
}

#productslist .products-module.open .top,
#productslist .products-module.open .restricted-avail,
#productslist .products-module.open .product-container {
    display: inline-block;
}

#productslist .products-module .product-number .caret {
    transition: all 0.5s ease-in-out;
}

#productslist .products-module.open .product-number .caret {
    transform: rotate(-180deg);
    transition: all 0.5s ease-in-out;
}

.products-module .caret2 i,
.caret2 i {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.products-module.open .caret2 i,
.caret2.open i {
    transform: rotate(-180deg);
    transition: all 0.3s ease-in-out;
}

#productslist .products-module .page-header {
    font-size: 2.5em;
}

/* .small-screen #productslist .products-module .page-header {
    padding-bottom: 30px;
} */

#productslist .no-search {
    padding: 30px 30px !important;
    text-align: center;
}

#categ_list,
#location_list,
#productslist {
    /* max-width: 1100px; */
    margin: 0 auto;
    width: 100%;
    padding: 10px;
    /* margin-top: 100px; */
    padding: 15px 10% 15px 10%;
    margin: 0px auto 10px auto;
    /* flex: 1 1 auto; */

}

#location_list {
    padding: 50px 10% 15px 10%;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* margin-top: 100px; */
    /* min-height: unset; */
}

/* .small-screen #location_list {

} */

#productslist>div.top,
#categ_list>div.top,
#location_list>span {
    background-color: white;
    border-radius: 6px;
    /* overflow: hidden; */
    flex: 1 1;
    padding: 15px;
    min-width: 20vw;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    transition: filter 0.25s ease-in-out;
}

body.dark-theme #productslist>div.top,
body.dark-theme #categ_list>div.top,
body.dark-theme #location_list>span {
    color: #c3c3c3;
    background-color: #3e3e3e;
}

#productslist>h5 {
    margin-bottom: 0;
    /* padding: 20px 5% 20px 5%; */
}

.small-screen #categ_list,
.small-screen #productslist {
    /* padding: 20px 5%; */
    padding: 15px 3% 20px 3%;
    padding: 0 0 0 0;
}

.info-content-wrapper {
    padding: 20px 10% 10px 10%;
}

.content_section_footer {
    padding: 20px 0px 50px 0px;
}

.contry-specific {
    padding: 15px 0px 15px 0px;
    text-align: center;
}

.small-screen .info-content-wrapper {
    /* padding: 10px 3% 10px 3%; */
    padding: 20px;
}

.info-content-wrapper p {
    opacity: 0.8;
}

@media (max-width: 769px) {
    .content_section_footer {
        padding: 10px;
    }

    .content_section_footer:last-child {
        padding-bottom: 90px;
    }
}

#productslist ul {
    margin: 0;
    padding: 5px;
    list-style: none;
}

#productslist .cpl {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 25px;
}

.payment-and-app-info {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 25px;
    position: relative;
    /* overflow: hidden; */
    flex-direction: row;
}

.payment-and-app-info>div {
    background-color: white;
    border-radius: 6px;
    /* overflow: hidden; */
    flex: 1 1;
    padding: 15px;
    min-width: 20vw;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    transition: filter 0.25s ease-in-out;
}

body.dark-theme .payment-and-app-info>div {
    color: #c3c3c3;
    background-color: #3e3e3e;
}

.payment-and-app-info>div.swipe-help {
    /* width: 100%; */
    /* min-width: calc( 80vw - 20% ); */
    /* min-height: 85vh; */
    flex: 2 1 auto;
}

.payment-and-app-info>div.map-wrp {
    width: 100%;
    /* min-height: 85vh; */
    display: flex;
    flex-direction: column;
    /* height: 100%; */
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    /* min-width: calc( 90vw - 20% ); */
    flex: 5 1 auto;
}

.payment-and-app-info>div.map-wrp>div {
    flex: 0 0;
}

.payment-and-app-info>div.map-wrp>div.locations-container {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.locations-container .locations-list {
    flex: 1 1;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: flex-start;
    /* flex-wrap: wrap; */
}

.locations-container .locations-list>* {
    flex: 0 0 auto;
}

.locations-container .locations-list>.first {
    white-space: nowrap;
}

.locations-container .locations-list .locations-map {
    flex: 1 1;
}

#productslist .product-list-content .category-element>h3,
#productslist .product-list-content .category-element>h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    /* padding: 0px 5% 0px 5%; */
    justify-content: center;
    /* overflow: visible; */
}

/* #productslist .product-list-content .category-element > h2{
    padding: 0px 5% 0px 5%;
    justify-content: center;
    overflow: visible;
} */

#productslist .product-list-content .category-element>h4 {
    justify-content: center;
}

#productslist .product-list-content .category-element h3>* {
    flex: 1 1 auto;
}

#productslist .product-list-content .category-element h2>* {
    flex: 0 0;
}

#productslist .product-list-content .category-element h3 .left,
#productslist .product-list-content .category-element h2 .left {
    flex: 1 1 auto;
    text-align: left;
    padding-right: 15px;
}

#productslist .product-list-content .category-element h2.goto {
    cursor: pointer;
}

#productslist .category-element span.label {
    margin-right: 4px;
}

.small-screen #productslist .category-element span.label {
    margin-right: 0px;
    right: -10px;
}

/* #productslist .cpl .product {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    cursor: pointer;
    padding: 5px;
} */

#productslist .cpl .product {
    flex-direction: column;
    width: 40vw;
    padding: 10px;
    cursor: pointer;
    position: relative;
    flex-grow: 1;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    transition: filter 0.25s ease-in-out;

    min-height: max(160px, 12vh);
    max-width: 40vw;
}

#productslist .cpl .product.unavailable {
    opacity: 0.4;
    cursor:  none;
}


#productslist .cpl .product.lastFullWidth {
    min-height: unset;
    max-width: unset;
}

#productslist .cpl .product:hover {
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
}

#productslist .cpl .product .product-element {
    background-color: white;
    border-radius: 6px;
    display: flex;

    flex-direction: column-reverse;
    flex: 1 0;
    justify-content: flex-end;
    height: 100%;
    cursor: pointer;
    border: 0px;
    overflow: hidden;
}

#productslist .cpl .product .product-element>.left {
    flex: 1 1;
    padding: 5px 5px 5px 10px;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}

#productslist .cpl .product .product-element>.left .middle {
    opacity: 0.456;
}

#productslist .cpl .product .product-element>.right {
    flex: 3 1 auto;
    border-left: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0px;
    /* min-height: 40vw; */
    overflow: hidden;

    box-shadow: -2px 1px 6px 1px rgba(0, 0, 0, 0.234);
}

#productslist .cpl .product.cart .cart-quantity {
    display: flex;
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 4px 8px;
    font-size: 1em;
    z-index: 2;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

@media (max-width: 355px) {
    #productslist .cpl .product {
        flex-direction: column;
        width: 80vw;
        /* height: 105vw; */
        /* min-height: 55vw; */
        max-width: unset;
    }

    #productslist .cpl .product .product-element>.left {
        padding: 13px 5px 7px 7px !important;
    }

    #productslist .cpl .product .product-element>.left h3 {
        font-size: 6vw;
    }

    #productslist .cpl .product .product-element>.left h2 {
        font-size: 10vw;
    }

    #productslist .cpl .product .product-element>.right {
        /* min-height: 70vw; */
        /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        transition: filter 0.25s ease-in-out; */
        min-height: 80vw;
    }

    #productslist .cpl .product.cart .cart-quantity {
        right: 10px;
        top: 10px;
    }

    #location_list>span {
        min-width: 80vw;
    }

    .payment-and-app-info>div {
        min-width: 80vw;
    }

    .leaflet-popup-content {
        min-width: 60vw;
    }

    .swipe-wrapper>span {
        width: 80%;
    }
}

@media (min-width: 356px) and (max-width: 767px) {
    #productslist .cpl .product {
        flex-direction: column;
        width: 40vw;
        /* height: 60vw; */
        padding: 2px;
        /* min-height: 25vw; */
        /* max-width: 60vh; */
        max-width: unset;
    }

    #productslist .cpl .product .product-element>.right {
        /* min-height: 42vw; */
        /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        transition: filter 0.25s ease-in-out; */
        min-height: 40vw;
    }

    #productslist .cpl {
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }

    #productslist .cpl .product .product-element>.left h2 {
        font-size: 5vw;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element {
        flex-direction: row;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element .left {
        justify-content: space-between;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element>.right {
        max-width: 44vw;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-top-left-radius: 0px;
    }

    #location_list>span {
        min-width: 40vw;
    }

    .payment-and-app-info>div {
        min-width: 60vw;
    }

    .leaflet-popup-content {
        min-width: 50vw;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #productslist .cpl .product {
        flex-direction: column;
        width: 24vw;
        /* height: 60vw; */
        padding: 2px;
        /* min-height: 20vw; */
        /* max-width: 40vh; */
        max-width: unset;
    }

    #productslist .cpl .product .product-element>.right {
        /* min-height: 24vw; */
        /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        transition: filter 0.25s ease-in-out; */
        min-height: 24vw;
    }

    #productslist .cpl {
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element {
        flex-direction: row;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element .left {
        justify-content: space-between;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element>.right {
        max-width: 26vw;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-top-left-radius: 0px;
    }

    #location_list>span {
        min-width: 30vw;
    }

    .payment-and-app-info>div {
        min-width: 37vw;
    }

    .leaflet-popup-content {
        min-width: 30vw;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #productslist .cpl .product {
        flex-direction: column;
        width: 22vw;
        /* height: 60vw; */
        padding: 2px;
        /* min-height: 20vw; */
        /* max-width: 40vh; */
        max-width: unset;
    }

    #productslist .cpl .product .product-element>.right {
        /* min-height: 22vw; */
        /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        transition: filter 0.25s ease-in-out; */
        min-height: 22vw;
    }

    #productslist .cpl {
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element {
        flex-direction: row;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element .left {
        justify-content: space-between;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element>.right {
        max-width: 26vw;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-top-left-radius: 0px;
    }

    .leaflet-popup-content {
        min-width: 20vw;
    }

    .swipe-wrapper>span {
        width: 28%;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    #productslist .cpl .product {
        flex-direction: column;
        width: 22vw;
        /* height: 60vw; */
        padding: 2px;
        max-width: 30vw;
    }

    #productslist .cpl .product .product-element>.right {
        /* min-height: 22vw; */
        /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        transition: filter 0.25s ease-in-out; */
        min-height: 22vw;
    }

    #productslist .cpl {
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element {
        flex-direction: row;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element .left {
        justify-content: space-between;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element>.right {
        max-width: 26vw;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-top-left-radius: 0px;
    }

    .leaflet-popup-content {
        min-width: 15vw;
    }

    .swipe-wrapper>span {
        width: 28%;
    }
}

/* and (max-width: 2000px) */
@media (min-width: 1601px) and (max-width: 2000px) {
    #productslist .cpl .product {
        flex-direction: column;
        width: 20vw;
        /* height: 60vw; */
        padding: 2px;
        max-width: 26vw;
    }

    #productslist .cpl .product .product-element>.right {
        /* min-height: 20vw; */
        /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        transition: filter 0.25s ease-in-out; */
        min-height: 20vw;
    }

    #productslist .cpl {
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element {
        flex-direction: row;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element .left {
        justify-content: space-between;
    }

    body:not(.control-sidebar-open) #productslist .cpl .product.lastFullWidth .product-element>.right {
        max-width: 22vw;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-top-left-radius: 0px;
    }

    .leaflet-popup-content {
        min-width: 15vw;
    }

    .swipe-wrapper>span {
        width: 20%;
    }
}

@media (min-width: 2001px) {
    #productslist .cpl .product {
        flex-direction: column;
        width: 10vw;
        /* height: 60vw; */
        padding: 2px;
        max-width: 20vw;
    }

    #productslist .cpl .product .product-element>.right {
        /* min-height: 20vw; */
        /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
        transition: filter 0.25s ease-in-out; */
        min-height: 10vw;
    }

    #productslist .cpl {
        grid-row-gap: 50px;
        grid-column-gap: 50px;
    }
}

/* @media (min-width: 2001px) {
    #productslist .cpl {
        display: grid;
        grid-template-columns: repeat(auto-fit, 22vw);
        grid-column-gap: 30px;
        grid-row-gap: 40px;
        grid-auto-flow: row;
    }

    #productslist .cpl .product {
        flex-direction: column;
        width: 20vw;
        padding: 2px;
        min-height: 10vw;
    }

   
    #productslist .cpl .product .product-element > .left {
        flex: 2 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 15px;
    }
    #productslist .cpl .product .product-element > .right {
        flex: 1 0 auto;
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;

        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        overflow: hidden;
        min-height: auto;
    }

    #productslist {
        padding: 10px 5% 20px 5%;
    }
    #productslist .cpl .product.cart .cart-quantity {
        right: 5px;
        top: 5px;
    }
    .leaflet-popup-content {
        min-width: 10vw;
    }
    .swipe-wrapper > span {
        width: 20%;
    }
} */

/* #productslist .cpl .product.cart .border-theme.product-element {
    border: 2px solid ;
} */

/* #productslist .cpl .product.cart .product-element {
    border: 1px solid transparent;
} */

#productslist .cpl .product .product-element>.left .top {
    position: relative;
}

#productslist .cpl .product .product-element>.left h3 {
    padding-top: 0px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 0px;
    margin: 5px 0 0 5px;
}

.small-screen #productslist .cpl .product .product-element>.left h3 {
    /* font-size: 5vw; */
    font-size: 18px;
    font-weight: 600;
}

#productslist .cpl .product .product-element>.left h2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    justify-content: flex-end;
    align-content: center;
    line-height: 1em;
}

#productslist .cpl .product .product-element>.left .middle .infos {
    display: flex;
    padding: 5px;
    flex-direction: row;
    justify-content: flex-start;
}

#productslist .cpl .product .product-element>.left .middle .infos.vertical {
    flex-direction: column;
    justify-content: center;
}

#productslist .cpl .product .product-element>.left .middle .infos.vertical .infos {
    opacity: 0.6;
}

#productslist .cpl .product .product-element>.left .middle .infos.vertical>* {
    padding: 0 0 3px 0;
    margin: 0px;
}

#productslist .cpl .product .product-element>.left .middle .infos.vertical .description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#productslist .cpl .product .product-element .infotext {
    opacity: 0.9;
    font-size: 1.1em;
}

.product-info .infos .nutrients {
    border-collapse: collapse;
}

.product-info .infos .nutrients td {
    padding: 5px 10px;
    border: 1px solid #dedede;
}

.product-info .infos .nutrients tr:first-child td:first-child {
    border-top-left-radius: 6px;
}

.product-info .infos .nutrients tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

.product-info .infos .nutrients tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.product-info .infos .nutrients tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.product-info .infos .alergen {
    padding: 5px 10px;
    display: inline-block;
    overflow: hidden;
    border-radius: 6px;
    margin: 2px;
    background-color: #ff737356;
    cursor: pointer;
}

.product-info .infos .alergen:hover {
    background-color: #ff737396;
}

/* 
.product-info .infos .tooltip{
    width: 90%;
  
} */

/* .product-info .infos .tooltip > .tooltip-inner {
    left: 0;
    right: auto;
    
} */

#productslist .cpl .product .product-element>.left .middle .infos>* {
    padding: 0 4px 4px 0;
}

#productslist .cpl .product .product-element>.left .middle .infos span.label {
    padding: 5px 10px;
    font-size: 1em;
    margin: 0 5px 5px 0;
}

#productslist .cpl .product .product-element>.left .discount {
    position: relative;
}

#productslist .cpl .product .product-element>.left .discount span.label {
    padding: 5px 5px;
    margin: 0px 0px 0px 5px;
    /* position: relative; */
    display: inline-block;
    font-size: 0.5em;
}

.Badge {
    background-color: #ffc107;
    border-radius: 3px;
    color: #333;
    display: block;
    font-size: 12.8px;
    font-weight: 700;
    padding: 0 0.5em;
    position: absolute;
    right: -10px;
    top: -20px;
    z-index: 50;
    font-family: "SohoGothicStd-Medium", sans-serif;
}

.ProductDiscountPercent {
    display: block;
    position: absolute;
    right: -24px;
    top: -20px;
    z-index: 50;
    transform: rotate(3deg);
    font-size: 12.8px;
    font-weight: 700;
    padding: 5px 7px 3px 5px;
    /* font-family: "SohoGothicStd-Medium", sans-serif; */
}

/* @media only screen and (min-width: 401px) {
    .Badge {
        right: -20px;
    }
} */

body.dark-theme .content-wrapper .content .Badge font {
    text-shadow: 1px 1px 0px transparent;
}

/* body.dark-theme #productslist .cpl .product .product-element > .right {
    border-left: 1px solid #505050;
} */

#productslist .cpl .product .product-element>.right .picture-wrap {
    display: flex;
    flex-direction: row;
    width: calc(100% + 2px);
    /* height: calc(100% ); */
    /* width: 100%; */
    height: 100%;
    /* height: auto; */
    overflow: hidden;
    margin-left: -1px;
}

/* .small-screen #productslist .cpl .product .product-element > .right .picture-wrap {
    margin-left:initial;
} */

#productslist .cpl .product-element .small-image {
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    filter: brightness(92%);
    /* margin: 0px;
    border: 0px solid; */
    /* border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; */
}

.small-screen#productslist .cpl .product-element .small-image {
    min-height: 150px;
}

#productslist .cpl .product-element:hover .small-image {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    filter: brightness(100%);
}

#productslist .cpl .product:not(.cart) .product-element:hover {
    border-color: #000000 !important;
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}

#productslist .cpl .product .product-element .product-new-price {
    position: relative;
    padding: 0 5px 0 0;
    display: inline-block;
    white-space: nowrap;
}

#productslist .cpl .product .product-element .product-new-price>small {
    top: -2px;
    position: relative;
    opacity: 1;
}

#productslist .cpl .product .product-element .product-new-price>small sup {
    /* opacity: 1; */
    color: #333;
}

#productslist .cpl .product .product-element .product-old-price {
    opacity: 0.5;
    margin-right: 5px;
}

#productslist .cpl .product .product-element>.left .card-body-wrapper h3 {
    margin: 2px 0 1px 0;
}

#productslist .cpl .product .cart-quantity {
    display: none;
}

#productslist .cpl .product.cart.withPaddingTop .cart-quantity {
    padding-top: 20px;
}

#productslist .cpl .product.cart .cart-quantity i {
    font-size: 12px;
    padding-right: 5px;
}

/* #productslist .storeInfos {
    font-size: 0.35em;
} */

#productslist .cpl .product .product-element>.left .down

/*  */
    {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    padding: 5px;
    /* overflow: hidden; */
}

#productslist .cpl .product .product-element>.left .down .card-body-wrapper {
    /* flex: 12 0 auto; */
    display: flex;
    justify-content: center;
    align-self: center;
    flex-direction: column;
}

#productslist .cpl .product .product-element>.left .down .small-button-wrapper {
    /* flex: 1 1 auto; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    /* width: min-content; */
}

#productslist .cpl .product .product-element>.left .down .btn {
    text-transform: uppercase;
    margin: 2px;
    /* margin-bottom: 4px; */
}

.small-screen #productslist .cpl .product .product-element>.left .down .btn {
    padding: 2px 4px;
    /* margin-bottom: 4px; */
}

.dark-theme #productslist .cpl .product .product-element>.left .down .btn {
    border-color: #00000069;
}

.dark-theme #productslist .cpl .product .product-element>.left .down .btn.btn-default {
    background-color: #dddddd33;
    color: #a4a4a4;
}

.dark-theme #productslist .cpl .product .product-element>.left .down .btn:hover {
    border-color: #000000;
}

/*  masonry   */

img {
    vertical-align: middle;
    max-width: 100%;
}

.contry-specific img {
    width: 200px;
    height: auto;
}



.masonry {
    display: flex;
    width: 100%;
}

a {
    color: #333;
}

.swipe-info {
    margin: 0px;
}

/* product list */

.place-wrapper {
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    
    justify-content: flex-start; */
    margin: 0;
    padding: 0px;
    display: flex;
    /* grid-template-columns: repeat(auto-fit, max(150px, 25vw)); */
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    margin-top: 45px;
    flex-wrap: wrap;
}

.small-screen .place-wrapper {

    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 20px;

}

.place-wrapper .category-element {
    /* position: relative; */
    /* overflow: hidden; */

    /* margin: 0 0 30px 30px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    transition: filter 0.25s ease-in-out;

    /* box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3); */
    cursor: pointer;
    min-height: 150px;
    font-size: 16px;
}

.place-wrapper .category-element .categ-content {
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}


/* .small-screen .place-wrapper .category-element {
 font-size: 0.65em;
} */

.place-wrapper .category-element:hover {
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
    /* box-shadow:0px 5px 5px rgba(0, 0, 0, 0.3); */
}

.masonry-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: brightness(90%);
}

.category-shadow {
    /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3)); */
    /* transition: filter 0.25s ease-in-out; */
    box-shadow: -2px 1px 6px 1px rgba(0, 0, 0, 0.234);
    position: relative;
    overflow: hidden;
}

.category-top {
    display: flex;
    position: relative;
    flex: 1 1;
    /* height: 70%; */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    /* background-color: #fff; */
    /* border-radius: 6px; */

}

.category-info {
    flex: 1 0 auto;
    /* background-color: #fff; */
    text-align: center;
    padding: 5px;
    font-size: 1.5em;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.dark-theme .category-info {
    color: #c3c3c3;
    background-color: #3e3e3e;
}

.no-image .category-top {
    flex: 0 0;
}

.no-image .category-info {
    height: 100%;
    min-height: 70px;
}

.category-info>span {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* @media (max-width: 767px) {
    .category-content {
        height: 180px;
        margin-bottom: 10px;
    }
} */
.category-top figure.lozad {
    width: 100%;
    padding-top: 80%;
    position: relative;

    /* overflow: hidden; */

    /* 
    width: 150px;
    height: 150px; */
    /* border-radius: 0px; */
    flex: 1 0 auto;

    /* border-radius: 6px; */

    /* height: 100%; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    filter: brightness(90%);
    /* -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); */
}

.small-screen .category-top figure.lozad {
    padding-top: 70%;
}

.category-element:hover .category-top figure {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    filter: brightness(100%);
}

.category-element .count {
    position: absolute;
    right: 5px;
    top: 5px;
    display: inline-block;
    line-height: 28px;
    background-color: #f6f6f6;
    color: #666;
    border: 1px solid #d6d6d6;
    font-size: 1.5rem;
    font-weight: bolder;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    z-index: 9;
}

@media only screen and (min-width: 2001px) {
    /* .place-wrapper {
        grid-row-gap: 50px;
        grid-column-gap: 50px;
    } */

    .place-wrapper .category-element {
        width: 12vw;

    }
}

@media only screen and (min-width: 1601px) and (max-width: 2000px) {
    /* .place-wrapper {
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    } */

    .place-wrapper .category-element {
        width: 15vw;

    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    /* .place-wrapper {
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    } */

    .place-wrapper .category-element {
        width: 18vw;

    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    /* .place-wrapper {
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    } */

    .place-wrapper .category-element {
        width: 22vw;

    }
}

@media only screen and (min-width: 401px) and (max-width: 767px) {

    /* .place-wrapper {
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    } */
    .category-info {
        flex: 3 1;
    }

    .category-shadow {
        flex: 2 1;
        /* box-shadow:unset; */

    }

    .category-top {



        height: 100%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;


        /* background-color: #fff; */
        /* border-radius: 6px; */
    }

    .place-wrapper .category-element {
        width: 90vw;
        min-height: unset;

    }

    .place-wrapper .category-element .categ-content {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width: 400px) {

    /* .place-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    } */
    .category-info {
        flex: 3 1;
    }

    .category-shadow {
        flex: 2 1;
        /* box-shadow:unset; */
    }

    .category-top {



        height: 100%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;


        /* background-color: #fff; */
        /* border-radius: 6px; */
    }

    .place-wrapper .category-element {
        width: 90vw;
        min-height: unset;


    }

    .place-wrapper .category-element .categ-content {
        flex-direction: row-reverse;
    }

    .small-screen #productslist .cpl {

        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
}

body.dark-theme .category-element .category-content .count {
    text-shadow: 0px 0px 0px transparent;
}

/*  end masonry   */

/* body.product-opened #productslist {
    position: relative;
    padding: 50px 10%;
    max-width: 100%;
} */

/* .locations-list > li {
    flex: 1 1 auto;
} */

.visa-container img {
    max-width: 200px;
    margin: 0 25px 25px 25px;
    width: 100%;
    height: auto;
    display: block;
}

.logo_content_section .media-center img {
    max-width: 20vw;
    margin: 0 auto;
    max-height: 20vh;
    /* box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    background-color: transparent; */
}

.logo_content_section {
    position: absolute;
    width: 100%;
    top: 20px;
}

.product-top {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.small-button-wrapper.show-small {
    padding: 10px 5px 5px 5px;
    font-size: 1.2em;
}

.product-labels {
    position: absolute;
    padding: 5px 10px;
    /* opacity: 0.9; */
    top: -15px;
    font-size: 1.1em;
    right: 0px;
}

.product-labels span {
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.234);
    margin: 0 5px;
    padding-bottom: 3px;
}

.small-screen .product-labels {
    top: -31px;
    left: -15px;
    right: unset;
    font-size: 1.7em;
}

small.preorder-time {
    font-size: 0.7;
    opacity: 0.8;
}

.card-shadow-primary {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03),
        0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
        0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
        0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}

@media (min-width: 768px) {
    .cart-options-wrapper .dropdown-menu {
        width: auto !important;
    }
}

@media (max-width: 767px) {
    #productslist .col-xs-12 {
        padding-right: 5px;
        padding-left: 5px;
    }

    li.product-container .box.box-solid {
        display: none;
    }

    #productslist li .box-header h3 {
        /* font-size: calc(14px + 1vw) !important; */
        font-size: 1.2em !important;
        display: inline-block !important;
        white-space: normal !important;
        margin: 0 !important;
        position: relative !important;
        padding: 0px !important;
        padding-bottom: 5px !important;
        word-wrap: normal !important;
    }

    .product-expanded-actions {
        display: absolute;
        height: 80px;
        bottom: -70px !important;
        left: 0;
        right: 0;
        /* position: fixed; */
        justify-content: space-around;
        width: 100% !important;
        align-items: center;
        padding: 15px !important;
        border-radius: 0px;
        background-color: rgba(255, 255, 255, 1) !important;
        font-size: 0.8em;
    }

    /* .product-expanded-actions {
        bottom: 7px !important;
        right: 16px !important;
        border-bottom-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        padding: 10px 1px 14px 10px !important;
    } */
    body.dark-theme .product-expanded-actions {
        background-color: #5a5a5a !important;
        color: #fff;
        padding: 20px !important;
        /* padding: 10px 1px 14px 10px !important;
        right: 16px !important;
        bottom: 7px !important; */
    }

    #user-modal.modal {
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        border-radius: 0px;
        /* top: 55px;
        left: 15px;
        right: 15px;
        bottom: 15px; */
        border-radius: 20px;
        border-top-right-radius: 5px;
        font-size: 1.1em;
        /* border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px; */
    }

    #product-modal.modal {
        /* top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        border-radius: 0px; */
        top: 110px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 5px;
        font-size: 1.2em;
        /* border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px; */
    }

    /* .control-sidebar button {
        font-size: 1.2em;
    } */
    #user-modal .modal-body {
        padding: 0;
    }

    #user-modal .dashboard {
        padding: 0;
    }

    .input-group input {
        font-size: 1.3em;
    }

    footer .fa-fw {
        width: auto;
        margin: 0 auto;
    }

    .btn-app {
        min-width: unset;
    }

    .control-sidebar {
        right: -100%;
        width: 100%;
    }

    .cart-options-wrapper .dropdown-toggle {
        padding: 10px 10px;
        height: 100%;
    }

    .table-selector li,
    .locations-selector li,
    .address-selector li,
    .service-selector li {
        background-color: white !important;
        color: #333333 !important;
    }

    .table-selector li>a,
    .locations-selector li>a,
    .address-selector li>a,
    .service-selector li>a {
        padding: 15px 15px 20px 25px;
        border-bottom: 2px solid #ddd !important;
    }

    .table-selector,
    .locations-selector,
    .address-selector,
    .service-selector {
        box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.6) !important;
        border-radius: 3px;
    }

    #TakeOutLocations .locations-selector,
    #OwnAddressess .address-selector {
        left: auto;
        right: 0px;
    }

    .cart-options-wrapper .dropdown-menu .header small {
        opacity: 0.5;
    }

    /* .service-selector {
        position: absolute !important;
        float: left !important;
        min-width: 160px;
        top: 100%;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc !important;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important ;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    } */
    .selectors-tabs .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .selectors-tabs .tab-content {
        background-color: #fff;
        padding-bottom: 2px !important;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-behavior: auto;
    }

    .cart-options-wrapper .cart-options {
        height: auto;
    }

    /* 
    .sidebar .fixed-bottom {
        padding: 5px;
    } */
}

.skin-black-light .border-theme {
    border-color: #000000 !important;
}

.skin-dark-light .border-theme {
    border-color: #333333 !important;
}

.skin-yellow-light .border-theme {
    border-color: #ffa100 !important;
}

.skin-red-light .border-theme {
    border-color: #d33724 !important;
}

.skin-blue-light .border-theme {
    border-color: #3c8dbc !important;
}

.skin-green-light .border-theme {
    border-color: #158443 !important;
}

.skin-purple-light .border-theme {
    border-color: #555299 !important;
}

.skin-black .border-theme {
    border-color: #333333 !important;
}

.skin-dark .border-theme {
    border-color: #333333 !important;
}

.skin-yellow .border-theme {
    border-color: #ffa100 !important;
}

.skin-red .border-theme {
    border-color: #d33724 !important;
}

.skin-blue .border-theme {
    border-color: #3c8dbc !important;
}

.skin-green .border-theme {
    border-color: #158443 !important;
}

.skin-purple .border-theme {
    border-color: #555299 !important;
}

/* 
@media (max-width: 600px) {
   
} */

/* 
.small-screen #productslist .box-header .box-title {
    font-size: calc(100% + 0.4vw);
    margin-top: calc(0% + 0.5vw);
}
.large-screen #productslist .box-header .box-title {
    font-size: calc(100% + 0.3vw);
    margin-top: 0;
}
.xllarge-screen #productslist .box-header .box-title {
    font-size: calc(100% + 0.3vw);
    margin-top: 0;
}

#productslist .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    margin-top: calc(0% + 0.5vw);
    line-height: 1em;
    font-size: calc(100% + 0.4vw);
    top: 20%;
} */

#ServiceType,
#TakeOutLocations,
#OwnAddressess,
#AvailableTables {
    width: 50%;
    padding: 5px 0px;
    font-size: 1.2em;
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    margin: 0 5px;
    /* overflow: hidden; */
}

#AvailableTables .dropdown-menu,
#ServiceType .dropdown-menu,
#TakeOutLocations .dropdown-menu,
#OwnAddressess .dropdown-menu {
    position: absolute;
    overflow-y: auto;
    /* overflow: hidden; */
    width: unset;
    min-width: 100%;
}

@media (max-width: 767px) {

    #ServiceType .dropdown-menu,
    #OwnAddressess .dropdown-menu,
    #TakeOutLocations .dropdown-menu {
        width: 80vw;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    #OwnAddressess .dropdown-menu,
    #TakeOutLocations .dropdown-menu {
        width: 85vw !important;
        left: auto;
        right: 0;
    }

    #ServiceType .dropdown-menu {
        width: 85vw !important;
        left: 0;
        right: auto;
    }
}

@media (min-width: 1200px) {

    #OwnAddressess .dropdown-menu,
    #TakeOutLocations .dropdown-menu {
        width: 25vw !important;
        left: auto;
        right: 0;
    }

    #ServiceType .dropdown-menu {
        width: 25vw !important;
        left: 0;
        right: auto;
    }
}

.selectors-label {
    font-size: 0.7em;
    opacity: 0.6;
    text-align: left;
    position: relative;
    top: 15px;
}

#productslist .box-header {
    max-height: 41px;
    /* display: inline-block; */
    overflow: hidden;
    min-height: 41px;
}

#productslist li .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    /* white-space: nowrap; */
    /* position: absolute; */
}

/* #productslist li .box-header .box-title .card-body {
    display: none;
} */

/* 
.rounded #productslist li .box {
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.rounded #productslist .widget-image .product-image-container {
    border-bottom-right-radius: 25px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    overflow: hidden;
} */

.open-tabs-cf-tab,
.open-tabs-extra-tab {
    margin-top: 10px;
    display: inline-block;
}

#productslist li .widget-image {
    overflow: hidden;
    border-bottom-right-radius: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0;
    /* border-top-right-radius: 10%; */
    width: 150px;
    height: 150px;
    float: right;
    z-index: 5;
}

/* .small-screen #productslist li .widget-image {
    right: 0px;
    position: absolute;
    left: 0px;
    top: 5px;
} */

#productslist li .widget-image img {
    width: 100%;
    height: auto;
    max-height: 400px;
    max-width: 400px;
    /* min-height: 10px; */
    /* margin: 0 auto; */
    /* margin-left: -10px; */
}

#productslist li.product-container .inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel .fill,

/* #productslist li.product-container canvas.fade, */

#productslist li.product-container img.fade {
    -webkit-animation-name: fade1;
    -webkit-animation-duration: 0.6s;
    animation-name: fade1;
    animation-duration: 0.6s;
}

@-webkit-keyframes fade1 {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade1 {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

.fade2 {
    animation-name: fade2;
    animation-duration: 2s;
}

@keyframes fade2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.carousel .item.active .fill,
img.loaded.fade,

/* #productslist li.product-container.image-loaded canvas.fade, */

.image-loaded img.fade {
    opacity: 1;
}

/* .small-screen #productslist li.product-container.image-loaded img.fade {
    border-radius: 50%;
} */

#productslist li.product-container .widget-main-image .inner .loader {
    top: 26px;
}

#productslist li.product-container.loading-image .inner {
    display: inline-block;
}

#productslist li .action-bar {
    display: none;
}

.product-expanded-actions-small-screen {
    display: none;
}

.product-expanded-actions {
    position: fixed;
    bottom: 35px;
    right: 15px;
    padding: 12px 0px 15px 8px;
    width: auto;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.69);
    box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.234);
    z-index: 400;
}

.product-modal-actions {
    margin: 0;
    /* padding: 5px; */
    height: 100%;
}

.product-modal-actions .action-body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#product-modal .product-config {
    opacity: 1;
    line-height: 0.8em;
    font-size: 1em;
    display: inline;
    /* margin: 0 15px 0 0; */
}

#product-modal.landscape .product-config {
    /* display: inline; */
    margin-right: 10px;
}

#product-modal .to-add {
    /* font-weight: bold; */
    font-size: 1.5em;
}

.product-modal-actions .action-body .open-cart {
    flex: 1 1;
    /* overflow: hidden; */
    max-height: 49px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-modal-actions .action-body .open-cart .cart-label {
    position: relative;
}

.product-modal-actions .action-body .open-cart .items {
    /* width: 8px; */
    display: inline-block;
}

.product-modal-actions .action-body .btn-right {
    flex: 3 1 auto;
}

.modal .product-modal-actions .showOnModify,
.modal.modify-cart-element .product-modal-actions .showOnAdd {
    display: none;
}

.modal .product-modal-actions .showOnAdd,
.modal.modify-cart-element .product-modal-actions .showOnModify {
    display: inline-block;
}

.modal .product-modal-actions .label {
    position: absolute;
    top: 0px;
    left: 0px;
    right: auto;
    text-align: center;
    font-size: 9px;
    padding: 4px 6px;
    line-height: 0.9;
}

.box.box-solid .box-body .product-actions {
    margin-bottom: 10px;
    margin-right: 10px;
}

.box.box-solid.with-image .box-body .product-actions {
    margin-right: 155px;
    text-align: right;
}

.product-actions {
    position: absolute;
    bottom: -2px;
    /* left: -2px; */
    right: -3px;
}

.product-actions button {
    padding: 6px;
    margin: 5px 5px 0 0;
}

.box.box-solid.with-image .user-block .product-actions {
    right: -13px;
}

:-moz-any(.modules-content) browser {
    margin-right: -14px !important;
    overflow-y: scroll;
    margin-bottom: -14px !important;
    overflow-x: scroll;
}

/* #productslist li .show-big {
    background-color: white;
}

#productslist li .show-big .selectors-tabs .product-expanded-actions {
    background-color: transparent;
} */

/* #productslist .tooltip-arrow {
    
    border-top-color: rgba(0, 0, 0, 0.3);
    border-bottom-color: rgba(0, 0, 0, 0.3);
}

.tooltip-inner {
    padding: -2px 25px;
    color: #333333;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}

.header-wrapper .tooltip-inner {
    color: #f6f6f6;
    opacity: 0.9;
    background-color: rgba(0, 0, 0, 1);
    max-width: 300px;
} */

.card-body-wrapper-modal {
    /* font-size: 1.5em; */
    width: 100%;
    /* position: absolute; */
    display: flex;
    justify-content: center;
    margin-top: 0px;
    font-size: 1.5em;
    font-weight: bold;
}

.no-image .card-body-wrapper-modal {
    margin-top: 10px;
}

.card-body {
    margin: 0;
    padding: 5px 10px;
    background-color: #ffffff;
    border-bottom-color: #e5e5e5;
    box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.234);
    border-radius: 6px;
    margin-right: 10px;
}

.product-nav-wrapper hr {
    margin: 5px 0;
}

.action-body {
    /* font-size: 1.6em !important; */
    /* padding-right: 15px; */
    padding: 5px 15px 5px 10px;
    display: block;
    position: relative;
}

.card-body .product-old-price {
    font-size: 0.69em;
    opacity: 0.69;
}

#productslist li .show-big .selectors-tabs {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.93);
    height: 100%;
    /* overflow: hidden; */
    max-height: 100%;
    border-radius: 0px;
    box-shadow: unset;
    display: block;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    /* margin: -5px 0 0 0;
    padding: 5px 0 0 0; */
}

/* #productslist li .show-big .selectors-tabs .tab-content {
    flex: 1 1 auto;
}

#productslist .nav-tabs-custom.selectors-tabs > .tab-content {
    background: transparent;
    padding: 10px;
    border-radius: 0px;
    display: block;
    border-bottom: 1px solid #f4f4f4;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

#productslist li .show-big .selectors-tabs .buttons-place {
    flex: 0 0 74px;
}

.small-screen #productslist li .show-big .selectors-tabs .buttons-place {
    display: none;
} */

/* 
#productslist li .show-big .selectors-tabs .tab-content > .tab-pane {
    position: relative;
    width: 100%;
}

#productslist li .show-big .selectors-tabs {
    height: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    padding: 0px;
    width: 100% !important;
    padding-bottom: 20px;
} */

.cf-groups h4 {
    padding-top: 15px;
    padding-bottom: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: white;
}

.cf-selectors {
    height: 38px;
    margin-bottom: 5px;
}

.strikeout {
    text-decoration: line-through;
    opacity: 0.6;
}

/* .small-screen.input-focused .product-instructions {
    padding: 5px;
}
.small-screen .product-instructions {
    width: 100% !important;
    margin: 0 auto;
    padding: 25px;
} */

.small-screen .product-review {
    display: none;
}

.product-review {
    font-size: 0.8em;
    padding-left: 10px !important;
    padding-top: 10px !important;
    overflow-y: auto;
    height: inherit;
}

#productslist li .show-big .selectors-tabs ul {
    padding: 0px;
}

#product-modal .selectors-tabs .option-selector {
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    /* display: inline-block;
    padding: 2px;
    opacity: 0.8;
    margin: -1px;
    height: 46px; */
}

#product-modal .selectors-tabs .option-selector .inner-wrapp {
    border: 1px solid #dedede53;
    border-radius: 4px;
    /* border: 1px solid transparent; */

    /* padding: 5px 10px; */
    height: 44px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    /* padding-left: 10px; */
}

#product-modal .selectors-tabs .option-selector:hover .inner-wrapp {
    /* background-color: #f6f6f6; */
    opacity: 1;
    border-radius: 3px;
    border: 1px solid #dedede7a;
    /* margin: 0px -1px -1px -1px; */
}

#product-modal .selectors-tabs .option-selector:active {
    color: #fff;
    background-color: #000;
}

#product-modal .selectors-tabs.nav-tabs-custom>.nav-tabs>li>a {
    padding: 10px 5px;
}

.option-selector .inner-wrapp .quantity {
    font-size: 1.2em;
    font-weight: bold;
}

.option-description {
    display: table-cell !important;
    vertical-align: middle;
    /* min-height: 44px; */
    /* font-size: 0.8em; */
    margin-left: 5px;
    flex: 1 1 auto;
    line-height: 0.9;
}

.group-header {
    margin: 0 0 0 0;
}

/* .option-delete {
     margin-left: -10px; 
} */

.option-selector .option-delete {
    flex: 0 0 auto;
}

.option-selector .checkbox-selector i.selected {
    margin-left: 1px;
}

.option-selector .option-delete,
.option-selector.selected .checkbox-selector i,
.option-selector .checkbox-selector i.selected {
    display: none;
}

.option-selector.selected .option-delete,
.option-selector .checkbox-selector i,
.option-selector.selected .checkbox-selector i.selected {
    display: inline-block;
}

.checkbox-selector {
    font-size: 1.3em;
    /* top: 50%; */
    /* display: table-cell; */
    /* vertical-align: middle; */
    /* display: table-cell; */
    /* height: 100%;
    position: absolute;
    top: 28%; */
    /* width: 30px; */
    padding: 10px;
}

.selectors-tabs .result-content-tab .delete-option,
.selectors-tabs .delete-option {
    font-size: 20px;
    font-weight: 900;
    min-width: 30px;
    /* float: right; */
    /* margin-right: -10px; */
}

.option-selector:hover .delete-option {
    /* left: 2px; */
    position: relative;
}

.control-sidebar .nav-tabs-custom.selectors-tabs>.nav-tabs>li {
    border-bottom: 5 3px solid transparent;
}

.control-sidebar .nav-tabs-custom.selectors-tabs>.nav-tabs {
    margin: 0;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 0px;
    font-size: 0.8em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    padding-top: 5px;
    width: 100%;
    /* padding: 5px 10px 0 10px; */
    box-shadow: 0px 6px 7px 3px rgba(0, 0, 0, 0.234);
    z-index: 10;
}

.nav-tabs-custom.selectors-tabs>.nav-tabs>li {
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
    border: 0;
    margin-bottom: -2px;
}

.nav-tabs-custom.selectors-tabs>.nav-tabs>li.active>a,
.nav-tabs-custom.selectors-tabs>.nav-tabs>li.active:hover>a {
    background-color: transparent;
    color: #444;
    border: 0px;
}

.nav-tabs-custom.selectors-tabs>.nav-tabs>li {
    border-bottom: 3px solid transparent;
    /* margin-bottom: -2px;
    margin-right: 5px; */
}

.nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    /* border-bottom-color: #3c8dbc; */
    border-top-color: transparent;
}

.nav-tabs-custom.selectors-tabs>.nav-tabs>li a {
    padding: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.small-screen .nav-tabs-custom.selectors-tabs>.nav-tabs>li a {
    padding: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
}

/* 
.nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #3c8dbc;
}
 */

.skin-black-light .list-content li.active,
.skin-black-light .module-selector-wrapper .modules-content ul li.active,
.skin-black-light .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #333333;
}

.skin-dark-light .list-content li.active,
.skin-dark-light .module-selector-wrapper .modules-content ul li.active,
.skin-dark-light .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #333333;
}

.skin-yellow-light .list-content li.active,
.skin-yellow-light .module-selector-wrapper .modules-content ul li.active,
.skin-yellow-light .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #ffa100;
}

.skin-red-light .list-content li.active,
.skin-red-light .module-selector-wrapper .modules-content ul li.active,
.skin-red-light .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #d33724;
}

.skin-blue-light .list-content li.active,
.skin-blue-light .module-selector-wrapper .modules-content ul li.active,
.skin-blue-light .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #3c8dbc;
}

.skin-green-light .list-content li.active,
.skin-green-light .module-selector-wrapper .modules-content ul li.active,
.skin-green-light .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #158443;
}

.skin-purple-light .list-content li.active,
.skin-purple-light .module-selector-wrapper .modules-content ul li.active,
.skin-purple-light .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #555299;
}

.skin-black .list-content li.active,
.skin-black .module-selector-wrapper .modules-content ul li.active,
.skin-black .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #333333;
}

.skin-dark .list-content li.active,
.skin-dark .module-selector-wrapper .modules-content ul li.active,
.skin-dark .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #333333;
}

.skin-yellow .list-content li.active,
.skin-yellow .module-selector-wrapper .modules-content ul li.active,
.skin-yellow .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #ffa100;
}

.skin-red .list-content li.active,
.skin-red .module-selector-wrapper .modules-content ul li.active,
.skin-red .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #d33724;
}

.skin-blue .list-content li.active,
.skin-blue .module-selector-wrapper .modules-content ul li.active,
.skin-blue .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #3c8dbc;
}

.skin-green .list-content li.active,
.skin-green .module-selector-wrapper .modules-content ul li.active,
.skin-green .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #158443;
}

.skin-purple .list-content li.active,
.skin-purple .module-selector-wrapper .modules-content ul li.active,
.skin-purple .nav-tabs-custom.selectors-tabs>.nav-tabs>li.active {
    border-bottom-color: #555299;
}

/*********************************/

.skin-black-light .btn-theme {
    background-color: #333333;
    color: #f6f6f6 !important;
}

.skin-dark-light .btn-theme {
    background-color: #333333;
    color: #f6f6f6 !important;
}

.skin-yellow-light .btn-theme {
    color: #333333;
    background-color: #ffa100;
}

.skin-red-light .btn-theme {
    background-color: #d33724;
    color: #f6f6f6;
}

.skin-blue-light .btn-theme {
    background-color: #3c8dbc;
    color: #f6f6f6;
}

.skin-green-light .btn-theme {
    background-color: #158443;
    color: #f6f6f6;
}

.skin-purple-light .btn-theme {
    background-color: #555299;
    color: #f6f6f6;
}

.skin-black .btn-theme {
    background-color: #333333;
    color: #f6f6f6;
}

.skin-dark .btn-theme {
    background-color: #333333;
    color: #f6f6f6;
}

.skin-yellow .btn-theme {
    background-color: #ffa100;
    color: #333333;
}

.skin-red .btn-theme {
    background-color: #d33724;
    color: #f6f6f6;
}

.skin-blue .btn-theme {
    background-color: #3c8dbc;
    color: #f6f6f6;
}

.skin-green .btn-theme {
    background-color: #158443;
    color: #f6f6f6;
}

.skin-purple .btn-theme {
    background-color: #555299;
    color: #f6f6f6;
}


.cart-action-summary {
    width: 100%;
}

/************************************/

@-webkit-keyframes scale-up-bl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

@keyframes scale-up-bl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

.scale-up-center {
    -webkit-animation: scale-up-center 0.1s ease-in forwards;
    animation: scale-up-center 0.1s ease-in forwards;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.scale-up-2x {
    -webkit-animation: scale-up-2x 0.1s ease-in forwards;
    animation: scale-up-2x 0.1s ease-in forwards;
}

@-webkit-keyframes scale-up-2x {
    0% {
        -webkit-transform: scale(1.98);
        transform: scale(1.98);
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes scale-up-2x {
    0% {
        -webkit-transform: scale(1.98);
        transform: scale(1.98);
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

.cancel {
    margin-right: 10px;
}


.product-nav-wrapper {
    top: 0px;
    /* z-index: 999999999; */
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 0 0 50px;
    flex-direction: row;
    flex-wrap: nowrap;
    /* padding: 5px; */
}

.product-nav-wrapper>.btn-group {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.product-nav-wrapper .navigate {
    /* padding: 10px; */
    /* background-color: white; */
    display: inline-block;
    flex: 0 0 auto;

    height: 42px;
    /* width: 42px; */
    font-size: 1.5em;
    /* line-height: 1; */
    /* border-radius: 5px; */
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); */
    display: flex;
    flex-direction: row;
    cursor: pointer;
    flex: 0;
    justify-content: center;

}

.product-nav-wrapper .navigate.disabled {
    cursor: not-allowed;
}

.product-nav-wrapper .navigate>span {
    font-size: 11px;
    font-weight: 700;
    opacity: 0.4;
    line-height: 11px;
    flex: 0 0 auto;
    margin: -1px 0 0 0px;
}

.product-nav-wrapper .navigate>span.last {
    margin-right: 4px;
}

.product-nav-wrapper .navigate>span.first {
    margin-left: 4px;
}

.product-nav-wrapper .navigate.disabled {
    opacity: 0.3;
}


.product-nav-wrapper .navigate[data-direction="prevProduct"] i {
    margin-right: 5px;
    margin-left: -2px;
}

.product-nav-wrapper .navigate[data-direction="nextProduct"] i {
    margin-left: 5px;
    margin-right: -2px;
}

.product-nav-wrapper .navigate i {
    /* margin-top: -1px; */
    /* flex: 0 0 20px; */
    font-size: 1.3em;
    opacity: 0.234;
    /* top: -4px; */
    /* position: relative; */
}

.product-nav-wrapper .navigate:active .fas.fa-caret-square-right,
.product-nav-wrapper .navigate:hover .fas.fa-caret-square-right,
.product-nav-wrapper .navigate .far.fa-caret-square-right,
.product-nav-wrapper .navigate:active .fas.fa-caret-square-left,
.product-nav-wrapper .navigate:hover .fas.fa-caret-square-left,
.product-nav-wrapper .navigate .far.fa-caret-square-left {
    display: inline-block;
}

.product-nav-wrapper .navigate:active .far.fa-caret-square-right,
.product-nav-wrapper .navigate:hover .far.fa-caret-square-right,
.product-nav-wrapper .navigate .fas.fa-caret-square-right,
.product-nav-wrapper .navigate:active .far.fa-caret-square-left,
.product-nav-wrapper .navigate:hover .far.fa-caret-square-left,
.product-nav-wrapper .navigate .fas.fa-caret-square-left {
    display: none;
}

.product-container {
    display: inline-block;
    height: auto;
}

#productslist li .box.with-image {
    border-bottom-right-radius: 20px;
}

li.product-container:hover .box {
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07) !important;
}

.small-screen li.product-container:hover .box {
    box-shadow: 0px 0px 0px 0px transparent !important;
}

li.product-container:hover {
    cursor: pointer;
}

li.product-container .search-desc {
    max-height: 15em;
    display: inline-block;
    overflow: hidden;
}

div .overlay {
    background-color: #f6f6f6;
    opacity: 0.7;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
}

body .content-wrapper .content .scroll-wrapper .overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

body .content-wrapper .content .scroll-wrapper .overlay i {
    /* top: 50vh; */
    margin: 0 auto;
    font-size: 3em;
}

.login-box,
.register-box {
    margin: auto;
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}



.login-box-body,
.register-box-body {
    background: #ffffffb2;
    color: #666;
    margin-bottom: 25px;
    position: relative;
}

.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 5px 10px 5px;
}

.login-logo,
.register-logo {
    margin-bottom: 10px;
}

.orderTrack .overlay>.fas,
.control-sidebar .overlay>.fas,
#openorder .overlay>.fas,
.modal div .overlay>.fas,
.modal .overlay-wrapper .overlay>.fas {
    position: absolute;
    top: 50%;
    right: 50%;
    color: #333;
    font-size: 30px;
    opacity: 0.8;
}

.modal .dashboard .overlay>.fas,
.modal .dashboard .overlay-wrapper .overlay>.fas {
    position: absolute;
    top: 50%;
    right: 50%;
    color: #333;
    font-size: 30px;
    opacity: 0.8;
}

.product-expanded-actions .overlay>.fas {
    position: absolute;
    top: 20px;
    right: 25px;
    color: #333;
    font-size: 20px;
    /* opacity: 0.99; */
}

/* #leftmenu li a {
    color: unset !important;
}

#placesselector li:hover,
#leftmenu li a:hover {
    cursor: pointer;
    color: #333;
}

#placesselector li.active:hover,
#leftmenu li.active:hover {
    cursor: default;
    color: #666666;
}

#placesselector li {
    z-index: 300;
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
}

#placesselector li.inactive {
    opacity: 0.5;
    cursor: not-allowed;
} */

.orderby-distance {
    padding: 5px;
}

.delivery-info {
    margin-top: 10px;
}

/* 
#placesselector li.disabled {
    opacity: 0.5;
} */

.dropdown-menu>.active>a {
    color: #333333;
}

.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #666666;
    text-decoration: none;
    /* background-color: #337ab7; */
    outline: 0;
}

/* .dropdown-menu>li>a {
    color: #666;
} */

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: pre-wrap;
}

.main-header .navbar-custom-menu .navbar-nav>li a {
    /* max-width: 50%; */
    /* white-space: nowrap; */
    height: 55px;
    transition: all 0.3s ease-in-out;
}

.main-header .navbar .discount-label {
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 1.1em;
    font-weight: bold;
}

.main-header .header-selected-places {
    text-transform: uppercase;
}

.product-modal-actions .open-cart,
#header-shopping-cart-toggle {
    padding-right: 15px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    display: flex;
    height: 60px;
    font-size: 1.1em;
    flex-direction: column;
    justify-content: space-between;
}

.product-modal-actions .open-cart>span {
    font-size: 0.8em;
    overflow: hidden;
}

.product-modal-actions .open-cart>span,
#header-shopping-cart-toggle>span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* position: relative; */
}

#header-shopping-cart-toggle span>* {
    flex: 0 0 auto;
}

/* #header-shopping-cart-toggle > span .label.cart-total-items {
    right: -30px;
} */

#userselector {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
}

#userselector img {
    height: 35px;
    margin-top: -5px;
    border-radius: 4px;
}

/* #userselector a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
} */


.control-sidebar-open #header-shopping-cart-toggle {
    transition: all 0.3s ease-in-out;
    /* width: calc(25vw - 4px); */
}

/* .control-sidebar-open #header-shopping-cart-toggle .hide_on_small_screen, */

.main-header .navbar-custom-menu .open-user-panel {
    width: fit-content;
    display: inline-block;
    height: 55px;
}

#placesselector li h4 small {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    opacity: 0.85;
}

#placesselector li h4 small.pull-right {
    position: absolute;
    left: unset;
    top: unset;
    bottom: 6px;
    right: 8px;
}

#leftmenu li .menuItemName div {
    list-style: none;
    text-align: right;
    white-space: nowrap;
    width: 0;
    /* transition: width .6s ease; */
    transition: width 0.6s linear;
}

#leftmenu li.active .menuItemName>div {
    width: 100%;
    display: block;
    transition: width 0.9s ease;
    /* linear ease-out ease-in-out; */
}

#store-menu-tab .filter-box-overlay,
#store-menu-tab .filtered {
    display: none;
}

/* #leftmenu li  {
    position: relative;
}

.menuItemName-inner > div {

    white-space: nowrap;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
  }

.menuItemName-inner > div.left {
    left: 0;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .menuItemName-inner > div.right {
    left: 100%;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
 */

#leftmenu .pull-right-container {
    top: 12px;
    position: absolute;
    right: 10px;
}

#leftmenu .menuItemName {
    max-width: 85%;
    display: inline-block;
    overflow-x: hidden;
    width: 100%;
}

.skin-color-element {
    display: inline-block;
    padding: 17px 10px;
    cursor: pointer;
    margin: 5px;
    border: 1px solid #d2d6de;
    width: 100%;
    box-shadow: 0px 22px 24px 0px rgba(46, 51, 51, 0.07);
    margin-left: 0px;
}

/* responsive tables*/

/* 
.table {
    display: table;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.table_row {
    display: table-row;
}

.theader {
    display: table-row;
}

.table_header {
    display: table-cell;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #444;
    background: #f6f6f6;
    background-color: #f6f6f6;
}


.table_small {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    padding: 5px 0 15px 0;
}

.table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
}

.table_cell.actions {
    padding: 15px;
}


@media screen and (min-width: 601px) {
    .col--1 {
        width: 8%;
    }

    .col--2 {
        width: 10%;
    }

    .col--3 {
        width: 10%;
        font-weight: bold;
    }

    .col--4 {
        width: 15%;
    }

    .col--5 {
        width: 10%;
    }

    .col--6 {
        width: 25%;
    }

    .col--7 {
        width: 5%;
    }

    .col--7 .actions {
        position: relative;
        top: 9px;
        padding: 5px;
    }

    .col--1-5 {
        width: 100%;
    }

    .col--6-7 {
        width: 30%;
    }

    #accordion .summary {
        display: table-caption;
        height: 40px;
        padding: 8px 13px;
    }

    #accordion .summary .table_small {
        border: 0px solid;
    }
}

@media screen and (max-width: 600px) {
    .table {
        display: block;
    }

    .theader {
        display: none;
    }

    .table_row > .table_small > .table_cell:nth-child(odd) {
        display: table-cell;
        width: 30%;
        text-align: right;
        color: #444;
        background: #d2d6de;
        background-color: #d2d6de;
        font-weight: 700;
    }

    .table_cell {
        display: table-cell;
        width: 70%;
        text-align: left;
        padding: 0px 15px;
    }

    .table_row {
        display: table;
        width: 100%;
        border-collapse: separate;
        margin: 2% auto 0;
        text-align: center;
    }

    .table_small {
        display: table-row;
    }

    .table_row > .table_small:first-child > .table_cell:last-child {
        border-left: none;
    }

    .table_row > .table_small > .table_cell:first-child {
        border-left: #ccc 1px solid;
    }

    .table_row > .table_small:first-child > .table_cell:first-child {
        border-top-left-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row > .table_small:first-child > .table_cell:last-child {
        border-top-right-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row > .table_small:last-child > .table_cell:first-child {
        border-right: none;
    }

    .table_row > .table_small > .table_cell:last-child {
        border-right: #ccc 1px solid;
    }

    .table_row > .table_small:last-child > .table_cell:first-child {
        border-bottom-left-radius: 5px;
    }

    .table_row > .table_small:last-child > .table_cell:last-child {
        border-bottom-right-radius: 5px;
        border-bottom: #ccc 1px solid;
    }

    .table_row > .table_small > .table_cell {
        border-top: #ccc 1px solid;
        margin-top: -5px;
    }

    .table_row > .table_small:first-child > .table_cell {
        border-left: #ccc 1px solid;
    }

    .table_row > .table_small:last-child > .table_cell {
        border-right: #ccc 1px solid;
    }

    .table_row:last-child > .table_small:last-child > .table_cell:last-child {
        border-bottom-right-radius: 5px;
    }

    .table_row:last-child > .table_small:first-child > .table_cell:last-child {
        border-bottom-left-radius: 5px;
    }
}

.table-responsive {
    overflow-y: hidden;
}

 */

.bg-white {
    background-color: #fff;
}

.control-sidebar-light .nav-stacked>li.active>a,
.control-sidebar-light .nav-stacked>li.active>a:hover {
    color: #333333;
    /* border-left-color: #3c8dbc; */
}

.control-sidebar-dark .nav-stacked>li.active>a,
.control-sidebar-dark .nav-stacked>li.active>a:hover {
    color: #eeeeee;
    /* border-left-color: #3c8dbc; */
}

.skin-black-light .nav-stacked>li.active>a {
    border-left-color: #333333;
}

.skin-dark-light .nav-stacked>li.active>a {
    border-left-color: #333333;
}

.skin-yellow-light .nav-stacked>li.active>a {
    border-left-color: #ffa100;
}

.skin-red-light .nav-stacked>li.active>a {
    border-left-color: #d33724;
}

.skin-blue-light .nav-stacked>li.active>a {
    border-left-color: #3c8dbc;
}

.skin-green-light .nav-stacked>li.active>a {
    border-left-color: #158443;
}

.skin-purple-light .nav-stacked>li.active>a {
    border-left-color: #555299;
}

.skin-black .nav-stacked>li.active>a {
    border-left-color: #333333;
}

.skin-dark .nav-stacked>li.active>a {
    border-left-color: #333333;
}

.skin-yellow .nav-stacked>li.active>a {
    border-left-color: #ffa100;
}

.skin-red .nav-stacked>li.active>a {
    border-left-color: #d33724;
}

.skin-blue .nav-stacked>li.active>a {
    border-left-color: #3c8dbc;
}

.skin-green .nav-stacked>li.active>a {
    border-left-color: #158443;
}

.skin-purple .nav-stacked>li.active>a {
    border-left-color: #555299;
}

#user-modal .timeline>.time-label>span {
    display: inline-block;
    color: #666666;
    background-color: #d2d6de;
}

#user-modal .timeline li i.fa-thumbs-up.bg-primary {
    color: #000000;
}

.small-screen #user-modal .timeline>li>.timeline-item {
    margin-left: 30px;
    margin-right: -5px;
}

#user-modal .timeline .line>div {
    min-height: 25px;
}

#user-modal .timeline .select-this-card {
    cursor: pointer;
}

#user-modal .timeline .select-this-card:hover {
    background-color: #d8d8d8;
}

.small-screen #user-modal .timeline>li>.fa,
.small-screen #user-modal .timeline>li>.glyphicon,
.small-screen #user-modal .timeline>li>.ion {
    left: -5px;
    /* top: 5px; */
}

.small-screen #user-modal .timeline:before {
    left: 8px;
}

.timeline-selector-wrapper {
    position: relative;
}

/* .skin-black-light #user-modal .timeline > .time-label > span, */

.skin-black-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-black-light ::-webkit-scrollbar-thumb:hover,
.skin-black-light .bg-primary {
    background-color: #333333 !important;
}

/* .skin-dark-light #user-modal .timeline > .time-label > span, */

.skin-dark-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-dark-light ::-webkit-scrollbar-thumb:hover,
.skin-dark-light .bg-primary {
    background-color: #333333 !important;
}

/* .skin-yellow-light #user-modal .timeline > .time-label > span, */

.skin-yellow-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-yellow-light ::-webkit-scrollbar-thumb:hover,
.skin-yellow-light .bg-primary {
    background-color: #ffa100 !important;
}

/* .skin-red-light #user-modal .timeline > .time-label > span, */

.skin-red-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-red-light ::-webkit-scrollbar-thumb:hover,
.skin-red-light .bg-primary {
    background-color: #d33724 !important;
}

/* .skin-blue-light #user-modal .timeline > .time-label > span, */

.skin-blue-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-blue-light ::-webkit-scrollbar-thumb:hover,
.skin-blue-light .bg-primary {
    background-color: #3c8dbc !important;
}

/* .skin-green-light #user-modal .timeline > .time-label > span, */

.skin-green-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-green-light ::-webkit-scrollbar-thumb:hover,
.skin-green-light .bg-primary {
    background-color: #158443 !important;
}

/* .skin-purple-light #user-modal .timeline > .time-label > span, */

.skin-purple-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-purple-light ::-webkit-scrollbar-thumb:hover,
.skin-purple-light .bg-primary {
    background-color: #555299 !important;
}

/* .skin-black #user-modal .timeline > .time-label > span, */

.skin-black .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-black ::-webkit-scrollbar-thumb:hover,
.skin-black .bg-primary {
    background-color: #333333 !important;
}

/* .skin-black #user-modal .timeline > .time-label > span, */

.skin-black .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-black ::-webkit-scrollbar-thumb:hover,

/* .skin-black .sidebar.control-sidebar-dark .bg-primary, */

.skin-black .control-sidebar.control-sidebar-dark .bg-primary {
    background-color: #f6f6f6 !important;
    color: #333333 !important;
}

/* .skin-dark #user-modal .timeline > .time-label > span, */

.skin-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-dark ::-webkit-scrollbar-thumb:hover,
.skin-dark .bg-primary {
    background-color: #333333 !important;
}

/* .skin-yellow #user-modal .timeline > .time-label > span, */

.skin-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-yellow ::-webkit-scrollbar-thumb:hover,
.skin-yellow .bg-primary {
    background-color: #ffa100 !important;
}

/* .skin-red #user-modal .timeline > .time-label > span, */

.skin-red .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-red ::-webkit-scrollbar-thumb:hover,
.skin-red .bg-primary {
    background-color: #d33724 !important;
}

/* .skin-blue #user-modal .timeline > .time-label > span, */

.skin-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-blue ::-webkit-scrollbar-thumb:hover,
.skin-blue .bg-primary {
    background-color: #3c8dbc !important;
}

/* .skin-green #user-modal .timeline > .time-label > span, */

.skin-green .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-green ::-webkit-scrollbar-thumb:hover,
.skin-green .bg-primary {
    background-color: #158443 !important;
}

/* .skin-purple #user-modal .timeline > .time-label > span, */

.skin-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-purple ::-webkit-scrollbar-thumb:hover,
.skin-purple .bg-primary {
    background-color: #555299 !important;
}

/* *********************************** */

/* header mneu selectors */

.skin-black-light ::-webkit-scrollbar-thumb:hover,
.skin-black-light .cart-options-wrapper li.selected a,
.skin-black-light .cart-options-wrapper li.selected a small:not(.label),
.skin-black-light .main-header .navbar .dropdown-menu li.selected a,
.skin-black-light .main-header .navbar .dropdown-menu li.selected a small,
.skin-black-light .main-header .navbar .dropdown-menu li.selected a h4,
.skin-black-light .main-header .navbar .dropdown-menu li a:hover,
.skin-black-light .main-header .navbar .dropdown-menu li a:hover small,
.skin-black-light .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #333333 !important;
    color: #ffffff;
}

.skin-dark-light ::-webkit-scrollbar-thumb:hover,
.skin-dark-light .cart-options-wrapper li.selected a,
.skin-dark-light .cart-options-wrapper li.selected a small:not(.label),
.skin-dark-light .main-header .navbar .dropdown-menu li.selected a,
.skin-dark-light .main-header .navbar .dropdown-menu li.selected a small,
.skin-dark-light .main-header .navbar .dropdown-menu li.selected a h4,
.skin-dark-light .main-header .navbar .dropdown-menu li a:hover,
.skin-dark-light .main-header .navbar .dropdown-menu li a:hover small,
.skin-dark-light .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #333333 !important;
    color: #ffffff;
}

.skin-yellow-light .skin-yellow-light ::-webkit-scrollbar-thumb:hover,
.skin-yellow-light .cart-options-wrapper li.selected a,
.skin-yellow-light .cart-options-wrapper li.selected a small:not(.label),
.skin-yellow-light .main-header .navbar .dropdown-menu li.selected a,
.skin-yellow-light .main-header .navbar .dropdown-menu li.selected a small,
.skin-yellow-light .main-header .navbar .dropdown-menu li.selected a h4,
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover,
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover small,
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #ffa100 !important;
    color: #ffffff;
}

.skin-red-light ::-webkit-scrollbar-thumb:hover,
.skin-red-light .cart-options-wrapper li.selected a,
.skin-red-light .cart-options-wrapper li.selected a small:not(.label),
.skin-red-light .main-header .navbar .dropdown-menu li.selected a,
.skin-red-light .main-header .navbar .dropdown-menu li.selected a small,
.skin-red-light .main-header .navbar .dropdown-menu li.selected a h4,
.skin-red-light .main-header .navbar .dropdown-menu li a:hover,
.skin-red-light .main-header .navbar .dropdown-menu li a:hover small,
.skin-red-light .main-header .navbar .dropdown-menu li a:hover h4 {
    background: #d73925;
    /* background-color: #d33724 !important; */
    color: #ffffff;
}

.skin-blue-light ::-webkit-scrollbar-thumb:hover,
.skin-blue-light .cart-options-wrapper li.selected a,
.skin-blue-light .cart-options-wrapper li.selected a small:not(.label),
.skin-blue-light .main-header .navbar .dropdown-menu li.selected a,
.skin-blue-light .main-header .navbar .dropdown-menu li.selected a small,
.skin-blue-light .main-header .navbar .dropdown-menu li.selected a h4,
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover,
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover small,
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #3c8dbc !important;
    color: #ffffff;
}

.skin-green-light ::-webkit-scrollbar-thumb:hover,
.skin-green-light .cart-options-wrapper li.selected a,
.skin-green-light .cart-options-wrapper li.selected a small:not(.label),
.skin-green-light .main-header .navbar .dropdown-menu li.selected a,
.skin-green-light .main-header .navbar .dropdown-menu li.selected a small,
.skin-green-light .main-header .navbar .dropdown-menu li.selected a h4,
.skin-green-light .main-header .navbar .dropdown-menu li a:hover,
.skin-green-light .main-header .navbar .dropdown-menu li a:hover small,
.skin-green-light .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #158443 !important;
    color: #ffffff;
}

.skin-purple-light ::-webkit-scrollbar-thumb:hover,
.skin-purple-light .cart-options-wrapper li.selected a,
.skin-purple-light .cart-options-wrapper li.selected a small:not(.label),
.skin-purple-light .main-header .navbar .dropdown-menu li.selected a,
.skin-purple-light .main-header .navbar .dropdown-menu li.selected a small,
.skin-purple-light .main-header .navbar .dropdown-menu li.selected a h4,
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover,
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover small,
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #555299 !important;
    color: #ffffff;
}

.skin-black ::-webkit-scrollbar-thumb:hover,
.skin-black .cart-options-wrapper li.selected a,
.skin-black .cart-options-wrapper li.selected a small:not(.label),
.skin-black .main-header .navbar .dropdown-menu li.selected a,
.skin-black .main-header .navbar .dropdown-menu li.selected a small,
.skin-black .main-header .navbar .dropdown-menu li.selected a h4,
.skin-black .main-header .navbar .dropdown-menu li a:hover,
.skin-black .main-header .navbar .dropdown-menu li a:hover small,
.skin-black .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #333333 !important;
    color: #ffffff;
}

.skin-dark .skin-dark ::-webkit-scrollbar-thumb:hover,
.skin-dark .cart-options-wrapper li.selected a,
.skin-dark .cart-options-wrapper li.selected a small:not(.label),
.skin-dark .main-header .navbar .dropdown-menu li.selected a,
.skin-dark .main-header .navbar .dropdown-menu li.selected a small,
.skin-dark .main-header .navbar .dropdown-menu li.selected a h4,
.skin-dark .main-header .navbar .dropdown-menu li a:hover,
.skin-dark .main-header .navbar .dropdown-menu li a:hover small,
.skin-dark .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #333333 !important;
    color: #ffffff;
}

.skin-yellow .skin-yellow ::-webkit-scrollbar-thumb:hover,
.skin-yellow .cart-options-wrapper li.selected a,
.skin-yellow .cart-options-wrapper li.selected a small:not(.label),
.skin-yellow .main-header .navbar .dropdown-menu li.selected a,
.skin-yellow .main-header .navbar .dropdown-menu li.selected a small,
.skin-yellow .main-header .navbar .dropdown-menu li.selected a h4,
.skin-yellow .main-header .navbar .dropdown-menu li a:hover,
.skin-yellow .main-header .navbar .dropdown-menu li a:hover small,
.skin-yellow .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #ffa100 !important;
    color: #333;
}

.skin-red .skin-red ::-webkit-scrollbar-thumb:hover,
.skin-red .cart-options-wrapper li.selected a,
.skin-red .cart-options-wrapper li.selected a small:not(.label),
.skin-red .main-header .navbar .dropdown-menu li.selected a,
.skin-red .main-header .navbar .dropdown-menu li.selected a small,
.skin-red .main-header .navbar .dropdown-menu li.selected a h4,
.skin-red .main-header .navbar .dropdown-menu li a:hover,
.skin-red .main-header .navbar .dropdown-menu li a:hover small,
.skin-red .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #d33724 !important;
    color: #ffffff;
}

.skin-blue ::-webkit-scrollbar-thumb:hover,
.skin-blue .cart-options-wrapper li.selected a,
.skin-blue .cart-options-wrapper li.selected a small:not(.label),
.skin-blue .main-header .navbar .dropdown-menu li.selected a,
.skin-blue .main-header .navbar .dropdown-menu li.selected a small,
.skin-blue .main-header .navbar .dropdown-menu li.selected a h4,
.skin-blue .main-header .navbar .dropdown-menu li a:hover,
.skin-blue .main-header .navbar .dropdown-menu li a:hover small,
.skin-blue .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #3c8dbc !important;
    color: #ffffff;
}

.skin-green ::-webkit-scrollbar-thumb:hover,
.skin-green .cart-options-wrapper li.selected a,
.skin-green .cart-options-wrapper li.selected a small:not(.label),
.skin-green .main-header .navbar .dropdown-menu li.selected a,
.skin-green .main-header .navbar .dropdown-menu li.selected a small,
.skin-green .main-header .navbar .dropdown-menu li.selected a h4,
.skin-green .main-header .navbar .dropdown-menu li a:hover,
.skin-green .main-header .navbar .dropdown-menu li a:hover small,
.skin-green .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #158443 !important;
    color: #ffffff;
}

.skin-purple ::-webkit-scrollbar-thumb:hover,
.skin-purple .cart-options-wrapper li.selected a,
.skin-purple .cart-options-wrapper li.selected a small:not(.label),
.skin-purple .main-header .navbar .dropdown-menu li.selected a,
.skin-purple .main-header .navbar .dropdown-menu li.selected a small,
.skin-purple .main-header .navbar .dropdown-menu li.selected a h4,
.skin-purple .main-header .navbar .dropdown-menu li a:hover,
.skin-purple .main-header .navbar .dropdown-menu li a:hover small,
.skin-purple .main-header .navbar .dropdown-menu li a:hover h4 {
    background-color: #555299 !important;
    color: #ffffff;
}

/* 
.header-menu-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
    justify-content: flex-end;
}

.header-menu-wrapper > * {
    padding: 2px;
    flex: 1 100%;
  }

  @media all and (min-width: 600px) {
    .aside { flex: 1 0 0; }
  }
  
  
  @media all and (min-width: 800px) {
    .main    { flex: 3 0px; }
    .aside-1 { order: 1; } 
    .main    { order: 2; }
    .aside-2 { order: 3; }
    .footer  { order: 4; }
  } */

@media (max-width: 300px) {
    footer.main-footer {
        display: none !important;
    }
}

footer.main-footer {
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    text-align: center;
    z-index: 6000;
}

.footer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.footer-wrapper .cart-button {
    flex-grow: 8;
    flex-shrink: 0;
}

.footer-wrapper .cart-button button {
    height: 50px;
}

.footer-wrapper .nav-button {
    flex-grow: 1.5;
    /* width: 60px; */
    height: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0 0 5px 5px;
}

.footer-wrapper>div:first-child {
    margin-left: 0px;
    margin-right: 5px;
    flex-grow: 1;
}

.footer-wrapper .nav-button>.fa {
    font-size: 45px;
    opacity: 0.6;
}

/* .footer-wrapper .nav-button span.compress,
body.expanded .footer-wrapper .nav-button span.expand {
  display: none;
}

.footer-wrapper .nav-button span.expand,
body.expanded .footer-wrapper .nav-button span.compress {
  display: block;
} */

.footer-wrapper .nav-button span {
    font-size: 25px;
    opacity: 0.6;
    width: auto;
    margin: 0 auto;
}

/* ================================================================================= */

.main-header .icon a {
    height: 100%;
}

.main-header .logo-wrapper {
    height: 100%;
    display: inline-block;
    position: relative;
    padding: 3px 10px 3px 5%;
}

.small-screen .main-header .logo-wrapper {
    padding: 3px;
}

.main-header .logo-wrapper img {
    height: 100%;
    width: auto;
    border-radius: 4px;
}

#user-modal .modal-header .logo-wrapper img {
    position: absolute;
    max-height: 55px;
    width: auto;
    border-radius: 4px;
}

.input-focused.small-screen #user-modal .modal-footer {
    display: none;
}

.input-focused.small-screen footer {
    bottom: -60px;
    display: none;
}

.main-header .navbar {
    min-height: 55px;
    max-height: 55px;
    height: 55px;
    margin-left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* .main-header .navbar:after,
.main-header .navbar:before {
    display: unset;
    content: unset;
}
.main-header .navbar-custom-menu {
    float: unset;
} */

.main-header .navbar .header-selectors {
    width: 100%;
    height: 100%;
}

.main-header .navbar .header-selectors .header-service-selector-trigger {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex: 0 1 auto;
    height: 100%;
    padding: 3px 4px;
    cursor: pointer;
}

.main-header .navbar .header-selectors .header-service-selector-trigger .logo-lg {
    padding-right: 3px;
    /* flex: 0 0 auto; */
}

.main-header .navbar .header-selectors .header-selected-from {
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    line-height: 1.1em;
    padding: 5px 5px;
    max-height: 38px;
}

.main-header .navbar .header-selectors .header-selected-discount {
    text-align: center;
    /* padding: 2px 3px; */
    /* line-height: .9; */
    /* display: inline-block; */
}

.main-header .navbar .header-selectors .header-selected-discount .label {
    padding: 1px 4px 3px 5px;
    font-size: 1.1em;
}

.small-screen .main-header .navbar-nav>li>a {
    padding: 18px 10px;
}

.control-sidebar .button-control {
    font-size: 1.5em;
    padding: 5px 8px;
    opacity: 0.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
}

.bar {
    display: flex;
    align-items: center;
    height: 100%;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

.bar {
    display: flex;
    align-items: center;
    width: 100%;
    /* background: #eee; */
    padding: 0 5px;
}

.bar .icon {
    height: 100%;
}

.bar .icon.icon-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.search {
    /* take up the rest of the remaining space */
    flex: 1;
    overflow: hidden;
    height: 100%;
    padding-left: 5px;
}

.search input {
    width: 100%;
}

/* @media (max-width: 650px) {
    .bar {
      flex-wrap: wrap;
    }
    .icon {
      order: 0 !important;
    }
    .username {
      order: 1 !important;
      width: 100%;
      margin: 15px;
    }
    .search {
      order: 2 !important;
      width: 100%;
    }
  } */

.search .nav.navbar-nav {
    float: unset;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.search .nav.navbar-nav>li {
    width: 100%;
    height: 100%;
    display: flex;
    border-bottom: 0 solid transparent;
}

.main-header .logo {
    background-color: unset !important;
    /* color: #fff; */
}

.search .nav.navbar-nav>li.messages-menu {
    flex: 1;
    display: flex;
}

.search .nav.navbar-nav .appName {
    flex-grow: 0;
    flex-shrink: 1;
    width: auto;
}

.header-service-icon {
    font-size: 1.25em;
    top: -2px;
    position: relative;
}

@media (max-width: 800px) {
    .search .nav.navbar-nav .appName {
        display: none;
    }
}

.search .nav.navbar-nav .appName a {
    padding: 5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.bar-2 .username {
    order: 2;
}

.bar-2 .icon-3 {
    order: 3;
}

.bar-3 .search {
    order: -1;
}

.bar-3 .username {
    order: 1;
}

/* .small-screen .control-sidebar,
.control-sidebar {
    padding-top: 50px;
} */

@media (max-width: 991px) {

    .content-wrapper,
    .main-footer {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    /* .content-wrapper .content {
        padding-bottom: 50px !important;
    } */

    .main-footer {
        margin-right: 0;
    }

    /* .control-sidebar-open .main-header .navbar {
        display: none;
    } */
}

.fixed .content-wrapper,
.fixed .right-side {
    display: flex;
    flex: 1 1 auto;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    /* margin-top: -51px;
    padding-top: 51px; */
}

.fixed .content-wrapper {
    display: flex;
    flex: 1 1 auto;
    position: absolute;
    top: 5px;
    /* bottom: 0; */
    /* right: 0; */
    /* left: 0; */
    overflow: hidden;
    width: 100%;
    flex-direction: column;
    height: 100%;
}

.content-wrapper>div {
    display: flex;
    flex-direction: column;
    /* overflow: hidden; */
    min-width: 100%;
    min-height: 100%;
}

/* *, :after, :before {
    box-sizing: border-box;
    border: 0 solid #cbd5e0;
} */

.content-wrapper,
.main-footer {
    margin-left: 0px !important;
}

.content-wrapper .content {
    padding: 0;
    margin: 0 auto;

    min-height: 100%;
    height: 100%;
    width: 100%;
    /* flex: 1 1 auto; */
    /* right: 0; */

    padding-bottom: 5px;
    display: flex;

    flex-direction: column;
}

.header-favorite-selector .menu,
.header-place-selector,
.content-wrapper .content,
.scrollable-content {
    scrollbar-color: rgba(167, 167, 167, 0.86) #bdbdbd4f;
    scrollbar-width: thin;
}

.small-screen.control-sidebar-open .content-wrapper {
    margin-right: 0px;
}

.control-sidebar-open .content-wrapper {
    /* margin-right: 230px; */
    margin-right: max(calc(30% - 0px), 350px);
    /* margin-right: 30%; */
}

.large-screen.control-sidebar-open .content-wrapper,
.xllarge-screen.control-sidebar-open .content-wrapper {
    /* margin-right: 20%; */
    /* margin-right: 25%; */
    margin-right: max(25%, 450px);
}

.open-orders {
    position: fixed;
    bottom: 154px;
    right: 5px;
    left: auto;
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.234);
    transition: all 0.3s linear;
    padding: 5px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    /* opacity: 0.85; */
    background-color: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    cursor: pointer;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
}

.open-orders span {
    flex: 1 0 auto;
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: flex-end;
    flex-wrap: wrap;
}


.open-orders span button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    align-self: flex-end;
    flex-wrap: nowrap;
    margin-right: 4px;
    margin-bottom: 4px;
    flex: 0 0;
}



.open-orders span button>* {
    white-space: break-spaces;
    /* padding: 5px; */
    position: relative;
    flex: 0 1 auto;
}

/* .open-orders span button:first-child {
    flex: 0 0;
    padding: 11px;
} */

.open-orders span button:last-child {
    margin-right: 0;
    flex: 1 1;
    flex-wrap: wrap;
}

.toggle-cart {
    position: fixed;
    bottom: 72px;
    right: 5px;
    left: auto;
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.234);
    transition: all 0.3s linear;
    padding: 10px 10px 20px 10px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    /* opacity: 0.85; */
    background-color: #f6f6f6c4;
    border: 1px solid #d6d6d6ab;
    border-radius: 2px;
    cursor: pointer;
    z-index: 66666;
    /* padding-bottom: 20px; */

}

@media (max-width: 767px) {
    .toggle-cart {
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    .open-orders {
        bottom: 82px;
    }

    #header-shopping-cart-toggle {
        flex-direction: row;
        height: 50px;
    }

    .open-orders {
        right: 5px;
    }
}

.small-screen.control-sidebar-open .toggle-cart,
.modal-open .toggle-cart {
    display: none !important;
}

.control-sidebar-open .open-orders,
.control-sidebar-open .toggle-cart {
    /* right: max(25%, 450px); */
    margin-right: max(450px, 25%);
}

.toggle-cart:hover {
    opacity: 1;
}

.toggle-cart:active {
    background-color: #666;
    color: #f6f6f6;
}

body.dark-theme .open-orders,
body.dark-theme .toggle-cart {
    border: 1px solid #505050;
    background-color: #787878c3;
    color: #a4a4a4;
    text-shadow: 1px 1px 0px #000;
}


body.dark-theme .open-orders .btn,
body.dark-theme .toggle-cart .btn {
    border-color: #00000069;
}

body.dark-theme .toggle-cart:active {
    color: #dddddd33;
    background-color: #a4a4a4;
}

.control-sidebar-open.large-screen .control-sidebar,
.control-sidebar-open.xllarge-screen .control-sidebar {
    /* width: 20%; */
    width: max(25%, 450px);
    right: 0;
}

.large-screen .control-sidebar,
.xllarge-screen .control-sidebar {
    width: 25%;
    right: -25%;
    /* width: 20%;
    right: -20%; */
    transition: all 0.3s linear;
}

.control-sidebar {
    /* width: 230px;
    right: -230px; */
    width: 25%;
    right: -25%;
    transition: all 0.3s linear;
    position: fixed;

    right: 0;
    top: 0px;
    bottom: 0;
    padding: 0;
    box-shadow: 0px 6px 7px 3px rgb(0 0 0 / 23%);
    /* overflow: hidden; */
}

.control-sidebar-open .control-sidebar {
    /* width: 230px; */
    position: fixed;
    width: 25%;
    right: 0;
    top: 0px;
    bottom: 0;
    transition: all 0.3s linear;
    z-index: 9999;
    border-left: 0px solid;
}

.modal-open.control-sidebar-open .control-sidebar {
    z-index: unset;
}

.large-screen .control-sidebar-open .content-wrapper,
.xllarge-screen .control-sidebar-open .content-wrapper,
.large-screen .control-sidebar-open .right-side,
.xllarge-screen .control-sidebar-open .right-side,
.large-screen .control-sidebar-open .main-footer,
.xllarge-screen .control-sidebar-open .main-footer {
    /* margin-right: 230px; */
    margin-right: 25%;
    /* margin-right: 20%; */
}

@media (min-width: 400px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (max-width: 767px) {
    .control-sidebar {
        width: 25%;
        right: -25%;
        transition: all 0.3s linear;
    }

    .control-sidebar-open .control-sidebar {
        width: 100%;
        right: 0;
        /* box-shadow: -15px 10px 10px -10px rgba(0, 0, 0, 0.2); */
        /* box-shadow: -30px 0px 5px 10px rgba(0, 0, 0, 0.5); */
        box-shadow: -15px 0px 15px 0px rgba(0, 0, 0, 0.5);
        font-size: 1.152em;
        transition: all 0.3s linear;
    }

    .control-sidebar-open .open-orders,
    .control-sidebar-open .toggle-cart {
        right: 100%;
    }
}

@media (max-width: 991px) {}

@media (max-width: 1199px) and (min-width: 768px) {
    .control-sidebar {
        width: 25%;
        right: -25%;
        transition: all 0.3s linear;
    }

    .control-sidebar-open .control-sidebar {
        width: max(calc(30% - 0px), 350px);
        right: 0;
        /* box-shadow: -15px 0px 15px 0px rgba(0, 0, 0, 0.5); */
        font-size: 1.152em;
        transition: all 0.3s linear;
    }

    .control-sidebar-open .open-orders,
    .control-sidebar-open .toggle-cart {
        margin-right: max(calc(30% - 0px), 350px);
    }
}

.control-sidebar .top-actions {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 55px;
    margin: 0;
    padding: 0;
    box-shadow: 0px 4px 7px 3px rgb(0 0 0 / 23%);
    /* box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.234); */
    z-index: 800;
}

.control-sidebar .top-actions>li {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5px;
    font-size: 0.8em;
}

.control-sidebar .top-actions>li>div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: normal;
    overflow: hidden;
}

.control-sidebar .top-actions>li>div>span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.control-sidebar .top-actions>li>div>*:last-child {
    padding: 5px;
}

.control-sidebar .top-actions>li.call-location {

    max-width: 40%;
}

.control-sidebar .top-actions>li:active,
.control-sidebar .top-actions>li:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.control-sidebar .cart-sub-menu {
    padding: 5px;
    display: flex;
    flex-direction: column;
}

.hide_with_overlay {
    position: relative;
}

.control-sidebar .top-actions .empty-cart {
    border-left: 1px solid #6868682c;
    border-right: 1px solid #6868682c;
}






.selected-place>ul,
.selected-method>ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* min-height: 55px; */
    margin: 0;
    padding: 0;
    /* padding: 20px 10px 5px 10px; */
}

.selected-place>ul>li,
.selected-method>ul>li {
    flex: 3 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    overflow: hidden;
    text-align: center;
    line-height: normal;
    border: 1px solid #9b9b9b9b;
    /* /* border-left: 0px; */
    /* border-right: 0px;  */

    opacity: 0.6;
    margin-left: -1px;

    min-height: 30px;

}

.small-screen .selected-place>ul>li,
.small-screen .selected-method>ul>li {
    padding: 4px 6px;
}

.selected-method>ul>li:not(.selected) {
    cursor: pointer;
}

body.dark-theme .selected-place>ul>li,
body.dark-theme .selected-method>ul>li {
    text-shadow: none;
}

body.dark-theme .selected-place>ul>li,
body.dark-theme .selected-method>ul>li:not(.selected) {
    color: #fff;
}

.selected-method>ul>li:first-child {
    border-left: 1px solid #9b9b9b9b;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.selected-method>ul>li:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #9b9b9b9b;
}

.selected-place>ul>li {
    border-left: 1px solid #9b9b9b9b;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #9b9b9b9b;
    cursor: pointer;
}

.selected-method>ul>li.selected {
    opacity: 1;
}

.selected-method>ul>li:hover {
    opacity: 1;
}

.selected-method>ul>li.change-settings {
    flex: 1 1 auto;
    align-items: center;
}

.selected-method>ul>li h2,
.selected-method>ul>li h3 {
    margin: 3px 0 0 5px;
    min-height: 40px;
}

.selected-method small.label {
    top: -4px;
    position: relative;
    margin-top: 3px;
    display: inline-block;
}




















.control-sidebar .cart-sub-menu>ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* min-height: 55px; */
    margin: 0;

    padding: 20px 10px 5px 10px;
}

.control-sidebar .cart-sub-menu>ul>li {
    flex: 3 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    overflow: hidden;
    text-align: center;

    border: 1px solid #9b9b9b9b;
    border-left: 0px;
    border-right: 0px;
    font-weight: bold;
    opacity: 0.6;
}

.control-sidebar .cart-sub-menu>ul>li:not(.selected) {
    cursor: pointer;
}

.control-sidebar .cart-sub-menu>ul>li:first-child {
    border-left: 1px solid #9b9b9b9b;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.control-sidebar .cart-sub-menu>ul>li:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #9b9b9b9b;
}

.control-sidebar .cart-sub-menu>ul>li.selected {
    opacity: 1;
}

.control-sidebar .cart-sub-menu>ul>li:hover {
    opacity: 1;
}

.control-sidebar .cart-sub-menu>ul>li.change-settings {
    flex: 1 1 auto;
    align-items: center;
}

.control-sidebar .cart-sub-menu>ul>li h2,
.control-sidebar .cart-sub-menu>ul>li h3 {
    margin: 3px 0 0 5px;
    min-height: 40px;
}

.control-sidebar .cart-sub-menu small.label {
    top: -4px;
    position: relative;
    margin-top: 3px;
    display: inline-block;
}

.outlet_cover {
    padding-bottom: 56%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.module-selector-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    /* border-top-color: #e5e5e5; */
    padding: 0;
    /* height: 100px; */
    /* z-index: 888; */


    top: 0px;
    /* margin-bottom: -100px; */
    position: sticky;
    position: -webkit-sticky;
    z-index: 200;
    /* -moz-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease; */
}

/* .down .module-selector-wrapper {
    top: -100px;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    -webkit-transition: top 0.4s ease;
    transition: top 0.4s ease;
} */


.pre-login-wrapper {
    background-color: transparent !important;
}


.outlet-details {
    /* padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100px; */

    /* padding: 10px 20px; */
    padding: 5px;

    /* background-color: #f6f6f6; */
    /* background-color: #fff; */

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.outlet-details>span {
    margin: 0 15px;
}

.outlet-details img {
    /* border: 1px solid #e2e2e2; */
    background-color: transparent;
    border-radius: 6px;
}

/* body.dark-theme .outlet-details img {
    
} */

.outlet-details h1 {
    cursor: pointer;
    padding: 5px;
    /* font-size: 27px; */
}

.small-screen .outlet-details {
    justify-content: center;

}

.site-settings {
    /* height: 50px; */
    /* background-color: #fff; */
    z-index: 450;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    padding: 8px;
    align-items: center;
    font-size: 0.8em;
}


.site-settings>* {
    flex: 0 1 auto;
}

.site-settings .selected-place {
    flex: 1 1 auto;
    /* padding: 0 0px; */
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-left: 5px;
}



.site-settings .settings {
    flex: 0 0 auto;
    /* margin: 0 10px;
    height: 100%; */
    padding-left: 20px;

}

.site-settings .settings>a {
    height: 25px;
    border-bottom-color: transparent !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.site-settings .settings>a:hover {
    color: initial;
}


body.dark-theme .site-settings .settings>a:hover {
    color: #fff;
}



.scroll-wrapper .top-part {
    padding: 0 10%;
}

.small-screen .scroll-wrapper .top-part {
    padding: 0px;
}


.site-settings {
    padding: 10px 10%;
}

.small-screen .site-settings {
    padding: 10px;
}


.header-cart-toggle-holder a i.fa-caret-right,
.control-sidebar-open .header-cart-toggle-holder a i.fa-caret-left {
    display: none;
}

.header-cart-toggle-holder a i.fa-caret-left,
.control-sidebar-open .header-cart-toggle-holder a i.fa-caret-right {
    display: inline-block;
}


@media (max-width: 400px) {
    .header-selected-from {
        display: none;
    }
}

.logo-wrapper {
    /* width: 80px;
    height: 80px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 150px;
    height: auto;
}


.logo-wrapper.bigger {
    max-width: 250px;
}


.logo-wrapper.redirect-to-homepage {
    cursor: pointer;
}

body.dark-theme .top-line,
body.dark-theme .site-settings,
body.dark-theme .outlet-details {
    background-color: #333333;
    color: #a4a4a4;
}

.language-selector-trigger {
    cursor: pointer;
    text-wrap: nowrap;
}

.language-selector-wrap {
    position: relative;
}

/* background-color: var(--color-white); */

/* .multi-location.module-selector-wrapper {
    height: 120px;
} */

body .content-wrapper .content .scroll-wrapper {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    /* overflow-x: hidden;
    overflow-y: auto; */
    position: relative;
}

.scroll-wrapper .top-part {

    display: flex;
    flex-direction: column;
}

.scroll-wrapper .top-part .top-line {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 10px 10px;

}

.scroll-wrapper .top-part .top-line>* {
    padding-left: 15px;
}



body .content-wrapper .content .scroll-wrapper .page-100vh {
    /* min-height: calc(100vh - 80px); */
    min-height: calc(100vh - 30px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.control-sidebar-open.large-screen .module-selector-wrapper .modules-content.fixed,
.control-sidebar-open.xllarge-screen .module-selector-wrapper .modules-content.fixed {
    padding-right: calc(25% - 0px);
    /* padding-right: 20%; */
}

body .content-wrapper .content .scroll-wrapper .page-100vh>* {
    flex: 0 0;
}

body .content-wrapper .content .scroll-wrapper .page-100vh .content_fill {
    flex: 1 1;
}

.modules-content li .text-label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    opacity: 0.7;
    /* white-space: nowrap; */
    white-space: break-spaces;
    line-break: auto;
    line-height: 1.3;
    padding: 0 0 0 5px;
    /* margin-top: 1px; */
    /* height: 100%; */
    width: 100%;
    display: flex;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    flex: 1 1 auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* .modules-content li.no-photo .text-label {
    white-space: break-spaces;
} */

.module-selector:hover .text-label {
    opacity: 1;
}

.module-selector.active .text-label {
    font-weight: bold;
}

.modules-content li .text-label>span {
    padding-left: 6px;

}

.module-selector {
    /* opacity: 0.7; */
    cursor: pointer;
}

.module-selector-wrapper .modules-content ul li>span>.categ-img-wrap {
    display: flex;
    overflow: hidden;
    height: 50px;
    width: 50px;
    flex: 0 0 auto;
    /* box-shadow: 0px 0px 1px 1px rgb(120 120 120 / 59%); */
    box-shadow: 0px 0px 4px 1px rgb(120 120 120 / 25%);
    border-radius: 50%;
}


.module-selector-wrapper .modules-content ul li>span>span>.img-circle {
    height: 52px;
    width: 52px;
    min-height: 52px;
    min-width: 52px;

    /* border: 1px solid #dddddd; */

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 auto;
    border: none;
    position: relative;
    top: -1px;
    left: -1px;
}

/* body.dark-theme .module-selector-wrapper .modules-content ul li>span>span>.img-circle {
    border: 1px solid #505050;
} */

/* .module-selector-wrapper .modules-content ul li span > .img-circle img {
    width: 100%;
    height: auto;
} */

/* .module-selector-wrapper .modules-content ul li.active{
    border-bottom: 4px solid blue;
}
 */

.modules-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* background: #fff; */
    /* position: sticky;
    top: 0px; */
    z-index: 8000;
    /* box-shadow: 0 4px 4px #00000009; */
    box-shadow: 0 4px 4px #33333320;
    /* box-shadow: 0 4px 4px #38383836; */

    font-size: 1.2em;
    /* border-bottom: 1px solid #f4f4f4; */

    /* box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.234); */

    /* padding-top: 4px; */
    /* height: 110px; */
    /* min-height: 80px; */
    /* transition: all 0.6s ease; */
    /* transition: all .3s ease-in-out; */
    /* transition: all 0.3s linear; */
    transition: opacity 0.3s ease, transform 0.3s ease;
    -moz-transition: opacity 0.3s ease, transform 0.3s ease;
    -o-transition: opacity 0.3s ease, transform 0.3s ease;
    -webkit-transition: opacity 0.3s ease, transform 0.3s ease;
    -ms-transition: opacity 0.3s ease, transform 0.3s ease;

    overflow: hidden;
    margin-top: 0px;
    z-index: 200;
    /* border-top: 1px solid #f3f3f3; */

    /* width: calc(100vw - 4px); */
}

body.dark-theme .modules-content {
    border-top: 1px solid #505050;
}

/* .multi-location .modules-content {
    height: 120px;
} */

.modal-open .modules-content {
    z-index: 10;
}

.modules-content>* {
    flex: 0 0 auto;
}

.modules-content .scroll-wrapp {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.modules-content .scroll-wrapp>span {
    flex: 1 1 auto;
}

.modules-content .scroll-wrapp .stats {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 8px;
    opacity: 0.5;
}

.modules-content .search-container {
    flex: 1 1 auto;
    padding: 11px;
}

#qSearchContainer {
    outline: none;
    padding: 0;
    border: 0;
    /* border-bottom: 1px solid #d4d4d4; */
    font-size: 1em;
    background-color: transparent;
}

body.dark-theme #qSearchContainer {
    color: white;
}

.modules-content .open-search,
.modules-content .menu,
.modules-content .scroll {
    font-size: 1.35em;
    padding: 10px 10px;
    opacity: 0.7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* background-color: #f6f6f6; */
    /* border: 1px solid #d6d6d6; */
    /* border-radius: 2px; */
    position: relative;
}

.modules-content .open-search:hover,
.modules-content .menu:hover,
.modules-content .scroll:hover {
    opacity: 1;
}

.modules-content .open-search:active,
.modules-content .menu:active,
.modules-content .scroll:active {
    background-color: #666;
    color: #f6f6f6;
}

body.dark-theme .module-selector-wrapper .modules-content .open-search,
body.dark-theme .module-selector-wrapper .modules-content .scroll,
body.dark-theme .module-selector-wrapper .modules-content .menu {
    border: 1px solid #505050;
    background-color: #dddddd33;
    color: #a4a4a4;
}

body.dark-theme .module-selector-wrapper .modules-content .open-search:active,
body.dark-theme .module-selector-wrapper .modules-content .scroll:active,
body.dark-theme .module-selector-wrapper .modules-content .menu:active {
    /* border: 1px solid #505050; */
    color: #dddddd33;
    background-color: #a4a4a4;
}

.module-selector-wrapper .modules-content ul {
    flex: 1 1 auto;

    overflow: hidden;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    /* scroll-behavior: auto; */
    /* scrollbar-width: thin; */
    scrollbar-width: none;
    /* scrollbar-color: transparent !important;  */

    border: 0px solid transparent;
    /* border-radius: 3px; */
    display: flex;
    white-space: nowrap;
    /* overflow-x: auto; */
    /* justify-content: center; */
    /* overflow-x: auto;
    overflow-y: hidden; */

    /* width: 100%; */
    position: relative;
    flex: 1 1 aut;
    font-size: 0.7em;
    text-transform: uppercase;
    /* justify-content: center; */
    /* height: 100px; */
    margin: 0;
    /* justify-content: ; */
    /* padding: 3px; */
}

/* 
.module-selector-wrapper .modules-content ul::-webkit-scrollbar {

    width: 0px;
    height: 0px;
}

.module-selector-wrapper .modules-content ul::-webkit-scrollbar-thumb {
    background-color: transparent !important;
} */

/* ::-webkit-scrollbar */


.module-selector-wrapper .modules-content.openSearch,
.module-selector-wrapper.openSearch .modules-content {
    display: none;
}

.module-selector-wrapper .modules-content,
.module-selector-wrapper.openSearch .modules-content.openSearch {
    display: flex;
}

/* .module-selector-wrapper.search , */
.module-selector-wrapper.openSearch .modules-content.openSearch {
    height: 55px !important;
    min-height: unset;
}

.module-selector-wrapper .modules-content ul li {
    border-bottom: 4px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 5px 20px 5px 6px;
    max-width: 180px;
    min-width: 100px;
    /* text-align: center; */
    flex: 0 0 auto;
    margin: 0;
}

.module-selector-wrapper .modules-content ul li .up {
    flex: 1 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-content: space-between;
    align-items: center;
}

.module-selector-wrapper .modules-content ul li .down {
    flex: 0 0 auto;
    overflow: hidden;
}

.module-selector-wrapper .modules-content ul li.spacing {
    flex: 0 0 10%;
    width: 10%;
    min-width: unset;
    max-width: unset;
}

.loc_open,
.loc_closed {
    position: relative;
    top: 0px;
    font-size: 12px;
    /* font-size: 1rem; */
    font-weight: 500;
    padding: 4px 8px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 4px;
}

.loc_open {
    color: #32a067;
    border: 1px solid #32a067;
}

.loc_closed {
    color: #eb5c65;
    border: 1px solid #eb5c65;
}

.ribbon {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    padding: 7px 8px 4px 8px;
    font-weight: 600;
    min-width: 40px;
    z-index: 9;
}

.ribbon.off {
    background-color: #ff3300;
}

.divider {
    text-align: center;
    height: 1px;
    margin: 20px 0 20px 0;
    background-color: #ededed;
    width: 50%;
    z-index: 10;
}

.divider span {
    position: relative;
    top: -20px;
    background-color: #f6f6f6;
    display: inline-block;
    padding: 10px;
    font-style: italic;
    color: #c6c6c6;
    height: 35px;
    /* opacity: 0.6; */
}

/* .small-screen.product-opened .modules-content {
    top: 49px;
} */

/* .modules-content li:first-of-type {
    padding-left: 50px;
}
.modules-content li:last-child {
    padding-right: 50px;
} */

/* .modules-content li.spacing {
    flex: 0 0 10%;
} */

/*--fb ------------------------------*/

._5h0f ._5h0i {
    border-radius: 3px;
    height: 28px;
}

._5f0n {
    table-layout: fixed;
    width: 100%;
}

._51mz {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

._5h0i {
    background-color: #4267b2;
    border-radius: 4px;
    color: #fff;
}

.register-box ._51m-:first-child,
.login-box ._51m-:first-child {
    width: 42px;
}

._51m-:first-child {
    padding-left: 0;
    width: 28px;
}

.register-box ._51m-:last-child,
.login-box ._51m-:last-child {
    width: 48px;
}

._51m-:last-child {
    padding-bottom: 0;
    width: 28px;
}

/* ._51mx:first-child>._51m- {
    padding-top: 0;
} */

/*svg*/

._5h0m {
    height: 22px;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: -2px;
}

.register-box ._5h0m,
.login-box ._5h0m {
    height: 36px;
    margin-top: 6px;
    margin-left: 6px;
    margin-bottom: 1px;
}

._5h0f ._5h0o {
    font-size: 13px;
    margin-right: 8px;
}

.register-box ._5h0o,
.login-box ._5h0o {
    font-size: 1.2em;
}

._5h0o {
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0.25px;
    overflow: hidden;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
}

._5h0f ._5h0i td:first-child,
._5h0f ._xvp._5h0i td:last-child {
    width: 28px;
}

._51mz ._51mw {
    padding-right: 0;
}

.register-box ._4cqr,
.login-box ._4cqr {
    width: 36px;
}

.register-box ._4cqr,
.login-box ._4cqr {
    width: 48px;
    float: right;
}

._4cqr {
    position: relative;
    width: 28px;
    right: 0px;
    overflow: hidden;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

._5h0c._5h0f ._5h0t {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    height: 28px;
    width: 28px;
}

._rw {
    height: 28px;
    width: 28px;
}

.register-box ._rw,
.login-box ._rw {
    height: 48px;
    width: 48px;
}

._5h0t {
    float: right;
    vertical-align: top;
}

/* img {
    border: 0;
} */


li.detected-facebook {
    width: 100%;
    height: 40px;
    position: relative;
}

li.detected-facebook-user {
    width: 250px;
    height: 28px;
    position: absolute;
    right: 12px;
    /* top: 54px; */
    /* bottom: 100px; */
    z-index: 500;
}

.dropdown.user.user-menu {
    position: relative;
}

.dropdown.user.user-menu .user-image {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -7px;
}

.small-screen .dropdown.user.user-menu .user-image {
    margin-right: 2px;
}

.profile-user-image {
    height: 35px;
    margin-top: -5px;
    border-radius: 4px;
}

#url-with-token {
    margin-bottom: 25px;
}

.adr-block.out-of-area {
    opacity: 0.5;
}

.select-method.languages>* {
    margin: 35px auto;
}

.select-method.languages .divider span {
    background-color: #ffffff;
}

/*moz shadow 
border-radius: 3px;
box-shadow: 1px 1px 10px 1px rgba(0,0,0,.21);

fb-addons-footer-shadow[_ngcontent-c18] {
    position: absolute;
    top: -3px;
    height: 3px;
    display: block;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(200%,rgba(0,0,0,.25)));
    background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.25) 200%);
}


*/

#favorite-products {
    /* display: inline-block; */
    list-style: none;
    padding: 5px;
}

/* .cartsidebar-content-wrap {
    position: relative;
    margin-left: 5px;
} */

#favorite-products li {
    border: 1px solid transparent;
    border-bottom: 1px solid #dedede;
    display: inline-block;
    width: 100%;
}

#favorite-products li:last-child {
    border-bottom: 1px solid transparent;
}

#favorite-products li.disabled {
    opacity: 0.25;
    padding: 0 10px;
}

#favorite-products li.expand-from-favorites {
    padding: 10px;
    opacity: 0.8;
    cursor: pointer;
}

#favorite-products li.expand-from-favorites:hover {
    /* background-color: #666; */
    border-radius: 3px;
    border: 1px solid #dedede;
    opacity: 1;
}

.skin-black-light .selectors-tabs li.cart-element.selected,
.skin-black-light .selectors-tabs li.cart-element:hover,
.skin-black-light #product-modal .selectors-tabs .option-selector .btn-default,
.skin-black-light #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-black-light #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-black-light #product-modal .selectors-tabs .option-selector .btn-default.hover,
.skin-black-light #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,

/* .skin-black-light
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-black-light #leftmenu li a:hover,
.skin-black-light #favorite-products li.expand-from-favorites:hover {
    background-color: #33333311;
}

.skin-dark-light .selectors-tabs li.cart-element.selected,
.skin-dark-light .selectors-tabs li.cart-element:hover,
.skin-dark-light #product-modal .selectors-tabs .option-selector .btn-default,
.skin-dark-light #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-dark-light #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-dark-light #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-dark-light
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-dark-light #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-dark-light #leftmenu li a:hover,
.skin-dark-light #favorite-products li.expand-from-favorites:hover {
    background-color: #33333311;
}

.skin-yellow-light .selectors-tabs li.cart-element.selected,
.skin-yellow-light .selectors-tabs li.cart-element:hover,
.skin-yellow-light #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-yellow-light #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-yellow-light #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-yellow-light
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-yellow-light #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-yellow-light #leftmenu li a:hover,
.skin-yellow-light #favorite-products li.expand-from-favorites:hover {
    background-color: #ffa10011;
}

.skin-red-light .selectors-tabs li.cart-element.selected,
.skin-red-light .selectors-tabs li.cart-element:hover,
.skin-red-light #product-modal .selectors-tabs .option-selector .btn-default,
.skin-red-light #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-red-light #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-red-light #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-red-light
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-red-light #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-red-light #leftmenu li a:hover,
.skin-red-light #favorite-products li.expand-from-favorites:hover {
    background-color: #d3372411;
    /* color: #ffffff; */
}

.skin-blue-light .selectors-tabs li.cart-element.selected,
.skin-blue-light .selectors-tabs li.cart-element:hover,
.skin-blue-light #product-modal .selectors-tabs .option-selector .btn-default,
.skin-blue-light #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-blue-light #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-blue-light #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-blue-light
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-blue-light #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-blue-light #leftmenu li a:hover,
.skin-blue-light #favorite-products li.expand-from-favorites:hover {
    background-color: #3c8dbc11;
}

.skin-green-light .selectors-tabs li.cart-element.selected,
.skin-green-light .selectors-tabs li.cart-element:hover,
.skin-green-light #product-modal .selectors-tabs .option-selector .btn-default,
.skin-green-light #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-green-light #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-green-light #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-green-light
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-green-light #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-green-light #leftmenu li a:hover,
.skin-green-light #favorite-products li.expand-from-favorites:hover {
    background-color: #15844311;
}

.skin-purple-light .selectors-tabs li.cart-element.selected,
.skin-purple-light .selectors-tabs li.cart-element:hover,
.skin-purple-light #product-modal .selectors-tabs .option-selector .btn-default,
.skin-purple-light #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-purple-light #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-purple-light #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-purple-light
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-purple-light #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-purple-light #leftmenu li a:hover,
.skin-purple-light #favorite-products li.expand-from-favorites:hover {
    background-color: #55529911;
}

/* .skin-black #productslist li .show-big .selectors-tabs  .option-selector .btn-default,
.skin-black #productslist li .show-big .selectors-tabs  .option-selector .btn-default:hover,
.skin-black #productslist li .show-big .selectors-tabs  .option-selector .btn-default:active,
.skin-black #productslist li .show-big .selectors-tabs  .option-selector .btn-default.hover,
.skin-black #productslist li .show-big .selectors-tabs  .option-selector:hover .inner-wrapp,
.skin-black #leftmenu li a:hover, */

.skin-black #favorite-products li.expand-from-favorites:hover {
    background-color: #33333311;
}

.skin-black .selectors-tabs li.cart-element.selected,
.skin-black .selectors-tabs li.cart-element:hover,
.skin-black #product-modal .selectors-tabs .option-selector .btn-default,
.skin-black #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-black #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-black #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-black
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-black #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-black #leftmenu li a:hover {
    background-color: #f6f6f611;
    color: #33333311;
}

.skin-dark .selectors-tabs li.cart-element.selected,
.skin-dark .selectors-tabs li.cart-element:hover,
.skin-dark #product-modal .selectors-tabs .option-selector .btn-default,
.skin-dark #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-dark #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-dark #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-dark
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-dark #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-dark #leftmenu li a:hover,
.skin-dark #favorite-products li.expand-from-favorites:hover {
    background-color: #33333311;
}

.skin-yellow .selectors-tabs li.cart-element.selected,
.skin-yellow .selectors-tabs li.cart-element:hover,
.skin-yellow #product-modal .selectors-tabs .option-selector .btn-default,
.skin-yellow #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-yellow #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-yellow #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-yellow
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-yellow #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-yellow #leftmenu li a:hover,
.skin-yellow #favorite-products li.expand-from-favorites:hover {
    background-color: #ffa10011;
}

.skin-red .selectors-tabs li.cart-element.selected,
.skin-red .selectors-tabs li.cart-element:hover,
.skin-red #product-modal .selectors-tabs .option-selector .btn-default,
.skin-red #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-red #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-red #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-red
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-red #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-red #leftmenu li a:hover,
.skin-red #favorite-products li.expand-from-favorites:hover {
    background-color: #d3372411;
    /* color: #ffffff; */
}

.skin-blue .selectors-tabs li.cart-element.selected,
.skin-blue .selectors-tabs li.cart-element:hover,
.skin-blue #product-modal .selectors-tabs .option-selector .btn-default,
.skin-blue #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-blue #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-blue #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-blue
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-blue #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-blue #leftmenu li a:hover,
.skin-blue #favorite-products li.expand-from-favorites:hover {
    background-color: #3c8dbc11;
}

.skin-green .selectors-tabs li.cart-element.selected,
.skin-green .selectors-tabs li.cart-element:hover,
.skin-green #product-modal .selectors-tabs .option-selector .btn-default,
.skin-green #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-green #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-green #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-green
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-green #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-green #leftmenu li a:hover,
.skin-green #favorite-products li.expand-from-favorites:hover {
    background-color: #15844311;
}

.skin-purple .selectors-tabs li.cart-element.selected,
.skin-purple .selectors-tabs li.cart-element:hover,
.skin-purple #product-modal .selectors-tabs .option-selector .btn-default,
.skin-purple #product-modal .selectors-tabs .option-selector .btn-default:hover,
.skin-purple #product-modal .selectors-tabs .option-selector .btn-default:active,
.skin-purple #product-modal .selectors-tabs .option-selector .btn-default.hover,

/* .skin-purple
    #product-modal  .selectors-tabs .option-selector.selected
    .inner-wrapp, */

.skin-purple #product-modal .selectors-tabs .option-selector:hover .inner-wrapp,
.skin-purple #leftmenu li a:hover,
.skin-purple #favorite-products li.expand-from-favorites:hover {
    background-color: #55529911;
}

/******************************************************************/

/* registerpage */

#terms {
    font-size: 7em;
    width: 25px;
    margin: 0px 0px 0px -13px;
}

/******************************************************************/

/********************************************************************************************/

.selectors-tabs .container {
    display: flex;
    flex-wrap: wrap;
    /* Your container needs a fixed height, and it 
     * needs to be taller than your tallest column. */
    /* height: 600px;  */
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.selectors-tabs .option-selector {
    margin-top: 2%;
    flex: 0 0 100%;
}

/* 
@media (max-width: 767px) {
    .selectors-tabs .option-selector {
        flex: 0 0 100%;
    }
}

@media (min-width: 768px) and (max-width: 1800px) {
    .selectors-tabs .option-selector {
        flex: 0 0 50%;
    }
}

@media (min-width: 1801px) and (max-width: 2600px) {
    .selectors-tabs .option-selector {
        flex: 0 0 33.3333%;
    }
}

@media (min-width: 2601px) {
    .selectors-tabs .option-selector {
        flex: 0 0 25%;
    }
} */

.slider.slider-horizontal .slider-tick-label-container {
    position: absolute;
}

.slider {
    padding: 30px 0;
}

.timeline-inverse>li>.timeline-item {
    position: relative;
}

.service-time-selector {
    border-radius: 2px;
    list-style: none;
    padding: 0px;
    margin: 0;
    margin-bottom: 12px;
    margin-top: 15px;
    font-size: 1.125em;
}

.service-time-selector .dropdown.notifications-menu {
    white-space: nowrap;
}

.service-time-selector .dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 2px;
    padding: 10px;
    max-width: 70vw;
    max-height: 300px;
    overflow-x: hidden;
}

.service-time-selector .navbar-selectors li {
    display: block;
    cursor: pointer;
    padding: 5px;
}

.time-selector {
    font-size: 1.3em;
    cursor: pointer;
    padding: 10px 5px !important;
    border: 1px solid transparent;
}

.payment-method-content ul,
.fulfillment-time-content ul {
    list-style: none;
    padding: 0;
}

.payment-method-content .time-selector.selected,
.fulfillment-time-content .time-selector.selected {
    font-weight: 900;
}

.payment-method-content .time-selector:hover,
.fulfillment-time-content .time-selector:hover {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid #dedede;
    border-radius: 3px;
}

/* top sliter*/

.small-screen .top_slider {
    display: none;
}

.top_slider {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    max-height: 20vh;
}

.top_slider .slide {
    display: none;
    min-height: 20vh;
}

.top_slider .slideshow-container {
    width: 100%;
}

.top_slider .slide canvas {
    min-width: 100%;
    transform: translateY(-33%);
}

.top_slider .prev,
.top_slider .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */

.top_slider .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */

.top_slider .prev:hover,
.top_slider .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */

.top_slider .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Fading animation */

.top_slider .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

/* end top sliter*/

/* 
@media screen and (min-width: 1024px) {
    .gh__curtain.is-visible {
        opacity: 1;
    }
}

@media screen and (min-width: 1024px) {
    .gh__curtain {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }
}

@media screen and (min-width: 1024px) {
    .gh__curtain {
        display: block;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5);
        z-index: 9998;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s;
        transform: translate3d(0, 0, 0);
    }

    .gh__curtain {
        display: none;
    }
} */

/* LAYER */

/* 
.carousel {
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.carousel .carousel-inner {
    height: 100%;
} */

/* 
.carousel{
    overflow:hidden;
} */

#modules_carousel {
    overflow: hidden;
    z-index: 500;
    background: #f2f2f2;
}

.carousel,
.carousel .item,
.carousel .active {
    height: 100%;
    /* height: 100vh; */
}

.carousel-inner {
    /* height: 100%; */
    height: calc(50vh - 155px);
    /* height: calc(100vh - 155px); */
    /* margin-bottom: -50px;  */
    /* overflow: hidden; */
}

.carousel .fill {
    width: 100%;
    height: 100%;
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

/* faster sliding speed */

.carousel-inner>.item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}

/* .carousel-caption {
    cursor: default;
   color: #000;
    display: block;
    width: 100vw;
    height: 100vh;
    top: 12vw;
    font-size: 5vw;
    line-height: 70vh;
    letter-spacing: 1vw;
    font-family: Impact, Charcoal, sans-serif;
    text-shadow: 5px 5px 0px #ffffff;
  } */

.carousel-caption {
    top: 5vh;
    text-align: right;
    cursor: pointer;
}

.extra-elem-info {
    opacity: 0.6;
    font-style: italic;
    font-size: 0.8em;
}

/* .carousel-caption h2 {
    cursor: pointer;
} */

/* .label.cart-total-items {
    position: absolute;
    display: inline-block;
    top: -3px;
    right: 5px;
} */

/* .cart-total-items.pulsing {
    -webkit-animation: 1s infinite pulse;
    animation: 1s infinite pulse;
} */

@-webkit-keyframes pulse {

    0%,
    100% {
        -webkit-box-shadow: 0 0 0 #666;
        box-shadow: 0 0 0 #666;
        margin-top: 0;
        margin-right: 0;
    }

    50% {
        -webkit-box-shadow: 0 0 40px #666;
        box-shadow: 0 0 20px #666;
        margin-top: 2px;
        margin-right: 2px;
    }
}

@keyframes pulse {

    0%,
    100% {
        -webkit-box-shadow: 0 0 0 #666;
        box-shadow: 0 0 0 #666;
        margin-top: 0;
        margin-right: 0;
    }

    50% {
        -webkit-box-shadow: 0 0 40px #666;
        box-shadow: 0 0 20px #666;
        margin-top: 2px;
        margin-right: 2px;
    }
}

.locations-list {
    padding: 3px;
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    border: 1px solid #ddd;
    border-radius: 3px;
    /* height: 350px; */
}

.locations-list .show-all-locations,
.locations-list .show-my-position,
.locations-list .order-by-distance {
    padding: 5px;
    display: inline-block;
    border-bottom: 2px solid transparent;
}

body.dark-theme .locations-list {
    border: 1px solid #505050;
}

.locations-map {
    padding: 3px;
    border: 0px solid #ddd;
}

.location-info .tab-content {
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body.dark-theme .location-info .tab-content {
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    border-bottom: 1px solid #505050;
}

.location-info .nav-tabs {
    border-bottom: 0px solid #ddd;
}

/* .map-container {
    height: 350px;
    width: 100%;
} */

.map-leaflet {
    width: 100%;
    height: 350px;
    position: relative;
    text-shadow: none !important;
}

.map-buttons {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 1.6em;
    margin: 0 auto;
    text-align: center;
    margin-left: 0px;
    margin-top: 3px;
    cursor: pointer;
}

/* .locations-list {
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: inline-block;
    position: relative;
} */

/* #crosshair {
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    position: relative;
    width: 20px;
    height: 20px;
    z-index: 10000;
    text-align: center;
    font-weight: normal;
    font-size: 40px;
    line-height: 20px;
    color: #222;
    text-shadow: 1px 1px 2px #fff;
    display: inline-block;
} */

.iconMapCenter {
    color: transparent;
    border: 0px;
    z-index: 0;
}

/* .select-service-content, */

.content-border {
    padding: 3px;
    border-radius: 2px;
    border: 1px solid #ddd;
    position: relative;
}

.new-address-tab .tab-content .tab-pane {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
    padding: 5px;
    /* display: inline-block; */
    /* position: relative; */
}

.new-address-tab .nav-tabs {
    width: 100%;
    display: flex;
    height: auto;
}

.new-address-tab .nav-tabs ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.small-screen .new-address-tab .nav-tabs li a,
.small-screen .new-address-tab .nav-tabs li.active a {
    padding: 4px;
    text-align: center;
    font-size: 0.9em;
    margin: 0;
}

.select-service-content.scrollable-content div.info-box:first-child {
    margin-top: 15px;
}

.select-service-wrapper {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    flex-direction: column;
    /* display: inline-block;
    position: relative; */
}

.select-service-wrapper .wrapper-scroll {
    display: flex;
    flex-direction: column;
    /* overflow-y: auto;
    overflow-x: hidden; */
    height: 100%;
    width: 100%;
    align-items: center;
    /* padding-bottom: 20px; */
}

.select-service-wrapper .wrapper-scroll .select-service-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 10px;
    align-items: center;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.select-service-wrapper .wrapper-scroll .select-service-content .enter-info {
    margin-top: 10px;
}

.choose-login-type .select-method,
.select-service-wrapper .wrapper-scroll .select-service-content .find-address,
.select-service-wrapper .wrapper-scroll .select-service-content .select-address,
.select-service-wrapper .wrapper-scroll .select-service-content .select-method {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    /* padding: 15px; */
    align-items: center;
    margin-bottom: 20px;
}

.select-service-wrapper .wrapper-scroll .select-service-content .find-address {
    padding: 5px;
    margin-bottom: 0;
}

.select-service-wrapper .wrapper-scroll .select-service-content .find-address .map-holder {
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.select-service-wrapper .wrapper-scroll .select-service-content .find-address .map-holder .action-buttons {
    padding: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.select-service-wrapper .wrapper-scroll .select-service-content .find-address.left {
    align-items: flex-start;
}

.choose-login-type .select-method>span,
.select-service-wrapper .wrapper-scroll .select-service-content .select-address,
.select-service-wrapper .wrapper-scroll .select-service-content .select-method>span {
    padding: 5px 10px;
}

.select-service-wrapper .wrapper-scroll .select-service-content .select-address>span {
    margin-top: 2px;
}

.select-service-wrapper .wrapper-scroll .select-service-content .find-address>span {
    width: 100%;
}

.choose-login-type .select-method>span button,
.select-service-wrapper .wrapper-scroll .select-service-content .find-address>span button,
.select-service-wrapper .wrapper-scroll .select-service-content .select-address>span button,
.select-service-wrapper .wrapper-scroll .select-service-content .select-method>span button {
    white-space: unset;
}

/* .select-service-footer {
    display: inline-block;
} */

/* .select-service-content {
    padding-top: 15px;
} */

.select-service-title .btn {
    margin-top: 7px;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.small-screen .select-service-title .btn {
    margin-top: 5px;
    padding: 2px 3px;
    margin-bottom: 10px;
}

.select-service-wrapper .wrapper-scroll .select-service-content .timeline {
    /* padding: 10px; */
    width: 100%;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.select-service-wrapper .wrapper-scroll .select-service-content .timeline .timeline-item {
    background-color: #f6f6f6;
}

.select-service-wrapper .wrapper-scroll .select-service-content .timeline-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 5px;
}

.select-service-wrapper .wrapper-scroll .select-service-content .timeline-header>span {
    flex: 0 0;
}

.select-service-wrapper .wrapper-scroll .select-service-content .timeline-header>span:first-child {
    flex: 1 1 auto;
    padding-right: 5px;
}

.select-service-wrapper .wrapper-scroll .select-service-content .small_label {
    opacity: 0.8;
    font-size: 0.6em;
}

.select-service-content .timeline-body.choose-address {
    padding: 0 5px 10px 5px !important;
}

.select-service-wrapper .wrapper-scroll .select-service-content .timeline-body.choose-location {
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 35px;
    grid-auto-flow: row; */

    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    padding: 20px;
}

.select-service-content .timeline-body.choose-address .address-element,
.select-service-wrapper .wrapper-scroll .select-service-content .timeline-body.choose-location .location-element {
    flex-grow: 1;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    background-color: white;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    /* position: relative; */
    overflow: hidden;
    /* padding: 10px; */
    margin-bottom: 5px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.select-service-content .timeline-body.choose-address .address-element {
    padding: 0 15px 10px 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    z-index: 50;
}

.select-service-content .timeline-body.choose-address .address-element.OutOfDeliveryAreas {
    opacity: 0.5;
}

.select-service-content .timeline-body.choose-address .address-element:hover,
.select-service-wrapper .wrapper-scroll .select-service-content .timeline-body.choose-location .location-element:hover {
    border-color: #000000 !important;
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}

/* 
body.dark-theme
    .select-service-content
    .timeline-body.choose-address
    .address-element,
body.dark-theme
    .select-service-wrapper
    .wrapper-scroll
    .select-service-content
    .timeline-body.choose-location
    .location-element {
    border: 1px solid #505050;
    color: #c3c3c3;
    background-color: #3e3e3e;
} */

.go-token {
    width: 100%;
    display: inline-block;
    line-break: anywhere;
}

.choose-location .location-element>* {
    flex: 0 0 auto;
}

.choose-location .location-element .right {
    flex: 2 1;
    padding: 10px;
}

.choose-location .location-element h3 {
    margin-top: 0px;
}

.choose-location .location-element .location-details {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.location-quickActions,
.location-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.location-quickActions>*,
.location-buttons>* {
    flex: 1 1 auto;
    margin-right: 5px;
    margin-top: 5px;
}

.location-quickActions>*:last-child,
.location-buttons>*:last-child {
    margin-right: 0px;
}

.choose-location .location-element .location-logo {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    flex: 1 1;
    min-width: 170px;
}

.choose-location .location-element .location-logo .location-image {
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    filter: brightness(92%);
}

.saved-addresses-tab hr,
.select-service-wrapper hr {
    border-top: 3px solid #d4d4d4;
}

.saved-addresses-tab .leaflet-popup-content ul {
    padding: 10px;
    list-style: none;
    text-align: center;
}

.saved-addresses-tab>ul,
.select-service-wrapper>ul {
    padding-left: 15px;
    list-style: none;
}

.saved-addresses-tab .leaflet-popup-content li,
.saved-addresses-tab>li,
.select-service-wrapper>li {
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 0 15px 0;
}

.toggle-input-adr,
.toggle-service {
    display: flex;
    width: 100%;
    justify-content: space-between;
    max-width: 100%;
    overflow: hidden;
}

.toggle-service .btn {
    flex: 1 1 auto;
    white-space: break-spaces;
}

.toggle-input-adr .btn {
    /* flex: 1; */
    flex-grow: 1;
    white-space: normal;
}

.saved-addresses-tab .info-box,
.locations-list .info-box,
.select-service-content .info-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.locations-list .list-content ul li.location-delivery .btn,
.select-service-content .list-content ul li.location-delivery .btn {
    margin-top: 0px;
    padding: 4px 12px;
}

.small-screen .locations-list .list-content ul li.location-delivery,
.small-screen .select-service-content .list-content ul li.location-delivery {
    font-size: 0.85em;
    line-height: 1.3em;
}

.locations-list .list-content ul li.location-delivery,
.select-service-content .list-content ul li.location-delivery {
    padding: 0 10px;
    line-height: 1.3em;
    padding-bottom: 5px;
}

.locations-list .list-content ul li.location-selector,
.select-service-content .list-content ul li.location-selector {
    padding: 0 10px;
    line-height: 1.3em;
    padding-bottom: 5px;
    height: 100%;
}

.locations-list .list-content li.location-selector .btn.selectService,
.select-service-content .list-content li.location-selector .btn.selectService {
    margin-top: 5px;
}

.list-content ul li {
    border-bottom: 4px solid transparent;
    height: 69px;
}

.locations-list .list-content ul li.location-selector,
.select-service-content .list-content ul li.location-selector {
    cursor: pointer;
}

.location-selector .label {
    margin-right: 3px;
    margin-top: 3px;
    display: inline-block;
    padding: 4px 7px;
}

.locations-list .list-content ul li.location-selector:hover,
.select-service-content .list-content ul li.location-selector:hover {
    background-color: #ddd;
}

.list-content ul {
    border: 0px solid transparent;
    /* border-radius: 3px; */
    display: flex;
    white-space: nowrap;
    /* overflow-x: auto; */
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: auto;
    scrollbar-width: thin;
    /* margin-bottom: 0px;*/
}

.list-content {
    height: 79px;
    overflow: hidden;
}

.list-content ul {
    height: 79px;
    padding: 0;
}

.list-content.h95 ul,
.list-content.h95 {
    height: 95px;
}

.list-content.h10 ul,
.list-content.h10 {
    height: 90px;
}

.list-content.h80 ul,
.list-content.h80 {
    height: 80px;
}

.list-content.h100 ul,
.list-content.h100 {
    height: 100px;
}

.list-content>.text-danger {
    font-size: 0.9em;
    line-height: 20px;
    display: inline-block;
}

.list-content li {
    padding: 0 12px;
}

.list-content .input-group {
    margin-top: 5px;
}

.list-content .input-group .input-group-addon {
    padding: 4px 2px;
    font-size: 1.3em;
}

.list-content .input-group input {
    margin-top: 0%;
    font-size: 1em;
    margin: 0;
    padding: 4px;
}

#map-position-tab .list-content .btn-group {
    display: flex;
}

#map-position-tab .list-content .btn-group button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.small-screen #map-position-tab .list-content .btn-group button {
    padding: 4px 8px;
}

#map-container-modal {
    padding: 3px 0;
    position: relative;
}

/* 
.small-screen .leaflet-popup-content {
    margin: 0;
} */

.small-screen .map-leaflet .leaflet-popup-content p {
    margin: 5px 0;
}

.small-screen .map-leaflet .leaflet-popup-content .nav>li>a {
    padding: 10px;
}

.toggle-update-on-move .fa-square,
.toggle-update-on-move.checked .fa-check-square {
    display: inline-block;
}

.toggle-update-on-move.checked .fa-square,
.toggle-update-on-move .fa-check-square {
    display: none;
}

.myDivIcon {
    text-align: center;
    /* Horizontally center the text (icon) */
    line-height: 20px;
    /* Vertically center the text (icon) */
}

/* .myPhotoDivIcon  */

.myPhotoDivIcon .user-image {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: -8px;
    margin-top: -5px;
}

.vendor-container {
    max-width: 200px;
    height: auto;
    display: inline-block;
    margin: 15px auto;
}

.vendor-container img {
    width: 100%;
    height: auto;
}

/* 
.site-header .header-address-box .address-backdrop {
    display: none;
    z-index: 1;
}

.global-backdrop-white {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
    background-color: rgba(255,255,255,.66);
    overflow-y: hidden;
}
.position-fixed {
    position: fixed!important;
} */

/** NOTE: When this is updated, refresh ripple.js' minified version. */

/**
 * contains a ripple. Will normally grow to fixed size (200px/200px), not
 * related to the holder itself.
 */

/* .rippleJS {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: inherit;

    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  }
  
  .rippleJS.fill::after {  
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
  }
  .rippleJS.fill {
    border-radius: 1000000px; 
  }
  
  .rippleJS .ripple {
    position: absolute;
    border-radius: 100%;
    background: currentColor;
    opacity: 0.2;
    width: 0;
    height: 0;
  
    -webkit-transition: -webkit-transform 0.4s ease-out, opacity 0.4s ease-out;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
  
    -webkit-transform: scale(0);
    transform: scale(0);
  
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .rippleJS .ripple.held {
    opacity: 0.4;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  .rippleJS .ripple.done {
    opacity: 0.0;
  }

.rippleJS .ripple {
    background: red;
  }
  
  .yourClassName .rippleJS .ripple {
    background: blue;
  }
  
.moreOpaque .rippleJS .ripple {
    opacity: 0.65;
} */

@media (min-width: 1200px) {
    .auto-clear .col-lg-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-6:nth-child(odd) {
        clear: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .auto-clear .col-md-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-md-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-md-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-md-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-md-6:nth-child(odd) {
        clear: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .auto-clear .col-sm-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-6:nth-child(odd) {
        clear: left;
    }
}

@media (max-width: 767px) {
    .auto-clear .col-xs-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-6:nth-child(odd) {
        clear: left;
    }
}

.autocomplete {
    position: relative;
    display: inline-block;
    width: 100%;
}

.autocomplete>div {
    width: 100%;
}

.autocomplete-result {
    flex: 1 1 auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: -1px;
    display: flex;
    flex-direction: row;
}

.autocomplete-result .input-group-addon {
    width: unset;
    white-space: normal;
    height: unset;
    flex: 1 1 auto;
}

.autocomplete-result .input-group-addon .btn {
    white-space: normal;
}

.autocomplete-result>div {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.autocomplete-result>span {
    flex: 0 0;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    /* border-top: none; */
    /* z-index: 99; */
    /*position the autocomplete items to be the same width as the container:*/
    bottom: 39px;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 6px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-result .adr {
    cursor: pointer;
}

/*  stripe */

/* Variables */
.stripe-payment * {
    box-sizing: border-box;
}

.stripe-payment {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    /* height: 100vh;
    width: 100vw; */
}

.stripe-payment form {
    width: 30vw;
    min-width: 400px;
    align-self: center;
    box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
        0px 2px 5px 0px rgba(50, 50, 93, 0.1),
        0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
    border-radius: 7px;
    padding: 25px;
}

.stripe-payment input {
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    height: 44px;
    font-size: 16px;
    width: 100%;
    background: white;
}

.stripe-payment .result-message {
    line-height: 22px;
    font-size: 16px;
}

.stripe-payment .result-message a {
    color: rgb(89, 111, 214);
    font-weight: 600;
    text-decoration: none;
}

.stripe-payment .hidden {
    display: none;
}

.stripe-payment img {
    max-width: 128px;
}

.stripe-payment #card-error {
    color: rgb(105, 115, 134);
    text-align: left;
    font-size: 13px;
    line-height: 17px;
    margin-top: 12px;
}

.stripe-payment #card-element {
    border-radius: 4px 4px 0 0;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    height: 44px;
    width: 100%;
    background: white;
}

.stripe-payment #payment-request-button {
    margin-bottom: 32px;
}

/* Buttons and links */
.stripe-payment button {
    background: #5469d4;
    color: #ffffff;
    font-family: Arial, sans-serif;
    border-radius: 0 0 4px 4px;
    border: 0;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    transition: all 0.2s ease;
    box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
    width: 100%;
}

.stripe-payment button:hover {
    filter: contrast(115%);
}

.stripe-payment button:disabled {
    opacity: 0.5;
    cursor: default;
}

/* spinner/processing state, errors */
.stripe-payment .spinner,
.stripe-payment .spinner:before,
.stripe-payment .spinner:after {
    border-radius: 50%;
}

.stripe-payment .spinner {
    color: #ffffff;
    font-size: 22px;
    text-indent: -99999px;
    margin: 0px auto;
    position: relative;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 2px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.stripe-payment .spinner:before,
.stripe-payment .spinner:after {
    position: absolute;
    content: "";
}

.stripe-payment .spinner:before {
    width: 10.4px;
    height: 20.4px;
    background: #5469d4;
    border-radius: 20.4px 0 0 20.4px;
    top: -0.2px;
    left: -0.2px;
    -webkit-transform-origin: 10.4px 10.2px;
    transform-origin: 10.4px 10.2px;
    -webkit-animation: loading 2s infinite ease 1.5s;
    animation: loading 2s infinite ease 1.5s;
}

.stripe-payment .spinner:after {
    width: 10.4px;
    height: 10.2px;
    background: #5469d4;
    border-radius: 0 10.2px 10.2px 0;
    top: -0.1px;
    left: 10.2px;
    -webkit-transform-origin: 0px 10.2px;
    transform-origin: 0px 10.2px;
    -webkit-animation: loading 2s infinite ease;
    animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 600px) {
    .stripe-payment form {
        width: 80vw;
    }
}

/** stripe end */


.RequestedDocumentType label,
.RequestedDocumentType input {
    cursor: pointer;
}

/*****************new modal**************/

.modal-n-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Fundal semi-transparent */
    z-index: 99999999999999;
}

.modal-n-content {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    position: relative;
}

/* Modal pe laptopuri și desktopuri */
@media (min-width: 768px) {
    .modal-n-content {
        width: 40%;
        max-width: 600px;
        margin: 100px auto;
    }

    /* Fundal mai închis pe laptopuri și desktopuri */
    .modal-n-overlay {
        background-color: rgba(0, 0, 0, 0.7);
        /* Fundal mai închis */
    }
}

/* Modal pe telefoane și tablete */
@media (max-width: 767px) {
    .modal-n-content {
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0;
    }
}

.close-n-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.btn-link {
    color: #666;
}

/***************** end new modal *********************/

/*************new login ***************/

.btn-with-icon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.btn-with-icon .btn-icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    flex: 0 0;
}

.btn-with-icon .btn-text {
    flex: 1 1 auto;
    padding: 5px;
    text-align: center;
}


.error {
    color: red;
    font-size: 12px;
}

/* .back-button {
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
  }   */

.social-login {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}

.social-login-button {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 95%; */
    padding: 10px;
    margin: 10px 4px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: white;
    flex: 1 1;
}

.social-login-button img {
    width: 24px;
    margin-right: 10px;
}


.login-option {
    /* display: block; */
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
    /* cursor: pointer;
    background-color: #f5f5f5; */
    border-radius: 4px;
}

.social-login-button {
    background-position: 14px;
    background-repeat: no-repeat;
    padding-left: 50px;
    /* border-color: var(--color-border-neutral); */
    /* background-color: transparent; */
    transition: all .15s ease-in-out;
    transition-property: color, border-color, background-color;
    min-height: 40px !important;
    display: block;
    width: 100%
}

.social-button-facebook {
    color: #3b5998;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjx0aXRsZT5pY19mYWNlYm9va19kZWZhdWx0PC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48cGF0aCBkPSJNMjIuNTgyIDBoLTIxLjI2M2MtLjcyOSAwLTEuMzE5LjU5MS0xLjMxOSAxLjMxOXYyMS4yNjNjMCAuNzI5LjU5IDEuMzE5IDEuMzE5IDEuMzE5aDExLjQ0N3YtOS4yNTZoLTMuMTE1di0zLjYwN2gzLjExNXYtMi42NmMwLTMuMDg3IDEuODg2LTQuNzY4IDQuNjM5LTQuNzY4IDEuMzE5IDAgMi40NTMuMDk4IDIuNzgzLjE0MnYzLjIyNmwtMS45MS4wMDFjLTEuNDk4IDAtMS43ODguNzEyLTEuNzg4IDEuNzU2djIuMzAzaDMuNTcybC0uNDY1IDMuNjA3aC0zLjEwN3Y5LjI1Nmg2LjA5MWMuNzI5IDAgMS4zMTktLjU5MSAxLjMxOS0xLjMxOXYtMjEuMjYzYzAtLjcyOS0uNTkxLTEuMzE5LTEuMzE5LTEuMzE5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBmaWxsPSIjM0I1OTk4Ii8+PC9zdmc+)
}

.social-button-facebook:focus,
.social-button-facebook:hover {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjx0aXRsZT5pY19mYWNlYm9va19ob3ZlcjwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHBhdGggZD0iTTIyLjU4MiAwaC0yMS4yNjNjLS43MjkgMC0xLjMxOS41OTEtMS4zMTkgMS4zMTl2MjEuMjYzYzAgLjcyOS41OSAxLjMxOSAxLjMxOSAxLjMxOWgxMS40NDd2LTkuMjU2aC0zLjExNXYtMy42MDdoMy4xMTV2LTIuNjZjMC0zLjA4NyAxLjg4Ni00Ljc2OCA0LjYzOS00Ljc2OCAxLjMxOSAwIDIuNDUzLjA5OCAyLjc4My4xNDJ2My4yMjZsLTEuOTEuMDAxYy0xLjQ5OCAwLTEuNzg4LjcxMi0xLjc4OCAxLjc1NnYyLjMwM2gzLjU3MmwtLjQ2NSAzLjYwN2gtMy4xMDd2OS4yNTZoNi4wOTFjLjcyOSAwIDEuMzE5LS41OTEgMS4zMTktMS4zMTl2LTIxLjI2M2MwLS43MjktLjU5MS0xLjMxOS0xLjMxOS0xLjMxOSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
}

.social-button-google {
    color: #4285f4;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik0yMi41NiAxMi4yNWMwLS43OC0uMDctMS41My0uMi0yLjI1SDEydjQuMjZoNS45MmMtLjI2IDEuMzctMS4wNCAyLjUzLTIuMjEgMy4zMXYyLjc3aDMuNTdjMi4wOC0xLjkyIDMuMjgtNC43NCAzLjI4LTguMDl6IiBmaWxsPSIjNDI4NUY0Ii8+PHBhdGggZD0iTTEyIDIzYzIuOTcgMCA1LjQ2LS45OCA3LjI4LTIuNjZsLTMuNTctMi43N2MtLjk4LjY2LTIuMjMgMS4wNi0zLjcxIDEuMDYtMi44NiAwLTUuMjktMS45My02LjE2LTQuNTNIMi4xOHYyLjg0QzMuOTkgMjAuNTMgNy43IDIzIDEyIDIzeiIgZmlsbD0iIzM0QTg1MyIvPjxwYXRoIGQ9Ik01Ljg0IDE0LjA5Yy0uMjItLjY2LS4zNS0xLjM2LS4zNS0yLjA5cy4xMy0xLjQzLjM1LTIuMDlWNy4wN0gyLjE4QzEuNDMgOC41NSAxIDEwLjIyIDEgMTJzLjQzIDMuNDUgMS4xOCA0LjkzbDIuODUtMi4yMi44MS0uNjJ6IiBmaWxsPSIjRkJCQzA1Ii8+PHBhdGggZD0iTTEyIDUuMzhjMS42MiAwIDMuMDYuNTYgNC4yMSAxLjY0bDMuMTUtMy4xNUMxNy40NSAyLjA5IDE0Ljk3IDEgMTIgMSA3LjcgMSAzLjk5IDMuNDcgMi4xOCA3LjA3bDMuNjYgMi44NGMuODctMi42IDMuMy00LjUzIDYuMTYtNC41M3oiIGZpbGw9IiNFQTQzMzUiLz48cGF0aCBkPSJNMSAxaDIydjIySDF6IiBmaWxsPSJub25lIi8+PC9zdmc+)
}

.social-button-google:focus,
.social-button-google:hover {
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5nb29nbGUtYWN0aXZlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBhdGggZD0iTTIzLjE4MTgxODIsOS44MTgxODE4MiBMMTIsOS44MTgxODE4MiBMMTIsMTQuNDU0NTQ1NSBMMTguNDM2MzYzNiwxNC40NTQ1NDU1IEMxNy44MzYzNjM2LDE3LjQgMTUuMzI3MjcyNywxOS4wOTA5MDkxIDEyLDE5LjA5MDkwOTEgQzguMDcyNzI3MjcsMTkuMDkwOTA5MSA0LjkwOTA5MDkxLDE1LjkyNzI3MjcgNC45MDkwOTA5MSwxMiBDNC45MDkwOTA5MSw4LjA3MjcyNzI3IDguMDcyNzI3MjcsNC45MDkwOTA5MSAxMiw0LjkwOTA5MDkxIEMxMy42OTA5MDkxLDQuOTA5MDkwOTEgMTUuMjE4MTgxOCw1LjUwOTA5MDkxIDE2LjQxODE4MTgsNi40OTA5MDkwOSBMMTkuOTA5MDkwOSwzIEMxNy43ODE4MTgyLDEuMTQ1NDU0NTUgMTUuMDU0NTQ1NSwwIDEyLDAgQzUuMzQ1NDU0NTUsMCAwLDUuMzQ1NDU0NTUgMCwxMiBDMCwxOC42NTQ1NDU1IDUuMzQ1NDU0NTUsMjQgMTIsMjQgQzE4LDI0IDIzLjQ1NDU0NTUsMTkuNjM2MzYzNiAyMy40NTQ1NDU1LDEyIEMyMy40NTQ1NDU1LDExLjI5MDkwOTEgMjMuMzQ1NDU0NSwxMC41MjcyNzI3IDIzLjE4MTgxODIsOS44MTgxODE4MiBaIiBpZD0icGF0aC0xIj48L3BhdGg+ICAgIDwvZGVmcz4gICAgPGcgaWQ9IkxvZy1pbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iZ29vZ2xlLWFjdGl2ZSI+ICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgICAgIDwvbWFzaz4gICAgICAgICAgICA8dXNlIGlkPSJhIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==)
}

.social-button-apple {
    color: #000;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljk2MzEgMTEuNjkwNEMxNC45MzU0IDguOTAzNjEgMTcuMjM1NiA3LjU2NzAxIDE3LjMzODQgNy40OTk1M0MxNi4wNDU3IDUuNjA5MzIgMTQuMDMxNyA1LjM0OTk2IDEzLjMxNDggNS4zMjA0NEMxMS42MDIyIDUuMTQ2NSA5Ljk3MTM0IDYuMzI5MjcgOS4xMDI0NiA2LjMyOTI3QzguMjM1MzkgNi4zMjkyNyA2Ljg5MyA1LjM0NTkzIDUuNDcyNzkgNS4zNzA5OEMzLjYwNDUyIDUuMzk4NyAxLjg4MjQ2IDYuNDU3NiAwLjkyMTA0MiA4LjEyOTk5Qy0xLjAxOTIzIDExLjQ5NTkgMC40MjQ2ODIgMTYuNDg0MSAyLjMxNTMyIDE5LjIxNThDMy4yMzk2MiAyMC41NTExIDQuMzQxOSAyMi4wNTM2IDUuNzg4MDUgMjEuOTk4NUM3LjE4MTg3IDIxLjk0MzUgNy43MDc3MiAyMS4wOTcxIDkuMzkyNjkgMjEuMDk3MUMxMS4wNzc3IDIxLjA5NzEgMTEuNTUwOCAyMS45OTg1IDEzLjAyNTEgMjEuOTcwNEMxNC41MjM5IDIxLjk0MzEgMTUuNDc0MiAyMC42MDk2IDE2LjM5MDkgMTkuMjY5MUMxNy40NTIxIDE3LjcxNzggMTcuODg5IDE2LjIxNTggMTcuOTE0OSAxNi4xMzk3QzE3Ljg4MjIgMTYuMTI0NiAxNC45OTMgMTUuMDE3OCAxNC45NjMxIDExLjY5MDRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTIuMTkyOSAzLjUxMjUyQzEyLjk1OTggMi41ODE1MiAxMy40Nzk0IDEuMjg3ODUgMTMuMzM4MSAwQzEyLjIzMTMgMC4wNDQ3MTcxIDEwLjg5MTYgMC43MzU1OTUgMTAuMDk3IDEuNjY1NzFDOS4zODUwNyAyLjQ5MTE5IDguNzYyNiAzLjgwNTQyIDguOTI5NDQgNS4wNzAwMkMxMC4xNjQxIDUuMTY1NzEgMTEuNDIzMyA0LjQ0MTc0IDEyLjE5MjkgMy41MTI1MloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=)
}

.social-button-apple:focus,
.social-button-apple:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljk2MzEgMTEuNjkwNEMxNC45MzU0IDguOTAzNjEgMTcuMjM1NiA3LjU2NzAxIDE3LjMzODQgNy40OTk1M0MxNi4wNDU3IDUuNjA5MzIgMTQuMDMxNyA1LjM0OTk2IDEzLjMxNDggNS4zMjA0NEMxMS42MDIyIDUuMTQ2NSA5Ljk3MTM0IDYuMzI5MjcgOS4xMDI0NiA2LjMyOTI3QzguMjM1MzkgNi4zMjkyNyA2Ljg5MyA1LjM0NTkzIDUuNDcyNzkgNS4zNzA5OEMzLjYwNDUyIDUuMzk4NyAxLjg4MjQ2IDYuNDU3NiAwLjkyMTA0MiA4LjEyOTk5Qy0xLjAxOTIzIDExLjQ5NTkgMC40MjQ2ODIgMTYuNDg0MSAyLjMxNTMyIDE5LjIxNThDMy4yMzk2MiAyMC41NTExIDQuMzQxOSAyMi4wNTM2IDUuNzg4MDUgMjEuOTk4NUM3LjE4MTg3IDIxLjk0MzUgNy43MDc3MiAyMS4wOTcxIDkuMzkyNjkgMjEuMDk3MUMxMS4wNzc3IDIxLjA5NzEgMTEuNTUwOCAyMS45OTg1IDEzLjAyNTEgMjEuOTcwNEMxNC41MjM5IDIxLjk0MzEgMTUuNDc0MiAyMC42MDk2IDE2LjM5MDkgMTkuMjY5MUMxNy40NTIxIDE3LjcxNzggMTcuODg5IDE2LjIxNTggMTcuOTE0OSAxNi4xMzk3QzE3Ljg4MjIgMTYuMTI0NiAxNC45OTMgMTUuMDE3OCAxNC45NjMxIDExLjY5MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIuMTkyOSAzLjUxMjUyQzEyLjk1OTggMi41ODE1MiAxMy40Nzk0IDEuMjg3ODUgMTMuMzM4MSAwQzEyLjIzMTMgMC4wNDQ3MTcxIDEwLjg5MTYgMC43MzU1OTUgMTAuMDk3IDEuNjY1NzFDOS4zODUwNyAyLjQ5MTE5IDguNzYyNiAzLjgwNTQyIDguOTI5NDQgNS4wNzAwMkMxMC4xNjQxIDUuMTY1NzEgMTEuNDIzMyA0LjQ0MTc0IDEyLjE5MjkgMy41MTI1MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

/* .step2 {
    padding: 1px 15px;
} */


.step2 .has-feedback .form-control-feedback {
    /* top: 20px; */
    right: 15px;
}

.login-container .top-login {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 30px;
}


.login-container .top-login .back-button-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.login-container .top-login .back-button,
.login-container .top-login .back-button2 {
    flex: 0 0;
    align-items: center;
}


.login-container .top-login h2 {
    flex: 1 1 auto;
    padding-left: 5px;
    text-align: center;
}

.login-container p {
    margin: 0px;
}

input.numberWithoutArrows::-webkit-inner-spin-button,
input.numberWithoutArrows::-webkit-outer-spin-button,

input[type="number"][name="OtpPhonePass"]::-webkit-inner-spin-button,
input[type="number"][name="OtpPhonePass"]::-webkit-outer-spin-button,
input[type="number"][name="OtpEmailPass"]::-webkit-inner-spin-button,
input[type="number"][name="OtpEmailPass"]::-webkit-outer-spin-button,

input[type="number"][name="GuestPhone"]::-webkit-inner-spin-button,
input[type="number"][name="GuestPhone"]::-webkit-outer-spin-button,
input[type="number"][name="OtpPhone"]::-webkit-inner-spin-button,
input[type="number"][name="OtpPhone"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/*************end new login ***************/