body {
    background: #f1f1f1 !important;
    height: 100%;
}

:root {
  --theme-color: #0172AF;
  --theme-color-hover: #255c7a;
  --form-border-color: #F2F2F2;
  --border-color: #F2F2F2;
  --box-border-color: #ECECEC;
}


::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--theme-white1);
}

::-webkit-scrollbar-thumb {
    background-color: #D5D5D5;
    border-radius: 5px;
}

a {color: var(--theme-color);}

.text-indent-initial {text-indent: initial !important;}

form .prev-input-group .input-group-icon {height: 16px;left: 25px !important;}
form .prev-input-group .input-group-icon img, form .prev-input-group .input-group-icon svg {height: 100%;object-fit: contain;object-position: center;}

.signin-form .prev-input-group .input-group-icon.passwordeye-icon {left: inherit !important;}
.signin-card .card-header {padding: 70px 20px 0 20px;}

.btn {font-size: 14px;font-weight: 400;padding: 8px 25px;height: 50px;border-radius: 5px;min-height: 50px;}
.btn-outline-theme {border: 1px solid var(--box-border-color) !important;color: #8D8D8D;}
.btn-theme-group {gap: 12px;}
.modal-dialog {margin-left: auto;margin-right: auto;}
.userlogin-dropdown .btn>img {width: 36px;height: 36px;border-radius: 9999px;object-fit: cover;object-position: center;}
.btn-icon {padding: 0.375rem 0.75rem !important;}
.food-detail-card .food-detail-card-btn {-moz-column-gap: 10px;column-gap: 10px;}
.category-section .category-slider .category-element .card:hover, .category-section .category-slider .category-element .card.active {background: #ffffff;box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 4px 1px;}
.swiper-wrapper {padding-top: 10px;padding-bottom: 10px;}
.category-section .category-slider .category-element .card .categoryfood-detail-card-btn {max-width: 90px;}
.category-section .category-slider .category-element .card .categoryfood-detail-card-btn .btn-icon {padding: 5px 10px !important;font-size: 14px !important;}
.category-section .swiper-container .category-swiper-slider .category-slider {flex-wrap: wrap;margin: 0px -7.5px;}
.category-section .swiper-container .category-swiper-slider .category-slider .category-element {flex: 0 0 14.28%;max-width: 14.28%;padding: 0px 7.5px;margin-bottom: 15px;}
.foodorder-box .foodorder-box-details .footer-box-main .footer-box-main-orderlist .footer-box-main-orderlist-main .footer-box-main-orderlist-main-item .orderRead-more {flex: 0 0 280px;max-width: 280px;}
.foodorder-box .foodorder-box-details .footer-box-main .footer-box-main-orderlist .footer-box-main-orderlist-main .footer-box-main-orderlist-main-item .notes {max-width: 350px;}
.coupons-card .card-body .inner-card .promocode-box .text-bg-white {font-size: 14px;padding: 5px 12px;}
.coupons-card .card-body .inner-card {height: 262px;}
.chatbox .chatbox-main .chats-grp .chat-item .chat-item-textgrp p::before {background-image: url(../images/curve-chaticon-update.svg);left: -11px;bottom: -2.5px;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list .foodorder-box-list-item.active {background: #000000;border-color: transparent;filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list .foodorder-box-list-item.active * {color: #ffffff !important;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list .foodorder-box-list-item.active .time svg circle {fill: #ffffff;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list .foodorder-box-list-item.active .time svg path {stroke: #000000;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list .foodorder-box-list-item.active .icontext-item svg, .foodorder-box .foodorder-box-list-wrp .foodorder-box-list .foodorder-box-list-item.active .icontext-item svg path {fill: #ffffff;stroke: #ffffff;}
.finance_auth_section {background: rgb(43 42 42 / 80%);height: 100%;width: calc(100% + 40px);position: absolute;top: 0px;bottom: 0px;z-index: 1;left: -40px;display: flex;align-items: center;justify-content: center;padding: 10px;}
.finance_auth_section .finance_auth_form {flex: 0 0 360px;max-width: 360px;}
.finance_auth_section .finance_auth_form .form-group .input-group-icon {position: absolute;position: absolute;top: 50%;transform: translate(-50%, -50%);line-height: 0;height: 20px;left: 25px !important;}
.finance_auth_section .finance_auth_form .form-group .input-group-icon svg {height: 100%;object-fit: contain;object-position: center;}
.finance_auth_section .text-indent-initial {text-indent: initial !important;}
.finance_auth_section .finance_auth_form .form-control {padding-left: 45px !important;font-size: 16px;}
.finance_auth_section .finance_auth_form .form-control::-webkit-input-placeholder {font-size: 14px;}
.finance_auth_section .finance_auth_form .form-control::-moz-placeholder {font-size: 14px;}
.finance_auth_section .finance_auth_form .form-control:-ms-input-placeholder {font-size: 14px;}
.finance_auth_section .finance_auth_form .form-control:-moz-placeholder {font-size: 14px;}
.category-section .category-slider .category-element .card {padding: 15px !important;}
.category-slide-btns .btn {background: #ffffff !important;;border-color: #212529 !important;color: #212529 !important;}
.category-slide-btns .btn i {color: #212529 !important;}
.category-slide-btns .btn:hover i {color: #212529 !important;}
.chartBox {position: relative;}
.chartBox .chartLabel {font-size: 14px;color: #292929;position: absolute;left: 0px;right: 0px;bottom: 40px;pointer-events: none;}
.category-section .category-slider .category-element .card {border: 1px solid transparent;}
.foodorder-box-list-top {position: relative;padding-top: 20px !important;}
.foodorder-box-list-top .fixed-tab-buttons {display: flex;align-items: center;justify-content: space-between;position: absolute;z-index: 2;left: 0px;right: 0px;top: 10px;padding: 10px 35px 10px 22px;}
.foodorder-box-list-top .fixed-tab-buttons .btn-tap {flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);display: flex;align-items: center;justify-content: center;text-align: center;font-size: 14px;text-transform: uppercase;border-radius: 5px;overflow: hidden;height: 40px;padding: 5px;background: #ffffff;color: #292929;box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.07);border: 0px;outline: none;}
.foodorder-box-list-top .fixed-tab-buttons .btn-tap.active {background: #292929;color: #ffffff;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link .order-count {font-size: 16px;background: transparent;color: #626262;border-radius: 5px;padding: 8px 7px 8px;position: relative;top: 0px;display: inline-flex !important;width: 32px;height: 32px;font-weight: 300;align-items: center;justify-content: center;white-space: nowrap;font-weight: 400;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link.active .order-count, .menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link:hover .order-count {background: transparent !important;color: #626262;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link {font-size: 16px !important;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link {padding: 12px 10px !important;white-space: nowrap;}
.message-date span {background-color: #f1efef;border-radius: 30px;padding: 5px 16px;font-size: 12px;}
.category-section .category-slider .category-element.swiper-slide-admin-cart-active .card {border-color: #292929;}
.category-section .category-slider .category-element .card:hover .btn-site-theme, .category-section .category-slider .category-element .card.active .btn-site-theme {background: #292929 !important;}
.category-section .category-slider .category-element .card:hover .btn-site-theme i, .category-section .category-slider .category-element .card.active .btn-site-theme i {color: #292929 !important;}
.category-section .category-slider .category-element .card:hover .btn-site-theme i {color: #ffffff !important;}
.category-section .category-slider .category-element .card:hover .category-slide-btns .btn-site-theme i {color: #292929 !important;}
.category-section .category-slider .category-element .card:hover .btn-site-theme, .category-section .category-slider .category-element .card.active .btn-site-theme {background: #292929 !important;border-color: #292929 !important;}
.category-section .category-slider .category-element .card:hover .category-slide-btns .btn-site-theme, .category-section .category-slider .category-element .card.active .category-slide-btns .btn-site-theme {background: #ffffff !important;border-color: #212529 !important;color: #212529 !important;}
.category-section .category-element .card .categoryfood-detail-card-btn .btn-site-theme:hover {background: #ffffff !important;border-color: #292929 !important;}
.category-section .category-element .card .categoryfood-detail-card-btn .btn-site-theme:hover i {color: #292929 !important;}
.main-content .category-section .category-element .card .category-slide-btns .btn-site-theme:hover {background: #ffffff !important;border-color: #292929 !important;}
.category-section .category-element .card .category-slide-btns .btn-site-theme:hover i {color: #292929 !important;}
.header-filter-order {gap: 14px;}
.header-filter-order .count-filter {font-size: 12px;display: flex;align-items: center;justify-content: center;padding: 0px;}
.btn-grp-gap-10 {gap: 17px !important;}
.header-filter-order .col {max-width: 270px;}
.disable-order-filters {pointer-events: none;opacity: 0.7;}
.move-order-button {box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.07);}
.footer-box-main-orderlist-main-item .notes {display: flex;align-items: center;padding: 5px 0px;border-radius: 5px;font-size: 12px;line-height: normal;}
.section-page-title .page-control .btn-site-theme {background: #000000;color: #ffffff !important;border-color: var(--theme-yellow2);border: 0px !important;}
.section-page-title .page-control .btn-site-theme:hover {background: #292929 !important;color: #ffffff !important;}
.paymentHistory-card-body tr th {white-space: nowrap;}
.section-page-title .btn-grp-tab .btn svg path {stroke: #000000;}
.section-page-title .btn-grp-tab .btn.btn-site-theme svg path {stroke: #ffffff;}
.section-page-title .radio-btn-group {max-width: 100%;width: 33.33%;justify-content: flex-end;padding-left: 8px;}
.section-page-title .radio-btn-group .order-radio-group {display: flex;gap: 0px;justify-content: flex-end;width: 100%;margin: 0px -4px;}
.section-page-title .radio-btn-group .order-radio-group .radio-col {padding: 0px 4px;flex: 0 0 33.33%;max-width: 33.33%;}
.section-page-title .radio-btn-group .radio-container {display: flex;align-items: center;justify-content: flex-start;position: relative;font-size: 12px !important;font-weight: 400;border: 0px !important;min-height: 42px;color: #000000;background: #ffffff;padding: 12px 20px;border-radius: 5px;overflow: hidden;cursor: pointer;position: relative;width: 100%;margin-right: 0px;}
.section-page-title .radio-btn-group .radio-container input[type="radio"] {opacity: 0;position: absolute;left: 0px;right: 0px;width: 100%;height: 100%;cursor: pointer;}
.section-page-title .radio-btn-group .radio-container .radio-custom {position: relative;width: 12px;height: 12px;border: 1px solid #292929;border-radius: 50%;margin-right: 0px;pointer-events: none;}
.section-page-title .radio-btn-group .radio-container .radio-custom::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8px;height: 8px;background-color: #292929;border-radius: 50%;opacity: 0;transition: opacity 0.2s;}
.section-page-title .radio-btn-group .radio-container input[type="radio"]:checked+.radio-custom::before {opacity: 1;}
.section-page-title .radio-btn-group .radio-container .icon {margin-right: 0px;}
.section-page-title .radio-btn-group .radio-container .radio-label {color: #000000;padding-left: 20px;font-weight: 400;font-size: 12px;position: absolute;left: 0;right: 0px;pointer-events: none;margin: 0 auto;width: 100%;text-align: center;}

/* Chat Screen UI update css */
.chat-main-screen .section-page-title {margin-bottom: 20px;}
.chat-main-screen .ChatDiv-main {gap: 0px;overflow-y: hidden;}
.chat-main-screen .ChatDiv {border-top-right-radius: 0px;border-bottom-right-radius: 0px;padding: 10px;padding-top: 0px;max-width: 350px;min-height: 90vh;max-height: 90vh;}
.chat-main-screen .chatbox .chatbox-main {min-height: initial;max-height: calc(100vh - 195px);height: 100%;}
.chat-main-screen .ChatDiv .search-top {margin: 0px -8px 0px -10px;position: sticky;top: 0px;z-index: 1;background: #ffffff;}
.chat-main-screen .ChatDiv .search-top .search-box {border: 0px;border-bottom: 1px solid #dcdcdc;border-radius: 0px;font-size: 14px;padding: 5px 20px;padding-left: 50px;min-height: 60px;max-height: 60px;}
.chat-main-screen .ChatDiv .search-top svg {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);z-index: 1;pointer-events: none;fill: #777777;}
.chat-main-screen .ChatDiv .search-top .search-box::-webkit-input-placeholder {font-size: 14px;}
.chat-main-screen .ChatDiv .search-top .search-box::-moz-placeholder {font-size: 14px;}
.chat-main-screen .ChatDiv .search-top .search-box:-ms-input-placeholder {font-size: 14px;}
.chat-main-screen .ChatDiv .search-top .search-box:-moz-placeholder {font-size: 14px;}
.chat-main-screen .ChatDiv-main .chatbox {border-top-left-radius: 0px;border-bottom-left-radius: 0px;box-shadow: -1px 0px 6px 0px #dcdcdc;min-height: 90vh;max-height: 90vh;}
.chat-main-screen .page-title {font-size: 24px;}
.chat-main-screen .main-content {padding-top: 15px;}
.chat-main-screen .bd-gutter {-moz-column-gap: 20px;column-gap: 20px;}
.chat-main-screen .chatbox .chatbox-header {padding: 10px 20px;height: 60px;}
.chat-main-screen .chatbox .chatbox-header .profile-item .profile-img {max-width: 40px;}
.chat-main-screen .chatbox .chatbox-header {border-bottom: 1px solid var(--box-border-color);}
.chat-main-screen .ChatDiv .ChatDiv-type .ChatDiv-list .ChatDiv-item {padding: 10px 15px;border-radius: 5px;border: 0px !important;box-shadow: none !important;filter: none !important;}
.chat-main-screen .ChatDiv .ChatDiv-type .ChatDiv-list .ChatDiv-item.active, .chat-main-screen .ChatDiv .ChatDiv-type .ChatDiv-list .ChatDiv-item:hover {background: var(--theme-yellow2) !important;}
.chat-main-screen .ChatDiv .ChatDiv-type .ChatDiv-list .ChatDiv-item .userimage {width: 40px;}
.chat-main-screen .ChatDiv .ChatDiv-type .ChatDiv-list .ChatDiv-item .text-grp .title {font-size: 14px;}
.chat-main-screen .ChatDiv .ChatDiv-type .ChatDiv-list .ChatDiv-item .text-grp .text {font-size: 10px;line-height: normal;}
.chat-main-screen .ChatDiv .chat-user-list {position: relative;}
.chat-main-screen .ChatDiv .chat-user-list .ChatDiv-type {margin-bottom: 5px;}
.chatbox .chatbox-header .profile-item .profile-textgrp .profile-title {font-size: 16px;}
.chatbox .chatbox-header .profile-item .profile-textgrp .profile-text {font-size: 12px;}
.chatbox .chatbox-header .profile-item .profile-textgrp .profile-text .inactivicon {width: 12px;height: 12px;border-radius: 9999px;}
.chat-main-screen .chatbox .chatbox-footer {padding: 20px 20px 20px;border-top: 1px solid #dcdcdc;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.chat-main-screen .chatbox .chatbox-footer .custom-file-upload {display: flex;align-items: center;cursor: pointer;justify-content: center;}
.chat-main-screen .chatbox .chatbox-footer .form-group .btn-site-theme {height: 40px;padding: 9px 19px;border-radius: 5px;font-size: 16px;cursor: pointer;width: 80px;display: flex;align-items: center;font-family: "Poppins", sans-serif;line-height: 1.4;font-weight: 500;}
.chat-main-screen .chatbox .chatbox-footer .form-group {border-radius: 5px;padding: 5px 10px;}
.chat-main-screen .chatbox .chatbox-main .chats-grp {padding: 32px 20px 56px 20px;width: calc(100% + 4px);}
.chat-main-screen .chatbox .chatbox-main .chats-grp::-webkit-scrollbar {width: 5px;}
.chat-main-screen .chatbox .chatbox-main .chats-grp .chat-item>.img-fluid {width: 40px;}
.chat-main-screen .chatbox .chatbox-main .chats-grp .chat-item .chat-item-textgrp p {padding: 10px 15px 10px 15px;border-radius: 5px;font-size: 14px;margin-bottom: 2px;}
.chat-main-screen .chatbox .chatbox-main .chats-grp .chat-item .chat-item-textgrp small {font-size: 12px;}
.chat-main-screen .chatbox .chatbox-footer .form-group .form-control {font-size: 14px;}
.chat-main-screen .chatbox .chatbox-footer .form-group .form-control::-webkit-input-placeholder {font-size: 14px;}
.chat-main-screen .chatbox .chatbox-footer .form-group .form-control::-moz-placeholder {font-size: 14px;}
.chat-main-screen .chatbox .chatbox-footer .form-group .form-control:-ms-input-placeholder {font-size: 14px;}
.chat-main-screen .chatbox .chatbox-footer .form-group .form-control:-moz-placeholder {font-size: 14px;}
.chat-main-screen .chatbox .chatbox-footer .image-holder .attachImage {object-fit: contain;width: 70px !important;height: 70px !important;object-position: center;background: #ffffff;padding: 5px;margin-right: 0px;}
.chat-main-screen .chatbox .chatbox-footer .form-group #image-holder {position: absolute;background: whitesmoke;width: 100%;left: 0px;right: 0px;padding: 10px 10px 10px;top: -89px;border-radius: 10px 8px 0px 0px;border-bottom: 1px solid #dcdcdc;gap: 10px;}
.chat-main-screen .chatbox .chatbox-footer .form-group #image-holder:empty {display: none !important;}
.chat-main-screen .chatbox .chatbox-footer .form-group #image-holder .image-group {position: relative;}
.chat-main-screen .chatbox .chatbox-footer .form-group .image-holder .image-group:empty {display: none !important;}
.chat-main-screen .chatbox .chatbox-footer .form-group #image-holder .remove-image {border-radius: 9999px;font-size: 12px;padding: 3px 4px;top: 5px;right: -15px;}
.chat-main-screen .chat-item-textgrp a>img {object-fit: contain;object-position: center;}
.hidden-important {display: none !important;}
.chat-main-screen .chatbox .chatbox-footer .btn-site-theme {background-color: var(--theme-dark2) !important;border-color: var(--theme-dark2) !important;color: #ffffff !important;}

.category-swiper-slider .swiper-slide .card svg path {fill: #828282 !important;}
.category-swiper-slider .swiper-slide.swiper-slide-admin-cart-active .card svg path {fill: #292929 !important;}
.header-filter-order .select-options {min-width: 100px;position: relative;}
.header-filter-order .select-options::after {content: "\f107";font-family: "Font Awesome 6 Free";top: 50%;transform: translateY(-50%);right: 12px;font-weight: 900;position: absolute;pointer-events: none;}
.header-filter-order .select-options .form-control {background-color: #ffffff !important;background-image: none !important;}
.foodorder-box .foodorder-box-details .footer-box-main {max-height: calc(100vh - 270px) !important;overflow: auto;padding-right: 5px;padding-bottom: 5px;}
.footer-btn-sticky {bottom: 0px !important;}
.foodorder-box .foodorder-box-details .foodorder-box-details-footer {position: relative;top: 0px;margin-top: auto;}
.foodorder-box .foodorder-box-details .footer-box-main .footer-main-total {margin: 10px 0 0;}
.foodorder-box .foodorder-box-details .footer-box-details-header {flex-wrap: nowrap !important;}
.foodorder-box .foodorder-box-details .footer-box-main .footer-box-main-orderlist .footer-box-main-orderlist-main {min-height: initial !important;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list {padding-bottom: 2px !important;}
.foodorder-box .foodorder-box-details .footer-box-details-header .text-grp li {font-size: 16px !important;}
.foodorder-box .foodorder-box-details .footer-box-details-header .contact-list {flex: none;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list {max-height: calc(100vh - 150px) !important;}
.foodorder-box {margin-top: 14px !important;}
.food-order-main-content {padding-top: 25px !important;padding-bottom: 20px !important;}
.food-order-main-content .foodorder-box .foodorder-box-details .footer-box-main .footer-box-main-orderlist .footer-box-main-orderlist-main {max-height: none !important;}
.category-section .swiper-container {width: 100%;}
.page-link {color: var(--theme-dark2) !important;}
.active>.page-link, .page-link.active {background: #000000 !important;color: #ffffff !important;border-color: #000000 !important;}
.footer-box-main-orderlist-main-item {position: relative;}
.footer-box-main-orderlist-main-item .orderRead-more {display: flex;align-items: flex-start;gap: 15px;}
.footer-box-main-orderlist-main-item .orderRead-more .content-for-orders {padding-top: 0px;}
.content-for-orders .items-additional li {list-style-type: none;}
.content-for-orders ul {padding-left: 15px;}
.custom-select-wrapper {position: relative;display: inline-block;width: 100%;}
.custom-select {position: relative;font-family: Arial, sans-serif;}
.custom-select-trigger {display: flex;align-items: center;justify-content: space-between;padding: 10px;border: 1px solid #ccc;background-color: #ffffff;cursor: pointer;}
.custom-select-trigger img {margin-right: 10px;}
.custom-options {position: absolute;display: none;top: 100%;left: 0;right: 0;background-color: #ffffff;border: 1px solid #ccc;z-index: 2;}
.custom-options .custom-option {padding: 10px;cursor: pointer;display: flex;align-items: center;}
.custom-options .custom-option img {margin-right: 10px;}
.custom-options .custom-option:hover, .custom-options .custom-option.selected {background-color: #f0f0f0;}
.dishOptionRow .dishOptionCol {flex: 0 0 22%;max-width: 22%;}
.dishOptionRow .dishBtnAddCol {flex: 0 0 12%;max-width: 12%;}
.dishOptionRow .dishBtnAddCol button {width: 100%;}
.delivery-row .delivery-col {flex: 0 0 22%;max-width: 22%;}
.delivery-row .delivery-btnCol {flex: 0 0 12%;max-width: 12%;}
.delivery-row .delivery-btnCol button {width: 100%;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link .icon-span {width: 20px !important;flex: 0 0 20px;display: inline-flex !important;align-items: center;justify-content: center;max-width: 22px !important;margin-right: 20px;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link svg {width: 20px !important;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link .icon-span .hoverable {display: none;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link:hover .icon-span .hoverable, .menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link.activeMenu .icon-span .hoverable {display: block;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link:hover .icon-span .actual, .menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link.activeMenu .icon-span .actual {display: none;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link.activeMenu, .menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link:hover {background: transparent !important;color: #000000;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link {font-weight: 400 !important;}body .menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link {padding: 6px 8px 6px 15px !important;}
.horizontal_tab_setting {display: flex;align-items: flex-start;column-gap: 24px;}
.horizontal_tab_setting .left-sidebar-ul {flex: 0 0 260px;max-width: 260px;}
.horizontal_tab_setting .left-sidebar-ul .nav-tabs {border: 0px;column-gap: 0px;border-radius: 5px;overflow: hidden;background: #ffffff;padding-top: 30px;padding-bottom: 20px;}
.horizontal_tab_setting .tab-content {flex: auto;border: 0px;border-radius: 0px;overflow: hidden;box-shadow: none;}
.customize-tab.horizontal_tab_setting .nav-tabs .nav-item {flex: 0 0 100%;max-width: 100%;width: 100%;margin-bottom: 2px;}
.customize-tab.horizontal_tab_setting .nav-tabs .nav-item:last-child {margin-bottom: 0px;}
.customize-tab.horizontal_tab_setting .nav-tabs .nav-item .nav-link {border-radius: 0px !important;padding: 12px 8px 12px 0px;text-align: left;font-size: 14px;font-weight: 200;color: #000000;position: relative;}
.customize-tab.horizontal_tab_setting .nav-tabs .nav-item .nav-link:hover, .customize-tab.horizontal_tab_setting .nav-tabs .nav-item .nav-link.activeMenu {background: #ffffff !important;color: #000000;}
.customize-tab.horizontal_tab_setting .nav-tabs .nav-item .nav-link.activeMenu {font-weight: 400;}
.btn-site-theme {background: #000000;border: 1px solid transparent !important;color: #ffffff;display: inline-flex;align-items: center;justify-content: center;height: 50px;min-height: 50px;column-gap: 10px;border-radius: 5px;}
.btn-site-theme:hover, .btn-site-theme:active {color: #ffffff;background: linear-gradient(to bottom, rgba(77, 77, 77, 0.8), rgba(0, 0, 0, 1));background: #292929 !important;border-color: transparent;}
.btn-site-theme.btn:active {color: #ffffff;background-color: #292929;border-color: #292929;}
.btn-site-theme.btn-icon {height: 36px;min-height: 36px;}
.btn-site-link {color: var(--theme-color);}
.btn-site-link:hover, .btn-site-link:focus {color: var(--theme-color-hover);}

.paymentHistory-table .custom-switch .form-check-label {font-size: 16px;}
.menu-sidebar .offcanvas-body {padding-bottom: 20px !important;}
.search-has .form-control-feedback::before {color: var(--theme-dark2);}
.menu-sidebar .sidebar-menu-top-box {width: calc(100% - 40px);text-align: center;position: absolute !important;z-index: 2;bottom: 0px;background: #ffffff;left: 0px;right: 0px;margin: 0px auto;padding: 20px 8px 20px 4px;}
.menu-sidebar .menu-sidebar-inner {height: 100vh;overflow-y: auto;overflow-x: hidden;position: sticky;top: 0;display: block !important;padding-bottom: 30px;}
.menu-sidebar .menu-sidebar-inner .menu-label {display: block;margin-bottom: 10px;text-transform: uppercase;font-size: 10px;color: #727272;padding-top: 20px;padding-left: 14px;}
.menu-sidebar .sidebar-menu-top-box .dropdown {font-size: 14px;color: #292929;}
.sidebar-menu-top-box .text-truncate {font-size: 11px;color: #292929;max-width: 160px;text-overflow: ellipsis;overflow: hidden;}
.menu-sidebar .sidebar-menu-top-box .menu-signsignup-link>a {display: flex;align-items: center;justify-content: start;gap: 10px;}
.menu-sidebar .sidebar-menu-top-box .userPhoto {border-radius: 6px;overflow: hidden;width: 45px;flex: 0 0 45px;max-width: 45px;height: 45px;}
.menu-sidebar .sidebar-menu-top-box .userPhoto img {width: 100%;height: 100%;object-fit: contain;object-position: center;}
.menu-sidebar .sidebar-menu-top-box .dropdown-menu {background: transparent;border: 0px;border-radius: 0px;}
.menu-sidebar .sidebar-menu-top-box .dropdown-menu .log-out-item {display: inline-flex;width: auto;background: #ffffff;border-radius: 5px;overflow: hidden;align-items: center;justify-content: center;border: 1px solid #dcdcdc;padding: 10px 15px;color: #727272 !important;column-gap: 10px;}
.menu-sidebar .sidebar-menu-top-box .dropdown-menu .log-out-item:hover {background: #f3f3f3;}
.menu-sidebar {padding-left: 0 !important;margin-left: 0 !important;overflow-y: initial !important;}
.menu-sidebar .siderbarmenu-brand {text-align: left;padding: 11px 10px 11px 10px;border-bottom: 1px solid var(--box-border-color);margin-left: 20px;margin-right: 20px;display: flex;align-items: center;justify-content: space-between;margin-top: 2px;}
.dashboard-container {width: 100%;max-width: 1080px;margin: 0px auto;}
.dashboard-container .domain-details {display: flex;flex-direction: column;text-align: right;}
.dashboard-container .domain-details a {color: #4F4F4F;font-size: 16px;font-weight: 300;line-height: initial;text-decoration: underline;}
.dashboard-container .domain-details a.m-url {color: #242424;font-size: 24px;font-weight: 300;line-height: initial;text-decoration: none;}
.dashboard-container .logo-details .res-det h1 {font-size: 24px;font-weight: 300;}
.dashboard-container .logo-details .res-det p {font-size: 16px;font-weight: 300;}
.dashboard-action-head .dropdown .btn {background-color: transparent;border: 0px !important;box-shadow: none !important;outline: 0 !important;padding: 0px !important;font-size: 20px;color: #000000;}
.dashboard-action-head .dropdown .btn::after {background-image: url(../images/dropdown-angle.png);content: "";width: 9px;height: 9px;background-repeat: no-repeat;background-position: center;margin-left: 10px;}
.dashboard-action-head .dropdown * {font-size: 14px;}
.dashboard-action-head h2 {font-size: 20px;font-weight: 300;color: #000000;margin-bottom: 0px;}
.dashboard-inn-box .row {margin: 0px -5px;}
.dashboard-inn-box .row .col {padding: 0px 5px;}
.dashboard-inn-box .row .col .dt-box {border-radius: 8px;background: #ffffff;padding: 12px;}
.dashboard-inn-box .dt-box h3 {font-size: 20px;text-transform: capitalize;margin-bottom: 15px;font-weight: 400;}
.dashboard-inn-box .dt-box h4 {font-size: 32px;font-weight: 500;margin-bottom: 0px;}
.dashboard-inn-box .dt-box .roi {font-size: 13px;color: #3BCE62;font-weight: 500;margin-bottom: 0px;}
.dashboard-inn-box .dt-box .roi.danger {color: #E41A1A;}
.see-more {font-weight: 300;color: #000000;text-transform: capitalize;}
.see-more:hover, .see-more:focus {text-decoration: underline;}
.plans-section .card-box {padding: 10px 15px;background: #ffffff;border-radius: 5px;display: flex;align-items: center;justify-content: space-between;}
.plans-section .card-box h3 {font-size: 16px;font-weight: 300;color: #000000;}
.plans-section .card-box .btn {padding: 6px 34px;font-size: 14px;font-weight: 300;text-align: center;}
.plans-section .card-box .btn.btn-outline-success {color: #3BCE62;border: 1px solid #3BCE62;border-radius: 5px;}
.plans-section .card-box .btn.btn-outline-success:hover, .plans-section .card-box .btn.btn-outline-success:focus {background: #3BCE62;color: #ffffff;}
.plans-section .card-box .btn.btn-outline-secondary {color: #383838;border: 1px solid #383838;}
.plans-section .card-box .btn.btn-outline-secondary:hover, .plans-section .card-box .btn.btn-outline-secondary:hover:focus {color: #ffffff;background: #383838;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link {color: #626262 !important;}
/*.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link.active, .menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link:hover {color: #000000 !important;}*/
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link.activeMenu, .menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link:hover {color: #000000 !important;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item {margin-bottom: 0px !important;}
.order-page .order-page-bar {position: relative;margin-bottom: 24px !important;}
.order-page-bar .page-title {font-size: 34px;font-weight: normal;color: #292929;display: flex;gap: 10px;line-height: inherit;}
.order-page-bar .page-title .count {display: inline-flex;align-items: center;justify-content: center;text-align: center;background: #D9D9D9;border-radius: 5px;color: #000000;font-size: 24px;height: 48px;min-width: 48px;}
.order-page-bar .drop_with_search {display: flex;background: #ffffff;border-radius: 5px;overflow: hidden;}
.order-page-bar .drop_with_search .select-options {min-width: 120px;border-right: 1px solid #d7d7d7;padding-right: 10px;}
.order-page-bar .drop_with_search .select-options .form-control {padding-left: 20px;width: 146px;font-size: 12px;}
.order-page-bar .filter-options {min-width: 200px;}
.order-page-bar .filter-options .form-control {background-color: #ffffff;height: 42px;max-height: 42px;border: 0px;}

.order-page-bar .form-control::-webkit-input-placeholder {font-size: 12px;color: #3d3d3d;font-weight: 300;}
.order-page-bar .form-control::-moz-placeholder {font-size: 12px;color: #3d3d3d;font-weight: 300;}
.order-page-bar .form-control:-ms-input-placeholder {font-size: 12px;color: #3d3d3d;font-weight: 300;}
.order-page-bar .finance_auth_form .form-control:-moz-placeholder {font-size: 12px;color: #3d3d3d;font-weight: 300;}
.filter-options .form-control {padding-left: 20px;color: #3d3d3d;font-weight: 300;}
.order-listing-container {position: relative;overflow: auto;}
.order-listing-container .order-col .order-box {overflow: hidden;border: 0px;background: #ffffff;border-radius: 5px;padding: 6px 16px 6px 4px;display: flex;box-shadow: 0px 10px 10px -10px rgba(0, 0, 20, 0.17);height: 100%;}
.order-listing-container .order-col .order-box * {font-size: 14px;font-weight: 300;color: #292929;}
.order-listing-container .order-col .order-box .price_status * {font-size: 12px;font-weight: 300 !important;}
.order-listing-container .order-col .order-box .actions {margin-left: auto;display: flex;align-items: center;padding-left: 10px;}
.order-listing-container .order-col .order-box .actions .btn {border-radius: 5px;border: 1px solid rgb(156 156 156 / 40%);text-align: center;background-color: rgb(156 156 156 / 40%);color: #000000;font-weight: 400;font-size: 12px;display: flex;align-items: center;justify-content: center;margin-left: 5px;flex: 0 0 104px;max-width: 104px;width: 104px;padding: 5px 3px !important;border: 0px !important;}
.order-listing-container .order-col .order-box .actions .btn:hover {background: #000000;color: #ffffff;}
.order-listing-container .order-col .order-box .actions .btn.outline-danger {border-color: rgb(183 58 58 / 40%);color: #000000;background-color: rgb(183 58 58 / 40%) }
.order-listing-container .order-col .order-box .actions .btn.outline-danger:hover {color: #ffffff;background: #B73A3A;}
.order-listing-container .order-col .order-box .actions .btn.outline-warning {border-color: rgb(248 182 2 / 40%);color: #000000;background-color: rgb(248 182 2 / 40%) }
.order-listing-container .order-col .order-box .actions .btn.outline-warning:hover {background: #FFC00B;color: #ffffff;}
.order-listing-container .order-col .order-box .actions .btn.outline-success {border-color: rgb(59 206 98 / 40%);color: #000000;background-color: rgb(59 206 98 / 40%) }
.order-listing-container .order-col .order-box .actions .btn.outline-success:hover {background: #3BCE62;color: #ffffff;}
.order-box .actions h5, .order-box .actions a {white-space: nowrap;}
.order-listing-container .order-col .order-box .details {display: flex;align-items: center;justify-content: space-between;border-right: 1px solid var(--form-border-color);padding-right: 15px;border-left: 1px solid var(--form-border-color);padding-left: 18px;flex: auto;padding-top: 10px;padding-bottom: 10px;}
.order-listing-container .order-col .order-box .timing {flex: 0 0 90px;max-width: 90px;display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;position: relative;top: 2px;}
.price_status b {font-weight: 500 !important;}
.price_status img {object-fit: contain;object-position: center;max-height: 16px;margin-top: 5px }
.price_status svg {margin-top: 10px }
.price_status {flex: 0 0 110px;max-width: 110px;width: 110px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.order-col .order-box .details .left {display: flex;align-items: center;column-gap: 38px;}
.order-col .order-box .details .left h4 {font-weight: 500;margin-bottom: 0px;}
.order-col .order-box .details .left .label-icon {width: 20px;flex: 0 0 20px;max-width: 20px;overflow: hidden;}
.order-col .order-box .details .left .label-icon img {width: 100%;height: 20px;object-fit: contain;object-position: center;border-radius: 3px;}
.custom-order-detail-modal .modal-header-section img {max-width: 33px;}
.order-listing-container .order-col .order-box .timing h3 {font-size: 13px;margin-bottom: 0px;}
.order-listing-container .order-col .order-box .timing label {display: flex;align-items: center;min-width: 50px;text-align: center;justify-content: center;border-radius: 0;height: auto;background: transparent !important;padding: 0px 1px;text-transform: uppercase;font-size: 12px;color: #000000 !important;}
.order-listing-container .order-col .order-box .timing label.success {background: #3BCE62;}
.order-listing-container .order-col .order-box .timing label.danger {background: #FF3355;}
.order-listing-container .order-col .order-box .details .right p:first-child {white-space: nowrap;}
.order-listing-container .order-col .order-box .details .left p {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.order-page .pagination-custom, .order-page .pagination {display: flex;gap: 5px;padding: 0px;}
.order-page .pagination-custom .page-item .page-link, .order-page .pagination .page-item .page-link {border-radius: 5px;padding: 0px 5px;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;text-align: center;flex: 0 0 34px;max-width: 34px;background: transparent;border: 1px solid transparent !important;font-size: 11px;outline: none;min-width: 34px;box-shadow: none;color: #000000;}
.order-page .pagination .page-item:first-child .page-link, .order-page .pagination .page-item:last-child .page-link {font-size: 11px;min-width: 70px;width: 70px;background: transparent;box-shadow: none;}
.order-page .pagination .page-item:first-child .page-link span, .order-page .pagination .page-item:last-child .page-link span {font-size: 20px;pointer-events: none;display: inline-block;position: relative;top: -1px;}
.order-page .pagination .page-item:first-child .page-link span {padding-right: 5px;}
.order-page .pagination .page-item:last-child .page-link span {padding-left: 5px;}
.order-page .pagination-custom .page-item.active .page-link, .order-page .pagination .page-item.active .page-link {background-color: transparent !important;color: #000000 !important;border: 1px solid #000000 !important;}
.order-page .pagination-custom .page-item .page-link:hover, .order-page .pagination .page-item .page-link:hover {background-color: transparent !important;color: #000000 !important;}
.order-page .filter-btn-group {display: flex;gap: 10px;padding-left: 24px;}
.order-page .filter-btn-group button {border-radius: 5px;margin-left: 0px;padding: 0px;background-color: #646464;color: white;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border: 0px;}
.order-page .filter-btn-group button img {max-width: 20px;margin: 0px auto;}
.order-page .filter-btn-group button:hover {background-color: #555;}
.count-filter {background-color: #000000;color: white;height: 18px;width: 19px;border-radius: 50%;display: inline-block;position: absolute;left: initial;top: -8px;right: -3px;}
.order-detail-popup .modal-dialog {max-width: 1274px;width: 100%;}
.order-detail-popup .modal-dialog .icon-logo {margin-right: 14px;max-width: 33px;}
.order-detail-popup .modal-dialog .modal-content {border-radius: 20px;box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.35);border: 0px;}
.order-detail-popup .modal-dialog .modal-header {padding: 20px 20px 20px 20px;display: block;}
.order-detail-popup .modal-dialog .modal-header .head-flex {display: flex;align-items: center;justify-content: space-between;}
.order-detail-popup .head-flex h3 {text-transform: uppercase;font-size: 18px;color: #444444;font-weight: normal;}
.order-detail-popup .order-status {display: flex;gap: 20px;width: 100%;margin: 0px 0px;flex-wrap: wrap;}
.order-detail-popup .order-status .order-cols-status {flex: 0 0 calc(25% - 15px);max-width: calc(25% - 15px);padding: 0px 0px;margin-bottom: 20px;}
.order-detail-popup .order-status .status-option {display: flex;align-items: center;border: 1px solid var(--border-color);padding: 0px 0px;border-radius: 16px;background-color: white;cursor: pointer;position: relative;height: 48px;overflow: hidden;}
.order-detail-popup .status-option span {color: #000000;height: 100%;font-size: 20px;font-weight: 300;flex: auto;display: flex;align-items: center;justify-content: center;border-left: 0px;background: #ffffff;}
.order-detail-popup .status-option.active label {background: var(--theme-color);color: white;}
.order-detail-popup .status-option.active::before {background-color: #000000;border: 3px solid #ffffff;box-shadow: 0px 1px 6px 0px #434343;}
.order-detail-popup .nav-tabs {margin: 0px -20px;}
.order-detail-popup .nav-tabs .nav-link {background: var(--theme-color);border-radius: 0px;padding: 13px 10px;color: #ffffff;font-size: 14px;font-weight: 300;border: 0px;}
.order-detail-popup .nav-tabs .nav-item {max-width: 33.33%;}
.create-order-manual {display: inline-flex;align-items: center;justify-content: center;}
.order-detail-popup .nav-tabs .nav-link.active {background: #01507A;color: #ffffff;}
.order-detail-popup .tab-content {padding: 25px 20px 0px !important;margin: 0px -20px;overflow: auto;min-height: 375px;max-height: 375px;}
.order-detail-popup .modal-footer {position: relative;padding: 20px 20px;border: 0px;}
.order-detail-popup .modal-body {padding: 40px 20px;}
.btn-outline-danger:hover {color: #ffffff !important;}
.order-detail-popup .modal-footer .btn-outline-secondary {color: #000000 !important;border-color: #000000;}
.order-detail-popup .modal-footer .btn-outline-secondary:hover, .order-detail-popup .modal-footer .btn-outline-secondary:focus {color: #000000 !important;}
.order-detail-popup .modal-footer .note {font-size: 16px;color: #444444;text-transform: uppercase;margin-bottom: 0px;font-weight: 400;gap: 4px }
.order-detail-popup .modal-footer .note img {max-width: 15px;}
.order-detail-popup .order-status .status-option label {flex: 0 0 calc(100% - 52px);height: 100%;display: flex;align-items: center;justify-content: center;border-left: 1px solid #dcdcdc;}
.order-detail-popup .status-option [type="radio"]:checked, .order-detail-popup .status-option [type="radio"]:not(:checked) {position: absolute;left: 0;width: 100%;z-index: 1;height: 100%;opacity: 0;cursor: pointer;}
.order-detail-popup .status-option [type="radio"]:checked+span, .order-detail-popup .status-option [type="radio"]:not(:checked)+span {position: relative;padding-left: 0px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
.order-detail-popup .status-option [type="radio"]:checked+span:before, .order-detail-popup .status-option [type="radio"]:not(:checked)+span:before {content: '';position: absolute;left: 16px;top: 50%;width: 18px;height: 18px;border: 1px solid #000000;border-radius: 100%;background: #ffffff;transform: translateY(-50%);}
.order-detail-popup .status-option [type="radio"]:not(:checked)+span:before {border-color: #D9D9D9;}
.order-detail-popup .status-option [type="radio"]:checked+span:after, .order-detail-popup .status-option [type="radio"]:not(:checked)+span:after {content: '';width: 12px;height: 12px;background: #000000;position: absolute;top: 50%;left: 19px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;transform: translateY(-50%) !important;}
.order-detail-popup .status-option [type="radio"]:not(:checked)+span:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.order-detail-popup .status-option [type="radio"]:checked+span:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.order-detail-popup .order-delivered .status-option.active {border-color: #000000 !important;}

.order-detail-popup .order-delivered .status-option label {border: 0px !important;}
.order-detail-popup .order-delivered .status-option.active label {background: #ffffff !important;color: #000000 !important;}
.items-in-row * {font-size: 14px;font-weight: 500;}
.dish-ing {font-weight: 400 !important;}
.items-in-row .price {font-weight: 400;font-size: 14px;min-width: 150px;}
.items-in-row .item-option h5 {font-size: 14px;white-space: nowrap;font-weight: 400;}
.items-in-row .item-option h6 {font-size: 14px;font-weight: 500;}
.items-in-row .item-option ul li {font-weight: 500;font-size: 14px;display: flex;align-items: center;white-space: nowrap;}
.dish-details-row {display: flex;flex-wrap: wrap;margin: 0px -20px;}
.dish-details-row * {font-size: 14px;}
.dish-details-row .item-option .dish-ing {color: #1F1F1F;font-weight: 300 !important;}
.dish-details-row .ord_listing {flex: 0 0 100%;max-width: 100%;margin-bottom: 30px !important;}
.items-in-row .item-option ul li span {flex: 0 0 20px;max-width: 20px;}
.order-detail-popup .tab-pane {padding-left: 0px;padding-right: 0px;}
.items-in-row .num-items {flex: auto;padding-right: 20px;}
.items-in-row .num-items h4 {flex: 0 0 30px;max-width: 30px;}
.items-in-row ul {list-style-type: none;padding-left: 10px;}
.order-detail-popup .table-content * {font-size: 14px;}
.text-underline {text-decoration: underline;}
.order-detail-popup .table-content p {margin-bottom: 0px;}
.order-detail-popup .table-content table th, .order-detail-popup .table-content table td {padding: 15px 4px;vertical-align: top;}
.order-detail-popup .table-content table th {font-weight: 400;color: #000000;min-width: 180px;}
.order-detail-popup .table-content table td {font-weight: 500;color: #303030;}
.timing-details .timing-row {display: flex;align-items: center;margin-bottom: 10px;}
.timing-details .timing-row>label {flex: 0 0 180px;max-width: 180px;font-size: 14px;color: #000000;}
.timing-details .timing-row .timing-col {display: flex;align-items: center;column-gap: 5px;}
.timing-details .timing-row .timing-col .t-box {flex: 0 0 75px;max-width: 75px;display: inline-flex;align-items: center;justify-content: center;text-align: center;background: var(--border-color);border-radius: 5px;font-size: 14px;color: #000000;font-weight: 500;height: 30px;border: 0px;box-shadow: none;outline: none;}
.timing-details .timing-row .timing-col .t-box.bg-transperent {background: transparent;}
.timing-details .timing-row .timing-col div:nth-child(2) {flex: 0 0 85px;max-width: 85px;height: 30px;font-size: 14px;color: #303030;font-weight: 500;display: inline-flex;align-items: center;justify-content: center;text-align: center;}
.order-detail-popup .tab-map {border-radius: 5px;overflow: hidden;border: 1px solid #C9C9C9;}
.order-detail-popup .tab-map img {width: 100%;}
.order-setting-popup .modal-dialog {max-width: 570px;border: 0px;border-radius: 5px;}
.order-setting-popup .modal-body {padding: 30px 20px;}
.order-setting-popup .radio-tabs .status-option {border-radius: 5px;}
.order-setting-popup .date-options-row {flex-wrap: wrap;}
.order-setting-popup .ml-content .radio-option {margin-bottom: 6px;}
.order-setting-popup .ml-content .radio-group .radio-option span {border: 1px solid #d9d9d9;color: #545454;font-size: 11px;font-weight: 400;text-transform: uppercase;border-radius: 5px;}
.order-setting-popup .ml-content .radio-group .radio-option input:checked+span {border: 1px solid #000000;}
.time-date-controls .form-control {border-right: 0px;min-height: 36px;max-height: 36px;border-radius: 5px;border-color: #d9d9d9;}
.time-date-controls .input-group .input-group-text {background: #ffffff;border-left: 0px;}
.time-date-controls .input-group .input-group-text i {color: #d9d9d9;}
.order-setting-popup .modal-dialog .modal-content {border-radius: 5px;}
.order-setting-popup .modal-dialog .modal-header {padding: 25px 20px;font-size: 20px;font-weight: 300;border: 0px;color: #000000;}
.order-setting-popup .modal-body h3 {font-size: 11px;font-weight: 300;color: #6D6D6D;}

.radio-tabs {display: flex;column-gap: 8px;}
.radio-tabs .status-option {display: flex;align-items: center;border: 1px solid var(--border-color);padding: 0px 0px;border-radius: 16px;background-color: white;cursor: pointer;position: relative;height: 54px;overflow: hidden;flex: 0 0 calc(50% - 4px);max-width: calc(50% - 4px);}
.radio-tabs .status-option label {flex: 0 0 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-left: 0px;font-size: 13px;color: #2F2F2F;font-weight: 300;}
.radio-tabs .status-option [type="radio"]:checked, .radio-tabs .status-option [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.radio-tabs .status-option [type="radio"]:checked+span, .radio-tabs .status-option [type="radio"]:not(:checked)+span {position: relative;padding-left: 0px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
.radio-tabs .status-option [type="radio"]:checked+span:before, .radio-tabs .status-option [type="radio"]:not(:checked)+span:before {content: '';position: absolute;left: 16px;top: 50%;width: 18px;height: 18px;border: 1px solid #000000;border-radius: 100%;background: #ffffff;transform: translateY(-50%);}
.radio-tabs .status-option [type="radio"]:not(:checked)+span:before {border-color: #D9D9D9;}
.radio-tabs .status-option [type="radio"]:checked+span:after, .radio-tabs .status-option [type="radio"]:not(:checked)+span:after {content: '';width: 12px;height: 12px;background: #000000;position: absolute;top: 50%;left: 19px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;transform: translateY(-50%) !important;}
.radio-tabs .status-option [type="radio"]:not(:checked)+span:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.radio-tabs .status-option [type="radio"]:checked+span:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.radio-tabs .status-option.active {background: #000000;}
.radio-tabs .status-option.active * {color: #ffffff !important;}
.radio-tabs .order-delivered .status-option.active {border-color: #000000 !important;}
.radio-tabs .order-delivered .status-option label {border: 0px !important;}
.radio-tabs .order-delivered .status-option.active label {background: #ffffff !important;color: #000000 !important;}
.order-setting-content select.form-control {min-height: 50px;max-height: 50px;}
.order-setting-popup .note {font-size: 11px;font-weight: 300;color: #6D6D6D;}
.header-filter-order .customer-dropdown .dropdown-toggle {min-height: 42px;border: 0px;border-radius: 5px;background: #ffffff;min-width: 200px;text-align: left;font-size: 12px;}
.header-filter-order .customer-dropdown .dropdown-toggle::after {float: right;position: relative;top: 4px;}
.header-filter-order .customer-dropdown .order-filter {border-radius: 5px;padding: 15px;min-width: 275px;}
.header-filter-order .customer-dropdown .order-filter li {margin-bottom: 6px;}
.header-filter-order .customer-dropdown .order-filter li:last-child {margin-bottom: 0px;}
.header-filter-order .customer-dropdown .order-filter li label {font-size: 12px;color: #232323;}
.header-filter-order .order-filter .checkbox-label {color: white;font-size: 18px;position: relative;padding-left: 30px;cursor: pointer;}
.header-filter-order .order-filter .checkbox-label input {position: absolute;opacity: 0;cursor: pointer;}
.header-filter-order .order-filter .checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #eee;border: 1px solid #000000;border-radius: 5px;}
.header-filter-order .order-filter .checkbox-label input:checked~.checkmark {background-color: #000000;}
.header-filter-order .order-filter .checkmark:after {content: "";position: absolute;display: none;}
.header-filter-order .order-filter .checkbox-label input:checked~.checkmark:after {display: block;}
.header-filter-order .order-filter .checkbox-label .checkmark:after {left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.cancel-btn {gap: 10px;top: 20px;position: relative;}
.sound-check {background: transparent !important;border: none !important;}
.header-filter-order .order-filter .title-hr {font-size: 12px;font-weight: 500;padding-bottom: 5px;border-bottom: 1px solid #dddddd;margin-bottom: 8px;}
.order-type-group {display: flex;align-items: center;margin-bottom: 12px;flex-wrap: wrap;row-gap: 10px;}
.order-type-input {display: none;}
.order-type-label {display: inline-flex;align-items: center;justify-content: center;padding: 4px 8px;margin-right: 10px;border: 0.5px solid #D9D9D9;border-radius: 30px;cursor: pointer;font-size: 12px;white-space: nowrap;}
.order-type-input+.order-type-label::before {content: '';display: inline-block;width: 16px;height: 16px;min-width: 16px;margin-right: 5px;border-radius: 50%;border: 0.5px solid #ddd;}
.order-type-input:checked+.order-type-label {border-color: #000;background-color: #000000;color: #ffffff;}
.order-type-input:checked+.order-type-label::before {content: '✔';background-color: #000000;color: #ffffff;border-color: #D9D9D9;padding: 0;font-size: 10px;text-align: center;}
.order-type-delivery-input:checked+.order-type-delivery-label {border-color: #d9d9d9;background-color: #ffffff;color: #000000;}
.order-type-delivery-label::before {content: '';border-color: #ddd;}
.order-type-delivery-input:checked+.order-type-delivery-label::before {content: '✔';}
.order-type-takeaway-input:checked+.order-type-takeaway-label {border-color: #d9d9d9;background-color: #ffffff;color: #000000;}
.order-type-takeaway-label::before {content: '';border-color: #ddd;}
.order-type-takeaway-input:checked+.order-type-takeaway-label::before {content: '✔';}
.header-top {position: sticky;background: #ffffff;padding: 18px 0px;z-index: 9;top: 0px;max-height: 68px;border-bottom: 0.5px solid var(--border-color);}
.header-top .header-container {padding: 0px 24px;}
.header-top .header-container .header-row {display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.header-top .header-container .header-row .icon-logo {max-width: 36px;}
.header-top .header-container .header-row .left {display: flex;align-items: center;column-gap: 20px;}
.header-top .header-container .header-row .left h1 {font-size: 16px;font-weight: 300;display: flex;align-items: center;column-gap: 15px;}
.header-top .header-container .header-row .left h1 label {display: inline-flex;align-items: center;justify-content: center;background: #000000;color: #ffffff;text-align: center;font-size: 20px;border-radius: 5px;height: 30px;min-width: 30px;}
.header-top .header-container .header-row .right {display: flex;align-items: center;column-gap: 25px;}
.header-top .header-container .header-row .right .chat-link {position: relative;}
.header-top .header-container .header-row .right .chat-link .count {position: absolute;display: inline-flex;width: 13px;height: 13px;align-items: center;justify-content: center;text-align: center;color: #ffffff;background: #E12727;border-radius: 9999px;font-size: 10px;font-weight: 300;right: -5px;top: -2px;pointer-events: none;}
.header-top .header-container .header-row .right .profile-link img {height: 32px;width: 32px;object-fit: cover;border-radius: 6px;overflow: hidden;}

.header-top .header-container .header-row .right .profile-link {font-size: 14px;font-weight: 300;color: #242424;}
.header-top .header-container .header-row .right .profile-link .btn {outline: none;font-size: 10px;font-weight: 300;border: 1px solid var(--box-border-color);padding: 3px 6px 3px 6px;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 5px;min-height: 36px;}
.header-top .right .profile-link .dropdown-menu {min-width: 300px;box-shadow: none;border-radius: 5px;overflow: hidden;border: 0.5px solid var(--border-color) !important;outline: none;padding: 0px;}
.header-top .right .profile-link .dropdown-menu .title {padding: 18px 18px 8px;font-size: 14px;color: #858585;}
.header-top .right .profile-link .dropdown-menu li a{display: flex;align-items: center;gap: 15px;border-bottom: 0.5px solid var(--border-color);font-size: 14px;padding: 16px 18px;}
.header-top .right .profile-link .dropdown-menu li a .icon {flex: 0 0 18px;max-width: 18px;display: flex;align-items: center;justify-content: center;text-align: center;}
.header-top .right .profile-link .dropdown-menu li:last-child a {border-bottom: 0px !important;}
.dropdown-menu li .dropdown-item {border-radius: 5px;}
.header-belt {display: flex;gap: 10px;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.header-belt .title {display: flex;align-items: center;column-gap: 24px;font-size: 34px;font-weight: 400;}
.header-belt .btns-group {display: flex;gap: 17px;justify-content: space-between;align-items: center;}
.header-belt .btns-group .search-box {min-width: 280px;}
.header-belt .btns-group .search-box .form-group {position: relative;}
.header-belt .btns-group .search-box .form-control {background: #ffffff;border: 0px;outline: none;box-shadow: none;font-size: 12px;color: #898989;padding: 5px 20px;height: 42px;border-radius: 5px;min-height: 42px;}
.header-belt .btns-group .search-box .form-control::-webkit-input-placeholder {font-size: 12px;color: #898989;}
.header-belt .btns-group .search-box .form-control::-moz-placeholder {font-size: 12px;color: #898989;}
.header-belt .btns-group .search-box .form-control:-ms-input-placeholder {font-size: 12px;color: #898989;}
.header-belt .btns-group .search-box .form-control:-moz-placeholder {font-size: 12px;color: #898989;}
.header-belt .btns-group .search-box .form-control-feedback {position: absolute;top: 50%;transform: translateY(-50%);right: 17px;opacity: 0.7;pointer-events: none;z-index: 1;}
.header-belt .btns-group .btn {display: inline-flex;min-width: 190px;align-items: center;justify-content: center;text-align: center;height: 42px;font-size: 12px;color: #000000;background: #ffffff;border-radius: 5px;overflow: hidden;}
.header-belt .btns-group .btn.btn-danger {color: #ffffff;background: #BF2323;}
.order-content-container {position: relative;}
.order-content-container .order-content-row {margin: 0px -15px;display: flex;align-items: flex-start;flex-wrap: wrap;}
.order-content-container .order-content-col {padding: 0px 15px;flex: 0 0 70%;max-width: 70%;}
.order-content-container .order-content-col.sidebar-col {flex: 0 0 30%;max-width: 30%;}
.sub-title {font-size: 17px;font-weight: 400;margin-bottom: 15px;}
.tab-listing {position: relative;display: flex;align-items: flex-start;margin: 0px -6px;padding: 0px;list-style-type: none;flex-wrap: wrap;margin-bottom: 20px;}
.tab-listing li {padding: 0px 6px;margin-bottom: 12px;}
.tab-listing li a {padding: 5px 10px;height: 43px;display: flex;align-items: center;justify-content: center;min-width: 127px;text-align: center;background: #ffffff;overflow: hidden;border-radius: 8px;font-size: 17px;}
.tab-listing li a:hover, .tab-listing li a.active {color: #ffffff;background: #000000 !important;border-color: transparent;}
.order-listing-row {margin: 0px -10px;display: flex;flex-wrap: wrap;}
.order-listing-row .order-listing-col {margin-bottom: 20px;padding: 0px 10px;flex: 0 0 25%;max-width: 25%;}
.order-listing-row .order-listing-col .dish-box {background: #ffffff;border-radius: 12px;overflow: hidden;border: 0px;padding: 14px;padding-top: 30px;position: relative;text-align: center;}
.order-listing-row .order-listing-col .dish-box .discount {display: inline-flex;width: 50px;height: 22px;align-items: flex-end;justify-content: center;text-align: center;background: #3BCE62;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;position: absolute;z-index: 1;top: 0px;left: 30px;pointer-events: none;font-size: 14px;font-weight: 400;color: #ffffff;}
.order-listing-row .order-listing-col .dish-box .image {text-align: center;margin-bottom: 10px;}
.order-listing-row .order-listing-col .dish-box .image img {max-width: 135px;width: 100%;height: 86px;object-fit: contain;}
.order-listing-row .order-listing-col .dish-box .details h3 {font-size: 12px;font-weight: 300;text-transform: capitalize;margin-bottom: 15px;}
.order-listing-row .order-listing-col .dish-box .details .price-btn {display: inline-flex;align-items: center;justify-content: center;padding: 5px 10px;min-width: 140px;height: 34px;white-space: nowrap;font-size: 12px;color: #ffffff;font-weight: 400;text-align: center;border-radius: 5px;overflow: hidden;background: #000000;margin-bottom: 8px;border: 0px;}
.order-listing-row .order-listing-col .dish-box .details .price-btn:hover, .order-listing-row .order-listing-col .dish-box .details .price-btn:focus {background: #292929 !important;}
.order-listing-row .order-listing-col .dish-box .details .customizable {display: flex;justify-content: center;color: #949494;font-size: 10px;font-weight: 400;}
.order-content-row .sidebar-col .order-content-box {display: flex;flex-direction: column;gap: 12px;height: 100vh;overflow: auto;max-height: calc(100vh - 180px);}
.order-content-box::-webkit-scrollbar {display: none;}
.order-content-box {-ms-overflow-style: none;scrollbar-width: none;}
.order-content-row .order-content-box .manual-order-box {border-radius: 5px;padding: 16px 20px;background: #ffffff;}
.order-content-row .manual-order-box .title-icon {display: flex;align-items: center;column-gap: 12px;font-size: 14px;color: #656565;font-weight: 300;text-transform: uppercase;margin-bottom: 18px;}
.order-content-row .manual-order-box .title-icon span {display: flex;align-items: center;justify-content: center;flex: 0 0 25px;max-width: 25px;text-align: center;}
.order-content-row .manual-order-box .title-icon span img {margin: 0px auto;}
.manual-order-box {position: relative;}
.manual-order-box .close-ico {position: absolute;top: 20px;right: 20px;z-index: 1;background: #ffffff;border: 0px;outline: none;box-shadow: none;}
.create-order-breadcrumb {margin: 2px -7px 0px -7px;}
.ml-content .content * {font-size: 14px;}
.ml-content .content p {font-size: 14px;font-weight: 300;}
.ml-content .content b {font-weight: 600;}
.ml-content .content a {font-weight: 300;color: #2E53B1;}
.ml-content .content a:hover {text-decoration: underline;}
.header-belt .btns-group .search-box.left-icon .form-control-feedback {left: 17px;right: initial;}
.header-belt .btns-group .search-box.left-icon .form-control {padding-left: 50px;}
.ml-content .radio-group {display: flex;justify-content: space-between;}
.ml-content .radio-group .radio-option {display: flex;align-items: center;padding: 0px;border-radius: 0px;cursor: pointer;transition: all 0.3s ease;border: none;flex: 0 0 calc(50% - 3px);max-width: calc(50% - 3px);}
.ml-content .radio-group .radio-option input {display: none;}
.ml-content .radio-group .radio-option span {margin-left: 0px;font-size: 14px;width: 100%;font-weight: 300;color: #000000;display: flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 5px;overflow: hidden;position: relative;text-transform: capitalize;padding: 9px 18px 9px 38px;}
.ml-content .radio-group .radio-option input:checked+span {font-weight: 300;color: #000000;}
.ml-content .radio-group .radio-option input:not(:checked)+span::before {content: '';display: inline-block;width: 18px;height: 18px;border-radius: 50%;background-color: transparent;border: 1px solid #D9D9D9;margin-right: 0;left: 20px;position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);}
.ml-content .radio-group .radio-option input:checked+span::before {content: '';display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color: #000000;margin-right: 0;left: 20px;position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);}
.ml-content .radio-group .radio-option input:checked+span::after {content: '';display: inline-block;width: 20px;height: 20px;border-radius: 50%;background-color: transparent;border: 1px solid #000000;margin-right: 8px;left: 16px;position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);}
.ml-content .radio-group .radio-option input:checked+span {border: 1px solid var(--form-border-color);}
.search-dropdown-option {position: relative;}
.search-dropdown-option .search-box .form-group {position: relative;}
.search-dropdown-option .search-box .form-group .form-control {border-radius: 5px;border: 1px solid #D9D9D9;padding-left: 44px;width: 100%;display: block;}
.search-dropdown-option .search-box .form-group .fa-search {position: absolute;left: 20px;opacity: 0.7;top: 50%;transform: translateY(-50%);pointer-events: none;}
.order-dt-row {display: flex;flex-direction: column;gap: 10px;}
.order-dt-row .order-dt-col .order-dt-box {padding: 12px;background: #ffffff;border: 1px solid var(--border-color);border-radius: 5px;}
.order-dt-row .order-dt-box .order-title {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.order-dt-row .order-dt-box .order-title h2 {display: flex;align-items: center;margin-bottom: 0px;flex: auto;cursor: pointer;}
.order-dt-row .order-dt-box .order-title h2 a {cursor: pointer;display: flex;align-items: center;font-size: 14px;font-weight: 500;margin-bottom: 0px;flex: 0 0 100%;width: 100%;column-gap: 2px;}
.order-dt-row .order-dt-box .order-title h2 b {flex: 0 0 15px;max-width: 15px;font-weight: 500;}
.order-dt-row .order-dt-box .order-title h2 .name {text-decoration: underline;}
.order-dt-row .order-dt-box .order-title h3 {font-size: 16px;margin-bottom: 0px;}
.order-dt-row .order-dt-box ul {list-style-type: none;padding: 0px;}
.order-dt-row .order-dt-box ul li {font-size: 12px;color: #292929;}
.order-dt-row .order-dt-box .order-footer {display: flex;align-items: center;justify-content: space-between;}
.order-dt-row .order-dt-box .order-footer .note {max-width: 250px;}
.order-dt-row .order-dt-box .order-footer .note a {font-size: 12px;text-decoration: underline;color: #000000;line-height: initial;}
.order-dt-row .order-dt-box .order-footer .add-remove-item .foodqty {display: flex;align-items: center;}
.order-dt-row .order-dt-box .order-footer .add-remove-item .foodqty>span {height: 30px !important;min-width: 30px !important;border-color: #d9d9d9 !important;width: 30px;flex: 0 0 30px !important;display: flex !important;align-items: center;justify-content: center;background: #d9d9d9 !important;box-shadow: none;border: 0px !important;cursor: pointer;border-radius: 9999px;}
.order-dt-row .order-dt-box .order-footer .add-remove-item .foodqty .count {flex: 0 0 30px;max-width: 30px;text-align: center;font-size: 14px;color: #292929;font-weight: 300;border: 0px;border-radius: 0px;box-shadow: none;outline: none;}
.input-container {display: flex;align-items: center;border: 1px solid #d9d9d9;border-radius: 5px;padding: 12px 10px;width: 100%;box-sizing: border-box;}
.percentage-input {border: none;font-size: 20px;width: 100%;text-align: center;outline: none;font-weight: 300;box-shadow: none;outline: none;color: #373737;}
.percentage-symbol {font-size: 16px;color: #666;margin-left: 10px;flex: 0 0 124px;max-width: 124px;display: flex;align-items: center;justify-content: center;border-left: 1px solid #D2D2D2;}
.input-container:hover, .input-container:focus-within {border-color: #aaa;}
.input-container input[readonly] {background-color: #ffffff;}
.manual-order-box .form-group .form-control {height: 36px;border: 1px solid #d9d9d9;border-radius: 5px;}
.manual-order-box .custom-time-block .form-group .form-control {width: 100%;max-height: 36px;text-align: left;}
.order-total .table {position: relative;}
.order-total .table tr td {padding: 5px;border: 0px;}
.order-total .table tbody tr td {font-size: 14px;color: #727272;font-weight: 400;}
.order-total .table tbody tr td:last-child {color: #292929;}
.order-total .table tfoot {border-top: 1px solid #d9d9d9;}
.order-total .table tfoot tr td {font-size: 14px;color: #292929;font-weight: 600;}
.order-content-box>.btn {height: 60px;text-transform: capitalize;font-size: 14px;font-weight: 600;border-radius: 5px;}
.search-dropdown-option .form-group {position: relative;}
.search-dropdown-option .form-control {padding: 10px;font-size: 16px;width: 200px;}

.search-dropdown-option .customer-dropdown {display: none;position: absolute;top: 100%;left: 0;width: 100%;background-color: white;border: 1px solid #d9d9d9;box-shadow: none;z-index: 9;border-radius: 16px;overflow: auto;padding: 16px;}
.search-dropdown-option .customer-dropdown .add-btn {border: 0px;border-radius: 5px;background: #d9d9d9;display: flex;align-items: center;column-gap: 10px;text-align: left;font-size: 14px;color: #000000;padding: 10px 12px;background: #EFEFEF;margin-bottom: 15px;width: 100%;}
.search-dropdown-option .customer-dropdown .add-btn svg {opacity: 0.6;}
.search-dropdown-option .customer-dropdown ul {list-style: none;padding: 0;margin: 0;max-height: 250px;overflow: auto;}
.search-dropdown-option .customer-dropdown ul li {padding: 6px 10px;cursor: pointer;color: #212121;font-size: 14px;}
.search-dropdown-option .customer-dropdown ul li:hover {background-color: transparent;color: #000000;}
.integration-container {width: 100%;max-width: 1430px;}
.integration-container .integration-row {margin: 0px -12px;display: flex;flex-wrap: wrap;}
.integration-container .integration-row .integration-col {padding: 0px 12px;flex: 0 0 33.33%;max-width: 33%;margin-bottom: 24px;height: 100%;}
.integration-container .integration-col .integration-card {background: #ffffff;padding: 16px;border-radius: 5px;overflow: hidden;}
.integration-card .card-head {display: flex;align-items: start;justify-content: space-between;gap: 5px;margin-bottom: 10px;}
.integration-card .card-head .card-logo {flex: 0 0 70px;max-width: 70px;height: 70px;overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid var(--border-color);}
.integration-card .int-name {font-size: 16px;color: #000000;margin-bottom: 5px;}
.integration-card .int-name * {color: #000000;}
.integration-card .content {min-height: 80px;}
.integration-card .content p {font-size: 13px;font-weight: 200;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.integration-card .ftr-btns button {border: 1px solid var(--border-color);box-shadow: none;outline: none;border-radius: 5px;overflow: hidden;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 200;background: #ffffff;width: 100%;}
.integration-card .ftr-btns button:hover, .integration-card .ftr-btns button:focus {background: #dcdcdc;}
.radio-label-t input[type="radio"] {display: none;}
.radio-label-t .radio-label {display: inline-flex;align-items: center;cursor: pointer;font-size: 14px;color: #5dd37c;font-weight: 200;}
.timing-col .custom-timing {border-radius: 5px;text-align: center !important;overflow: hidden;}
.timing-col .custom-timing .expected_time_order {width: 100%;border: 0px;height: 100%;box-shadow: none;font-size: 14px;color: #303030;text-align: center;padding: 2px 5px;outline: none;position: relative;right: 18px;}
.text-custom-light-green {color: var(--theme-success3) !important;}label.error {color: #E41A1A !important;font-size: 12px !important;}
.sidebar-col .tab-container {display: flex;gap: 5px;align-items: center;}
.sidebar-col .tab-container .tab-btn {display: flex;align-items: center;gap: 5px;color: #656565;font-weight: bold;padding: 12px 10px;height: 39px;font-size: 12px;font-weight: 200;justify-content: flex-start;text-align: center;position: relative;border-radius: 5px;background: #ffffff;border: 0px;flex: 0 0 calc(33.33% - 3px);max-width: calc(33.33% - 3px);white-space: nowrap;}
.sidebar-col .tab-container .tab-btn .icon {flex: 0 0 14px;max-width: 14px;}
.sidebar-col .tab-container .tab-btn i {font-size: 12px;color: #000000;font-style: normal;}
.sidebar-col .tab-container .tab-btn i {font-size: 10px;margin-left: auto;color: #656565;}
.sidebar-col .discount-section {background-color: #f4f4f4;padding: 10px;border-radius: 8px;margin-top: 15px;}
.sidebar-col .discount-section .btn-group .btn {border-radius: 0;border: 1px solid #ccc;}
.sidebar-col .discount-section .btn-group .btn.active {background-color: #000000;color: #ffffff;}
.sidebar-col .discount-section input[type="text"] {width: 60px;text-align: center;border: 1px solid #ccc;border-radius: 5px;}
.sidebar-col .remove-btn {color: #999;cursor: pointer;}
.sidebar-col .tab-container .tab-btn .icon img {width: 100%;}
.tab-content--id .tab-box .manual-order-box h1 {margin-bottom: 10px;}
.tab-content--id .tab-box .manual-order-box h1, .tab-content--id .tab-box .manual-order-box h1 * {font-size: 12px;font-weight: 300;color: #656565;}
.tab-content--id .tab-box .manual-order-box h1 .icon {flex: 0 0 14px;max-width: 14px;}
.tab-content--id .tab-box .manual-order-box h1 .icon img {width: 100%;}
.tab-content--id .tab-box .manual-order-box .form-control {height: 34px;min-height: 34px;}
.manual-order-box .form-group-tab {display: flex;margin: 0px;}
.manual-order-box .form-group-tab .tab-btns {flex: 0 0 220px;max-width: 220px;display: flex;flex-wrap: nowrap;border-radius: 5px;border: 1px solid #d9d9d9;overflow: hidden;}
.manual-order-box .form-group-tab .tab-btns .btn {display: flex;align-items: center;justify-content: center;text-align: center;height: 36px;border: 0px;border-radius: 5px;box-shadow: none;outline: none;font-size: 12px;font-weight: 300;flex: 0 0 50%;max-width: 50%;}
.manual-order-box .form-group-tab .tab-btns .btn.active {background: #000000;color: #ffffff;}
.manual-order-box .form-group-tab .tab-conrol-inputs {flex: auto;padding-left: 8px;}
.manual-order-box .form-group-tab .tab-conrol-inputs .form-group .s-ico {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none;font-size: 12px;font-weight: 300;color: #464646;}
.tab-content--id .tab-box.show {display: block !important;}
.radio-label-t .radio-label span {width: 14px;height: 14px;border: 1px solid #3BCE62;border-radius: 50%;display: inline-block;position: relative;margin-right: 8px;}
.radio-label-t input[type="radio"]:checked+.radio-label span::before {content: '';width: 7px;height: 7px;background-color: #3BCE62;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dropdown-menu {padding: 10px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);border: none;}
.dropdown-menu li {list-style: none;}
.dropdown-menu li input[type="checkbox"] {margin-right: 5px;}
.ml-content--tab .radio-group {flex-wrap: wrap;padding: 0px;border: 1px solid var(--form-border-color);border-radius: 5px;overflow: hidden;}
.ml-content--tab .radio-group .radio-option {flex: 0 0 calc(33.33% - 3px);max-width: calc(33.33% - 3px);border: 8px;display: flex;height: 34px;padding: 5px;overflow: hidden;text-align: center;justify-content: center;align-items: center;font-size: 14px;color: #ffffff;font-weight: 300;color: #000000;border-radius: 5px;}
.ml-content--tab .radio-group .radio-option.active {color: #ffffff;background: #000000;border-color: transparent;}
.ml-content--tab .radio-group .radio-option span {padding: 0px;border: 0px !important;}
.ml-content--tab .radio-group .radio-option span::before, .ml-content--tab .radio-group .radio-option span::after {display: none !important;}
.ml-content--tab .radio-group .radio-option.active * {color: #ffffff !important }
.ml-content--tab .radio-group .radio-option.active span {color: #ffffff;}
.order-setting-tab {padding: 0px;display: flex;justify-content: space-between;list-style-type: none;border-bottom: 1px solid #C7C7C7;}
.order-setting-tab li {flex: 0 0 33.33%;max-width: 33.33%;}
.order-setting-tab li a {display: flex;align-items: center;justify-content: center;width: 100%;text-align: center;height: 43px;font-size: 13px;color: #929292;font-weight: 300;position: relative;}
.order-setting-tab li a::after {position: absolute;bottom: 0px;height: 3px;background: #000000;content: "";left: 0px;right: 0px;bottom: 0px;opacity: 0;}
.order-setting-tab li a.active {font-weight: 500;color: #000000;}
.order-setting-tab li a.active::after {opacity: 1;}
.order-setting-popup .order-setting-tab-content {padding: 28px;}
.order-setting-tab-content .radio-tabs .status-option {display: flex;align-items: center;border: 1px solid var(--border-color);padding: 0px 0px;border-radius: 5px;background-color: white;cursor: pointer;position: relative;height: 36px;overflow: hidden;flex: 0 0 calc(50% - 4px);max-width: calc(50% - 4px);}
.order-setting-tab-content .radio-tabs .status-option label {font-size: 11px;font-weight: 300;}
.order-setting-tab-content .radio-tabs .status-option span, .order-setting-tab-content .radio-tabs .status-option [type="radio"]:not(:checked)+span {opacity: 0;position: absolute;top: 0px;left: 0px;right: 0px;height: 100%;}
.order-setting-popup .order-setting-tab-content .btn {height: 36px;border-radius: 5px;font-weight: 400;font-size: 11px;text-transform: uppercase;min-width: 164px;padding: 5px 16px;}
.order-display-checking {position: relative;}
.order-display-checking .form-check .form-check-input {height: 24px;width: 50px;}
.order-display-checking .form-check {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.order-display-checking .form-check label {font-size: 11px;color: #1C1C1C;font-weight: 400;}
.order-display-checking .form-check-input:checked {background-color: black;border-color: black;}
.bg-danger {background: #EA2121 !important;}
.c-overview-page .table-responsive {border-radius: 5px;}
.c-overview-page .table tr th:first-child {color: #000000;}
.c-overview-page .table tr th {font-size: 12px;color: #A1A1A1;font-weight: 400;background: rgba(255, 255, 255, 0.3);}
.c-overview-page .table tr td {padding: 13px 12px !important;color: #000000;font-weight: 400;}
.info-box {border-radius: 5px;overflow: hidden;}
.info-box .th-title {padding: 15px 15px;font-size: 12px;font-weight: 400;color: #000000;background: rgba(255, 255, 255, 0.3);}
.address-dropdown {background: transparent !important;border: 0px;outline: none;box-shadow: none;}
.info-box .btn {border-radius: 5px;}
.w-box .overflow-auto .table td {white-space: nowrap;padding: 10px 8px !important;}
.setting-container {max-width: 1240px;margin: 0px auto;}
.setting-container .horizontal_tab_setting {flex-direction: column;}
.setting-container .horizontal_tab_setting_row {flex-direction: row;padding: 16px;}
.setting-container .horizontal_tab_setting .left-sidebar-ul, .setting-container .horizontal_tab_setting .setting-tab-content {row-gap: 50px;flex: auto;}
.setting-container .horizontal_tab_setting .nav-tabs {padding: 0px;padding-bottom: 8px;background: transparent;gap: 1px;align-items: center;flex-wrap: nowrap;border-radius: 0px;overflow: auto;overflow-y: hidden;flex: 0 0 260px;max-width: 260px;border: 0px;gap: 10px;}
.setting-container .nav-tabs::-webkit-scrollbar {width: 5px;height: 3px;}
.setting-container .nav-tabs::-webkit-scrollbar-track {border-radius: 5px;background-color: #f2f2f2;}
.setting-container .nav-tabs::-webkit-scrollbar-thumb {background-color: #dcdcdc;border-radius: 5px;}
.setting-container .horizontal_tab_setting .nav-tabs .empty_space {display: none;}
.setting-container .customize-tab.horizontal_tab_setting .nav-tabs .nav-item {flex: 0 0 100%;max-width: initial;width: 100%;margin-bottom: 0;text-align: center;display: flex;align-items: center;justify-content: center;}
.setting-container .customize-tab.horizontal_tab_setting .nav-tabs .nav-item .nav-link {border-radius: 5px !important;padding: 14px 16px;font-size: 14px;font-weight: 400;color: #000000;display: flex;align-items: center;min-width: auto;background: transparent;white-space: nowrap;border: 1px solid #f2f2f2;}
.setting-container .customize-tab.horizontal_tab_setting .nav-tabs .nav-item .nav-link.active {color: #ffffff;background: var(--theme-color) !important;}
.support-title {font-size: 16px;font-weight: 300;}
.support-title span {color: #747474;}
.support-detail-page .back-btn {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);z-index: 2;}
.support-detail-page .card {border: 1px solid #EAEAEA;border-radius: 5px;padding: 40px 30px;background: #ffffff;display: block;}
.support-detail-page table th, .support-detail-page table td {border: 0px;font-size: 14px;font-weight: 300;padding: 5px 10px;}
.support-detail-page table th {font-weight: 700;}
.attachments-container {padding: 0px 10px;}
.attachments-container h4 {font-size: 14px;font-weight: 700;margin-bottom: 10px;}
.doc-box {padding: 24px 30px;background: #F6F6F6;border-radius: 5px;overflow: hidden;display: flex;align-items: center;gap: 25px;cursor: pointer;}
.doc-box .icon {flex: 0 0 50px;max-width: 50px;}
.doc-box .details h3 {font-size: 14px;font-weight: 400;}
.doc-box .details p {font-size: 12px;font-weight: 300;color: #7C7C7C;}
.support-chat-box {width: 100%;background: white;border: 0px;border-radius: 0px;overflow: hidden;max-width: 900px;margin: 0px auto;}
.support-chat-box .chat-messages {padding: 0px 70px 20px;overflow: auto;min-height: calc(100vh - 350px);max-height: calc(100vh - 350px);}
.support-chat-box .chat-messages::-webkit-scrollbar {width: 5px;height: 3px;}
.support-chat-box .chat-messages::-webkit-scrollbar-track {border-radius: 5px;background-color: transparent;}
.support-chat-box .chat-messages::-webkit-scrollbar-thumb {background-color: #dcdcdc;border-radius: 5px;}
.support-chat-box .message {margin-bottom: 20px;display: flex;flex-wrap: wrap;flex-direction: column;position: relative;}
.support-chat-box .message .name {font-size: 10px;}
.support-chat-box .message .name, .support-chat-box .message>div {flex: auto;}
.support-chat-box .message.user {text-align: right;}
.support-chat-box .message .text {display: inline-block;padding: 12px 16px;border-radius: 5px;text-align: left;position: relative;font-size: 12px;font-weight: 300;}
.support-chat-box .message.user .text {background: #000000;color: #ffffff;}
.support-chat-box .message.support .text {background: transparent;color: #2E2E2E;position: relative;left: -16px;}
.support-chat-box .message .text .time {position: absolute;top: 50%;transform: translateY(-50%);width: 42px;left: -50px;color: #2E2E2E;}
.support-chat-box .message.user .text .time {width: 42px;left: initial;right: -50px;text-align: right;}
.support-chat-box .chat-messages .chat-details {display: flex;flex-direction: column;}
.support-chat-box .chat-messages .chat-details .request-btns {display: flex;gap: 10px;}
.support-chat-box .chat-messages .chat-details .request-btns .btn {border-radius: 5px;height: 34px;padding: 5px 10px;display: inline-flex;align-items: center;justify-content: center;font-size: 10px;font-weight: 300;text-align: center;min-width: 180px;text-transform: uppercase;background: #000000;color: #ffffff;border: 0px;}
.support-chat-box .chat-messages .chat-details .request-btns .btn.btn-cancel {background: #DBDBDB;color: #2E2E2E;}
.support-chat-box .chat-messages .time-floating {white-space: nowrap;display: flex;align-items: center;justify-content: center;padding: 5px;font-size: 10px;font-weight: 300;position: sticky;top: 0px;background: #ffffff;z-index: 2;}
.chat-input-box {display: flex;align-items: center;background-color: #ffffff;border: 1px solid #9B9B9B;border-radius: 5px;padding: 5px 10px;width: 100%;max-width: 100%;flex-wrap: wrap;}
.chat-input-box .attach-smily-bot {flex: 0 0 100%;}
.chat-input-box .attach-smily-bot .send-button {margin-left: auto;}
.chat-input-box .chat-input {flex: 1;border: none;outline: none;padding: 5px 0px;font-size: 12px;}
.chat-input-box .chat-input::-webkit-input-placeholder {font-size: 12px;}
.chat-input-box .chat-input::-moz-placeholder {font-size: 12px;}
.chat-input-box .chat-input:-ms-input-placeholder {font-size: 12px;}
.chat-input-box .chat-input:-moz-placeholder {font-size: 12px;}
.chat-input-box .icon {display: flex;align-items: center;justify-content: center;margin: 0 2px;cursor: pointer;}
.chat-input-box .send-button {background: none;border: none;outline: none;cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 5px;}
.chat-input-box .icon svg, .chat-input-box .send-button svg {fill: #000000;width: 16px;height: 16px;transition: fill 0.2s ease-in-out;}
.chat-input-box .icon:hover svg, .chat-input-box .send-button:hover svg {fill: #000000;}
.border-0 {border: 0px !important;}
.font-sm {font-size: 12px;}
.landingSettingTab .nav_h_tab {border-bottom: none;justify-content: center;padding-bottom: 70px;}
.landingSettingTab .nav_h_tab .nav-link {color: #727272;font-weight: 400;padding: 12px 12px;border: none;position: relative;transition: all 0.3s ease;}
.landingSettingTab .nav_h_tab .nav-link.active {color: #000000;background: transparent;border: none;}
.landingSettingTab .nav_h_tab .nav-link.active::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 40px;height: 3px;background-color: var(--theme-color);border-radius: 9999px;}
.landingSettingTab .nav_h_tab .nav-link:hover:not(.active) {border: none;color: #000000;}
.landingSettingTab .tab-content {padding: 24px;}
.landingSettingTab .tab-content .bannerColor {width: 25% !important;}
.body-main .main-content.px-0 {padding-left: 0px !important;padding-right: 0px !important;}
.form-control-group {min-height: 50px;max-height: 50px;border-radius: 5px;border: 1px solid var(--form-border-color);background: #ffffff !important;padding-left: 20px;}
.form-control-group .form-control {border: 0px !important;border-radius: 0px !important;background: transparent !important;}
.form-control-group .form-control-color {width: 30px;height: 30px !important;min-height: 30px;border-radius: 9999px !important;padding: 0px !important;margin: 0px !important;flex: 0 0 30px;border: 1px solid #CECECE !important;}
.placing_items .btn {border: 0px;border: 1px solid transparent;border-radius: 5px;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;padding: 5px;width: 50px;}
.placing_items .btn-check:checked+.btn, .placing_items .btn.active, .placing_items .btn.show, .placing_items .btn:first-child:active, .placing_items :not(.btn-check)+.btn:active {border: 1px solid var(--box-border-color) !important;background: #ffffff;}
.placing_items .btn-check+.btn:hover {border: 1px solid var(--box-border-color) !important;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1056px !important;}
.form-switch .form-check-input:checked {background-color: var(--theme-color) !important;background-image: url("../images/toggle-circle-svg.svg") !important;border-color: var(--theme-yellow2) !important;}
.landingSettingTab {margin: 0px auto;}
.inline-imageupload-box .upload-file img {margin-right: 0px;height: 90% !important;object-fit: contain;}
.bg-transparent {background: transparent !important;}
.plan-bill-tab {border: 0px;border-radius: 0px;background: transparent !important;}
.setting-tab-content .content-title {font-size: 16px;font-weight: 400;margin-bottom: 20px !important;}
.left-sidebar-ul .section-page-title h1 {font-size: 24px;font-weight: 400;margin-bottom: 24px !important;}
.editdish-card .card-body {border-radius: 5px !important;overflow-x: auto;}
.plan-bills-section .card {border-radius: 5px;border: none;padding: 25px;border: 0.5px solid #9E9E9E;overflow: hidden;}
.plan-bills-section .table-responsive {border-top: 0px;}
.plan-bills-section .table-borderless th, .plan-bills-section .table-borderless td {padding: 1rem;}
.plan-bills-section .table th {font-size: 14px;white-space: nowrap;}
.plan-bills-section .table td {font-size: 14px;font-size: 14px;color: #000000;white-space: nowrap;}
.plan-bills-section .badge {font-size: 14px;font-weight: 400;color: #62D84E;background: rgb(98 216 78 / 50%) !important;border: 1px solid #62D84E;border-radius: 5px;height: 36px;display: inline-flex;align-items: center;justify-content: center;min-width: 82px;}
.plan-bills-section .bi-three-dots-vertical {font-size: 1.25rem;cursor: pointer;}
.plan-bills-section .card .btn {font-size: 12px;font-weight: 400;padding: 4px 16px;border-radius: 5px;}
.plan-bills-section .card .card-head {margin: -15px -25px 0px;border-bottom: 1px solid #9E9E9E;padding: 8px 24px;background: #F5F5F5;}
.plan-bills-section .card .details-row {max-width: 80%;}
.plan-bills-section .text-muted span {color: #000000;}
.details-row p {font-size: 20px;font-weight: 500;}
.payment-method-box {border: 1px solid #E2E2E2;border-radius: 5px;overflow: hidden;padding: 12px;}
.payment-method-box .payment-icon {border: 1px solid #E2E2E2;border-radius: 5px;overflow: hidden;padding: 4px 10px;}
.payment-method-box .payment-icon img {width: 30px;object-fit: contain;}
.details-row p label {font-weight: 300;font-size: 11px;color: #747474;text-transform: uppercase;display: block;margin-bottom: 0px;}
.plan-bills-section .card .table-header {border-bottom: 1px solid #9E9E9E;padding: 14px 24px;background: #F5F5F5;display: flex;align-items: center;justify-content: space-between;}
.plan-bills-section .btn-dots {border: 0px;outline: none;background-color: transparent !important;}
.plan-bills-section .card .table-light {background: #F5F5F5;color: #747474;font-size: 13px;font-weight: 300;text-transform: uppercase;border: 0px;}

.plan-bills-section .dropdown-menu .dropdown-item {font-size: 14px;padding: 10px 16px;}
.plan-bills-section .table-card .table-header {border: 0px !important;}
.plan-bills-section .card .table-light th {border: 0px !important;background: #F5F5F5;border: 0px;font-weight: 300;}
.body-main {position: relative;transition: all 0.2s ease-in-out;}
.body-main .main-content {padding: 20px 44px 20px !important;}
.body-main>.sidebar-toggle {position: absolute;top: 45px;left: 24px;z-index: 9;}
.menu-sidebar {position: fixed;top: 0;left: -100%;height: 100%;width: 100%;background: #ffffff;color: white;transition: all 0.2s ease-in-out;z-index: 99;}
.sidebar-toggle-body .menu-sidebar {left: 0px;}
.overlay-sidebar {position: fixed;top: 0px;left: 0px;right: 0px;width: 100%;height: 100%;background: #000000;opacity: 0.5;z-index: 99;display: none !important;transition: all 0.3s ease-in-out;}
.sidebar-toggle-body .overlay-sidebar {display: block !important;transition: all 0.3s ease-in-out;}
.sidebar-toggle-body .header-top .header-container .header-row .left .sidebar-toggle {display: none;}
.menu-sidebar .sidebar-toggle {position: relative;top: 0;right: 0;z-index: 2;border: 0px;border-radius: 0px;overflow: hidden;}
.header-row .left .sidebar-toggle {border: 1px solid var(--box-border-color);padding: 3px 6px 3px 6px;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 5px;min-height: 36px;}
.section-page-title .page-title {font-size: 26px !important;}
.order-listing-container {display: flex;flex-wrap: wrap;height: 100vh;max-height: calc(100vh - 220px);margin: 0px -5px;}
.order-listing-container .order-column {display: flex;flex-direction: column;flex: 0 0 33.33%;max-width: 33.33%;}
.order-listing-container .order-column .order-col {padding: 0px 5px 0px;margin-bottom: 10px;max-height: 70px;}
.order-listing-container .order-column .order-col:last-child {margin-bottom: 0px !important;}
.order-page .order-pagination {position: relative;top: 0px;}
.orderList-col .order-listing-container {max-height: calc(100vh - 180px);}
.map-order-listing-row .orderList .order-listing-container {width: 100%;}
.map-order-listing-row .orderList .order-listing-container .order-row {width: 100%;}
.map-order-listing-row .orderList .order-listing-container .order-column {flex: 0 0 100%;max-width: 100%;width: 100%;}
.create-customer-popup .modal-dialog {max-width: 640px;}
.create-customer-popup .modal-header {background: #F6F6F6;padding: 14px 15px;font-size: 14px;color: #000000;font-weight: 300;display: flex;align-items: center;justify-content: space-between;border: 0px;}
.create-customer-popup .modal-header .close {background: transparent;border: 0px;outline: none;box-shadow: none;}
.create-customer-popup .modal-dialog .modal-content {border-radius: 16px;overflow: hidden;border: 0px;box-shadow: none;}
.create-customer-popup .modal-content .modal-body {padding: 25px 24px;overflow: auto;max-height: calc(100vh - 220px);}
.create-customer-popup .modal-footer {background: #ffffff;padding: 10px 24px;box-shadow: 0 -4px 12px 0px rgba(0, 0, 0, 0.15);}
.create-customer-popup form .form-group {margin-bottom: 12px;}
.create-customer-popup form .form-group label {margin-bottom: 2px;display: block;font-size: 11px;font-weight: 300;color: #000000;}
.create-customer-popup form .form-control {height: 36px;min-height: 36px;}
.create-customer-popup form .form-check {display: flex;align-items: center;}
.create-customer-popup form .form-check label {padding: 0px;margin: 0px;font-size: 12px;}
.create-customer-popup hr {border-color: #959595;margin: 15px 0px;}
.create-customer-popup h3 {font-size: 14px;font-weight: 400;margin-bottom: 20px;}
.add-address-popup .modal-dialog {max-width: 640px;}
.add-address-popup .modal-header {background: #F6F6F6;padding: 14px 15px;font-size: 14px;color: #000000;font-weight: 300;display: flex;align-items: center;justify-content: space-between;border: 0px;}
.add-address-popup .modal-header .close {background: transparent;border: 0px;outline: none;box-shadow: none;}
.add-address-popup .modal-dialog .modal-content {border-radius: 16px;overflow: hidden;border: 0px;box-shadow: none;}
.add-address-popup .modal-content .modal-body {padding: 25px 20px;overflow: auto;max-height: calc(100vh - 220px);}
.add-address-popup .modal-footer .btn {height: 40px;padding: 5px 20px;border-radius: 5px;font-size: 14px;font-weight: 400;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;min-width: 100px;font-weight: 500;}
.add-address-popup .modal-footer {background: #ffffff;padding: 10px 20px;box-shadow: 0 -4px 12px 0px rgba(0, 0, 0, 0.15);}
.add-address-popup .modal-footer .btn.close {border: 1px solid #000000;color: #000000;}
.add-address-popup form .form-group {margin-bottom: 12px;}
.add-address-popup form .form-group label {margin-bottom: 2px;display: block;font-size: 11px;font-weight: 300;color: #000000;}
.add-address-popup form .form-control {height: 36px;min-height: 36px;}
.add-address-popup form .form-check {display: flex;align-items: center;}
.add-address-popup form .form-check label {padding: 0px;margin: 0px;font-size: 12px;}
.add-address-popup hr {border-color: #959595;margin: 15px 0px;}
.add-address-popup h3 {font-size: 14px;font-weight: 400;margin-bottom: 20px;}
.order-map-popup .modal-dialog {max-width: 800px;}
.order-map-popup .modal-header {background: #F6F6F6;padding: 14px 15px;font-size: 14px;color: #000000;font-weight: 300;display: flex;align-items: center;justify-content: space-between;border: 0px;}
.order-map-popup .modal-header .close {background: transparent;border: 0px;outline: none;box-shadow: none;}
.order-map-popup .modal-dialog .modal-content {border-radius: 16px;overflow: hidden;border: 0px;box-shadow: none;}
.order-map-popup .modal-content .modal-body {padding: 25px 20px;overflow: auto;max-height: calc(100vh - 220px);}
.order-map-popup .modal-footer .btn {height: 40px;padding: 5px 20px;border-radius: 5px;font-size: 14px;font-weight: 400;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;min-width: 100px;font-weight: 500;}
.order-map-popup .modal-footer {background: #ffffff;padding: 10px 20px;box-shadow: 0 -4px 12px 0px rgba(0, 0, 0, 0.15);}
.order-map-popup .modal-footer .btn.close {border: 1px solid #000000;color: #000000;}
.order-map-popup form .form-group {margin-bottom: 12px;}
.order-map-popup form .form-group label {margin-bottom: 2px;display: block;font-size: 11px;font-weight: 300;color: #000000;}
.order-map-popup form .form-control {height: 36px;min-height: 36px;}
.order-map-popup form .form-check {display: flex;align-items: center;}
.order-map-popup form .form-check label {padding: 0px;margin: 0px;font-size: 12px;}
.order-map-popup hr {border-color: #959595;margin: 15px 0px;}
.order-map-popup h3 {font-size: 14px;font-weight: 400;margin-bottom: 20px;}
.add-custom-item-popup .modal-dialog {max-width: 640px;}
.add-custom-item-popup .modal-header {background: #F6F6F6;padding: 14px 15px;font-size: 14px;color: #000000;font-weight: 300;display: flex;align-items: center;justify-content: space-between;border: 0px;}
.add-custom-item-popup .modal-header .close {background: transparent;border: 0px;outline: none;box-shadow: none;}
.add-custom-item-popup .modal-dialog .modal-content {border-radius: 16px;overflow: hidden;border: 0px;box-shadow: none;}
.add-custom-item-popup .modal-content .modal-body {padding: 25px 20px;overflow: auto;max-height: calc(100vh - 220px);}
.add-custom-item-popup .modal-footer .btn {height: 40px;padding: 5px 20px;border-radius: 5px;font-size: 14px;font-weight: 400;display: inline-flex;align-items: center;justify-content: center;border: 1px solid transparent;min-width: 100px;font-weight: 500;}
.add-custom-item-popup .modal-footer {background: #ffffff;padding: 10px 20px;box-shadow: 0 -4px 12px 0px rgba(0, 0, 0, 0.15);}
.add-custom-item-popup .modal-footer .btn.close {border: 1px solid #000000;color: #000000;}
.add-custom-item-popup form .form-group {margin-bottom: 12px;}
.add-custom-item-popup form .form-group label {margin-bottom: 2px;display: block;font-size: 11px;font-weight: 300;color: #000000;}
.add-custom-item-popup form .form-control {height: 36px;min-height: 36px;}
.add-custom-item-popup form .form-check {display: flex;align-items: center;}
.add-custom-item-popup form .form-check label {padding: 0px;margin: 0px;font-size: 12px;}
.add-custom-item-popup hr {border-color: #959595;margin: 15px 0px;}
.add-custom-item-popup h3 {font-size: 14px;font-weight: 400;margin-bottom: 20px;}
.check-input-secondary {width: 20px;height: 20px;border: 2px solid var(--theme-gray3);}
.check-input-secondary:checked {background-color: #000000;border-color: #000000;}
.check-input-secondary:focus {box-shadow: none;border-color: #000000;}
.create-customer-popup .form-check .form-check-input {border-radius: 5px;border: 1px solid #000000;width: 24px;height: 24px;box-shadow: none;}
.custom-pagination.orders-new-pagination select.form-control {flex: 0 0 68px;max-width: 68px;height: 34px;min-height: 34px;padding: 2px 15px;border-radius: 5px;font-size: 11px;color: #000000;font-weight: 300;line-height: initial;}
.custom-pagination.orders-new-pagination label {font-size: 11px;color: #000000;font-weight: 300;}
#orders-map-marker {box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.17);}
.orderList-col .order-listing-container {margin: 0px 0px !important;}
.orderList-col .order-listing-container .order-column .order-col {padding: 0px !important;}
.customer-ui-table thead {background: #e1e1e1;}
.customer-ui-table thead th {white-space: nowrap;}
.customer-ui-table .content-column {min-width: 200px;}
.customer-ui-table td .email_icon {min-width: 8px;height: 8px;min-height: 9px;}
.customer-ui-table th, .customer-ui-table td {vertical-align: middle;font-size: 12px;}
.customer-ui-table td input[type="checkbox"] {width: 18px;height: 18px;border-color: #A9A9A9;position: relative;top: 2px;}
.customer-email .btn-grp-tab .btn-site-theme {min-width: auto !important;height: 36px;background: #000000 !important;min-height: 36px !important;font-weight: 300 !important;}
.discount-tab-ui {border-radius: 5px;overflow: hidden;border: 0.5px solid #D4D4D4;display: flex;gap: 2px;padding: 3px;background: #ffffff;}
.discount-tab-ui .tab-btn {display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;text-align: center;font-size: 12px;font-weight: 300;color: #6A6A6A;border-radius: 5px;border: 0px;box-shadow: none;outline: none;background: #ffffff;height: 30px;padding: 5px 30px;gap: 8px;}
.discount-tab-ui .tab-btn.active {background: #000000;color: #ffffff;}
.discount-tab-ui .tab-btn .label {display: inline-flex;align-items: center;justify-content: center;text-align: center;background: #ABABAB;color: #ffffff;border-radius: 5px;font-size: 12px;font-weight: 300;padding: 1px 5px;height: 18px;}
.discount-tab-ui .tab-btn.active .label {background: #ffffff;color: #303030;}
.accordion-box {padding: 30px;border: 1px solid #c9c9c9;border-radius: 5px;background: #ffffff;}
.accordion-box h2 {font-size: 16px;font-weight: 500;}
.accordion-box .accordion-item, .accordion-box .accordion-item .accordion-header .accordion-button {background: transparent !important;border: 0px;border-radius: 0px;padding-left: 0px;padding-right: 0px;}
.accordion-box .accordion-item {border-bottom: 1px solid #dddddd;}
.accordion-box .accordion-item:last-child {border-bottom: 0px;}
.accordion-box .accordion-item .accordion-header .accordion-button {font-size: 14px;box-shadow: none !important;outline: none !important;color: #000000 !important;font-weight: 400;}
.accordion-box .accordion-item .accordion-header .accordion-button::after {width: 14px;height: 14px;background-size: contain;}
.accordion-box .accordion-item .accordion-body {font-size: 12px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}
.create-ticket-modal .custom-drag-drop {border: 2px dashed #ccc;border-radius: 8px;padding: 20px;text-align: center;color: #666;position: relative;cursor: pointer;}
.create-ticket-modal .custom-drag-drop svg {font-size: 48px;margin-bottom: 10px;}
.create-ticket-modal .custom-drag-drop p {margin-bottom: 10px;}
.upload-container {display: flex;justify-content: center;align-items: center;}
.upload-container .upload-box {border: 1px dashed rgba(0, 0, 0, 0.5);border-radius: 5px;padding: 51px 18px;text-align: center;width: 100%;background-color: #F8F8F8;margin-bottom: 10px;cursor: pointer;height: 136px;}
.sub-note {font-size: 12px;color: #9C9C9C;font-weight: 300;}
.min-vh-90 {min-height: 90vh !important;}
.modal .modal-footer {padding-left: 24px;padding-right: 24px;border-top: 1px solid var(--border-color);}
.modal .modal-footer .btn {margin-top: 0px;margin-bottom: 0px;}
.hr-tab-ui {border-radius: 5px;overflow: hidden;border: 0.5px solid #D4D4D4;display: flex;gap: 2px;padding: 3px;background: #ffffff;}
.hr-tab-ui .tab-btn {display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;text-align: center;font-size: 12px;font-weight: 300;color: #6A6A6A;border-radius: 5px;border: 0px;box-shadow: none;outline: none;background: #ffffff;height: 30px;padding: 5px 20px;gap: 8px;}
.hr-tab-ui .tab-btn.active {background: #F5F5F5;color: #000000;font-weight: 400;}
.hr-tab-ui .tab-btn .label {display: inline-flex;align-items: center;justify-content: center;text-align: center;background: #ABABAB;color: #ffffff;border-radius: 5px;font-size: 12px;font-weight: 300;padding: 1px 5px;height: 18px;}
.hr-tab-ui .tab-btn.active .label {background: #ffffff;color: #303030;}
.landingSettingTab .editdish-card .card-body {padding: 0px;}
.list-group-row {display: flex;flex-direction: column;gap: 15px;}
.list-group-row .list-group-item {border: 1px solid var(--box-border-color) !important;padding: 14px 22px 14px 32px;border-radius: 5px;color: #000000;font-size: 14px;font-weight: 300;}
.list-group-row .list-group-item.turnedOff>span .text {opacity: 0.7;}
.list-group-row .list-group-item.turnedOff>span .imageSectionText {opacity: 0.7;}
.list-group-row .list-group-item.turnedOff>span .faqText {opacity: 0.7;}
.list-group-row .list-group-item .categoryText {font-weight: 500;color: #626262;font-size: 14px;}
.list-group-row .list-group-item .categoryDescriptionText {font-weight: 200;font-size: 12px;}
.list-group-item .edit-btn {background: transparent;padding: 5px;display: inline-flex;align-items: center;justify-content: center;text-align: center;}
.toggle-switch {position: relative;display: inline-block;width: 46px;height: 28px;flex: 0 0 46px;max-width: 46px;}
.toggle-switch input {opacity: 0;width: 0;height: 0;}
.toggle-switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 28px;}
.toggle-switch .slider:before {position: absolute;content: "";height: 22px;width: 22px;left: 3px;bottom: 3px;background-color: white;transition: .4s;border-radius: 50%;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.toggle-switch input:checked+.slider {background-color: var(--theme-color);}
.toggle-switch input:checked+.slider:before {transform: translateX(18px);}
.form-check-toggle {padding-left: 0;height: 28px;}
.form-check-toggle .form-check-label {margin-left: 12px;vertical-align: middle;}
.faq_draggable_box .ui-sortable .list-group-item {cursor: grab;user-select: none;}
.faq_draggable_box .list-group-item.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.faq_draggable_box .list-group-item {cursor: grab;user-select: none;transition: background-color 0.2s;}
.faq_draggable_box .list-group-item.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.faq_draggable_box .list-group-item:hover {background-color: #f8f9fa;}
.faq_draggable_box .edit-btn {cursor: pointer;z-index: 2;}
.faq_draggable_box .ui-sortable-placeholder {visibility: visible !important;background-color: #e9ecef;border: 1px dashed #adb5bd;height: 72px;border-radius: 5px;overflow: hidden;}
.faq_draggable_box .list-group-item {position: relative;padding-left: 20px;}
.category_draggable_box .ui-sortable .list-group-item {cursor: grab;user-select: none;}
.category_draggable_box .list-group-item.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.category_draggable_box .list-group-item {cursor: grab;user-select: none;transition: background-color 0.2s;}
.category_draggable_box .list-group-item.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.category_draggable_box .list-group-item:hover {background-color: #f8f9fa;}
.category_draggable_box .edit-btn {cursor: pointer;z-index: 2;}
.category_draggable_box .ui-sortable-placeholder {visibility: visible !important;background-color: #e9ecef;border: 1px dashed #adb5bd;height: 72px;border-radius: 5px;overflow: hidden;}
.category_draggable_box .list-group-item {position: relative;padding-left: 20px;}
.choices_menu_draggable_box .ui-sortable .list-group-item {cursor: grab;user-select: none;}
.choices_menu_draggable_box .list-group-item.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.choices_menu_draggable_box .list-group-item {cursor: grab;user-select: none;transition: background-color 0.2s;}
.choices_menu_draggable_box .list-group-item.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.choices_menu_draggable_box .list-group-item:hover {background-color: #f8f9fa;}
.choices_menu_draggable_box .edit-btn {cursor: pointer;z-index: 10;}
.choices_menu_draggable_box .ui-sortable-placeholder {visibility: visible !important;background-color: #e9ecef;border: 1px dashed #adb5bd;height: 72px;border-radius: 5px;overflow: hidden;}
.choices_menu_draggable_box .list-group-item {position: relative;padding-left: 20px;}
.collection-modal-body {padding: 0px !important }
.dish_draggable_box .category-list-sort .list-group-item {cursor: grab;user-select: none;}
.dish_draggable_box .category-list-sort.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.dish_draggable_box .category-list-sort {cursor: grab;user-select: none;transition: background-color 0.2s;}
.dish_draggable_box .category-list-sort.ui-sortable-helper {opacity: 0.7;cursor: grabbing;background-color: #f8f9fa;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.dish_draggable_box .category-list-sort:hover {background-color: #f8f9fa;}
.dish_draggable_box .edit-btn {cursor: pointer;z-index: 10;}
.dish_draggable_box .ui-sortable-placeholder {visibility: visible !important;background-color: #e9ecef;border: 1px dashed #adb5bd;height: 72px;border-radius: 5px;overflow: hidden;}
.dish_draggable_box .category-list-sort {position: relative;padding-left: 20px;}
.search-control-group {position: relative;}
.search-control-group .search-icon {position: absolute;top: 14px;left: 20px;z-index: 1;pointer-events: none;}
.orderListData .search-control-group .search-icon {position: absolute;top: 12px;z-index: 1;pointer-events: none;left: 23px;}
.search-control-group .form-control {padding-left: 60px !important;}

/* custom Scroll css */
.order-listing-container::-webkit-scrollbar, body::-webkit-scrollbar, .order-content-box::-webkit-scrollbar, .footer-box-main::-webkit-scrollbar, .customer-dropdown ul::-webkit-scrollbar, .customer-email .table-responsive::-webkit-scrollbar {width: 5px;height: 3px;}
.order-listing-container::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .order-content-box::-webkit-scrollbar-track, .footer-box-main::-webkit-scrollbar-track, .customer-dropdown ul::-webkit-scrollbar-track, .customer-email .table-responsive::-webkit-scrollbar-track {border-radius: 5px;background-color: var(--theme-white1);}
.order-listing-container::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .order-content-box::-webkit-scrollbar-thumb, .footer-box-main::-webkit-scrollbar-thumb, .customer-dropdown ul::-webkit-scrollbar-thumb, .customer-email .table-responsive::-webkit-scrollbar-thumb {background-color: var(--theme-gray4);border-radius: 5px;}

.checkbox-round {position: relative;width: 12px;height: 12px;float: left;border-radius: 50%;vertical-align: middle;border: 1px solid #000000;-webkit-appearance: none;outline: none;cursor: pointer;transition: 0.5s;}
.checkbox-round:checked {background-color: #000000;box-shadow: inset 0px 0px 0px 2px #ffffff;}
.dropdown-toggle-select::after {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);z-index: 1;pointer-events: none;padding-top: 1px;}
.dropdown-toggle-select select {background: none !important;}
.dish-popup-admin .customisable-modal-body .modal-body {max-height: 60vh;padding-bottom: 20px !important;}
.dish-popup-admin .customisable-table table td {padding: 20px 5px 0px 0px;}
.dish-popup-admin .modal-header {padding-top: 30px;margin-bottom: 20px;}
.dish-popup-admin .modal-header .btn-close {position: absolute;top: 25px;right: 25px;z-index: 2;}
.dish-popup-admin .customisable-modal-body .ingredients-table table td {padding-top: 1px !important;padding-bottom: 1px !important;}
.dish-popup-admin .modal-dialog.customisable-modal-body {margin: 0px auto !important;}
.dish-popup-admin .customisable-item-detail h4 {color: var(--theme-dark2);font-size: 22px;font-weight: 500;text-transform: capitalize;margin: 0;margin-bottom: 12px;}
.dish-popup-admin .customisable-item-detail p {margin: 7px 0;color: #727272;font-size: 16px;letter-spacing: 0.815px;text-transform: capitalize;line-height: 23px;margin-bottom: 10px !important;}
.dish-popup-admin .customisable-item-detail .form-control {width: 100%;max-width: 204px;margin: 0 auto;}
.dish-popup-admin .customisable-item-detail .dropdown-toggle {height: 40px;min-height: 40px;max-height: 40px;}
.dish-popup-admin .customisable-modal .modal-header {margin-bottom: 3rem;}
.dish-popup-admin .customisable-table {width: 100%;}
.dish-popup-admin .customisable-table table th {padding: 0;color: var(--theme-dark2);font-size: 16px;font-weight: 600;letter-spacing: 0.5px;text-transform: capitalize;}
.dish-popup-admin .customisable-table table td {padding: 20px 0 0 0;color: var(--theme-dark2);font-size: 16px;letter-spacing: 0.815px;text-transform: capitalize;}
.dish-popup-admin .customisable-table .food-custom-price {font-size: 16px;}
.dish-popup-admin .customisable-table .foodqty .minus, .customisable-table .foodqty .plus {width: 22px;height: 22px;line-height: 14px;}
.dish-popup-admin .customisable-table .foodqty .minus i, .dish-popup-admin .customisable-table .foodqty .plus i {font-size: 16px;margin-left: 2.5px;}
.dish-popup-admin .accordion-item table td {padding: 0;}
.dish-popup-admin .customisable-accordion .accordion-button {color: var(--theme-dark2);text-align: center;font-size: 16px;letter-spacing: 0.5px;text-transform: capitalize;padding: 1rem 0;background-color: transparent;}
.dish-popup-admin .customisable-accordion .accordion-button:focus {box-shadow: none;}
.dish-popup-admin .customisable-accordion .accordion-body {padding: 1rem 0;}
.dish-popup-admin .customisable-accordion .accordion-button:not(.collapsed) {background-color: transparent;}
.dish-popup-admin .ingredientslist-dp .dish-option-select {max-width: 100% !important;}
.dish-popup-admin .paid-ing-text .food-custom-price {font-size: small !important;}
.custom-w-425px {max-width: 425px;}
.foodqty {display: flex;align-items: center;}
.foodqty .count {color: var(--theme-dark2);display: inline-block;vertical-align: top;font-size: 20px;line-height: 30px;padding: 0 2px;min-width: 30px;background-color: transparent;text-align: center;border: none;width: 30px;}
.foodqty .count:disabled {background-color: transparent;}
.foodqty .minus, .foodqty .plus {cursor: pointer;display: inline-block;vertical-align: top;width: 36px;height: 36px;text-align: center;border-radius: 50%;border: 2px solid;line-height: 27px;}
.foodqty .minus i, .foodqty .plus i {font-size: 16px;font-size: 16px;text-align: center;line-height: 18px;margin-left: 1px;}
.dish-popup-admin .customisable-modal-body .modal-body .dish-option-select {margin: 0px auto;font-size: 13px;}
.dish-popup-admin .paid_ingredients-list {color: var(--theme-dark2);font-size: 16px !important;letter-spacing: 0.5px;text-transform: capitalize;padding: 1rem 0;background-color: transparent;border-bottom: 1px solid #E0E0E0;padding-bottom: 10px !important;}
.dish-popup-admin .ingredientslist-dp.custom-default-dropdown .dish-option-error {font-size: 14px;}
.dish-popup-admin .customisable-modal-body .customisable-table table td {padding: 2px 5px 0px 0px !important;font-size: 14px !important;}
.dish-popup-admin .accordion-flush .accordion-item {border: 0px !important;}
.dish-popup-admin .customisable-modal .modal-footer-sticky .btn {font-size: 14px !important;}
.dish-popup-admin .foodqty .minus, .foodqty .plus {height: 35px !important;min-width: 35px !important;border-color: #d9d9d9 !important;width: 35px;flex: 0 0 35px !important;display: flex !important;align-items: center;justify-content: center;background: #d9d9d9 !important;}
.dish-popup-admin .foodqty .plus i, .foodqty .minus i {margin-left: 0px !important;font-size: 15px !important;line-height: initial !important;}
.customisable-item-detail .food-custom-price {font-weight: 700;}
.food-custom-price {color: var(--theme-dark2);text-align: center;font-size: 20px;font-weight: 500;letter-spacing: 0.815px;margin: 10px 0;display: inline-block;text-transform: capitalize;}
.order-listing-row .order-listing-col .dish-box .details .price-btn {display: inline-flex;align-items: center;justify-content: center;column-gap: 4px;min-height: 32px;}
.customer-overview-address .update-primary-address {border: none;margin-left: -11px;font-size: 12px;}
.customer-overview-address {position: relative !important;top: -10px;}
.dish-group .dish-notes {padding-right: 21px !important;border: 0px !important;border-bottom: 1px solid var(--theme-dark2) !important;border-radius: 0px !important;padding: 18px 0px 0px 0px;font-size: 12px;height: 34px;min-height: 34px;}
.order-dt-box .order-footer .note .dish-group .note-close-btn {position: relative;top: -25px;left: 234px;margin-bottom: 18px;opacity: 0.7;}
.show-hide-btn {pointer-events: none;opacity: 0.5;background-color: transparent;border-color: var(--theme-dark2) !important;}
.tab-box {display: none;}
.tab-box.show {display: block;}
.customer-email .all-label {min-width: 20px;padding-top: 2px;color: #000000;height: 20px;border-radius: 6px;}
.customer-email .flows-label {background-color: #ABABAB;min-width: 20px;padding-top: 0;color: #ffffff;height: 20px;border-radius: 6px;display: inline-flex;align-items: center;justify-content: center;}
.customer-email .flows-btn {height: 28px;border-radius: 5px;color: #ABABAB }
.customer-email .run-once-label {background-color: #ABABAB;min-width: 20px;padding-top: 2px;color: #ffffff;height: 20px;border-radius: 6px;}
.customer-email .run-once-btn {height: 28px;border-radius: 5px;color: #ABABAB }
.customer-email .customer-email table th {color: #000000 }
.section-page-title.order-page-bar-border {border-bottom: 1px solid var(--box-border-color);padding-bottom: 17px;margin-bottom: 20px !important;}
.customer-email .order-page-bar .btn {min-height: 36px;height: 36px;min-width: initial !important;}
.table-responsive.bordered {border: 1px solid #c9c9c9;}
.status-text {gap: 8px;}
.status-text .dot {flex: 0 0 8px;max-width: 8px;width: 8px;height: 8px;border-radius: 9999px;}
.customer-ui--full {height: calc(100vh - 215px);}
.customer-email .table-responsive {max-height: calc(100vh - 230px);overflow-y: auto;}
.customer-email .table thead {position: sticky;top: 0;z-index: 1;}
.customer-email .table thead th {box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);}
.pointSettings-Modal .modal-dialog {display: flex;justify-content: center;align-items: center;min-height: 100vh;width: 100%;max-width: 776px;}
.pointSettings-Modal .modal-header {border-bottom: none;background: #EFEFEF;padding: 22px 22px;}
.pointSettings-Modal .modal-header .modal-title {font-size: 16px;color: #000000;font-weight: 300;}
.pointSettings-Modal .modal-dialog .modal-body {padding: 22px;}
.pointSettings-Modal .modal-body h3 {font-size: 16px;font-weight: 300;}
.pointSettings-Modal .modal-footer {border-top: 1px solid #EFEFEF;padding: 14px 22px;}
.pointSettings-Modal .modal-footer .btn {border-radius: 5px;padding: 7px 12px;margin: 0px 5px;border: 1px solid #B0B0B0;text-align: center;color: #444444;min-width: 100px;}
.pointSettings-Modal .modal-footer .btn.btn-dark {background: #000000;color: #ffffff;border: 0px;}
.pointSettings-Modal .form-control-number {display: inline-flex;align-items: center;gap: 5px;padding: 10px;border: 1px solid var(--box-border-color);border-radius: 5px;overflow: hidden;}
.pointSettings-Modal .form-control-number input {width: 90px;text-align: left;border: 0px;box-shadow: none;outline: none;font-size: 16px;font-weight: 300;padding: 5px;max-height: 28px;min-height: auto;}
.pointSettings-Modal .form-control-number .btn-click {border: 0px;box-shadow: none;outline: none;font-size: 16px;font-weight: 300;padding: 5px;max-height: 28px;border-radius: 0px;width: 31px;}
.pointSettings-Modal .form-control-number .btn-click.border-left {border-left: 1px solid #C3C3C3;padding-left: 10px;}
.pointSettings-Modal .btn-toggle {display: inline-flex;align-items: center;background-color: #ffffff;border: 0px;box-shadow: none;outline: none;border-radius: 0px;padding: 5px 12px;cursor: pointer;transition: background-color 0.3s ease;}
.pointSettings-Modal .btn-toggle.active {background-color: #000000;color: #ffffff;}
.square-toggle {position: relative;display: inline-block;width: 70px;height: 30px;border-radius: 5px;background-color: #ccc;transition: background-color 0.4s;}
.square-toggle input {opacity: 0;width: 0;height: 0;}
.square-toggle .toggle-slider {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;border-radius: 5px;}
.square-toggle input:checked+.toggle-slider {background-color: #000000;}
.square-toggle .toggle-slider:before {content: "";position: absolute;width: 24px;height: 24px;background-color: white;border-radius: 5px;left: 3px;top: 3px;transition: 0.4s;cursor: pointer;z-index: 1;}
.square-toggle input:checked+.toggle-slider:before {transform: translateX(40px);}
.square-toggle .toggle-text {position: absolute;top: 50%;transform: translateY(-50%);color: #ffffff;font-size: 12px;font-weight: normal;text-align: center;}
.square-toggle .text-off {left: 10px;}
.square-toggle .text-on {right: 5px;}
.tab-btn {padding: 10px 20px;border: 1px solid #ddd;background-color: #f8f9fa;cursor: pointer;}
.tab-btn.active {background-color: #343a40;color: #ffffff;}
.tab-control-inputs {flex-grow: 1;}
.form-group .s-ico {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: #888;}
.percentageAmountSection, .fixedAmountSection {width: 150px;}
.createDiscountModal .modal-dialog {max-width: 700px;width: 100%;}
.discount-box .form-group-tab .tab-btns .btn {display: flex;align-items: center;justify-content: center;text-align: center;height: 48px;border: 0px;border-radius: 5px;box-shadow: none;outline: none;font-size: 12px;font-weight: 300;flex: 0 0 50%;max-width: 50%;}
.discount-box .form-group-tab .tab-btns .btn.active {background: #000000;color: #ffffff;}
.discount-box .form-group-tab {display: flex;margin: 0px;}
.discount-box .form-group-tab .tab-btns {flex: 0 0 220px;max-width: 220px;display: flex;flex-wrap: nowrap;border-radius: 5px;border: 1px solid #d9d9d9;overflow: hidden;}
.discount-box .form-group-tab .tab-conrol-inputs {flex: auto;padding-left: 8px;}
.discount-box .form-group-tab .tab-conrol-inputs .form-group .s-ico {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none;font-size: 12px;font-weight: 300;color: #464646;}
.discount-box .form-group .form-control {height: 36px;border: 1px solid #d9d9d9;border-radius: 5px;}
.discount-box .custom-time-block .form-group .form-control {width: 100%;max-height: 36px;text-align: left;}
.add-discount-form .modal-footer .close {border: 1px solid #000000;color: #000000;}
.tab-content--id .tab-box.show {display: block !important;}
.add-discount-form .modal-title {font-size: 18px;font-weight: 400;}
.add-discount-form .modal-header {padding: 14px 32px;background: #EFEFEF;}
.add-discount-form .modal-body {padding: 24px 32px;max-height: calc(100vh - 200px);overflow: auto;}
.add-discount-form .modal-body .form-label {font-size: 14px;font-weight: 400;display: block;margin-bottom: 2px;}
.add-discount-form .tab-btns {white-space: nowrap;}
.add-discount-form .form-check * {font-size: 14px;}
.add-discount-form .form-check-label {padding-left: 18px;}
.add-discount-form .form-check .form-check-input {font-size: 18px;}
.add-discount-form .checkbox-round {height: 20px;width: 20px;}
.unique-checkbox-wrapper {position: relative;display: flex;align-items: center;width: auto;}
.unique-checkbox-input {display: none;}
.unique-checkbox-wrapper .form-check-label {margin-left: 30px;cursor: pointer;font-size: 12px;}
.unique-checkbox-wrapper .form-check-label::before {content: '';position: absolute;left: 0;width: 20px;height: 20px;background-color: #ffffff;border: 1px solid #000000;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;}
.unique-checkbox-input:checked+.form-check-label::before {background: #000000;}
.unique-checkbox-wrapper .form-check-label::after {opacity: 0;position: absolute;left: 6px;margin: 0px auto;text-align: center;content: "✓";color: #ffffff;top: 1px;font-size: 13px;}
.unique-checkbox-input:checked+.form-check-label::after {opacity: 1;}
.active-dates-ui .form-label {font-size: 12px;font-weight: 400;color: #9A9A9A;margin-bottom: 0px;}
.modal-header .btn-action {display: inline-flex;align-items: center;justify-content: center;color: #292929;font-size: 12px;font-weight: 400;border: 1px solid #D4D4D4 !important;border-radius: 5px;padding: 7px 20px;background: #ffffff;}
.form-control, .form-select {border-radius: 5px !important;border: 1px solid var(--form-border-color);}
#add-discount-form .form-label {text-transform: inherit !important;}

/* .bannerColor {width: 23% !important;} */
.cursor-pointer {cursor: pointer;}
.bd-layout.bg-white.h-100 {min-height: 100vh;background: #ffffff;}
.choices-menu-list .accordion-header, .choices-menu-list .accordion-button {background: transparent }
.accordion-button:not(.collapsed) {background: #FCFCFC;}
.accordion-collapse .ingredient-list-section .ingredient-section {background: #ffffff;font-size: 14px;font-weight: 300;border: 1px solid var(--box-border-color) !important;padding: 15.5px 30px !important;}
.accordion-item:first-of-type .accordion-button {border-color: #FCFCFC;box-shadow: none }
.custom-accordion .accordion-item {margin-bottom: 15px;border-radius: 5px !important;border: 1px solid var(--box-border-color) !important;overflow: hidden;}
.accordionInner .accordion-item .accordion-button {border-radius: 5px !important;}
.choices-menu-list .accordion-button {border-radius: 5px !important;}
.accordionInner .accordion-item {padding: 10px;border: 1px solid var(--box-border-color);border-radius: 5px;background: #FCFCFC;}
.accordionInner .accordion-item .accordion-button {padding-top: 10px;padding-bottom: 10px;font-weight: 300;font-size: 14px;}
.accordionInner .accordion-item {margin-bottom: 10px;}
.accordion-collapse .ingredient-list-section .ingredient-section-title {background: transparent !important;border: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}
.ingredient-section-title .drag-handle {opacity: 0;pointer-events: none;}
.accordion-collapse .ingredient-list-section .form-check-input {box-shadow: none;}
.main_menu_draggable_box .accordion-item {background: #ffffff;border: 1px solid var(--box-border-color);}
.main_menu_draggable_box .accordion-item .accordion-button {background: transparent;border: 0px;padding: 22px 20px 22px 65px;color: #525252;font-size: 14px;font-weight: 500;position: relative;border-bottom: 0px;}
.main_menu_draggable_box .accordion-item .accordion-button::after {flex-shrink: 0;width: 15px;height: 7px;margin-left: auto;content: "";background-image: url("data:image/svg+xml,%3Csvg width='15' height='7' viewBox='0 0 15 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1L7.5 6L1 0.999999' stroke='%23525252' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;transition: transform 0.2s ease-in-out;position: absolute;top: 50%;transform: translateY(-50%);left: 26px;}
.main_menu_draggable_box .accordion-item .accordion-button:not(.collapsed)::after {transform: translateY(-50%) var(--bs-accordion-btn-icon-transform) !important;}
.main_menu_draggable_box .accordion-item .accordion-collapse .accordion-body {border-top: 1px solid var(--box-border-color);padding: 0px;}
.mainAccordionCollection .accordion-item .accordion-collapse .accordion-body {padding: 14px 22px;}
.main_menu_draggable_box.choices_menu_draggable_box .accordion-item .accordion-collapse .accordion-body {border-top: 0px;}
.choices-menu-list .accordion .accordion-item .dish-group-item {margin-left: -22px;margin-right: -22px;}
.choices-menu-list .accordion .accordion-item .dish-group-item .ingredient-section {border: 0px !important;border-top: 1px solid var(--form-border-color) !important;border-radius: 0px !important;margin-bottom: 0px !important;}
.custom-action-dropdown .actions {width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;border: 0px;outline: none;text-align: center;border-radius: 0px;background: transparent;}
.custom-action-dropdown .dropdown-menu {border: 1px solid #DADADA;border-radius: 5px;padding: 18px;box-shadow: none;min-width: 300px;}
.custom-action-dropdown .dropdown-menu .title {font-size: 14px;font-weight: 400;color: #858585;margin-bottom: 12px;}
.custom-action-dropdown .dropdown-menu li.menu-list a {height: 40px;display: flex;align-items: center;gap: 12px;}
.custom-action-dropdown .dropdown-menu li.menu-list a {color: #000000;font-size: 14px;font-weight: 400;}
.custom-action-dropdown .dropdown-menu li.menu-list a .icon {flex: 0 0 18px;max-width: 18px;}
.drag-handle {cursor: pointer;}
.main_menu_draggable_box .menu-item {padding: 14px 22px;background: #ffffff;border: 0px;border-radius: 0;overflow: hidden;position: relative;border-bottom: 1px solid var(--border-color);}
.main_menu_draggable_box .menu-item .item-image {flex: 0 0 120px;max-width: 120px;height: 120px;position: relative;overflow: hidden;text-align: center;display: flex;align-items: center;justify-content: center;}
.upload-file {position: relative;}
.main_menu_draggable_box .menu-item .item-image .actions, .upload-file .actions {background: transparent;width: 30px;height: 30px;position: absolute;top: 10px;right: 10px;border-radius: 9999px;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;border: 0px;outline: none;box-shadow: none;}
.main_menu_draggable_box .menu-item {display: flex;gap: 12px;align-items: center;margin-bottom: 0px;}
.main_menu_draggable_box .menu-item:last-child {margin-bottom: 0px;border-bottom: 0px;}
.main_menu_draggable_box .menu-item .item-image img {width: 90%;height: 90%;object-position: center;object-fit: contain;margin: 0px auto;}
.main_menu_draggable_box .menu-item .edit-button {background: transparent;position: relative;display: inline-flex;align-items: center;justify-content: center;border: 0px;outline: none;box-shadow: none;font-size: 14px;font-weight: 300;color: var(--theme-color);margin-right: 12px;}
.main_menu_draggable_box .menu-item .item-content {flex: auto;padding-left: 15px;margin-bottom: auto;padding-top: 10px;}
.main_menu_draggable_box .menu-item .item-content .item-title {font-size: 14px;font-weight: 300;}
.main_menu_draggable_box .menu-item .item-content .item-description {font-size: 12px;font-weight: 300;min-height: 16px;}
.main_menu_draggable_box .menu-item .item-content .item-price {font-size: 14px;font-weight: 300;}
.main_menu_draggable_box .menu-item .item-content .availability-control {font-size: 14px;font-weight: 300;}
.menu-item .item-image .upload-button-container {position: absolute;top: 50%;transform: translateY(-50%);left: 0px;right: 0px;max-width: 95%;margin: 0px auto;cursor: pointer;}
.menu-item .item-image .upload-button {background-color: #F6F6F6;color: #000;border: none;border-radius: 50px;padding: 6px 5px;font-size: 11px;font-weight: 300;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 5px;}
.menu-item .item-image .upload-button:hover {background-color: #e6e6e6;}
.menu-item .item-image .file-input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.availability-control * {font-size: 14px;}
.collection-list-container .accordion .accordion-item {border-color: var(--border-color) !important;}
.collection-list-container .accordion .accordion-button {font-size: 14px;font-weight: 300;}
#allergensModal .form-check .form-check-label {font-size: 16px;font-weight: 300;color: #000000;}
#allergensModal h6 {font-weight: 400;}
.add-group-section .group-option, .edit-group-section .group-option {border: 1px solid var(--box-border-color);}
.dishGroupItem .accordion-button::after {display: none;}
.dishIngredientCategory .accordion-collapse .ingredient-list-section .ingredient-section {padding: 17px 10px !important;}
.dishIngredientCategory .accordion-collapse .ingredient-list-section .ingredient-section-title {padding-top: 0px !important;}
.dishIngredientCategory .accordion-body {padding-top: 0px !important;}
.dishIngredientCategory .accordion-collapse .ingredient-list-section {padding-left: 0px;}
.select2-container--default .select2-search--inline .select2-search__field {margin-top: 13px !important;}
.detailsRow {border-bottom: 0.5px solid var(--border-color);margin-bottom: 24px;padding-bottom: 24px;}
div .detailsRow:last-child {border-bottom: 0px;}
.detailsRow .titleCol {flex: 0 0 250px;max-width: 250px;}
.titleCol h3 {font-size: 16px;font-weight: 400;}
.detailsRow .detailCol {flex: calc(100% - 250px);max-width: calc(100% - 250px);}
.detailsRow .detailCol .title_section{font-size: 14px}
.detailCol .theme-box:last-child {margin-bottom: 0px !important;}
.store-settings-container {max-width: 1056px;margin: 0 auto;padding-top: 16px;padding-bottom: 16px;}
.store-settings-container .nav-tabs {border: 0px;margin-bottom: 50px;}
.store-settings-container .nav-tabs .nav-link {color: #727272;border: 0px;padding: 10px 15px;margin-right: 0px;border-radius: 6px;}
.store-settings-container .nav-tabs .nav-link.active {color: #000000;border-bottom: 0px;font-weight: 500;background: #F6F6F6 !important;}
.hours-table .form-switch .form-check-input {width: 40px;height: 24px;font-size: 18px;}
.form-check-input:checked {background-color: var(--theme-color);border-color: var(--theme-color) !important;}
.add-shift-btn {color: var(--theme-color);background: none;border: none;padding: 0;font: inherit;cursor: pointer;text-decoration: none;white-space: nowrap;}
.add-earn-btn {color: var(--theme-color);background: none;border: none;padding: 0;font: inherit;cursor: pointer;text-decoration: none;font-size: 14px }
.remove-shift-btn {color: #000000;background: none;border: none;padding: 0;font: inherit;cursor: pointer;text-decoration: none;}
.time-dash {text-align: center;line-height: 35px;}
.form-combined-group .hours-table td {vertical-align: middle;padding: 10px 14px;font-size: 14px;color: #2F2F2F;}
.form-combined-group .hours-table .hours-row {border-top: 1px solid var(--box-border-color);}
.form-combined-group .hours-table .hours-row:first-child {border-top: 0px;}
.hours-row .form-control {text-align: center;}
.form-combined-group .hours-table .hours-row:last-child {border-bottom: 0px;}
.info-text {color: #727272;font-size: 0.9rem;}

.store-settings-container .tab-pane .card-body {background: transparent !important;border: 0px !important;box-shadow: none !important;}
.form-combined-group {border-radius: 5px;overflow: hidden;margin-bottom: 20px;}
.form-combined-group .form-combined-inner {display: flex;height: 56px;border-bottom: 0.5px solid var(--border-color);color: #2F2F2F;font-size: 14px;}
.form-combined-inner .payment_icon {width: 48px;flex: 0 0 48px;display: flex;align-items: center;justify-content: center;border: 0.5px solid var(--border-color);border-radius: 5px;height: 27px;margin: 0px 10px 0px 30px;}
.scrollenBox {height: 400px !important;overflow: auto;padding: 0px 10px 0px 10px;display: block !important;}
.scrollenBox p {font-size: 12px;}
.form-combined-group .form-combined-inner:last-child {border-bottom: none;}
.form-combined-group .form-combined-input {flex: 1;border: none;padding: 0.375rem 0.75rem;outline: none;font-size: 1rem;}
.form-combined-group .form-combined-static {background-color: transparent;color: #8C8C8C;padding: 0.375rem 0.75rem;white-space: nowrap;display: flex;align-items: center;justify-content: flex-end;font-size: 14px;border-left: 0px;flex: auto;}
.form-combined-static .deleteIcon {flex: 0 0 16px;max-width: 16px;border: 0px;outline: none;box-shadow: none;background: #ffffff;}
.form-combined-group .form-combined-input:focus {outline: none;box-shadow: none;}
.invoice-table-container {width: 100%;}
.invoice-table-container table {width: 100%;border-collapse: separate;border-spacing: 0;border: 0.5px solid var(--border-color);border-radius: 5px;overflow: hidden;margin-bottom: 20px;}
.invoice-table-container table th, .invoice-table-container table td {padding: 20px 15px;border-bottom: 0.5px solid var(--border-color);vertical-align: middle;font-weight: normal;font-size: 14px;white-space: nowrap;}
.invoice-table-container tr:last-child td {border-bottom: none;}
.invoice-table-container .invoice-id {color: #0066cc;font-weight: 500;}
.invoice-table-container .status-paid {color: #00a651;font-weight: 500;}
.invoice-table-container .status-failed {color: #e74c3c;font-weight: 500;}
.invoice-table-container .pagination {display: flex;justify-content: end;align-items: center;margin-top: 15px;padding: 10px 0;}
.invoice-table-container .pagination-number {display: inline-flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;margin: 0 2px;font-weight: 300;font-size: 14px;}
.invoice-table-container .pagination-arrow {display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;color: #999;cursor: pointer;font-size: 18px;font-weight: 300;opacity: 0.3;}
.invoice-table-container .pagination-arrow.active {opacity: 1;}
.invoice-table-container .pagination-arrow.prev {margin-right: 8px;}
.invoice-table-container .pagination-arrow.next {margin-left: 8px;color: #0066cc;}
.contentBox {border: 0.5px solid var(--border-color);border-radius: 5px;overflow: hidden;}
.contentBox .top-tab-title {padding: 26px 18px;border-bottom: 0.5px solid var(--border-color);font-size: 14px;font-weight: 400;}
.contentBox .contentHeader {border-bottom: 0.5px solid var(--border-color);display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 24px 24px;position: relative;}
.contentHeader h5 {font-size: 16px;font-weight: 400;}
.contentHeader p {font-size: 12px;font-weight: 200;}
.progressBar {font-size: 14px;color: #B8B8B8;text-align: right;display: flex;align-items: center;gap: 10px;flex: 1;margin-left: auto;justify-content: flex-end;}
.progressBar .progressLine {flex: 0 0 100px;max-width: 100%;border-radius: 9999px;height: 14px;position: relative;overflow: hidden;background: #eeeeee;}
.progressBar .progressLine .bar {background: var(--theme-color);position: absolute;left: 0px;top: 0px;height: 100%;max-width: 100%;pointer-events: none;}
.contentBox .contentBody {padding: 24px;}
.accountCreateRow {display: flex;align-items: center;justify-content: space-between;gap: 5px;}
.accountCreateRow .titleLeft {display: flex;gap: 20px;align-items: center;flex: 1;}
.accountCreateRow .titleLeft .number {flex: 0 0 30px;max-width: 30px;height: 30px;border-radius: 9999px;border: 0.5px solid var(--border-color);overflow: hidden;display: flex;justify-content: center;align-items: center;font-size: 14px;text-align: center;color: #AAAAAA;font-weight: 200;}
.accountCreateRow .titleLeft .number .checked {display: none;}
.accountCreateRow .titleLeft .titles {position: relative;}
.accountCreateRow .titleLeft .titles h6 {font-weight: 400;}
.accountCreateRow .titleLeft .titles p {font-size: 14px;font-weight: 200;}
.accountCreateRow .actionStatus * {font-size: 14px;font-weight: 400;}
.accountCreateRow .actionStatus a {font-size: 14px;font-weight: 400;text-decoration: underline;}
.accountCreateRow .titleLeft .number.active {background: var(--theme-color);border-color: var(--theme-color);}
.accountCreateRow .titleLeft .number.active span {display: none;}
.accountCreateRow .titleLeft .number.active .checked {display: block;}
.contentBoxTable * {font-size: 14px;font-weight: 400;}
.contentBoxTable .paymentRowTable .col-number {flex: 0 0 50px;max-width: 50px;}
.contentBoxTable .contentBody .paymentRowTable {padding: 24px;border-bottom: 0.5px solid var(--border-color);}
.contentBoxTable .contentBody .paymentRowTable:last-child {border-bottom: 0px;}
.flex-1 {flex: 1;}
.contentBoxTable .col-title {flex: 1;}
.contentBoxTable .paymentRowTable {display: flex;align-items: center;justify-content: initial;gap: 10px;padding: 24px 24px;}
.contentBoxTable .paymentRowTable .col-toggled {flex: 0 0 140px;max-width: 140px;}
.contentBoxTable .paymentRowTable .col-status {flex: 0 0 260px;max-width: 260px;}
.contentBody .paymentRowTable {padding: 0px;}
.contentBody .payment_icon {width: 48px;flex: 0 0 48px;display: flex;align-items: center;justify-content: center;border: 0.5px solid var(--border-color);border-radius: 5px;height: 27px;margin: 0px 5px 0px 5px;}
.text-mute {color: #9C9C9C !important;}
.deliveryTable {border: 0.5px solid var(--border-color);border-radius: 5px;}
.deliveryTable th {white-space: nowrap;}
.deliveryTable td, .deliveryTable th {border-color: #E6E6E6;font-size: 14px;font-weight: 400;padding: 20px 24px;vertical-align: middle;}
.deliveryTable tr:last-child td {border-bottom: 0;}
.store-settings-container .settings-domain-container {margin: 0 auto;}
.store-settings-container .settings-domain-container * {font-size: 14px !important;}
.store-settings-container .settings-domain-container .header-row {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
.store-settings-container .settings-domain-container .domain-title {font-size: 18px !important;font-weight: 400;margin: 0;}
.store-settings-container .settings-domain-container .nav-tabs {border-bottom: none;display: flex;gap: 1.5rem;}
.store-settings-container .settings-domain-container .nav-link {color: #000000;padding: 0;margin: 0;border: none;font-size: 14px;background: transparent;text-decoration: none;cursor: pointer;text-transform: capitalize;}
.store-settings-container .settings-domain-container .nav-link.active {color: var(--theme-color);font-weight: normal;position: relative;background: transparent !important;}
.store-settings-container .settings-domain-container .search-wrapper {position: relative;margin-bottom: 24px;}
.store-settings-container .settings-domain-container .search-input {width: 100%;padding: 10px 10px 10px 60px;border-radius: 5px;border: 0.5px solid var(--border-color) !important;background-color: #ffffff;height: 62px;outline: 0;}
.store-settings-container .settings-domain-container .search-input::placeholder {color: #000000;}
.store-settings-container .settings-domain-container .search-icon {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: #adb5bd;font-size: 14px;}
.store-settings-container .settings-domain-container .settings-subtitle {font-size: 16px !important;font-weight: 400;margin-bottom: 16px;}
.store-settings-container .settings-domain-container .domain-card {display: flex;align-items: center;padding: 20px 24px;margin-bottom: 12px;border: 0.5px solid var(--border-color) !important;border-radius: 5px;cursor: pointer;}
.store-settings-container .settings-domain-container .domain-icon {width: 34px;height: 34px;background-color: #ffffff;display: flex;align-items: center;justify-content: center;margin-right: 24px;flex-shrink: 0;color: #000000;}
.store-settings-container .settings-domain-container .domain-info h5 {font-size: 14px;font-weight: 400;margin-bottom: 0.25rem;color: #000000;}
.store-settings-container .settings-domain-container .domain-info p {margin-bottom: 0;font-weight: 200;}
.store-settings-container .settings-domain-container .circle-icon {display: inline-block;width: 18px;height: 18px;}
.navlineFluid {padding: 0px 24px;background: #ffffff;border-bottom: 0.5px solid var(--border-color) !important;column-gap: 34px;}
.navlineFluid .nav-item .nav-link {border: 0px;position: relative;border-radius: 0px;border-bottom: 0.5px solid var(--border-color) !important;color: rgb(41 41 41 / 50%);font-size: 14px;padding: 27px 0px;}
.navlineFluid .nav-item .nav-link.border-0 {border: 0px !important;}
.navlineFluid .nav-item .nav-link.text-blue {color: var(--theme-color);}
.navlineFluid .nav-item .nav-link.active {color: #000000;}
.navlineFluid .nav-item .nav-link.active::after {content: '';position: absolute;left: 0px;right: 0px;margin: 0px auto;width: 100%;bottom: 1px;height: 3px;background-color: var(--theme-color);border-radius: 9999px;overflow: hidden;}
.settings-domain-container .domain-card-static {cursor: initial !important;justify-content: space-between;align-items: center;}
.font-light {font-weight: 200;}
#fullHeightBg {background: #ffffff;}
.contentHeader .innerTabs, .contentHeader .innerTabs li {list-style: none;}
.contentHeader .innerTabs {display: flex;gap: 28px;}
.contentHeader .innerTabs li a {display: flex;padding: 0px 0px 24px;justify-content: space-between;gap: 15px;font-size: 14px;color: #727272;border-bottom: 2px solid transparent;align-items: center;}
.contentHeader .innerTabs li button {display: flex;padding: 0px 0px 24px;justify-content: space-between;gap: 10px;font-size: 14px;color: #727272;border: none;background: transparent;align-items: center;border-bottom: 2px solid transparent;}
.contentHeader .innerTabs li button>span {flex: 0 0 34px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 12px;background: #F1F1F1;border-radius: 5px;max-width: 34px;height: 28px;}
.contentHeader .innerTabs li a>span {flex: 0 0 34px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 12px;background: #F1F1F1;border-radius: 5px;max-width: 34px;height: 28px;}
.contentHeader .innerTabs li.active button {color: #000000;border-bottom: 2px solid var(--theme-color) !important;}
.contentHeader .innerTabs li:hover button {border-bottom: 2px solid var(--border-color);}

.contentHeader .innerTabs li .discount-link {position: relative;}
.contentHeader .innerTabs li .discount-link::before {position: absolute;left: 0px;right: 0px;bottom: -26px;height: 2px;background: var(--theme-color);content: "";width: 100%;pointer-events: none;z-index: 1;opacity: 0;}
.contentHeader .innerTabs li.active .discount-link::before {opacity: 1;}

.font-light {font-weight: 300 !important;}
.custom-promo-table {background-color: #ffffff;border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.custom-promo-table thead th {font-weight: 400;color: #000000;background-color: #F6F6F6;border-bottom: 1px solid #eaeaea;padding: 15px 25px;font-size: 14px;}
.custom-promo-table tbody td {padding: 15px 25px;font-size: 14px;vertical-align: middle;border-bottom: 0.5px solid var(--border-color);}
.custom-promo-table .form-check {margin: 0;min-height: auto;}
.form-check-input:focus {box-shadow: none !important;}
.custom-promo-table .form-check-input {width: 18px;height: 18px;border: 1px solid #ddd;cursor: pointer;margin-top: 0;margin-left: auto;margin-right: auto;}
.custom-promo-table .status-badge {min-width: 88px;text-align: center;}
.promo-title {font-weight: 400;font-size: 14px;margin-bottom: 2px;color: #000000;}
.promo-description {color: #292929;font-size: 12px;margin-bottom: 0;font-weight: 300;}
.status-badge {font-weight: 300;padding: 6px 16px;border-radius: 5px;font-size: 12px;display: inline-block;}
.badge-active {background-color: #D8F5E0;color: #000000;}
.badge-scheduled {background-color: #FFF2CE;color: #000000;}
.badge-expired {background-color: #F1F1F1;color: #000000;}
.code-method {font-size: 14px;color: #444;}
.usage-count {font-size: 14px;color: #444;}
.btn-site-theme {background: var(--theme-color);}
.text-blue {color: var(--theme-color);}
.btn-site-theme:hover, .btn-site-theme:active {background: var(--theme-color) !important;}
.section-box {border: 1px solid var(--box-border-color);border-radius: 0.5rem;background-color: #ffffff;margin-bottom: 1.5rem;}
.create-discount-section .discount-section-title {padding: 28px 24px;font-size: 14px;font-weight: normal;border-bottom: 1px solid var(--box-border-color);}
.create-discount-section .innerSection {padding: 18px 18px 18px 18px;}
.create-discount-section .innerSection .percentage-input-field {position: relative;}
.create-discount-section .innerSection .percentage-input-field input {padding-right: 30px;}
.position-relative .percentage-sign {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #6c757d;}
.create-discount-section .innerSection .percentage-sign {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #6c757d;}
.edit-discount-section .discount-section-title {padding: 28px 24px;font-size: 14px;font-weight: normal;border-bottom: 1px solid var(--box-border-color);}
.edit-discount-section .innerSection {padding: 18px 18px 18px 18px;}
.edit-discount-section .innerSection .percentage-input-field {position: relative;}
.edit-discount-section .innerSection .percentage-input-field input {padding-right: 30px;}
.edit-discount-section .innerSection .percentage-sign {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #6c757d;}
.discounts-type .nav-item .nav-link {color: #727272;border: none;padding-top: 26px;padding-bottom: 26px;}
.discounts-type .nav-item .nav-link.active {color: #000000;border-bottom: 2px solid var(--theme-color);background-color: transparent;}
.way-to-earn-type .nav-item .nav-link, .way-to-redeem-type .nav-item .nav-link {color: #727272;border: none;padding-top: 15px;padding-bottom: 15px;border-radius: inherit;}
.way-to-earn-type .nav-item .nav-link.active, .way-to-redeem-type .nav-item .nav-link.active {color: #000000;border-bottom: 2px solid var(--theme-color);background-color: transparent;}
.way-to-earn .form-group .points_label, .way-to-redeem .form-group .points_label {position: absolute;right: 20px;transform: translateY(-50%);color: #8C8C8C;font-size: 14px;top: 50%;}
.nav-tabs.discounts-type {border-bottom: 1px solid var(--box-border-color) }
.reward-section h5 {font-size: 16px;margin-bottom: 10px;}
.reward-section p {font-size: 12px;}
.reward-section .rewards-row-box .rewards-box {border-radius: 5px;border: 0.5px solid var(--border-color) !important;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;text-align: center;padding: 24px;height: 134px;position: relative;cursor: pointer;}
.reward-section .rewards-row-box .rewards-box .checked {display: flex;opacity: 0;width: 22px;height: 22px;position: absolute;top: 10px;right: 10px;pointer-events: none;}
.reward-section .rewards-row-box .rewards-box h3 {margin-bottom: 0px;font-size: 26px;}
.reward-section .rewards-row-box .rewards-box p {font-size: 12px;font-weight: 300;}
.rewards-row-box .rewards-box.active .checked {opacity: 1;}
.rewards-row-box .rewards-box.active {border-color: var(--theme-color);background: rgb(1 114 175 / 5%);}
.rewards-row-box .rewards-box.active h3 {color: var(--theme-color);}
.recommendedBox {border-radius: 5px;padding: 24px;background: #F6F6F6;}
.recommendedBox * {font-size: 12px;}
.recommendedBox p {font-weight: 300;}
.rewarding-section .rewards-row-box .rewards-box {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 20px;}
.rewarding-section .rewards-row-box .rewards-box .icon {display: inline-flex;flex: 0 0 88px;max-width: 88px;width: 88px;height: 88px;justify-content: center;align-items: center;overflow: hidden;background: #F6F6F6;border-radius: 9999px;}
.rewarding-section .rewards-row-box .rewards-box p {font-size: 12px;}
.orderSettingdropdown .dropdown-menu {min-width: 300px !important;box-shadow: none !important;border-radius: 5px;overflow: hidden;border: 0.5px solid var(--border-color) !important;outline: none;padding: 0px;}
.orderSettingdropdown .dropdown-menu * {font-size: 14px;font-weight: 400;}
.orderSettingdropdown .dropdown-menu .dropdown-item {padding: 15px 10px;background: #ffffff !important;}
.order-delivered-tabs {display: flex;margin: 0px -10px;}
.order-delivered-tabs .order-cols-status {flex: 0 0 33.33%;max-width: 33.33%;width: 33.33%;padding: 0px 10px;margin-bottom: 20px;}
.btn-site-theme {background: var(--theme-color);}
.text-blue {color: var(--theme-color);}
.btn-site-theme:hover, .btn-site-theme:active {background: var(--theme-color-hover) !important;}
.section-box {border: 1px solid var(--box-border-color);border-radius: 0.5rem;background-color: #ffffff;margin-bottom: 1.5rem;}
.create-discount-section .discount-section-title {padding: 28px 24px;font-size: 14px;font-weight: normal;border-bottom: 1px solid var(--box-border-color);}
.create-discount-section .innerSection {padding: 18px 18px 18px 18px;}
.create-discount-section .innerSection .percentage-input-field {position: relative;}
.create-discount-section .innerSection .percentage-input-field input {padding-right: 30px;}
.create-discount-section .innerSection .percentage-sign {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #6c757d;}
.discounts-type .nav-item .nav-link {color: #727272;border: none;padding-top: 26px;padding-bottom: 26px;}
.discounts-type .nav-item .nav-link.active {color: #000000;border-bottom: 2px solid var(--theme-color);background-color: transparent;}
.nav-tabs.discounts-type {border-bottom: 1px solid var(--box-border-color) }
.order-list-container {position: relative;overflow: auto;}
.order-list-container .order-col .order-box {overflow: hidden;border-bottom: 1px solid var(--box-border-color);background: #ffffff;border-radius: 0px;padding: 21px 16px 21px 9px;display: flex;height: 78px;max-height: 78px;border-left: 2px solid transparent;}
.order-list-container .order-col .order-box.active {border-left-color: #C02424;}
.order-list-container .order-col .order-box.active_bg {background: rgb(1 114 175 / 3%);}
.order-list-container .order-col .order-box * {font-size: 14px;font-weight: 300;color: #292929;}
.order-list-container .order-col .order-box .price_status * {font-size: 14px;font-weight: 300 !important;}
.order-list-container .order-col .order-box .actions {margin-left: auto;display: flex;align-items: center;padding-left: 10px;}
.order-list-container .order-col .order-box .actions .price_status * {font-weight: 500 !important;}
.order-list-container .order-col .order-box .actions .btn {border-radius: 5px;border: 1px solid rgb(156 156 156 / 40%);text-align: center;background-color: rgb(156 156 156 / 40%);color: #000000;font-weight: 300;font-size: 14px;display: flex;align-items: center;justify-content: center;margin-left: 10px;flex: 0 0 104px;max-width: 104px;width: 104px;padding: 7px 6px !important;border: 0px !important;height: 34px;min-height: 34px;}
.order-list-container .order-col .order-box .actions .btn:hover {background: #000000;color: #ffffff;}
.order-list-container .order-col .order-box .actions .btn.outline-danger {border-color: rgb(183 58 58 / 40%);color: #000000;background-color: rgb(183 58 58 / 40%) }
.order-list-container .order-col .order-box .actions .btn.outline-danger:hover {color: #ffffff;background: #B73A3A;}
.order-list-container .order-col .order-box .actions .btn.outline-warning {border-color: rgb(248 182 2 / 40%);color: #000000;background-color: rgb(248 182 2 / 40%) }
.order-list-container .order-col .order-box .actions .btn.outline-warning:hover {background: #FFC00B;color: #ffffff;}
.order-list-container .order-col .order-box .actions .btn.outline-success {border-color: rgb(59 206 98 / 40%);color: #000000;background-color: rgb(59 206 98 / 40%) }
.order-list-container .order-col .order-box .actions .btn.outline-success:hover {background: #3BCE62;color: #ffffff;}
.order-list-container .order-col .order-box .details {display: flex;align-items: center;justify-content: space-between;border-right: 1px solid var(--form-border-color);padding-right: 15px;border-left: 1px solid var(--form-border-color);padding-left: 38px;flex: auto;padding-top: 10px;padding-bottom: 10px;}
.order-list-container .order-col .order-box .timing {flex: 0 0 90px;max-width: 90px;display: flex;align-items: center;justify-content: center;flex-direction: column;white-space: nowrap;position: relative;top: 2px;}
.order-list-container .order-col .order-box .timing h3 {font-size: 13px;margin-bottom: 0px;}
.order-list-container .order-col .order-box .timing label {display: flex;align-items: center;min-width: 50px;text-align: center;justify-content: center;border-radius: 0;height: auto;background: transparent !important;padding: 0px 1px;text-transform: uppercase;font-size: 12px;color: #000000 !important;}
.order-list-container .order-col .order-box .timing label.success {background: #3BCE62;}
.order-list-container .order-col .order-box .timing label.danger {background: #FF3355;}
.order-list-container .order-col .order-box .details .right p:first-child {white-space: nowrap;}
.order-list-container .order-col .order-box .details .left p {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;padding-top: 0;position: relative;top: 5px;}
.order-list-container .order-col .order-box .details .left p:empty {display: none;}
.order-status-filter .order-status span {color: #000000 }
.order-status-filter .new .newOrderCount {background: rgb(183 58 58 / 20%) }
.order-status-filter .kitchen .inKitchenCount {background: rgb(248 182 2 / 20%) }
.order-status-filter .delivery .deliveryCount {background: rgb(59 206 98 / 20%) }
.modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;justify-content: center;align-items: center;}
.custom-order-detail-modal {max-width: 1020px;width: 100%;max-height: 615px;border-radius: 12px;overflow: hidden;}
.custom-order-detail-modal .modal-footer {padding: 16px 24px;background-color: #ffffff;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #f1f1f1;}
.custom-order-detail-modal .modal-header-section {padding: 17px 24px 0px 24px;justify-content: space-between;align-items: center;border: none;}
.custom-order-detail-modal .modal-body {padding: 20px 24px;}
.custom-order-detail-modal .modal-header-section h4 {margin: 0;font-weight: 400;font-size: 14px;color: #BFBFBF;display: flex;align-items: center;}
.custom-order-detail-modal .close-btn {cursor: pointer;font-size: 22px;}
.custom-order-detail-modal .modal-header-section .pay-icon {display: flex;align-items: center;justify-content: center;text-align: center;width: 47px;height: 27px;border-radius: 5px;overflow: hidden;border: 1px solid #EFEFEF;margin-left: 20px;}
.custom-order-detail-modal .nav_tab {display: flex;border: none;}
.custom-order-detail-modal .nav_tab .order-cols-status {padding: 10px 16px;flex: 0 0 25%;max-width: 25%;width: 25%;text-align: center;}
.custom-order-detail-modal .nav_tab .active {font-weight: 400;}
.custom-order-detail-modal .nav_tab .new_order .active {border-bottom: 2px solid rgba(219, 156, 156, 0.5);}
.custom-order-detail-modal .nav_tab .kitchen .active {border-bottom: 2px solid rgba(248, 182, 2, 0.5);}
.custom-order-detail-modal .nav_tab .delivery .active, .custom-order-detail-modal .nav_tab .pickup .active {border-bottom: 2px solid rgba(59, 206, 98, 0.5);}
.custom-order-detail-modal .sub-tabs {display: flex;margin: 0px -20px;font-weight: bold;background: var(--theme-color);}
.custom-order-detail-modal .nav-item .nav-link {background: var(--theme-color);border-radius: 0px;padding: 14px 55px;color: #ffffff;font-size: 14px;font-weight: 300;border: 0px;}
.custom-order-detail-modal .sub-tabs .active {background: #01507A;}
.custom-order-detail-modal .modal-content-row {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 16px;}
.custom-order-detail-modal .modal-content-column {width: 48%;margin-bottom: 10px;}
.custom-order-detail-modal .modal-content-column p {margin: 8px 0;line-height: 1.5;}
.custom-order-detail-modal .footer-link {color: #007bff;font-size: 14px;text-decoration: none;}
.custom-order-detail-modal .more-options {cursor: pointer;}
.custom-order-detail-modal .nav_tab .order-cols-status .status-option {display: flex;align-items: center;padding: 0px 34px;background-color: white;position: relative;height: 48px;overflow: hidden;font-size: 14px;justify-content: center;text-align: center;font-weight: 400;border-bottom-width: 2px !important;}
.custom-order-detail-modal .tab-content {padding: 40px 40px 0px !important;margin: 0px 0px;overflow: auto;min-height: 384px;max-height: 384px;}
.custom-order-detail-modal .tab-pane {padding-left: 0px;padding-right: 0px;}
.custom-order-detail-modal .table-content * {font-size: 14px;}
.custom-order-detail-modal .table-content * {font-size: 14px;}
.custom-order-detail-modal .table-content table th {font-weight: 400;color: #929292;min-width: 180px;}
.custom-order-detail-modal .table-content table th, .custom-order-detail-modal .table-content table td {vertical-align: top;}
.custom-order-detail-modal .table-content table th {color: #000000;height: 40px }
.custom-order-detail-modal .table-content table td {color: #303030;}
.custom-order-detail-modal .deliverer_name {height: 60px;width: 100%;border: none;color: #7c7a7a;}
.custom-order-detail-modal .order-status .status-option {display: flex;align-items: center;padding: 0px 0px;background-color: white;cursor: pointer;position: relative;height: 60px;overflow: hidden;border-radius: 5px;}
.custom-order-detail-modal .order-status .status-option button {border-bottom: 2px solid transparent;border-top: 2px solid transparent;}
.custom-order-detail-modal .order-status .status-option button.active {border-bottom-color: var(--theme-color);}
.orders-container .order-filter, .orders-container .order-setting-button {padding: 0px;width: 50px;height: 50px;border-radius: 5px;}
.orders-container .order-setting-button, .orders-container .order-filter {border: 1px solid var(--box-border-color);background: #ffffff;cursor: pointer;}
.orders-container .order-setting-button:hover, .orders-container .order-filter:hover, .orders-container .order-setting-button:focus, .orders-container .order-filter:focus {background: #FBFBFB;}
.flex-auto {flex: auto !important;}
.orders-container .order-setting-button:focus, .orders-container .order-filter:focus {background: #FBFBFB;}
.orders-container .order-setting-filter svg, .orders-container .order-filter-wrapper svg {position: relative;}
.orders-container .order-filter-wrapper, .setting-filter-wrapper {position: relative;display: flex;align-items: center;justify-content: center;}
.orders-container .order-filter-wrapper label, .setting-filter-wrapper label {font-size: 14px;}
.orders-container .filter-menu, .orders-container .setting-menu {position: absolute;right: 0;top: 100%;background: #ffffff;padding: 20px;border-radius: 5px;box-shadow: none;min-width: 300px;z-index: 100;border: 1px solid var(--form-border-color);margin-top: 10px;}
.discount-filterBtn {border: 0px !important;padding: 0px !important;width: 30px !important;height: 30px !important;cursor: pointer;}
.orders-container .d-none {display: none;}
.orders-container .mt-2 {margin-top: 10px;}
.orders-container .filter-header, .orders-container .setting-header {display: flex;justify-content: space-between;margin-bottom: 10px;font-size: 14px;color: #858585;}
.text-xs {font-size: 12px;}
.font-medium {font-weight: 500 !important;}
.filter-section label {font-size: 14px;}
.filter-section label input {position: relative;top: 3px;font-size: 21px;width: 16px;height: 16px;margin-right: 5px;}
.justCheckedBoxex .form-check {display: flex;align-items: center;gap: 0.5rem;padding: 0px;}
.justCheckedBoxex .form-check .default {font-size: 12px;color: #A4A4A4;margin-left: auto;}
.justCheckedBoxex .form-check-input {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 17px;height: 13px;padding: 0;margin: 0;background: none;border: none;cursor: pointer;position: relative;}
.justCheckedBoxex .form-check-input:checked::after {content: '';position: absolute;top: 0;left: 0;width: 17px;height: 13px;background-image: url('data:image/svg+xml;utf8,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.7 12.025L0 6.325L1.425 4.9L5.7 9.175L14.875 0L16.3 1.425L5.7 12.025Z" fill="%231D1B20"/></svg>');background-repeat: no-repeat;background-size: contain;}
 .justCheckedBoxex .form-check-label {display: flex;align-items: center;cursor: pointer;gap: 0.5rem;padding: 0px;font-size: 14px;color: #828282;}
.justCheckedBoxex .form-check-input:checked+.form-check-label {color: #000000;}
.setting-options a {color: #000000;font-size: 14px;}
.theme-pagination {display: flex;align-items: center;justify-content: flex-end;gap: 24px;padding: 10px 0px;white-space: nowrap;position: relative;}
.theme-pagination label {font-size: 14px;text-align: right;font-weight: 300;}
.theme-pagination .arrows {display: flex;align-items: center;gap: 16px;}
.theme-pagination .arrows button {padding: 2px 4px;background: #ffffff;border: 0px !important;outline: none !important;box-shadow: none !important;display: inline-flex;align-items: center;justify-content: center;}
.theme-pagination .arrows button.active svg path {stroke: var(--theme-color);}body .main-content {position: relative;}body .main-content.bg-white::before {position: fixed;top: 0px;left: 0px;right: 0px;background: #ffffff;content: "";width: 100%;height: 100%;z-index: -1;pointer-events: none;}
.contentBox .contentHeader .theme-pagination {position: absolute;top: 50%;transform: translateY(-50%);right: 0px;z-index: 2;}
.pac-container {border: none !important;}
.page-tab-title {font-size: 18px;border-bottom: 0.5px solid var(--border-color);padding: 14px 0px;margin-bottom: 16px;}
.theme-box {border: 1px solid var(--box-border-color);border-radius: 5px;overflow: hidden;padding: 18px;}
.form-group label, .form-group .form-label {font-size: 14px;display: block;font-weight: 300;margin-bottom: 10px;}
.form-group .form-control, .form-group .form-select {border-radius: 5px;border: 1px solid var(--form-border-color);height: 50px;padding: 5px 16px;color: #000000;font-size: 14px;}
.form-control-icon {position: relative;}
.form-control-icon .form-control {padding-right: 50px;}
.form-control-icon .static-icon-end {position: absolute;top: 50%;transform: translateY(-50%);right: 20px;pointer-events: none;z-index: 1;}
.form-control-icon.form-control-icon-start .static-icon-end {left: 20px;right: initial;}
.form-control-icon.form-control-icon-start .form-control {padding-right: 16px;padding-left: 60px;}
.form-group select.form-control {appearance: none;background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4L4.5 1L1 4' stroke='%23626262' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 10L4.5 13L8 10' stroke='%23626262' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-repeat: no-repeat !important;background-position: right 20px center !important;background-size: 9px 14px !important;padding-right: 0;}

.dropdown-toggle-select.form-group select.form-control {background-image: none !important;}
.sticky-footer-body {padding-bottom: 90px;}
.sticky-action-bar {position: fixed;bottom: 0px;background: #ffffff;z-index: 9;padding: 16px 20px;border-top: 1px solid #EAEAEA;width: 100%;left: 0px;right: 0px;}
.sticky-action-bar .sticky-container {max-width: 1056px;margin: 0 auto;padding: 0px 16px;}input[type="time"]::-webkit-calendar-picker-indicator {background: none;}
.theme-box .info-title {border-bottom: 1px solid var(--box-border-color);padding: 26px 18px;font-size: 14px;font-weight: 400;margin: -18px;margin-bottom: 0px;}
.theme-box .form-group {margin-bottom: 24px;}
.fillInfo-box .theme-box {margin-bottom: 20px;}
.custom-selectOption {position: relative;font-size: 14px;}
.custom-selectOption .select-wrapper {border: 1px solid var(--form-border-color);border-radius: 5px;padding: 10px 16px;height: 50px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;background-color: #ffffff;}
.custom-selectOption .dropdown-icon {margin-left: 10px;transition: transform 0.3s ease;}
.custom-selectOption.open .dropdown-icon {transform: rotate(180deg);}
.custom-selectOption .dropdown-list {position: absolute;top: 100%;left: 0;right: 0;border: 1px solid var(--form-border-color);background-color: #ffffff;max-height: 242px;overflow-y: auto;z-index: 99;display: none;padding: 0px;list-style-type: none;margin-top: 10px;padding: 0px;border-radius: 5px;}
.custom-selectOption.open-up .dropdown-list {margin-bottom: 10px;top: initial;bottom: 100%;}
.custom-selectOption.open .dropdown-list {display: block;}
.custom-selectOption .dropdown-list li {padding: 17px 28px;cursor: pointer;font-size: 14px;font-weight: 400;}
.custom-selectOption .dropdown-list li:hover, .custom-selectOption .dropdown-list li.active {background-color: #f3f3f3;}
.tab-breadcrumb .breadcrumb {position: relative;margin-bottom: 28px;column-gap: 10px;}
.tab-breadcrumb .breadcrumb * {font-size: 14px;font-weight: 400;}
.tab-breadcrumb .breadcrumb li {position: relative;}
.tab-breadcrumb .breadcrumb li a {color: #8F8F8F;}
.tab-breadcrumb .breadcrumb li.active, .tab-breadcrumb .breadcrumb li.active * {color: var(--theme-color);}
.tab-breadcrumb .breadcrumb-item+.breadcrumb-item {padding-left: 32px;}
.tab-breadcrumb .breadcrumb-item+.breadcrumb-item::before {content: "";display: inline-block;width: 7px;height: 12px;margin: 0 0.5rem;background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.53033 6.53033C6.82322 6.23744 6.82322 5.76256 6.53033 5.46967L1.75736 0.696699C1.46447 0.403806 0.989593 0.403806 0.696699 0.696699C0.403806 0.989593 0.403806 1.46447 0.696699 1.75736L4.93934 6L0.696699 10.2426C0.403806 10.5355 0.403806 11.0104 0.696699 11.3033C0.989593 11.5962 1.46447 11.5962 1.75736 11.3033L6.53033 6.53033ZM5 6V6.75H6V6V5.25H5V6Z' fill='%238F8F8F'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;transform: translateY(-50%);left: 0px;}

.custom-selectOption .dropdown-list.dropdown-list-accordion {padding: 10px;}
.custom-selectOption.open .dropdown-list.dropdown-list-accordion {max-height: initial;}
.dropdown-list-accordion .accordion-content {display: none;padding: 8px 12px;background: #f9f9f9;max-height: 150px;overflow: auto;}
.dropdown-list-accordion .accordion-item.active .accordion-content {display: block;}
.dropdown-list-accordion .accordion-header {display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.dropdown-list-accordion .accordion-item .dropdown-icon {transition: transform 0.3s;transform: initial;}
.dropdown-list-accordion .accordion-item.active .dropdown-icon {transform: rotate(180deg);}
.dropdown-list-accordion .accordion-content {display: none;padding: 22px 28px;background: #ffffff !important;}
.dropdown-list-accordion .accordion-item.active .accordion-content {display: block;}
.custom-selectOption .dropdown-list-accordion .accordion-item {border: 1px solid var(--form-border-color);border-radius: 5px;margin-bottom: 10px;background: #ffffff !important;padding: 0px;}
.custom-selectOption .dropdown-list-accordion .accordion-item .accordion-header {color: #000000;padding: 17px 28px;cursor: pointer;font-size: 14px;font-weight: 400;border-bottom: 1px solid var(--form-border-color);}
.custom-selectOption .dropdown-list-accordion .accordion-item.active .accordion-header {color: var(--theme-color) !important;}
.custom-selectOption .dropdown-list-accordion li:last-child {margin-bottom: 0px;}
.checkboxMultiple label {display: flex;align-items: center;margin-bottom: 20px;cursor: pointer;font-family: sans-serif;font-size: 14px;}
.checkboxMultiple label:last-child {margin-bottom: 0px;}
.checkboxMultiple input[type="checkbox"] {appearance: none;width: 18px;height: 18px;border: 1px solid #ABABAB;border-radius: 3px;margin-right: 12px;cursor: pointer;position: relative;}
.checkboxMultiple input[type="checkbox"]:checked {background-color: var(--theme-color);border-color: var(--theme-color);}
.checkboxMultiple span {color: #2F2F2F;}
.listDrag-ui {width: 100%;background: #ffffff;border-radius: 5px;overflow: hidden;}
.listDrag-ui .drag-item {display: flex;align-items: center;justify-content: space-between;padding: 14px 24px;border-bottom: 1px solid var(--form-border-color);cursor: move;background-color: #ffffff;font-size: 14px;font-weight: 300;column-gap: 15px;}
.listDrag-ui .drag-item:last-child {border-bottom: none;}
.listDrag-ui .handle {font-size: 18px;margin-right: 10px;cursor: grab;width: 20px;}
.listDrag-ui .label {flex-grow: 1;}
.listDrag-ui .remove {color: #9E9E9E;font-size: 14px;cursor: pointer;font-weight: 300;}
.listDrag-ui .dragging {opacity: 0.5;}
.no-data-theme {display: inline-flex;align-items: center;justify-content: center;flex-direction: column;gap: 16px;text-align: center;}
.no-data-theme .icon {display: inline-flex;align-items: center;justify-content: center;border-radius: 9999px;padding: 2px;background: #F6F6F6;width: 74px;height: 74px;flex: 0 0 74px;max-width: 74px;}
.no-data-theme p {margin-bottom: 0px;font-size: 14px;font-weight: 300;}
.order-list-container .no-data-theme {position: absolute;top: 50%;transform: translateY(-50%);left: 0px;right: 0px;margin: 0px auto;}button:focus, button:hover, button:active, .accordion-button {box-shadow: none !important;}
.item-image .dropdown-menu {border: 1px solid var(--box-border-color);padding: 4px;box-shadow: none;width: auto;min-width: auto;}
.item-image .dropdown-menu * {font-size: 12px;}
.item-image .dropdown-menu li {cursor: pointer;}
.item-image .dropdown-menu .dropdown-item {padding: 4px 8px;}
.default-time-window .modal-title {font-size: 16px;font-weight: 400;}
.default-time-window .modal-dialog-centered {max-width: 438px;}
.default-time-window .btn-apply {width: 178px;height: 40px;}
.default-time-window .btn-cancel {color: #6c757d;background: transparent;padding: 10px 20px;width: 178px;height: 40px;border: 1px solid var(--form-border-color);}
.default-time-window .btn-cancel:hover {color: #495057;background-color: #f8f9fa;}
.timeWindowCheckedBoxex .form-check {display: flex;align-items: center;gap: 1.5rem;padding: 0px;}
.timeWindowCheckedBoxex .form-check .default {font-size: 12px;color: #A4A4A4;margin-left: auto;}
.timeWindowCheckedBoxex .form-check-input {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 17px;height: 13px;padding: 0;margin: 0;background: none;border: none;cursor: pointer;position: relative;}
.timeWindowCheckedBoxex .form-check-input:checked::after {content: '';position: absolute;top: 0;left: 0;width: 17px;height: 13px;background-image: url('data:image/svg+xml;utf8,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.7 12.025L0 6.325L1.425 4.9L5.7 9.175L14.875 0L16.3 1.425L5.7 12.025Z" fill="%231D1B20"/></svg>');background-repeat: no-repeat;background-size: contain;}
.timeWindowCheckedBoxex .form-check-label {display: flex;align-items: center;cursor: pointer;gap: 0.5rem;padding: 0px;font-size: 14px;color: #828282;}
.timeWindowCheckedBoxex .form-check-input:checked+.form-check-label {color: #000000;}
.table th, .table td {vertical-align: middle;font-size: 14px;font-weight: 400;border-color: var(--border-color) !important;padding: 10px 16px;}
.table th {font-size: 16px;font-weight: 500;background: var(--border-color) !important;}
.table .btn {height: 36px;min-height: 36px;padding: 10px 12px;font-size: 12px;}
.pagination {display: flex;justify-content: center;gap: 10px;padding: 0px;flex-wrap: wrap;}
.pagination .page-item {list-style: none;}
.pagination .page-link {padding: 8px 14px;min-width: 40px;height: 40px;font-size: 14px;font-weight: 500;text-align: center;line-height: 1;color: var(--theme-color);background-color: transparent;border: 1px solid var(--border-color);border-radius: 5px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.pagination .page-link:hover {background-color: var(--theme-color) !important;color: #ffffff !important;border-color: var(--theme-color) !important;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.pagination .page-item.active .page-link {background-color: var(--theme-color) !important;color: #fff !important;border-color: var(--theme-color) !important;font-weight: 400;box-shadow: 0 2px 8px rgba(1, 114, 175, 0.4);}
.pagination .page-item.disabled .page-link {color: #999;border-color: var(--border-color);background-color: #f5f5f5;cursor: not-allowed;}
.pagination .page-link:focus {outline: none;box-shadow: 0 0 0 3px rgba(1, 114, 175, 0.3);}
.dropdown-item.active, .dropdown-item:active {color: var(--bs-dropdown-link-hover-color) !important;text-decoration: none;background-color: var(--bs-dropdown-link-hover-bg) !important;outline: none !important;}

.deliveryTable tr th {background: #F4F4F4 !important;font-size: 12px;color: #9F9F9F;padding: 14px 20px;}
.deliveryTable tr td {font-size: 14px;color: #9F9F9F;padding: 6px 20px;font-weight: 300;}
.deliveryTable td .form-control {max-width: 110px;width: 100%;min-width: 110px;}
.deliveryTable td .form-control:read-only {background: #ffffff !important;}
.deliveryTable .with-currency {position: relative;}
.deliveryTable .with-currency .symbol {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);pointer-events: none;z-index: 1;font-size: 16px;color: #000000;}
.deliveryTable .with-currency .form-control {padding-left: 24px !important;}
.deliveryTable tr td .btn {display: inline-flex;align-items: center;justify-content: center;text-align: center;width: 50px;height: 50px;overflow: hidden;border-radius: 5px;border: 1px solid var(--box-border-color);background: #ffffff;}
.deliveryTable tr td .btn:hover, .deliveryTable tr td .btn:focus {background: #F4F4F4;}
.deliveryTable tr td .remove_zipcode:hover, .deliveryTable tr td .remove_zipcode:focus {background: #b73a3a0d;}
.deliveryTable tr td .checkedZipcode:hover, .deliveryTable tr td .checkedZipcode:focus {background: #0172af0d;}
.alert-text-1, .category-alert-text-1 {font-size: 20px;font-weight: 500;}
.deliveryTableDynamicHeight table thead {background: #F4F4F4 !important;position: sticky;top: 0;z-index: 9;}
.deliveryTableDynamicHeight {min-height: 200px;}

a, button, .dropdown-toggle {outline: none !important;box-shadow: none !important;}

.custom-selectOption .dropdown-list {display: none;border: 1px solid #ccc;padding: 0;margin: 0;list-style: none;}
.custom-selectOption.open .dropdown-list {display: block !important;}
.edit-category-custom .select-wrapper-category.disabled {pointer-events: none;opacity: 0.5;cursor: not-allowed;}
.btn-user {outline: none;font-size: 10px;font-weight: 300;border: 1px solid var(--box-border-color);padding: 3px 6px 3px 6px;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 5px;min-height: 36px;}
.form-group .form-control:focus, .form-group .form-select:focus, .form-control:focus, .form-select:focus {border-color: var(--theme-color) !important;outline: none !important;box-shadow: none !important;}
.form-group .form-control:focus:not(:placeholder-shown), .form-control:focus:not(:placeholder-shown) {border-color: var(--theme-color) !important;}

hr, .hr {border-color: var(--border-color) !important;margin: 0.5rem 0;opacity: 1;}

.fillInfo-box .theme-box hr, .fillInfo-box .theme-box .hr {margin-left: -18px;margin-right: -18px;}
.updatewith-same-row {display: flex;align-items: center;justify-content: space-between;}
.updatewith-same-row .control-field {display: flex;flex-direction: column;gap: 2px;flex: auto;}
.updatewith-same-row .control-field .form-label {margin-bottom: 0px;font-size: 10px;font-weight: 300;}
.updatewith-same-row .control-field .form-control {padding: 0px !important;height: initial !important;min-height: initial !important;border: 0px !important;flex: auto;}
.updatewith-same-row .btn-link {text-decoration: none;font-size: 14px;}
.border-b-none {border-bottom: 0px !important;}
.text-decoration-none {text-decoration: none !important;}
.password-field {position: relative;}
.password-field .input-group-icon {position: absolute;right: 24px;top: 50%;transform: translateY(-50%);z-index: 1;}

.border-outline-none {border: 0px !important;outline: none !important;}
.time-date-controls .form-control.datepicker {border: 0px !important;font-size: 12px;}
.time-date-controls .input-group .input-group-text{border: 0px !important;}
.time-date-controls .input-group {border: 1px solid var(--form-border-color) !important;border-radius: 5px;overflow: hidden;}
.timeWindowCheckedBoxex {max-height: 378px;overflow: auto;}
.timeWindowCheckedBoxex>.form-check {padding: 18px 24px;margin-right: 28px;}
.timeWindowCheckedBoxex>.form-check.active, .timeWindowCheckedBoxex>.form-check:hover {background: #F9F9F9;}

.modal-header {border-color: var(--border-color);}
.searchResultsOpen {padding: 10px;border: 1px solid var(--box-border-color);border-radius: 5px;background: #ffffff;margin-top: 5px;}
.searchResultsOpen * {font-size: 12px;}
.searchResultsOpen .ingredient-container .search-result-item:hover {background: #f9f9f9;}
.searchResultsOpen .ingredient-container>div:last-child {border-bottom: 0px !important;}
.page-title {font-size: 18px;font-weight: 400;}
.number-control {position: relative;}
.number-control input {padding-right: 2.5rem;}
.number-arrows {position: absolute;right: 0.5rem;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.number-arrows .arrow {background: none;border: none;padding: 0px 2px;cursor: pointer;height: 15px;display: flex;align-items: center;justify-content: center;}
.number-control input[readonly] {background: #ffffff !important;opacity: 1;}

.btn-link {font-size: 14px !important;}
.daterangepicker .drp-buttons .applyBtn {background: var(--theme-color);border: 1px solid transparent !important;color: #ffffff;display: inline-flex;align-items: center;justify-content: center;height: 50px;min-height: 50px;column-gap: 10px;border-radius: 5px;}
.daterangepicker .drp-buttons .applyBtn:hover, .daterangepicker .drp-buttons .applyBtn:focus {background: var(--theme-color-hover) !important;}
.form-group .icon-start-control .icon {position: absolute;top: 50%;transform: translateY(-50%);left: 18px;pointer-events: none;width: 18px;}
.form-group .icon-start-control .form-control {padding-left: 52px;}
.icon-start-control .datepicker::-webkit-calendar-picker-indicator {display: none;-webkit-appearance: none;}
.icon-start-control .datepicker::-moz-calendar-picker-indicator {display: none;}

/*start media query css*/
@media screen and (max-height: 800px) {
   .order-listing-container .order-col .order-box {height: 100%;}
}

@media screen and (min-width: 1600px) {
.foodorder-box .foodorder-box-details .footer-box-main {max-height: calc(100vh - 320px) !important;}
.foodorder-box .foodorder-box-details .archive-footer-box-main {max-height: calc(100vh - 221px) !important;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list {max-height: calc(100vh - 170px) !important;}
}

@media screen and (max-width: 1365px) {
.order-page-bar .page-title {font-size: 24px;}
.order-page-bar .page-title .count {font-size: 18px;height: 40px;min-width: 40px;}
.order-listing-container .order-col .order-box .actions {padding-left: 10px;}
.order-listing-container .order-col .order-box .actions .btn {width: 100px;margin-left: 10px;flex: 0 0 100px;max-width: 100px;}
.order-listing-container .order-col .order-box .details {padding-right: 10px;padding-left: 10px;}
.order-listing-container .order-col .order-box .timing {flex: 0 0 50px;max-width: 50px;}
.order-listing-container .order-col .order-box .timing label {min-width: 40px;}
.order-listing-container .order-col .order-box .details * {font-size: 12px;}
.body-main .main-view .main-content {padding: 21px 44px !important;}
.header-top .header-container {padding: 0px 24px !important;}
.order-detail-popup .modal-dialog .modal-header {padding: 15px 20px 15px 20px;}
.order-detail-popup .head-flex h3 {font-size: 16px;}
.order-detail-popup .order-status .order-cols-status {margin-bottom: 15px;}
.order-detail-popup .order-status .status-option {height: 48px;}
.order-detail-popup .status-option span {font-size: 16px;}
.order-detail-popup .nav-tabs .nav-link {padding: 8px 10px;font-size: 13px;}
.order-detail-popup .modal-footer {padding: 10px 20px;}
.order-detail-popup .modal-footer .btn {padding: 6px 20px !important;font-size: 13px;}
.order-detail-popup .modal-footer .note {font-size: 13px;}
.order-detail-popup .modal-footer .close-btn {font-size: 14px;font-size: 13px;}
.order-detail-popup .status-option [type="radio"]:not(:checked)+span:before {border-color: #D9D9D9;}

.page-control .userlogin-dropdown .dropdown-toggle {font-size: 12px;padding: 6px;height: 40px;}
.inline-imageupload-box .upload-file {min-height: 40px;border-radius: 5px;}
.page-control .userlogin-dropdown .dropdown-toggle .userdp-text {font-size: 12px;}
.prev-input-group .input-group-icon {display: flex;align-items: center;justify-content: center;}
.menu-sidebar .menu-sidebar-content .side-bar-menu .nav-item .nav-link {font-size: 16px;letter-spacing: 0.19px;padding: 10px 18px;border-radius: 5px;}
.bd-layout {-moz-column-gap: 20px !important;column-gap: 20px !important;}
.main-content {padding: 24px 24px 40px 24px;}
.page-control .btn .ms-3 {margin-left: 2px !important;font-size: 12px;}
.page-control>.gap-3 {gap: 6px !important;}
.page-control .form-control {height: 40px !important;min-height: 40px !important;border-radius: 10px !important;font-size: 12px;}
.page-control .form-control::-webkit-input-placeholder {font-size: 12px;}
.page-control .form-control::-moz-placeholder {font-size: 12px;}
.page-control .form-control:-ms-input-placeholder {font-size: 12px;}
.page-control .form-control:-moz-placeholder {font-size: 12px;}
.popular-item-grid {grid-template-columns: repeat(4, 1fr);grid-column-gap: 20px;}
.bestselling-item-grid {grid-template-columns: repeat(4, 1fr);grid-column-gap: 20px;}
.food-detail-card {padding: 40px 20px 20px 20px;}
.custom-modal .modal-header {padding: 20px 30px 0 30px;}
.modal-body {padding: 20px;}
.form-group {margin-bottom: 15px;}
.form-control, .form-select {min-height: 50px;max-height: 50px;border-radius: 5px;font-size: 14px;}
.form-label {font-size: 14px;margin-bottom: 8px;}
.foodorder-box .foodorder-box-list-wrp .foodorder-box-list .foodorder-box-list-item {border-radius: 5px;padding: 15px;gap: 25px;}
.foodorder-box .foodorder-box-list-wrp {border-radius: 5px;padding: 20px 20px 20px 20px;}
.foodorder-box .foodorder-box-details {border-radius: 5px;padding: 20px 20px 20px 20px;}
.foodorder-box .foodorder-box-details .footer-box-main .footer-box-main-orderlist {padding: 15px 15px 15px;margin: 20px 0 0;}
.page-title {font-size: 30px;}
.editdish-card .card-body {padding: 20px;}
.customize-tab .nav-tabs .nav-item .nav-link {font-size: 14px;padding: 15px 15px;}
.card-custom-body {padding-top: 20px;}
.setting-tab .nav-tabs .nav-item .nav-link {min-width: 170px;}
.hero-incomebox {border-radius: 5px;padding: 20px;margin: 20px 0 0;}
.hero-incomebox .hero-incomebox-item {gap: 20px;}
.hero-incomebox .hero-incomebox-item .text-grp .title {font-size: 20px;}
.hero-incomebox .hero-incomebox-item .text-grp .number {font-size: 28px;}
.income-diagrams .income-diagrams-item:nth-of-type(1) {padding: 20px;border-radius: 5px;}
.income-diagrams {margin: 30px 0 0;gap: 30px;}
.coupon-card-grid .coupons-card.editdish-card .card-body {padding: 20px 30px;}
.coupon-card-grid {grid-column-gap: 30px;grid-row-gap: 30px;}
.ChatDiv {padding: 20px;border-radius: 5px;}
.chatbox .chatbox-header {padding: 20px;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.chatbox .chatbox-footer {padding: 20px 20px 20px;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.chatbox .chatbox-footer .form-group .btn-site-theme {height: 40px;padding: 8px 20px;border-radius: 5px;}
.chatbox .chatbox-main .chats-grp {padding: 25px 20px 45px 20px;}
.horizontal_tab_setting {column-gap: 30px;}
.plan-bills-section .card .details-row {max-width: 100%;}
.details-row p {font-size: 16px;}
.plan-bills-section .text-muted {font-size: 14px;}
}

@media screen and (max-width: 1500px) {
.order-listing-container .order-col .order-box .timing label {font-size: 12px;}
.order-listing-container .order-col .order-box .actions .btn {font-size: 8px !important;}
.price_status {flex: 0 0 70px;max-width: 70px;}
}

@media screen and (max-width: 1440px) {
.category-section .swiper-container .category-swiper-slider .category-slider .category-element {flex: 0 0 20%;max-width: 20%;}
.menu-sidebar .sidebar-menu-top-box {padding: 20px 5px 20px 10px !important;}
.dishOptionRow .dishOptionCol {flex: 0 0 20%;max-width: 20%;}
.dishOptionRow .dishBtnAddCol {flex: 0 0 20%;max-width: 20%;}
.delivery-row .delivery-col {flex: 0 0 20%;max-width: 20%;}
.delivery-row .delivery-btnCol {flex: 0 0 20%;max-width: 20%;}
.dashboard-inn-box .dt-box h3 {font-size: 18px;}
.order-page .pagination-custom .page-item .page-link, .order-page .pagination .page-item .page-link {width: 40px;height: 36px;flex: 0 0 40px;max-width: 40px;font-size: 16px;}
.order-page .filter-btn-group {padding-left: 20px;}
.order-page .filter-btn-group button {width: 40px;height: 40px;}
.order-detail-popup .modal-dialog {max-width: 94%;}
.order-listing-row .order-listing-col .dish-box .details .price-btn {min-width: 100px;}
.header-belt .title {font-size: 20px;}
.header-filter-order .col {max-width: 200px;}
.order-listing-container .order-col .order-box .actions .btn {width: 90px;font-size: 10px !important;flex: 0 0 90px;max-width: 90px;}
.tab-listing li a {min-width: 90px;font-size: 14px;}
.order-listing-row {margin: 0px -5px;}
.order-listing-row .order-listing-col {margin-bottom: 10px;padding: 0px 5px;}
.order-content-container .order-content-col {flex: 0 0 66%;max-width: 66%;}
.order-content-container .order-content-col.sidebar-col {flex: 0 0 34%;max-width: 34%;}
.ml-content .radio-group .radio-option span {font-size: 12px;padding: 10px 12px;}
.ml-content .radio-group .radio-option input:checked+span::before {left: 14px;}
.ml-content .radio-group .radio-option input:checked+span::after {left: 10px;}
.dish-popup-admin.custom-modal .modal-body, .dish-popup-admin.custom-modal .modal-footer {padding: 25px;}
.sidebar-col .tab-container .tab-btn {font-size: 10px;padding: 12px 6px;}
.sidebar-col .tab-container .tab-btn .icon {flex: 0 0 12px;max-width: 12px;}
}

@media screen and (max-width: 1365px) {
.order-col .order-box .details .left {column-gap: 6px;}
.price_status {flex: 0 0 60px;max-width: 60px;width: 60px;}
.order-listing-container .order-col .order-box .timing {flex: 0 0 44px;max-width: 44px;}
.order-listing-container .order-col .order-box .actions .btn {width: 75px;flex: 0 0 75px;max-width: 75px;}
.order-content-container .order-content-col {flex: 0 0 64%;max-width: 64%;}
.order-content-container .order-content-col.sidebar-col {flex: 0 0 36%;max-width: 36%;}
.ml-content .radio-group .radio-option span {font-size: 11px;}
.order-dt-row .order-dt-box .order-footer .note {max-width: 200px;}
}

@media screen and (max-width: 1200px) {
.menu-sidebar {max-width: 285px;min-width: 285px;}
.signin-card .card-body {padding: 20px;}
.popular-item-grid {grid-template-columns: repeat(2, 1fr);grid-column-gap: 15px;}
.bestselling-item-grid {grid-template-columns: repeat(2, 1fr);grid-column-gap: 15px;}
.category-section .swiper-container .category-swiper-slider .category-slider .category-element {flex: 0 0 25%;max-width: 25%;}
.section-page-title .radio-btn-group .order-radio-group {width: 100%;margin: 0px -10px 0px 4px;}
.section-page-title .radio-btn-group .radio-container .radio-label {left: 32px;}
.section-page-title .radio-btn-group .radio-container .radio-custom {margin-left: -7px !important;}
}

@media screen and (max-width: 1200px) {
.order-page-bar .drop_with_search .select-options .form-control {width: 130px;}
.header-filter-order .customer-dropdown .dropdown-toggle {min-width: 160px;}
}

@media screen and (max-width: 991px) {
.finance_auth_section {left: 0px;width: 100%;}
.body-main .main-content {padding: 21px 20px 20px !important;}
.support-detail-page .back-btn {position: relative;left: 0px;top: 0px;transform: initial;margin-bottom: 10px;}
.support-detail-page .card {padding: 20px 20px;}
}

@media screen and (max-width: 484px) {
.signin-card {max-width: 400px;}
.finance_auth_section .finance_auth_form {flex: 0 0 100%;max-width: 100%;}
.signin-card {max-width: 310px;}
}