html,
body {
    height: 100%;
}

body {
    position: relative !important;
    font-family: "Assistant", sans-serif !important;
    --ac-button-color: #7d7d7d;
    --active-color: #565e64;
    --title-backgroud-color: #41464b;
    --message-backgroud-color: #42464b;
    --ac-content-color: rgba(61, 65, 76, 0.7);
    --ac-cart-color: rgba(61, 65, 76, 0.7);
}

body,
button,
input,
select,
textarea {
    font-family: "Assistant", sans-serif !important;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type="number"] {
    -moz-appearance: textfield;
}

#masthead {
    display: none;
}

#billing_country_field {
    display: none !important;
}

.storefront-breadcrumb {
    display: none;
}

.site-footer {
    display: none;
}

.hidden {
    display: none;
}

.product-choice {
    padding: 10px;
}

.product-choice .rc-choice {
    margin: 0 5px 10px 5px !important;
}

.hentry .entry-content a {
    text-decoration: none !important;
}

.input-suffix {
    width: fit-content;
    position: absolute;
    left: 30px;
    top: 10px;
}

.address-input {
    position: relative;
    width: 65%;
}

.rc-quantity-container {
    width: 180px;
}

.rc-quantity-container input {
    text-align: center;
}

#rc-quick-view-modal .modal-footer>div {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media only screen and (max-width: 1024px) {
    .address-input {
        width: 100%;
    }
}

.woocommerce-mini-cart.cart_list.product_list_widget dl.variation dd,
.woocommerce-mini-cart.cart_list.product_list_widget dl.variation dd p,
.woocommerce-mini-cart.cart_list.product_list_widget dl.variation dd hr {
    margin-bottom: 0 !important;
}

.woocommerce-mini-cart .dashicons {
    text-decoration: none !important;
}

.rc-cart-update-btn:hover {
    cursor: pointer;
}

/* .remove.remove_from_cart_button {
    top: 3em !important;
}
 */

.edit-cart-item {
    position: absolute;
    top: 1em;
    right: 0;
    opacity: 1;
}

.woocommerce.widget_shopping_cart .cart_list li {
    padding: 5px 0 5px 0;
}

.woocommerce-mini-cart__buttons.buttons a {
    color: white !important;
    text-decoration: none !important;
}

dl.variation {
    padding-right: 10px;
}

.rc-cart-buttons a {
    width: auto;
    padding-left: 10px;
}

.rc-cart-buttons a:hover {
    cursor: pointer;
}

.rc-cart-buttons {
    width: 90px;
}

.rc-cart-end {
    width: 115px;
}

.rc-cart-start {
    flex-direction: row;
    display: flex;
}

.opening-hours:hover,
.delivery-description:hover,
.future-delivery-description:hover {
    cursor: pointer;
}

.header-widget-region .col-full {
    max-width: 100% !important;
    padding: 0 !important;
}

.header-widget-region .col-full .widget.widget_text,
.header-widget-region .col-full .widget.widget_block {
    padding: 0 !important;
}

.rc-menu-container {
    display: flex;
    position: relative;
    flex-direction: row;
}

.rc-menu>div {
    padding-right: 10px;
    padding-left: 10px;
}

.rc-menu-categories {
    flex: 0 0 140px;
    display: flex;
}

#cat-list {
    position: fixed;
    width: 120px;
}

.rc-menu-products {
    flex: 0 0 50%;
    display: flex;
}

.rc-menu-product {
    padding-left: 10px;
}

.rc-menu-product .card-title {
    font-weight: bold;
}

.rc-product-price {
    font-size: 20px;
    font-weight: normal;
}

.rc-menu-cart {
    width: 370px;
}

.rc-mini-cart-content {
    width: 350px;
    position: fixed;
    background-color: var(--ac-cart-color);
    padding: 15px 20px 20px 20px;
}

.rc-mini-cart .woocommerce-mini-cart-item {
    background-color: white;
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 5px;
}

.rc-mini-cart .woocommerce-mini-cart-item,
.rc-mini-cart .woocommerce-mini-cart-item a {
    color: black !important;
}

.rc-menu-categories>div a {
    margin-bottom: 10px;
    font-size: 20px;
    background-color: #e4e2e4;
}

.rc-menu-category {
    background-color: var(--title-backgroud-color);
    padding: 10px !important;
    margin-bottom: 5px !important;
}

.rc-product-image {
    max-height: 130px;
}

.rc-product-image img {
    object-fit: contain;
    height: 100% !important;
    width: 100% !important;
}

.rc-menu-category h4 {
    color: white !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 2em;
}

.rc-menu {
    margin-top: 60px;
    padding-top: 10px;
}

.rc-cart-bootom-buttons {
    color: white !important;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}

.rc-cart-bootom-buttons h4 {
    margin: 0;
    color: white !important;
    font-size: 20px;
    margin-bottom: 10px;
}

.rc-cart-bootom-buttons span {
    font-size: 20px;
}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */

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

/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.woocommerce-mini-cart__empty-message {
    color: white;
}

.rc-top-picture img {
    max-height: 150px;
    max-width: 300px;
    object-fit: contain;
}

.rc-menu-picture img {
    max-width: 100%;
    height: 150px;
    object-fit: contain;
    margin: 0 auto;
}

#availability-checker a.active.nav-link {
    background-color: var(--active-color) !important;
}

#availability-checker .address-input {
    margin: 0 auto;
}

#availability-checker .nav-pills {
    margin-bottom: 0 !important;
    width: 100%;
    margin: 0;
}

#availability-checker .nav-pills .nav-link {
    font-size: 25px;
}

.rc-navbar-summary .nav-item h4 {
    font-size: 15px;
    font-weight: bold;
    color: white;
}

.rc-navbar-start {
    /*  margin-right: 15px; */
}

.rc-nav-btn {
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.rc-nav-branch-name {
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.rc-cart-qty {
    text-indent: 0;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 1.3;
    box-sizing: content-box;
    font-size: 17px;
    position: absolute;
    right: -10px;
    top: 10px;
    border-radius: 100%;
    border: 1px solid;
    background-color: #ffffff;
    color: #333333;
    border-color: #333333;
}

#rc-nav-cart-btn {
    position: relative;
}

.quick-view-product-content {
    display: flex;
    flex-direction: row;
}

.without-choices .quick-view-img {
    width: 100%;
}



.meal-product-choices {
    padding-right: 55px;
}

.predictions {
    background-color: #f2f2f2;
    border: solid #f2f2f2 1px;
    margin-top: 5px;
}

.prediction {
    color: #333;
    min-height: 65px;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 5px;
    border-bottom-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 25px;
}

.prediction i {
    font-size: 30px;
    margin-left: 10px;
}

.prediction:hover {
    cursor: pointer;
    background-color: var(--active-color) !important;
    color: white;
}

a.rc-back {
    font-size: 15px;
    font-weight: bold;
    color: white;
    display: flex;
}

a.rc-back :hover {
    color: #fff !important;
}

.rc-back i {
    margin-left: 5px;
}

.rc-quick-view-open-modal:hover {
    cursor: pointer;
}

.rc-quick-view-open-modal:hover .card-title {
    color: #198754;
}

.branch-thumb img {
    width: 94px;
    height: 94px;
    object-fit: contain;
}

.branch-info {
    padding-right: 15px;
}

.branch-info a,
.branch-info a:hover {
    color: #6d6d6d !important;
}

.branch-info .card-title {
    font-size: 25px;
}

@media (min-width: 767.99px) {
    .without-choices .quick-view-img img {
        max-height: 40vh;
        width: auto;
        margin: 0 auto;
        object-fit: contain;
    }

    .rc-redirect-text {
        color: white !important;
    }

    .rc-cart-products {
        max-height: calc(100vh - 270px);
        overflow: auto;
    }

    .rc-menu-categories>div a {
        word-wrap: break-word;
    }

    .rc-nav-branch-name {
        padding-right: 15px;
        white-space: nowrap;
    }

    .rc-navbar-summary .navbar-brand {
        margin-top: 0;
        margin-bottom: 0;
    }

    .rc-navbar-summary {
        -webkit-transform: translate3d(0, 0, 0);
    }

    #availability-checker {
        max-width: 800px;
        margin: calc(5vh + 65px) auto;
        position: absolute;
        width: 800px;
        left: 50%;
        transform: translateX(-50%);
    }

    #availability-checker .nav-pills {
        width: 275px;
    }

    #availability-checker .tab-content {
        flex-grow: 1;
        padding: 10px;
        overflow: auto;
        background-color: var(--ac-content-color);
        /*   height: 420px; */
    }

    #availability-checker .tab-content .tab-pane {
        /*  height: 390px; */
    }

    #availability-checker .tab-content .address-input {
        width: 100%;
    }

    #availability-checker .ac-modal-content {
        /*    height: 420px; */
        background-color: transparent;
    }

    #availability-checker .ac-modal-content .ac-right {
        padding-bottom: 25px;
        height: auto;
        background-color: var(--message-backgroud-color);
        margin-left: 25px;
    }

    #availability-checker .nav-link {
        margin-top: 25px;
    }

    #availability-checker .nav-link.active {
        background-color: var(--ac-button-color);
    }

    .rc-top-picture {
        background-color: #fff;
    }

    .order-type-btns {
        padding: 15px;
    }

    #cat-list {
        height: calc(100vh - 70px);
        overflow: auto;
    }

    #cat-list::-webkit-scrollbar {
        display: none;
    }

    .quick-view-img img {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    #availability-checker .modal-header.ac-modal-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #availability-checker .modal-body {
        max-height: calc(100vh - 300px);
        overflow: auto;
    }

    /*  #availability-checker .modal-content .nav-link {
        padding-top: 0.25rem !important;
        padding-right: 0.5rem !important;
        padding-bottom: 0.25rem !important;
        padding-left: 0.5rem !important;
    } */
    .branch-info .card-title {
        font-size: 20px !important;
    }

    .meal-product-choices {
        padding-right: 25px;
    }

    .rc-menu-categories>div a {
        white-space: pre;
        max-width: unset;
    }

    .elementor-column-wrap.elementor-element-populated {
        padding: 0 !important;
    }

    .rc-top-picture img {
        max-height: 150px;
    }

    #availability-checker .nav-pills .nav-link {
        font-size: 20px;
    }

    #availability-checker .nav-pills .nav-link:not(.active) {
        color: var(--active-color);
    }

    .google_address {
        padding: 0 !important;
    }

    .address-input {
        position: relative;
        width: 100%;
    }

    .rc-menu {
        margin-top: 0;
    }

    .col-full {
        padding: 0 !important;
        margin: 0 !important;
    }

    .rc-menu-categories {
        flex: 0 0 60px;
    }

    .rc-navbar-start {
        margin-right: 0 !important;
    }

    .rc-navbar-summary i {
        vertical-align: text-bottom;
    }

    .rc-menu-cart {
        width: 100%;
    }

    .rc-mini-cart-content {
        width: 100%;
        position: relative;
        background-color: white;
        padding: 0;
    }

    .rc-cart-end,
    .rc-cart-buttons {
        width: auto;
    }

    .rc-cart-buttons {
        margin-top: 5px;
    }

    .rc-cart-bootom-buttons h4 {
        color: black !important;
    }

    .rc-cart-bootom-buttons {
        color: black !important;
    }

    .rc-cart-item-img {
        width: 60px;
        height: 60px;
        margin-left: 20px;
    }

    .rc-cart-item-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        float: none !important;
        max-width: 100% !important;
    }

    .rc-cart-buttons a:last-child {
        padding-left: 0 !important;
    }

    .quick-view-img img {
        width: 100%;
        max-height: 200px;
        object-fit: contain;
    }

    .rc-menu-categories {
        top: 66px;
        right: 0;
        left: 0;
        padding: 0 !important;
        background-color: white;
        box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.75);
        z-index: 2;
        position: fixed;
    }

    #cat-list {
        position: relative;
        width: 100vw;
        overflow: auto;
    }

    .site-content {
        padding-top: 105px;
    }

    .rc-menu-categories>div a {
        font-size: 20px;
        background-color: white;
        color: #343e56;
        margin-bottom: inherit;
        border: none;
    }

    .rc-menu-products {
        padding-top: 10px;
    }

    #cat-list::-webkit-scrollbar {
        display: none;
    }

    .quick-view-product-content {
        flex-direction: column;
    }

    .rc-nav-branch-name {
        position: relative !important;
        right: 0;
        left: 0;
    }

    #rc-quick-view-total {
        font-size: 25px !important;
        margin-bottom: 0;
    }

    .scrollspy-nav-item.active {
        border-bottom: solid #198754 5px !important;
    }

    .btn-check:not(:checked):active+.btn-outline-secondary {
        color: #6c757d !important;
        border-color: #6c757d !important;
        background-color: transparent !important;
    }

    .btn-check:not(:checked):focus+.btn-outline-secondary {
        color: #6c757d !important;
        border-color: #6c757d !important;
        background-color: transparent !important;
    }

    .rc-quantity-container {
        width: 130px;
    }

    #rc-quick-view-submit {
        padding-top: 0;
        padding-bottom: 5px;
        font-size: 27px;
    }

    .rc-cart-item-name {}

    .rc-cart-bootom-buttons {
        position: fixed;
        z-index: 2;
        bottom: 0;
        left: 0;
        padding: 25px;
        background-color: white;
        box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.75);
    }

    #mini-cart-modal.pickup {
        padding-bottom: 165px;
    }

    #mini-cart-modal.delivery {
        padding-bottom: 175px;
    }

    .rc-cart-buttons a {
        width: auto;
        margin-right: 8px;
        font-size: 18px;
    }

    .rc-cart-buttons a:first-child {
        margin-right: 0 !important;
    }

    .rc-cart-bootom-buttons .woocommerce-Price-currencySymbol {
        font-size: 18px;
    }

    #mini-cart-modal .modal-body {
        padding-left: 5px;
        padding-right: 5px;
    }

    .bottom-pb {
        z-index: 99999 !important;
    }

    .bottom-pb .rc-powerd {
        color: rgba(0, 0, 0, 0.3) !important;
    }

    #rc-top-message {
        color: white;
        background-color: var(--message-backgroud-color);
    }

    .rc-diner-name {
        max-width: 100%;
    }

    .quick-view-product-content .summary {
        margin: 0;
    }

    .rc-offerd-product-content {
        height: 100%;
        justify-content: center;
    }

    .offer-list .rc-offerd-product-content {
        border: none;
        border-bottom: solid #0000001f 1px;
    }

    .rc-offerd-product-content img {
        max-width: 60% !important;
    }

    .customer-saved-addresses-title {
        color: var(--active-color) !important;
    }

    .customer-saved-addresses hr {
        background-color: var(--active-color) !important;
    }

    #availability-checker {
        margin-top: 65px !important;
        background-color: #ffffff;
        position: absolute;
        width: 100%;
        top: 0;
        min-height: calc(100vh - 65px);
    }

    .identity-actions {
        -webkit-box-shadow: 0px 0px 12px -4px #000000;
        box-shadow: 0px 0px 12px -4px #000000;
    }

    .customer_saved_address span {
        font-size: 17px !important;
    }

    .address-list-section {
        padding: 0 !important;
    }

    #pills-orders .bootstrap-table .fixed-table-container .table td {
        border-bottom: solid #0000001a 1px;
    }

    #pills-orders .bootstrap-table .fixed-table-container .table td .card-view-value .bi.bi-zoom-in {
        padding: 0 !important;
    }

    #customer-order-zoom-modal .modal-body {
        height: calc(100vh - 100px) !important;
    }

    .display-como-benefits {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .como-benefit-title {
        font-size: 19px !important;
    }

    .como-benefit-text {
        /* font-size: 18px !important; */
    }

    .sub-choice-horizontal {
        font-size: 0.9rem !important;
    }

    #btn-remove-fav {
        position: absolute;
        left: 5;
        top: 10;
    }

    .rc-featured-body {
        margin-top: 12px !important;

    }

    .rc-featured-body img {
        height: 50% !important;
    }

    .rc-featured-body .card-title {
        font-size: 1.1rem;
    }

    .rc-featured-body .slick-prev:before,
    .slick-next:before {
        color: #0000008f !important;
    }

    .rc-featured-body .slick-prev {
        right: 0 !important;
        z-index: 9;
    }

    .rc-featured-body .slick-next {
        left: 0 !important;
    }

    .benefits-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .woocommerce-mini-cart__empty-message {
        color: black !important;
    }

    .woocommerce-mini-cart__empty-message {
        font-size: 23px;
        font-weight: bold;
    }

    /* .col2-set .form-row-first {
        width: 44.4444444444% !important;
        float: right !important;
        margin-left: 11.1111111111% !important;
    }

    .col2-set .form-row-last {
        width: 44.4444444444% !important;
        float: left !important;
        margin-left: 0 !important;
    } */

    .hentry {
        margin: 0 0 0 !important;
    }

    .site-main {
        margin-bottom: 0 !important;
    }

    .bootstrap-table .fixed-table-container .fixed-table-body {
        height: inherit !important;
    }

    .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label {
        display: flex;
        align-items: baseline;
        padding-right: 0;
        word-wrap: break-word;
        white-space: nowrap;
    }

    .woocommerce-checkout-review-order-table td:last-child {
        width: 1px;
        white-space: nowrap;
    }

    .woocommerce-checkout-review-order-table td:first-child {
        width: 100% !important;
    }

    .form-row.place-order {
        clear: both;
        padding: 10px 0 0 0 !important;
    }
}

.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */
    background-image: none !important;
    height: 0px;
}

.summary {
    margin: 0 auto;
}

.rc-choice-title {
    margin-bottom: 0 !important;
}

#menu-modal .modal-content {
    width: 90vw !important;
}

.rc-menu-nav-bottom {
    background-color: rgb(62, 66, 76);
    height: calc(100vh - 150px);
    padding: 50px 25px 25px 25px;
}

.rc-menu-nav-bottom h4 {
    color: white !important;
    font-size: 14px;
    font-weight: normal;
}

.rc-start-over {
    margin-bottom: 50px;
}

.rc-thankyou {
    /*  background-color: #e8e8e8; */
}

.scrollspy-nav-item:hover {
    cursor: pointer;
}

.bottom-pb {
    position: fixed;
    top: calc(100% - 30px);
    left: 0;
    width: 100vw;
    text-align: center;
}

.rc-powerd {
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
}

.nav-pb {
    font-size: 10px;
    white-space: pre;
    padding-left: 25px;
}

.nav-pb-mobile {
    font-size: 10px;
    white-space: pre;
    position: absolute;
    right: 0;
    width: 90vw;
    text-align: center;
    bottom: 0;
}

.ac-card:hover {
    cursor: pointer;
    color: #198754;
}

.ac-card:hover a,
.ac-card:hover h2 {
    color: #198754;
}

.top-menu-message {
    color: white;
    background-color: var(--message-backgroud-color);
}

.talkbubble {
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.talkbubble:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 26px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

.main-menu-message {
    color: white;
    background-color: var(--message-backgroud-color);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.59);
    font-size: 17px;
}

.main-menu-message i {
    font-size: 50px;
}

.btn-dismiss-message {
    margin-left: 5px;
    margin-top: 5px;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline-color: #198754 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #c7c7c7 !important;
    color: black !important;
}

.rc-checkout-select select {
    padding: 0.6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
}

.rc-diner-name {
    max-width: 300px;
}

.rc-diner-name-container {
    width: unset;
}

.rc-category-description {
    color: #fff;
}

[type="email"],
[type="number"],
[type="tel"],
[type="url"] {
    direction: rtl !important;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 21%);
    z-index: 2;
    cursor: pointer;
}

.out-of-stock-label {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    z-index: 3;
    font-size: 20px;
    right: 10px;
    font-weight: bold;
    border: solid #dc3545;
    width: auto;
    padding: 0 5px 0 5px;
    background: #ffffff61;
}

.btn-identity {
    color: #ffffff;
    background-color: none !important;
    font-size: 15px;
}

.btn-identity:hover {
    color: #e4e4e4;
}

.nav-item.registerd {
    min-width: 150px;
}

.nav-item.registerd a.dropdown-toggle {
    outline: 0 !important;
    font-size: 15px;
    font-weight: bold;
    color: white;
}

.identity-body.registerd {
    height: 75vh;
}

.customer-address ol,
.customer-address ul {
    margin: 0 !important;
    padding: 0 !important;
}

.address-list-section {
    padding: 0 25px 0 25px;
}

.identity-body.registerd .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #6c757d !important;
    outline: none;
}

#customer_payment_accordion .accordion-button {
    color: #333333 !important;
    background-color: #f1f1f1 !important;
}

#customer_payment_accordion .accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: #6c757d !important;
}

.checkbox-lg .form-check-input {
    width: 1.55rem;
    height: 1.55rem;
}

.checkbox-lg .form-check-label {
    padding-left: 6px;
    font-size: 1.25rem;
}

.disabled-block {
    opacity: 0.4;
}

.disabled-block input {
    pointer-events: none;
}

#availability-checker button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget a.button {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
}

#availability-checker button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.widget a.button:hover {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #333333;
}

#availability-checker .nav-link.active {
    color: white !important;
}

.registerd .nav-link {
    color: #333333;
}

.customer-saved-addresses-title {
    color: #ffffff;
}

#customer-order-zoom-modal .modal-body {
    height: 75vh;
}

#customer-order-zoom-modal li.woocommerce-order-overview__payment-method.method {
    list-style-type: none;
    display: flex;
}

#identity-modal .bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
    text-align: right !important;
}

.rc-navbar-summary [class^="bi-"]::before,
[class*=" bi-"]::before {
    line-height: unset !important;
}

#rc-nav-btn {
    line-height: unset !important;
}

.rc-menu-categories {
    z-index: 9;
}

.como-invitation .modal-body {}

.como-benefit img {
    max-height: 100px;
}

#redeem-points-ui {
    border: solid #0000002e 1px;
    padding: 5px;
}

.sub-choice-vertical img {
    object-fit: contain;
    height: 80px;
}

.sub-choice-horizontal img {
    object-fit: contain;
    height: 80px;
}

.sub-choice-horizontal {
    font-size: 1.25rem;
}

.sub-choice-horizontal {
    padding: 2px !important;
    border: solid transparent 1px;
}

.btn-check:checked+.btn-outline-secondary {
    border: 1px solid #6c757d !important;
}

.sub-choice-horizontal .bi {
    opacity: 0;
}

.btn-check:checked+.btn-outline-secondary .bi {
    opacity: 1 !important;
}

.rc-featured-title {
    top: 0;
    color: white;
    z-index: 1;
    border-radius: 20px 0 0 20px;
    background-color: #00000085;
}

.rc-featured-body {
    height: 150px;
    margin-top: 75px;

}

.rc-featured-body .card {
    cursor: pointer;
}

.rc-featured-body .card:hover {
    background-color: #ececec !important;
}

/*  custom select */

.rc-select {
    position: relative;
    font-family: Arial;
}

.rc-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/

.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.bootstrap-select .dropdown-toggle .filter-option {
    text-align: right !important;
}

#content.rc-wide-menu .col-full {
    max-width: 100em !important;
}

.rc-option-minified {
    color: #333;
    min-height: 65px;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 5px;
    border-bottom-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 25px;
    cursor: pointer;
}

.rc-option-minified:hover {
    cursor: pointer;
    background-color: var(--active-color) !important;
    color: white;
}

.rc-option-minified:hover .text-black-50 {
    color: white !important;
}

.rc-options-container {
    background-color: #f2f2f2;
    border: solid #f2f2f2 1px;
    margin-top: 5px;
}

.order_details {
    background-color: white !important;
    margin: 3.706325903em 0;
}

.rc-order-detailes .order-field {
    height: 70px;
    border-bottom: solid #0000002e 1px;
    flex-flow: column;
    justify-content: center;
    display: flex;
}

div.order_details:after,
div.order_details:before {
    content: "";
    display: block;
    position: absolute;
    top: -16px;
    right: 0;
    width: 100%;
    height: 16px;
    background-size: 0 100%, 16px 16px, 16px 16px;
}

.sub-choice-quantity input {
    width: 50px !important;
}

.btn-check.product-sub-choice {
    position: fixed !important;
}

#rc-quick-view-modal {
    z-index: 1100 !important;
}

#fav-name-modal {
    z-index: 9999;
}

#redeem-points-checkout-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-right: 0 !important;
}

.rc-continue-to-cart {
    position: fixed;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90vw;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition-property: height, visibility;
        transition-duration: .35s;
    }
}

.h-0 {
    height: 0 !important;
    overflow: hidden;
}

.round-pizza table {
    border-collapse: collapse;
    background-color: var(--bs-light);
}

.round-pizza td {
    background-color: inherit !important;
    vertical-align: middle;
    padding: 10px;
}

.round-pizza table tr {
    border-bottom: solid #ffffff 5px;
    border-spacing: 2px;
}

.round-pizza table tr.choice-tr {
    background-color: var(--bs-white);
}

.round-pizza .option-image {
    width: 60px;
    overflow: hidden;
}

.round-pizza .option-image img {
    max-height: 40px;
}

.round-pizza .nl-glyph {
    font-size: 27px;
    cursor: pointer;
}

.nl-glyph {
    font-family: NL_Glyph;
    transform: scaleY(-1) !important;
}

.pizza-topping-check {
    position: fixed;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.pizza-topping-label {
    margin: 0 !important;
    color: #979797;
    list-style: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pizza-topping-check:checked+.pizza-topping-label {
    color: var(--bs-success);
}

.pizza-topping-label.selected {
    color: var(--bs-success) !important;
}

.round-pizza .part-selector {
    width: 70px;
}

.round-pizza .quater-container {
    height: auto;
    margin-top: 1.5vh;
    direction: ltr;
    display: flex;
    width: 114px;
    flex-wrap: wrap;
}

.round-pizza .part-quater {
    height: 53px;
    width: 53px;
    border: 5px solid #5f5f5f;
    cursor: pointer;
    margin: 2px;
}

.round-pizza .part-quater:hover {
    background-color: #ececec;
}

.round-pizza .part-quater.selected {
    background-color: var(--active-color);
}

.round-pizza .top-left {
    border-top-left-radius: 100%;
}

.round-pizza .top-right {
    border-top-right-radius: 100%;
}

.round-pizza .bottom-left {
    border-bottom-left-radius: 100%;
}

.round-pizza .bottom-right {
    border-bottom-right-radius: 100%;
}

.round-pizza tr.edit-quarter,
.round-pizza tr.edit-quarter .pizza-topping-label {
    background-color: #6f757d !important;
    color: white !important;
}

.round-pizza tr.edit-quarter .pizza-topping-check:checked+.pizza-topping-label {
    color: #11de00 !important;
}

.round-pizza tr.edit-quarter .pizza-topping-label.selected {
    color: #11de00 !important;
}

.round-pizza tr.edit-quarter .option-price {
    color: white !important;
}

.round-pizza .quarter-edit {
    border: none !important;
}

.round-pizza .quarter-row {
    border: none;
}

.edit-quarter+.quarter-row {
    border: inherit;
}

.round-pizza .builder-img-container {
    position: sticky;
    top: 100px;
}

.choiceToppingImage {
    width: 300px;
    height: 300px;
}

.pizzaToppingWhole {}

.pizzaToppingLeftHalf {
    position: absolute;
    clip: rect(0, 150px, 300px, 0);
}

.pizzaToppingRightHalf {
    position: absolute;
    clip: rect(0, 300px, 300px, 150px);
}

.pizzaToppingTopLeft {
    position: absolute;
    clip: rect(0, 150px, 150px, 0);
}

.pizzaToppingTopRight {
    position: absolute;
    clip: rect(0, 300px, 150px, 150px);
}

.pizzaToppingBottomLeft {
    position: absolute;
    clip: rect(150px, 150px, 300px, 0);
}

.pizzaToppingBottomRight {
    position: absolute;
    clip: rect(150px, 300px, 300px, 150px);
}

.option-img {
    position: absolute;
    width: 100%;
    top: 0;
    animation: animateAppend linear .3s;
    animation-iteration-count: 1;
}

@media (max-width: 767.98px) {

    /*  .round-pizza .builder-img-container {
            position: fixed;
            top: 50%;
            transform: translate(0%, -50%);
        } */
    .round-pizza .builder-img-container {
        position: fixed;
        width: 100%;
        background-color: #ffffff;
        top: inherit;
        transform: translate(-50%, 0%);
        left: 50%;
        text-align: center;
        padding: 10px;
        margin-top: -1rem;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }

    .builder-img-sub-container img {
        margin: 0 auto;
    }

    .round-pizza .builder-col {
        height: calc(30vh + 20px);
    }

    .round-pizza .builder-img-container img {
        height: 30vh !important;
    }

    .round-pizza .option-img img {
        transform: translate(-50%, 0%);
        left: 50%;
        position: inherit !important;
    }

    #rc-quick-view-body:has(.builder-img-sub-container)::-webkit-scrollbar-track {
        margin-top: calc(30vh + 20px);
    }

    .round-pizza .option-image {
        width: 40px !important;
        padding: 0 !important;
    }

    .round-pizza .nl-glyph {
        font-size: 22px !important;
    }

    .round-pizza .part-selector {
        width: 40px !important;
    }

    .round-pizza .option-image img {
        max-height: 35px !important;
    }

    .choiceToppingImage {
        width: 30vh;
        height: 30vh;
    }

    .pizzaToppingWhole {}

    .pizzaToppingLeftHalf {
        position: absolute;
        clip: rect(0, 15vh, 30vh, 0);
    }

    .pizzaToppingRightHalf {
        position: absolute;
        clip: rect(0, 30vh, 30vh, 15vh);
    }

    .pizzaToppingTopLeft {
        position: absolute;
        clip: rect(0, 15vh, 15vh, 0);
    }

    .pizzaToppingTopRight {
        position: absolute;
        clip: rect(0, 30vh, 15vh, 15vh);
    }

    .pizzaToppingBottomLeft {
        position: absolute;
        clip: rect(15vh, 15vh, 30vh, 0);
    }

    .pizzaToppingBottomRight {
        position: absolute;
        clip: rect(15vh, 30vh, 30vh, 15vh);
    }
}

@keyframes animateAppend {
    0% {
        opacity: 0;
        transform: scaleY(0) translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: scaleY(1) translateY(0%);
    }
}

#rc-quick-view-modal-content {
    animation: animateAppend linear .3s;
    animation-iteration-count: 1;
}

.quick-view-meal .meal-choice-products,
.quick-view-meal .meal-product-ui {
    animation: animateAppend linear .3s;
    animation-iteration-count: 1;
}

.quick-view-meal .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: var(--bs-secondary) !important;
}

.quick-view-meal .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.quick-view-meal .accordion-item {
    background-color: #fff;
    border: none;
}

.quick-view-meal .accordion-button {
    background-color: #f2F2F2;
    box-shadow: none;
    border: none;
    padding: 20px 50px;
    margin: 4px 0;
    cursor: pointer;
}

.quick-view-meal .accordion-button:not(.collapsed) {
    border-bottom: 4px solid var(--bs-white);
    color: var(--bs-white);
    font-weight: bold;
    background-color: #f2F2F2;
}

.quick-view-meal .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.quick-view-meal .accordion-button:not(.collapsed) .meal-product-edit-buttons .btn {
    color: #000 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

.quick-view-meal .accordion-button:not(.collapsed) .meal-product-edit-buttons .btn.save-meal-product {
    color: var(--bs-success) !important;
}

.quick-view-meal .accordion-button:not(.collapsed) .edit-meal-product {
    display: none;
}

.quick-view-meal .accordion-button.collapsed .save-meal-product {
    display: none;
}

.quick-view-meal .accordion-button.collapsed .cancel-meal-product {
    display: none;
}

.quick-view-meal .save-meal-product {
    color: var(--bs-success) !important;
    font-weight: bold;
}

@media (min-width: 767.99px) {
    .quick-view-meal .accordion-header {
        position: sticky;
        top: 0;
    }

    .quick-view-meal .accordion-button:not(.collapsed) {
        box-shadow: 0px -19px 0px 1px rgb(255 255 255);
    }
}

@media (max-width: 767.98px) {
    .quick-view-meal .accordion-button {
        padding: 20px;
    }

    .quick-view-meal .accordion-button:not(.collapsed) {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 9999;
    }

    .quick-view-meal .accordion-collapse.show {
        margin-top: -1rem !important;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 999;
        background-color: white;
        width: 100%;
        right: 0;
    }

    .quick-view-meal .round-pizza .builder-img-container {
        top: 95 !important;
    }

    .quick-view-meal .round-pizza .builder-img-container img {
        height: 29vh !important;
    }

    .time-option {
        font-size: 1rem !important;
    }

    #review-cart-modal .modal-body {
        padding: 0 !important;
    }

    #customer_details {
        box-shadow: none !important;
        width: 100% !important;
    }
}

.calender-date.nav-link h4 {
    font-size: 1.15rem !important;
}

.calender-date.nav-link h5 {
    font-size: 1rem !important;
    margin-bottom: 0 !important;
}

.future-calendar .spinner-border {
    height: 3rem;
    width: 3rem;
}

.future-calendar>div {
    animation: animateAppend linear .3s;
    animation-iteration-count: 1;
}

.future-calendar .day-options {
    width: 200px;
}

.future-calendar .nav-link.active {
    background-color: var(--bs-light);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.future-calendar .nav-link.active .day-text {
    color: var(--bs-success) !important;
    font-weight: bold;
}

.future-calendar .selected-day {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 25px;
}

.future-calendar .selected-day .btn-check {
    position: fixed !important;
}

.future-calendar .btn-check:checked+.btn-outline-secondary {
    color: var(--bs-success) !important;
    font-weight: bold;
    border-color: var(--bs-success) !important;
}

.future-calendar .btn-outline-secondary:hover {
    color: var(--bs-dark) !important;
}

.future-calendar .main-back {
    cursor: pointer;
}

.future-calendar .datepicker {
    max-width: 450px;
    margin: 0 auto;
    padding: 30px;
    padding-bottom: 0;
}

.future-calendar .ui-datepicker {
    width: 100%;
    border: none;
}

.future-calendar .ui-datepicker .ui-datepicker-header {
    background: transparent;
    border-radius: 3px 3px 0 0;
    border: none;
    color: var(--bs-gray);
    font-size: 20px;
    font-weight: 500;
}

.future-calendar .ui-datepicker th {
    background-color: transparent !important;
    margin: 0 auto;
}

.future-calendar .ui-datepicker th span {
    background-color: transparent !important;
    margin: 0 auto;
    font-size: 25px;
    color: #6c757db8;
}

.future-calendar .ui-datepicker td {
    background-color: transparent !important;
}

.future-calendar .ui-state-default {
    border: none !important;
    border-radius: 100% !important;
    padding: 0 !important;
    width: 33px !important;
    height: 33px !important;
    line-height: 33px !important;
    text-align: center !important;
    background: transparent !important;
    margin: 0 auto !important;
    font-size: 17px;
    color: var(--bs-dark) !important;
    font-weight: normal !important;
}

.future-calendar .ui-state-active,
.future-calendar .ui-state-default:hover {
    background: var(--bs-success) !important;
    color: white !important;
}

body .future-calendar .ui-datepicker .ui-state-hover,
body .future-calendar .ui-datepicker .ui-state-active,
body .future-calendar .ui-datepicker .ui-widget-content .ui-state-active,
body .future-calendar .ui-datepicker .ui-widget-header .ui-state-active,
body .future-calendar .ui-datepicker a.ui-button:active,
body .future-calendar .ui-datepicker .ui-button:active,
body .future-calendar .ui-datepicker .ui-button.ui-state-active:hover {
    background: var(--bs-success) !important;
    color: white !important;
}

.future-calendar .ui-datepicker-next span {
    background-position: inherit !important;
    background-image: url('images/chevron-left.svg') !important;
}

.future-calendar .ui-datepicker-prev span {
    background-position: inherit !important;
    background-image: url('images/chevron-right.svg') !important;
}

.future-calendar .btn-pick {
    width: 140px;
}

.future-calendar .ui-datepicker-buttonpane {
    border: none;
}

.future-calendar .time-option {
    direction: ltr;
}

.checkout-future {
    padding: 6px;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-size: 100%;
    margin: 0;
}

.checkout-future-content {
    color: var(--bs-secondary);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
    padding: 10px;
    background-color: #f2f2f2;
}

.checkout-future .future-time {
    display: inline-block;
    direction: ltr;
}

.checkout-future .future-time,
.checkout-future .date-text {
    font-weight: bold;
}

.zidx0 {
    z-index: 0 !important;
}

#rc-quick-view-modal.zidx0 {
    z-index: 0 !important;
}

.zidx9999 {
    z-index: 0 !important;
}

#future-selector-modal {
    z-index: 99999;
}

.offer-list {
    max-height: calc(100vh - 350px);
    overflow: auto;
}

.sub-choice-horizontal.btn-outline-secondary:hover:not(:active) {
    border: solid #6c757d 1px !important;
    background-color: unset !important;
    color: unset !important;
}

.btn-check:checked+.sub-choice-horizontal.btn-outline-secondary {
    background-color: #6c757d !important;
    color: white !important;
}

.review-cart-item-img {
    height: 50px;
    width: 50px;
    margin-left: 25px;
}

.woocommerce-billing-fields>h3,
#order_review_heading {
    display: none;
}

table.woocommerce-checkout-review-order-table .product-total {
    white-space: nowrap;
    width: 15%;
}

.active .bs-stepper-circle {
    background-color: var(--bs-gray-dark) !important;
}

#continue-to-payment {
    font-size: 1.41575em;
    width: 100%;
    white-space: pre-wrap;
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
    border: 0;
    border-radius: 0;
    border-color: #43454b;
    padding: 0.6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
}

#continue-to-payment:hover {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
}

.bs-stepper .step:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .06);
    cursor: pointer;
}

.form-row.place-order {
    margin-top: 0 !important;
}

.woocommerce-privacy-policy-text {
    display: none;
}

@media (min-width: 768px) {
    .woocommerce-billing-fields__field-wrapper {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .woocommerce-billing-fields__field-wrapper .form-row,
    .future-selector {
        width: calc(50% - 15px) !important;
        margin-left: 0 !important;
    }

    .content-area,
    .widget-area,
    .site-main {
        margin-bottom: 0 !important;
    }

    .hentry {
        margin-bottom: 0 !important;
    }

    .personal-info {
        
        overflow: auto;
        padding: 10px;
    }

    .col2-set {
        width: 60% !important;
       /*  float: right; */
        margin-left: 15px !important;
    }

    #order_review_heading, #order_review {
        width: unset !important;
        float: none !important;

    }
    
    #order_review,
    #order_review_heading {
        width: unset !important;
        flex-grow: 1;
    }

    .rc-checkout {
        max-width: 1200px !important;
        margin: 0 auto;
      /*   height: calc(100svh - 5.9968353111em* 2 + 65px);
        overflow: auto; */
    }

    form.checkout {
        position: static !important;
        height: 100%;
    }

    #customer_details {
       /*  height: 100%; */
    }

    form.checkout>div {
      /*   height: 100%; */
      flex-grow: 1;
    }

    #order_review {
        height: 100%;
        background-color: white !important;
    }

    #order_review table:not( .has-background ) tbody td,
    #order_review table:not( .has-background ) th  {
        background-color: white !important;
    }
    div#payment-part {
        max-height: calc(100vh - 287px);
        overflow: auto;
    }
}

@media (max-width: 767.98px) {
    .personal-info {
        height: calc(100svh - 15rem);
        overflow: auto;
        padding: 10px;
    }

    .rc-checkout {
        min-height: calc(100svh - 65px);
        display: flex;
        flex-direction: column;
    }

    .woocommerce-checkout {
        margin-bottom: 0 !important;
        height: 100svh;
        display: flex;
        flex-direction: column;
    }
	
	form.checkout.woocommerce-checkout {
    height: calc(100svh - 67px);
}

    .card.rc-checkout>div.card-body {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        overflow: unset !important;
		padding-right: 0.1rem;
        padding-left: 0.1rem;
    }

    .wc_payment_methods{
        height: calc(100svh - 15rem);
        overflow: auto;
    }
}

/*  a {
        color: inherit !important;
        text-decoration: none !important;
    } */

.col-full>div.widget>p {
    display: none;
}

.rc-navbar-summary {
    height: 65px;
}

#time_validation_modal .btn-success {
    color: white !important;
}

.choose-asap input[type=radio]+label {
    margin: 0;
}

.choose-asap input[type=radio]:checked+label {
    font-weight: bold;
    color: black
}

.text-rem-0875 {
    font-size: 0.875rem;
}

#order_review {
    background-color: white;
}

table:not(.has-background) th {
    background-color: white;
}

table:not(.has-background) tbody td {
    background-color: white;
}

table:not(.has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
    background-color: white;
}

.slick-list,
.slick-list .slick-track {
    height: 100%;
}
/* 
.site{
    height: 100svh;
    overflow: none !important;
} */
.rc-product-price-prefix{
    font-size: 20px;
    font-weight: normal;
}

.woocommerce-additional-fields {
    display: none;
}
   
@media screen and (max-width: 767.98px) {
    
    
}