/*------------------------------------------------------------------
[Master Stylesheet]

Project:    LE
Version:    1.1
-------------------------------------------------------------------*/

/*BOOTSTRAP-SLICK FIX*/

/* bootstrap hack: fix content width inside hidden tabs */
html {
    -ms-overflow-style: scrollbar;
}

.modal {
    height: 0;
    overflow-y: hidden;
}

.modal.in {
    display: block;
    overflow-x: hidden;
    height: auto;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.module-padding-wrapper:not(:last-child) {
    padding-bottom: 20px;
}

.padding-wrapper {
    padding: 20px 0;
}

.margin-wrapper {
    margin: 10px 0;
}

.padding-wrapper-width {
    padding: 0 30px;
}

.padding-inner-wrapper {
    position: relative;
    padding: 15px 5px;
}

.department-slider-wrapper .padding-inner-wrapper {
    padding: 25px 15px;
}

.department-slider-wrapper .view-all {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.padding-inner-wrapper .slick-arrows-wrapper {
    position: absolute;
    top: 10px;
    right: -5px;
}

.padding-section-wrapper {
    padding: 5px 10px;
}

.modal-content {
    position: relative;
}

.modal-content.first-atlantic-modal{
    height: 70vh;
}

.modal-header h3 {
    margin-bottom: 0;
}

.modal-footer {
    padding: 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.modal-footer.modal-footer-padding {
    padding: 10px 15px;
}


.container-md {
    width: 545px;
    max-width: 100%;
}

/*Inline Elements*/

.inline-wrapper {
    vertical-align: top;
    letter-spacing: -0.3em;
    font-size: 0px;
}

.inline-wrapper > * {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 16px;
}

.inline-wrapper .error-red {
    position: absolute;
    bottom: 100%;
    left: 0;
}

.page-main-wrapper .container-fluid-md {
    max-width: 1440px;
}

/*Modal Register*/

.triple-btns-wrapper .btn {
    border: 1px solid #DADADA;
    font-weight: 500;
    border-radius: 0;
    box-shadow: none;
    line-height: 1.4;
}

.triple-btns-wrapper .btn:hover,
.triple-btns-wrapper .btn:focus {
    background-color: #F8F8F8;
}

.triple-btns-wrapper .btn-first {
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

.triple-btns-wrapper .btn-last {
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

.triple-btns-wrapper .btn.active {
    background-color: #ef6325;
    border-color: #ef6325;
    color: #fff;
}

/*Modal No stores*/

.nostore-found-modal {
    color: #000;
    overflow: hidden;
}

.modal-grey-section {
    background-color: #F4F4F4;
}

.nostore-found-modal .form-group input {
    width: calc(100% - 145px);
}

.nostore-found-modal .form-group .btn {
    width: 125px;
    line-height: 1.4;
    margin-left: 20px;
}

/*Nothing found*/

.not-found-wrapper,
.subscription-wrapper {
    text-align: center;
    margin: 17vh 0;
}

.not-found-wrapper i {
    font-size: 168px;
    color: #505050;
}

.not-found-wrapper h3,
.not-found-wrapper h4 {
    color: #505050;
    padding: 20px 0;
}

.not-found-wrapper h4 {
    line-height: 1.2;
}

.not-found-wrapper.box-content {
    padding: 10vh 0;
    margin: 0;
}

.not-found-wrapper-md {
    margin: 0;
    padding: 15vh 0;
}

/*Header login menu */


.top-nav-btns > .dropdown > .dropdown-backdrop {
    position: static;
}

.dropdown-menu-sign {
    right: 50px;
    left: auto;
    width: 130px;
}

.dropdown-menu-sign-ru-RU {
    width: 220px;
}

.dropdown-menu-sign > li {
    text-align: right;
}

.dropdown-menu-sign > li > a:hover,
.dropdown-menu-sign > li > a:focus {
    color: #EF6325;
    background-color: #fff;
}

.dropdown-menu-wrapper > li {
    padding: 0 20px;
}

.dropdown-menu-wrapper > .le-dropdown > a {
    padding: 3px 0;
    font-weight: 500;
    display: block;
    width: 100%;
    cursor: pointer;
}

.dropdown-menu-wrapper > li > a > img {
    vertical-align: middle;
    margin-right: 5px;
}

.le-dropdown > li > a:hover,
.le-dropdown > li > a:focus,
.dropdown-menu-wrapper > li > a:hover,
.dropdown-menu-wrapper > li > a:focus {
    background-color: #fff;
}

.dropdown-menu-user .le-logout a {
    display: flex;
    margin-bottom: 4px;
}

.dropdown-menu-wrapper > .le-dropdown > .le-dropdown-toggle:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-image: url(../img/icon-arrow-nav-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 9px;
    float: right;
    margin-top: 4px;
}

.dropdown-menu-wrapper > .le-dropdown.open > .le-dropdown-toggle:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-image: url(../img/icon-arrow-nav-black-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    float: right;
}

.le-dropdown {
    margin-bottom: 10px;
}

.le-submenu {
    display: none;
}

.le-dropdown.open > .le-submenu {
    display: block;
    padding: 0;
}

.le-submenu > li {
    padding: 3px 0;
}

.le-submenu > li > a {
    text-transform: capitalize;
}

.top-86 {
    top: 86px !important;
}

.dropdown-menu-user {
    left: auto;
    right: 0;
    min-width: 170px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.dropdown-menu-user::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.dropdown-menu-user::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.dropdown-menu-user::-webkit-scrollbar-thumb {
    background: lightgray;
}

/* Handle on hover */
.dropdown-menu-user::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.header-user-menu {
    display: inline-block;
    padding: 2px 0;
    white-space: nowrap;
}

.header-user-menu .info-mark i {
    background-color: #ef6325;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    left: 29px;
    position: absolute;
    right: auto;
    top: 3px;
    width: 10px;
}

.top-nav-btns li .dropdown-menu li {
    display: block;
}

.header-user-logo {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    width: 36px;
    background-color: #636363;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    margin-right: 10px;
    text-align: center;
}

.header-user-nopic span {
    display: block;
    font-size: 14px;
    padding: 8px 0;
    text-align: center;
}

.top-nav-wrapper li .link-default {
    font-weight: 700;
    position: relative;
    z-index: 5;
}

/* bottom fixed menu */

.le-fixed-menu {
    height: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    border: 1px solid #E0E0E0;
    display: none;
}

.le-fixed-menu.le-fixed-menu-show {
    display: none;
}

.le-fixed-menu > .le-bottom-menu {
    list-style: none;
    display: flex;
    justify-content: space-around;
    margin-top: 12px;
    padding: 0;
}

.le-fixed-menu > .le-bottom-menu > li > a {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    color: #636363;
    font-size: 12px;
}

.le-fixed-menu > .le-bottom-menu > li > a.active,
.le-fixed-menu > .le-bottom-menu > li > a.active > .icon-toolbar {
    color: var(--main-color);
}

.le-fixed-menu > .le-bottom-menu > li > a > .icon-toolbar {
    display: inline-block;
    width: 36px;
    height: 22px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    color: #636363;
    margin: 0 auto;
    margin-bottom: 5px;
}

.le-fixed-menu > .le-bottom-menu > li > a > .icon-cart {
    width: 24px;
}

.le-fixed-menu-dark > .le-bottom-menu > li > a {
    color: #fff;
}

.le-fixed-menu-dark > .le-bottom-menu > li > a > .icon-toolbar {
    color: #fff;
}

.le-fixed-menu > .le-bottom-menu > li > .cart-btn {
    position: relative;
    width: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.le-fixed-menu > .le-bottom-menu > li > .cart-btn > .product-cart-qty {
    width: 15px;
    height: 14px;
    font-size: 8px;
    min-width: 14px;
    top: -5px;
    line-height: 1;
    right: -5px;
}

/*Modal*/

.modal-content-section {
    padding: 10px 15px;
}

.social-login {
    border-bottom: 1px solid #e5e5e5;
}

.social-login + div label {
    font-weight: bold;
    padding: 0;
}

.social-login h5 {
    margin-top: 12px;
}

.soc-icon-wrapper {
    display: block;
    margin: 0;
    padding: 0;
}

.soc-icon-wrapper li {
    list-style: none;
}

.soc-icon-wrapper li:not(:last-child) {
    margin-right: 15px;
}

.soc-icon-wrapper li a {
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    padding-top: 12px;
    line-height: 1;
    font-size: 15px;
}

.soc-icon-wrapper li.soc-icon-apple a {
    background-color: #000;
}

.soc-icon-wrapper li.soc-icon-apple a i {
    font-size: 16px;
}

.soc-icon-wrapper li.soc-icon-google a {
    background-color: #EA4335;
}

.soc-icon-wrapper li.soc-icon-facebook a {
    background-color: #17469b;
}

.sign-up-checkout-popup .modal-content {
    overflow: hidden;
}

.sign-up-checkout-popup .modal-content-section {
    padding-bottom: 5px;
}

.sign-up-checkout-popup .modal-body {
    padding-top: 30px;
}

/*Cart*/

.cart-item-qty-ws {
    display: flex;
}

/*Empty cart*/

.cart-empty {
    padding: 10vh 20px;
    height: 100%;
}

.cart-empty .dropdown {
    display: inline-block;
    padding: 0 !important;
}

.cart-empty .dropdown-menu {
    max-height: 70vh;
    max-width: max-content;
    width: 100%;
    right: 0;
    margin: auto;
    overflow: auto;
}

.cart-empty .dropdown-menu a {
    word-break: break-all;
    white-space: normal;
}

.cart-empty h3 {
    padding: 15px 0;
}

.cart-suggestion-item {
    flex-basis: 50%;
    display: flex;
    justify-content: center;
}

.cart-wrapper {
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    right: 0;
    width: 390px;
    max-width: 100%;
    background-color: #fff;
    z-index: 99999;
    top: 0;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.15);
}

.cart-wrapper .cart-empty {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: calc(100% - 86px);
    height: 100vh;
}

/*.cart-wrapper .cart-full {*/
/*    overflow-y: auto;*/
/*}*/

.cart-empty-icon {
    flex: 1;
    width: 150px;
    margin: auto;
}

.cart-head {
    padding: 25px 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 99;
    height: 80px;
}

.cart-title-wrapper {
    font-weight: 300;
    margin: 0;
}

.cart-title-wrapper > span,
.cart-title-wrapper > svg {
    display: inline-block;
    vertical-align: middle;
}

.cart-stores-collapse {
    display: inline-block;
    padding: 3px;
    height: 20px;
}

.cart-title-wrapper svg {
    display: inline-block;
}

.cart-head .system-msg-close {
    padding: 4px 15px;
}

/*Cart Body*/

.cart-body-wrapper {
    overflow-y: auto;
    padding-bottom: 40px;
}

.cart-store-header {
    padding: 10px 15px;
    color: #fff;
    background-color: rgba(98, 64, 150, 1);
}

.cart-store-sm-padding {
    padding: 10px;
}

.cart-store-header h5 {
    margin: 0;
}

.cart-store-header h5 a {
    color: #fff;
    cursor: pointer;
}

.cart-store-header h5 a:hover,
.cart-store-header h5 a:focus,
.cart-store-header h5 a:focus:hover {
    color: #ef6325;
}

.cart-store-header svg {
    display: inline-block;
    margin: 4px 0;
    vertical-align: top;
}

.cart-store-header span {
    display: inline-block;
}

.cart-store-header .cart-store-delivery-info {
    font-size: 10px;
    text-transform: uppercase;
}

.cart-wrapper .content-table-tbody {
    font-size: 13px;
}

.cart-store-delivery-msg-top {
    padding: 10px 15px;
    background-color: #f8f8f8;
    font-size: 10px;
    text-transform: uppercase;
}

.delivery-info-msg {
    background-color: #f8f8f8;
    margin: 10px 0;
    line-height: 1.2;
    padding: 5px 10px 8px;
}

.delivery-info-msg span {
    font-size: 14px;
    padding-left: 10px;
    max-width: calc(100% - 40px);
    vertical-align: middle;
}

.delivery-info-msg i {
    vertical-align: middle;
}

.delivery-soon-msg i {
    color: #00be70;
}

.rush-msg-wrapper i {
    color: #ef6325;
}

.delivery-info-next-msg strong {
    display: block;
    padding-left: 26px;
}

.cart-wrapper .content-table-tbody .cart-product-row {
    padding: 10px 30px 10px 15px;
    position: relative;
    border-bottom: 1px solid #dadada;
}

.card-product-description-block {
    width: calc(100% - 100px);
}

.card-product-price-block {
    width: 100px;
}

.cart-wrapper .content-table-tbody .product-table-wrapper {
    width: 100%;
}

.cart-wrapper .product-desc-title {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
    text-overflow: ellipsis;
    font-size: 16px;
}

.cart-wrapper .cart-product-row a.product-pic {
    vertical-align: top;
    width: 60px;
    height: 60px;
}

.cart-wrapper .product-desc {
    vertical-align: top;
}

.cart-product-row .cart-note-wrapper {
    opacity: 1 !important;
}

.cart-wrapper .product-desc .note-text {
    word-break: break-all;
}

.cart-products-qty {
    margin-bottom: 8px;
}

.cart-products-qty .product-qty-btn {
    border-radius: 100%;
    height: 25px;
    line-height: 1;
    padding: 4px;
    text-align: center;
    width: 25px;
    cursor: pointer;
    font-size: 16px;
}

.cart-wrapper .content-products-tbody input.form-control {
    border: medium none;
    font-size: 13px;
    height: 25px;
    margin: 0;
    max-width: 40px;
    padding: 0;
    width: auto;
}

.btn-remove-product {
    margin: 0 3px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, .2) 0 2px 2px;
    background-color: #fff;
    border-radius: 100%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 4px 0 0 0;
    text-align: center;
    line-height: 8px;
}

.cart-product-row .btn-remove-product {
    position: absolute;
    right: 2px;
    top: 5px;
    line-height: 1;
    padding: 0;
    border: none;
}

.cart-product-row .btn-remove-product,
.cart-product-row .cart-note-wrapper {
    opacity: 0;
    transition: all 0.2s;
}

.cart-product-row:hover .btn-remove-product,
.cart-product-row:hover .cart-note-wrapper {
    opacity: 1;
}

.cart-note-inner textarea {
    width: 100%;
    font-size: 13px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.checkout-note-wrapper textarea {
    font-size: 13px;
    border-radius: 4px;
}

.cart-note-inner .btn {
    font-size: 13px;
    padding: 6px 12px;
    height: 30px;
    margin-top: 5px;
    border-radius: 4px;
}

.cart-product-row .cart-note-inner .btn {
    padding: 3px 12px;
}

.note-wrapper {
    padding: 5px 0;
    transition: all 0.2s;
}

.note-title-saved {
    font-weight: 400;
    font-size: 15px;
}

.note-text-saved {
    word-break: break-word;
    padding: 5px 0;
    font-style: italic;
}

.btn-remove-product svg {
    height: 8px;
    width: 11px;
    cursor: pointer;
    display: inline-block;
    line-height: 8px;
    top: 0;
    position: relative;
}

.btn-remove-product:hover svg g,
.btn-remove-product:focus svg g,
.btn-remove-product:focus:hover svg g {
    fill: #ef6325;
}

.cart-product-modifications {
    margin-top: 5px;
    width: 100%;
}

.cart-product-modifications ul li {
    list-style: none;
    display: list-item;
}

.cart-product-modifications ul li:before {
    content: "";
    border: 4px #EF6325 solid !important;
    border-radius: 50px;
    margin-top: 6px;
    margin-left: -20px;
    position: absolute;
}

.cart-product-modifications .modification-attr-image {
    cursor: pointer;
    width: 28px;
    height: 28px;
}

.cart-product-modifications .modification-attr-image img {
    object-fit: cover;
    width: 28px;
    height: 28px;
    border-radius: 4px;
}

/*Cart Footer*/

.cart-footer-wrapper {
    border-top: 1px solid #dadada;
    font-size: 13px;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    background: #fff;
    z-index: 2;
}

.no-delivery-available {
    font-size: 14px;
    margin-top: auto;
    padding: 10px 12px;
    background-color: #ffddcf;
}

.no-delivery-available .tool-tip {
    display: inline-block;
    margin-left: 10px;
}

.no-delivery-available .tool-tip + .tooltip .tooltip-inner {
    font-size: 12px;
    background: #fff;
    color: #000;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.no-delivery-available .tool-tip + .tooltip .tooltip-arrow {
    border-top-color: #fff;
}

.no-delivery-available .cart-store-delivery-info:not(:first-of-type) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dadada;
}

.cart-checkout-info-title {
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
    color: #7f7f7f;
}

.cart-checkout-info {
    padding: 10px 15px 5px 15px;
}

.cart-checkout-btns {
    position: relative;
    padding: 0 15px 10px 15px;
}

.cart-checkout-btns > .row {
    align-items: stretch;
}

.cart-checkout-btns .btn {
    font-size: 14px;
    font-weight: 400;
    border-radius: 2px;
    padding: 10px;
    height: 100%;
    justify-content: center;
    white-space: normal;
}

/*Main page content*/

.fullheight-header-wrapper {
    height: calc(100vh - 399px);
}

.min-fullheight-header-wrapper {
    min-height: calc(100vh - 399px);
}

.main-page-search {
    margin: 25vh 0;
}

.main-page-search form {
    max-width: 650px;
}

.main-page-search h1 {
    margin-top: 0;
    font-size: 54px;
}

.main-page-search .form-group-white {
    position: relative;
}

.main-page-search .search-place-wrapper {
    margin-right: 10px;
    width: calc(100% - 136px);
    position: relative;
}

.search-place-wrapper .icon-i {
    cursor: pointer;
    height: 24px;
    left: 16px;
    position: absolute;
    right: auto;
    top: 6px;
    width: 17px;
}

.search-place-wrapper input {
    padding-left: 45px;
}

.main-page-search form .btn {
    width: 126px;
}

/* New light main page */

.main-content-wrapper img {
    max-width: 100%;
}

.main-content-wrapper .container-fluid-md {
    max-width: 1440px;
}

.main-first-block {
    background-image: url(../img/index-background-image-light.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-first-block p {
    color: #767676;
    padding: 15px 0;
    max-width: 500px;
    font-size: 20px;
}

.main-first-block input {
    height: 56px;
    border-radius: 3px;
}

.main-first-block .search-place-wrapper .icon-i {
    top: 15px;
}

.main-content-wrapper .btn-primary {
    height: 56px;
    padding: 16px 20px;
    border-radius: 3px;
}

.main-content-wrapper .modal-content .btn-primary {
    height: auto;
    padding: 9px 12px;
}

.main-page-padding {
    padding: 100px 0;
}

.title-main-page {
    padding: 30px 0;
    position: relative;
}

.title-bg-main-page {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    font-size: 120px;
    color: #fff;
    z-index: 0;
    opacity: 0.5;
    font-weight: 700;
    text-align: left;
}

.title-howto-block .title-bg-main-page {
    text-align: center;
}

.title-main-page h1 {
    position: relative;
    z-index: 3;
}

.main-content-wrapper h1 {
    font-size: 54px;
}

.box-how-wrapper.box-content {
    padding: 40px 20px;
    border-radius: 3px;
    font-size: 18px;
}

.main-page-how-block .laptop-img {
    margin: 80px auto 30px;
    display: block;
    max-width: 100%;
}

.box-how-wrapper.box-content .inline-wrapper > * {
    vertical-align: middle;
}

.box-how-wrapper.box-content .box-how-icon-wrapper {
    width: 105px;
    white-space: nowrap;
}

.box-how-wrapper.box-content span.text-primary {
    font-size: 26px;
    padding-right: 20px;
}

.box-how-wrapper.box-content img {
    width: 40px;
    height: auto;
}

.box-how-wrapper.box-content p {
    padding: 0 20px;
    max-width: calc(100% - 105px);
    margin-bottom: 0;
}

.main-page-how-block .container-fluid-md {
    max-width: 1440px;
}

.main-page-how-block .flex-wrapper {
    z-index: 3;
    position: relative;
}

/*Apps block*/

.logo-miniature.box-content {
    border-radius: 20px;
    padding: 10px;
    width: 100px;
    height: 100px;
    margin-top: 0;
}

.logo-miniature img {
    max-width: 100%;
}

.main-page-apps-block h1,
.main-page-apps-block p {
    max-width: 650px;
}

.main-page-apps-block h1 {
    margin: 30px 0;
    line-height: 1.4;
}

.app-btns-wrapper {
    padding: 15px 0;
}

.app-btns-wrapper .btn {
    text-align: left;
    white-space: nowrap;
    padding: 10px 17px;
    margin: 15px 25px 15px 0;
}

.btn-app-desc .text-sm {
    color: #959494;
    font-size: 12px;
    display: block;
}

.app-btns-wrapper .btn p {
    margin-bottom: 0;
}

.app-btns-wrapper .btn i {
    font-size: 34px;
    padding-right: 15px;
}

.bg-white {
    background-color: #fff;
}

/*What makes le unique block*/

.main-page-why-block {
    overflow: hidden;
    background-image: url(../img/main-page/food-bg.jpg);
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
}


.main-page-why-block .main-page-padding {
    padding: 150px 0;
    background-image: url(../img/main-page/bread-bg.jpg);
    background-repeat: no-repeat;
    background-position: left 0 top -150px;
}

.main-page-why-block .title-what-block .title-bg-main-page {
    font-size: 150px;
    color: #f8f8f8;
    top: -80px;
}

.reason-box-wrapper {
    padding: 25px 0;
    color: #767676;
    max-width: 650px;
}

.reason-box-wrapper img {
    width: 65px;
    vertical-align: middle;
    margin-right: 25px;
}

.reason-box-wrapper p {
    max-width: calc(100% - 90px);
    vertical-align: middle;
    font-size: 18px;
    margin-bottom: 0;
}

/*Partner*/

.main-page-partner-block {
    padding: 0;
}

.main-page-partner-block .container-fluid {
    background-image: url(../img/main-page/lemarketly-partner.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 0 bottom 40px;
}

.partner-block-content {
    width: 70%;
    padding: 150px 0;
}

.partner-block-content p {
    margin: 30px 0;
    max-width: 60%;
}

.partner-block-content .btn {
    border-radius: 3px;
    height: 56px;
    padding: 16px 20px;
}

/*Subscription on main page*/

.main-page-subscribe-block {
    padding: 80px 0;
}

.main-page-subscribe-block form {
    padding: 60px 0;
}

.main-page-subscribe-block .form-control {
    border-radius: 3px;
    height: 56px;
    padding: 16px 20px;
    margin: 10px 0;
}

.main-page-subscribe-block form .btn {
    width: 100%;
    margin: 10px 0;
}

/*Aside */

.left-menu {
    color: #fff;
}

.left-menu-head {
    padding: 20px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.left-menu-head h5 {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.link-transparent-light {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    cursor: pointer;
}

.left-menu-head .link-transparent-light {
    float: right;
    padding-top: 2px;
}

.left-menu-body {
    height: calc(100% - 44px);
    overflow-y: auto;
}

a.store-lm-header {
    letter-spacing: -0.3em;
    padding: 20px 30px;
    display: block;
    color: #fff;
}

.store-logo {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    background-image: var(--default-image-placeholder);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    overflow: hidden;
}

.img-wrapper {
    height: 50px;
    width: 50px;
    background-color: #C3C3C3;
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    background-image: var(--default-image-placeholder);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    overflow: hidden;
}

.store-logo-sm {
    height: 30px;
    width: 30px;
    background-size: 60%;
}

.store-logo-md {
    height: 50px;
    width: 50px;
    background-size: 60%;
}

.store-logo-uploaded {
    background-size: cover;
}

.upload-img {
    transition: all 0.3s;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.download-icon-wrapper,
.upload-icon-wrapper {
    background-color: #EF6325;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 3px 0;
    vertical-align: middle;
}

.download-btn,
.btn-upload {
    text-align: center;
    display: inline-block;
    margin: 5px 0;
    color: #000;
    cursor: pointer;
}

.download-icon-wrapper i,
.btn-upload i {
    display: inline-block;
    margin: 0 auto;
    font-size: 20px;
    width: 100%;
    color: #EF6325;
}

.download-icon-wrapper i,
.upload-icon-wrapper i {
    color: #fff;
    padding-top: 8px;
    font-size: 14px;
}

.download-btn span,
.btn-upload span {
    vertical-align: middle;
    display: inline-block;
    padding-left: 15px;
}

/*Upload Image*/

.upload-img-wrapper {
    position: relative;
    transition: all 0.3s;
    height: 250px;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f8f8f8;
    background-size: 120px auto;
    background-position: center center;
    background-image: var(--default-image-placeholder);
    background-repeat: no-repeat;
}

.upload-img-wrapper.img-uploaded {
    background-size: cover;
}

.upload-img-wrapper:hover .upload-img {
    opacity: 1;
}

.store-logo:hover .upload-img {
    opacity: 1;
}

a:not(.collapsed) .arrow-collapse {
    transform: rotate(180deg);
}

.store-lm-header > h5 {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 44px);
    letter-spacing: normal;
}

.store-lm-header > h5 span {
    padding: 0 10px;
    display: block;
}

.left-menu-store {
    border-bottom: 1px solid #442F52;
}

.store-lm-info .lm-ul-wrapper:last-child {
    padding-bottom: 20px;
}

.store-balance-info {
    margin: 0 0 20px;
    padding: 0 30px;
}

.store-balance-info h5 {
    font-weight: 300;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.store-balance-info .link-transparent-light {
    float: right;
    padding-top: 2px;
}

.lm-ul-wrapper h5 {
    padding: 0 30px;
}

.lm-ul-wrapper h5 a {
    color: #fff;
}

.lm-ul-wrapper h5 a:hover,
.lm-ul-wrapper h5 a:focus,
.lm-ul-wrapper h5 a:focus:hover {
    color: #EF6325;
}

.lm-ul-wrapper ul {
    padding: 0;
    margin: 0;
}

.lm-ul-wrapper ul li {
    list-style: none;
}

.lm-ul-wrapper ul li a {
    display: block;
    width: 100%;
    padding: 6px 20px 6px 50px;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.lm-ul-wrapper ul li.active a {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 1);
}

.lm-ul-wrapper ul li > a:hover {
    color: rgba(255, 255, 255, 1);
}

.lm-ul-wrapper ul li > a:hover span {
    color: #000;
}

.label-lm {
    float: right;
    background-color: #fff;
    display: inline-block;
    border-radius: 11px;
    color: #000;
    padding: 2px 10px 0 10px;
    font-size: 13px;
}

/*Left Menu No stores*/

.left-menu-body-no-stores img {
    display: block;
    padding: 20px 30px;
    max-width: 100%;
}

/*No Stores Page*/

.no-stores-wrapper {
    text-align: center;
    min-height: calc(100vh - 189px);
}

.no-stores-wrapper img {
    max-height: 115px;
    display: inline-block;
}

.no-stores-wrapper-inner {
    padding: 20vh 0;
    height: 100%;
}


.no-stores-wrapper-inner h3 {
    margin: 30px 0 20px;
}

/*Main content block*/

.content-main-part {
    padding: 20px 30px;
}

.content-inner-wrapper {
    position: relative;
    height: 100%;
}

.content-padding {
    padding: 5px 15px;
}

.content-body {
    min-height: calc(100% - 127px);
}

.customer-wrapper .content-body {
    min-height: calc(100vh - 213px);
}

.padding-small {
    padding: 5px;
}

.box-content {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    margin: 20px 0;
    overflow: hidden;
}

.app-banners-slider .slick-arrow {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    font-size: 30px;
    padding: 0 10px;
    color: #EF6325;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    outline: none;
    z-index: 1;
    cursor: pointer;
    transition: 0.3s;
}

.app-banners-slider .slick-arrow:focus {
    box-shadow: 0 0 2pt 2pt #EF6325;
}

.app-banners-slider .slick-arrow.fa-angle-right {
    left: auto;
    right: 20px;
}

.app-banners-slider .slick-arrow.hovered {
    opacity: 1;
}

.skip-link {
    position: absolute;
    top: -100%;
    left: 50%;
    color: var(--link-color);
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    transform: translateX(-50%);
    z-index: 99999;
    transition: 0.3s;
}

.skip-link:focus {
    top: 0;
}

a.box-content {
    overflow: hidden;
}

.box-content.content-search-results {
    overflow: inherit;
}

.box-content.no-overflow {
    overflow: inherit;
}

.content-header-inline {
    padding: 20px 0 0;
}

.authorized-devices {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.content-header-inline.authorized-devices > * {
    margin-bottom: 10px;
}

.content-header-inline > * {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.content-header-inline h1,
.header-search-box h1 {
    display: inline-block;
    margin: 0;
}

.content-header-inline .icons-wrap i.fa {
    color: #ef6325;
    vertical-align: middle;
}

.content-header-inline .icons-wrap {
    font-weight: 500;
}

.btns-wrapper .btn:not(:last-child),
.btns-wrapper .icons-wrap:not(:last-child) {
    padding-right: 10px;
}

.btns-wrapper a {
    cursor: pointer;
}

.box-content-head {
    padding: 10px 20px;
    display: block;
    margin: 0;
    font-weight: 300;
    position: relative;
    border-radius: 6px 6px 0 0;
}

.customer-wrapper .box-content-head {
    padding: 10px 30px;
    border-radius: 0;
}

.box-content-head-colored {
    color: #fff !important;
    background-color: rgba(98, 64, 150, 1);
}

a.box-content-head {
    overflow: hidden;
}

a.box-content-head:hover,
a.box-content-head:focus,
a.box-content-head:focus:hover {
    color: inherit;
    background-color: #F8F8F8;
}

.box-content-head h3 {
    margin: 0;
    display: inline-block;
}

.box-content-head h3 span {
    vertical-align: middle;
    font-weight: 300;
}

.box-content-head svg {
    margin-left: 5px;
    vertical-align: middle;
}

.box-content-head .box-content-head-total {
    float: right;
    margin-top: 3px;
}

.box-content-head-desc h4 {
    margin: 0;
    font-weight: 300;
}

.box-content-head-desc .label {
    margin-top: 18px;
}

/*Smaller content header */

.box-content-head-inner .store-header-wrapper {
    padding: 10px 0;
}

.box-content-head-inner .container-fluid-md .store-header-wrapper {
    padding: 20px 0;
}

.box-content-head-inner .store-header-wrapper > * {
    vertical-align: middle;
}

.row .store-desc-wrapper {
    width: 100%;
}

/*Store status toggle */

.store-status-toggle {
    text-align: right;
    padding: 30px 0 0;
}

.store-status-toggle .btn {
    border: 1px solid #dadada;
}

/*Breadcrumbs*/

.breadcrumbs-wrapper ul {
    margin: 0;
    padding: 0;
}

.breadcrumbs-wrapper li {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs-wrapper li.active {
    font-weight: 700;
}

.breadcrumbs-wrapper li:not(.active):after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background-image: url(../img/icon-next-grey.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5px;
    height: 10px;
    width: 10px;
}

/*Box content body*/

.box-content-body {
    border-top: 1px solid #DADADA;
}

.box-content-table {
    position: relative;
}

.box-content-table .row-thead {
    border-bottom: 1px solid #7F7F7F;
}

a.sort-asc.active .caret {
    transform: rotate(180deg);
}

.custom-table {
    font-size: 13px;
}

.row-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid #DFDFDF;
}

.row-link span {
    white-space: nowrap;
}

.row-link > div {
    width: 100%;
    margin: 0 10px;
}

.row-link .right-part {
    margin-left: auto;
}

.row-link .right-part > * {
    margin-left: 10px;
}

.row-link .right-part svg * {
    transition: 0.3s;
}

.row-link .right-part svg .added {
    display: none;
}

.row-link .right-part svg.active * {
    stroke: #EF6425;
}

.row-link .right-part svg.active .add {
    display: none;
}

.row-link .right-part svg.active .added {
    display: block;
}

.row-link .quantity-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 0;
    height: 42px;
    margin: 0;
    padding: 14px 0;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
    transition: 0.3s;
}

.quantity-change-buttons {
    display: flex !important;
}

.row-link .quantity-wrapper .info {
    position: absolute;
    top: 50%;
    right: 110%;
    width: max-content;
    font-size: 18px;
    line-height: 1;
    padding: 15px 40px;
    color: #EF6325;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    transform: translateY(-50%);
}

.row-link .quantity-wrapper .info:after, .row-link .quantity-wrapper .info:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.row-link .quantity-wrapper .info:before {
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.not-available {
    position: absolute;
    right: 40px;
    font-size: 18px;
    line-height: 1;
    width: 0;
    padding: 15px 0;
    color: #EF6325;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    transition: 0.3s;
    overflow: hidden;
}

.not-available.active {
    width: max-content;
    padding: 15px 40px;
    overflow: visible;
}

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

.not-available:before {
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.row-link .quantity-wrapper.active {
    width: 130px;
    margin-left: 10px;
    padding: 14px 7px;
    border: 1px solid var(--main-color);
    overflow: visible;
}

.row-link .quantity-wrapper.show-basket .minus {
    display: none;
}

.row-link .quantity-wrapper.show-basket .basket-icon {
    display: block;
}

.row-link .quantity-wrapper .basket-icon {
    display: none;
}

.row-link .quantity-wrapper .minus {
    position: relative;
    width: 16px;
    height: 2px;
    background: var(--main-color);
    transition: 0.3s;
}

.row-link .quantity-wrapper .minus-wrapper {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
}

.row-link .quantity-wrapper .plus-wrapper {
    width: 35px;
    height: 35px;
}

.plus-wrapper.disabled, .minus-wrapper.disabled {
    pointer-events: none;
}

.row-link .quantity-wrapper .number {
    font-size: 18px;
    font-weight: 500;
}

.row-link .quantity-wrapper .plus {
    position: relative;
    width: 16px;
    height: 2px;
    background: var(--main-color);
    transition: 0.3s;
    margin-top: 50%;
    margin-left: 50%;
    transform: translateX(-50%) scale(1);
}

.row-link .quantity-wrapper .plus:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    transform: rotate(90deg);
    transform-origin: center;
    left: 0;
}

.row-link:before, .row-link:after {
    display: none;
}

.underlined-block {
    border-bottom: 1px solid #DADADA;
}

.inactive-orders .row-link {
    opacity: 0.5;
}

.content-table-tbody > .row:not(:last-child) {
    border-bottom: 1px solid #DADADA;
}

.row-link:hover {
    background-color: #F7F7F7;
    color: inherit;
}

.row-link:focus,
.row-link:focus:hover {
    background-color: #F0F0F0;
    color: inherit;
}

.order-table-title {
    font-size: 13px;
}

.inactive-line {
    opacity: 0.5;
}

.th-custom {
    padding: 20px 5px 5px;
}

.td-custom {
    padding: 15px 5px;
}

.td-padding-lg {
    padding: 15px;
}

.td-padding-lg p {
    font-size: 16px;
}

.td-custom p {
    margin-bottom: 0;
}

.th-custom a.active span {
    font-weight: 500;
}

.td-small-padding {
    padding: 8px 5px;
}

.th-custom-first {
    padding-left: 48px;
}

.td-modal-info {
    font-size: 14px;
}

.td-modal-info span {
    display: block;
}

.td-modal-info .link-primary {
    cursor: pointer;
}

.th-merged,
.td-merged,
.td-product-desc {
    letter-spacing: -0.3em;
}

.th-merged > *,
.td-merged > *,
.td-product-desc > * {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}

.td-product-desc .row-checkbox,
.td-product-desc-checkbox .product-table-wrapper {
    vertical-align: middle;
}

.td-product-desc-checkbox .product-table-wrapper {
    max-width: calc(100% - 34px);
}

.order-num {
    width: 50px;
}

.product-pics-wrapper {
    width: 100%;
}

.product-pics-wrapper > a {
    display: block;
    width: 100%;
    letter-spacing: normal;
}

.td-merged .product-pics-wrapper {
    padding-left: 20px;
    width: calc(100% - 50px);
}

.row-num {
    width: 40px;
    text-align: center;
}

.product-inline-wrapper,
.product-table-wrapper {
    letter-spacing: -0.3em;
    width: calc(100% - 40px);
    display: inline-block;
}

.product-inline-wrapper {
    width: 100%;
    padding: 15px 20px;
    position: relative;
}

a.product-table-wrapper,
a.product-inline-wrapper {
    cursor: pointer;
}

a.product-inline-wrapper {
    cursor: pointer;
    border-radius: 6px;
}

a.product-inline-wrapper:hover,
a.product-inline-wrapper:focus,
a.product-inline-wrapper:focus:hover {
    background-color: #F8F8F8;
    color: inherit;
}

.product-name {
    margin-bottom: 0;
}

.product-table-wrapper > * {
    letter-spacing: normal;
}

.product-table-wrapper .product-pic {
    float: none;
    vertical-align: top;
    margin-right: 5px;
}

.product-inline-wrapper .product-pic-lg {
    float: none;
    margin-right: 0;
}

.product-inline-wrapper .product-pic-lg {
    width: 100px;
    height: 100px;
}

.product-inline-wrapper .product-pic-md {
    width: 50px;
    height: 50px;
}

.product-desc {
    width: calc(100% - 65px);
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
}

.product-desc h5 {
    margin-bottom: 5px;
}

.product-inline-wrapper .product-desc {
    width: calc(100% - 100px);
    padding-left: 20px;
}

.product-inline-wrapper > * {
    letter-spacing: normal;
    vertical-align: middle;
}

.order-price {
    text-align: right;
    font-size: 24px;
}

.sum-wrapper {
    white-space: nowrap;
}

.product-pics-wrapper {
    letter-spacing: -0.3em;
    max-width: 100%;
}

.product-pics {
    letter-spacing: -0.3em;
    max-width: calc(100% - 40px);
    overflow: hidden;
    max-height: 40px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.search-prod-pic {
    margin-right: 10px;
}

.product-pic {
    display: inline-block;
    min-width: 60px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    letter-spacing: normal;
    vertical-align: middle;
    float: left;
}

.product-description p {
    margin: 0 5px 0 0;
    color: #3C4D5F;
    font-size: 18px;
    font-weight: 400;
}

.product-description p .text-gray {
    color: #7A7A7A;
}

.product-pic-page,
.product-pic-modal {
    width: 100%;
    height: 310px;
    margin-top: 22px;
    background-color: #fff;
    position: relative;
}

.store-favicon-modal {
    width: 100%;
    height: 100px;
    background-color: #fff;
    position: relative;
}

.store-favicon-modal:hover .upload-img {
    opacity: 1;
    z-index: 99;
    border-radius: 6px;
}


.product-pic-page {
    margin: 15px 15px 30px;
    max-width: calc(100% - 30px);
}

.product-nopic-modal {
    background-color: #f8f8f8;
    background-image: var(--default-image-placeholder);
    background-position: center center;
    background-size: 40%;
    border-radius: 6px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.product-pic-page:hover .upload-img,
.product-pic-modal:hover .upload-img {
    opacity: 1;
    z-index: 99;
    border-radius: 6px;
}

.img-loading-spinner {
    color: #ef6325;
}

.product-pics .product-pic:not(:last-child) {
    margin-right: 7px;
}

.products-left {
    letter-spacing: normal;
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    color: #C3C3C3;
}

.product-pics-wrapper > a.products-left {
    display: inline-block;
    max-width: 40px;
}

.product-table-action {
    text-align: center;
    white-space: nowrap;
}

.product-table-action .td-custom {
    padding: 21px 5px;
}

.product-table-action .btn {
    font-weight: 700;
    height: auto;
}

.product-table-action .btn:not(:last-child) {
    margin-right: 8px;
}

.product-table-action .btn.btn-transparent {
    font-weight: 500;
}

.product-table-action .icon-i {
    margin: 0 15px;
    height: 10px;
    width: 14px;
}

.product-table-action .link-default {
    font-weight: 500;
    padding: 4px 12px;
}

.icons-table-action {
    text-align: center;
    white-space: nowrap;
}

.icons-table-action .td-custom {
    padding: 25px 15px;
    display: inline-block;
}

.icons-table-action .link-svg {
    margin: 0 10px;
}

.dates-wrapper p:not(:last-child) {
    margin-right: 30px;
}

.td-comment .icon-msg {
    margin-top: 5px;
    vertical-align: top;
}

.td-comment p {
    width: calc(100% - 12px);
    padding-left: 10px;
}

/*Product Tags*/

.tag-picker.bootstrap-select.btn-group .no-results {
    background-color: #EF6325;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.title-ellipsis {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tagFiltersMobile .dropdown-menu.inner li .check-mark,
.mobileTags .dropdown-menu.inner li .check-mark {
    width: 16px;
    height: 16px;
    border: 1px solid #3C4D5F;
    border-radius: 4px;
    position: relative;
}

#tagFiltersMobile .dropdown-menu.inner li.selected .check-mark,
.mobileTags .dropdown-menu.inner li.selected .check-mark{
    border-color: var(--main-color);
    background-color: var(--main-color);
}

#tagFiltersMobile .dropdown-menu.inner li.selected .check-mark:before,
.mobileTags .dropdown-menu.inner li.selected .check-mark:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4 8L11 1.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}


/*UI autocomplete*/

.ui-autocomplete {
    font-size: 16px;
    font-weight: 300;
}

.ui-widget-content {
    border: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    border-radius: 6px;
    overflow: hidden;
}

.ui-autocomplete .ui-state {
    border-color: transparent;
}

.ui-autocomplete .ui-state-focus {
    background-image: none;
    background-color: #f8f8f8;
    border: transparent;
}

/*System Msgs*/

.system-msg-wrapper {
    padding: 26px 30px;
    letter-spacing: -0.3em;
    position: relative;
    text-align: left;
}

.system-msg-wrapper > * {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.system-msg-icon img,
.system-msg-icon svg {
    height: 48px;
    width: 48px;
}

.system-msg-icon i {
    font-size: 48px;
    color: #d0021b;
}

.system-msg-icon-info i {
    color: #2e1e39;
}

.system-msg-text {
    padding: 0 35px 0 20px;
    width: calc(100% - 48px);
}

.system-msg-text-error h3 {
    color: #D0021B;
}

.system-msg-text-success h3 {
    color: #35823D;
}

.system-msg-text-info h3 {
    color: #ef6325;
}

.system-msg-text h3,
.system-msg-text p {
    margin: 0;
}

.system-msg-close {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    left: auto;
    text-align: center;
    top: 0;
    padding: 10px 16px;
    z-index: 99;
}

.system-msg-close .icon-i {
    height: 12px;
    width: 12px;
    opacity: 0.8;
}

.msg-wrapper {
    padding: 20px 0;
    background-color: #624096;
    color: #fff;
}

/*Table footer*/

.row-tfooter {
    background-color: #F8F8F8;
}

.row-clear-before-after:before, .row-clear-before-after:after {
    display: none;
}

.row-tfooter .right-content .flex-wrapper {
    justify-content: flex-end;
}

.table th.th-msg-wrapper {
    padding: 0;
}

.table th.th-msg-wrapper .box-information-msg {
    font-weight: 300;
    padding: 19px 15px 18px;
}

.table-order-footer-row {
    letter-spacing: -0.3em;
}

.table-order-footer-row > * {
    letter-spacing: normal;
}

.table-order-footer-row .table-order-footer-td:not(:last-child) {
    padding-right: 20px;
}

.status-wrapper {
    margin-right: 10px;
    padding: 6px 9px;
    white-space: nowrap;
}

.status-wrapper span {
    display: inline-block;
    vertical-align: middle;
}

.status-wrapper select {
    display: inline-block;
    vertical-align: middle;
}

.status-icon {
    height: 10px;
    width: 10px;
    background-color: #D0021B;
    border-radius: 100%;
    margin-right: 3px;
}

.status-icon-processing {
    background-color: #EFB225;
}

.status-icon-done {
    background-color: #7ED321;
}

.status-wrapper .status-text {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}

.total-price-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.total-price-wrapper > * {
    vertical-align: middle;
}

.total-price-wrapper .text-small,
.prep-time-wrapper .text-small,
.qty-input-wrapper .text-small {
    padding-right: 10px;
}

.prep-time-wrapper,
.qty-input-wrapper {
    letter-spacing: -0.3em;
    display: inline-block;
    vertical-align: middle;
}

.prep-time-wrapper > *,
.qty-input-wrapper > * {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
}


.qty-input-wrapper .flex-wrapper {
    flex-flow: nowrap;
}

.qty-input-wrapper .flex-wrapper .form-control {
    max-width: 90px;
    background-color: #fff;
    padding: 8px 15px;
    height: 36px;
}

.qty-controls {
    display: inline-block;
    padding: 5px 0 10px;
    background-color: #fff;
    border: 1px solid #DADADA;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    margin-left: 6px;
    text-align: center;
}

.qty-controls:hover,
.qty-controls:focus,
.qty-controls:focus:hover {
    background-color: #C3C3C3;
    color: #000;
}

/*Contractor Order*/

.contractor-navigation .btn-transparent .arrow-left {
    height: 8px;
}

.header-block {
    margin: 20px 0;
}

.header-block h1 {
    margin: 0;
    padding: 0;
}

.header-col-last {
    text-align: right;
}

.header-col-last a {
    padding: 17px 0;
    display: inline-block;
    font-weight: 500;
}

.header-col-last a:not(:last-child) {
    margin-right: 20px;
}

/*Filters*/

.content-head-wrapper {
    margin: 20px 0;
}

.filters-underlined {
    padding: 0;
    margin: 0;
}

.filters-underlined li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
}

.filters-underlined li a {
    padding: 8px 10px;
    border-bottom: 2px solid transparent;
    display: block;
}


.filters-underlined li.active a {
    border-color: #000;
}

.filters-text {
    padding: 0;
    margin: 0;
}

.filters-text li {
    list-style: none;
    display: inline-block;
}

.filters-text li a {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.filters-text li:first-child a {
    padding-left: 0;
}

.filters-text li:last-child a {
    padding-right: 0;
}

.filters-text li.active a {
    font-weight: 700;
}

.filters-text li.active a.sort-asc .caret {
    transform: rotate(180deg);
}

.filter-head {
    padding-bottom: 10px;
}

.filter-head h3 {
    padding-top: 10px;
}

.filter-head .filters-text {
    text-align: right;
    padding-top: 3px;
}

.filters-list.first-filter-list,
.filters-list.first-filter-list h5 {
    margin-top: 0;
}

.filters-list ul,
.filters-category-products-list ul {
    margin-left: 20px;
}

.filters-list h5 a:not(.collapsed) .caret {
    transform: rotate(180deg);
}

/*Search*/

.search-product-wrapper {
    text-align: right;
    position: relative;
    padding: 10px 0 0;
}

.content-head-wrapper .search-product-wrapper {
    padding: 0;
}

.search-product-wrapper input {
    max-width: 240px;
    display: inline-block;
    padding-right: 45px;
}

.search-product-wrapper .icon-i {
    position: absolute;
    right: 12px;
    left: auto;
    top: 24px;
    cursor: pointer;
    background-size: contain;
    height: 15px;
    width: 15px;
}

.content-head-wrapper .search-product-wrapper .icon-i {
    top: 4px;
}

/*Search Light*/
.search-input-wrapper {
    position: relative;
}

.search-input-wrapper .fa-angle-left {
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 24px;
    transform: translateY(-50%);
    color: #EF6325;
    z-index: 9;
    display: none;
}

.fixed .search-input-wrapper .fa-angle-left {
    display: block !important;
}


.search-input-wrapper input[role="product-replacement-search-input"]::placeholder {
    padding-left: 35px;
}

.search-input-wrapper input[role="product-replacement-search-input"] {
    padding: 9px 12px 9px 40px;
}


.search-input-wrapper .icon-i {
    cursor: pointer;
    right: auto;
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.search-input-wrapper .icon-pin,
.search-input-wrapper .icon-pin-grey {
    top: 6px;
}

/*Search with select*/

.search-box-wrapper .btn-group {
    position: absolute;
    left: 0;
    top: 0;
    width: auto !important;
    display: inline-block;
}

.search-box-wrapper .btn-group .dropdown-toggle {
    z-index: inherit;
}

.store-header-block .search-box-wrapper.search-input-wrapper input {
    font-size: 18px;
}

.form-group-white .search-box-wrapper.search-input-wrapper .bootstrap-select {
    background-color: transparent;
}

.form-group-white .search-box-wrapper.search-input-wrapper .bootstrap-select .btn {
    background-color: #fff;
    border-right: 1px solid #DADADA;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
    line-height: 16px;
    color: #7F7F7F;
}

.form-group-white .search-box-wrapper.search-input-wrapper .bootstrap-select .btn span.filter-option {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90px;
}

/*Pagination*/

.pagination-wrapper {
    text-align: right;
}

.pagination-wrapper ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    letter-spacing: -0.3em;
}

.pagination-wrapper li {
    display: inline-block;
    letter-spacing: normal;
    list-style: none;
    vertical-align: middle;
    margin: 2px;
}

.pagination-wrapper li:last-child {
    margin-right: 0px;
}

.pagination-wrapper li a {
    color: #000;
    padding: 6px 0;
    text-align: center;
    height: 40px;
    width: 45px;
    line-height: 28px;
    display: block;
    font-size: 16px;
    border: 1px solid transparent;
    background-color: #fff;
}

.pagination-wrapper li a:hover,
.pagination-wrapper li a:focus,
.pagination-wrapper li a:focus:hover,
.pagination-wrapper li.active a {
    color: #ef6325;
}

.pagination-wrapper li.active a {
    color: #ef6325;
    border-color: #ef6325;
}

.pagination-wrapper li.next a,
.pagination-wrapper li.prev a,
.pagination-wrapper li.prev.disabled span {
    background-image: url(../img/icon-arrow-nav-grey.svg);
    background-repeat: no-repeat;
    font-size: 0;
    color: #f8f8f8;
    height: 40px;
    width: 45px;
    background-position: center;
}

.pagination-wrapper li.prev a {
    transform: rotate(180deg);
}

.pagination-wrapper li.prev.disabled,
.pagination-wrapper li.next.disabled {
    display: none;
}

.pagination-wrapper li.prev a:hover,
.pagination-wrapper li.next a:hover {
    background-image: url(../img/icon-arrow-nav-black.svg);
}


.search-navigation-qty span {
    padding: 7px 0;
}

.pagination-filter {
    padding: 10px 0;
}

.columns-filter .btn {
    background-color: #fff;
    line-height: 23px;
}

.columns-filter .input-group .bootstrap-select .btn {
    border-radius: 4px 0 0 4px;
}

.input-group .btn-last {
    border-radius: 0 4px 4px 0;
}

/*Pagination Center */

.search-navigation-wrapper-center .pagination-wrapper {
    text-align: center;
    padding-top: 20px;
}

.search-navigation-qty-center {
    padding: 10px 0;
}

/*Store*/
/*Create Edit Store*/

.store-header-block {
    padding: 40px 0;
}

.search-wraper {
    max-width: 300px;
    flex: auto;
    margin-left: auto;
    padding-left: 20px;
    transition: 0.3s;
}

.search-wraper.active {
    max-width: 100%;
}

.store-head-section {
    position: static;
    z-index: 11;
}

.store-header-block .col-xs-12, .store-head-section .col-xs-12 {
    transition: 0.3s;
}

.box-content-head-inner .search-input-wrapper input {
    padding-right: 45px;
    padding-left: 15px;
    font-size: 14px;
    border-color: transparent;
}

.fixed .search-input-wrapper input {
    padding-left: 30px !important;
}

.box-content-head-inner .store-logo {
    border-radius: 6px;
}

.store-desc-wrapper .btn {
    vertical-align: top;
    margin-right: 30px;
}

.store-header-block .first-title {
    font-size: 32px;
    margin-bottom: 22px;
}

.store-head-search-wrapper .btn-svg {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    height: unset;
    padding: 9px 15px;
    background-color: transparent;
    border: 0;
    text-align: right;
    z-index: 0;
    border-radius: 6px;
    display: flex;
}

.store-head-search-wrapper .btn-svg i {
    position: relative;
    top: 0;
    left: auto;
    right: 0;
    height: 15px;
    width: 15px;
    background-size: contain;
}

.store-header-wrapper {
    padding: 40px 0;
    letter-spacing: -0.3em;
}

.store-header-wrapper > * {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.store-header-wrapper .store-logo {
    border-radius: 6px;
}

.store-desc-wrapper {
    width: auto;
    padding-left: 20px;
    position: relative;
    margin-top: 15px;
}

.store-desc-wrapper .store-hours {
    padding-top: 7px;
}

.store-desc-wrapper .store-hours p {
    margin-bottom: 0;
}

.store-hours p:not(:first-child) {
    padding-left: 29px;
}

.store-desc-wrapper h1 {
    margin-top: 0;
}

.store-desc-wrapper p {
    margin-bottom: 5px;
}

.store-desc-wrapper input {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border: 2px solid transparent;
    box-shadow: none;
    font-size: 44px;
    padding: 0;
    height: 52px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.store-desc-wrapper .text-error {
    left: 20px;
}

.store-desc-wrapper input:focus {
    border: 2px solid rgba(36, 128, 236, 0.5);
}

.store-actions-wrapper {
    text-align: right;
}

.color-pick-btn {
    padding: 7px;
    position: absolute;
    bottom: 10px;
    right: 20px;
    top: auto;
    left: auto;
}

.color-pick-btn svg {
    margin: 0;
}

.popover-content {
    padding: 0;
}

.palette-wrapper {
    width: 161px;
}

.palette-wrapper span {
    text-align: left;
    color: #000;
    font-weight: 300;
    display: inline-block;
    padding: 10px 8px 0;
}

.palette-color-options {
    text-align: center;
    letter-spacing: -0.3em;
}

.palette-color-options > * {
    display: inline-block;
    letter-spacing: normal;
}

.palette-color {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #f2f2f2;
    margin: 6px;
    cursor: pointer;
}

.palette-color.active {
    height: 22px;
    margin: 5px;
    position: relative;
    top: 0;
    width: 22px;
}

.palette-color.active:after {
    position: absolute;
    content: '';
    height: 22px;
    width: 22px;
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    top: 0;
    left: 0;
}

.store-head-search-wrapper {
    width: 100%;
    margin: 32px 0 0;
    position: relative;
}

.store-head-search-wrapper .fa-search {
    color: var(--delivery-buttons-color)
}

.store-head-section .store-head-search-wrapper {
    margin: 25px 0;
}

.form-group {
    margin: 15px 0;
}

.form-group .unverified {
    position: absolute;
    top: 30px;
    right: 0;
    color: #D0021B;
    padding: 8px;
    background: #f8f8f8;
    z-index: 1;
}

.form-group .unverified ~ .text-small a {
    color: #05543F;
    text-decoration: underline;
}

.sms-code{
    position: absolute;
    left: 200%;
    top: 0;
    width: 100%;
    padding-left: 15px;
}

.sms-code.error input{
    border: 1px solid #D0021B;
}

.sms-code.success input{
    border: 1px solid #05543F;
}

.sms-code input{
    width: 50px;
    margin-right: 16px;
    text-align: center;
}

.sms-code #counter{
    margin-left: 5px;
}

.sms-code .resend{
    display: block;
    width: max-content;
    color: #05543F;
    text-decoration: underline;
}

.form-group textarea {
    resize: none;
}

/*Calendar Days Week*/

.calendar-wrapper {
    padding: 20px 0;
}

.calendar-row-wrapper {
    display: block;
    letter-spacing: -0.3em;
}

.calendar-row-wrapper > * {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}

.calendar-days-wrapper {
    margin: 0;
    padding: 10px 10px 10px 0;
    letter-spacing: -0.3em;
}

.calendar-days-wrapper li {
    letter-spacing: normal;
    list-style: none;
    display: inline-block;
    text-align: center;
    float: left;
}

.calendar-days-wrapper li a {
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px solid #DADADA;
    padding: 8px 0;
    width: 40px;
    height: 40px;
    font-weight: 500;
    cursor: pointer;
}

.calendar-days-wrapper li:not(:last-child) a {
    border-right: 0;
}

.calendar-days-wrapper li.active a {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.calendar-time-wrapper {
    padding: 10px 10px 8px 0;
}

.calendar-time-wrapper .btn-group {
    max-width: 120px;
}

.calendar-row-delete {
    padding: 10px 0;
}

.icons-wrap {
    vertical-align: middle;
}

.calendar-row-delete a {
    margin: 8px 0;
    padding: 2px 3px;
    cursor: pointer;
    display: inline-block;
}

.calendar-row-delete a svg {
    display: block;
    opacity: 0.5;
}

.calendar-row-plus {
    display: inline-block;
}

.calendar-row-plus a {
    padding: 7px 0;
    display: inline-block;
    cursor: pointer;
}

.content-staff-tbody .row {
    position: relative;
}

/*Modal Window. Add product*/

.modal-lg .padding-inner-wrapper {
    padding: 15px;
}

.description-line-wrapper {
    padding: 0;
    margin: 0;
    letter-spacing: -0.3em;
}

.description-line-wrapper li {
    list-style: none;
    display: inline-block;
    padding: 2px 10px;
    position: relative;
    letter-spacing: normal;
}

.description-line-wrapper li:first-child {
    padding-left: 0;
}

.description-line-wrapper li:after {
    width: 1px;
    height: 16px;
    position: absolute;
    right: 0;
    background-color: #DADADA;
    top: 7px;
    content: '';
    display: inline-block;
}

.description-line-wrapper li:last-child:after {
    display: none;
}

.category-products-wrapper {
    padding: 10px 0;
}

.customer-wrapper .category-products-wrapper {
    padding: 0;
}

.category-products-head {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.category-products-wrapper h5 {
    font-weight: 700;
    padding: 20px 5px;
    margin: 0;
    position: relative;
    width: 100%;
    font-size: 20px;
    text-align: center;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-products-wrapper h5::after {
    width: calc(100% - 40px);
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 20px;
    top: -1px;
    content: '';
    display: block;
}

.category-products-wrapper .icons-wrap img {
    max-height: 40px;
    padding-right: 10px;
    max-width: 50px;
    background-size: contain;
    vertical-align: middle;
}

.category-products-wrapper .icons-wrap span {
    max-width: calc(100% - 50px);
    vertical-align: middle;
}

.categories-inline-wrapper .category-products-list {
    padding: 20px 20px 30px 20px;
}

.categories-inline-wrapper {
    padding: 0;
}

.categories-inline-wrapper .box-content:not(.msg-wrapper) {
    margin: 15px;
    height: calc(100% - 30px);
    position: relative;
}

.categories-inline-wrapper a.box-content {
    display: -webkit-flex;
    display: flex;
    flex: 1 1 100%;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: calc(100% - 30px);
    transition: all 0.2s;

}

.table-customer-orders .repeat-icon {
    vertical-align: text-bottom;
    margin-right: 2px;
}

.btn-primary-reverse-bolder {
    border-width: 2px !important;
}

.dropdown-track-order .dropbtn-print-order svg {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 2px;
}

.dropdown-track-order .dropbtn-print-order:hover svg path {
    fill: #fff;
}

.order-info-item {
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.order-info-value {
    margin-left: 4px;
    word-break: break-word;
}

.table-customer-orders .btn-primary-reverse {
    font-size: 12px;
    padding: 4px 10px;
    min-width: 120px;
}

.orders-btns-group {
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.add-product-btn:hover svg path,
.reorder-btn:hover svg path {
    stroke: #fff;
}

.add-product-btn svg {
    margin-right: 2px;
    vertical-align: text-bottom;
}

.tracking-order-btns .btn {
    min-width: 150px;
}

.categories-inline-wrapper a.box-content:hover {
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.15);
}

.categories-inline-wrapper a.box-content .category-products-wrapper {
    width: 100%;
}

/*Sale Box*/

.box-sale-wrapper {
    color: #fff;
    position: relative;
    height: calc(100% - 30px);
    background: #dfa53b;
}

.box-sale-wrapper::before {
    background-size: cover;
    background-position: center center;
    background-image: url(../img/sale-bg.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.4s;
}

.box-sale-wrapper .category-products-wrapper {
    padding: 45px 0 0;
    text-align: center;
    z-index: 3;
    position: relative;
}

.box-sale-wrapper .category-products-wrapper i {
    opacity: 0;
    display: inline-block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #ef6325;
    padding: 6px 7px 6px 10px;
    line-height: 16px;
    transition: all 0.3s;
}

.box-sale-wrapper:hover {
    color: #fff;
}

.box-sale-wrapper:hover::before {
    transform: scale(1.1);
}

/*Banner*/

.banner-wrapper {
    padding: 20px;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: rgba(0, 0, 0, 0.4);
}

.banner-wrapper p {
    margin-bottom: 20px;
    font-size: 19px;
}

.banner-content {
    position: relative;
    z-index: 5;
}

/*List fav*/

.lists-inline-wrapper {
    padding: 20px 0;
}

/*Custom checkbox*/

.checkbox-options-wrapper span {
    display: inline-block;
    vertical-align: middle;
}

.th-checkbox-padding {
    padding-left: 30px;
}

.checkbox-wrapper {
    display: inline-block;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075);
    height: 16px;
    width: 16px;
    background-color: #F8F8F8;
    border-radius: 2px;
    vertical-align: middle;
    margin: 5px 8px;
    cursor: pointer;
}

.td-product-desc-checkbox .checkbox-wrapper {
    vertical-align: top;
    margin: 5px 8px 5px 0;
}

.checkbox-label-wrapper .checkbox-wrapper {
    margin: 5px 8px 5px 0;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

.checkbox-label-wrapper.no-padding .checkbox-wrapper {
    display: inline-flex;
    padding-right: 0 !important;
}

.checkbox-label-wrapper .checkbox-wrapper:focus {
    outline: none
}

.checkbox-label-wrapper .terms-error {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 13px;
}

.checkbox-wrapper-label {
    cursor: pointer;
}

.checkbox-label-wrapper .checkbox-label {
    font-size: 12px;
    margin: 0;
}

.gift-card-wrapper .saved-cards-wrapper{
    margin-bottom: 0;
}

.gift-card-wrapper .saved-cards-wrapper .add-card-btn{
    margin: 0;
}

.gift-card-padding-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.gift-card-padding-wrapper > .row {
    margin: 18px -15px;
}

.gift-card {
    position: relative;
    max-width: 45%;
    width: 100%;
    margin: 18px 32px 0 0;
    padding: 15px 30px 10px;
    background: #3CB878;
    border-radius: 16px;
}

.gift-card label{
    position: absolute;
    top: 50%;
    left: 12px;
    font-size: 16px;
    color: #fff;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}

.gift-card input:not(:placeholder-shown) + label{
    font-size: 13px;
    top: -25%;
    left: 0;
    opacity: 1;
}

.gift-card .close {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 24px;
    height: 24px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 1;
}

.gift-card .close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 1px;
    background: #8A2467;
    transform: translate(-50%, -50%) rotate(45deg);
}

.gift-card .close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 1px;
    background: #8A2467;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.gift-pin-block {
    margin-top: 34px;
}

.gift-pin{
    width: 166px;
    position: relative;
    background: #f8f8f8;
    border-radius: 5px;
}

.gift-pin + .show-balance-btn-block{
    margin-left: 16px;
}

.show-pin-btn {
    background: transparent;
    border: none;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
}

.show-pin-btn:focus {
    outline: none;
}

.show-pin-btn + input {
    padding-right: 25px;
}

.show-pin-btn + input:focus {
    box-shadow: none
}

.show-pin-btn i {
    color: #808080
}

.gift-card .gift-pin-block .btn-primary{
    width: 200px;
}

.gift-card .gift-pin-block .btn-primary.btn-balance {
    background: #3CB878;
    border: 2px solid #FFFFFF;
}

.ebt-padding-wrapper {
    display: none;
}

.ebt-padding-wrapper.active {
    display: block;
}

.ebt-wrapper .checkbox-label-wrapper h5,
.gift-card-wrapper .checkbox-label-wrapper h5 {
    margin: 15px 0;
}

.ebt-wrapper .checkbox-label {
    font-size: 14px;
    line-height: 1.2;
    width: fit-content;
    margin: 0;
}

.ebt-padding-wrapper .input-group-addon {
    padding: 6px 12px;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.ebt-wrapper .spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

.ebt-wrapper .btn-show-balance.btn-primary {
    font-size: 13px;
    min-width: 120px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.ebt-addon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #1F2C3A;
}

.ebt-balance-block {
    display: flex;
    align-items: center;
}

.show-balance-btn-block {
    margin-left: auto;
}

.payment-ebt-amount-inp.form-control {
    border-color: #cccccc !important;
    background-color: #fff;
    padding-left: 25px;
    height: 40px;
    color: #1F2C3A !important;
    text-align: left !important;
    max-width: 130px;
}

.payment-type-icon {
    float: left;
    margin-right: 10px;
    height: 20px;
}

.ebt-wrapper .btn-show-balance:hover,
.ebt-wrapper .btn-show-balance:active {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.ebt-show-balance-loader {
    display: none;
}

.card-back-inner .checkbox-label-wrapper .checkbox-label {
    color: white;
}

.checkboxes-btn {
    border: 1px solid #DADADA;
    border-radius: 4px;
    height: 28px;
}

.th-checkbox .checkbox-wrapper,
.checkboxes-btn .checkbox-wrapper {
    margin: 5px 8px 5px 0px;
}

.checkboxes-btn a {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    padding-right: 8px;
}

.checkboxes-btn a span {
    color: #7f7f7f;
}

.checkbox-wrapper.active {
    background-color: #EF6325;
    border-color: #EF6325;
}

.checkbox-inner {
    position: relative;
    width: 100%;
}

.checkbox-inner i {
    left: 5px;
    position: absolute;
    top: 4px;
    pointer-events: none;
    display: none;
}

.checkbox-wrapper.active i {
    display: inline-block;
}

.checkbox-wrapper.disabled {
    cursor: not-allowed;
}

/*Dropdown*/

.dropdown-menu > li > a {
    font-weight: 300;
}

.dropdown-menu-user > li > a {
    font-weight: 500;
}

.dropdown-menu > li > a.text-normal {
    font-weight: 500;
}

/*Invoice*/

.paid-invoice-header {
    position: relative;
}

.paid-invoice-header::after {
    background-color: #7ed321;
    border-radius: 4px 0 0 4px;
    color: #fff;
    content: "Paid";
    font-size: 15px;
    padding: 3px 16px;
    position: absolute;
    right: 0;
    top: 40%;
}

.content-products-tbody {
    position: relative;
    overflow: visible;
}

.content-products-tbody input.form-control {
    width: auto;
    max-width: 90px;
    margin: 0 auto;
    text-align: center;
}

.product-table-qty span,
.changing-qty {
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    height: 39px;
}

.changing-qty-value-wrapper {
    height: 44px;
    padding: 6px 8px;
}

.changing-qty > .old-value {
    display: block;
    line-height: 1;
}

.changing-qty:hover {
    background-color: #ECECEC;
}

.changing-qty::after {
    content: '';
    background-image: url(../img/icon-edit.svg);
    background-color: #ececec;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0 4px 4px 0;
    display: inline-block;
    height: 39px;
    opacity: 0;
    position: absolute;
    right: -14px;
    top: 0;
    vertical-align: middle;
    width: 17px;
}

.changing-qty-value-wrapper::after {
    height: 44px;
}

.changing-qty:hover::after {
    opacity: 1;
}

.td-content {
    padding: 8px;
    display: inline-block;
}

.product-title-card {
    margin: 0;
    font-weight: 300;
}

.old-value {
    text-decoration: line-through;
}

.product-card-description .old-value {
    font-size: 13px;
    font-weight: normal;
    padding: 2px 8px;
    background: #EA4E4E;
    border-radius: 2px;
    color: #fff;
}

.tags{
    font-size: 14px;
    align-items: center;
    margin: 0;
    padding: 8px 20px;
    color: var(--main-color);
    overflow-x: auto;
}

.tags::-webkit-scrollbar {
    height: 8px;
    border-radius: 10px;
}

.tags::-webkit-scrollbar-track {
    background-color: #fafafa;
}

.tags::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

.tags::-webkit-scrollbar-thumb:hover {
    background: lightgray;
}

.tags li {
    position: relative;
    line-height: 24px;
    list-style: none;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.3s;
}

.tags .tag {
    margin-right: 8px;
    padding: 4px 12px;
    border: 1px solid var(--main-color);
    border-radius: 8px;
}

.product-details-tags-container {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
}

.last-truncated {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.product-details-tags-container .collapse-toggle {
    color: var(--main-color);
    font-weight: 500;
    font-size: 14px;
    align-items: center;
    display: inline-flex;
    margin-left: 12px;
}

.product-details-tags-container.tags-truncated .product-details-tag-item {
    padding: 0 8px;
    min-height: 32px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    text-align: center;
}

.product-details-tags-container.tags-truncated .product-details-tag-item.truncated {
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 70px;
}

.modification-product-image-wrapper {
    position: relative;
}

.modification-product-image-wrapper .product-tag-icon-wrapper.product-popup-icons {
    left: 0;
    top: 0;
}

.modification-product-image-wrapper + .product-details-tags-container {
    margin-top: 24px;
}

.modification-product-description.deli-slider .product-details-tags-container.tags-truncated {
    margin-top: 48px;
}

.product-tag-icon-wrapper {
    position: absolute;
    top: 15px;
    left: 30px;
    display: flex;
    flex-direction: column;
    width: 48px;
    z-index: 1;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 12px 0;
}

.product-tag-icon-wrapper.product-popup-icons {
    top: 22px;
    left: 15px;
}

.product-tag-icon img {
    max-width: 27px;
    max-height: auto;
}

.product-tag-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-tag-icon:hover .product-discount-tooltip {
    transform: scale(1);
}

.product-tag-icon:not(:first-of-type) {
    margin-top: 15px;
}

.product-details-tag-item {
    background: #EEEFF0;
    border-radius: 8px;
    padding: 0 12px;
    min-height: 32px;
    word-break: break-all;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #3C4D5F;
}

@media (hover: hover) {
    .tags .tag:hover {
        color: #fff;
        background: var(--main-color);
    }
}

.tags .tag.active {
    color: #fff;
    background: var(--main-color);
}

.tags.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.tags .reset-tags {
    margin-left: 12px;
}

.search-dep {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
    padding: 10px 20px 12px 20px;
    color: #9CA7B5;
    border-bottom: 1px solid #9CA7B5;
    overflow-x: auto;
}

.search-dep::-webkit-scrollbar {
    height: 8px;
    border-radius: 10px;
}

.search-dep::-webkit-scrollbar-track {
    background-color: #fafafa;
}

.search-dep::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

.search-dep::-webkit-scrollbar-thumb:hover {
    background: lightgray;
}

.search-dep li {
    position: relative;
    padding-right: 25px;
    list-style: none;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.3s;
}

.search-dep li:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 1px;
    background: #EF6425;
    transition: 0.3s;
}

.search-dep li.active {
    color: #EF6425;
}

.search-dep li.active:before {
    width: calc(100% - 25px);
}

/*Custom toggle*/

.toggle-col {
    text-align: center;
}

.search-cart-button-visible {
    width: 30px;
    height: 30px;
}

.search-cart-button-visible svg path,
.search-cart-button-visible svg circle {
    stroke: var(--main-color);
}

.search-cart-button-visible:hover .search-cart-button-visible svg path {
    stroke: var(--main-color);
}

.search-cart-button-visible:hover .search-cart-button-visible svg circle {
    stroke: var(--main-color);
}

.toggle-wrapper {
    background-color: #C3C3C3;
    border-radius: 10px;
    display: inline-block;
    width: 35px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

.toggle-wrapper .toggle-rod {
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    height: 14px;
    left: 0;
    right: auto;
    margin: 3px;
    position: absolute;
    width: 14px;
    transition: all 0.5s;
}

.toggle-wrapper.active {
    background-color: #00BE70;
}

.toggle-wrapper.active .toggle-rod {
    left: 15px;
    right: 0;
}

/*Two Cols Content*/

.two-cols-content {
    position: relative;
}

.two-cols-content aside {
    width: 240px;
}

.two-cols-content .main-col-container {
    width: calc(100% - 240px);
    padding: 45px 0 25px 16px;
}

.first-title {
    margin-top: 0;
}

.first-title a.title {
    word-break: break-all;
}

.main-col-container .box-content:first-child {
    margin-top: 0;
}

.filter-checkboxes-list {
    padding: 0;
    margin: 0;
}

.filter-checkboxes-list li {
    display: block;
    list-style: none;
}

.filter-checkboxes-list .checkbox-wrapper {
    margin: 5px 8px 5px 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
}

.filter-checkboxes-list .checkbox-wrapper.active {
    background-color: #EF6325;
}

.filter-checkboxes-list .checkbox-inner i {
    height: 10px;
    width: 10px;
    top: 5px;
}

.filter-checkboxes-list li span {
    vertical-align: middle;
    display: inline-block;
}

/*Filters More Button */

.ui-slider .ui-slider-range {
    background-color: #ef6325;
    background-image: none;
}

.ui-slider .ui-slider-handle {
    background-color: #ef6325;
    background-image: none;
    border: medium none;
    border-radius: 2px 2px 0 0;
    height: 18px;
    top: -29px;
    width: 14px;
    cursor: grab;
}

.ui-slider .ui-slider-handle::after {
    border-color: #ef6325 transparent transparent;
    border-style: solid;
    border-width: 9px 7px 0;
    bottom: -9px;
    content: "";
    position: absolute;
    right: 0;
    z-index: 5;
}

.ui-widget-content {
    overflow: visible;
    background-color: #DADADA;
    background-image: none;
}

/*Discount toggles*/

.discount-wrapper {
    letter-spacing: -0.3em;
    text-align: center;
}

.discount-wrapper > * {
    display: inline-block;
    vertical-align: top;
}

.discount-wrapper .form-control {
    max-width: 60px;
    margin-right: 3px !important;
    letter-spacing: normal;
}

.double-controls-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.double-controls-wrapper > * {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.double-controls-wrapper .control-btn {
    background-color: #fff;
    border: 1px solid #ECECEC;
    padding: 9px 10px;
    height: 42px;
    color: #7F7F7F;
    cursor: pointer;
}

.double-controls-wrapper .control-btn.active {
    background-color: #DADADA;
    color: #000;
}

.double-controls-wrapper .control-btn:first-child {
    border-radius: 4px 0 0 4px;
}

.double-controls-wrapper .control-btn:last-child,
.double-controls-wrapper .control-btn-last {
    border-radius: 0 4px 4px 0;
}

.double-controls-wrapper .control-btn:not(.control-btn-last) {
    border-right: 0px;
}

.form-group a.icons-wrap {
    cursor: pointer;
}

.control-btn-last {
    border-right: 1px;
}

/*Search box*/

.search-dropdown-wrapper {
    position: absolute;
    width: 100%;
    max-height: 70vh;
    z-index: 1099;
    margin-top: -1px;
    overflow: auto;
}

.search-dropdown-wrapper::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
}

.search-dropdown-wrapper::-webkit-scrollbar-track {
    background-color: #fafafa;
}

.search-dropdown-wrapper::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

.search-dropdown-wrapper::-webkit-scrollbar-thumb:hover {
    background: lightgray;
}

.search-dropdown-wrapper a {
    color: #000;
}

.search-dropdown-wrapper a:hover,
.search-dropdown-wrapper a:focus,
.search-dropdown-wrapper a:focus:hover {
    color: #000;
}

.search-dropdown-wrapper .box-content {
    margin: 0;
    border-radius: 0 0 4px 4px;
    border: 1px solid #dadada;
}

.form-search-dropdown input {
    position: relative;
}

.form-search-dropdown-open .search-input-wrapper {
    z-index: 9999;
}

.form-search-dropdown-open input {
    border-radius: 6px;
}

.form-search-dropdown .search-input-wrapper .icon-i {
    z-index: 101;
}

.links-row-wrapper a {
    padding: 5px 20px;
}

.store-head-search-wrapper .search-dropdown-wrapper .links-row-wrapper a {
    display: block;
    padding: 15px 20px;
}

.store-head-search-wrapper .search-dropdown-wrapper .links-row-wrapper a {
    padding: 15px 20px;
}

.links-row-wrapper.show-all {
    border-top: 1px solid #DADADA;
    text-align: center;
}

.links-row-wrapper.show-all a {
    display: block;
}

.links-row-wrapper svg {
    margin-left: auto;
}

.links-row-wrapper h4 {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
}

.links-row-wrapper a:hover,
.links-row-wrapper a:focus,
.links-row-wrapper a:focus:hover {
    background-color: #F8F8F8;
}

/*Customized Table */

.table-rows {
    width: 100%;
}

.table-rows td {
    padding: 8px 5px;
    border-top: 1px solid #dadada;
}

.table-rows tr:first-child td {
    border-top: none;
}

.table-rows tr td:first-child {
    padding-left: 0;
}

.table-rows tr td:last-child {
    padding-right: 0;
}

/*Product Card*/

.product-card-wrapper {
    position: relative;
    width: 200px;
    margin: 1px auto 0;
    border-radius: 6px;
}

.product-card-wrapper .h5:not(.product-title-card) {
    margin: 10px 0 5px;
}

.product-card-wrapper .product-title-card {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.product-card-wrapper .product-title-card + p {
    margin: 5px 0 0;
}

.also-bought-card {
    margin: 15px 0 2px;
}

.product-card-clickable {
    cursor: pointer;
}

.product-cart-qty {
    position: absolute;
    top: 1px;
    right: 1px;
    left: auto;
    height: 24px;
    display: block;
    width: auto;
    min-width: 24px;
    text-align: center;
    border-radius: 100%;
    background-color: #EF6325;
    color: #fff;
    padding: 3px;
    font-size: 13px;
}

.product-image-wrapper .product-cart-qty {
    width: 42px;
    height: 24px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0 5px;
}

.modal-price-line .product-cart-qty {
    position: static;
    display: inline-block;
    margin-left: 15px;
    border-radius: 1px 12px;
}


.product-image-wrapper .product-modificated {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 42px;
    height: 42px;
    background-size: 100%;
    background-color: #ef6325;
    background-repeat: no-repeat;
    border-radius: 5px 0;
    background-position: center;
    opacity: 0.8;
    overflow: hidden;
}

.product-image-wrapper .product-modificated.is-default-icon {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 24 24' fill='none' style='&%2310; /* background: red; */&%2310;'%3E%3Cg filter=''%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 0H0V24H24V0ZM3 17C2.44775 17 2 17.4477 2 18C2 18.5523 2.44775 19 3 19H21C21.5522 19 22 18.5523 22 18C22 17.4477 21.5522 17 21 17H3ZM21 15.5C21 13.2457 20.0518 11.0836 18.364 9.48959C16.6761 7.89554 14.387 7 12 7C9.61304 7 7.32385 7.89554 5.63599 9.48959C3.94824 11.0836 3 13.2457 3 15.5H12H21ZM12 6C12.5522 6 13 5.55228 13 5C13 4.44772 12.5522 4 12 4C11.4478 4 11 4.44772 11 5C11 5.55228 11.4478 6 12 6Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b' x='-10' y='-10' width='44' height='44' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImage' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"), radial-gradient(var(--main-color) 65%, transparent 70%);
    background-color: unset;
}

.product-image-wrapper .product-modificated svg {
    width: 42px;
    height: 42px;
    fill: var(--main-color);
}

.product-image-wrapper .product-modificated img {
    width: 100%;
}

.product-pics-icon-qty {
    position: absolute;
    top: 1px;
    left: 1px;
    height: 24px;
    width: 42px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px 0;
    color: var(--main-color);
    font-size: 14px;
}

.product-pics-icon-qty svg {
    margin-right: 2px;
    height: 13px;
    width: 14px;
    vertical-align: middle;
}

.product-pics-icon-qty span {
    vertical-align: middle;
}

.product-image-wrapper {
    position: relative;
    padding-top: 100%;
    border-radius: 6px;
}

.product-image-wrapper ~ p {
    word-break: break-all;
}

.product-card-wrapper .product-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

a.product-pic {
    cursor: pointer;
}

.product-pic.product-nopic {
    background-image: var(--default-image-placeholder);
}

.product-card-cart-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
    pointer-events: none;
}

.product-card-cart-wrapper .round-svg-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.product-card-cart-wrapper .round-svg-btn svg {
    transition: 0.3s;
}

.product-card-cart-wrapper .round-svg-btn .outer {
    fill: #ef6325;
}

.product-card-cart-wrapper .round-svg-btn .inner {
    stroke: #ef6325;
}

.product-card-cart-wrapper .round-svg-btn:hover svg {
    transform: scale(1.1);
}

.product-card-add-line {
    position: absolute;
    bottom: 0;
    width: 100%;
    pointer-events: auto;
    border: 1px solid #ef6325;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 2px 8px rgb(0, 0, 0, .2);
    overflow: hidden;
}

.product-card-add-line.has-mods .product-card-qty {
    display: none !important;
}

.product-card-add-line.has-mods [role='cart-add-product'] {
    display: block !important;
}

.product-card-add-line .product-card-qty > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-qty-btn .recycle-bin {
    position: absolute;
    opacity: 0;
    outline: none;
    transition: 0.3s;
}

.product-qty-btn .recycle-bin * {
    outline: none;
}

.product-qty-btn.bin span {
    opacity: 0;
    transition: 0.3s;
}

.product-qty-btn.bin .recycle-bin {
    opacity: 1;
}

.product-qty-btn.bin .recycle-bin:focus, .product-qty-btn.bin .recycle-bin *:focus {

}

.product-card-add-line .product-card-qty .product-qty-btn {
    width: 40px;
    height: 40px;
    transition: all 0.2s;
    cursor: pointer;
    color: #ef6325;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-card-add-line .product-card-qty .form-control {
    width: calc(100% - 80px);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    height: 100%;
    text-align: center;
    background-color: transparent;
    color: #2C3250;
    box-shadow: none;
}

.product-card-add-line .product-card-qty .product-qty-btn span {
    position: relative;
    width: 14px;
    height: 2px;
    background: #EF6325;
    border-radius: 2px;
}

.product-card-add-line .product-card-qty .product-qty-btn:last-of-type span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 14px;
    width: 2px;
    background: #EF6325;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

.product-card-add-line .btn {
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    justify-content: center;
}

.product-card-description {
    display: flex;
    flex-direction: column;
}

.product-card-description .text-primary {
    display: block;
    font-weight: 400;
    margin-top: 5px;
    line-height: 1.3;
    color: #DC1313;
}

/*Checkout replacement*/

.checkout-note-wrapper {
    font-size: 14px;
}

.checkout-note-wrapper a {
    vertical-align: middle;
}

.checkout-note-wrapper a.add-note-btn {
    margin-top: 25px;
    display: inline-block;
}

.checkout-note-wrapper textarea {
    margin: 10px 0;
}

.checkout-cart-wrapper .price-box {
    margin: 45px 40px 0;
}

.modal-replacement-header {
    border-bottom: 1px solid #dadada;
}

.modal-replacement .product-desc {
    width: calc(100% - 50px);
}

.replacement-block-wrapper {
    padding: 5px 0;
}

.replacement-block-wrapper > * {
    vertical-align: middle;
}

.replacement-block-wrapper p {
    padding: 0 10px;
    border-left: 3px solid #ef6325;
    font-weight: 400;
    font-size: 14px;
    margin: 5px 0 10px;
}

.replacement-block-wrapper .btn-group.bootstrap-select {
    font-weight: 400;
    border: 1px solid #dadada;
    padding: 5px 0 5px 10px;
    border-radius: 4px;
    margin: 5px 0 10px;
}

.replacement-block-wrapper .btn {
    font-weight: 400;
    font-size: 15px;
}

.picked-replacement-wrapper {
    max-width: 350px;
    font-size: 13px;
    margin-bottom: 10px;
}

.picked-replacement-wrapper .img-replacement-wrapper {
    height: 35px;
    width: 35px;
    display: inline-block;
    vertical-align: top;
    border-radius: 6px;
    border: 1px solid #dadada;
}

.img-replacement {
    height: 100%;
    width: 100%;
    background-color: #fff;
    display: block;
    vertical-align: middle;
    background-image: var(--default-image-placeholder);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    overflow: hidden;
}

.title-replacement-wrapper {
    width: calc(100% - 35px);
    padding-left: 5px;
}

.bg-grey {
    background-color: #f2f2f2;
}

.modal-replacement .bg-grey {
    padding-top: 15px;
    padding-bottom: 25px;
}

/*Checkout delivery info*/

.content-sm-wrapper {
    max-width: 850px;
}

.container-fluid-md {
    max-width: 1502px;
}

.notification-option .form-group-white {
    padding: 10px 0 10px 38px;
}

.notification-option .form-group-white input {
    height: 34px;
    padding: 4px 12px;
}

.saved-adresses-wrapper h3 {
    margin-top: 0;
}

.saved-address-wrapper {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    border-radius: 6px;
    padding: 8px;
    cursor: pointer;
    max-width: 270px;
}

.saved-address-wrapper:first-child {
    margin-top: 10px;
}

.saved-address-wrapper:hover,
.saved-address-wrapper:focus,
.saved-address-wrapper:focus:hover {
    background-color: #E6E6E6;
    color: inherit;
}

.saved-address-wrapper h5 {
    margin: 0;
    font-weight: 300;
}

.saved-address-wrapper p {
    margin-bottom: 0;
}


.saved-address-wrapper .fa {
    opacity: 0;
    padding-left: 10px;
    float: right;
    color: #00be70;
}

.saved-address-default .fa {
    padding-left: 10px;
    color: #00be70;
}

.saved-address-wrapper.active .fa {
    opacity: 1;
}

/*Checkout delivery time options*/

.delivery-address-line {
    padding: 5px 0;
}

.delivery-opt-time {
    max-width: 370px;
}

.delivery-opt-time .form-group .btn {
    line-height: 1.4;
}

.delivery-address-wrapper textarea {
    resize: none;
}

.delivery-date-btns-wrapper a:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 10px;
}

.delivery-date-btns-wrapper a {
    margin-bottom: 10px;
}

.delivery-date-btns-wrapper a.active {
    border-color: #ef6325;
    box-shadow: none;
}

.delivery-instructions-btn {
    padding: 20px 0;
}

.rush-tip .popover-content {
    min-width: 250px;
    padding: 9px 14px;
}

.rush-tip .fa-info-circle {
    cursor: pointer;
}

.rush-tip .fa-info-circle:hover {
    color: #ef6325;
}

/*Checkout Review*/

.box-bottom-line {
    border-bottom: 1px solid #DADADA;
    padding-bottom: 30px;
    margin: 15px 0;
}

.checkout-box-wrapper {
    padding-bottom: 30px;
    margin: 15px 0;
}

.checkout-box-wrapper h3 {
    margin-bottom: 20px;
}

.checkout-box-wrapper .text-bigger {
    font-size: 24px;
}

.orders-cols {
    padding-right: 40px;
    margin: 15px 0;
}

.orders-cols > span {
    padding-bottom: 5px;
}

.orders-cols .status-wrapper {
    padding: 0;
}

.orders-cols .status-wrapper .status-text {
    font-size: 24px;
    text-transform: none;
}

.tips-input {
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 22px;
    margin-right: 2px;
    max-width: 35px;
    padding: 2px 5px;
    width: auto;
}

/*Payment card*/

.credit-card-wrapper {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
    background-color: #f8f8f8;
}

/*Checkout updated version*/

.checkout-steps-wrapper {
    padding-left: 100px;
}

.checkout-wrapper > * {
    padding: 0 15px;
}

.checkout-title {
    padding: 0;
    margin: 25px 0;
}

/*Checkout steps */

.checkout-steps-inner {
    overflow: visible;
}

.checkout-step-head {
    position: relative;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    display: block;
}

.checkout-step-state {
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    width: 100px;
    position: absolute;
    left: -100px;
    top: 0;
    z-index: 3;
}

.checkout-step-state i {
    font-size: 12px;
    color: #c6c6c6;
    background-color: #fff;
    border-radius: 100%;
    padding: 7px 5px 2px 5px;
    height: 26px;
    width: 26px;
    box-shadow: rgba(0, 0, 0, .2) 0 1px 3px;
    line-height: 13px;
}

.checkout-step-state i.fa-ellipsis-h {
    padding-top: 8px;
    line-height: 1;
}

.checkout-step-wrapper.active .checkout-step-state i {
    color: #cc4e00;
}

.checkout-step-wrapper.success .checkout-step-state i {
    color: #8acf13;
}

.checkout-step-title {
    width: calc(100% - 46px);
    padding: 15px;
    height: 46px;
    background-color: #f0f0f0;
    color: #000;
}

.checkout-step-title i {
    width: 30px;
    color: #ef6325;
}

.checkout-step-title h5 {
    margin: 0;
    padding: 0;
    width: calc(100% - 30px);
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
}

.checkout-step-wrapper.active .checkout-step-title {
    color: #ef6325;
    background-color: #fff;
}

.checkout-step-wrapper {
    position: relative;
}

.checkout-step-wrapper::before {
    content: '';
    position: absolute;
    left: -51px;
    background-color: rgba(0, 0, 0, 0.08);
    width: 2px;
    height: 100%;
    display: block;
    top: 25px;
}

.checkout-step-wrapper:last-child::before {
    display: none;
}

.checkout-step-wrapper.active .checkout-step-body {
    display: block;
}

.checkout-step-body > .padding-wrapper {
    padding: 20px;
}

.checkout-step-body .form-control::placeholder {
    color: #505050;
}

.ebt-wrapper, .gift-card-wrapper {
    margin: 25px 0 15px;
    border: 1px solid #ECECEC;
    border-radius: 3px;
    transition: 0.3s;
}

.gift-card-wrapper:hover,
.gift-card-wrapper.active {
    border-color: var(--main-color);
}

.ebt-wrapper:hover {
    border-color: var(--main-color);
}

.checkout-step-toggle {
    width: 46px;
    height: 46px;
    background-color: #f6f6f6;
    text-align: center;
    padding-top: 11px;
}

.checkout-step-wrapper .checkout-step-toggle i {
    color: #ef6325;
}

.checkout-steps-inner .card-front-inner label {
    font-size: 12px;
    color: white;
}

.checkout-steps-inner textarea.form-control {
    height: auto;
}

.form-dropdown-link-wrapper.form-group-alert .current-location {
    bottom: 30px;
}

.position-relative {
    position: relative;
}

.form-dropdown-link-wrapper .form-dropdown-toggle {
    color: #cc4e00;
    position: absolute;
    right: 0;
    top: 27px;
    font-size: 14px;
    display: inline-block;
    padding: 12px 15px 11px;
    line-height: 17px;
}

.addresses-dropdown-current a,
.form-dropdown-toggle {
    cursor: pointer;
}

.form-dropdown-toggle-mobile {
    font-size: 21px;
    line-height: 17px;
}

.form-dropdown-link-wrapper input.address-input-with-select {
    padding: 5px 20px 5px 12px;
}

.form-dropdown-link-wrapper input.address-filter-input:-ms-input-placeholder {
    color: #000;
}

.form-dropdown-link-wrapper input.address-filter-input::placeholder {
    color: #000;
}

.form-dropdown-link-wrapper input.address-filter-input::-ms-input-placeholder {
    color: #000;
}

/*Address dropdown*/

.addresses-dropdown-wrapper.popup-wrapper {
    width: 100%;
    background-color: #f7f7f7;
    top: 27px;
}

.form-dropdown-link-wrapper input.address-filter-input.input-mp․address-input-with-select {
    padding-right: 30px !important;
}

.form-dropdown-link-wrapper input.address-filter-input.input-mp:not(.address-input-with-select) {
    padding-right: 5px;
}

.form-dropdown-link-wrapper input.address-filter-input.input-mp {
    border: 1px solid #E5E5E5;
    box-shadow: none;
    width: 400px;
    transition: 0.2s ease;
    font-size: 14px;
    padding-right: 30px;
}

.location-icon {
    position: absolute;
    left: calc(100% + 10px);
    top: -3px;
}

.saved-addresses-container {
    padding: 0 8px;
}

.saved-addresses-toggle-wrapper {
    outline: none !important;
}

.addresses-dropdown-wrapper.popup-wrapper .saved-address-item .box-btn .text-narrow {
    display: flex;
    align-items: center;
    word-break: break-all;
}

.addresses-dropdown-inner {
    padding: 5px 0 15px;
}

.addresses-dropdown-inner .addresses-dropdown-current {
    padding: 7px 0 0;
}

.addresses-dropdown-inner .addresses-dropdown-current p {
    width: calc(100% - 50px);
}

.addresses-dropdown-inner .addresses-dropdown-current a {
    width: 50px;
    text-align: right;
    font-size: 14px;
}

.addresses-dropdown-wrapper.popup-wrapper .box-btn.active .first-title i {
    color: #8acf13;
    float: right;
}

.addresses-dropdown-wrapper.popup-wrapper .box-btn h5 {
    margin-bottom: 5px;
}

.checkout-first-step {
    padding: 20px 0;
}

.checkout-first-step .btn {
    padding: 9px 25px;
    margin: 5px 0;
    font-weight: 500;
}

.checkout-first-step .btn:not(:last-child) {
    margin-right: 15px;
}

.saved-addresses-slider {
    position: relative;
    padding: 0 20px;
    min-height: 108px;
}

.saved-addresses-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0;
}

.saved-addresses-slider .box-btn {
    display: none;
    margin: 0 5px;
}

.saved-addresses-slider .box-btn.slick-slide {
    display: block;
}

.saved-addresses-slider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    border: 0;
    border-radius: 5px;
    width: 20px;
    background: none;
}

.saved-addresses-slider .slick-arrow:hover {
    color: #ef6325;
}

.saved-addresses-slider .slick-prev {
    left: 0;
}

.saved-addresses-slider .slick-next {
    right: 0;
}

/*Checkout cart*/

.checkout-store-products {
    max-height: 250px;
    overflow-y: auto;
}

.checkout-product-row {
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.checkout-product-row .product-pic {
    border: 1px solid #e8e8e8;
    height: 62px;
    width: 60px;
}

.product-sq-qty.product-card-qty .product-qty-btn {
    width: 30px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    height: 32px;
    padding: 2px 0;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer;
}

.checkout-product-info {
    width: calc(100% - 60px);
    padding: 0 15px 0 10px;
}

.checkout-product-info .product-desc-title {
    font-weight: 600;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 14px;
}

.product-card-qty {
    white-space: nowrap;
}

.checkout-product-info .product-card-qty {
    margin-bottom: 4px;
}

.product-sq-qty.product-card-qty .product-qty-btn:first-child {
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

.product-sq-qty.product-card-qty .product-qty-btn:last-child {
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

.product-sq-qty.product-card-qty .product-qty-btn:hover {
    background-color: #f8f8f8;
}

.product-sq-qty.product-card-qty .form-control {
    width: 30px;
    display: inline-block;
    padding: 2px 0;
    font-size: 11px;
    margin: 0;
    border-radius: 0;
    height: 32px;
    text-align: center;
    box-shadow: none;
    border: 1px solid #dadada;
}

.checkout-product-row .btn-remove-product {
    position: absolute;
    right: 5px;
    left: auto;
    top: 10px;
    transition: all 0.2s;
    opacity: 0;
}

.checkout-product-row:hover .btn-remove-product {
    opacity: 1;
}

.checkout-unit-price {
    font-weight: 600;
    padding-top: 3px;
    display: block;
    text-align: right;
}

/*Checkout cart footer*/

.checkout-cart-foot {
    padding: 0 15px 30px;
}

.checkout-cart-wrapper .light-bg-box.box-information-msg {
    padding: 30px 15px 30px;
}

.checkout-cart-wrapper .light-bg-box.box-information-msg p {
    margin-bottom: 5px;
}

.checkout-order-details {
    padding: 10px 0 0;
}

.delivery-unavailable {
    margin-top: 10px;
}

.checkout-order-details h4 {
    font-size: 22px;
    font-weight: 500;
}

.checkout-tf-delivery-wrapper {
    margin: 20px 0;
}

.checkout-tf-delivery-wrapper h5 {
    margin-bottom: 5px;
}

.checkout-tf-delivery-wrapper h5,
.checkout-tf-delivery-wrapper {
    font-size: 14px;
}

.checkout-tf-delivery-price {
    margin-left: auto;
}

.light-bg-box {
    border-radius: 3px;
    padding: 5px 10px;
    background-color: #fdf9f0;
    border: 1px solid #f6e8d6;
    display: inline-block;
}

.light-bg-box.payment-lightbox {
    position: relative;
    padding: 16px 60px 16px 73px;
    background-color: #FFE7DD;
    border: none;
    border-radius: 0;
}

.payment-lightbox .attention {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 32px;
    height: 32px;
    border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
}

.payment-lightbox .attention span {
    font-size: 20px;
    font-weight: 900;
}

.payment-lightbox p {
    font-size: 14px;
}

.payment-lightbox p:last-of-type {
    margin: 0;
}

.light-bg-box.box-information-msg {
    border-radius: 0;
    padding: 20px 15px;
    display: block;
}

.checkout-wrapper .light-bg-box.box-information-msg {
    font-size: 14px;
}

.light-bg-box.box-information-msg p {
    color: #95886c;
}

.light-bg-box.box-information-msg p:last-child {
    margin-bottom: 0;
}

.light-bg-box.box-information-msg h5 {
    color: #000;
}

/*Receipt */

.receipt-row {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 20px;
}

.receipt-row::after {
    content: '';
    height: 1px;
    background-image: url(../img/dotted-line.png);
    background-repeat: repeat-x;
    background-position: center center;
    width: 100%;
    position: absolute;
    top: 48%;
    left: 0;
    z-index: 2;
}

.receipt-title-wrapper {
    z-index: 3;
    position: relative;
    font-weight: 300;
}

.receipt-title {
    padding-right: 5px;
    background-color: #fff;
    display: inline-block;
}

.receipt-price {
    text-align: right;
    z-index: 3;
    font-weight: 700;
    position: relative;
}

.receipt-price span {
    padding-left: 5px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.receipt-tips-amount {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tips-wrapper .product-card-qty {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    padding-right: 5px;
}

.tips-wrapper .receipt-price {
    padding-top: 5px;
}

/*Checkout total*/

.checkout-ebt-total-block {
    margin-top: 15px;
}

.checkout-ebt-total-block h5 {
    font-size: 14px;
}

.checkout-ebt-total-block h5 span {
    font-weight: normal;
}

.checkout-total-block h3 {
    margin: 25px 0 15px;
}

.checkout-total-block h3 span {
    font-weight: 500;
}

.terms-wrapper {
    margin: 0 0 25px;
}

.terms-wrapper .checkbox-wrapper {
    margin: 0 5px 0 0;
}

.checkout-wrapper .checkbox-wrapper:focus,
#sign-up-popup .checkbox-wrapper:focus {
    outline-offset: -2px;
    outline-color: #000;
}

/*Checkout product replacement*/

.product-desc-size {
    margin-bottom: 0;
}

.checkout-step-body .product-inline-wrapper {
    border-bottom: 1px solid #e8e8e8;
}

.checkout-step-body .product-inline-wrapper .price-box {
    padding-top: 34px;
    text-align: center;
}

.checkout-step-body .btn-primary {
    font-weight: 600;
    width: 180px;
    text-transform: capitalize;
    cursor: pointer;
}

.checkout-step-body .btn-primary-reverse {
    min-width: 180px;
}

.disabled-payment-button {
    pointer-events: none;
    opacity: 0.6;
}

.google-pay-wrapper .google-pay-button-wrapper-1 {
    width: 240px;
}

.checkout-step-body .btn-primary:disabled {
    cursor: not-allowed;
}

.rush-delivery-block {
    margin: 5px 0 0;
}

.rush-delivery-block .popover-content {
    padding: 10px;
    font-size: 12px;
}

.delivery-options-block .bootstrap-select {
    max-width: 100%;
}

.notification-option {
    margin: 7px 0 0;
    position: relative;
}

.rush-delivery-block .checkbox-label,
.notification-option .checkbox-label {
    cursor: pointer;
}

.notification-option p {
    white-space: nowrap;
}

.popup-wrapper {
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 4px;
    z-index: 99;
    position: absolute;
}

/*Checkout Payment Options*/

.box-btn {
    padding: 9px 25px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.175);
    font-weight: 500;
    font-size: 12px;
    margin: 5px 0;
    cursor: pointer;
    background-color: #fff;
    line-height: 1.2;
    display: inline-block;
}

.saved-title {
    display: none;
}

.box-btn.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .55;
}

.payment-btns-wrapper {
    display: flex;
    flex-direction: column;
}

.payment-btns-wrapper a,
.gift-card-wrapper a {
    text-transform: uppercase;
}

.payment-type {
    border: 1px solid #ececec;
    border-radius: 4px;
    overflow: hidden;
    transition: 0.3s;
}

.payment-type.active, .payment-type:hover {
    border-color: var(--main-color);
}

.payment-type-inner {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.payment-type:not(:first-of-type) {
    margin-top: 20px;
}

.payment-type .payment-box-btn {
    display: flex;
    align-items: center;
    height: 58px;
    padding: 10px 25px;
    color: #354051;
    background: #FAFAFA;
    cursor: pointer;
    transition: 0.3s;
}

.payment-box-btn:focus {
    outline: none;
}

.payment-type .payment-box-btn.active {
    background: #fff;
}

.payment-box-btn.active ~ .payment-type-inner {
    max-height: 2000px;
}

.payment-box-btn img {
    max-width: 50px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    margin: 0 25px;
}

.payment-box-btn .radiobox {
    min-width: 14px;
    height: 14px;
    border: 2px solid #ef6325;
    border-radius: 50%;
    transition: 0.3s;
}

.payment-type .payment-box-btn.active .radiobox {
    border-width: 4px;
}

.payment-type-inner > .container-fluid {
    padding: 25px;
}

.payment-type.billing {
    overflow: visible;
}

.payment-type.billing .dropdown-menu {
    width: 100%;
}

.payment-type.billing .dropdown-menu.inner {
    max-height: 50vh !important;
    overflow-x: hidden;
}

.payment-type.billing > .container-fluid {
    padding: 0 25px 25px;
}

.saved-cards-wrapper {
    margin: 15px 0;
}

.saved-cards-block h6 {
    font-weight: normal;
    margin: 0;
    color: #354051;
    text-transform: capitalize;
}

.box-btn i {
    margin-right: 5px;
    display: inline-block;
}

.payment-btns-wrapper a.payment-option-google-pay {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='753' height='400' viewBox='0 0 753 400' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M552.7 0H200.7C90.7 0 0.699951 90 0.699951 200C0.699951 310 90.7 400 200.7 400H552.7C662.7 400 752.7 310 752.7 200C752.7 90 662.7 0 552.7 0Z' fill='white'/%3E%3Cpath d='M552.7 16.2C577.4 16.2 601.4 21.1 624 30.7C645.9 40 665.5 53.3 682.5 70.2C699.4 87.1 712.7 106.8 722 128.7C731.6 151.3 736.5 175.3 736.5 200C736.5 224.7 731.6 248.7 722 271.3C712.7 293.2 699.4 312.8 682.5 329.8C665.6 346.7 645.9 360 624 369.3C601.4 378.9 577.4 383.8 552.7 383.8H200.7C176 383.8 152 378.9 129.4 369.3C107.5 360 87.8999 346.7 70.8999 329.8C53.9999 312.9 40.6999 293.2 31.3999 271.3C21.7999 248.7 16.8999 224.7 16.8999 200C16.8999 175.3 21.7999 151.3 31.3999 128.7C40.6999 106.8 53.9999 87.2 70.8999 70.2C87.7999 53.3 107.5 40 129.4 30.7C152 21.1 176 16.2 200.7 16.2H552.7ZM552.7 0H200.7C90.7 0 0.699951 90 0.699951 200C0.699951 310 90.7 400 200.7 400H552.7C662.7 400 752.7 310 752.7 200C752.7 90 662.7 0 552.7 0Z' fill='%233C4043'/%3E%3Cpath d='M359.3 214.2V274.7H340.1V125.3H391C403.9 125.3 414.9 129.6 423.9 138.2C433.1 146.8 437.7 157.3 437.7 169.7C437.7 182.4 433.1 192.9 423.9 201.4C415 209.9 404 214.1 391 214.1H359.3V214.2ZM359.3 143.7V195.8H391.4C399 195.8 405.4 193.2 410.4 188.1C415.5 183 418.1 176.8 418.1 169.8C418.1 162.9 415.5 156.8 410.4 151.7C405.4 146.4 399.1 143.8 391.4 143.8H359.3V143.7Z' fill='%233C4043'/%3E%3Cpath d='M487.9 169.1C502.1 169.1 513.3 172.9 521.5 180.5C529.7 188.1 533.8 198.5 533.8 211.7V274.7H515.5V260.5H514.7C506.8 272.2 496.2 278 483 278C471.7 278 462.3 274.7 454.7 268C447.1 261.3 443.3 253 443.3 243C443.3 232.4 447.3 224 455.3 217.8C463.3 211.5 474 208.4 487.3 208.4C498.7 208.4 508.1 210.5 515.4 214.7V210.3C515.4 203.6 512.8 198 507.5 193.3C502.2 188.6 496 186.3 488.9 186.3C478.2 186.3 469.7 190.8 463.5 199.9L446.6 189.3C455.9 175.8 469.7 169.1 487.9 169.1ZM463.1 243.3C463.1 248.3 465.2 252.5 469.5 255.8C473.7 259.1 478.7 260.8 484.4 260.8C492.5 260.8 499.7 257.8 506 251.8C512.3 245.8 515.5 238.8 515.5 230.7C509.5 226 501.2 223.6 490.5 223.6C482.7 223.6 476.2 225.5 471 229.2C465.7 233.1 463.1 237.8 463.1 243.3Z' fill='%233C4043'/%3E%3Cpath d='M638.2 172.4L574.2 319.6H554.4L578.2 268.1L536 172.4H556.9L587.3 245.8H587.7L617.3 172.4H638.2Z' fill='%233C4043'/%3E%3Cpath d='M282.93 202C282.93 195.74 282.37 189.75 281.33 183.99H200.85V216.99L247.2 217C245.32 227.98 239.27 237.34 230 243.58V264.99H257.59C273.7 250.08 282.93 228.04 282.93 202Z' fill='%234285F4'/%3E%3Cpath d='M230.01 243.58C222.33 248.76 212.44 251.79 200.87 251.79C178.52 251.79 159.56 236.73 152.77 216.43H124.31V238.51C138.41 266.49 167.39 285.69 200.87 285.69C224.01 285.69 243.45 278.08 257.6 264.98L230.01 243.58Z' fill='%2334A853'/%3E%3Cpath d='M150.09 200.05C150.09 194.35 151.04 188.84 152.77 183.66V161.58H124.31C118.48 173.15 115.2 186.21 115.2 200.05C115.2 213.89 118.49 226.95 124.31 238.52L152.77 216.44C151.04 211.26 150.09 205.75 150.09 200.05Z' fill='%23FABB05'/%3E%3Cpath d='M200.87 148.3C213.5 148.3 224.81 152.65 233.74 161.15L258.19 136.72C243.34 122.89 223.98 114.4 200.87 114.4C167.4 114.4 138.41 133.6 124.31 161.58L152.77 183.66C159.56 163.36 178.52 148.3 200.87 148.3Z' fill='%23E94235'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    box-shadow: none;
    height: 34px;
    min-width: 70px;
    outline: none;
}

/*Card wrapper*/

.card-payment-form {
    max-width: 580px;
}

.card-payment-form.ebt {
    padding: 40px 25px;
    box-sizing: content-box;
}

.billing-info-wrapper {
    color: #3C4D5F;
}

.billing-info-wrapper p {
    font-size: 12px;
}

.billing-info-wrapper .checkbox-wrapper {
    margin-left: 0;
}

.billing-info-wrapper label {
    font-weight: normal;
}

.billing-info-wrapper input, .billing-info-wrapper .bootstrap-select .btn {
    border: 1px solid #DDE0E7;
    box-shadow: none;
}

.card-payment-form * {
    font-weight: 500;
}

.card-payment-form .expiry-date, .card-payment-form .ebt-balance {
    max-width: 125px;
}

.card-payment-form .expiry-date {
    height: 66px;
}

.card-payment-form input {
    font-size: 15px;
    padding: 15px;
    height: 40px;
    border: 1px solid #77A747;
}

.ebt-padding-wrapper .card-payment-form input {
    border-color: #47789C;
}

.ebt-padding-wrapper .card-payment-form input.has-error {
    border-color: #d0021b;
}

.card-payment-form > .flex-wrapper {
    position: relative;
}

.card-payment-form > .flex-wrapper > div {
    width: 72%;
    height: 100%;
    border-radius: 16px;
}

.card-front-wrapper {
    background-color: #94C07F;
    box-shadow: 8px 4px 16px rgba(0, 0, 0, 0.10);
    z-index: 1;
}

.card-back-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

.ebt-wrapper .card-front-wrapper {
    background-color: #7F9CB1;
}

.ebt-wrapper .card-back-wrapper {
    background-color: #64839A;
}

.card-payment-form.card-payment-cvv-required .card-front-wrapper {
    display: none;
}

.card-payment-form.card-payment-cvv-required .checkbox-label-wrapper {
    display: none;
}

.card-payment-form.card-payment-cvv-required .card-back-wrapper {
    position: relative;
    min-height: 236px;
}

.card-front-inner {
    padding: 15px;
}

.card-number-wrapper .card-number-block {
    padding: 0 15px;
}

.card-back-wrapper {
    background-color: #85AC72;
}

.card-back-inner {
    position: relative;
}

.card-back-inner .container-fluid {
    padding-right: 30px;
}

.card-back-inner::before {
    content: '';
    background-color: #504848;
    height: 40px;
    margin: 30px 0 0px;
    width: 100%;
    display: block;
}

.card-back-code-wrapper {
    text-align: right;
}

.card-back-code-wrapper .form-group {
    display: inline-block;
    max-width: 100px;
}

.card-back-inner .form-control,
.card-back-inner .checkbox-label-wrapper .checkbox-wrapper {
    background-color: #fff;
}

.checkbox-label-wrapper .checkbox-wrapper.active {
    background-color: #EF6325;
}

.card-back-inner .checkbox-label-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 50px;
    text-align: right;
}

.card-back-inner .checkbox-wrapper {
    height: 15px;
    width: 15px;
}

.card-back-inner .checkbox-inner i {
    left: 4px;
    top: 4px;
}

/*Saved cards*/

.saved-cards-wrapper .box-btn {
    position: relative;
    font-size: 10px;
    padding: 10px 15px 10px 30px;
    margin: 10px 0;
}

.saved-cards-wrapper .box-btn .fa-credit-card {
    position: absolute;
    font-size: 12px;
    left: 6px;
}

.saved-cards-wrapper .box-btn:not(:last-child) {
    margin-right: 15px;
}

.saved-cards-wrapper .box-btn span {
    display: inline-block;
    margin-top: 3px;
}

.saved-cards-wrapper .box-btn.active {
    border: 1px solid #ef6325;
}

.saved-cards-wrapper .box-btn.active i {
    font-size: 14px;
    color: #ef6325;
}

.saved-cards-wrapper .add-card-btn {
    padding: 15px 25px;
}

.saved-cards-wrapper .add-card-btn span {
    font-size: 12px;
}

.store-pickup-address-wrapper {
    margin: 0;
}

.store-pickup-address-wrapper i {
    display: inline-block;
    padding-right: 5px;
}

/*Store head*/

.store-head-section .store-desc-wrapper .first-title {
    font-size: 19px;
    margin: 0 0 7px;
}

/*Product slider*/

.arrows-wrapper {
    white-space: nowrap;
}

.products-cards-slider .slick-track {
    margin: 0 0 2px;
    display: inline-flex;
}

.product-cards-wrapper {
    overflow-x: auto;
    flex-wrap: nowrap;
}

.overflow-hidden {
    overflow: hidden;
}

.product-cards-wrapper.products-cards-slider-search {
    flex-wrap: wrap;
}

.w-100 {
    width: 100%;
}

.slider-arrow {
    width: 35px;
    height: 35px;
    color: #EF6325;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 7px 0 0;
    text-align: center;
    cursor: pointer;
    line-height: 22px;
    font-size: 22px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.175);
}

.slider-arrow.arrow-new-style {
    border: inherit;
    padding: inherit;
    color: inherit;
}

.arrow-left {
    margin-right: 10px;
}

.slider-arrow:hover {
    color: #EF6325;
}

.slick-disabled {
    opacity: 0.6;
    cursor: default;
    color: #7F7F7F;
}

.slick-disabled.slider-arrow:hover {
    color: #7F7F7F;
}

.product-list-wrapper{
    margin-top: 20px;
}

.product-list-wrapper .product-cards-wrapper > .flex-box .product-card-wrapper {
    width: 100%;
    max-width: 100%;
}

.product-white-bg {
    width: 20%;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid #f8f8f8;
}

#categories-pjax-container .product-white-bg > div{
    width: 100%;
}

.favorite-products {
    padding: 10px;
    width: auto !important;
}

.product-white-bg-wrapper .product-card-wrapper {
    border-radius: 0;
    max-width: 100%;
}

/*Product Page*/

.modal-sections .modal-section-box:not(:first-child) {
    padding: 15px 30px
}

.modal-price-line {
    margin: 30px 0;
}

.modal-price-line > * {
    vertical-align: bottom;
}

.modal-price-line span.text-bigger {
    font-size: 32px;
    font-weight: 500;
    padding-right: 3px;
    line-height: 1;
}

.modal-product-qty {
    position: relative;
}

.modal-product-qty .form-group {
    margin: 20px 0;
}

.modal-product-qty input {
    padding-right: 10px;
    height: 34px;
}

.modal-product-qty .product-card-qty {
    display: flex;
}

.modal-product-qty .product-qty-btn {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 34px;
    padding: 5px 0;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 34px;
    letter-spacing: normal;
    flex-shrink: 0;
}

.product-qty-btn span {
    display: inline-block;
    width: 100%;
}

.modal-product-qty .product-qty-btn:last-child {
    margin-right: 0;
}

.dropdown-menu .divider {
    background-color: #DADADA;
    width: 100%;
}

.add-to-list .dropdown-menu li > a {
    padding: 8px 30px 8px 8px;
    position: relative;
}

.dropdown-menu > li > a {
    cursor: pointer;
}

.add-to-list .dropdown-menu li.active > a {
    color: #000;
    background-color: #fff;
    cursor: default;
}

.add-to-list .dropdown-menu li.active > a i {
    display: block;
    font-size: 18px;
    right: 8px;
    top: 11px;
    color: #ef6325;
}

.add-to-list .dropdown-menu {
    max-height: 45vh;
    overflow-y: auto;
}

.additional-product-image .btn-delete {
    margin-top: 18px;
}

.green-banner {
    background: linear-gradient(225deg, #B2D645 0%, #8AAC21 100%);
    padding: 70px 30px 60px;
    text-align: center;
    color: #fff;
}

.banner-icon-wrapper {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 15px 0 0;
    text-align: center;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    font-size: 36px;
    margin: 0 auto 10px;
}

.banner-row-wrapper .flex-wrapper > .flex-xs-12:first-child .box-small-banner {
    border-radius: 4px 4px 0 0;
    border-bottom: 0px;
}

.banner-row-wrapper {
    margin: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.banner-row-wrapper .flex-wrapper > .flex-xs-12:last-child .box-small-banner {
    border-radius: 0 0 4px 4px;
    border-top: 0px;
}

.box-small-banner {
    border: 1px solid #EAEAEA;
    background-color: #fff;
    padding: 20px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

.banner-inline-icon {
    width: 30px;
    vertical-align: middle;
}

.banner-inline-icon img {
    max-width: 100%;
    display: block;
}

.banner-inline-description {
    width: calc(100% - 30px);
    padding-left: 15px;
    vertical-align: middle;
}

/*Nutrition facts popup*/

.nutrition-facts-wrapper img {
    display: inline-block;
    width: 100%;
}

/*Product modal slider */

.product-popup-slider{
    display: none;
}

.product-popup-slider.slick-initialized {
    display: block;
}

.product-popup-slider .slick-arrow {
    background-image: url(../img/fa-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px;
    cursor: pointer;
}

.product-popup-slider .slick-arrow:hover,
.product-popup-slider .slick-arrow:active,
.product-popup-slider .slick-arrow:focus {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/fa-arrow-left.svg);
}

.product-popup-slider .slick-arrow:before {
    display: none;
}

.product-popup-slider .slick-slide img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.product-popup-slider .slick-arrow.slick-next {
    background-image: url(../img/fa-arrow-right.svg);
    left: auto;
}

.product-popup-slider .slick-dots {
    margin: 10px 0;
    padding: 0;
    text-align: center;
}

.product-popup-slider .slick-dots li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 2px;
}

.product-popup-slider .slick-dots li button {
    background-color: #dadada;
    height: 4px;
    width: 10px;
    border-radius: 50%;
}

.product-popup-slider .slick-dots li button:before {
    display: none;
}

.product-popup-slider .slick-dots li.slick-active button {
    background-color: #ef6325;
}

/*Stores Page*/

.stores-wrapper {
    min-height: 400px;
    height: auto;
}

.stores-wrapper.stores-map-view-wrapper {
    min-height: 900px;
    height: calc(100vh - 213px);
    overflow: hidden;
}

.stores-wrapper.stores-map-view-wrapper .stores-filters-head .container-fluid-md {
    max-width: 100%;
}

.stores-list-wrapper {
    width: 480px;
    height: 100%;
    position: relative;
}

.stores-list-header {
    background-color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #dadada;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.stores-list-header .stores-sort-wrapper {
    padding: 0;
}

.stores-list-header .stores-sort-wrapper h4 {
    margin-top: 10px;
    margin-bottom: 0;
}

.stores-list-header .stores-sort-wrapper .filter-head {
    padding-bottom: 0;
}

.stores-list-header .filter-head .filters-text {
    padding-top: 0;
}

.stores-list-header h3 {
    padding-top: 10px;
}

.categories-selectpicker-footer {
    padding: 0 15px;
    border-top: 1px solid #ddd;
    margin-top: 3px;
}

.categories-selectpicker-footer .btn {
    height: 34px;
    padding: 3px 9px;
    font-weight: 300;
    font-size: 14px;
}

.categories-selectpicker-footer .form-group {
    margin: 10px 0 5px;
}


.categories-selectpicker-footer .form-group .btn-primary {
    margin-right: 3px;
}

.stores-list-body {
    padding: 0 30px 0;
    height: calc(100% - 120px);
    overflow-y: auto;
    background-color: #fff;
}

.stores-box-content {
    padding: 20px 0;
    border-bottom: 1px solid #dadada;
}

.stores-coming-box .store-logo {
    position: relative;
}

.stores-coming-box .delivery-logo-msg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 70px;
    font-size: 11px;
    text-align: center;
    background-color: #EF6325;
    color: #fff;
    opacity: 0;
    transition: all 0.2s;
}

.stores-coming-box .delivery-logo-msg i {
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 0 auto 10px;
}

.stores-coming-box:hover .delivery-logo-msg {
    opacity: 1;
}

.stores-list-body .search-navigation-wrapper {
    padding: 10px 0;
}

.store-box-description {
    width: calc(100% - 100px);
    padding-left: 20px;
}

.store-box-description-title {
    margin-top: 0;
    margin-bottom: 5px;
}

.store-box-description-title p {
    margin-bottom: 0;
}

.store-box-description-title .store-bd-name {
    display: inline-block;
    max-width: calc(100% - 25px);
    vertical-align: top;
    font-weight: 500;
}

.store-box-description-title .store-bd-name .text-grey {
    white-space: nowrap;
}

.store-box-description-title .link-svg {
    float: right;
    display: inline-block;
    vertical-align: top;
}

.store-box-description-title .link-svg.active svg g {
    fill: #ef6325;
}

.store-box-description-title .link-svg:focus svg g {
    fill: inherit;
}

.store-box-description-title .link-svg.active:focus svg g {
    fill: #ef6325;
}

.store-box-description .store-hours {
    padding-top: 10px;
}

.store-box-description .store-hours p {
    margin-bottom: 0;
}

.store-box-description .tooltip {
    z-index: 80;
}

/*Map view*/

.stores-map-view-wrapper .stores-list-wrapper {
    height: 100%;
}

.stores-map-view-wrapper > .inline-wrapper {
    height: 100%;
}

.stores-map-view-wrapper .stores-list-body {
    height: calc(100% - 162px);
    overflow-y: auto;
}

/*Stores Filters*/

.stores-list-filters {
    position: fixed;
    background-color: #fff;
    width: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 1001;
    padding: 0 30px;
    height: 100vh;
    overflow-y: auto;
}

.filter-blocks-wrapper .filter-block {
    padding: 10px 0;
    border-bottom: 1px solid #dadada;
}

.filter-blocks-wrapper .filter-block:last-child {
    border-bottom: transparent;
    padding-bottom: 0;
}

.stores-list-filters .checkbox-options-wrapper {
    margin: 5px 0;
}

.stores-list-filters .checkbox-wrapper {
    margin: 5px 5px 5px 0;
}

.store-filters-footer {
    border-top: 1px solid #dadada;
    margin: 20px 0;
    padding: 10px 0;
}

/*Stores map*/

.stores-map-wrapper {
    width: calc(100% - 480px);
    height: 100%;
    position: relative;
}

.stores-map-wrapper #stores-map,
.store-map-wrapper #stores-map {
    width: 100%;
    height: 100%;
    min-height: 900px;
}

.store-map-wrapper {
    width: 100%;
    height: 350px;
}

.stores-map-wrapper .flash-messages-wrappper {
    position: absolute;
    right: 20px;
    width: calc(100% - 30px);
    z-index: 100;
}

/*Store infowindow*/

.store-info-infowindow {
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: middle;
}

.stores-coming-infowindow .store-info-infowindow {
    width: 100%;
}

.store-infowindow-description {
    display: inline-block;
    width: calc(100% - 55px);
    vertical-align: top;
    padding: 0 10px;
}

.store-infowindow-description h4 {
    margin-top: 0;
    font-size: 17px;
    display: block;
    width: 130px;
    overflow-x: hidden;
    overflow-y: inherit;
    white-space: nowrap;
    line-height: 1.2;
}

.store-infowindow-link {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}

/*Stores Filters head*/

.stores-filters-head {
    padding: 0;
    width: 100%;
}

.filters-btns-wrapper .box-btn {
    text-transform: uppercase;
    margin: 10px 0;
    padding: 13px 20px;
}

.filters-btns-wrapper .bootstrap-select.btn-group {
    margin-right: 5px;
}

.filters-btns-wrapper .box-btn i {
    color: #EF6325;
}

.filters-btns-wrapper .box-btn.active {
    color: #EF6325;
    border: 1px solid #EF6325;
}

.stores-head-second-col {
    text-align: right;
    padding: 20px 15px 15px;
}

.delivery-types-container .tooltip-container {
    padding-right: 12px;
    color: grey;
}

.filters-store-delivery-type .tooltip-container {
    padding-right: 12px;
    color: grey;
}

.not-shippable-products-info {
    background-color: rgba(255, 0, 0, 0.1);
    padding: 20px 50px;
}

.not-shippable-products-info_text {
    color: #FF0000;
    font-size: 18px;
    line-height: 21px;
    font-weight: 300;
}

#show-not-shippable-products-popup .modal-header {
    padding: 20px;
}

#show-not-shippable-products-popup .old-value {
    color: #4F4F4F;
}

#show-not-shippable-products-popup .modal-content-section {
    padding: 0;
}

#show-not-shippable-products-popup .modal-content {
    border-radius: 12px;
    overflow: hidden;
}

#show-not-shippable-products-popup .right-part {
    margin-left: auto;
    align-self: flex-end;
}

#order-shipping-raw-info-popup .modal-dialog {
    max-width: 630px;
    width: 100%;
}

#order-shipping-raw-info-popup .modal-content {
    max-height: 80vh;
    overflow-y: auto;
}

#order-shipping-raw-info-popup .modal-content tr td:last-child {
    word-break: break-all;
}

#order-shipping-raw-info-popup .modal-footer {
    position: sticky;
    background: #fff;
    bottom: 0;
}

.raw-info-array-val {
    white-space: break-spaces;
}

#show-not-shippable-products-popup .info-wrapper {
    font-weight: 600;
    color: #4f4f4f;
}

.unsupported-items-list {
    height: calc(100vh - 465px);
    overflow: auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    min-height: 200px;
}

.unsupported-item {
    border-bottom: 1px solid #F8F8F8;
    padding: 19px 16px;
}

.unsupported-item_title {
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 500;
}

#show-not-shippable-products-popup .unsupported-item_quantity {
    color: #9CA7B5;
    font-size: 13px;
    line-height: 19px;
    margin-top: 10px;
}

.unsupported_popup-bottom-btns {
    padding-top: 10px;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    width: 99.5%;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.unsupported-item_btn {
    width: 100%;
}

.address-not-defined-popup {
    position: absolute;
    left: 0;
    width: auto;
    max-width: 380px;
    padding: 10px 15px;
    background: #69A443;
    color: white;
    text-align: left;
    line-height: 20px;
    z-index: 2;
    font-size: 13px;
    border-radius: 5px;
    top: calc(100% + 12px);
}

.address-not-defined-popup:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(
            -45deg
    );
    background-color: #69A443;
    top: -5px;
    left: 12px;
}

.stores-filters-head .addresses-dropdown-inner {
    text-align: left;
}

.address-bordered {
    border: 1px solid var(--header-color) !important;
}

.mp-dropdown .location-selected-icon path {
    fill: #EF6325;
}

.mp-categories .btn.dropdown-toggle {
    background: transparent;
    box-shadow: none;
    border: 1px solid #E5E5E5;
    color: #000;
    font-weight: 700;
    height: 40px;
}

.mp-categories .btn.dropdown-toggle:hover,
.mp-categories .btn.dropdown-toggle:focus,
.mp-categories .btn.dropdown-toggle:active {
    color: #000;
}

.form-dropdown-link-wrapper .form-dropdown-toggle.mp-dropdown-toggle {
    padding: 0 12px !important;
    top: 0 !important;
    bottom: 0;
    margin: auto;
    align-items: center;
    display: flex;
}

.stores-filters-head .filters-toggle {
    width: 160px;
}

.filters-toggle-inner {
    white-space: nowrap;
    padding: 12px 0;
}

.filters-toggle-inner .toggle-opt {
    font-size: 14px;
    cursor: pointer;
}

.toggle-opt-left {
    padding-right: 10px;
}

.toggle-opt-right {
    padding-left: 10px;
}

.toggle-delivery-wrapper .toggle-rod {
    background-color: #EF6325;
}

.toggle-delivery-wrapper.toggle-wrapper {
    background-color: #f7f7f7;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.stores-wrapper .promo-msg-wrapper {
    padding: 10px 0;
}

/*Stores sorting*/

.stores-sort-wrapper {
    padding: 10px 0 0;
}

/*Stores cards*/

.stores-cards-wrapper .box-content {
    margin: 0 15px 30px;
    overflow: visible;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 100%;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
}

.store-card-head {
    text-align: center;
    width: 100%;
}

.stores-cards-wrapper .store-box-description {
    width: 100%;
    padding: 5px 15px 15px;
}

.stores-cards-wrapper .store-box-description h5 {
    margin: 0 0 5px;
}

.stores-cards-wrapper .store-card-head .store-card-bg {
    background-color: #f2f2f2;
    width: 100%;
    display: block;
    height: 195px;
    position: relative;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    transition: all 0.2s;
}

.stores-cards-wrapper .store-card-bg .delivery-soon-msg {
    border-radius: 6px 6px 0 0;
}

.stores-cards-wrapper .store-card-head:hover h5 a {
    color: #ef6325;
}

.stores-coming-box .store-card-head .store-box-description-title {
    padding: 15px;
    text-align: left;
}

.store-card-head .store-card-bg::after {
    box-shadow: inset 10px -70px 43px -25px rgba(0, 0, 0, 0.55);
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    content: '';
    z-index: 10;
}

.store-card-head .store-card-bg .store-box-description-title {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 15px;
    text-align: left;
    bottom: 10px;
    color: #fff;
}

.stores-cards-wrapper .store-hours {
    padding: 0;
}

.stores-cards-wrapper .delivery-info-msg {
    margin: 0;
}

.store-map-link {
    margin-top: 10px;
    display: inline-block;
}

/*Map Toggle*/

.map-toggle-btn {
    position: fixed;
    right: 50px;
    bottom: 55px;
    display: block;
    height: 45px;
    width: 45px;
    background-color: #fff;
    color: #ef6325;
    font-size: 25px;
    text-align: center;
    padding-top: 5px;
    z-index: 99;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: all 0.2s;
    outline: none;
}

.map-toggle-btn .fa-th-list {
    font-size: 22px;
}

.stores-map-wrapper {
    height: calc(100vh - 363px);
    min-height: 450px;
}

/*Product page*/

.product-page-wrapper {
    max-width: 1502px;
    margin: 0 auto;
}

.product-page-aside {
    margin-left: 30px;
}

.product-page-aside .slider-arrow {
    height: 30px;
    width: 30px;
}

.product-description-section {
    margin: 30px;
}

.product-description-section h1 {
    font-size: 24px;
}

.product-page-product-discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -20px;
    margin-bottom: 34px;
    font-size: 14px;
    font-weight: 400;
}

.product-page-product-discount img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.product-page-product-discount span {
    padding-top: 2px;
}

.product-page-product-gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -20px;
    margin-bottom: 34px;
    font-size: 14px;
    font-weight: 400;
}

.product-page-product-gift img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.product-page-product-gift span {
    padding-top: 2px;
}

.product-page-product-gift a {
    color: inherit;
    font-weight: bold;
}

.product-page-product-gift a:hover {
    color: #ff6319;
}

.product-page-product-qty {
    white-space: nowrap;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.11);
    border: 1px solid #E9E9E9;
    height: 40px;
    display: inline-block;
    width: auto;
    border-radius: 3px;
}

.product-page-product-qty .product-qty-btn {
    background-color: transparent;
    border: 0;
    padding: 4px 0 0;
    color: #FF6319;
    margin: 3px 0;
    height: 34px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.product-page-product-qty input.form-control {
    padding: 7px 5px 0;
    line-height: 1;
    border: 0;
    background-color: transparent;
    max-width: 50px;
    box-shadow: none;
    height: 34px;
    text-align: center;
    color: #555555;
}

.product-page-product-qty input.form-control:focus {
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.product-page-wrapper .product-cards-wrapper {
    justify-content: flex-start;
    padding: 1px 2px 0;
}

.product-page-wrapper .first-title {
    padding: 0;
}

.product-page-wrapper .dropdown-toggle.btn {
    height: 38px;
    padding: 11px 8px;
}

.product-page-wrapper .btn.icons-wrap {
    padding: 6px 40px 10px;
}

.product-page-wrapper .btn.icons-wrap.btn-primary {
    padding: 10px 40px;
}

.product-to-cart-line .btn-primary {
    margin-left: 15px;
}

.product-to-cart-line .btn-primary i {
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    top: -2px;
}

.product-to-cart-line .btn-primary span {
    display: inline-block;
    vertical-align: middle;
}

.favorite-line-wrapper {
    background-color: #f7f7f7;
    border-radius: 3px;
    padding: 10px;
    margin: 25px 0;
}

.favorite-line-desc img {
    width: 35px;
}

.favorite-line-desc p {
    width: calc(100% - 40px);
    padding-left: 15px;
    font-size: 13px;
    color: #505050;
    max-width: 130px;
    margin-bottom: 0;
}

.favorite-line-wrapper .dropdown {
    text-align: right;
}

.modal .panel-new-group {
    padding: 0 15px;
}

.panel-new {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
}

.panel-new-group {
    padding: 0 50px;
}

.panel-new-group .panel-new-title a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    cursor: pointer;
}

.panel-new-group .panel-new-title a i {
    font-size: 24px;
    transform: rotate(180deg);
    transition: 0.3s;
}

.panel-new-group .panel-new-body {
    border: none;
}

.panel-new-group .panel-new-title a.collapsed i {
    transform: rotate(0);
}

.sale-apply {
    padding: 50px 50px 20px;
}

.sale-apply .title-wrapper {
    justify-content: space-between;
}

.sale-apply .view-all {
    position: relative;
    display: block;
    color: #ef6325;
    margin-bottom: -20px;
    text-align: right;
    z-index: 1;
    cursor: pointer;
}

.sale-apply .view-all i {
    font-size: 20px;
    margin-left: 10px;
}

.sale-apply .item-wrapper > div {
    width: 25%;
    display: flex;
}

/*Profile*/

.profile-pic {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #fff;
    letter-spacing: normal;
    vertical-align: middle;
}

.profile-pic-modal {
    height: 200px;
    width: 200px;
    margin-top: 22px;
    background-color: #fff;
    position: relative;
    border-radius: 100%;
}

.profile-nopic-modal {
    background-color: #f8f8f8;
    background-image: var(--default-image-placeholder);
    background-position: center center;
    background-size: 40%;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.profile-pic-modal:hover .upload-img {
    opacity: 1;
    z-index: 99;
    border-radius: 6px;
}

.profile-pic-modal:hover .upload-img,
.profile-pic-modal .upload-img {
    border-radius: 100%;
}

/*Customer profile*/

.table-customer-orders .product-pics-wrapper {
    margin: 5px 0;
}

.table-customer-orders .order-price span {
    display: block;
}

.table-customer-orders .td-delivery-time p {
    font-size: 14px;
}

.table-customer-orders .td-delivery-time .label {
    margin: 5px 0;
}

.td-delivery-time .label {
    white-space: normal;
}

.btns-icons-wrapper {
    text-align: center;
    white-space: nowrap;
}

.btns-icons-wrapper .btn {
    margin: 5px;
}

.btns-icons-wrapper .btn svg {
    margin-right: 0;
    display: inline-block;
}

.btns-icons-wrapper .btn.btn-transparent svg {
    height: 12px;
}

.noproduct-pic-wrapper {
    text-align: center;
    font-size: 24px;
    height: 40px;
}

/*addresses*/

.box-inline-wrapper .box-content {
    margin: 15px;
    height: calc(100% - 30px);
    min-height: 150px;
    position: relative;
    padding-bottom: 10px;
}

.box-inline-wrapper .action-links-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
}

.address-card {
    padding-top: 5px;
}

.address-card p {
    margin-bottom: 5px;
}

.address-card .icons-wrap i {
    margin-right: 5px;
}

/*Actions wrapper*/

.action-links-wrapper {
    display: block;
    font-size: 13px;
    padding: 10px;
}

.action-links-wrapper a {
    padding: 5px;
    vertical-align: middle;
}

.action-links-wrapper a:not(:last-child):after {
    display: inline-block;
    width: 1px;
    height: 12px;
    content: '';
    background-color: #000;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -2px;
}

.action-links-inline a {
    padding: 0px 5px;
    vertical-align: top;
    height: 23px;
    display: inline-block;
    font-size: 20px;
}

.action-links-grey a {
    color: #cfcfcf;
}

.action-links-inline a i.fa-file {
    position: relative;
    top: 1px;
}

.action-links-inline a:not(:last-child) {
    margin-right: 15px;
}

.action-links-inline .flex-xs-4 a {
    margin: 0 5px;
}

.action-links-grey a:hover,
.action-links-grey a:focus:hover,
.action-links-grey a:focus {
    color: #ef6325;
}

.action-links-inline .fa-trash-o {
    color: #e95556;
}

.action-links-inline .fa-upload {
    color: #00be70;
}

.action-links-inline .fa-pencil-square {
    color: #7F7F7F;
}

/*Tracking order form*/

.delivery-status-wrapper {
    padding: 0 20px;
    text-align: center;
    min-width: 180px;
    color: #7F7F7F;
}

.delivery-status-wrapper .icon-round-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #C3C3C3;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin: 0 auto;
}

.delivery-status-wrapper .icon-round-wrapper img {
    max-height: 100%;
    max-width: 100%;
}

.delivery-status-wrapper.active .icon-round-wrapper {
    background-color: #00BE70;
}

.delivery-status-wrapper.active {
    color: #000;
}

.delivery-status-wrapper i {
    font-size: 34px;
    color: #fff;
}

.delivery-status-wrapper .delivered {
    display: none;
}

.delivery-status-wrapper.active .delivered {
    display: block;
}

.delivery-status-wrapper.active .disabled {
    display: none;
}

.delivery-status-canceled.active {
    color: #000;
}

.delivery-status-canceled.active .icon-round-wrapper {
    background-color: #d0021b;
}

.order-info-text-block {
    margin-bottom: 10px;
}

.order-info-text-block span.text-small {
    display: block;
    margin-bottom: 3px;
}

/*Contact page*/

.soc-links-wrapper a:not(:first-child) {
    margin-left: 15px;
}

.soc-links-wrapper .icons-wrap span {
    vertical-align: top;
}

.contact-info-line {
    margin-bottom: 15px;
}

.contact-info-line i {
    vertical-align: middle;
    min-width: 35px;
    text-align: center;
    border: 1px solid #DADADA;
    background-color: #DADADA;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px;
}

.contact-info-line a span {
    max-width: calc(100% - 46px);
}

.wide-map-wrapper {
    padding: 0;
}

.wide-map-wrapper iframe {
    width: 100%;
    height: 100%;
    min-height: 420px;
    display: block;
}

/*Faq*/

.faq-box-wrapper > img {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    margin-right: 20px;
    margin-top: 20px;
}

.faq-box-wrapper > i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 20px;
    font-size: 112px;
    color: #ef6325;
    width: 120px;
}

.faq-box-wrapper.inline-wrapper .faq-description {
    display: inline-block;
    width: calc(100% - 140px);
    vertical-align: top;
}

.right-info-box .link-primary i {
    white-space: nowrap;
}

.box-calltoaction-wrapper h3 {
    padding-top: 7px;
}

/*Tabs Drag & Drop*/

.ui-sortable {
    padding: 0;
    margin: 0;
    width: 580px;
    max-width: 100%;
}

.ui-sortable li {
    display: block;
    list-style: none;
    margin: 5px 0;
}

.add-new-btn a:before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.7778C9.65682e-08 6.22552 0.447715 5.7778 1 5.7778L13 5.7778C13.5523 5.7778 14 6.22552 14 6.7778C14 7.33009 13.5523 7.7778 13 7.7778L1 7.7778C0.447715 7.7778 -9.65609e-08 7.33009 0 6.7778Z' fill='%23EF6425'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.22241 0C7.7747 2.41411e-08 8.22241 0.447715 8.22241 1L8.22241 13C8.22241 13.5523 7.7747 14 7.22241 14C6.67013 14 6.22241 13.5523 6.22241 13L6.22241 1C6.22241 0.447715 6.67013 -2.41411e-08 7.22241 0Z' fill='%23EF6425'/%3E%3C/svg%3E%0A");
}

.banner-section-wrapper .ui-sortable {
    position: relative;
    width: auto;
}

.banner-sortable-item {
    white-space: nowrap;
}

.banner-sortable-item a:before {
    content: "";
    width: 9px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23828282'/%3E%3Ccircle cx='1.5' cy='7.5' r='1.5' fill='%23828282'/%3E%3Ccircle cx='1.5' cy='13.5' r='1.5' fill='%23828282'/%3E%3Ccircle cx='7.5' cy='1.5' r='1.5' fill='%23828282'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5' fill='%23828282'/%3E%3Ccircle cx='7.5' cy='13.5' r='1.5' fill='%23828282'/%3E%3C/svg%3E%0A");
    display: inline-block;
    margin-right: 8px;
}

.banner-sortable-item a {
    display: flex !important;
    align-items: center;
}

.ui-sortable li .content-collapse-tab {
    padding: 5px 10px;
    cursor: move;
    border: 1px solid #dadada;
    background-color: #f8f8f8;
    border-radius: 2px;
    position: relative;
}

.collapse-content-body {
    padding: 15px;
    border: 1px solid #dadada;
    border-radius: 0 0 2px 2px;
    border-top: 0;
    margin-top: -1px;
}

/*Footer*/

.page-main-wrapper .content-footer {
    padding-top: 10px;
    background-color: #fff;
}

.footer-menu {
    border-bottom: 1px solid #dddddd;
}

.content-footer ul {
    padding: 20px 5px 20px;
    margin: 0;
}

.content-footer ul.dropdown-menu-language {
    padding: 8px 0;
}

.content-footer ul.dropdown-menu-language li {
    width: 100%;
    padding: 0;
}

.content-footer ul.dropdown-menu-language li.active a{
    color: #000;
    background-color: #f8f8f8;
}

.content-footer ul.dropdown-menu-language li span{
    margin: 0;
}

.content-footer ul.dropdown-menu-language li a {
    padding: 9px 16px;
}

.content-footer .container-fluid-md ul {
    padding: 20px 0;
}

.content-footer li {
    list-style: none;
    display: inline-block;
    padding-bottom: 5px;
}

.content-footer li:not(:last-child) {
    padding-right: 20px;
}

.content-footer ul.soc-icons {
    padding: 15px 5px;
}

.content-footer ul.soc-icons a:not(:hover) {
    color: var(--footer-link-color);
}


.content-footer .container-fluid-md ul.soc-icons {
    padding: 15px 0;
}

.soc-icons a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

.soc-icons a span {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 4px 0 0 5px;
}

.footer-copyright p {
    text-align: right;
    padding: 15px 5px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.footer-copyright .text-grey {
    color: #505050;
}

/*Edit product slider*/

.product-slider-wrapper {
    margin-bottom: 40px;
}

.product-slider-wrapper:before {
    content: '';
    display: block;
    width: 50px;
    margin: 20px auto;
    height: 3px;
    background-color: #2E1E39;
}

.product-slider-wrapper .carousel {
    border-radius: 4px;
}

.product-pic-slider {
    width: 100%;
    height: 350px;
    margin: 0;
    padding: 0;
}

.carouse-controls-wrapper {
    text-align: right;
}

.carouse-controls-wrapper a {
    padding: 9px 0 11px;
    text-align: center;
    font-size: 25px;
    width: 45px;
    line-height: 25px;
    background-color: #fff;
}

.show-image-btn {
    font-size: 14px;
    padding: 0 4px;
    color: #7F7F7F;
}

.additional-product-image .upload-btn {
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
}

.additional-product-image .upload-btn > * {
    vertical-align: middle;
}

.additional-product-image .upload-btn span {
    padding-left: 10px;
}

.additional-product-image .product-pic {
    display: block;
    margin-bottom: 15px;
}

.product-slider-img-controls {
    padding: 5px;
}

.product-slider-img-controls .flex-wrapper {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}

.slider-img-control {
    display: block;
    padding: 16px 20px;
    text-align: center;
    border: 1px solid #dadada;
    font-size: 14px;
    cursor: pointer;
}

.slider-img-update {
    border-radius: 6px 0 0 6px;
    border-color: #dadada;
    border-width: 0px;
}

.slider-img-delete {
    border-radius: 0 6px 6px 0;
    border-color: #dadada;
    border-width: 0px 0 0px 1px;
}

/*Go to top button */

.go-to-top-btn {
    position: fixed;
    right: 50px;
    bottom: 35px;
    display: block;
    height: 45px;
    width: 45px;
    background-color: #ef6325;
    color: #fff;
    background-image: url(../img/scroll-arrow-to-up.svg);
    background-size: 15px;
    z-index: 99;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: all 0.2s;
    outline: none;
}

.go-to-top-btn.visible {
    opacity: 0.85;
}

.go-to-top-btn:hover {
    opacity: 1;
}

/*Promo Pages*/

.page-wrapper-promo {
    background-color: rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    height: 100vh;
    text-align: center;
}

.page-wrapper-promo .header {
    background-color: transparent;
    box-shadow: none;
}

.promo-content-wrapper {
    padding: 20vh 15px;
}

.promo-content-wrapper p {
    padding: 10px 0 20px;
}

.content-partner-stores {
    margin-top: 10px;
    background-color: white;
}

td.details-control {
    background: url('/img/icon-details-open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/img/icon-details-close.png') no-repeat center center;
}


/* GIFTS POPUPS */
.product-gift-info-tip {
    position: absolute;
    z-index: 9999;
    display: none;
    width: 340px;
    height: 100px;
    padding: 13px 120px 13px 20px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
    background: #ffffff;
}

.product-gift-info-tip-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.product-gift-info-tip-title img {
    display: none;
    margin-right: 10px;
    vertical-align: top;
}

.product-gift-info-tip-desc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.product-gift-info-tip-pcs {
    font-size: 13px;
    color: #7f7f7f;
}

.product-gift-info-tip-image {
    position: absolute;
    top: 5px;
    right: 30px;
}

.product-gift-info-tip-image img {
    display: inline-block;
    width: 90px;
    height: auto;
    vertical-align: top;
}

.product-gift-info-tip-cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}


.product-gift-info-popup .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 340px;
    transform: translate(-50%, -50%) !important;
}

.product-gift-info-popup .modal-header {
    padding: 15px 20px 0;
    border-bottom: 0;
}

.product-gift-info-popup .modal-header h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    letter-spacing: -1px;
}

.product-gift-info-popup .modal-header h3 img {
    margin-left: 10px;
}

.product-gift-info-popup .modal-body {
    padding: 5px 20px 10px;
}

.product-gift-info-popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-gift-info-popup-data {
    flex: 1 1 auto;
    min-width: 0;
}

.product-gift-info-popup-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.product-gift-info-popup-pcs {
    margin-bottom: 10px;
    color: #7f7f7f;
    font-size: 12px;
}

.product-gift-info-popup-button .btn-primary {
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 200;
    border-radius: 3px;
}

.product-gift-info-popup-image img {
    display: inline-block;
    width: 90px;
    height: auto;
    vertical-align: top;
}

.product-quantity-gift-info {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 100;
    display: none;
    width: 190px;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
    background: #ffffff;
}

.product-quantity-gift-info-title {
    margin-bottom: 10px;
    font-weight: 600;
}

.product-quantity-gift-info-title span {
    position: relative;
    display: inline-block;
}

.product-quantity-gift-info-title img {
    position: absolute;
    top: 2px;
    right: -24px;
}

.product-quantity-gift-info-image {
    margin-bottom: 10px;
}

.product-quantity-gift-info-image img {
    display: inline-block;
    width: 90px;
    vertical-align: top;
}

.product-quantity-gift-info-desc {
    margin-bottom: 8px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.2;
}

.product-quantity-gift-info-pcs {
    margin-bottom: 10px;
    color: #7f7f7f;
    font-size: 13px;
}

.product-quantity-gift-info-button .btn-primary {
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 200;
    border-radius: 3px;
}

.daterangepicker {
    max-width: 506px !important;
}

.slug-wrapper .form-control {
    display: inline-block;
    max-width: calc(100% - 60px);
    margin-left: 4px;
}

.old-ver-note {
    padding: 20px 0;
}

.old-ver-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: #FDF9F0;
    border: 1px solid #DDE0E7;
    border-left: 2px solid #EF6325;
}

.old-ver-block p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#tips .modal-header {
    position: relative;
}

#tips .modal-header .close {
    position: absolute;
    right: 15px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
}

#tips .modal-title {
    width: max-content;
    margin: auto;
    padding: 0 15px;
}

#tips .modal-body {
    padding: 15px 30px;
}

#tips .modal-body ul {
    padding: 0;
    list-style-position: inside;
}

#tips .modal-body form {
    margin-top: 30px;
}

#tips .modal-body form .item-wrapper {
    flex-wrap: wrap;
    margin-top: 15px;
    padding-bottom: 15px;
}

#tips .modal-body form .item-wrapper:not(:last-of-type) {
    border-bottom: 1px solid #e3e3e3;
}

#tips .modal-body form .item-wrapper input[type="radio"] {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
    border: 1px solid #ef6325;
    border-radius: 50%;
    cursor: pointer;
}

#tips .modal-body form .item-wrapper input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #ef6325;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

#tips .modal-body form .item-wrapper input[type="radio"] ~ .custom-field {
    display: none;
    width: 100%;
    margin: 10px 0 0 26px;
}

#tips .modal-body form .item-wrapper input[type="radio"] ~ .custom-field input {
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
}

#tips .modal-body form .item-wrapper input[type="radio"]:checked ~ .custom-field {
    display: flex;
    width: 150px;
    border: 1px solid #ef6325;
    border-radius: 5px;
    overflow: hidden;
}

#tips .modal-body form .item-wrapper input[type="radio"] ~ .custom-field:before {
    position: relative;
    margin: 0 5px;
}

#tips .modal-body form .item-wrapper label {
    font-size: 16px;
    font-weight: 300;
    flex: 1;
    margin: 0;
    cursor: pointer;
}

#tips .modal-body form .item-wrapper.custom-amount label {
    min-width: 50%;
}

#tips .modal-footer {
    padding: 15px;
    text-align: center;
}

#tips .modal-footer .btn {
    width: 200px;
}

.password-validation {
    position: absolute;
    top: calc(100% + 10px);
    left: 50px;
    right: 50px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    z-index: 9;
}

.password-validation:after, .password-validation:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.password-validation:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.password-validation:before {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-width: 11px;
    margin-left: -11px;
}

password-validation p {
    font-family: "Museo sans cyrl", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.password-validation span {
    font-family: "Museo sans cyrl", Helvetica, Arial, sans-serif;
    font-size: 12px;
    display: block;
    padding: 5px 0;
}

.password-validation span:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
}

.password-validation span.fa-check {
    color: green;
}

.password-validation span.fa-times {
    color: red;
}

.fixed {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    max-height: calc(100% - 119px);
    height: 100%;
    background-color: #fff;
    z-index: 9;
    overflow: auto;
}

.mp-header .fixed {
    top: 60px;
}

#sign-in-popup .box-information-msg {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 15px 15px;
}

.guest-message {
    display: none;
    text-align: center;
    color: var(--main-color);
    margin-bottom: 16px;
    padding: 0 24px 12px;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #E8E8E8;
}

.store-search-results {
    max-height: 400px;
    overflow-y: scroll;
}

label input[type=radio].shippingRadio:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #555;
    border-radius: 50%;
    cursor: pointer;
}

label input[type=radio].shippingRadio:after {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: var(--main-color);
    border-radius: 50%;
    cursor: pointer;
}

input[type=radio].shippingRadio:checked:after {
    content: '';
}

input[type=radio].shippingRadio:checked:before {
    border-color: var(--main-color);
}

.options-title {
    margin: 12px 0 4px 0;
    text-transform: uppercase;
}

.shipping-option-container {
    margin: 4px 15px;
    padding: 20px 15px;
    border: 1px solid #EAEBF0;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s linear;
}

.shipping-overlay {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-color: rgba(255, 255, 255, 0);
    cursor: no-drop;
    z-index: -1;
    transition: 0.3s;
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px var(--main-color) solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.shipping-overlay.active {
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1;
}

.shipping-option-container.active {
    border-color: var(--main-color);
    background-color: rgba(var(--main-color-rgb), 0.2);
}

.shipping-option-container .logo {
    max-width: 44px;
    width: 100%;
    margin: 0 12px;
    object-fit: contain;
}

.shipping-option-container .date {
    font-size: 14px;
    font-weight: 400;
}

.shipping-option-container .price {
    margin: 0 0 0 10px;
    white-space: nowrap;
}

.shipping-option-label-container {
    position: relative;
    width: 20px;
}

.shipping-option-container input[type=radio] {
    width: 100%;
    height: 100%;
    border: none;
}


.mode-button {
    font-size: smaller;
    color: white;
    padding: 3px 3px 3px 3px;
    height: auto;
    border-radius: 5px;
    background-color: #EF6325;
    text-align: center;
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 5px;
}

/*                          Product Slider                     */
.product-slider.lb-each-switch-wrapper {
    border-top: 1px solid lightgrey;
    width: 100%;
}


.product-slider.lb-each-switch-wrapper button {
    font-size: smaller;
    background-color: white;
    margin: 4% 2% 4% 2%;
    padding: 3px 3px 3px 3px;
    width: 46%;
    height: auto;
    border-radius: 5px;
    border: none;
}

.product-slider.lb-each-switch-wrapper button.selected {
    background-color: #EF6325;
    color: white
}

/*                         Checkout Cart                         */

.checkout-cart-switch.lb-each-switch-wrapper {
    border-radius: 4px;
    border: 1px solid lightgrey;
    width: 92px;
    margin-left: auto;
    height: 32px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.checkout-cart-switch.lb-each-switch-wrapper button {
    font-size: 11px;
    background-color: white;
    border: none;
    border-radius: 2px;
    padding: 3px;
    width: calc(50% - 5px);
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.checkout-cart-switch.lb-each-switch-wrapper button.selected {
    background-color: #EF6325;
    color: white
}

.checkout-product-price .product-card-qty.inline-wrapper {
    margin-bottom: 5px;
}

/*                          Product Popup                        */

.product-info.lb-each-switch-wrapper {
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    max-width: 120px;
    height: 34px;
    margin-left: 15px;
    width: 100%;
    display: inline-flex;
    padding: 3px;
}

.d-inline {
    display: inline;
}

.product-info.lb-each-switch-wrapper button {
    font-size: smaller;
    background-color: white;
    width: calc(100% - 5px);
    border: none;
    border-radius: 2px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-info.lb-each-switch-wrapper button.selected {
    background-color: #EF6325;
    color: white
}

/*                   Product Page                   */

.product-page.lb-each-switch-wrapper {
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    width: 160px;
    height: inherit !important;
    margin-left: 15px;
}

.product-page.lb-each-switch-wrapper button {
    font-size: smaller;
    background-color: white;
    width: 42%;
    border: none;
    border-radius: 2px;
    margin: 4% 4% 4% 4%;
    padding: 3px 3px 3px 3px;
    height: auto;
}

.product-page.lb-each-switch-wrapper button.selected {
    background-color: #EF6325;
    color: white
}

/*      Product Popup Info With Modificaiton        */

.product-info-modification.lb-each-switch-wrapper {
    border-radius: 4px;
    border: 1px solid var(--main-color);
    width: 170px;
    height: 60px;
    margin-left: 15px;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    font-size: 21px;
}

.product-info-modification.lb-each-switch-wrapper button {
    font-size: smaller;
    background-color: white;
    border: none;
    border-radius: 2px;
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #828282;
}

.product-info-modification.lb-each-switch-wrapper button.selected {
    background-color: var(--main-color);
    color: white
}

.location-icon-filled {
    fill: var(--delivery-buttons-color);
}

.location-icon-stroked {
    stroke: var(--delivery-buttons-color);
}

.product-slider.lb-each-switch-wrapper button:focus {
    outline: 0;
}

.product-info.lb-each-switch-wrapper button:focus {
    outline: 0;
}

.checkout-cart.lb-each-switch-wrapper button:focus {
    outline: 0;
}

.product-page.lb-each-switch-wrapper button:focus {
    outline: 0;
}

#create-products-list-popup {
    z-index: 100001 !important;
}

@media (max-width: 600px) {
    .modification-product-image-wrapper + .product-details-tags-container {
        margin-bottom: 25px;
    }

    .product-card-wrapper .product-card-qty .form-control {
        vertical-align: super;
    }

    .product-page.lb-each-switch-wrapper {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .card-product-price-block.text-right.has-switch .cart-products-qty {
        width: 70%;
    }

    .card-product-price-block.text-right.has-switch .cart-products-qty .product-qty-btn:nth-child(3) {
        border-left: 0;
        border-radius: 0 4px 4px 0;
    }

    .card-product-price-block.text-right.has-switch .cart-unit-price {
        width: 30%;
    }
}

@media (max-width: 480px) {
    #tagFiltersMobile .filter-option.pull-left,
    .mobileTags .filter-option.pull-left {
        position: absolute;
    }

    #tagFiltersMobile .dropdown-menu.inner li .text,
    .mobileTags .dropdown-menu.inner li .text{
        color: #3C4D5F;
        margin-right: unset;
    }


    .search-backdrop {
        display: none !important;
    }

    #product-search #search-input-wrapper {
        padding: 8px 16px;
    }

    .fixed #search-input-wrapper > input {
        border: 1px solid #9CA7B5;
        border-radius: 4px;
    }

    .fixed #search-input-wrapper > input:focus {
        box-shadow: none;
    }

    .fixed #search-input-wrapper {
        padding: 8px 16px;
    }

    .fixed .btn-svg {
        display: none;
    }

    .fixed .fa-angle-left {
        left: 25px !important;
    }
}

/* cart suggestions stylesheet */

#suggestions .product-card-wrapper {
    width: 136px;
    margin: 24px auto 0 auto;
}

.tags-more-btn {
    display: none;
}

.tags-collapse-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tags-more-btn > a {
    margin-top: 7px;
    margin-left: 0 !important;
}

.tags-more-btn > a:focus {
    outline: none;
}

#suggestions .cart-suggestion-item > div {
    width: 100%;
}

#suggestions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 21px 0;
    position: relative;
}


#suggestions .product-card-wrapper .product-card-description > p.h5 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#suggestions .product-card-wrapper .product-card-description > p.h5 .sale-value,
#suggestions .product-card-wrapper .product-card-description > p.h5 span:nth-child(3) {
    order: -1;
}

#suggestions .product-card-wrapper .product-card-description > p.h5 .old-value {
    text-align: center;
}

#suggestions .product-card-wrapper .product-card-description > p.h5 .sale-value {
    font-size: 14px;
}

#suggestions .product-card-wrapper .product-card-description > p.h5 .text-primary {
    margin-left: 3px;
}

#suggestions .product-card-wrapper .product-card-description > p.h5 span {
    margin-top: 3px;
}

#suggestions:before {
    position: absolute;
    height: 30px;
    background: #F8F8F8;
    border-bottom: 1px solid #D9D9D9;
    content: "";
    width: 100%;
    left: 0;
    top: 0;
}

.suggestions-show-more {
    flex-basis: 100%;
    margin-top: 24px;
}

.suggestions-header {
    flex-basis: 100%;
    margin-top: 25px;
    color: #141618;
    font-weight: 600;
    padding-left: 20px;
    word-break: break-all;
}

.product-popup {
    z-index: 100000;
}

#start-new-cart-popup {
    z-index: 100001;
}

.ml-0 {
    margin-left: 0;
}

.order-payment-customer-first-name .iti__selected-flag {
    pointer-events: none;
}

.order-payment-price-units {
    border-radius: 4px;
    width: 42px;
    height: 24px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 20px;
}

li.disabled-delivery-type-new-order {
    pointer-events:none;
}

li.disabled-delivery-type-new-order a {
    color: grey;
}

.unverified-buttons{
    margin-top: 30px;
    text-align: right;
}

.unverified-close-icon{
    position: relative;
    width: max-content;
    margin-left: auto;
    padding: 0 5px;
}

.locationMapModal {
    z-index: 9999;
    overflow: visible !important;
    background: #0000006e;
}

.locationMapModal .modal-dialog {
    background-color:white;
    overflow-y: auto;
    max-width: 960px;
    width: 100%;
    border-radius: 8px;
    max-height: 75vh;
    margin-left: auto;
    margin-right: auto;
}

.locationMapModal .map-container {
    max-height: calc(75vh - 214px);
}

.locationMapModal .modal-dialog .modal-body {
    padding: 0;
}

.locationMapModal .modal-content {
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow:none;
    -box-shadow:none;
    border:none;
    border-radius:none;
}

.pac-container, .ant-tooltip-inner{
    z-index: 9999;
}

.pac-target-input:focus {
    border: 1px solid rgb(29, 37, 80);
}

.ant-tooltip-inner{
    display: none;
}

.modal-open .ant-tooltip-inner{
    display: block;
}

.modal-open {
    padding-right: 0 !important;
}

#LocationMapStatic {
    height: 260px;
}

#LocationMapDynamic {
    height: 74vh;
}

#locationMapModal {
    padding-right: 0 !important;
}

/*#LocationMapDynamic > div {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

#product-search .info-wrapper {
    color: #1F2C3A;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    #product-search .row-link .quantity-wrapper.active {
        width: 108px;
        height: 32px;
        padding: 0;
    }

    .search-dropdown-wrapper .row-link {
        padding: 8px 10px;
    }

    .search-dropdown-wrapper {
        max-height: calc(100vh - 195px);
    }

    #product-search .product-pic {
        filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
        border-radius: 4px;
        width: 80px;
        height: 80px;
    }

    #product-search .quantity input {
        padding-left: 0 !important;
    }

    #product-search .product-description p, #product-search .info-wrapper {
        color: #000000;
    }

    #product-search .product-description p {
        margin-top: 15px;
        font-weight: unset;
        font-size: 16px;
        word-break: break-all;
    }

    .btn-pending {
        font-size: 13px;
    }
}

[role="search-results"].theme_3 .row-link .quantity-wrapper.active {
    padding: 0;
    height: 32px;
    border: 1px solid var(--main-color);
}

[role="search-results"].theme_3 .row-link .quantity-wrapper .minus-wrapper,
[role="search-results"].theme_3 .row-link .quantity-wrapper .plus-wrapper {
    background: var(--main-color);
    border-radius: 4px;
    width: 32px;
    height: 32px;
    color: #fff;
}

[role="search-results"].theme_3 .row-link .quantity-wrapper .minus,
[role="search-results"].theme_3 .row-link .quantity-wrapper .plus {
    background-color: #fff;
}

.search-fixed-top {
    position: fixed;
    top: 0;
    z-index: 15;
}

#close-nutrition {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
}

.product-discount-tooltip {
    background: rgb(255, 255, 255);
    position: absolute;
    color: rgb(60, 77, 95);
    font-size: 18px;
    left: 0;
    bottom: -32px;
    border-radius: 5px;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    transform: scale(0);
    transform-origin: left center;
    box-shadow: rgba(0, 0, 0, 0.15) 0 2px 4px;
    min-width: 90px;
    text-align: center;
}

.product-discount-tooltip:after {
    width: 0;
    content: "";
    position: absolute;
    top: -5px;
    left: 15px;
    margin: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgb(255, 255, 255);
    border-radius: 5px;
}

#special-instructions-modal .modal-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    font-weight: bold;
    position: relative;
    padding: 16px;
    font-size: 16px;
}

#special-instructions-modal .instructions-modal-close-button {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    color: #CCCCCC;
    font-size: 25px;
    font-weight: 600;
    font-family: none;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#special-instructions-modal .modal-dialog {
    max-width: 434px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#special-instructions-modal .modal-body {
    padding: 16px;
}

#special-instructions-modal textarea {
    height: 80px;
    resize: none;
}

#special-instructions-modal .instructions-footer {
    padding-top: 16px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 16px;
    position: relative;
}

#special-instructions-modal .instructions-footer button {
    min-width: 85px;
}

#special-instructions-modal .instructions-footer:before {
    content: "";
    position: absolute;
    top: 0;
    background: #E5E5E5;
    height: 1px;
    width: calc(100% + 32px);
    left: -16px;
}

#special-instruction-content {
    line-height: 21.79px;
    margin: 5px 0;
    word-break: break-word;
}


#special-instruction-content.truncated {
    max-height: 87px;
    overflow: hidden;
}

.show-instructions {
    position: absolute;
    bottom: 3px;
    right: 0;
    padding-left: 5px;
    background: #fff;
    align-items: center;
    display: none;
}

a[data-target="#special-instructions-modal"] {
    padding: 9px 8px;
}

.show-instructions,
.hide-instructions {
    color: var(--main-color);
    cursor: pointer;
}

.hide-instructions {
    display: none;
}

#cloned {
    position: absolute;
    opacity: 0;
    line-height: 21.79px;
    left: 0;
    top: 0;
}