* { list-style: none;margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

@font-face { font-family: 'Literata';   src: url('../fonts/Literata-Regular.ttf') format('truetype');font-style: normal;font-display: swap; }
@font-face { font-family: 'NunitoSans'; src: url('../fonts/NunitoSans-Regular.ttf') format('truetype');font-style: normal;font-display: swap; }

body { font-family: 'NunitoSans', sans-serif;height: 100%;margin: 0;color: rgb(255, 255, 255);background-color: #F1F5FC; }
body.homepage { width:100%;height:100%;background-image: url(../images/bg-body-img.jpg);background-position:top;/*background-position: left 13%;background-size: 138%;*/background-size:cover;background-repeat:no-repeat; }

/* ==================== COMMON CSS ==================== */

a { text-decoration:none;outline:none !important;box-shadow:none !important; }
a:hover { color:#fff; }

.logo{ width:54px;height:54px;margin-right:8px; }

nav .nav-item .nav-link { color: #353535;font-weight: 700;font-size: 15px;line-height: 100%; }
nav .nav-item .nav-link.active { border-bottom: 3px solid #475139; }
.nav-link:focus, .nav-link:hover { color:#fff; }

button { outline:none;box-shadow:none !important; }
main { padding-top:106px; }

/* sticky header css start */
.fixed { position: fixed;top:0;right:0; left:0;z-index: 999;background-color:#dbe8f2;transition: 0.2s ease-in-out; }
nav#navbar_top { position: fixed;left: 0;top:0;right: 0;z-index: 111;margin-bottom: 30px; }
/* sticky header css over */

.btn-muted { width:100%;height: 45px;border:none;border-radius: 4px;padding: 10px 24px;background-color: #cdcdcd;font-family: NunitoSans;font-weight: 900;font-size: 12px; }

.btn-green { width:100%;height: 45px;border:none;border-radius: 4px;padding: 10px 24px;background-color: #475139;font-family: NunitoSans;font-weight: 900;font-size: 12px;color: #FFFFFF;}
.btn-green:hover {color: #fff;background-color:#343C2A;}
.btn-muted:hover {color: #212529;background-color:#c3c3c3;}
.btn-dark-green { width:fit-content;height: 45px;border-radius: 20px;padding-top: 10px;padding-right: 24px;padding-bottom: 10px;padding-left: 6px;background-color: #475139;font-family: NunitoSans;font-weight: 900;font-size: 12px;color: #FFFFFF;display:flex;align-items:center;border:none;letter-spacing:0.5px;transition:0.4s ease-in; }
.btn-dark-green:hover { color:#fff;background-color:#343C2A; }
.btn-dark-green:focus { outline:none;box-shadow:none; }
.btn-dark-green .add-icon{ background-color: #C1FF72;text-decoration:none;width: 34px;height: 34px;display:block;margin-right:10px;color:#475139;font-size:21px;line-height:14px;padding: 7px 4px;border-radius: 25px;font-weight:600; }

.profile-dropdown .btn-profile::after { content: '';inset: 12px 0px 0px 48px;background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L4.25 4L0.75 7.25' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 12px 12px;background-repeat: no-repeat;background-position: center;display: inline-block;position: absolute;transform: rotate(90deg);width: 20px;height: 20px;border:none;  }
.btn-profile { font-family: NunitoSans;background-color:#DE9D69;font-weight: 900;font-size: 12px;text-align: center;color: #353535 !important;width: 46px;height: 44px;line-height: 100%;border-radius: 22px;padding: 10px;display: flex;align-items: center;text-transform:uppercase; }
.btn-profile ~ .dropdown-menu[data-bs-popper] { left:auto !important;right:0;margin-top:4px; }
.btn-profile ~ .dropdown-menu .dropdown-item { font-size:14px;color:#353535; }
/*.btn-profile.dropdown-toggle::after { display:none; }*/

.navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.text-warning { color:#E87C31 !important; }

.badge { width: auto;height: 28px;border-radius: 4px;padding: 6px 10px;font-family: NunitoSans;font-weight: 900;font-size: 12px;line-height:1;border:2px solid transparent; }
.badge-info { background-color:#5a9bd5 !important }
.badge-danger { background-color:#bf3a2b !important }
.badge-mid-green { background-color:#737752 !important }
.badge-purple { background-color:#8d44af !important; }
.badge-light-info { background-color:#c6dce7 !important; }
.badge-olivine { background-color:#abbf8c !important; }
.badge-copper { background-color:#A97141 !important; }
.badge-jasper { background-color:#B6523A !important; }
.badge-light-coral { background-color:#F28D8D !important; }
.badge-dun { background-color:#DCC79C !important; }
.badge-gray { background-color: #D2D2D2 !important;font-weight:normal;color: #353535;font-weight:600; }

.form-label { font-family: NunitoSans;font-weight: 300;font-size: 12px;color: #353535; }
.form-control, .form-select { height: 45px;border: 1px solid #D2D2D2;border-radius: 4px;background-color: #FFFFFF;padding: 10px 16px;font-family: NunitoSans;font-weight: 300;font-size: 16px;line-height: 20px; }
.form-select { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23353535' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.8' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-size:16px 14px; }
.form-control:focus, .form-select:focus { outline:none;box-shadow:none; }

.form-check-label { color:#353535;font-weight:300; }
.form-check-input { background-color: #D2D2D2;border-color: #D2D2D2; }
.form-check-input:checked { background-color: #11A331 !important;border-color: #11A331 !important; }
.form-check-input:focus { outline:none !important;box-shadow:none !important;border-color:#D2D2D2 !important; }

.form-switch .form-check-input { width:38px;height: 23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E") !important; }

.heroSection .heroHeading{ font-size:clamp(32px, 4px + 4vw, 48px) !important; }
.heroSection .heroDesc{ font-size:clamp(16px, 8px + 2vw, 24px) !important; }

.navbar-collapse.mobile .collapseWrapper { /*left: 0;top: 64%;right: 0;*/width: 100%;border-radius: 8px;/*position: absolute;*/padding-bottom: 20px;/*backdrop-filter: blur(8px);*/background-color: #dbe8f2; }

/* ==================== LOGIN PAGE CSS ==================== */
section.loginSection .heroHeading { font-family: Literata;font-weight: 700;font-size: 32px;color: #353535; }
section.loginSection .authForm .btn-submit { font-family: NunitoSans;color: #FFFFFF;font-weight: 900;font-size: 12px;height: 45px;border-radius: 4px;padding: 10px 24px;background-color: #475139; }
section.loginSection .authForm .noticeText { font-family: NunitoSans;color: #353535;font-weight: 300;font-size: 16px;line-height: 20px;text-align: center; }
section.loginSection .authForm .noticeText .linkText { font-family: NunitoSans;color: #5A9BD5;font-weight: 700;font-size: 16px;line-height: 20px;text-align: center; }
section.loginSection .authForm .orDivider { font-family: Literata;font-weight: 700;font-size: 16px;text-align: center;color: #353535;position:relative; }
section.loginSection .authForm .orDivider::before { content: '';width: 45%;height: 100%;right: 0;border-top: solid 2px #353535;position: absolute;top: 50%; }
section.loginSection .authForm .orDivider::after { content: '';width: 45%;height: 100%;left: 0;border-top: solid 2px #353535;position: absolute;top: 50%; }

/* register checkbox css start */
section.loginSection .authForm .termsCheckbox .form-check-input { width:20px;height:20px;border-radius:50%;border:transparent !important; }
section.loginSection .authForm .termsCheckbox .form-check-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;}
section.loginSection .authForm .termsCheckbox span.text-dark { font-family: NunitoSans;color: #353535 !important;font-weight: 300;font-size: 16px; }
section.loginSection .authForm .termsCheckbox span.text-dark a { font-family: NunitoSans;color: #5A9BD5 !important;font-weight: 700;font-size: 16px; }
/* register checkbox css over */

/* social btn */
section.loginSection .authForm .social-btn-group .btn-submit { font-family: NunitoSans;color: #353535;font-weight: 300;font-size: 12px;width:100%;height: 45px;border-radius: 4px;padding: 10px 16px;background-color: #FFFFFF;border: 1px solid #D2D2D2;margin-bottom:10px; }

/* terms privacy */
.termsPrivacyWrapper { font-family: NunitoSans;text-align:center;margin-top:30px;font-weight: 300;font-size: 16px;line-height: 20px;color: #353535; }

/* ==================== HOME PAGE CSS ==================== */
section.heroSection .heroHeading { font-family: Literata;font-weight: 700;font-size: 48px;color: #353535; }
section.heroSection .heroDesc { font-family: NunitoSans;font-weight: 300;font-size: 24px;color:#353535;margin-bottom:30px; }
section.heroSection .heroPreHeading { color: #353535;font-family: Literata;font-weight: 700;font-size: 20px; }

/* slider card css start */
.slider_wrapper .food-card { min-height: 324px; }

.food-card { border-radius:4px;border: 1px solid #D2D2D2; }
.food-card .card-header .food-img-wrapper { width: 100%;height: 160px; }

#render-user-order .food-card .card-header .food-img-wrapper { position:relative; }
#render-user-order .food-card .card-header .food-img-wrapper .infoFoodBtn { background-color: #ffffff;width: 36px;height: 36px;border:solid 1px #d2d2d2; }
#render-user-order .food-card .card-header .food-img-wrapper .infoFoodBtn:hover { background-color:#ebebeb; }

.food-card .card-header .food-img-wrapper img.img-fluid { width: 100%;height: 100%;object-fit: cover; }

.food-card .card-body .food-title { font-family: Literata;font-weight: 700;font-size: 18px;color: #353535; }
.food-card .card-body .food-desc { font-family: NunitoSans;font-weight: 300;font-size: 16px;line-height: 20px;color: #353535;margin-bottom:8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;max-height: 4.5em; }

.food-card .card-body .information-text { font-family: Literata;font-weight: 700;font-size: 16px; }

.food-card .card-body .form-check-input[type=checkbox], #foodModal .form-check-input[type=checkbox] { cursor:pointer;width:32px;height:32px;border-radius:50%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.food-card .card-body .form-check-input:checked[type=checkbox]{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.food-card .card-body .form-check-input[type=checkbox]:focus { outline:none;box-shadow:none;border:transparent; }
/* slider card css over */

.food-card .card-body .form-check-input[type=radio], #foodModal .form-check-input[type=radio] { cursor:pointer;width:32px;height:32px;border-radius:50%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.food-card .card-body .form-check-input:checked[type=radio]{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.food-card .card-body .form-check-input[type=radio]:focus { outline:none;box-shadow:none;border:transparent; }

.slider_wrapper { position: relative;width: 100%;min-width:295px;max-width: 295px; }

/* slick slider css start */
.slick-slide { margin-right: 20px; }
.slick-prev:before, .slick-next:before { display: none !important; }
.slick-hero-slider .slick-prev, .slick-hero-slider .slick-next,
.slick-footer-slider .slick-prev, .slick-footer-slider .slick-next { display: none !important; }

.sliderPrevNextBtn .slider-arrow-btns.prevButton, .sliderPrevNextBtn .slider-arrow-btns.nextButton { border:none;width:30px;height:30px;border-radius:20px;background-color:#C1FF72; }

.slider-arrow-btns.prevButton.slick-disabled, .slider-arrow-btns.nextButton.slick-disabled { opacity:30% }

.sliderPrevNextBtn .slider-arrow-btns.nextButton { margin-left:10px; } 
.sliderPrevNextBtn .slider-arrow-btns.prevButton svg { transform: scaleX(-1); }
/* slick slider css over */

/* slider proper all devcies css */
.container.slider-container .slick-hero-slider { margin-left: calc(100vw* 0);margin-right: calc(((100vw - 100%) / 2.2)* -1); }

/* catering services section css start */
section.cateServicesSection .cate-title{ font-family: Literata;color: #353535;font-weight: 700;font-size: 32px; }
section.cateServicesSection .cate-desc{ font-family: NunitoSans;font-weight: 300;font-size: 16px;line-height: 20px;color: #353535; }
section.cateServicesSection .cate-see-all-link{ font-family: NunitoSans;font-weight: 900;font-size: 12px;color: #353535;text-decoration:none; }
section.cateServicesSection .food-card { border: 1px solid;border-image-slice:1;border-image-source: linear-gradient(197.91deg, #FFFFFF 0.18%, #DDDDDD 116.85%); }
section.cateServicesSection .food-card .card-header .cate-food-img-wrapper { width: 100%;height: 275px; }
section.cateServicesSection .food-card .card-header .cate-food-img-wrapper img.img-fluid { width: 100%;height: 100%;object-fit: cover;border-top-left-radius: 4px;border-top-right-radius: 4px; }
section.cateServicesSection .cate-food-title { font-family: Literata;font-weight: 700;font-size: 20px;color: #353535;text-align:center; }
/* catering services section css over */

/* blog section css start */
section.blogSection .blogImgWrapper { width: 100%;height: 520px;min-height: 389px;max-height:;border-radius: 4px; }
section.blogSection .blogImgWrapper img.img-fluid { width: 100%;height: 100%;object-fit: cover;border-radius: 4px;object-position: center 57%;/*border-top-left-radius: 4px;border-top-right-radius: 4px;*/ }
section.blogSection .contentWrapper .imgWrapper img{ width: 124px;height: 110px;margin-bottom:17px; }
section.blogSection .contentWrapper .blogTitle{ font-family: Literata;font-weight: 700;font-size: 32px;color: #353535; }
section.blogSection .contentWrapper .blogDesc{ font-family: NunitoSans;font-weight: 300;font-size: 24px;color: #353535; }
/* blog section css over */

/* faq section css start */
section.faqSection .faqTitle { font-family: Literata;font-weight: 700;font-size: 32px;color: #353535; }
section.faqSection #accordionFAQ .faq-card { padding:12px 20px;border-radius: 4px;background-color: #F2F6FB;border: 1px solid;border-image-source: linear-gradient(197.91deg, #FFFFFF 0.18%, #DDDDDD 116.85%);border-image-slice:1;margin-bottom: 10px;}
section.faqSection #accordionFAQ .faq-card .collapseBtn { width: 36px;height: 36px;border-radius: 25px;background-color:#FFF3DF; }
section.faqSection #accordionFAQ .faq-card .collapseBtn svg { transition: transform 0.3s ease; }
section.faqSection #accordionFAQ .faq-card .collapseBtn.down svg { transform: rotate(90deg); }

/* right to down arrow animation css start */
.seeMoreWrapper[aria-expanded="false"] svg { transform: rotate(0deg);transition: transform 0.3s ease; }
.seeMoreWrapper[aria-expanded="true"] svg { transform: rotate(90deg);transition: transform 0.3s ease; }
/* right to down arrow aniamtion css over */

section.faqSection #accordionFAQ .faq-card .faq-title { font-family: Literata;font-weight: 700;font-size: 20px;color:#353535;text-decoration:none;outline:none;box-shadow:none; }
section.faqSection #accordionFAQ .faq-card .faq-desc { font-family: NunitoSans;font-weight: 300;font-size: 16px;line-height: 20px;color:#353535;padding-top:10px;padding-bottom:20px }

/* footer css start */
footer { position:relative; }
footer::before { content:'';position: absolute;inset: 0;width: 100%;height: 100%;background-color: #C6DCE7;opacity:0.5;z-index:-1; }
footer .footerLogoWrapper .logo{ width: 91px;height: 81px; }
footer .footerLogoWrapper .logoText{ width: 296px;height: 33px; }
footer .footerContentWrapper .footerLinks a, footer .contactContentWrapper .footerLinks a{ text-decoration:none;font-family:Literata;font-weight:700;font-size:18px;color:#353535; }
footer .contactContentWrapper .footerLinks a.emailLink{ text-decoration: underline; }
footer .footerLogoWrapper { width:fit-content; }

/* ==================== LISTING PAGE CSS ==================== */
.listingSection .sortingBtnWrapper .filterText { font-family: Literata;font-weight: 700;font-size: 16px;color: #353535; }
.listingSection .sortingBtnWrapper .badge { cursor:pointer; }
.listingSection .sortingBtnWrapper .badge:not(.active) { background-color: #d2d2d2 !important;font-weight:600;color:#353535; }
.menuDateWrapper .menuDateText { font-family: Literata;font-weight: 700;font-size: 20px;color: #353535; }
.listingSection .menuDateWrapper .menuDateText { font-family: Literata;font-weight: 700;font-size: 20px;color: #353535; }
.listingSection .card.food-card { border: 2px solid #D2D2D2;min-height: 324px; }
.listingSection .card.food-card.lunchCard.lunchChecked { border:solid 2px #11A331 !important; }

/* food not found css start */
.notFoundText{ font-family: Literata;font-weight: 700;font-size: 18px;color: #353535; }

/* disabled card css start */
.listingSection .card.food-card:has(input[type="radio"]:disabled), .listingSection .card.food-card:has(input[type="checkbox"]:disabled) { background-color: #f5f5f5;border-color: #e0e0e0;opacity: 0.7;box-shadow: none;pointer-events: none; }

/* info food detail css start */
#display_lunch_data .food-card .card-header .food-img-wrapper { position:relative; }
.infoFoodBtn { position: absolute;top: 0px;right: 0px;border-bottom-left-radius: 4px;background-color: #d2d2d2;width: 32px;height: 32px;font-size: 14px;display: flex;align-items: center;justify-content: center;border: none; }
/* info food detail css over */

/* food filter badge active css start */
.filter-badge.active { /*border: 2px solid #000;opacity: 1;*/font-weight: 900 !important;color: #fff !important; }
/* food filter badge active css over */

/* food quantity input css start */
.quantity-controls-wrapper { position: absolute;top: 0px;left: 0px;padding: 4px;z-index: 2; }
.quantity-controls { display: flex;align-items: center;gap: 3px; }
.quantity-controls .btn { padding: 1px 10px;font-size: 20px;color: #212529;font-weight: 600;border-radius: 50%;background: #C1FF72;border:none; }
.quantity-controls .quantity-input { padding: 4px;font-weight: 500;text-align: center;border-radius: 4px;border: transparent;font-size: 14px;background-color: #fff;color: #212529;max-width: 32px !important;max-height: 32px !important; }
.quantity-controls .quantity-input:focus { outline: none;border-color: #80bdff;box-shadow: none; }

input[type="number"] { -webkit-appearance: none !important;-moz-appearance: textfield !important;appearance: none; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none !important;margin: 0; }
/* food quantity input css over */

.listingSection .card.food-card .foodCheck{ width: 32px;padding: 10px 8px;height: 32px;border-radius: 20px;background-color:#11A331;line-height: 0; }
.listingSection .seeMoreWrapper { font-family: Literata;text-decoration: none;font-weight: 700;font-size: 16px;color: #353535;border-bottom:1px solid #353535;padding-bottom:10px;margin-bottom: 30px;}
.listingSection .seeMoreWrapper svg { margin-right:10px; }

/* food detail modal css start */
.modal { z-index:1111; }
#foodModal .modal-dialog{ max-width: 641px; }
#foodModal .modal-content{ max-width: 641px;border-radius: 4px;background-color: #F2F6FBF2;border: 1px solid;border-image-slice: 1;border-image-source: linear-gradient(197.91deg, #FFFFFF 0.18%, #DDDDDD 116.85%);backdrop-filter: blur(10px); }

#foodModal .modal-content .food-img-wrapper { height: 352px; }
#foodModal .modal-content .food-img-wrapper img.img-fluid { width:100%;height:100%;object-fit:cover;border-radius:4px; }

#foodModal .modal-content .modalContentWrapper .contentTitle { font-family: Literata;font-weight: 700;font-size: 18px;color: #353535; }
#foodModal .modal-content .modalContentWrapper .contentDesc { font-family: NunitoSans;font-weight: 700;font-size: 12px;color: #353535; }
#foodModal .modal-content .modalContentWrapper .contentPreDesc { font-family: NunitoSans;font-weight: 300;font-size: 12px;color: #353535; }

#foodModal .modal-content .modalContentWrapper .information-text { font-family: Literata;font-weight: 700;font-size: 16px;color: #747852; }
#foodModal .modal-content .modalContentWrapper .information-name { font-family: NunitoSans;font-weight: 700;font-size: 16px;line-height: 20px;color: #353535; }
#foodModal .modal-content .modalContentWrapper .foodCheck{ width: 32px;padding: 10px 8px;height: 32px;border-radius: 20px;background-color: #D2D2D2;line-height: 0; }
#foodModal .modal-content .modalContentWrapper .border-bottom { border-color: #747852 !important; }

#foodModal .modal-content .modalContentWrapper .fitnessImg { width:47px;height:47px; }
#foodModal .modal-content .modalContentWrapper .fitnessContent .fitnessTitle { font-family: NunitoSans;color: #353535;font-weight: 700;font-size: 16px;line-height: 20px; }
#foodModal .modal-content .modalContentWrapper .fitnessContent .fitnessPreTitle { font-family: NunitoSans;font-weight: 300;font-size: 12px;color: #000000; }
#foodModal .modal-content .modalContentWrapper .scanImgWrapper { width:80px;height:70px; }
#foodModal .modal-content .modalContentWrapper .scanImgWrapper img { width: 100%;height: 100%;object-fit: cover; }	
/* food detail modal css over */

/* ==================== CATERING SERVICES PAGE CSS ==================== */
.card.horizontal-card .food-img-wrapper{ width: 100%;height: 265px; }
.card.horizontal-card .food-img-wrapper img.img-fluid{ width:100%;height:100%;object-fit:cover;border-top-left-radius: 4px;border-top-right-radius: 4px; }

.card.horizontal-card .contentWrapper .foodTitle { font-family: Literata;font-weight: 700;font-size: 20px;color:#353535; }
.card.horizontal-card .contentWrapper ul.foodList { font-family: NunitoSans;font-weight: 300;font-size: 16px;line-height: 20px;color:#353535;padding-left:16px; }
.card.horizontal-card .contentWrapper ul.foodList li { list-style:disc; }
.card.horizontal-card .contentWrapper .priceText { font-family: Literata;font-weight: 700;font-size: 16px;color:#353535; }

/* ==================== WEEK ORDER PAGE CSS ==================== */
input[type="search"] { padding: 10px 30px 10px 10px;box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none;width: 18px;height: 18px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center;background-size: contain;cursor: pointer; }
section.weekOrderSection input.weekOrderSearch { background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6096 14.2273L12.513 11.1307C13.4559 9.71924 13.84 8.00756 13.5908 6.32857C13.3415 4.64957 12.4767 3.12332 11.1644 2.04668C9.85215 0.970044 8.18635 0.420007 6.49101 0.503561C4.79567 0.587114 3.19202 1.29828 1.99199 2.49874C0.791967 3.69919 0.0813646 5.30309 -0.00158949 6.99846C-0.0845436 8.69382 0.466082 10.3594 1.54318 11.6713C2.62028 12.9832 4.14684 13.8475 5.82593 14.0962C7.50501 14.3448 9.21656 13.9601 10.6276 13.0167L13.7243 16.1127C13.9765 16.3586 14.3147 16.4963 14.667 16.4963C15.0192 16.4963 15.3575 16.3586 15.6096 16.1127C15.8596 15.8626 16 15.5236 16 15.17C16 14.8164 15.8596 14.4774 15.6096 14.2273ZM6.83365 2.50334C7.78959 2.50334 8.72407 2.78681 9.5189 3.3179C10.3137 3.84899 10.9332 4.60386 11.2991 5.48703C11.6649 6.37021 11.7606 7.34203 11.5741 8.27961C11.3876 9.21718 10.9273 10.0784 10.2513 10.7544C9.57538 11.4303 8.71416 11.8906 7.77658 12.0771C6.83901 12.2636 5.86719 12.1679 4.98401 11.8021C4.10083 11.4363 3.34597 10.8168 2.81488 10.0219C2.28378 9.22709 2.00031 8.29261 2.00031 7.33667C2.00172 6.05522 2.5114 4.82666 3.41752 3.92055C4.32364 3.01443 5.5522 2.50475 6.83365 2.50334Z' fill='%23000'/%3E%3C/svg%3E");background-size:16px 17px;display: inline-block; background-position: 95%;background-repeat: no-repeat;  }

/* custom scrollbar css start */
::-webkit-scrollbar { width: 10px;height: 10px; }
::-webkit-scrollbar-thumb { border-radius: 5px;background-color: #d2d2d2; }
::-webkit-scrollbar-track { border-radius: 5px;background-color: #fff; }
/* custom scrollbar css over */

.table-responsive.tbl-container { max-height: 430px;overflow-y: auto; }
.table-responsive.tbl-container::-webkit-scrollbar-corner { background: transparent; }

table.theme-table { width: 100%;border-collapse: collapse; white-space: nowrap; }
table.theme-table thead { background-color: #EAEAEA;border-top-left-radius: 20px;position: sticky;top: 0;z-index: 1;border-bottom: 5px solid #f1f5fc; }
table.theme-table thead tr th { padding:10px 20px;font-family: NunitoSans;font-weight: 700;font-size: 12px;color: #000000;border-right: 1px solid #D2D2D2;border-bottom:0;vertical-align:middle; }
table.theme-table tbody tr td { padding:10px 20px;font-family: NunitoSans;font-weight: 300;font-size: 12px;color: #000000;border-right: 1px solid #D2D2D2;border-bottom-color:#EAEAEA;vertical-align:middle; }

div.dt-layout-row.dt-layout-table { overflow-x: auto;/*overflow-x:scroll;*/ }

table.theme-table tbody tr td span.badge-post { width:12px;height:12px; }

table.theme-table thead tr th:nth-child(8), table.theme-table thead tr th:nth-child(9),table.theme-table tbody tr td:nth-child(8), table.theme-table tbody tr td:nth-child(9) { text-align: center; }
table.theme-table thead tr th:last-child, table.theme-table tbody tr td:last-child { text-align:center;border-right: 0; }

div.dt-container.dt-empty-footer tbody > tr:last-child > * { border-bottom:0px !important; }

div.dt-container .dt-search label, .dt-info { font-family: NunitoSans;font-size: 14px;color:#373737 !important;margin-right:8px; }
div.dt-container .dt-search input { border: 1px solid #D2D2D2 !important;border-radius: 4px !important;background-color: #FFFFFF !important;padding: 10px 16px !important;font-family: NunitoSans;font-weight: 300;font-size: 16px;line-height: 20px;color:#353535 !important; }
div.dt-container .dt-search input:focus, div.dt-container .dt-search input:active { outline:none;box-shadow:none; }

.card.orderedFood { border:solid 2px #11A331 !important; }
.card.orderedFood .form-check input.form-check-input { cursor: auto; }
/* ==================== ADD FOOD PAGE CSS ==================== */

/* weekPicker css start */
.weekDateWrapper .prevBtnWrapper button.prev-week,
.weekDateWrapper .nextBtnWrapper button.next-week { border:0px;width:30px;height: 45px;justify-content:center;padding: 10px;background-color:#C1FF72;border-radius:0px; }
.weekDateWrapper .prevBtnWrapper button.prev-week svg { transform: rotate(180deg); }
.weekDateWrapper .prevBtnWrapper button.prev-week { border-top-left-radius:4px;border-bottom-left-radius:4px; }
.weekDateWrapper .nextBtnWrapper button.next-week { border-top-right-radius:4px;border-bottom-right-radius:4px; }

/* flatpickr css start */
.weekDateWrapper input#rangeDate,.weekDateWrapper input#datepicker { background-color:#fff;border:0px;border-radius:0px;color: #000000;text-align:center;font-size:15px; }
.weekDateWrapper input#datepicker{max-width: 200px;}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background:#475139 !important;background-color:#475139 !important;border-color:#475139 !important;color:#fff; }
.flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange, .flatpickr-day.endRange.startRange + .endRange { -webkit-box-shadow: -10px 0 0 #475139 !important;box-shadow: -10px 0 0 #475139 !important; }

/* weekPicker css start */
.datepicker .datepicker-days tr td.active ~ td,.datepicker .datepicker-days tr td.active { color: #af1623 !important;background: transparent !important; }
.datepicker .datepicker-days tr:hover td { color: #000;background: #e5e2e3;border-radius: 0; } 

/* createFoodDropdownMenu  css start */
.createFoodDropdownMenu .dropdown-header.sub-cate-text {  color:#000;font-size:12px;font-weight:700;cursor:auto; }
.createFoodDropdownMenu .not-found { display: none;padding:8px 12px;color: #c1c1c1;font-size:14px;text-align: center; }

.createFoodDropdownMenu .form-control.search-input { color:#000;font-weight:500;height: 40px;font-size: 14px;border-left: none;border-right: none;border-radius: 0px;box-shadow:0px -7px 12px 4px #000 !important;border-top:none;top:0px;position:sticky; }
.createFoodDropdownMenu .form-control.search-input:focus, .createFoodDropdownMenu .form-control.search-input:active { outline:none !important;border-color:transparent !important; }

section.addOrderSection .dropdown.createFoodDropdown .createFoodDropdownMenu { z-index:11;overflow-y:auto;max-height:220px;padding-top:0px; }
section.addOrderSection .dropdown-menu .dropdown-item.draggable-option { cursor:grab;cursor: grab;font-family: NunitoSans;font-weight: 300;font-size: 16px;line-height: 16px;color: #353535;padding: 8px 16px; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus { background-color:#475139;color:#fff !important; }

section.addOrderSection .btn-dark-green.dropdown-toggle { font-weight:800;font-size:12px;letter-spacing:1px; }
section.addOrderSection .btn-dark-green.dropdown-toggle::after{ width: 12px;height: 12px;background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L4.25 4L0.75 7.25' stroke='%23ffffff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size: 12px 12px;background-repeat: no-repeat;background-position: center;border: none;transform: rotate(90deg);margin-left: 8px; }
section.addOrderSection .btn-dark-green.dropdown-toggle:hover { color:#fff; }

section.addOrderSection .fullDayCheck .form-check-input[type=checkbox] { width: 32px;height: 32px;border-radius: 50%; }
section.addOrderSection .fullDayCheck .form-check-input:checked[type=checkbox]{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }

section.addOrderSection .fullDayCheck .form-check-input[type=radio] { width: 32px;height: 32px;border-radius: 50%; }
section.addOrderSection .fullDayCheck .form-check-input:checked[type=radio]{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }

section.addOrderSection .createFoodCard { min-height:324px;}
section.addOrderSection .createFoodList { border:dashed 2px #D2D2D2;border-radius:4px;background-color:rgb(234 234 234 / 30%);display: flex;align-items: center;justify-content: center;flex-direction: column;}
section.addOrderSection .createFoodList .createFoodTitle{ font-family: Literata;font-weight: 700;font-size: 16px;color: #D2D2D2; }

section.addOrderSection .card.food-card{ position:relative;min-height: 324px; }
section.addOrderSection .card.food-card .card-body .cardContent p.card-text.food-desc{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;max-height: 4.5em; }

/*section.addOrderSection .card.food-card .card-header .fixDishWrapper{ position:absolute;top:-1px;left:-1px;border-top-left-radius:4px;border-bottom-right-radius:4px;background-color:#475139;width:fit-content;height:32px;font-size:12px;display:flex;align-items:center;justify-content:center;border:none;padding:4px 12px; }*/
section.addOrderSection .card.food-card .fixDishWrapper, .completeFoodCheckMark{ display:flex;align-items:center;justify-content:center; }
section.addOrderSection .card.food-card .fixDishWrapper .small-text, .completeFoodCheckMark .small-text { font-family: Literata;font-weight: 700;font-size: 13px;color: #353535;line-height:normal }

/* small checkbox css start */
section.addOrderSection .card.food-card .fixDishWrapper .form-check-input[type=checkbox] { cursor:pointer;width:20px;height:20px;border-radius:50%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");background-color:#bcbcbc;border-color:#bcbcbc; }
section.addOrderSection .card.food-card .fixDishWrapper .form-check-input:checked[type=checkbox]{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
section.addOrderSection .card.food-card .fixDishWrapper .form-check-input[type=checkbox]:focus { outline:none;box-shadow:none;border:transparent; }
/* small checkbox css over */

section.addOrderSection .card.food-card .card-header .removeFoodBtn{ position:absolute;top:-1px;right:-1px;border-top-right-radius:4px;border-bottom-left-radius:4px;background-color:#475139;width:32px;height:32px;font-size:14px;display:flex;align-items:center;justify-content:center;border:none; }
section.addOrderSection .card.food-card .card-header .removeFoodBtn:hover { background-color:#303825; }

section.addOrderSection .dropzone { border-bottom:solid 1px #353535;padding-bottom:16px;margin-bottom:32px; }
section.addOrderSection .dropzone:last-child { border-bottom:none;padding-bottom:0px;margin-bottom:0px; }

.datepicker table tr td.week-active, .datepicker table tr td.week-active:hover, .datepicker table tr td.week-active td.week, .datepicker table tr td.week-active td.week:hover, .datepicker table tr td.week-active td:hover{ background-color: #006dcc;background-image: -moz-linear-gradient(top, #0088cc, #0044cc);background-image: -ms-linear-gradient(top, #0088cc, #0044cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);background-image: -o-linear-gradient(top, #0088cc, #0044cc);background-image: linear-gradient(top, #0088cc, #0044cc);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color: #0044cc #0044cc #002a80;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

/* dataTable css start */
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date { text-align:left !important; }

/* page select dropdown css start */
.dt-length select.dt-input { -webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #D2D2D2 !important;border-radius: 4px !important;background-color: #FFFFFF !important;padding: 10px 26px 10px 12px !important;font-family: NunitoSans;font-weight: 300;color: #212529 !important;font-size: 14px;line-height: 20px;background-size: 14px 12px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23353535' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.8' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right .75rem center; }
.dt-length select.dt-input:focus, .dt-length select.dt-input:active, .dt-length select.dt-input:hover { outline:none;box-shadow:none;border-color:none; }

.dt-length label { color:#373737;font-size:14px;margin-left:8px; }

/* dataTable pagination css start */
/* normal btn css */
div.dt-container .dt-paging nav .dt-paging-button { color: #475139 !important;border-radius: 4px;padding: 8px 16px;font-size: 14px;font-weight: 600; }
div.dt-container .dt-paging nav .dt-paging-button:hover { color: #fff !important;border-radius: 4px;padding: 8px 16px;font-size: 14px;font-weight: 600;background-color: #475139 !important;border:1px solid transparent !important;background:none; }
div.dt-container .dt-paging button.dt-paging-button.disabled:hover, 
div.dt-container .dt-paging button.dt-paging-button.disabled:active { color:#fff !important; }
/* selected btn css */
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover { color: #fff !important;border-radius: 4px;padding: 8px 16px;font-size: 14px;font-weight: 600;background-color: #475139 !important;border-color: #475139 !important; }
/* dataTable pagination css over */

/* dataTable 'Edit' btn css */
#category-table_wrapper table.dataTable > tbody > tr > td:nth-child(2) { color:#fff;font-weight:600; }

.btn.btn-meal-edit, .btn.edit-item { border-radius: 4px;padding: 4px;margin-right: 4px;background-color: #475139 !important;border:transparent !important; }
.btn.btn-delete-meal, .btn.remove-item { border-radius: 4px;padding: 4px;background-color: #dc3545 !important; }

.btn.btn-meal-edit:focus, .btn.btn-meal-edit:hover, .btn.btn-meal-edit:active, .btn.btn-delete-meal:focus, .btn.btn-delete-meal:hover, .btn.btn-delete-meal:active { outline:none;box-shadow:none;border-color:transparent; }
/* dataTable css over */

#usermenudetail-modal .modal-dialog { max-width:750px; }
#usermenudetail-modal .card.food-card{ min-height: 324px; }
#usermenudetail-modal .modal-dialog .modal-body .display_data { overflow-y: scroll;overflow-x: hidden;max-height: 550px;padding-right: 12px; }

button.close.btn span { font-size:24px;line-height:0;vertical-align:middle; }

/* data-table processing loader css start */
div.dt-processing > div:last-child > div { background:#475139 !important;background-color:#475139 !important; }
/* data-table processing loader css over */

/* modal - img slider css start */
#carouselFoodList.carousel .carousel-item { height:352px; }
/* prev icon */
.carousel-control-prev-icon { background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 0.75L4.25 4L0.75 7.25" stroke="%23000" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>');transform: rotate(180deg);background-repeat: no-repeat;background-position: center;background-size: 12px 12px;border-radius: 4px;background-color:#c1ff72;opacity: 1; }
/* next icon */
.carousel-control-next-icon { background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 0.75L4.25 4L0.75 7.25" stroke="%23000" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat: no-repeat;background-position: center;background-size: 12px 12px;background-color:#c1ff72;border-radius: 4px;opacity: 1; }
/* modal - img slider css over */

/* company order table css start */
table#company-order-table tbody { border-color:transparent;border-left:none;border-right:none; }
table#company-order-table tbody tr td:first-child { border-left:none; }
table#company-order-table tbody tr td:last-child { font-weight:700;/*border-right:none;*/ }
table#company-order-table tbody tr:last-of-type td { font-weight: 700;border-top:solid 1px #353535; }
table#company-order-table tr th { border-color:#D2D2D2;font-weight: 700;font-size: 12px;padding:10px 20px; }
table#company-order-table tr th:first-child, table#company-order-table tr th:last-child { background-color: #EAEAEA; }
table#company-order-table tr td { border-color:#D2D2D2;font-weight: 300;font-size: 12px;padding:10px 20px; }
/* company order table css over */

/* compnay week order table css start */
table#adm-company-order-tbl tbody,table#today-adm-company-order-tbl tbody { border-color:transparent;border-left:none;border-right:none; }
table#adm-company-order-tbl tbody tr td:first-child, table#adm-company-order-tbl tbody tr td:last-child,table#today-adm-company-order-tbl tbody tr td:first-child { border-left:none;width:25%; }
table#adm-company-order-tbl tbody tr td:nth-last-child(2) { font-weight:700;/*border-right:none;*/ }
/*table#adm-company-order-tbl tbody tr:last-of-type td, table#adm-company-order-tbl tbody tr.totals-row td { font-weight: 700;border-top:solid 1px #353535; }*/
table#adm-company-order-tbl tbody tr.totals-row td { border-bottom:solid 1px #353535; }
table#adm-company-order-tbl tbody tr.company-row td { padding-top: 28px; }
table#adm-company-order-tbl tr th,table#today-adm-company-order-tbl tr th { white-space:nowrap;border-color:#D2D2D2;font-weight: 700;font-size: 12px;padding:10px; }
table#adm-company-order-tbl tr th:first-child, table#adm-company-order-tbl tr th:nth-child(2) ,table#adm-company-order-tbl tr th:nth-last-child(2) , table#adm-company-order-tbl tr th:last-child,table#today-adm-company-order-tbl tr th { background-color: #EAEAEA; }
/*table#adm-company-order-tbl tr td { border-color:#D2D2D2;font-weight: 300;font-size: 12px;padding:10px; }*/
table#adm-company-order-tbl tr td,table#today-adm-company-order-tbl tr td { border:solid 1px #D2D2D2;font-weight: 300;font-size: 12px;padding:10px; }
table#adm-company-order-tbl tbody tr.selected-tr{background-color: #f8f9fa}
/* compnay week order table css over */

.company-dropdown-container { background-color: red !important; }
.company-dropdown { background-color: #fff !important;color: #202124 !important;border-color:#D2D2D2; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color:transparent !important;color:#202124 !important; }
.select2-container--default .select2-selection--multiple .select2-selection__clear { background-color:red !important;display:none; }
.select2-container .select2-search--inline .select2-search__field { min-height:24px; }
.select2-container--default .select2-search--inline .select2-search__field { margin:0px !important;height:24px !important; }

/* Hide the default Select2 selected items */
select.js-company-list-dropdown ~ .select2 .select2-selection{ border-radius: 4px;padding-top: 10px;padding-right: 16px;padding-bottom: 10px;padding-left: 16px;border-width: 1px;background: #FFFFFF;border: 1px solid #D2D2D2;min-height:45px;background-repeat:no-repeat;background-size:16px;background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_82_1098)%22%3E%3Cpath%20d%3D%22M15.6096%2014.2273L12.513%2011.1307C13.4559%209.71924%2013.84%208.00756%2013.5908%206.32857C13.3415%204.64957%2012.4767%203.12332%2011.1644%202.04668C9.85215%200.970044%208.18635%200.420007%206.49101%200.503561C4.79567%200.587114%203.19202%201.29828%201.99199%202.49874C0.791967%203.69919%200.0813646%205.30309%20-0.00158949%206.99846C-0.0845436%208.69382%200.466082%2010.3594%201.54318%2011.6713C2.62028%2012.9832%204.14684%2013.8475%205.82593%2014.0962C7.50501%2014.3448%209.21656%2013.9601%2010.6276%2013.0167L13.7243%2016.1127C13.9765%2016.3586%2014.3147%2016.4963%2014.667%2016.4963C15.0192%2016.4963%2015.3575%2016.3586%2015.6096%2016.1127C15.8596%2015.8626%2016%2015.5236%2016%2015.17C16%2014.8164%2015.8596%2014.4774%2015.6096%2014.2273ZM6.83365%202.50334C7.78959%202.50334%208.72407%202.78681%209.5189%203.3179C10.3137%203.84899%2010.9332%204.60386%2011.2991%205.48703C11.6649%206.37021%2011.7606%207.34203%2011.5741%208.27961C11.3876%209.21718%2010.9273%2010.0784%2010.2513%2010.7544C9.57538%2011.4303%208.71416%2011.8906%207.77658%2012.0771C6.83901%2012.2636%205.86719%2012.1679%204.98401%2011.8021C4.10083%2011.4363%203.34597%2010.8168%202.81488%2010.0219C2.28378%209.22709%202.00031%208.29261%202.00031%207.33667C2.00172%206.05522%202.5114%204.82666%203.41752%203.92055C4.32364%203.01443%205.5522%202.50475%206.83365%202.50334Z%22%20fill%3D%22black%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_82_1098%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.5)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-position: right 13px center; }
select.js-company-list-dropdown ~ .select2 { width:100% !important; }
.company-dropdown-container .select2-selection--multiple .select2-selection__choice { display: none !important; }

/* Ensure the Select2 input area remains clean */
.company-dropdown-container .select2-selection--multiple .select2-selection__rendered { padding: 0;line-height: normal; }

/* Style the Select2 container */
.company-dropdown-container .select2-selection--multiple { border:1px solid #ccc;border-radius:4px;min-height:40px;display:flex;align-items:center;padding: 5px; }

/* Style the custom selected items container */
.selected-company-wrapper { display: flex;flex-wrap: wrap;gap: 5px;margin-top: 10px;max-height:60px;overflow-y:auto; }

/* Style each selected item */
.selected-item { display: flex;align-items: center;border-radius: 8px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;gap: 10px;background-color: #C1FF72;border: none;font-weight: 700;color: #000;font-size: 14px; }

/* Style the color indicator */
.color-indicator { width: 10px;height: 10px;border-radius: 50%;margin-right: 5px; }

/* Style the remove button */
.remove-item { cursor: pointer;color: #000;font-weight: bold;font-size: 20px;line-height: 0; }

/* company order modal in company order page css start */
#view-order-modal .order-qnty .food-card .food-img-wrapper { position:relative; }
#view-order-modal .order-qnty .food-card .card-body .food-comment { font-size:16px;font-weight:700;color:#9a9a9a;margin-bottom:6px; }
#view-order-modal .order-qnty .food-card .card-body .food-desc { display:block;max-height:fit-content;font-size:14px }
#view-order-modal .order-qnty .label-qnty { position: absolute;left:0px;top:0px; padding: 4px 10px;color: #212529;font-weight: 700;background: #C1FF72;font-size: 14px;border-bottom-right-radius: 4px; }
/* company order modal in company order page css over */
.badge.filter-badge[data-category="all"] { background-color:#475139; }

/* company order page pagination css start */
#render-company-order .table-responsive #company-pagination button.current,
#companyOrders .table-responsive .dt-paging nav button.current {
    color: #fff !important;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  background-color: #475139 !important;
  border-color: #475139 !important;
}

#render-company-order .table-responsive #company-pagination button,
#companyOrders .table-responsive .dt-paging nav button  {
    color: #475139 !important;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  background-color: transparent;
  border: transparent;
}
#render-company-order .table-responsive #company-pagination button:hover, 
#companyOrders .table-responsive .dt-paging nav button:hover {
    color: #fff !important;
    background-color: #475139 !important;
  border-color: #475139 !important;
}

#companyOrders .table-responsive .dt-paging nav { text-align:end;padding:1rem 0; }
/* company order page pagination css over */

/* manage-user tbl css start */
.dt-container .dt-layout-row .dt-search label[for="dt-search-0"] { display:none; }
/* manage-user tbl css over */

/* new company order page css start */
.actionLink.view-company-order{ color:#475139 !important;font-weight:700;font-size:14px;text-decoration:underline; }
.collapse_data table { width:100% !important;font-size:14px;white-space:nowrap; }
/*.display_data table > tbody > tr *{ border-left:none !important;border-right:none !important; }*/

#companyOrders .card  .collapseBtn svg { transition: transform 0.3s ease;transform: rotate(0deg); }
#companyOrders .card .btn[aria-expanded="true"] .collapseBtn svg { transform: rotate(90deg); }
/* new company order page css over */