/*
================================================
 Fonts 
================================================
*/
:root {
    --primary-color: #00497a;
    --secondary-color: #f2604a;
    --textlink-color: #255798;
    --woodsmoke-color: #212121;
    --white-smoke-color: #f5f5f5;
    --black-color: #000;
    --white-color: #fff;
    --neveda-color: #646f7d;
    --athensgrey-color: #e9ecf0;
    --greyscale-color: #b1b9c1;
    --greyshade-color: #767676;
    --greyscale-light-color: #f5f6f8;
    --neutralblue-color: #ecfaff;
    --success-border-color: #ecf3ed;
    --success-green-color: #075a0b;
    --green-color: #288e04;
    --success-color: #0fa91c;
    --error-border-color: #fee9e8;
    --error-color: #d61308;
    --lightgrayish-red: #eae8e8;
    --chinese-silver-color: #cccccc;
    --proxima-font: 'proxima-nova';
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fs-44: 44px;
    --fs-42: 42px;
    --fs-40: 40px;
    --fs-38: 38px;
    --fs-32: 32px;
    --fs-28: 28px;
    --fs-24: 24px;
    --fs-22: 22px;
    --fs-20: 20px;
    --fs-18: 18px;
    --fs-16: 16px;
    --fs-15: 15px;
    --fs-12: 12px;
    --lh-22: 22px;
    --lh-20: 20px;
    --lh-24: 24px;
    --lh-26: 26px;
    --width-1: 1px;
    --width-2: 2px
}

/*
================================================
 Common styles 
================================================
*/
body {color: var(--black-color);font-family: var(--proxima-font);font-size: var(--fs-16);font-weight: var(--fw-400);line-height: var(--lh-26); letter-spacing:0.3px !important;}
p {font-family: var(--proxima-font);font-size: var(--fs-16);line-height: var(--lh-26);}
h1, h2, h3, h4, h5, h6 {color: var(--woodsmoke-color);line-height: var(--lh-26);font-family: var(--proxima-font);}
h5 {font-size: var(--fs-20);}
.xs-font{font-size:14px;}

.mw-600 {min-width: 600px;max-width: 600px;}
.mw-500 {max-width: 600px;}
.mw-250 {min-width: 250px;max-width: 250px;}
.mw-200 {min-width: 200px;max-width: 200px;}
.mw-160 {min-width: 160px;max-width: 160px;}
.w-200 {max-width: 200px;}
.mw-190 {min-width: 190px;max-width: 190px;}
.mw-180 {min-width: 180px;max-width: 180px;}
.mw-100 {max-width: 100px !important;}
.mw-150 {min-width: 150px;max-width: 150px;}
.mw-220 {min-width: 220px;max-width: 220px;}
.mw-300 {min-width: 300px;max-width: 300px;}
.mw-350 {min-width: 350px;max-width: 350px;}
.mw-450 {min-width: 450px;max-width: 450px;}
.mw-400 {min-width: 400px;max-width: 400px;}
.mw-140 {min-width:140px; max-width:140px;}
.mw-130 {min-width:130px; max-width:130px;}
.mw-125 {min-width:125px; max-width:125px;}
.mw-100 {min-width:100px; max-width:100px;}
.mw-260 { min-width: 260px;max-width: 260px;}   
.w-195 {width:195px;}
.w-160 {width:160px;}
.h-90 {height:90px !important;}
.h-92 {height:92px !important;}
.h-120 {height:120px !important;}
.h-200 {height:200px !important;}
.mw420 {max-width:420px !important;}
.mw660 {max-width:660px !important;}
.me-32 {margin-right:32px !important;}
.ms-40{margin-left:40px !important;}
.me-40{margin-right:40px !important;}
.mt-28{margin-top:28px !important;}
.mt-32{margin-top:32px;}
.mt-40{margin-top:40px !important;}
.mt-32{margin-top:32px;}
.pb-40{padding-bottom:40px;}
.mb-32{margin-bottom:32px;}
.mb-16{margin-bottom:16px !important;}
.pt-30 {padding-top:30px !important;}
.pb-60 {padding-bottom:60px !important;}
.pt-12 {padding-top:12px !important;}
.mt-12 {margin-top:12px !important;}
.mb-12 {margin-bottom:12px !important;}
.mt-16 {margin-top:16px !important;}
.margin-bottom2 {margin-bottom:2px !important;}
.custom-link{color:#255798;font-weight:500;}
.mw-426{max-width:426px;}
.font-16{font-size:var(--fs-16);}
.font-18{font-size:var(--fs-18);}
.font-20{font-size:var(--fs-20);}
.text-grey{color:var(--neveda-color);}
.fw-400 {font-weight:var(--fw-400) !important;}
.fw-600 {font-weight:var(--fw-600) !important;}
.fw-700 {font-weight:var(--fw-700) !important;}
.text-error{color:var(--error-color);}
.table-align-top td{vertical-align:top !important;}
.nevada-color {color:var(--neveda-color) !important;}
.custom-alert-danger{background-color:rgb(242 96 74 / 10%); border:1px solid #F2604A !important}
.calendar-background-color .ui-state-default {background: var(--neutralblue-color) !important; border:1px solid var(--neutralblue-color) !important;}  
.calendar-background-color .ui-state-active, .calendar-background-color .ui-state-default:hover {background:var(--neutralblue-color) !important; border:1px solid #33bde3 !important; color:var(--woodsmoke-color) !important;}
.calendar-background-color-delivery .ui-state-default {background: var(--neutralblue-color) !important;border: 1px solid #33bde3 !important;
    color: var(--woodsmoke-color) !important;}
.custom-width {width:370px;}
.row { margin: 0 -8px;}
[class*="col-"], .custom-container, .custom-small-container {padding: 0 8px;}
.py-8 {padding-top:8px !important;padding-bottom:8px !important;}
.pt-40 {padding-top:40px !important;}
.ps-40 {padding-left:40px !important;}
.pe-40 {padding-right:40px !important;}
.mt-28 {margin-top:28px !important;}
.f-18 {font-size:var(--fs-18) !important;}
/*
================================================
 loading skeleton
================================================
*/
.loading-skeleton{ pointer-events: none;animation: loading-skeleton 1s infinite alternate; -webkit-user-select: none;
  -moz-user-select: none;user-select: none;overflow: hidden;}
.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6, .loading-skeleton p, .loading-skeleton li, .loading-skeleton a, .loading-skeleton span, .loading-skeleton .btn, .loading-skeleton .btn:disabled, .loading-skeleton .btn.primary-btn, .loading-skeleton label, .loading-skeleton form-check-input, .loading-skeleton .form-control, .loading-skeleton img, .loading-skeleton button, .loading-skeleton td span, .loading-skeleton th, .loading-skeleton textarea {color: transparent !important;-moz-appearance: none !important;appearance: none !important;-webkit-appearance: none !important;background-color: #f5f6f8 !important;border-color: #f5f6f8 !important;resize: none;stroke: transparent;}
.loading-skeleton h1::-moz-placeholder, .loading-skeleton h2::-moz-placeholder, .loading-skeleton h3::-moz-placeholder, .loading-skeleton h4::-moz-placeholder, .loading-skeleton h5::-moz-placeholder, .loading-skeleton h6::-moz-placeholder, .loading-skeleton p::-moz-placeholder, .loading-skeleton li::-moz-placeholder, .loading-skeleton a::-moz-placeholder, .loading-skeleton span::-moz-placeholder, .loading-skeleton .btn::-moz-placeholder, .loading-skeleton label::-moz-placeholder, .loading-skeleton form-check-input::-moz-placeholder, .loading-skeleton .form-control::-moz-placeholder, .loading-skeleton img::-moz-placeholder, .loading-skeleton button::-moz-placeholder, .loading-skeleton td span::-moz-placeholder, .loading-skeleton th::-moz-placeholder, .loading-skeleton textarea::-moz-placeholder {color: transparent;}
.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder, .loading-skeleton p::placeholder, .loading-skeleton li::placeholder, .loading-skeleton a::placeholder, .loading-skeleton span::placeholder, .loading-skeleton .btn::placeholder, .loading-skeleton label::placeholder, .loading-skeleton form-check-input::placeholder, .loading-skeleton .form-control::placeholder, .loading-skeleton img::placeholder, .loading-skeleton button::placeholder, .loading-skeleton td span::placeholder, .loading-skeleton th::placeholder, .loading-skeleton textarea::placeholder { color: transparent;}
.loading-skeleton .benefit-title-section, .loading-skeleton .table th{ background: #E9ECF0 !important;border-color: #E9ECF0 !important;}
.loading-skeleton label, .loading-skeleton sup, .loading-skeleton table td *, .loading-skeleton .input-box, .loading-skeleton .filter-notification, .loading-skeleton .table .input-box, .loading-skeleton .no-results, .loading-skeleton .question-comment, .loading-skeleton .question-number, .loading-skeleton .show-popup, .loading-skeleton .list-group-item img, .loading-skeleton .add-benefit img, .loading-skeleton .form-check, .loading-skeleton span img, .loading-skeleton .fields-timer svg { display: none;}
.loading-skeleton .status:before, .loading-skeleton .status:after, .loading-skeleton .activity-time:before, .loading-skeleton .activity-time:after, .loading-skeleton .past-days h4:before, .loading-skeleton .past-days h4:after, .loading-skeleton .list-group-item:before, .loading-skeleton .list-group-item:after, .loading-skeleton label:before, .loading-skeleton label:after, .loading-skeleton .info-section h1:before, .loading-skeleton .info-section h1:after, .loading-skeleton .why-nations:before, .loading-skeleton .why-nations:after {display: none;}
.loading-skeleton img { filter: grayscale(100) contrast(0%) brightness(1.8);border-radius: 100%;width: 16px;height: 16px;min-width: 16px; min-height: 16px;}
.loading-skeleton .sticky-nav ul {border-left: 2px solid #E9ECF0;}
.loading-skeleton .sticky-nav ul li {margin-left: 10px !important;}
.loading-skeleton .sticky-nav ul li img { display: none;}
.loading-skeleton .breadcrumb li {background: none !important;}
.loading-skeleton .breadcrumb li:before {display: none;}
.loading-skeleton .table td:after, .loading-skeleton .table th:after {content: "";width: 100%;height: 28px;position: relative;
  display: inline-block;background: #E9ECF0 !important;border-color: #E9ECF0 !important;}
.loading-skeleton .form-floating .form-control {    background-color: #f5f6f8 !important;border-color: #f5f6f8 !important;}
.loading-skeleton .benefit-details {width: 100%;margin: 0;}
.loading-skeleton .tabs-list li, .loading-skeleton .tabs-list a, .loading-skeleton .sidebar li, .loading-skeleton .sidebar a {background: none !important;border: none !important;}
.loading-skeleton .tabs-list li .nav-link:before, .loading-skeleton .tabs-list li .nav-link:after, .loading-skeleton .tabs-list a .nav-link:before, .loading-skeleton .tabs-list a .nav-link:after, .loading-skeleton .sidebar li .nav-link:before, .loading-skeleton .sidebar li .nav-link:after, .loading-skeleton .sidebar a .nav-link:before, .loading-skeleton .sidebar a .nav-link:after {display: none;}
.loading-skeleton .timeline .timeline-txt p *, .loading-skeleton .timeline .accordion-body p *, .loading-skeleton .timeline .timeline-content p *, .loading-skeleton .timeline-box .timeline-txt p *, .loading-skeleton .timeline-box .accordion-body p *, .loading-skeleton .timeline-box .timeline-content p * {background: none !important;border: none !important;}
.loading-skeleton .timeline .timeline-txt p img, .loading-skeleton .timeline .accordion-body p img, .loading-skeleton .timeline .timeline-content p img, .loading-skeleton .timeline-box .timeline-txt p img, .loading-skeleton .timeline-box .accordion-body p img, .loading-skeleton .timeline-box .timeline-content p img {display: none;}
.loading-skeleton .filter-section .dropdown-toggle img, .loading-skeleton .form-floating img, .loading-skeleton table img { display: none;}
.loading-skeleton .info-section, .loading-skeleton footer, .loading-skeleton .why-nations {background: #ffffff;}
.loading-skeleton .top-profile-right .icon svg {background: #e9ecf0;border-radius: 50%;}
.loading-skeleton .top-profile-block > .icon {border-radius: 50%;}
.loading-skeleton ul { padding: 0;}
.loading-skeleton ul li {min-height: 40px;}
.loading-skeleton .banner-left h2 {display:none;}
.loading-skeleton .callout-sec small {display:none;}
.loading-skeleton .top-profile-right.icon {background:#E9ECF0; border-radius:50%}
.loading-skeleton .main-logo .logo {width:140px; border-radius:0;}
.loading-skeleton .client-logo {padding-top:0 !important; padding-bottom:0 !important;}
.loading-skeleton .client-logo a {border:none !important; background:none !important;}
.loading-skeleton .client-logo img {min-width:140px;border-radius:0;}
.loading-skeleton .login-box .title {display:none;} 
.loading-skeleton .single-callout-sec .icon img {width:130px; height:130px;}
.loading-skeleton .login-box .primary-btn {width:100%;}
.loading-skeleton .meal-order-tabs-block .nav-pills {border-left:1px solid #f5f6f8 !important;}
.loading-skeleton .meal-order-tabs-block .nav-pills .nav-link:before {background:#f5f6f8 !important;}
.loading-skeleton .address-tab .address-list {background-color: #f5f6f8 !important;border-color: #f5f6f8 !important;}
.loading-skeleton table tr td {font-size:0;background-color: #f5f6f8 !important;border-color: #f5f6f8 !important;}
.loading-skeleton .alert {background-color: #f5f6f8 !important;border-color: #f5f6f8 !important;}
.loading-skeleton .form-select {background:#f6f6f6;border-color: #e9ecf0 !important; color:#f6f6f6;}
.loading-skeleton .text-link {display:none;}
.loading-skeleton .form-floating.date-picker-icon .form-control {background:var(--greyscale-light-color);}
.loading-skeleton .no-result-sec .description {display:none;}
.loading-skeleton .loading-skeleton img {display:none;}
.loading-skeleton .form-floating.date-picker-icon.date-close-icon .date-close {display:none;}
.loading-skeleton .arrow-icon svg {display:none;}
@keyframes loading-skeleton {
    from {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}
.loading-skeleton .question-sec-main .form-check .form-check-input {background:none; border:none;}
.loading-skeleton .single-question-sec .btn-outline.active {background-color: #f5f6f8 !important;border-color: #f5f6f8 !important;}
.loading-skeleton .verified-sec {display:none;}
.loading-skeleton .not-verified {display:none;}
.loading-skeleton .alert.alert-declined {display:none;}
.loading-skeleton .shipment-address-table {display:none;}
.loading-skeleton img {display:none;}
.loading-skeleton .form-check-input {display:none !important;}
.loading-skeleton .reshipModal  img {display:none;}
.loading-skeleton .custom-alert-warning {display:none !important;}
.loading-skeleton button {display:none !important;}
.loading-skeleton svg {display:none !important;}
.loading-skeleton .form-floating {display:none !important;}
.loading-skeleton .meal-order-list {border-color: #f5f6f8 !important; }
.loading-skeleton .meal-order-list .order-list {background-color: #f5f6f8 !important;border-color: #f5f6f8 !important; font-size:0 !important; min-width:100px}
.loading-skeleton .meal-order-table {display:none;}
.loading-skeleton .fixTableHead td {font-size:0px !important;}
.loading-skeleton .member-name h4 small {display:none;}
.loading-skeleton .new-address-wrapper.active {border:none !important;}
.loading-skeleton .order-wrapper .order-list {border-color: #ededed !important;}
.loading-skeleton .order-list .order-title, .loading-skeleton .order-list .order-value {background-color: #ededed !important;border-color: #f5f6f8 !important;font-size:0; width:100px}
.loading-skeleton .custom-timeline .timeline .timeline-item  {display:none;}
.loading-skeleton .member-wrapper {background-color: #f5f6f8 !important;}
.loading-skeleton .question-sec-btns {border-color: #f5f6f8 !important;}
.loading-skeleton .order-details .details-sec {border-color: #f5f6f8 !important;}
.loading-skeleton div, .loading-skeleton p {border-color: #f5f6f8 !important;}
.loading-skeleton .top-profile-right {margin-top:13px;}
.loading-skeleton .logo-main .client-logo {display:none;}
.loading-skeleton .logo-main .main-logo {width:120px; background:#f5f6f8;margin-top:5px;}
.loading-skeleton .amber-text, .loading-skeleton .text-error {display:none;}
/*
================================================
 Warning styles 
================================================
*/
.custom-alert-warning {background: #FBF3D2;border: 0;border-radius: 8px;padding: 8px 12px;font-weight: 400;color: #212121;line-height: 20px;}
.text-green {color:var(--green-color) !important;}
/*
================================================
 Custom Dropdown Toggle
================================================
*/

.custom-outline-dropdown .dropdown .btn-outline {border-color:var(--primary-color) !important; color:var(--primary-color) !important; border-radius:8px;padding:11px 28px; } 
.custom-outline-dropdown .dropdown .dropdown-menu.custom-width {min-width: 202px}
.custom-outline-dropdown .dropdown .dropdown-menu { min-width: 240px;box-shadow: 0px 4px 16px 1px #00000026;top: 100%;padding: 0;border:1px solid var(--athensgrey-color);opacity: 0;visibility: hidden;display: initial; max-width:inherit; width:auto; left:0 !important; right:auto !important;}
.custom-outline-dropdown .dropdown .dropdown-menu.show {opacity:1; visibility:visible;}
.custom-outline-dropdown .dropdown .dropdown-menu span svg { transform: rotate(0deg); margin:0 0 0 4px; transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s;}
.custom-outline-dropdown .dropdown .dropdown-toggle.show span svg {transform: rotate(180deg);}
.custom-outline-dropdown .dropdown .dropdown-menu li a {font-size:var(--fs-16); color:var(--woodsmoke-color); font-weight:500; padding:13px 16px 14px;}
.custom-outline-dropdown .dropdown .dropdown-menu li:first-child a:hover {border-radius:8px 8px 0 0;}
.custom-outline-dropdown .dropdown .dropdown-menu li:last-child a:first-child:hover {border-radius:0 0 8px 8px;}
/*
================================================
 Button styles 
================================================
*/
/* Primary Btn */
.primary-btn {font-size: var(--fs-18);padding: 12px 25px;min-height: 48px; display: inline-flex;align-items: center;justify-content: center;background: var(--secondary-color);color:var(--white-color); border-radius: 8px; box-shadow: none; font-weight:var(--fw-600);border: 1px solid var(--secondary-color);}
.primary-btn:hover, .primary-btn:focus {background: var(--secondary-color) !important;color: var(--white-color) !important; box-shadow: 0 4px 14px 0 rgb(0 0 0 / 10%);border: 1px solid var(--secondary-color); }
.primary-btn.disabled { pointer-events: none;background:var(--greyscale-color);color: var(--white-color);}
.btn:focus {box-shadow:none;}
.btn:disabled { pointer-events: none;background:var(--greyscale-color) !important;color: var(--white-color) !important;}
.sticky-order-footer .btn:disabled {border:1px solid var(--greyscale-color) !important;}
/* Border Btn */
.border-btn {font-size: var(--fs-18);padding: 12px 25px;min-height: 48px;display: inline-flex;align-items: center;justify-content: center;background: var(--white-color) !important; color:var(--primary-color) !important; border:var(--width-1) solid var(--primary-color) !important; border-radius: 8px;font-weight:var(--fw-600); }
.border-btn:disabled {background:var(--greyscale-color) !important;border:1px solid var(--greyscale-color) !important;}
.border-btn:hover, .border-btn:focus, .border-btn:active { box-shadow: 0 4px 14px 0 rgb(0 0 0 / 10%);background-color: var(--white-color);color: var(--primary-color);border: var(--width-1) solid var(--primary-color);}

/* Btn Outline */
.btn-outline {font-size: var(--fs-18);padding: 12px 25px;min-height: 48px;display: inline-flex;align-items: center;justify-content: center;background: var(--white-color) !important; color:var(--woodsmoke-color) !important; border:var(--width-1) solid var(--greyscale-color) !important; border-radius: 4px;font-weight:var(--fw-500);margin:0 12px 12px 0;}
.btn-outline.active {border:var(--width-1) solid var(--secondary-color) !important;background: rgba(242, 96, 74, 0.10) !important;} 
.custom-small-btn {padding: 5px 16px; min-height:40px;}
.custom-delivery-info{padding: 5px 26px}
.reship-btn.btn {padding: 8px 25px !important;}
/* Text Btn */
.text-link {font-size: var(--fs-18);line-height:var(--lh-26);text-decoration: underline; color:var(--primary-color); transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; box-shadow:none; outline:none; border:none;}
.text-link:hover, .text-link:focus, .text-link:active {text-decoration: none; border:none !important;color:var(--primary-color);}

/* Referral Btn */
.referral-bg {background:#ffd2ed; border:1px solid #ffbee5; padding:4px 8px; border-radius:4px; font-size:16px; line-height:16px; color:var(--woodsmoke-color);}

/* Reship Btn */
.referral-bg.reship-bg  {background:#fed8b1;border-radius: 8px;padding: 4px 15px 6px;}

/* Verified Sec */
.verified-sec {display:flex; align-items:center;font-size: 16px;font-weight: 500;color:var(--success-color);}
.overriden-sec {color:var(--primary-color) !important;}
.unverified-sec {color: var(--black-color) !important;}
.text-secondary-color {color:var(--secondary-color) !important;}
/*
================================================
 Filter styles 
================================================
*/
.dropdown-toggle:after{display:none;}
.filter-wrapper .btn{padding:0;font-size:18px;line-height:18px;font-weight:500;color:#255798;border:0;}
.filter-wrapper span{display:inline-block;margin-right:8px;}
/*
================================================
 Form styles 
================================================
*/

/* Floating Input Styles */
.form-floating .form-control, .form-select {border: none;border-bottom: var(--width-2) solid var(--greyscale-color);background-color: var(--greyscale-light-color);font-weight: var(--fw-400);font-size: var(--fs-18);padding: 22px 16px 8px;color: var(--woodsmoke-color);border-radius: 4px;box-shadow: none; min-height:inherit; height:inherit; min-height: inherit;height: 56px;}
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label{padding-top: 0.8rem;}
.form-control:focus ~ label:after, form-control-plaintext ~ label:after, .form-control:not(:placeholder-shown) ~ label:after, .form-select ~ label:after { background: none !important;}
.form-control:hover {border-bottom: 2px solid var(--primary-color);}
.form-floating label {color: var(--neveda-color);font-size: var(--fs-16);padding:12px 16px 8px; margin:0;}
.form-floating sup { color: var(--secondary-color);font-size: var(--fs-18);top: 0px;left: 1px;}
.astric { color: var(--secondary-color) !important;font-size: var(--fs-18);top: 0px;left: 1px;}
.manditory-filed {color: var(--secondary-color);font-size: var(--fs-18);top: 0px;left: 1px;}
.cursor-pointer {cursor:pointer;}
.form-select:focus, .form-check-input:focus {box-shadow:none;}

.search-wrap button { background: transparent; border: medium none; color: #333333; padding: 2px 12px 7px 10px;position: absolute;display: block;left: 0px;top: 13px;z-index: 10;font-size: 20px;border-radius: 0 5px 5px; right:auto;}

/* Select Type Styles */
.form-control.dropdown-toggle::after{display:none;}
.custom-select .float-label {color: var(--body-font-color);font-size: 18px;letter-spacing: 0.3px;font-weight: 400;position: absolute;pointer-events: none;left: 18px;top: 50%;transform: translateY(-49%);transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;line-height: 20px;margin: 0;padding:0 !important; color:var(--neveda-color);}
.custom-select .active-dropdown .float-label {left: 16px;font-size: 16px;background: none; top: 15px;color: var(--primary-color);}
.custom-select .active-dropdown .label-anguage {color: rgba(var(--bs-body-color-rgb), .65); font-size:14px;}
.custom-select .show .float-label {left: 16px;font-size: 16px;background: none;top: 15px;color: var(--neveda-color);}
.custom-select .form-control:active {background-color: var(--greyscale-light-color) !important;}
.custom-select .arrow-icon {position: absolute;right:16px;top: 50%;transform: translateY(-50%);}
.custom-select .arrow-icon svg {transition: 0.2s;transform:rotate(-180deg);}
.custom-select .show .arrow-icon svg {transform: rotate(-0deg);fill: var(--primary-color);}
.custom-select .selected-lable {font-size: 16px;position: absolute;bottom:10px;display: block;width: 83%;text-align:left;}
.custom-selected-label .selected-lable {position:inherit;}
.customCheck .form-check {display: flex; align-items: center;}
.custom-select .customCheck {margin-left: 24px;}
.custom-select .form-check-labtsel{font-size:16px;color:#212121;margin:0;padding:0 0 0 8px;}
.custom-select .form-floating .form-check-label {padding:0 !important; cursor:pointer;}
.custom-form .customCheck .form-check-input {margin: 0;}
.form-check{margin-bottom: 10px; display:flex; align-items:center;}        
.form-check-input {height: 20px;width: 20px;border: 1px solid var(--greyscale-color);background-color: var(--neutralblue-color); margin:0;}
.delivery-checkbox .form-check-input {position:relative; top:3px}
.form-check-input:checked{background-color: var(--secondary-color);border-color: var(--secondary-color); line-height:normal;}
.form-check-input:focus{/*box-shadow: 0 0 0 0.25rem rgb(242 96 74 / 25%);*/ box-shadow:none; }
label{line-height: 26px;margin-left:8px;font-weight: 400;font-size: 16px;color: var(--woodsmoke-color);}
.form-floating.date-picker-icon.date-close-icon .date-close{display:block;} 
.form-floating.date-picker-icon.date-close-icon .form-control {background:var(--greyscale-light-color);}
.form-floating.date-picker-icon.date-close-icon label {padding-top:10px;}
.date-close {cursor:pointer; position:absolute; top:15px; right:15px;display:none;}
.form-floating.date-picker-icon .form-control {background:var(--greyscale-light-color) url(../images/date-picker-icon.svg) 94% 15px no-repeat; cursor:pointer;}
.form-floating.date-picker-icon:after {  padding: 0; position: absolute; content:"";background: url(../images/date-picker-icon.svg);width: 24px; height: 24px; right: 15px; top: 15px; z-index: 9;background-repeat: no-repeat; cursor: pointer; display:none;}
.dropdown-menu li:last-child a{border-bottom:0px;}
.accurate-bg:before {content:''; position:absolute; left:-24px; height:100%; width:24px; background:rgba(245, 246, 248, 1); top:0; border-radius:0 0 0 4px;}
.accurate-bg {background:rgba(245, 246, 248, 1); padding:8px 0; position:relative;}
.accurate-bg:after {content:''; position:absolute; right:-24px; height:100%; width:24px; background:rgba(245, 246, 248, 1); top:0;border-radius:0 0 4px;}
.accurate-bg .sug-sec .question-form-check {max-width:300px;background:#fff;}
.accurate-bg .sug-sec .question-form-check .form-check-input {margin-top:3px;}
.sug-sec .question-form-check .form-check-label span {font-size: 14px;font-weight: 300;line-height: 17px;color:var(--neveda-color);}
.sug-sec .question-form-check .form-check-label small {font-size: 16px;font-weight: 500;line-height: 20px;color:var(--woodsmoke-color);margin-top:4px;}
.address-blocks{margin-right:16px; border:1px solid var(--neveda-color);word-break: break-word}
.sug-sec .question-form-check .form-check-label .suggested-heading{color:#0FA91C; font-weight:600}
.sug-sec .question-form-check .form-check-label .entered-heading{color:#ff8800; font-weight:600}
.sug-sec .question-form-check .form-check-label .no-suggestions{color:red; font-weight:600}
.sug-sec .question-form-check .form-check-label .small-text{font-size:small}
.accurate-bg .new-address-wrappe h6 {font-size:16px;line-height:20px;}
.single-question-sec .accurate-bg .question-form-check {padding:8px 16px 8px 12px;}
.single-question-sec .accurate-bg .question-form-check.active .form-check-input {background-color: var(--white-color); border-color: var(--secondary-color);border-width:5px;}
.accurate-address-bg {background:rgba(245, 246, 248, 1); padding:8px 0; position:relative; border-radius:4px;}
.accurate-address-bg .sug-sec .question-form-check {width:300px;background:#fff; padding:12px;}
.accurate-address-bg .sug-sec .question-form-check .form-check-input {margin-top:3px;}
.accurate-address-bg .new-address-wrappe h6 {font-size:16px;line-height:20px;}
.single-question-sec .accurate-address-bg .question-form-check {padding:8px 16px 8px 12px;}
.mealorder-checkbox{padding-left:11px;}

/* Custom Datepicker */
.ui-widget.ui-widget-content {z-index:99 !important;}
.ui-datepicker table {margin:5px;}
.ui-datepicker .ui-datepicker-header {background: var(--neveda-color); color: var(--white-color);padding: 13px;}
.ui-datepicker td .ui-state-default { background: var(--athensgrey-color);border-radius: 2px !important;    line-height: 32px; text-align:center; border:none;transition: all 0.3s ease 0s;}
.ui-datepicker td .ui-state-default.ui-state-active, .ui-datepicker td .ui-state-default:hover {background: var(--neveda-color);color: var(--white-color);}
.ui-widget-header .ui-datepicker-prev-hover {background:none !important; border:none !important;}
.ui-widget-header .ui-datepicker-next-hover {background:none !important; border:none !important;}
.ui-widget-header .ui-datepicker-prev .ui-icon {background:url(../../assets/images/arrow-left-date.svg) !important;background-color:none; width:24px; height:24px;}
.ui-widget-header .ui-datepicker-next .ui-icon {background:url(../../assets/images/arrow-right-date.svg) !important; background-color:none !important;width:24px; height:24px;}
.ui-datepicker-title select {border: 1px solid #eee; padding: 8px;box-shadow: none;}
.ui-widget-header .ui-datepicker-prev {top:4px !important; left:4px !important; cursor:pointer;}
.ui-widget-header .ui-datepicker-next {top:4px !important; right:10px !important; cursor:pointer; }
/*
================================================
 Breadcrumb styles 
================================================
*/
.breadcrumb {margin: 0 0 8px 0;}
.breadcrumb-item {font-size: 16px;line-height: 20px;font-weight: 400;}
.breadcrumb-item a{color: #255798;text-decoration:none;}
.breadcrumb-item a:hover{text-decoration:underline;}
.breadcrumb-item.active{color:var(--neveda-color); text-transform:lowercase;}
.breadcrumb-item.active::before {color: #255798;}

/*
================================================
 Table styles 
================================================
*/
.table-16 tr td{font-size:16px !important;}
.table-16 .status{font-size:16px !important;padding-left:28px;}
.table-16 .status:before{left:12px;}
.fixTableHead.custom-scroll {overflow-y:auto; border-top:0px solid var(--chinese-silver-color); border-bottom:0px solid var(--chinese-silver-color); border-radius:10px 15px 0px 8px;}
.custom-table h5, h5.title {font-size:var(--fs-20);font-weight:var(--fw-700);line-height:var(--fs-24);margin:0 0 12px;}
.fixTableHead thead th {/*position: sticky;*/top:4px; z-index:1;}
/*.order-history-table .fixTableHead thead th {position: sticky;top:96px;}*/
.fixTableHead table {border-collapse: separate; /* Don't collapse */border-spacing: 0; width:100%;}
.table-border thead tr:first-child th:first-child {border-top-left-radius: 10px; border-left:1px solid var(--chinese-silver-color);}
.table-border tbody tr:first-child td {padding-top:11px; padding-bottom:6px;}
.order-history-table .table-border tbody tr:first-child td {padding-top:4px;}
.order-history-table .table-border tbody tr td {vertical-align:middle; padding-bottom:5px;}
.table-border tr:hover td{background: var(--neutralblue-color)!important;}
.table-border tr:last-child td:first-child {border-bottom-left-radius: 10px; border-left:1px solid var(--chinese-silver-color);}
.table-border tr:last-child td:last-child {border-bottom-right-radius: 10px; border-right:1px solid var(--chinese-silver-color);}
.custom-benefits-table thead th:last-child {border-radius: 0 8px 0 0;border-right: 0;}
.table-border tr th { padding: 6px 16px 5px; background-color: #f5f6f8; border-right: 1px solid var(--chinese-silver-color); border-bottom:1px solid var(--chinese-silver-color); border-top:1px solid var(--chinese-silver-color); color:var(--neveda-color); font-weight:var(--fw-500); line-height:19px;}
.table-border tr th:last-child{border-radius:0px 8px 0px 0px;border-right: 1px solid var(--chinese-silver-color);}
.table-border tr td:first-child { border-left: 1px solid var(--chinese-silver-color);}
.table-border tr td {padding: 9px 16px 8px;background-color:#fff;border-bottom: 1px solid var(--chinese-silver-color); border-right:1px solid var(--chinese-silver-color); vertical-align: middle;font-size: 16px; color:var(--woodsmoke-color); font-weight:var(--fw-400);}
span.icon { margin: 0 8px 0 0;} 
.refresh-icon {width: 32px;height: 32px;background:#e9ecf0;border-radius: 16px;display: flex;align-items: center;justify-content: center;}
.single-benefits-details-info h5 .icon, .wallet-icon {margin: 0 8px 0 0;}
.search-plan-title {min-width: 450px; max-width: 450px;}
section{padding:20px;}
.amber-text{font-size:14px; color:#00497a;}
/*::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}*/

/** Hide Scroll Bar */
/*.hide-scrollbar {-ms-overflow-style: none;*/ /* for Internet Explorer, Edge *//*scrollbar-width: none;*/ /* for Firefox *//*overflow-y: scroll;}
.hide-scrollbar::-webkit-scrollbar {display: none;*/ /* for Chrome, Safari, and Opera */ /*}*/
.scroll-custom {overflow-y:auto;}


/* Status Colors */
.status{position:relative;padding:7px 12px 6px 24px;line-height:16px;border-radius:8px; margin-bottom: 0px; font-size: 16px; color: var(--woodsmoke-color); display: inline-block;font-weight:400;}
.status:before {content: "";position: absolute;width: 8px;height: 8px;background: var(--white-color);border-radius: 50px;left: 8px;top: 50%;transform: translateY(-50%);}
.status.green {border: 1px solid var(--success-color);background: #ecf3ed;}
.status.green:before { background:var(--success-color) !important;}
.status.blue {border: 1px solid #33bde3; background: var(--neutralblue-color);}
.status.blue:before { background:#33bde3 !important;}
.status.orange {border: 1px solid #ff8800; background: #fde5ca;}
.status.orange:before { background:#ff8800 !important;}
.status.red {border: 1px solid #d61308; background: #fee9e8;}
.status.red:before { background:#d61308 !important;}
.status.grey {border: 1px solid var(--greyscale-color); background: var(--greyscale-light-color);}
.status.grey:before { background:var(--neveda-color) !important;}
.custom-static-modal.show {display:block;}
/*
================================================
 Bootsrap Modal
================================================
*/

.modal-backdrop {background: rgba(33, 33, 33, 0.5);z-index:8;}

.modal.show {-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);background-color: rgba(33, 33, 33, 0.5);}
/*.modal-dialog {max-width: 900px;}*/
 .modal-content { border-radius: 8px;border: none;}
.modal-header {border-bottom: var(--width-1) solid var(--greyscale-color); padding:14px 24px 15px; }
.menu-item-popup .modal-header {border-bottom: 1px solid var(--athensgrey-color);}
.menu-item-popup .meals-selection-table tr th {padding-left:24px !important;}
.menu-item-popup .meals-selection-table tr th:last-child {width:220px;}
.menu-item-popup .table-content tr td:last-child {width:200px;}
.menu-item-popup .meals-selection-table tr td:first-child {width:360px;}
.modal-title{font-size: var(--fs-24);color: var(--woodsmoke-color);font-weight: var(--fw-700);line-height: var(--lh-26);}
.btn-close {color: var(--neveda-color);box-shadow: none !important; outline:none;}
.btn-close:hover, .btn-close:focus{color: var(--neveda-color);opacity: 0.5;}
.modal-body {padding: 16px 24px 16px;min-height: 130px;}
.modal-footer {justify-content: flex-start; padding: 24px;border-top: var(--width-1) solid var(--athensgrey-color);}
.modal .btn { margin: 0; transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.modal-900 {max-width:900px !important;}
.modal-800 {max-width:800px !important;}
.modal-700 {max-width:700px !important;}
.modal-600 {max-width:600px !important;}
.modal-750 {max-width:750px !important;}
.editShipmentAddress .modal-body {max-height: calc(100vh - 250px);overflow-y: auto;}
.cancelModal textarea.form-control {padding-top:10px;}
.cancelModal label#lblComments {height:auto; top:5px; padding-top:4px;padding-bottom:0;}
.cancelModal .form-floating > textarea.form-control:focus ~ label, .cancelModal .form-floating > textarea.form-control:not(:placeholder-shown) ~ label, .cancelModal .form-floating > textarea.form-control > .form-select ~ label {width:860px}
.modal-555 {--bs-modal-width:555px;}
.place-order-modal .modal-content {background:var(--white-color) url(../../assets/images/place-order-bg.png) left top no-repeat; background-size:100%; display:flex;align-items:center; padding:24px 48px 48px;}
.place-order-modal .modal-content .icon {width: 204px;height: 124px;position: relative;padding-top:35px;z-index: 1; text-align:center;}
.place-order-modal .modal-content .shape-bg { position: absolute;content: "";height: 300px; margin-left: auto;margin-right: auto;left: 0;top: -75px;right: 0; background: url(../../assets/images/shape-bg.png) no-repeat center;  animation-name: zoom;animation-duration: 1s;z-index: -1; transform: scale(1.1);}
.place-order-modal .modal-content h3 {font-size:var(--fs-24); line-height:32px; margin:-7px 0 24px; text-align:center; z-index:1; font-weight:600;}
.place-order-modal .modal-content h3 span {display:block;}
.place-order-modal .btn{max-height:48px;}
.place-order-modal .modal-content .btn {position:relative; z-index:1;}
@keyframes zoom {
  from { background-size:10%; }
  to { background-size:90%;}
}
.place-order-modal .error-icon .shape-bg {display:none !important;}
.wallet-popup-modal.place-order-modal .modal-content .icon {width:auto; height:auto; padding:24px 0;}
.wallet-popup-modal.place-order-modal .modal-content .icon img {width:48px; height:48px;}
.wallet-popup-modal.place-order-modal .modal-content h3 {font-size:20px; line-height:24px;}
/*
================================================
 Popover
================================================
*/
/* Popupover CSS Start Here */
.hover-popup {background: var(--primary-color);min-width: 70px;padding: 12px 16px;color: var(--white-color) !important;text-align: center;border: 0px;border-radius: 8px;
    margin-top: 12px;left: auto;right: auto;white-space: nowrap;width: auto;display: none !important;letter-spacing: 0.3px;position: absolute;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    font-size: 14px;line-height: 18px;z-index: 99;}
.hover-popup:after{border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:var(--primary-color);}
.hover-popup.bottom:after{bottom:100%;left:50%;border-color:rgba(255, 255, 255, 0);border-bottom-color:var(--primary-color);border-width:5px;margin-left:-5px;}
.hover-popup.top:after{top:100%;left:50%;border-color:rgba(255, 255, 255, 0);border-bottom-color:var(--primary-color);border-width:5px;margin-left:-5px; transform: rotate(-180deg);}
.hover-popup.top.left-40:after {left:40px;}
.hover-popup.bottom{top:100%;margin-top:10px;}
.hover-popup.top{bottom:100%;margin-bottom:10px;}
.hover-popup.bottom.left-20:after {left:20%;}
.hover-popup.bottom.left-25:after {left:25px;}
.tooltip-popup {width: 370px; white-space: normal;text-align:left;}
.show-popup{position:relative;display:flex;align-items:center;box-shadow:none !important;}
.show-popup:hover .hover-popup.bottom, .show-popup:hover .hover-popup.top, .show-popup:hover .hover-popup.right, .show-popup:hover .hover-popup.left{display:block !important;animation:fade-in 0.3s linear 1, move-down 0.3s linear 1;-webkit-animation:fade-in 0.3s linear 1, move-down 0.3s linear 1;-moz-animation:fade-in 0.3s linear 1, move-down 0.3s linear 1;-ms-animation:fade-in 0.3s linear 1, move-down 0.3s linear 1;}
.hover-popup.right:after, .hover-popup.right:before { top: 30%; right: 100%; transform: rotate(-90deg);     border-width: 8px; margin-left: -8px}
.hover-popup.left:after, .hover-popup.left:before { top: 30%; left: 100%; transform: rotate(-180deg);     border-width: 8px; margin-left: -8px}
.hover-popup.right {  margin-left: 15px;  left: 100%;}
.hover-popup.left {  margin-right: 15px;  right: 100%;}
.hover-popup ol {padding-left:15px;margin-bottom:0; white-space:normal; min-width:350px; max-width:350px;}
.hover-popup ol li:last-child{padding-bottom:0;}
.hover-popup ol li{padding:0 0 8px; font-size:16px; line-height:22px;}
.hover-popup.order-queue {margin-top: 47px;}
.text-wrap {white-space:normal;}
.custom-tooltip {text-align:left; white-space:normal; width:auto !important;}
/*
================================================
 Alert Css
================================================
*/
.alert {display:inline-flex; align-items:center;}
.alert.alert-declined {border:1px solid #e0d700; background:#fff500; padding:8px 12px 8px 16px;}
.alert.alert-declined h6, .alert.alert-warning h6 {font-size: 18px;font-weight: 400;line-height: 22px;margin:0;}
.alert.alert-warning {border:none; background:#fbf3d2; padding:7px 12px 8px 16px; border-radius:8px;}
.alert.alert-hide {display:none !important;}
.alert.alert-hide.show {display:flex !important;}
.alert.alert-error{background:#FEE9E8;border-left:8px solid #D61308;}
.alert.alert-address {background:#fde5ca;border:1px solid #ff8800;}
.alert.alert-address .txt {font-size: 16px;font-weight: 400;line-height: 22px;color:var(--woodsmoke-color);}
    /*
================================================
 Dropdown Css
================================================
*/

.dropdown-menu {min-width:268px;top:100%;text-align:left;position:absolute;z-index:999;padding-top:10px;width:100%;line-height:1.6;border-radius:8px;visibility:hidden;opacity:0;border:1px solid var(--cadet-blue-color);box-shadow:0 4px 16px 1px rgba(0,0,0,0.15);right:0px !important; left:auto !important;padding:0; display:none;}
.dropdown-menu.show{visibility:visible;opacity:1;right:0px !important; left:auto !important; border-radius: 8px; display:block;}
.dropdown-menu li a{width:100%;border-bottom: 1px solid var(--athensgrey-color);padding:10px 16px 11px;font-size:16px;line-height:20px;font-weight:normal;color:var(--woodsmoke-color);transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;display:flex;align-items:center;letter-spacing:0.24px;outline:none;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {background: var(--neutralblue-color);color: var(--woodsmoke-color);}
.custom-select .dropdown-menu li a, .custom-select .dropdown-menu li a .form-check-label {cursor:pointer;}
.custom-select .dropdown-menu li a:hover, .custom-select .dropdown-menu li a:focus {background: var(--neutralblue-color);color: var(--woodsmoke-color);}
.custom-select .primary-btn {padding:8px 42px 8px 25px;}
.custom-select .primary-btn .arrow-icon {position: absolute;right: 16px;top: 40%;transform: translateY(-40%);}
.custom-select.custom-select-drowdown .show .arrow-icon svg {fill: var(--white-color);}
.dropdown-menu.left.show {left:0; right:auto !important;}
.reship-state-dropdown{max-height:250px; overflow-y:scroll;}
/*
================================================
 Responsive Css
================================================
*/
.custom-container {max-width: 1344px;width: 100%;margin: auto;}
.custom-small-container {max-width:1344px; width:100%; margin:auto;}
@media (min-width:1920px) {
    /*.custom-container {max-width:1824px;}*/
    p {font-size:var(--fs-18);}
    .btn {font-size:var(--fs-18) !important;}
    .table-border tr td {font-size:var(--fs-18)}
    .dropdown-menu li a {font-size:var(--fs-18)}
}
@media (min-width:1420px) {
    .custom-small-container {max-width:1224px;}
}