@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');
* {box-sizing: border-box; text-decoration: none; list-style: none; font-family: var(--primary-family); padding: 0; margin: 0; margin-bottom: 0px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .shimmer-main-content, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 1;}
h2 {font-size: 15px; line-height: 1;}
h3 {font-size: 15px; font-weight: 700;}
h4 {font-size: 14px; font-weight: 700;}
h5 {font-size: 10px;}
p {font-size: 14px; margin-bottom: 0px;}
a, button {outline: none; text-decoration: none !important; transition: all 0.3s ease-out 0s;}
select {outline: none;}
html{scroll-behavior: smooth;}
.disabled {opacity: 0.5; pointer-events: none;}
/* custom color theme */
:root {
    --primary-family: 'Roboto';
    --secondary-family: Karla;
    --black: #000000;
	--white: #FFFFFF;
	--primary-darkblue: #1B1E55;
	--primary-lightblue: #0E1037;
	--primary-yellow: #FFBD14;
	--primary-darkyellow: #AA7E0D;
	--secondary-lightblack: #0F0E0B;
	--secondary-lightwhite: #EFEFEF;
    --secondary-lightgray: #D3D3D3;
	--secondary-darkgray: #62625F;
	--secondary-red: #F22800;
	--black-shadow: rgba(0, 0, 0, 0.10);
    --border-radius-2: 2px;
    --border-radius-3: 3px;
    --border-radius-4: 4px;
    --border-radius-5: 5px;
    --border-radius-6: 6px;
    --border-radius-8: 8px;
    --border-radius-10: 10px;
    --border-radius-12: 12px;
    --border-radius-20: 20px;
    --border-radius-half: 50%;

} 
::selection {text-shadow: none; color: var(--white); background: var(--primary-darkblue);}
.use-icon-box {position: absolute; height: 0; width: 0; opacity: 0;}

/*************************** 
    Login Page
***************************/ 
.login-page {width: 100%; height: 100vh; display: flex; align-items: center; background: var(--primary-darkblue);}
.login-wrap {max-width: 400px; margin: 0 auto; border-radius: var(--border-radius-6); box-shadow: 0px 0px 20px 2px rgb(255 255 255 / 25%); overflow: hidden; width: 90%;}
.form-logo {background: var(--black); padding: 14px 0px 19px; text-align: center;}
.form-logo img {width: 100%; height: 100%; max-width: 170px;}
.form-title {color: var(--black); text-align: center; font-size: 22px; font-family: Cinzel; font-weight: 700; line-height: 140%; padding-top: 20px; padding-bottom: 20px;}
.form-body {padding: 0px 30px 43px; background: var(--white);}
.form-body .form-control {border-radius: var(--border-radius-6); border: 1px solid var(--secondary-lightgray); color: var(--black); background: var(--white); font-weight: 400; margin-bottom: 20px; display: flex; padding: 12px 25px 12px 20px; flex-direction: column; align-items: flex-start; font-size: 16px; line-height: normal;}
.form-body .form-control::placeholder {color: var(--secondary-lightgray);}
.form-input {position: relative;}
label.group-text {position: absolute; top: 11px; right: 15px;}
.form-body .form-control:focus {border-color: var(--primary-darkblue); box-shadow: none;}
.remember-pass {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.content-text {padding: 0px; color: var(--black); font-size: 14px; font-weight: 500; line-height: normal; display: inline-flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px; white-space: nowrap; cursor: pointer;}
.remember-pass .check-icon {border: 1px solid var(--black); opacity: 1; background: unset; min-width: 14px; width: 100%; height: 14px; font-size: 9px; color: var(--white); display: flex; align-items: center; justify-content: center;}
.remember-pass .square-box {border-radius: var(--border-radius-3);}
.square-box i {opacity: 0;}
.fgt-link {color: var(--primary-darkblue); font-size: 14px; font-weight: 500; line-height: 16.1px;}
.submit-btn {border-radius: var(--border-radius-6); background: var(--primary-yellow); width: 100%; padding: 11px 20px; border: none; color: var(--black); font-size: 18px; font-weight: 500; line-height: 100%; margin-bottom: 24px; text-transform: capitalize; letter-spacing: -0.342px;}
.form-input p {color: var(--black); text-align: center; font-size: 13px; font-weight: 500; line-height: 15.6px;}
.form-input p a {color: var(--primary-darkblue); font-size: 16px; font-weight: 500;}

/******
    alert msg 
******/
.success-wrapper-inner {display: flex; align-items: center; gap: 16px;}
.success-wrapper {border-radius: var(--border-radius-12); border: 1px solid  #75E0A7; background: #F6FEF9; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); max-width: 404px!important; width: 100%; padding: 16px 34px 16px 16px; position: fixed; bottom: auto; top: 26px; right: 31px; z-index: 99999; left: auto; margin: 0 auto;}
.success-icons-inner, .success-icons-wrap {border-radius: var(--border-radius-half); display: flex; align-items: center; justify-content: center;}
.success-icons-wrap {border: 1.667px solid rgb(7 148 85 / 10%); width: 35px; height: 35px;}
.success-icons-inner {border: 1.667px solid rgb(7 148 85 / 30%); width: 26px; height: 26px;}
.cross-sucess-btn {position: absolute; right: 15px; top: 15px;}
.cross-sucess-btn .close {border: none; background: none;}
.cross-sucess-btn i {color: rgb(3, 113, 3); font-size: 20px;}
.error-wrapper {border-color: #f39090; background: #ebe6e6;}
.error-wrapper .success-icons-wrap {border-color: rgb(243 144 144 / 10%);}
.error-wrapper .success-icons-inner {border-color: rgb(148 7 7 / 30%);}
.error-wrapper .success-icons-inner path {stroke: #f39090;}
.error-wrapper .cross-sucess-btn i {color: #f39090;}
.form-body .form-control.error {border: 1.5px solid var(--secondary-red); margin-bottom: 0px;}
label.error {color: var(--secondary-red); font-family: var(--secondary-family); font-size: 11px; font-style: italic; font-weight: 300; line-height: 12px; margin-bottom: 20px; margin-top: 8px;}
.pd-none {padding: 0px;}
input.check-btn {display: none;}
.check-btn:checked ~ .content-text .check-icon {background: var(--primary-darkblue); border-color: var(--primary-darkblue);}
.check-btn:checked ~ .content-text .check-icon i {opacity: 1;}
label.group-text i {color: #666666;}
.checkbox-type { display: flex; align-items: center; gap: 10px; }

/*************************** 
    Fixable design
***************************/

/******
    Date rang picker
******/
.date-format {display: inline-flex; align-items: center; gap: 15px; width: 100%;}
.event-outer {display: inline-flex;}
.date-fields label {color: var(--white); font-size: 16px; font-weight: 500; line-height: 140%;white-space: nowrap;}
.daterange-left {border-radius: 6px 0px 0px 6px;}
.daterange-right {border-radius: 0px 6px 6px 0px; margin-left: 1px;}
.daterange-left, .daterange-right {width: 180px; background: var(--white); display: inline-flex; padding: 10px 11px 10px 13px; align-items: center; gap: 12px; color: var(--secondary-darkgray); font-size: 14px; font-weight: 400; line-height: normal;}
.daterangepicker .calendar-table table {border-collapse: separate; border-spacing: 0px 20px;}
.daterangepicker td.active, .daterangepicker td.active:hover {background: var(--primary-darkblue);}
.daterangepicker td.in-range {background-color: var(--primary-darkblue); color: var(--white);}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {min-width: 30px; width: 30px; height: 18px; line-height: 18px; font-size: 12px; cursor: pointer; font-weight: 500; line-height: 140%;}

/******
    ScrollBar
******/
.nav-links::-webkit-scrollbar, .info-details::-webkit-scrollbar {width: 0px; height: 0px;}
.ui-timepicker-viewport::-webkit-scrollbar {border-radius: var(--border-radius-10); width: 3px; height: 3px; background-color: var(--secondary-darkgray);}
.ui-timepicker-viewport::-webkit-scrollbar-thumb {border-radius: var(--border-radius-10); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3); background-color: var(--primary-yellow);}
.table-wrapper::-webkit-scrollbar {border-radius: var(--border-radius-10); width: 3px; height: 3px; background-color: var(--secondary-darkgray);}
.table-wrapper::-webkit-scrollbar-thumb {border-radius: var(--border-radius-10); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3); background-color: var(--primary-yellow);}
.cal-table::-webkit-scrollbar {border-radius: var(--border-radius-10); width: 3px; height: 3px; background-color: var(--secondary-darkgray);}
.cal-table::-webkit-scrollbar-thumb {border-radius: var(--border-radius-10); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3); background-color: var(--primary-yellow);}
.item-content::-webkit-scrollbar, .info-content-area::-webkit-scrollbar, .sidebar-block .inner-wrapper-block .sidebaar-content::-webkit-scrollbar, .print-popup-wrapper  .modal-body::-webkit-scrollbar, .print-popup-wrapper  .product-list::-webkit-scrollbar, .print-popup-wrapper .erron-modal-tree .enron-tree::-webkit-scrollbar {width: 3px;}
.item-content::-webkit-scrollbar-track, .info-content-area::-webkit-scrollbar-track, .sidebar-block .inner-wrapper-block .sidebaar-content::-webkit-scrollbar-track, .print-popup-wrapper  .modal-body::-webkit-scrollbar-track, .print-popup-wrapper  .product-list::-webkit-scrollbar-track, .print-popup-wrapper .erron-modal-tree .enron-tree::-webkit-scrollbar-track {background:var(--secondary-lightgray); border-radius: var(--border-radius-10);}
.item-content::-webkit-scrollbar-thumb, .info-content-area::-webkit-scrollbar-thumb, .sidebar-block .inner-wrapper-block .sidebaar-content::-webkit-scrollbar-thumb, .print-popup-wrapper  .modal-body::-webkit-scrollbar-thumb, .print-popup-wrapper  .product-list::-webkit-scrollbar-thumb, .print-popup-wrapper .erron-modal-tree .enron-tree::-webkit-scrollbar-thumb {background: var(--primary-darkblue); border-radius: var(--border-radius-10);}
.scrollbar::-webkit-scrollbar, .typeahead__list::-webkit-scrollbar {width: 3px;}
.scrollbar::-webkit-scrollbar-track, .typeahead__list::-webkit-scrollbar-track {background:var(--secondary-lightgray); border-radius: var(--border-radius-10);}
.scrollbar::-webkit-scrollbar-thumb, .typeahead__list::-webkit-scrollbar-thumb {background: var(--primary-darkblue); border-radius: var(--border-radius-10);}
.yellow-scrollbar::-webkit-scrollbar {border-radius: var(--border-radius-10); width: 3px; height: 3px; background-color: var(--secondary-darkgray);}
.yellow-scrollbar::-webkit-scrollbar-thumb {border-radius: var(--border-radius-10); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3); background-color: var(--primary-yellow);}

/******
    3 Slide toggle box 
******/
.slider-change-wrapper { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }
.field-area .slider-change-wrapper .slide-change { margin-bottom: 0px; }
.field-area .row-three-block.slide-change { width: 100%; max-width: 260px; }
.inner-block-content .slide-change.row-three-block .sub-label { padding: 3px 10px; }
.row-three-block.slide-change input[type=radio].step-1 + label, .row-three-block.slide-change input[type=radio].step-2 + label { width: 25%; max-width: 25%; }
.row-three-block.slide-change input[type=radio].step-3 + label { width: 50%; white-space: nowrap; }
.row-three-block.slide-change input[type=radio].step-1:checked ~ .slider-bg { width: calc(25% - 0px); transform: translateX(calc(0% - 0%)); }
.row-three-block.slide-change input[type=radio].step-2:checked ~ .slider-bg { width: calc(25% - 1px); transform: translateX(calc(100% - 0px)); }
.row-three-block.slide-change input[type=radio].step-3:checked ~ .slider-bg { width: calc(50% - 2px); transform: translateX(calc(100% - 0px)); }

/******
    Slide toggle box 
******/
.slide-change {background: var(--primary-darkblue); padding: 2px; display: flex; justify-content: space-between; align-items: center; position: relative; border-radius: 5.5px; min-width: 150px;}
.slide-tab {display: none;}
.inner-block-content .slide-change .sub-label {padding: 4px 10px; flex: 1; cursor: pointer; display: block; color: var(--white); text-align: center; line-height: 140%; z-index: 1; width: 50%; transition: all 0.4s ease;}
.slider-bg {position: absolute; height: calc(100% - 4px); border-radius: var(--border-radius-4); transition: all 0.4s ease; background: var(--primary-yellow);}
.slide-change input[type=radio]:checked + label {color: var(--black);}
.slide-change input[type=radio]:checked + label + .slider-bg {transform: translateX(100%);}
.slide-change input[type=radio]:checked ~ .slider-bg {width: calc(50% - 2px);}

/******
    Radio active Inactive
******/
.end-block {text-align: center;}
.select-tab-layer {padding: 5px; display: inline-flex; justify-content: space-between; align-items: center; position: relative; gap: 8px; border-radius: var(--border-radius-6); background: var(--primary-darkblue);}
.select-tab-layer input {display: none;}
.inner-tab {padding: 6px 10px; z-index: 1; transition: all 0.4s ease; cursor: pointer; color: var(--white); font-size: 16px; font-weight: 400; line-height: 140%; border-radius: var(--border-radius-4);}
.select-tab-layer .active:checked ~ .slider-bg {transform: translateX(calc(0% - -5px)); width: 36.43%;}
.select-tab-layer .notActive:checked ~ .slider-bg {transform: translateX(calc(100% - 17px)); width: 53.34%;}
.select-tab-layer .slider-bg {position: absolute; height: calc(100% - 10px); left: 0;}
.select-tab-layer .notActive:checked + .inner-tab, .select-tab-layer .active:checked + .inner-tab {color: var(--primary-darkblue);}

/******
    Radio 3type Stayle
******/
.format-block {padding: 5px; display: inline-flex; justify-content: space-between; align-items: center; position: relative; gap: 6px; border-radius: var(--border-radius-6); background: var(--primary-darkblue);}
.format-block input {display: none;}
.format-block .inner-tab {padding: 3px 5px; stroke: var(--white);}
.format-block .slider-bg {position: absolute; height: calc(100% - 10px); left: 0;}
.format-block input:checked + .inner-tab {stroke: var(--primary-darkblue);}
.format-block .week-view:checked ~ .slider-bg {transform: translateX(calc(0% - -5px)); width: 27.43%;}
.format-block .monthly-view:checked ~ .slider-bg {transform: translateX(calc(100% - -11px)); width: 27.43%;}
.format-block .monthly-list:checked ~ .slider-bg {transform: translateX(calc(200% - -17px)); width: 27.43%;}

/******
   Normal DropDown 
******/
.drop-down {position: relative; margin-left: auto;}
.drop-down .selected {min-width: 100px;}
.drop-down a {font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.304px; color: var(--black); display: flex; align-items: center; gap: 8px;}
.selected a {border-radius: var(--border-radius-5); border: 1.5px solid var(--primary-yellow); padding: 6px 15px;}
.show i {transform: rotate(180deg);}
.options {position: absolute; top: 100%; right: 0; border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); padding: 12px 10px; min-width: 152px; z-index: 1;}
.options a {text-align: center; padding: 5px 10px; border-radius: var(--border-radius-6); margin-bottom: 12px;}
.options a:hover {background: var(--secondary-lightwhite);}
.options li:last-child a {margin-bottom: 0px;}

/******
    With breadcrumb 
******/
.page-title {color: var(--primary-darkblue); font-size: 24px; font-weight: 700; line-height: 150%; letter-spacing: -0.456px;}
.breadcrumb-wrap .breadcrumb-item { display: flex; align-items: center; }
.breadcrumb-wrap .breadcrumb-item+.breadcrumb-item {padding-left: 0px;}
.breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before {content: var(--bs-breadcrumb-divider, ">");padding: 0 5px; font-size: 14px;}
.breadcrumb-wrap .breadcrumb {margin-bottom: 0px;}
.breadcrumb-item a {color: var(--secondary-darkgray); font-size: 14px; font-weight: 400; line-height: 150%; letter-spacing: -0.266px;}

/************************
    All Buttons Style
**************************/
.btn-wrapper {display: flex; align-items: center; gap: 50px;}
.btn-block {border-radius: var(--border-radius-6); background: var(--primary-yellow); padding: 10px 20px; border: none; color: var(--black); font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.342px; white-space: nowrap;}
.input-wrap .btn-block {display: flex; align-items: center; gap: 8px;}
.btn-block:hover {opacity: 0.7;}
.search-input {position: relative;}
.search-input input {height: 40px; outline: none; padding: 13px 40px 13px 20px; border-radius: var(--border-radius-20); border: 1px solid var(--secondary-darkgray); background: var(--white); color: var(--secondary-darkgray); font-size: 14px; font-weight: 400; line-height: 100%;}
.search-input .icon {position: absolute; right: 0; top: 0; height: 100%; width: 60px; text-align: center; line-height: 55px; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.user-info {cursor: pointer; width: 44px; height: 44px;}

/*==============
Droupdown Btn
=======*/
.droupdown-btn-wrapper { position: relative; width: 100%; }
.droup-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 20px; border-radius: var(--border-radius-5); border: 1.5px solid var(--primary-yellow); color: var(--black); font-family: var(--primary-family); font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.342px; background: transparent; cursor: pointer; }
.droup-item i { transition: transform 0.3s; }
.droupdown-list { position: absolute; top: 100%; left: 0; width: 100%; border-radius: 0px 0px 5px 5px; border-width: 1.5px 1.5px 1.5px 1.5px; border-style: solid; border-color: var(--primary-yellow); display: none; z-index: 12; background: var(--white); }
.droupdown-list li:not(:first-child) { border-top: 1.5px solid var(--primary-yellow); }
.list-btn-wrap { color: var(--black); font-family: var(--primary-family); font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.342px; outline: initial; border: initial; background: transparent; width: 100%; text-align: start; display: block; padding: 15px 20px; cursor: pointer; }
.list-btn-wrap:hover { background: rgba(249, 231, 188, 0.30); }
.droupdown-btn-wrapper.open .droup-item  { border-radius: 5px 5px 0px 0px; background: #F9E7BC; border-bottom: initial; }
.droupdown-btn-wrapper.open .droupdown-list { display: block; }
.droupdown-btn-wrapper.open .droup-item i { transform: rotateX(180deg); }
.droupdown-btn-wrapper.open_up .droupdown-list { bottom: 100%; top: auto; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.droupdown-btn-wrapper.open.open_up .droup-item { border-radius: 0px 0px 5px 5px; border-top: initial; border-bottom: 1.5px solid var(--primary-yellow); }
.sidebaar-content .droupdown-btn-wrapper span, .droupdown-btn-wrapper .file_name, .sidebaar-content .droupdown-btn-wrapper .file_name { color: var(--black); font-family: var(--primary-family); font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.342px; }
.table-bar .import-layer, .end-block .import-layer, .table-bar .export-layer, .end-block .export-layer, .settings_user_edit .table-bar, .settings_user_add .table-bar, .settings_user_index .table-bar, .settings_user_myAccount .table-bar {display: none;}

/******
    Notification
******/
.notify-wrapper {position: relative;}
.notification { position: relative; cursor: pointer; width: 30px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; }
.notification .num {width: 18px; height: 18px; position: absolute; top: 0px; right: 0px; background: var(--primary-yellow); text-align: center; border-radius: var(--border-radius-half); color: var(--primary-darkblue); font-size: 10px; font-weight: 600; line-height: 150%; letter-spacing: -0.19px; display: flex; align-items: center; justify-content: center;}
.notify-inner { padding: 16px 8px 16px 16px; border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); position: absolute; min-width: 380px; top: 40px; right: 0; /* display: none; */ z-index: 3; }
.overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.notification_msg, .notify-items { position: relative; z-index: 10; }
.notify-items { max-height: 536px; overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 132px); padding-right: 8px; }
.notify-item { display: flex; gap: 6px; align-items: flex-start; }
.notify-item:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--secondary-lightgray); }
.notify-item p span { font-weight: 400; color: var(--black); }
.notify-item p span { font-weight: 700; color: var(--primary-darkblue); }
.notify-item a { text-decoration: underline !important; font-weight: 600; color: var(--black); }
.cross-ico { min-width: 16px; display: inline-flex; align-items: center; justify-content: center; margin-top: 3px; cursor: pointer; }

/******
    Checkbox
******/
.check-name {display: none;}
.check-label {background: var(--white); border: 1px solid var(--primary-yellow); border-radius: var(--border-radius-5); width: 100%; margin-top: 0; padding: 7px 19px; color: var(--black); font-weight: 400; line-height: 120%; letter-spacing: -0.304px; cursor: pointer; position: relative;}
.check-name:checked + .check-label {background: var(--primary-yellow); font-weight: 500;}
.btn-type, .btn-round {display: inline-block; box-sizing: border-box; padding: 0px; width: 16px; height: 16px; min-width: 16px; float: none; position: relative; cursor: pointer; appearance: none; vertical-align: middle; background: var(--white); cursor: pointer;}
.btn-type::before, .btn-round::before {font-family: 'Font Awesome 6 pro'; font-weight: 400; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; color: var(--primary-darkblue);}
.btn-type::before {content: '\f0c8';}
.btn-round::before {content: '\f111';}
.btn-round:checked::before {content: '\f058'; font-weight: 600;}
.btn-type:checked::before {content: '\f14a'; font-weight: 900;}
.check-block:checked ~ .btn-content .btn-round::before {content: '\f058'; font-weight: 600;}
.check-block:checked ~ .btn-content .btn-type::before {content: '\f14a'; font-weight: 900;}
.check-block:checked ~ .btn-content {background: var(--secondary-lightwhite);color: var(--primary-darkblue);}
.outer-box .btn-content {border-radius: var(--border-radius-6); padding-left: 10px;  width: 100%;}

/*==============
File Upload
=======*/
.file-upload { width: 100%; }
.file-upload .dz-message { background: var(--white); padding: 16px; border: 1px dashed var(--primary-yellow); border-radius: var(--border-radius-8); cursor: pointer; }
.file-upload-content { display: flex; gap: 10px; }
.file-upload-content .file-description span { font-size: 14px; color: var(--black); }
.file-upload-content .file-description p { color: var(--primary-yellow); font-size: 12px; }
.file-upload-content .upload-img { color: var(--primary-yellow); display: flex; align-items: flex-start; }
.file-upload-content .upload-img i { font-weight: 400; font-size: 40px; padding-top: 5px; }
.file-description span { font-size: 16px; font-weight: 500; }
.file-description p { font-size: 14px; font-weight: 400; }
.custom-preview { padding: 0px 10px; position: relative; }
.download-file-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 9; }
.custom-preview:first-child { margin-top: 10px; }
.custom-preview:not(:last-child) { padding-bottom: 10px; border-bottom: 1px solid #dedede; margin-bottom: 10px; }
.custom-preview .file-details-area { display: flex; gap: 8px; }
.file_inner_content { position: relative; }
.table-content-svg { position: relative; }
.video-pdf-img svg path { fill: #E1E5E7; stroke: #E1E5E7; }
.video-pdf-img svg path:last-child { fill: #AFB7BD; }
.table-content-svg svg { width: 32px; height: 100%; }
.custom-preview .table-pdf-text { text-transform: uppercase; text-align: center; border-radius: var(--border-radius-2); background: #F05642; padding: 2px 4px; position: absolute; bottom: 6px; left: -4px; display: flex; align-items: center; }
.custom-preview .table-pdf-text span { font-size: 10px; font-weight: 400; line-height: normal; color: var(--white); }
.custom-preview .inner-text { width: 100%; }
.custom-preview .tab-inner-description { font-size: 14px; color: var(--black); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; border-right: initial; line-break: anywhere; line-height: normal; width: calc(100% - 24px); }
.custom-preview .inner-text p { color: #b8b8b8; font-size: 11px; font-weight: 400; line-height: 110%; }
.custom-preview .icon-wrapper { display: flex; justify-content: flex-end; align-items: center; gap: 5px; position: absolute; right: 0; top: 0px; z-index: 10; }
.icon-wrapper a { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; aspect-ratio: 1/1; font-size: 20px; }
.icon-wrapper svg { width: 20px; height: 20px; }
.custom-preview .delete_pdf i { color: #F05642; font-weight: 500; }
.custom-preview .check-outer { position: relative; margin-top: 5px; display: flex; align-items: center; gap: 5px; }
.progress-bar-wrapper { position: relative; height: 4px; width: 100%; border-radius: 4px; background: #d3d3d3; }
.range.progress-text { position: absolute; top: 0; left: 0; height: 100%; border-radius: 4px; background: #ffbd16; }
.progress_percentage { font-size: 10px; text-align: center; line-height: 1; }

/*==============
Select - 2 custom
=======*/

.enron-select-item { display: flex; align-items: center; gap: 10px; }
.enron-select-item svg { fill: #EB005B; width: 16px; height: 15px; }

/*==============
Muli Droupdown Btn
=======*/
.multi-dropdown { position: relative; }
.enron-tree-selection { width: 100%; padding: 12px 25px 12px 20px; gap: 10px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; position: relative; min-height: 45px; display: flex; align-items: center; justify-content: space-between; }
.multi-dropdown .arrow { text-indent: -100%; display: inline-block; overflow: hidden; width: 100%; max-width: 40px; position: absolute; top: 0; height: 100%; right: 0; cursor: pointer; }
.multi-dropdown .enron-tree-selection .arrow { max-width: 100%; }
.multi-dropdown .arrow:before { content: '\f107'; position: absolute; top: 0; right: 0; font-family: 'Font Awesome 6 pro'; font-weight: 300; font-size: 16px; height: 100%; width: 100%; max-width: 40px; display: flex; align-items: center; justify-content: center; text-indent: 0; }
.selected-names { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-break: anywhere; }
.inner-content .enron-tree:not(.enron-tree .enron-tree) { border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); position: absolute; top: 100%; left: 0; width: 100%; z-index: 1; margin: 0; padding: 10px; list-style: none; max-height: 400px; overflow-y: auto; overflow-x: hidden; }
.inner-content .enron-tree .enron-tree { margin: 0; padding: 0px 0px 10px 26px; list-style: none; }
.inner-content .enron-tree li:not(:last-child) { margin-bottom: 5px; margin-top: 5px; }
.inner-content .enron-tree li { list-style: none !important; position: relative; }
.inner-content .enron-tree li label { color: var(--black); font-family: var(--primary-family); font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.304px; display: flex; align-items: center; gap: 10px; width: 100%; padding: 4px 10px 4px 35px; position: relative; }
.inner-content .enron-tree li label.no-checkbox { padding: 4px; gap: 6px; }
.order-block .inner-content .enron-tree .enron-tree { padding: 0px 0px 10px 20px; }
.inner-content .enron-tree label input:checked { background: var(--secondary-lightwhite); }
.inner-content .enron-tree label input { appearance: initial; position: absolute; width: 100%; height: 100%; border-radius: var(--border-radius-6); z-index: -1; left: 0; }
.multi-dropdown .enron-tree .arrow { top: 1px; height: 24px; }
.inner-content .enron-tree label input:before { content: '\f0c8'; font-family: 'Font Awesome 6 pro'; font-weight: 400; font-size: 16px; position: absolute; width: 100%; max-width: 16px; height: 100%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; color: var(--primary-darkblue); left: 10px; }
.inner-content .enron-tree label input:checked::before { content: '\f14a'; font-weight: 900; }
.inner-content .enron-tree label input.half-check::before { content: "\f146"; font-weight: 900;}
.inner-content .enron-tree .enron-tree li label { cursor: pointer; }
.enron-tree .parentcheck { position: relative; width: 10px; height: 10px; }
.enron-tree .parentcheck:before { content: '\f00c'; font-family: 'Font Awesome 6 pro'; font-size: 10px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: all 0.3s ease-in-out; }
.enron-tree .parentcheck.checked:before { transform: scale(1); }
.enron-tree-wrapper { border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; margin: 0; padding: 10px; list-style: none; }
.inner-content .enron-tree-wrapper .enron-tree:not(.enron-tree .enron-tree) { border-radius: initial; background: initial; box-shadow: initial; position: relative; inset: initial; padding: 10px 0px 0px; }
.tree-search { width: 100%; padding: 4px 10px; font-size: 14px; color: var(--black); font-weight: 500; font-family: var(--primary-family); }

/*************************** 
    Header Area
***************************/
.rhs-bar {max-width: 230px; text-align: center; transition: all 0.5s ease-in-out; position: relative;}
.header-bar .rhs-bar img {width: 100%;}
.logo-wrapper {padding: 26px 8px; display: flex; align-items: center; gap: 26px; justify-content: space-between;}
.on-mobile {display: none;}
.mobile-tab-head  {display: none;}
.toggle-icon {cursor: pointer;}
.toggle-icon svg {width: 17px; height: 17px;}
.close .toggle-icon svg, .toggle-icon img {display: none;}
.close .toggle-icon img {display: block;}
.header-bar {min-height: 100px; background: var(--white); box-shadow: 0px 4px 4px 0px var(--black-shadow); position: fixed; width: 100vw; top: 0; z-index: 20;}
.content-inner, .header-content, .btn-wrapper {display: flex; align-items: center;}
.content-inner {padding-right: 15px;}
.header-bar .col-2 {width: 24%;}
.header-content {padding-left: 50px; padding-right: 30px; justify-content: space-between; border-left: 1px solid var(--secondary-lightgray);}
.calendar-wrapper {display: flex; align-items: center; gap: 30px; justify-content: space-between;}
.select-wrapper {position: relative; min-width: 250px;}
.selected-block .item-group {width: 100%; padding: 12px 25px 12px 20px; gap: 10px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); color: var(--secondary-darkgray); font-size: 16px; font-weight: 400; line-height: normal; position: relative;}
.selected-block .item-group h2 {background: initial !important; font-weight: 300;}
.selected-block .item-group:before {content: '\f078'; position: absolute; right: 20px; font-family: 'Font Awesome 6 pro'; font-weight: 900; width: 32px; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; font-size: 14px;color: var(--secondary-darkgray);}
.selected-block.active .item-group:before {transform: rotate(180deg);}
.col-wrapper {padding: 20px 8px 20px 20px; border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); position: absolute; width: 100%; left: 0; display: none;z-index: 3;}
.col-group {max-height: 314px; overflow-y: auto; overflow-x: hidden; padding-right: 8px; height: calc(100vh - 150px);}
.col-content {margin-bottom: 7px;}
.show .col-wrapper i { transform: rotate(0deg); }
.col-content:last-child {margin-bottom: 0px;}
.item-group {display: flex; justify-content: space-between; align-items: center; gap: 2px; cursor: pointer;}
.col-content h2, .check-tab {background: #E5E5E5;}
.col-content h2 {color: var(--black); font-size: 13px; font-weight: 400; line-height: 140%; padding: 2px 8px; width: 100%;}
.check-tab {max-width: 22px; height: 22px; display: none; justify-content: center; align-items: center; color: var(--primary-darkblue); font-size: 13px; width: 100%;}
.col-content.active .check-tab {display: flex;}
.date-wrapper {display: flex; align-items: center; gap: 20px;}
.date-name {color: var(--primary-darkblue); font-size: 16px; font-weight: 800; line-height: 140%;white-space: nowrap;}
.slide-ico {width: 20px; min-width: 20px; cursor: pointer; height: 20px; display: inline-block; border-radius: var(--border-radius-half); border: 1px solid var(--black); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; color: var(--black);}

/***********
    Menu
********************/ 
.menu-item {position: relative;}
.nav-links {display: block; max-height: calc(100vh - 280px); overflow-y: auto; transition: all 0.5s ease-in-out;}
.close .nav-links { overflow-y: initial; }
.aside-bar-wrapper {position: fixed; top: 100px; left: 0; height: calc(100vh - 100px); width: 100%; background: var(--primary-darkblue); box-shadow: 0px 4px 6px 0px var(--black-shadow); transition: max-width 0.5s ease-in-out; float: left; z-index: 99; max-width: 230px;}
.mob-wrapper {display: none; align-items: center; gap: 10px; justify-content: space-between; padding: 15px 20px 12px;}
.cross-icon {color: var(--white); padding: 0px 2px;font-size: 22px;cursor: pointer;}
.menu-icon {height: 22px;}
.nav-bar-inner {color: var(--white); font-size: 16px; font-weight: 400; line-height: 137%; display: flex; align-items: center; gap: 9px; padding: 6px 13px; position: relative; overflow: hidden; transition: all 0s ease; margin: 24px 12px 12px;}
.nav-bar-inner .link-menu-item {padding-left: 3px;}
.nav-bar-inner .link-menu-item, .sub-menu, .profile_name {white-space: nowrap; transition: all 0.4s ease;}
.menu-item a:hover, .nav-links .active .nav-bar-inner {color: var(--primary-yellow); font-weight: 500;}
.menu-item .sub-menu a:hover, .menu-item.active .sub-menu a.sub-active {background: var(--primary-yellow); color: var(--black); font-weight: 500;}
.nav-links .active .nav-bar-inner .menu-icon svg path, .nav-links .active .nav-bar-inner .menu-icon svg rect, .nav-links .menu-item:hover .menu-icon svg path, .nav-links .menu-item:hover .nav-bar-inner .menu-icon svg rect {stroke: var(--primary-yellow);}
.nav-links .menu-item.active:first-child .nav-bar-inner .menu-icon svg path { fill: var(--primary-yellow); stroke: initial; } 
.sub-num { border-radius: 100px; background: var(--white); padding: 1px 6px; color: var(--primary-darkblue); font-family: var(--primary-family); font-size: 11px; font-weight: 700; line-height: 140%; } 
.sub-menu a.sub-active .sub-num { color: var(--white); background: var(--primary-darkblue); }
.sub-menu .link-menu-item { margin-left: 42px; margin-right: 25px; margin-bottom: 15px; border-radius: var(--border-radius-5); display: block; padding: 3px 16px 3px 9px; color: var(--white); font-size: 16px; font-weight: 400; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; gap: 5px; }
.sub-menu .link-menu-item.open-sub {background: var(--white); color: var(--primary-darkblue); font-weight: 800;}
.active .sub-menu {display: block;}
.sub-menu {display: none;}
.nav-bar-inner i {font-size: 12px; cursor: pointer; width: 100%; text-align: right;}
.menu-item.active .nav-bar-inner i {transform: rotate(180deg);text-align: left;}
.nav-bar-inner .user-icn {position: unset; font-size: 15px;}
.contentinfo { position: absolute; bottom: 124px; left: 0; right: 0; padding: 10px 20px; color: #50575e; font-family: var(--primary-family); }

/***********
    Bottom profile
********************/ 
.profile-details {background: var(--primary-lightblue); padding: 25px; position: absolute; width: 100%; bottom: 0; left: 0;}
.profile-details .nav-bar-inner {margin: 0 0 30px; padding: 0;}
.profile-details .nav-bar-inner:last-child {margin-bottom: 0px;}

/*************************** 
    Main Content Wrapper
***************************/
svg {cursor: pointer;}
.pl-none {padding-left: 0px;}
.pr-none {padding-left: 0px;}
.pr-2 {padding-right: 20px;}
.gb-20 {gap: 20px;}
.pb-15 {padding-bottom: 15px;}
.mb-15 {margin-bottom: 15px;}
.mt {margin-top: 50px;}
.mt-5 {margin-top: 50px !important;}
.mt-3 {margin-top: 30px !important;}
.outer-pd {padding: 0px 8px 0px 14px;}
.drag-wrap .outer-pd {padding: 5px 8px 6px 14px;}
.content-area {position: relative; top: 100px; flex-wrap: nowrap;}
.main-content-wrapper {padding: 50px 50px 57px; position: relative; transition: all 0.5s ease-in-out; margin-left: 230px;}
.inner-wrapper {border-radius: var(--border-radius-6); border: 3px solid var(--white); background: var(--white); box-shadow: 0px 8px 30px 0px var(--black-shadow); margin-bottom: 50px; padding: 30px 50px 50px 30px;}
.form-btn {display: flex; align-items: center; justify-content: end; gap: 20px; position: sticky; bottom: 0; padding: 20px 20px; background: #fff; z-index: 9;}
.form-btn .blue, .bottom-btn-area .blue {background: var(--primary-darkblue); color: var(--white);}
.form-btn .btn-block {font-size: 24px; letter-spacing: -0.456px; padding: 14px 40px 14px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent;}
.form-btn .btn-block.bg-none {border: 1.5px solid var(--primary-yellow);}
.btn-block[disabled] { opacity: .4; cursor: not-allowed;}
.inner-content:not(:last-child) {padding-bottom: 50px;}
.name-block {padding-top: 20px;}
.img_group {display: flex; gap: 10px; align-items: center;}
.img_group .img-wrap {min-width: 45px;height: 45px; max-width: 45px; border-radius: var(--border-radius-6); overflow: auto; border: 1px solid var(--secondary-darkgray); background: var(--white); position: relative;}
.form-label-heading {color: var(--black); font-size: 20px; font-weight: 500; line-height: normal; padding-bottom: 15px; border-bottom: 1px solid var(--secondary-lightgray);}
.more-block {width: 47px; height: 45px; margin-left: 20px;}
.more-block i {width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; border-radius: var(--border-radius-6); border: 1px solid var(--primary-darkblue); background: var(--primary-darkblue); color: var(--white);}
.outer-pd select.control-form {display: none;}
.typeahead__container input.control-form, .control-form, .select2-container--default .select2-selection--single {width: 100%; padding: 12px 25px 12px 20px; gap: 10px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; position: relative; min-height: 45px;}
.print-wrapper { /* display: inline-flex; */ align-items: center; gap: 15px; margin-right: 30px; padding-top: 10px; }
.label-title {color: var(--black); font-size: 16px; font-weight: 700; line-height: normal;}
.print-wrapper .text-content {padding: 0; gap: 6px;}
.user-form .form-select {outline: none; box-shadow: none; padding: 10px 40px 9px 20px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray);}
.order-block .typeahead__container input.control-form {max-width: 100%;}
.typeahead__cancel-button {z-index: 1; padding: 14px .75rem;}
.main-content-wrapper .select2-container {width: 100% !important;}
.cal-block .select2-container {width: 100% !important;}
.typeahead__query {z-index: auto !important;}
.header {margin-top: 120px;}

/***********
    Single Select
********************/ 
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: normal; padding: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%; top: 0px; right: 0px; width: 38px;}
.select2-container--default .select2-selection--single {padding: 12px 40px 12px 20px;}
.select2-container--default .select2-selection--single .select2-selection__clear {height: 19px; margin-right: 12px;}
.select2-container--default .select2-selection--single .select2-selection__clear{width: 38px;margin-right: 30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {content: '\f078'; position: absolute; left: 0; font-family: 'Font Awesome 6 pro'; font-weight: 900; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; text-indent: 0; color: var(--secondary-darkgray);}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:before {transform: rotate(180deg);}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--open .select2-dropdown--above {
    border-radius: var(--border-radius-6);
}

/***********
    Multiple Select
********************/ 
.select2-selection.select2-selection--multiple { width: 100%; padding: 6px 6px 5px 20px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); position: relative; min-height: 45px; display: flex; align-items: center; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid var(--secondary-darkgray); }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--open .select2-dropdown--below { border-radius: var(--border-radius-6); }
.select2-container .select2-selection--multiple .select2-selection__rendered { margin: 0; overflow-x: auto; white-space: nowrap; overflow-y: hidden; }
.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar { width: 3px; height: 3px; }
.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track { border-radius: var(--border-radius-10); background: var(--secondary-lightgray); }
.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb { background: var(--primary-darkblue); border-radius: var(--border-radius-10); }
.select2-container--default .select2-selection--multiple .select2-selection__choice {padding: 4px 7px; margin: 0; border-radius: var(--border-radius-4); background: #F5F6FA; border: none; margin-right: 10px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {position: relative; border: none; margin-left: 5px; float: inline-end; color: var(--secondary-darkgray); font-size: 20px; font-weight: 300; line-height: 16px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {padding: 0; color: var(--black);}
.inner-content ul li.select2-selection__choice {color: var(--black); font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: normal;}
.select2-container--default .select2-search--inline .select2-search__field { color: var(--secondary-darkgray); font-family: var(--primary-family); font-size: 16px; font-weight: 300; line-height: 31px; margin: 0; margin-bottom: 0px; height: 31px; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {color: var(--primary-lightblue); background: var(--secondary-lightwhite);}
.select2-dropdown { border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); border: initial; padding: 13px 10px; }
.select2-results__options li:not(:last-child) { margin-bottom: 3px; }
.select2-dropdown {overflow: hidden;}
.select2-results__option { color: var(--primary-lightblue); padding: 9px 20px; border-radius: var(--border-radius-6); background: transparent; font-family: var(--primary-family); font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.304px; }
.select2-container--default .select2-results__option--selected { background-color: var(--secondary-lightwhite); }
.enron-select-item { display: flex; align-items: center; gap: 10px; }
.enron-select-checked { border-radius: var(--border-radius-2); border: 1.5px solid var(--black); background: var(--primary-darkblue); width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
.enron-select-item svg { fill: var(--white); width: 9px; height: 10px; }
/* Select 2 end */

textarea.control-form {min-height: 90px; resize: none;}
input::placeholder, textarea::placeholder {color: var(--secondary-darkgray); font-weight: 300;}
input:focus-visible, textarea::placeholder {outline: none;}
.show-text ~ .close-icon {display: inline-flex; position: absolute; right: 0; top: 50%; translate: 0 -50%;}
.close-icon {cursor: pointer; width: 17px; display: none; align-items: center; justify-content: center;}
.file_name {color: var(--secondary-darkgray); font-size: 14px; font-weight: 300; line-height: 17px; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; border-right: initial; border-radius: 6px 0px 0px 6px; line-break: anywhere;}
.file_name.show-text {color: var(--black); font-weight: 500;}
.file-ico {position: relative; width: 43px; min-width: 43px; border-radius: 0px 5px 5px 0px; border: 1px solid var(--secondary-darkgray); background: var(--white); color: #BFC9DE; font-size: 25px; padding: 2px 12px; flex: 1; max-width: 43px;}
.img-inner-box {position: relative; min-width: 272px; display: flex; flex-wrap: nowrap;}
.control-form.uploadFile {padding: 12px 25px 12px 20px; cursor: pointer; display: block; border-right: initial; border-radius: 6px 0px 0px 6px;}
.sub-label {color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; padding-top: 16px; padding-bottom: 16px;}
.add-more .add-type {margin-left: auto; margin-right: 34px;}
.remove-type, .add-type {width: 76px; height: 56px; padding: 5px 8px 6px 14px;}
.remove-type i, .add-type i {width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--secondary-darkgray); border-radius: var(--border-radius-6); cursor: pointer; color: var(--primary-darkblue); font-size: 16px; cursor: pointer;}
.drag-wrap {position: relative;}
.drag-grip {background: #F5F6FA; width: auto; height: 56px; display: flex; align-items: center; padding: 0 20px; opacity: 0; cursor: -webkit-grab; font-size: 10px;}
.drag-grip:active {cursor: -webkit-grabbing;opacity: 1;}
.drag-wrap:hover .drag-grip {opacity: 1;}
.drag-wrap:hover .outer-pd, .drag-wrap:hover .remove-type {background: #F5F6FA;}
.count-num { width: 48px; padding: 13px 8px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); color: var(--secondary-darkgray); font-size: 16px; font-weight: 500; line-height: normal; text-align: center; }
.text-content, .btn-content { font-size: 16px; font-weight: 400; }
.email-check {margin: 16px 0 0px;}
.lable-wrapper {display: flex; align-items: center;}
.lable-wrapper .btn-type { margin-right: 5px; }
.lable-wrapper .btn-type { margin-right: 5px; }
.lable-wrapper .text-content, .lable-wrapper .btn-content { padding: 6px; border-radius: 0px 6px 6px 0px; }
.edit-view .col-xxl-2, .edit-view .col-xl-2, .drag-wrap .col-xxl-2 {min-width: 294px;}
.option-label .outer-pd {min-width: 294px;}
.edit-view .col-xxl-2.img_group, .edit-view .col-xl-2.img_group {width: inherit; min-width: inherit; flex: 0 1;}
.builder-show-msg { color: green; padding-top: 6px; display: inline-block; }

/***********
    Section page 
********************/
.inner-top-area { display: flex; align-items: center; gap: 40px; }
.left-block-area, .right-block-area, .right-head-block { width: 100%; }
.right-block-wrapper .right-head-block { width: 33.33%; }
.left-block-area { max-width: 38%; }
.right-block-area { max-width: 62%; }
.right-block-area .right-block-wrapper { display: flex; align-items: flex-end; }
.right-block-area .right-head-block:first-child .inner-name-block { padding-right: 40px; }
.right-block-area .right-head-block:first-child .inner-label-heading { padding-right: 40px; }
.inner-label-heading { color: var(--black); font-size: 20px; font-weight: 500; line-height: normal; padding-bottom: 15px; }
.inner-name-block { border-top: 1px solid var(--secondary-lightgray); padding-top: 20px; }

/* Add Products Area */
.section-group-wrapper .remove-type, .section-group-wrapper .add-type { min-width: 76px; }
.section-group-head { padding: 20px 0px 10px; }
.section-group-head, .sub-group-area, .sub-inner-group-area { display: flex; align-items: center; width: 100%; }
.head-inner-title { display: flex; align-items: center; gap: 20px; }
.sub-inner-group-area { padding-right: 122px; }
.section-group-head .add-more .add-type { margin: 0; padding: 0; width: 52px; height: 45px; min-width: 52px; }
.section-group-head .sub-label { padding: 0px; }
.sub-group-area .head-inner-title { padding: 0px 8px 0px 14px; }

/* width */
.head-main-group, .section-group-wrapper .main-group-wrapper { width: 100%; max-width: 25%; }
.sub-group-area, .main-inner-content { width: 75%; }
.full-view .sub-group-area, .full-view  .main-inner-content { width: 100%; }
.sub-group-area .head-inner-title, .option-group-list { min-width: 248px; max-width: 248px; }
.section-group-wrapper .drag-wrap:hover { background: #F5F6FA; }
 .sub-inner-group-area, .option-inner-wrapper { max-width: 706px; margin-left: auto; width: 100%; }
.sub-group-area .sub-inner-group-area .head-inner-title, .option-inner-list { width: 42.5%; }
.option-inner-list.min-qty, .sub-group-area .sub-inner-group-area .head-inner-title.min-qty-title { width: 15%; }
.min-qty .control-form { padding: 12px 10px; text-align: center; }

/* section Body */
.section-group-body { display: flex; align-items: flex-start; }
.section-group-body + .section-group-body { border-top: 1px solid var(--secondary-lightgray); }
.section-group-body .main-group-wrapper, .section-group-body .main-inner-content {padding: 20px 0;}
.section-group-body  .main-inner-content { min-height: 122px; }
.main-inner-content { display: flex; flex-direction: column; gap: 10px; /* flex: 1 100%; */ border: 1px dashed transparent; }
.option-inner-group { display: flex; align-items: center; justify-content: flex-end; width: calc(100% - 122px); }
.section-product-inner { display: flex; align-items: center; }
.main-group-wrapper .main-inner { display: flex; gap: 20px; align-items: center; position: relative; }
.section-group-body .main-inner .outer-pd { padding: 0; width: 100%; max-width: 270px; }
.group-option-listng { width: 100%; padding: 6px 20px 5px 20px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); position: relative; min-height: 45px; display: flex; align-items: center; overflow-x: auto; white-space: nowrap; overflow-y: hidden; }
.group-option-listng::-webkit-scrollbar { width: 3px; height: 3px; }
.group-option-listng::-webkit-scrollbar-track { border-radius: var(--border-radius-10); background: var(--secondary-lightgray); }
.group-option-listng::-webkit-scrollbar-thumb { background: var(--primary-darkblue); border-radius: var(--border-radius-10); }
.group-option-input { padding: 4px 7px; margin: 0; border-radius: var(--border-radius-4); background: #F5F6FA; border: none; margin-right: 10px; font-size: 14px; }
.input-cross { border: none; margin-left: 5px; float: inline-end; color: var(--secondary-darkgray); font-size: 20px; font-weight: 300; line-height: 16px; outline: initial; }
.group-wrapper-main { display: flex; align-items: center; gap: 15px; }
.group-wrapper-main label { display: flex; align-items: center; gap: 8px; cursor: pointer;}
.group-btn-wrap { background: var(--white); border: 1px solid var(--secondary-darkgray); border-radius: var(--border-radius-6); padding: 7px 10px; font-size: 10px; line-height: 9px; color: var(--secondary-darkgray); }
.group-btn-wrap:not(:last-child) { margin-right: 6px; }
.group-btn-wrap[disabled] { color: #DEDEDE; cursor: not-allowed; border-color: #DEDEDE; }
.option-inner-wrapper, .option-btn-area { display: flex; align-items: center; }

/* section Foot */
.section-group-foot { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 15px; border-top: 1px solid var(--secondary-lightgray); }
.section-group-foot .main-inner { margin-left: 290px; }
.section-group-foot .main-inner .add-more .add-type { margin-right: 0px; }
.section-group-foot .add-more .add-type { margin-right: 46px; }
.main-inner-content.drag_active {border: 1px dashed var(--secondary-lightgray);}

/***********
    Event 
********************/
.inner-wrapper-block {overflow: hidden; border-radius: var(--border-radius-6); border: 3px solid var(--white); background: var(--white); box-shadow: 0px 8px 30px 0px var(--black-shadow); position: relative;}
.accordion-wrapper:first-child .inner-wrapper-block {overflow: initial;}
.table-wrapper {overflow-y: auto; overflow-x: auto; height: calc(100vh - 384px);}
.table-bar {border-radius: 6px 6px 0px 0px; background: var(--primary-darkblue); padding: 24px 26px 23px 30px; display: flex; width: 100%; justify-content: space-between; align-items: center;gap: 15px; position: relative;}
.table-wrapper .btn-type::before { font-size: 20px; }
.md-table {display: none;}
.empty-block {color: var(--secondary-lightgray); text-align: center; font-size: 24px; font-weight: 400; line-height: 120%; letter-spacing: -0.456px; position: absolute; height: calc(100vh - 350px); width: 100%; display: flex; align-items: center; justify-content: center; bottom: 0; left: 0;}
.table-bar .search-input input {border-radius: var(--border-radius-6); height: 38px;}
.table-wrapper .table {--bs-table-bg: none; margin-bottom: 0px;}
thead .tb-inner-content {color: var(--primary-darkblue); font-size: 14px; font-weight: 500; line-height: 120%; letter-spacing: -0.266px; text-transform: uppercase; display: flex; align-items: center; gap: 10px; cursor: pointer; white-space: nowrap;}
.img-wrap {width: 100%; height: 24px; display: block; max-width: 24px;}
.tb-inner-content .img-wrap img {border: 1px solid var(--secondary-darkgray); overflow: hidden; border-radius: var(--border-radius-5);}
.tb-inner-content .text-content {
    display: flex;
    align-items: center;
    gap: 4px;
}
.tb-inner-content .img-wrap svg {width: 100%; height: 100%;}
.img-wrap img {width: 100%; height: 100%; object-fit: cover;}
.table-wrapper th, .table-wrapper td {padding: 12px 10px 13px 24px; border-bottom: 1px solid var(--secondary-lightgray);}
.table-wrapper tbody tr:last-child td {border-bottom: initial;}
.clickable-row {cursor: pointer;}
.table-wrapper tbody tr:nth-child(odd) td {background: var(--white);}
.table-wrapper tbody tr:nth-child(even) td {background: #FAFAFA;}
.table-wrapper tbody tr:hover {background-color: var(--secondary-lightwhite);}
.table-wrapper th:last-child, .table-wrapper td:last-child {padding-right: 24px;}
.table-wrapper thead  svg {height: 11px;}
.action-btn {display: flex; align-items: center; gap: 10px;}
.action-btn img {max-width: 20px; aspect-ratio: 1/1;}
.action-btn i { color: var(--black);}
tbody .tb-inner-content {color: var(--black); font-size: 16px; font-weight: 400; line-height: 120%; letter-spacing: -0.304px; text-transform: capitalize; position: relative;white-space: nowrap;}
.empty_wrap .inner-section {display: none;}
.empty_wrap.open > .inner-section {display: block;}
.inner-section .category-sec-wrap {margin-top: 20px;}
.catalog_sections_index .table-wrapper tbody tr td:first-child .tb-inner-content { text-transform: math-auto; }
.top-left-area { display: flex; align-items: center; gap: 16px; }

/***********
    Table head dropdown
********************/
.tag-open {width: 15px; text-align: center; display: flex; justify-content: center; align-items: center; height: 12px; font-size: 8px;}
.head-option {display: flex; align-items: center; justify-content: space-between; gap: 5px; padding-bottom: 10px; border-bottom: 1px solid var(--secondary-lightgray);}
.head-option, .outer-box .search-input {margin: 0 10px 20px;}
.head-option h3 {color: var(--black); font-size: 16px; font-weight: 600; line-height: 100%; letter-spacing: -0.304px; text-transform: capitalize;}
.head-option a {color: var(--black); font-size: 14px; font-weight: 400; line-height: 100%; letter-spacing: -0.266px; text-decoration-line: underline !important; text-transform: capitalize;}
.head-option a:hover {text-decoration-line: none !important;}
.outer-box .search-input input {font-weight: 500; padding: 8px 16px; height: auto; width: 100%;}
.order-options, .select-options {padding: 20px 10px; position: absolute; top: 27px; left: 0; z-index: 1;}
.tag-open.active:before {content: ''; position: absolute; height: 15px; width: 15px; top: 20px; background: var(--white); transform: rotate(45deg);}
.table-wrapper thead .order-options, .select-options li {margin-bottom: 2px;}
.order-options, .select-options li:last-child {margin-bottom: 0px;}
.outer-box {border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow);}
.outer-box .btn-block {background: var(--white); border: 1px solid var(--secondary-darkgray); color: var(--secondary-darkgray); font-size: 16px; line-height: 140%; padding: 6px 20px; width: 100%; margin-top: 36px;}
.select-options {min-width: 226px;}
.outer-box .list-items {height: 100%; max-height: 298px; overflow-y: auto; margin-right: 10px;}
.typeahead__list {border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); padding: 20px 10px; max-height: 298px; overflow-y: auto; margin-right: 10px; border: initial;}
.typeahead__item:not(:last-child) {margin-bottom: 2px;}
.typeahead__list>li {border: initial;}
.typeahead__list .typeahead__item a, .outer-box .btn-content {border-radius: var(--border-radius-6); background: var(--white); padding: 6px 10px; color: var(--black); font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.304px;}
.outer-box .list-items .btn-content { display: flex; align-items: center; gap: 10px; text-transform: math-auto; }
.outer-box .list-items .btn-type { height: initial; }

/***********
    User page
********************/
.user-page .table-wrapper {height: calc(100vh - 299px);}
.user-wrapper .inner-wrapper {padding: 0; margin-bottom: 0px; margin-top: 0px;}
.table-wrapper .user-view thead {border: unset;}
.table-wrapper .user-view tr th {background: var(--primary-darkblue); color: var(--white);white-space: nowrap;}
.user-view tr th:first-child {border-top-left-radius: 6px;}
.user-view tr th:last-child {border-top-right-radius: 6px;}
.user-view .tb-inner-content .tb-btn, .user-view .tb-inner-content .tb-btn svg path {color: var(--primary-darkblue); fill: var(--primary-darkblue);}
.user-view .tb-inner-content {display: flex; gap: 13px;}
.user-view .table {margin: 0;}
.table-wrapper thead tr th, .table-wrapper tbody tr td:first-child {position: sticky; top: -1px;}
.table-wrapper thead tr th:last-child, .table-wrapper tbody tr td:last-child {position: sticky; top: -1px; right: 0px; z-index: 10 !important;}
.table-wrapper thead tr th:first-child, .table-wrapper tbody tr td:first-child {z-index: 9;left: -1px;}
.table-wrapper thead tr th{z-index: 2;}
.table-wrapper thead tr th:first-child {z-index: 10;}
.table-wrapper thead tr th:nth-child(2) {z-index: 9;}
.table-wrapper thead tr th:nth-child(3) {z-index: 8;}
.table-wrapper thead tr th:nth-child(4) {z-index: 7;}
.table-wrapper thead tr th:nth-child(5) {z-index: 6;}
.table-wrapper thead tr th:nth-child(6) {z-index: 5;}
.table-wrapper thead tr th:nth-child(7) {z-index: 4;}
.table-wrapper thead tr th:nth-child(8) {z-index: 3;}
.table-wrapper thead tr th:nth-child(9) {z-index: 2;}
.table-wrapper thead tr th:nth-child(10) {z-index: 1;}
.table-wrapper thead tr th {background: var(--secondary-lightwhite);}
.personal-info h3, .login-info h3 {font-size: 20px; padding-bottom: 20px;}
.login-info {padding-top: 20px;}
.form-label {color: var(--black); line-height: normal;}
.settings_halls_index .tb-inner-content { display: flex; align-items: center; gap: 10px; }
.hall-color { display: block; width: 30px; height: 22px; border-radius: var(--border-radius-4); }

/***********
    Complete Catalog
********************/
.align-bottom, .field-area .edit-index.align-bottom { align-self: center; margin-bottom: initial; }
.checkbox-type .btn-type { width: 24px; height: 24px; min-width: 24px; font-size: 24px; }
.checkbox-type .btn-type::before { font-weight: 300; }
.checkbox-type .btn-type:checked::before { font-weight: 900; }
.inner-block-content {display: flex; flex-direction: column; gap: 50px;}
.field-area {padding: 30px; height: auto;}
.field-area .edit-index {padding: 0 15px; margin-bottom: 20px; position: relative;}
.cus-inner-right { display: flex; align-items: center; justify-content: space-between; padding: 0px 10px; }
.cus-inner-right .select-tab-layer { margin-left: auto; }
.inner-block-content .sub-label {padding-top: 0; padding-bottom: 10px;}
.input-wrap {position: relative;}
.input-wrap .control-form {font-weight: 500;}
.input-wrap select.control-form {appearance: none; background: url(../../images/caret-icon.svg); background-repeat: no-repeat; background-position: 97% 55%; background-size: auto;}
.input-wrap .span-icon {position: absolute; right: 1px; top: 1px; height: calc(100% - 2px); width: 35px; display: flex; align-items: center; cursor: pointer; justify-content: center; flex-direction: column; gap: 2px; border-radius: 0px 4px 4px 0px; overflow: hidden;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.span-icon span img, .span-icon span {width: 100%; background: #F5F6FA; line-height: normal; height: 100%; text-align: center; object-fit: scale-down;}
.accordion-wrapper .accordino-head {background: #FFF8E6; padding: 8px 30px 8px 20px; border-radius: var(--border-radius-6); cursor: pointer;}
.accordion-wrapper .accordino-head.active {background: var(--primary-darkblue); border-radius: 6px 6px 0px 0px;}
.accordino-inner-wrapper {display: none;}
.accordino-inner-block {min-height: calc(100vh - 585px);}
.accordion-wrapper .accordino-head.active h2, .accordino-head.active svg path {color: var(--white); stroke: var(--white);}
.accordion-wrapper .accordino-head h2, .accordino-head svg path {display: flex; color: var(--primary-darkblue); font-size: 24px; font-weight: 700; line-height: 150%; letter-spacing: -0.456px; align-items: center; justify-content: space-between; stroke: var(--primary-darkblue);}
.accordion-block {margin-bottom: 30px;}
.accordion-block:last-child {margin-bottom: 0px;}
.accordino-inner-block {display: flex; width: 100%;}
.accordino-side-left {max-width: 289px; background: #F5F6FA; padding: 20px 20px 20px 23px;}
.accordino-side-right {padding-bottom: 50px;}
.accordino-side-left, .accordino-side-right {display: inline-block; width: 100%; position: relative;}
.choose-title h2 {color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; padding: 20px; align-items: center; justify-content: space-between; display: none; cursor: pointer;}
.category-main-wrapper .empty-block {height: 100%;}
.add-section-wrap {display: flex; justify-content: space-between; align-items: center; gap: 15px; border-bottom: 1px solid var(--secondary-lightgray); padding-bottom: 20px; margin-bottom: 20px;}
.add-section-wrap .btn-block {font-size: 16px;}
.add-section-wrap .btn-block, .add-section .btn-block {font-size: 16px; display: flex; width: 100%; padding: 9px 11px; justify-content: center; align-items: center; border-radius: var(--border-radius-5); background: unset; border: 1.5px solid var(--primary-yellow);}
.add-section-wrap .active {background: var(--primary-yellow);}
.title-right-bar { display: flex; align-items: center; gap: 20px; }
.title-right-bar .multi-dropdown { width: 250px; }
.multifield-area .input-wrap { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; flex-direction: column; }
.block-type-top { align-items: flex-end; }

.shabbos-check {
    cursor: pointer;
    min-height: 45px;
    display: inline-flex;
    align-items: center;
}
.shabbos-check .btn-type {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

/* Order Inner Search */
.title-search-input { position: relative; display: flex; align-items: center; }
.search-name-tag { display: inline; }
.inner-content .select-items li{
    list-style: none!important;
}
.title-search-input input { height: initial; outline: none; padding: 7px 30px 7px 13px; border-radius: 100px; border: 1px solid var(--secondary-darkgray); background: var(--white); color: var(--secondary-darkgray); font-size: 12px; font-weight: 400; line-height: 100%; }
.title-search-input .icon { position: absolute; right: 0; top: 0; height: 100%; width: 25px; text-align: center; line-height: 55px; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; }
.title-search-input .icon svg { width: 14px; height: 14px; }
.accordino-head .title-search-input svg path { stroke: initial; }
.select-items-wrapper { position: absolute; top: 100%; right: 0; border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); z-index: 9; width: max-content; max-width: calc(100vw - 670px); }
.select-items-wrapper .select-items { max-height: 250px; overflow-y: auto; margin: 0; padding: 20px 10px; }
.item-name { border-right: initial; }
.inner-content .select-items li { padding: 6px 10px; border-radius: var(--border-radius-6); background: transparent; color: var(--black); font-family: var(--primary-family); font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.304px; transition: all 0.3s ease-in-out; cursor: pointer; }
.select-items li:not(:first-child) { margin-top: 6px; }
.select-items li:hover { background: var(--secondary-lightwhite); }
.select-items li b { font-weight: 700; }
.title-search-input.category-search-content { width: 100%; max-width: 245px; margin-left: auto; }
.title-search-input.category-search-content input { padding: 13px 39px 13px 19px; font-size: 14px; width: 100%; }
.title-search-input.category-search-content .icon { width: 38px; }
.title-search-input.category-note-search { margin-left: auto; max-width: 254px; margin-top: -40px; margin-bottom: 10px; }
.title-search-input.category-note-search input { width: 100%; }
.builder-wrapper .category-block-element .couple-wrapper { width: initial; }
.category-notes h3 { max-width: calc(100% - 264px); }
.highlight_selected { position: relative; }
.highlight_selected:before { content: ""; position: absolute; top: 0; left: -20px; right: -20px; width: auto; height: 100%; animation: fadeOut 5s forwards; /* animation-delay: 5s; */ background-color: rgba(98, 98, 95, 50%) }
@keyframes fadeOut {
  to {
    background-color: transparent;
  }
}
.check-label.highlight_selected::before { left: 0px; right: 0px; }
.catalog-inner-check.disable_button_lab { padding-right: 30px; }

/***********
    Shabbos Wrapper
********************/
.shabbos-inner-content {display: flex; justify-content: space-between; align-items: center; gap: 2px;}
.shabbos-inner-content h2 {color: var(--white); font-size: 16px; line-height: 140%; background: var(--primary-darkblue); width: 100%; padding: 5px 15px 5px 10px; font-weight: 700;}
.Shabbos-wrapper .Shabbos-list.Shabbos-morning h2 {background: var(--secondary-darkgray);}
.shabbos-list-wrap {display: flex; flex-direction: column; gap: 12px;}
.shabbos-list-wrap li a, .shabbos-list-wrap li ul li a, .shabbos-list-wrap li.has-child ul li a {color: var(--black); padding: 3px 12px; display: block; position: relative; font-size: 16px; font-weight: 400; line-height: 140%; border: 1px solid transparent; background: transparent;}
.shabbos-list-wrap li a:active {cursor: grabbing; border: 1px solid #BFC9DE;}
.shabbos-list-wrap li.menu-highlight {border: 1px dashed var(--secondary-lightgray) !important; margin: auto 12px;}
.shabbos-list-wrap li.menu-highlight:first-child {margin-top: 4px !important;}
.shabbos-list-wrap li.menu-highlight a {padding: 0 !important;}
.shabbos-list-wrap li ul li a {border-radius: var(--border-radius-5);}
.shabbos-list-wrap li a.active, .shabbos-list-wrap li.has-child ul li a.active {background: var(--primary-yellow);border-radius: var(--border-radius-5);margin-right: 0;}
.shabbos-list-wrap li.has-child a {background: var(--secondary-darkgray); color: var(--white); font-weight: 700; padding: 5px 5px 5px 10px; border-radius: 0;}
.shabbos-list-wrap li.has-child a.active {background: var(--primary-darkblue); margin-right: 55px;}
.shabbos-list-wrap li.has-child a.active::before {content: '\f00c'; position: absolute; right: -34px; font-family: 'Font Awesome 6 pro'; font-weight: 900; width: 32px; height: calc(100% + 2px); background: var(--primary-darkblue); top: -1px; display: flex; align-items: center; justify-content: center; font-size: 14px;}
.shabbos-list-wrap li.has-child .leftSide-delete-section {color: #fff;}
.shabbos-list-wrap li.has-child a.active ~ .leftSide-delete-section {
    color: #000;
}
.shabbos-list-wrap li.has-child ul li .leftSide-delete-section {color: #000;}
.leftSide-delete-section {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    width: 16px;
    height: 16px;
    opacity: 0;
    transition: all 0.3s ease;
}
.shabbos-list-wrap li:hover .leftSide-delete-section:not(.shabbos-list-wrap li ul li .leftSide-delete-section), .shabbos-list-wrap li ul li:hover .leftSide-delete-section {
    opacity: 1;
}
.shabbos-list-wrap li.has-child ul li .active:before {display: none;}
.Shabbos-wrapper li ul {padding: 0 14px;}
.shabbos-list-wrap li ul li:last-child {margin-bottom: 30px;}
.shabbos-list-wrap li ul li:last-child a {margin-bottom: 0px;}
.shabbos-list-wrap li ul li:first-child {margin-top: 4px;}

/* Shabbos-wrapper end */

/* products header Area */
.catalog_events_add .quatily-name {padding: 30px 70px 0px; margin-bottom: 15px; background: initial;}
.catalog_events_add .quality-title {width: 100%;}

.accordino-side-left .quatily-name {display: none!important; padding: 14px 20px; margin-bottom: 0;}
.quatily-name .main-content-wrapper, .close .quatily-name .main-content-wrapper { margin-left: 0; padding: 0; max-width: initial; }
.quatily-name .sidebar-block { display: none; }
.quatily-name {align-items: center; padding: 13px 60px; display: none; z-index: 1; width: 100%; background: #F3F8FF; margin-bottom: 30px;}
.quality-title { display: flex; align-items: center; }
.product-block-head { width: 320px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-right: 15px; }
.product-option-head { width: calc(100% - 320px); }
.option-head-row { display: flex; align-items: center; justify-content: space-between; padding-right: 40px; gap: 15px; }
.option-head-inner { display: flex; align-items: center; gap: 18px; justify-content: space-between; }
.quatily-name h6 {color: var(--black); font-size: 14px; font-weight: 500; letter-spacing: -0.266px; text-transform: uppercase; position: relative;}
.option-head-inner h6:not(.last-head-inner h6) { width: 300px; }
.last-head-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 360px; }
.last-head-inner h6:first-child { width: 156px; }
.last-head-inner h6:last-child { width: 186px; text-align: right; }

/* fixed header */

.order-block .quatily-name.fixed-tab .main-content-wrapper { padding: 0px 50px; }
.order-block .quatily-name.fixed-tab .quality-title {
    padding: 0 56px;
}
.order-block .quatily-name.fixed-tab { top: 100px; width: 100%; left: 0; box-shadow: initial; padding: 13px 0px 13px 0px; position: fixed; transition: all 0.5s ease-in-out; }
.order-block .quatily-name.fixed-tab .sidebar-block { display: block; }
.close .order-block .quatily-name.fixed-tab .main-content-wrapper { max-width: calc(100% - 77px); margin-left: 77px; }
.close .order-block .quatily-name.fixed-tab .quality-title { padding: 0 64px; }
.order-block .quatily-name.fixed-tab .main-content-wrapper.sidebar-block { padding-left: 0px; margin-left: 0px; }
.close .order-block .quatily-name.fixed-tab .main-content-wrapper.sidebar-block { margin-left: 0px; max-width: 23.2%; }
.accordino-side-left .quatily-name.fixed-tab {position: fixed; top: 70px; left: 0; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08); background: #F3F8FF; padding: 14px 45px;}

.event-block .group-outer-wrapper .inner-option-area, .event-block .group-outer-wrapper .option-row { justify-content: flex-start; }
.event-block .group-outer-wrapper .option-order-img { margin-right: 0px; }

.order-block .builder-wrapper .category-content-inner, .builder-wrapper .category-content-head.category-content-inner {justify-content: space-between;}
.category-main-wrapper {display: flex; flex-direction: column; gap: 30px; padding: 0px 30px;}
.catalog_events_edit .category-main-wrapper {padding-top: 30px;}
.category-title {border-radius: var(--border-radius-6); background: #FFF8E6;padding: 8px 20px 8px 20px; cursor: pointer;}
.inner-product-wrapper, .order-block .inner-product-wrapper {padding: 0px 20px;}
.sub-cat-main .builder-wrapper {padding: 0 20px;}
.category-notes, .category-block-element {padding: 20px 0px;}
.builder-wrapper {margin-top: 30px;}
.inner-product-wrapper .inner-group-wrapper .category-content-inner, .builder-wrapper .inner-product-wrapper .sub-group-wrap.disable_group:last-child {margin-top: 0;}
.category-content-inner:not(:last-child) {border-bottom: 1px solid var(--secondary-lightgray);}
.category-title h2 {color: var(--primary-darkblue); font-size: 24px; line-height: 150%; letter-spacing: -0.456px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.category-title i, .category-title svg {font-size: 21px; margin-right: 10px; width: 21px; display: flex; align-items: center; justify-content: center;}
.accordion-wrapper span svg {  margin-right: 0px; }
.category-title i.green-text {color: #2CDC87;}
.category-title i.red-text {color: #FF5A5A;font-size: 16px;}
.category-title span {display: flex; align-items: center; margin-left: auto;gap: 30px;}
.category-title span + span { margin-left: 20px; }
.category-title .catalog-inner-check { align-items: center; }
.accordion-wrapper .category-title .text-content { padding: 0; }
.accordion-wrapper .text-content {margin: 0; white-space: nowrap;}
.category-title .btn-type, .btn-round { font-size: 16px; background: initial; }
.category-title .btn-type:checked + .text-content { color: inherit; }
.category-title.active .btn-type::before { color: var(--white); }
.sub-group-wrap .category-title.active .btn-type::before {color: var(--primary-darkblue);}
.category-content {display: none;}
.item-wrap .info-inner-detail h3 {color: var(--white); font-size: 16px; font-weight: 600; line-height: 140%; letter-spacing: -0.304px; padding: 1px 8px; background: var(--primary-darkblue);}
.active ~ .category-content {display: block;}
.category-sec-wrap .active {background: var(--primary-darkblue); border-radius: 6px 6px 0px 0px;}
.category-sec-wrap .active h2 {color: var(--white);}
.accordion-wrapper .active span svg {transform: rotate(180deg);}
.category-content-inner {justify-content: space-between; align-items: center; align-items: flex-start;margin: 0;}
.builder-wrapper .category-content-inner {justify-content: start;}
.category-content-inner {display: flex;}
.catalog-block-check .text-content {color: var(--black);}
.category-notes-inner {display: flex; align-items: center; gap: 30px;}
.category-notes-inner h2 {color: var(--black); font-size: 16px; font-weight: 500;}
.category-input-form {display: inline-block; width: 100%;}
.catalog-block-checkbox {display: flex; flex-direction: row; align-items: center; gap: 10px;}
.catalog-block-check {display: flex; gap: 30px; align-items: center;}
.category-block-element {display: flex; align-items: center; gap: 25px; justify-content: end;}
.add-section .btn-block {padding: 11px 25px; font-size: 18px;}
.form_control {border-radius: var(--border-radius-6); background: var(--primary-darkblue); padding: 4px; display: flex; gap: 10px; justify-content: space-between; align-items: center; height: 40px;}
.form_control .filled {display: none;}
.form_control label {padding: 3px 6px 3px 5px; line-height: normal; background: transparent; border-radius: var(--border-radius-4);}
.form_control input[type="radio"]:checked + label {background: var(--primary-yellow);}
.form_control input[type="radio"]:checked + label svg rect, .form_control input[type="radio"]:checked + label svg path {stroke: var(--primary-darkblue);}
.category-content-head {padding-top: 20px;}
.choose-File {left: 0; border: 1px solid var(--secondary-darkgray); width: 37px; height: 34px; border-radius: var(--border-radius-5); border-left: 1px solid var(--secondary-darkgray); background: var(--white); cursor: pointer; padding: 6px 12px; display: flex;}
.choose-File i.fa-solid.fa-file-arrow-up {display: flex; align-items: center; justify-content: center; width: 100%; color: #BFC9DE; font-size: 18px;}
.upload-outer {display: flex; align-items: center; gap: 15px;}
.title-tab, .grid-view .title-tab, .box-view .title-tab {color: var(--black); font-size: 14px; font-weight: 500; line-height: 120%; letter-spacing: -0.266px; text-transform: uppercase; display: none; padding: 0 0 10px;}


/***********
   Grid View
********************/
.grid-view .inner-group-detail .category-notes:not(:first-child), .grid-view .inner-group-detail .product-option {display: none;}
.grid-view .inner-group-detail {border-bottom: none;}
.accordion-wrapper .grid-view .sub-group-wrap .active ~ .category-content, .accordion-wrapper .grid-view .sub-group-wrap.disable_group .category-content { column-gap: 40px; row-gap: 0px; }
.order-block .grid-view .builder-wrapper .sub-group-wrap.disable_group .category-content {padding-bottom: 0px; display: block;}
.category-sec-wrap {width: 100%;}
.grid-view .inner-group-detail .category-notes {width: 100% !important; padding-bottom: 0px;}
.accordion-wrapper .grid-view .category-content-inner:first-child .category-notes, .category-content-inner:first-child .category-block-element { padding: 20px 0px 0px; }
.accordion-wrapper .grid-view .inner-group-wrapper .category-content-inner:not(.box-view) {grid-column: initial;}

/***********
   Box View
********************/
.accordion-wrapper .active ~ .category-content.inner-group-wrapper, .accordion-wrapper .disable_group .category-content.inner-group-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 9px; row-gap: 9px; }
.accordion-wrapper .inner-group-wrapper .category-content-inner:not(.box-view) { grid-column: 1 / -1; }
/* .accordion-wrapper .disable_group .inner-group-wrapper .category-content-inner:not(.box-view) { padding-top: 20px; } */
.accordion-wrapper .inner-group-wrapper .category-content-inner.box-view + .category-content-inner:not(.box-view) { border-top: 1px solid var(--secondary-lightgray); }
.accordion-wrapper .inner-group-wrapper .box-view { border-bottom: none; padding: 10px; border-radius: var(--border-radius-5); background: var(--white); align-items: stretch; }
.accordion-wrapper .inner-group-wrapper .box-view.open { background: var(--primary-yellow); }
.accordion-wrapper .inner-group-wrapper .box-view.open .check-name:checked + .check-label { background: var(--white); }
.accordion-wrapper .inner-group-wrapper .box-view .product-block { display: flex; align-items: stretch; }
.accordion-wrapper .inner-group-wrapper .box-view .product-option { display: none; }
/* .accordion-wrapper .category-content-inner:first-child .category-notes, .category-content-inner:first-child .category-block-element { padding: 0px 0px 20px; }
.accordion-wrapper .category-content-inner:last-child .category-notes, .category-content-inner:last-child .category-block-element { padding: 20px 0px 0px; } */
.accordion-wrapper .sub-group-wrap .category-content { padding: 20px; }
.accordion-wrapper .inner-group-wrapper .box-view .category-notes { width: 100% !important; padding: 0px; }
.box-view.inner-group-wrapper .product-option { display: none; }
.box-view .group-block-area .col-btn-inner { width: 100%; flex: 1; align-items: stretch; max-width: initial; }
.box-view .group-block-area .copy-block { display: none; }
.box-view .group-block-area {flex-direction: column; flex: 1;}
.box-view .option-order-img { height: initial; max-width: initial; aspect-ratio: 1/1; }
.box-view .option-order-img img { max-width: initial; width: 100%; }
.product_description { color: var(--black); font-weight: 400; line-height: 120%; letter-spacing: -0.304px; cursor: pointer; position: relative; width: 100%; }

/***********
   Preset Product
********************/
.preset_product .group-outer-wrapper .option-order-img { display: none;}

/***********
    Product Group Area
********************/

/*-> Product Group Width <-*/
.inner-group-detail .product-block, .group-outer-wrapper .col-btn-inner, .col-note-inner { width: 300px; }
.group-block-area { display: flex; align-items: center; gap: 8px; width: 100%; flex-wrap: wrap; }
.group-block-area .col-btn-inner { display: flex; align-items: flex-start; max-width: calc(100% - 40px); }
.group-block-area .copy-block { min-width: 30px; text-align: center; }
.product-tool-tip { position: relative; aspect-ratio: 1/1; width: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-top: 8px; color: var(--primary-darkblue); }
.category-content-inner.disabled.tool-tip { opacity: 1; pointer-events: all; }
.category-content-inner.disabled.tool-tip .check-label, .category-content-inner.disabled.tool-tip .copy-block, .category-content-inner.disabled.tool-tip .product-option { pointer-events: none; opacity: 0.5; }
.product-tool-tip .text-hover { left: -9px; opacity: 0; transform: scale(0); min-width: 320px; }
.product-tool-tip:hover .text-hover { opacity: 1; transform: scale(1); }

/*-> Product Option Width <-*/
.inner-group-detail .product-option { width: calc(100% - 300px); position: relative; }
.group-outer-wrapper { display: flex; align-items: flex-start; gap: 10px; justify-content: flex-end; position: relative; padding-left: 15px; padding-right: 35px; }
.group-inner-wrapper { display: flex; align-items: center; flex-direction: column; gap: 10px; row-gap: 18px; flex: 1; }
.group-outer-wrapper .option-row { display: flex; align-items: stretch; width: 100%; justify-content: flex-end; }
.group-outer-wrapper .inner-option-area { display: flex; gap: 18px; width: 100%; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; }
.group-outer-wrapper .option-order-img {
    width: initial;
    max-width: initial;
    margin-right: auto;
    height: inherit;
}
.group-outer-wrapper .option-order-img img {
    width: 100%;
    max-width: 35px;
    min-width: 35px;
    aspect-ratio: 1/1;
}
.group-outer-wrapper .col-btn-inner { display: flex; gap: 15px; align-items: center; }
.group-outer-wrapper .col-inner-layout { width: 100%;}
.col-inner-layout { display: flex; align-items: flex-start; gap: 5px; }

/* Couple Wrapper */
.couple-wrapper { width: 360px; }
.couple-wrapper .product-notify-inner { display: flex; align-items: flex-end; gap: 10px; flex-direction: column; }
.size-qty-row { display: flex; align-items: center; gap: 18px; }
.add-quality-field, .qty-field { display: flex; align-items: stretch; }
.product-notify-inner .add-quality-field .form-select { width: 122px; }
.product-notify-inner .form-select { outline: none; box-shadow: none; padding: 4px 26px 4px 10px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-break: anywhere; width: 138px; color: var(--black); font-family: var(--primary-family); font-size: 16px; font-weight: 400; line-height: normal; }
.option-btn { display: flex; align-items: center; justify-content: center; aspect-ratio: 4/4; min-width: 34px; color: var(--primary-darkblue); }
.product-notify-inner .qty-field .form-select { border-right: initial; border-radius: 6px 0px 0px 6px; }
.count-num-wrap .count-num { width: 48px; padding: 6px; border-radius: 0px 6px 6px 0px; }
.count-num::-webkit-inner-spin-button, .count-num::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

.expend_btn { min-width: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; min-height: 32px; position: absolute; right: 0; }
.category-content-inner.open .expend_btn svg { transform: rotateX(180deg); }
.child-products-exist:not(.open) .product-option .group-inner-wrapper, .child-products-exist:not(.open) .category-notes .option-order-img:not(:first-child), .child-products-exist:not(.open) .option-order-img { display: none; }

/* Child products */
.child-products-exist .product-block .check-label { padding-left: 27px; }
.child-products-exist .product-block .check-label:before { content: "\f058"; font-family: 'Font Awesome 6 pro'; color: #bfc0c5; font-weight: 900; font-size: 20px; position: absolute; left: 0; top: 8px; }
.child-products-exist .product-block .check-name:checked + .check-label, .child-products-exist .product-block  .check-label { background: initial; border: initial; pointer-events: none; }
.child-products-exist .product-block .check-name:checked + .check-label:before { color: #2CDC87; }

/* Disable Group */
.sub-group-wrap.disable_group .inner-group-detail .product-block { width: 320px; }
.sub-group-wrap.disable_group .inner-group-detail .product-option { width: calc(100% - 320px); }
.sub-group-wrap.disable_group .option-row { width: calc(100% - 20px); margin-right: auto; }

/***********
   Selects color
********************/
.input-wrap #color {display: none;}
.input-wrap .sp-replacer {padding: 10px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white);}
.sp-preview {width: 40px; height: 23px; border: none; margin-right: 10px;}
.sp-container {border-radius: var(--border-radius-5); border: 1px solid var(--black); background:  #ECECEC;}
.sp-container .sp-picker-container {margin-bottom: 0; padding: 10px; width: 207px; border-left: initial;}
.sp-input {border: 1px solid var(--black);}
.sp-container button, .sp-container .sp-cancel {text-align: center; font-family: var(--primary-family); font-size: 14px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.266px;}
.sp-container .sp-cancel {color: #FF0000!important; padding: 7px 10px; margin-right: 5px; vertical-align: middle;}
.sp-container .sp-picker-container button.sp-choose {color: var(--white); border-radius: var(--border-radius-5); background: var(--primary-darkblue); text-shadow: initial; border: inherit; padding: 7px 10px; text-transform: capitalize;}
.sp-initial-disabled .sp-input-container {width: 100%; max-width: 76px; float: left; background: var(--white); color: var(--black); font-family: var(--primary-family); font-size: 14px; font-style: normal; font-weight: 500; line-height: normal;}
.sp-initial-disabled .sp-input-container input {color: var(--black); font-family: var(--primary-family); font-size: 14px !important; font-weight: 500; line-height: normal; padding: 5px 10px 4px; border-radius: var(--border-radius-4);}
.sp-dd {position: relative; text-indent: -89px; width: 11px;}
.sp-dd:before {content: '\f078'; position: absolute; right: 0; font-family: 'Font Awesome 6 pro'; font-weight: 900; height: 100%; top: 3px; display: flex; align-items: center; justify-content: center; font-size: 14px; text-indent: 0; color: var(--secondary-darkgray);}
.sp-active .sp-dd:before {transform: rotate(180deg);}

/***********
    Pagination
********************/
.pagination-nub-wrapper, .pagination-btn-wrapper, .page-item {display: flex; justify-content: end; align-items: center; gap: 50px; margin-top: 30px;}
.show-total span, .show-total {color: var(--secondary-darkgray); letter-spacing: -0.304px;}
.pagination-nub-wrapper {padding:0px 20px 30px 20px;}
.pagination-btn-wrapper, .page-item {gap:0px;margin-top: 0px;}
.pagination-btn-wrapper {gap: 14px;}
.pagination-btn-wrapper .page-item .page-link {font-size: 16px; line-height: 22px; padding: 0px 8px; border-radius: var(--border-radius-6); border: 2px solid transparent; color: var(--black); margin: 0px;}
.dropdown-btn-inner i {color: var(--black);}
.pagination-btn-wrapper .page-item .active {border-color:var(--primary-yellow); color: var(--primary-yellow);}
.pagination-btn {cursor: no-drop;}

/***********
    Modal
********************/
.catalog-checkbox-wrapper .catalog-inner-check .text-content {margin: 0; padding: 0; color: var(--black); width: 100%;}
.catalog-inner-check {gap: 10px; display: flex; justify-content: space-between; cursor: pointer; flex: 0 1 23.5%;}
.catalog-checkbox-wrapper {padding-left: 20px; display: flex; row-gap: 25px; column-gap: 10px; margin-top: 50px; flex-wrap: wrap;}
.btn-type:checked + .text-content {color: var(--primary-darkblue);}
.modal-wrapper .modal-dialog {max-width: 740px;}
.modal-wrapper.submit-block .modal-dialog {max-width: 438px;}
.modal-wrapper .modal-title {color: var(--black); font-size: 30px; font-weight: 700; line-height: 120%; letter-spacing: -0.57px;}
.modal-wrapper .modal-header, .modal-wrapper .modal-body, .modal-wrapper .modal-footer {padding: 0;}
.modal-wrapper .modal-content {padding: 17px 30px 30px 30px;}
.modal-wrapper .modal-header {border-bottom: 1px solid var(--secondary-lightgray); padding-bottom: 15px;}
.modal-wrapper .modal-header.border-none {border-bottom: none;}
.modal-wrapper .modal-footer {border: unset; justify-content: center;}
.modal-footer .btn-block:hover {background: var(--primary-yellow);}
.modal-wrapper .modal-footer .btn-block {padding: 15px 100px; margin-bottom: 55px; margin-top: 50px;}
.inner-content h3 {color: var(--black); font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.342px;}
.inner-content ul {margin-top: 20px; margin-left: 20px;}
.inner-content ul li {color: var(--black); font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.342px; list-style: auto !important; position: relative;}
.submit-block .modal-footer .btn-block {width: 100%; margin-bottom: 0;}
.modal-wrapper.expanded-wrapper .modal-dialog {max-width: 1195px;}
.modal-wrapper.expanded-wrapper .modal-content {padding: 0; border: none; border-radius: var(--border-radius-10); background: var(--white); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);}
.modal-wrapper.expanded-wrapper .modal-header {border-bottom: initial; padding-bottom: 0px;}
.close-btn {background: var(--white); color: var(--black); width: 100%; height: 52px; max-width: 52px; padding: 14px 0; text-align: center; border: none; position: relative; top: 0; right: 0; font-size: 20px; display: flex; align-items: center; justify-content: end; cursor: pointer;}
.expanded-wrapper .close-btn {position: absolute; z-index: 1; color: var(--white); background: initial; text-shadow: 0px 0px 3px var(--black); justify-content: center;}
.note-popup .close-btn {font-size: 22px; height: initial; padding: 0;}
.expanded-wrapper .close-btn:hover, .note-popup .close-btn:hover, .btn-close:hover  {opacity: 0.5;}
.expand-img-wrapper img {width: 100%; height: 100%; border-radius: var(--border-radius-10); object-fit: cover; max-height: 799px;}
.modal-wrapper .btn-type {
    margin-top: 4px;
}

/************
    Note Popup
************/
.note-popup.modal-wrapper .modal-title {color: var(--black); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.note-popup.modal-wrapper .modal-dialog {max-width: min-content;}
.note-popup textarea.control-form {resize: auto; background: var(--white); overflow: auto !important; min-height: 145px !important; min-width: 378px; padding: 13px 25px 13px 20px; max-height: calc(100vh - 233px); max-width: calc(100vw - 145px);}
.note-popup .modal-footer .btn-block {margin-bottom: 0; margin-top: 25px; padding: 15px 20px; width: 100%;}

/***********
    Double Modal
********************/
.pop-products-list { display: none !important; }
.double-box .modal-dialog { max-width: 900px; pointer-events: all; position: absolute; top: 50%; left: 0; margin: 0 auto; width: 100%; right: 0; transform: translateY(-50%) !important; min-height: initial; }
.double-box .modal-content { border-radius: var(--border-radius-5); border: 1px solid var(--primary-yellow); background: var(--white); max-height: calc(100dvh - 40px); overflow-y: auto; }
.double-box .modal-body { padding: 40px; }
.double-box .close-btn { position: absolute; background: initial; top: 10px; right: 10px; z-index: 1; max-width: initial; display: inline-flex; align-items: center; justify-content: center; width: initial; padding: 0; height: initial; cursor: pointer; }
.double-inline-row { display: flex; align-items: stretch; gap: 20px; }
.left-layout { width: 100%; max-width: 300px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.product-head-inner { display: flex; align-items: flex-start; gap: 20px; }
.modal-product-name, .modal-product-name p { color: var(--black); font-family: var(--primary-family); font-size: 16px; line-height: 120%; letter-spacing: -0.304px; }
.modal-product-name span { font-weight: 500; font-size: 24px; }
.modal-product-name p { font-weight: 400; margin-top: 10px; }
.pop-selected-products { width: 100%; padding: 20px 0px; }
/* .main-option-wrapper { display: flex; align-items: stretch; width: 100%; } */
.group-dropdown-area { /* display: flex; align-items: stretch; gap: 16px; width: 100%;*/ margin-top: 12px; }
.group-dropdown-inner { display: flex; align-items: stretch; gap: 16px; width: 100%; }
.group-dropdown-block { width: calc(50% - 8px); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.dropdown-label, .group-dropdown-area .read-text { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
.dropdown-label { color: #000; }
.group-dropdown-area .read-text { color: #62625F; }
.check-label-inner select { padding: 7px 30px 7px 10px; color: #000; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 6px; border: 1px solid #62625F; outline: initial; min-height: 33px; }
.editable-preset-options:has(.edit_preset:checked) .check-label-inner .select-item-details .select2-container--default .select2-selection--single { border-radius: 6px 0px 0px 6px; border-right: initial; }
.check-label-inner .select2-container--default .select2-selection--single {
    padding: 8px 40px 8px 20px;
    font-size: 14px;
    min-height: 35px;
    padding: 7px 40px 7px 10px;
}
.check-label-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 26px;
}
.modal-open .select2-container--default.select2-container--open { z-index: 9990; }
.modal-open .select2-results__option {
    font-size: 14px;
    padding: 7px;
}
.modal-open .select2-dropdown {
    padding: 10px 8px;
}
.read-text-inner { display: inline-block; position: relative; }
.read-text-inner:not(:last-child) { padding-right: 14px; margin-right: 8px; }
.read-text-inner:not(:last-child):before { content: ''; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50px; background: #A5A5A0; }
.check-name:checked + .check-label .group-dropdown-area .read-text { color: #000; }
.check-name:checked + .check-label .read-text-inner:not(:last-child):before { background: #000; }
.main-option-wrapper .count-num { width: 48px; padding: 6px; border-radius: 0px 6px 6px 0px; border-color: var(--secondary-darkgray); }
/* .product-body-details .group-block-area .check-label { font-size: 16px; padding: 6px 10px; display: inline-flex; align-items: center; border-radius: 6px 0px 0px 6px; } */
.main-option-wrapper, .item-details { width: 100%; }
.product-body-details .check-label { padding: 12px; border-radius: 12px; background: #F5F6FA; border-color: #F5F6FA; font-weight: 500; }
.item-details-outer { display: flex; align-items: stretch; }
.product-body-details .group-block-area:not(:last-child) { margin-bottom: 8px; }
/* .product-body-details .check-label span { display: inline-flex; align-items: center; justify-content: center; } */

/* .pop-products-btn { border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); display: flex; padding: 11px 8px; justify-content: center; align-items: center; } */
/* .pop-list-view { position: absolute; top: 100%; width: 100%; left: 0; border-radius: var(--border-radius-6); background: var(--white); box-shadow: 0 2px 10px 0 var(--black-shadow); z-index: 1; padding: 13px 10px; margin-top: 10px; display: none; height: 220px; overflow-x: auto; } */
/* .product-body-details .pop-list-view li:not(:last-child) { margin-bottom: 10px; } */
/* .product-body-details .group-block-area .col-btn-inner { width: 100%; gap: 5px; } */
/* .product-body-details .group-block-area .pop-list-view .col-btn-inner label { font-size: 16px; padding-left: 15px; } */
/* .product-body-details .group-block-area .pop-list-view .col-btn-inner .selected-preset-item + label { padding-left: 0; } */
/* .selected-preset-item i { transform: initial; font-size: 12px; } */

.product-body-details .group-block-area .pop-list-view .check-label { border: initial; }
.product-body-details .group-block-area .pop-list-view .check-label:hover { background: var(--secondary-lightwhite); }
.product-body-details .group-block-area .pop-list-view .check-name:checked + .check-label { background: var(--secondary-lightwhite); font-weight: 400; }
.body-bottom-btn { display: flex; align-items: flex-start; flex-direction: column; }
.body-bottom-btn .add-size-btn { border-radius: var(--border-radius-6); background: var(--white); min-width: 36px; color: var(--primary-darkblue); font-size: 14px; height: 33px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-bottom: 10px; border: 1px solid var(--secondary-darkgray); }
.body-inner-bottom { width: 100%; display: flex; align-items: stretch; gap: 20px; }
.body-inner-bottom .pop-check-btn, .body-inner-bottom button { width: 50%; }
.pop-check-btn input { display: none; }
.pop-check-btn input:checked ~ .default-btn { background: var(--primary-yellow); }
.pop-check-btn input:checked ~ .default-btn span { display: none; }
.body-inner-bottom .pop-check-btn input:checked ~ .default-btn:after { content: 'Done'; position: relative;}
.default-btn { border-radius: var(--border-radius-5); border: 1.5px solid var(--primary-yellow); width: 100%; padding: 7px; display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--white); outline: none; color: var(--black); font-family: var(--primary-family); font-size: 16px; font-weight: 500; line-height: 100%; letter-spacing: -0.304px; cursor: pointer; }
.pop-bottom-area .size-qty-row { width: 100%; margin-bottom: 20px; }
.pop-bottom-area .product-notify-inner .qty-field .form-select, .pop-bottom-area .qty-field { width: 100%; }
.pop-bottom-area .form-select { border-radius: var(--border-radius-6); outline: none; box-shadow: none; padding: 6px 26px 6px 10px; border: 1px solid var(--secondary-darkgray); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-break: anywhere; color: var(--secondary-darkgray); font-family: var(--primary-family); font-size: 16px; font-weight: 400; line-height: normal; }
.pop-bottom-area .pop-check-btn {width: 100%;}
.pop-bottom-area .pop-check-btn input:checked ~ .default-btn:after { content: 'Added'; position: relative;}
.pop-bottom-area .couple-wrapper { width: 100%; }
.bottom-btn-area { margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.bottom-btn-area .btn-block { min-width: 200px; text-align: center; }
.right-layout, .right-layout img { width: 100%; }

/************
    Print Modal
************/
.print-popup-wrapper .modal-label-dialog, .delete-label-wrapper .modal-label-dialog { max-width: 720px; pointer-events: all; position: absolute; top: 50%; left: 0; margin: 0 auto; width: 100%; right: 0; transform: translateY(-50%); }
.print-popup-wrapper .modal-header, .delete-label-wrapper .modal-header { padding: 0; border: initial; }
.print-popup-wrapper .modal-title, .delete-label-wrapper .modal-title { color: var(--black); font-size: 24px; font-weight: 500; line-height: 150%; letter-spacing: -0.264px; }
.print-popup-wrapper .modal-content, .delete-label-wrapper .modal-content { padding: 30px; gap: 24px; border-radius:  var(--border-radius-6); border: initial; /* max-height: calc(100dvh - 40px);*/ height: 100%; /* overflow-y: auto; */ }
.preset-items .title { font-weight: 600; font-size: 16px; display: block; padding-bottom: 16px; }
.btn-save-close { background:#0a185c; color:var(--white); }
.btn-save-create-new { background:#f7b500; color:var(--black); }
.print-popup-wrapper   .modal-footer, .delete-label-wrapper .modal-footer { border: initial; flex-wrap: initial; gap: 16px; padding: 0; justify-content: flex-start; }
.print-popup-wrapper  .modal-footer>*, .delete-label-wrapper .modal-footer>* { margin: calc(var(--bs-modal-footer-gap) * 0); }
.modal-note .title { color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; padding-bottom: 12px; }
.print-popup-wrapper   .btn-dark, .print-popup-wrapper   .btn-warning, .delete-label-wrapper .btn-cancel, .delete-label-wrapper .btn-delete { width: 100%; padding: 16px; text-align: center; font-size: 18px; font-weight: 500; }
.print-popup-wrapper   .form-control:focus { border-color: var(--secondary-lightgray); box-shadow: initial; }
.print-popup-wrapper  .close-btn, .delete-label-wrapper .close-btn { padding: 0; height: initial; font-size: 24px; }
.print-popup-wrapper  .btn:disabled { cursor: not-allowed; background-color: var(--secondary-lightgray); color: var(--white); border: initial; }
.print-popup-wrapper .modal-body { padding: 0; overflow-y: auto; max-height: calc(100vh - 251px); }
.print-popup-wrapper .preset-items { border-radius:  var(--border-radius-8); border: 1px solid var(--secondary-lightgray); opacity: 0.9; background: var(--white); padding: 16px; margin-bottom: 24px; }
.print-popup-wrapper .modal-note .control-form { border-color: #dee2e6; margin-bottom: 16px; }
.erron-modal-tree .enron-tree-wrapper { display: inline-block !important; box-shadow: initial; position: initial; padding: 0; }
.erron-modal-tree.active .enron-tree { margin-top: 60px; }
.erron-modal-tree .enron-tree { position: relative; width: 100%; z-index: 1; margin: 0; list-style: none; max-height: 288px; overflow-y: auto; }
.erron-modal-tree ul li { color: var(--black); font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.342px; list-style: auto !important; }
.erron-modal-tree .enron-tree li { list-style: none !important; position: relative; padding: 4px 0 4px 0; }
.erron-modal-tree ul li { color: var(--black); font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: -0.342px; }
.erron-modal-tree .enron-tree li label { color: var(--black); font-family: var(--primary-family); font-size: 16px; font-style: normal; display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 8px 8px 40px; position: relative; font-weight: 400; line-height: 150%; letter-spacing: -0.176px; border-radius:  var(--border-radius-8); }
.erron-modal-tree .enron-tree label input:before { content: '\f0c8'; font-family: 'Font Awesome 6 pro'; font-weight: 200; font-size: 24px; position: absolute; top: 8px; left: 10px; width: 100%; max-width: 24px; height: 24px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; color: var(--primary-darkblue); border-radius:  var(--border-radius-4); }
.erron-modal-tree .enron-tree label input:checked::before { content: '\f14a'; font-weight: 900; }
.erron-modal-tree .enron-tree label input { appearance: initial; position: absolute; width: 100%; height: 100%; border-radius: var(--border-radius-6); z-index: -1; left: 0; }
.erron-modal-tree .enron-tree label input:checked { background: var(--secondary-lightwhite); }
.erron-modal-tree .tree-search { height: 40px; outline: none; padding: 13px 40px 13px 20px; border-radius: var(--border-radius-20); border: 1px solid var(--secondary-lightgray); background: var(--white); font-size: 14px; font-weight: 400; line-height: 100%; }
.erron-modal-tree .multi-dropdown .arrow:before { display: none; }
.erron-modal-tree:not(.active) .enron-tree-selection { display: none; }
.erron-modal-tree .enron-tree-selection { font-weight: 400; line-height: normal; position: absolute; top: 40px; min-height: initial; display: flex; align-items: center; border: initial; padding: 12px 0px 16px; }
.erron-modal-tree .selected-name { background: #F9E7BC; border-radius:  var(--border-radius-6); display: flex; padding: 4px 6px 4px 12px; justify-content: center; align-items: center; gap: 4px; white-space: nowrap; color: var(--black); font-family: var(--primary-family); font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.176px; display: inline-flex; margin-right: 5px; }
.erron-modal-tree .drag-wrap { margin-bottom: 0; }
.erron-modal-tree .remove_product { width: 100%; max-width: 20px; height: 20px; max-height: 20px; aspect-ratio: 1 / 1; }
.erron-modal-tree .remove_product i { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.erron-modal-tree .remove_product i:before { font-size: 14px; }
.print-popup-wrapper  .form-control { resize: initial; padding: 13px 20px; }

/************
    Delete Modal
************/
.delete-label-wrapper .modal-label-dialog { max-width: 440px; }
.delete-label-wrapper .modal-body { padding: 0; }
.delete-label-wrapper .preset-items { display: flex; flex-direction: column; gap: 8px; }
.delete-content { max-width: 347.299px; }
.delete-label-wrapper .btn-cancel { border-radius:  var(--border-radius-5); border: 1px solid var(--primary-darkblue); background-color: initial; transition: all 0.3s ease-in-out; }
.delete-label-wrapper .btn-delete { border-radius:  var(--border-radius-5); background: #FF5A5A; color: var(--white); border: initial; transition: all 0.3s ease-in-out; }
.delete-label-wrapper .btn-cancel, .delete-label-wrapper .btn-delete { padding: 15px; }
.delete-content, .delete-alert-message { color: var(--black); font-size: 16px; font-weight: 400; line-height: 140%; }
.delete-alert-message { font-weight: 500; }
.delete-label-wrapper .btn-cancel:hover, .delete-label-wrapper .btn-delete:hover { opacity: 0.8; }
.delete-label-wrapper .modal-content { max-height: initial; overflow-y: initial; }


/************
    Error
************/

.error, select.error + label + .select2-container--default .select2-selection--single, select.error + label + .select2-container--default .select2-selection--multiple, select.error + .select2-container--default .select2-selection--single, select.error + .select2-container--default .select2-selection--multiple {border: 1px solid var(--secondary-red) !important;}
label.error {display: none!important;}

/***********
    Order
********************/
.order-block .category-main-wrapper {padding: 0 20px;}
.inner-product-wrapper .category-content-inner.note-wrapper {border-top: 1px solid var(--secondary-lightgray); border-bottom: 1px solid var(--secondary-lightgray);}
.order-block .inner-product-wrapper .sub-group-wrap + .sub-group-wrap.disable_group {border-top: 1px solid var(--secondary-lightgray); margin-top: 30px;}
.order-block .builder-wrapper .sub-group-wrap.disable_group, .order-block .builder-wrapper .inner-product-wrapper .category-content-inner:last-child {border: initial; margin-top: 0;}
.order-block .info-wrapper {margin-top: 30px;}
.sub-category.category-sec-wrap > .category-title.active {border-radius: initial;}
.sub-category > .category-content {padding: 0 20px;}
.sub-category .category-sec-wrap {margin-top: 30px;}
.sub-category .category-sec-wrap .active {background: #30479C; color: var(--white);}
.accordion-wrapper .active span svg {transform: rotate(180deg);}
.category-sec-wrap .active span svg path {stroke: var(--white);}
.field-area .slide-change {margin-bottom: 20px;}
.category-content-inner .edit-index {padding: 0px; margin-bottom: 20px;}
.show-note-text {border-radius: var(--border-radius-6); background: #F3F8FF; padding: 20px 8px; display: flex; align-items: flex-start; gap: 10px;}
.note-content {font-weight: 500;}
.note-content, .info-wrapper p {color: var(--black); font-size: 18px; font-weight: 400; line-height: 140%;}
.note-content span:last-child {font-weight: 600;}
.show-note-text.info-wrapper {background: #F9E7BC;}
.info-wrapper .inner-info {padding: 10px 0px; font-size: 18px; font-weight: 400;}
.info-wrapper .note-content span, .info-wrapper .note-content {font-weight: 500;}
.file-upload-wrapper img {border-radius: var(--border-radius-6); background: #6B3232; height: 67px; width: 67px;}
.category-sec-wrap textarea.control-form {min-height: 70px; resize: none;}
.custom-wrap .input-wrap {display: flex; gap: 20px;}
.category-sec-wrap.custom-wrap .active, .sub-category .category-sec-wrap.custom-wrap .active {background: #F3F8FF; border-radius: 8px 8px 0 0; border: 1px solid var(--secondary-lightgray); border-bottom: none;}
.builder-wrapper .category-title {border: 1px solid var(--secondary-lightgray);background: #F3F8FF;}
.builder-wrapper .category-title.active h2 {color: var(--primary-darkblue);}
.builder-wrapper .category-title.active {border-bottom: initial;}
.category-sec-wrap .builder-wrapper .category-title.active span svg path { stroke: var(--primary-darkblue); }
.builder-wrapper .category-title.active .btn-type::before { color: var(--primary-darkblue); }
.category-sec-wrap.custom-wrap .active ~ .category-content, .builder-wrapper .inner-product-wrapper {border-radius: 0 0 8px 8px; border: 1px solid var(--secondary-lightgray); background: #F3F8FF;}
.category-sec-wrap.custom-wrap .active h2 {color: var(--primary-darkblue);}
.category-sec-wrap.custom-wrap .active span svg path {stroke: var(--primary-darkblue);}
.input-btn-wrapper {display: flex; gap: 20px; align-items: center; flex-wrap: wrap;}
.input-btn.tool-tip { display: flex; align-items: flex-start; gap: 5px; pointer-events: all; opacity: 1; }
.input-btn.tool-tip .check-label { pointer-events: none; opacity: 0.5; }
.group-title {color: var(--black); font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.38px; margin-bottom: 15px;}
.img-upload-wrap {display: flex;}
.order_img_group .file-ico { width: 170px; min-width: 170px; color: var(--black); font-size: 18px; padding: 10px 16px; text-align: center; background: var(--primary-yellow); border-left: initial; flex: 1 50%; display: flex; align-items: center; gap: 8px; }
.order_img_group .preview_img_wrap {display: flex; align-items: center; gap: 15px; margin-top: 20px;}
.preview-group {position: relative;}
.order_img_group .preview_img_wrap img {border-radius: var(--border-radius-6); border: 1px solid var(--secondary-lightgray); background: var(--white); height: 90px; width: 100px; object-fit: cover;}
.preview-group a, .delete_customer_img  {position: absolute; right: 7px; top: 7px; width: 12px; height: 12px; font-size: 12px; text-align: center; display: flex; align-items: center; justify-content: center; color: var(--white);  z-index: 1; opacity: 0;}
.catalog-sec-disable .category-title.active, .catalog-sec-disable .category-title {background: var(--secondary-lightwhite);}
.events-section .catalog-sec-disable .category-title.active, .events-section .catalog-sec-disable .category-title {background: #FFF8E6;}
.catalog-sec-disable .disabled {opacity: 1; pointer-events: initial;}
.catalog-sec-disable .category-title.active h2 {color: var(--primary-darkblue);}
.category-sec-wrap.catalog-sec-disable .active span svg path {stroke: var(--primary-darkblue);}
.catalog-sec-disable .category-title i {display: none;}
.order-block .inner-block-content .btn-block.summary_btn, .print-layout .form-btn {display: none;}


.guest-count-area .shabbos-check {
    gap: 10px;
}
.accordion-wrapper .shabbos-check .text-content {
    line-height: normal;
}
.guest-item {
    margin-top: 32px;
}
.guest-count-head {
    position: relative;
    padding: 0px 16px;
    border-radius: 4px;
    background: #F5F6FA;
    margin-bottom: 20px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    display: flex;
    align-items: stretch;
    gap: 10px;
    justify-content: space-between;
}
.guest-count-head .action-icon {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.304px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.add-more-count {
    display: inline-flex;
    margin-top: 10px;
}

/***********
   Sub Groups
********************/
.sub-group-wrap {margin-top: 30px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-lightgray); background: #F3F8FF; flex: 1 100%;}
.sub-group-wrap.disable_group + .disable_group { border-top: 1px solid var(--secondary-lightgray); }
.sub-group-wrap.disable_group {background: transparent; border: initial; /* border-bottom: 1px solid var(--secondary-lightgray);  margin-top: 0;*/ border-radius: initial;}
.disable_group .category-title {display: none;}
.disable_group .category-content {display: block;}
.sub-group-wrap .category-sec-wrap .active {background: transparent;}
.sub-group-wrap .category-title, .sub-category .category-sec-wrap .sub-group-wrap .active {border-radius: var(--border-radius-6); background: transparent;}
.category-sec-wrap .sub-group-wrap .active h2 {color: var(--primary-darkblue);}
.category-sec-wrap .sub-group-wrap .active span svg path {stroke: var(--primary-darkblue);}
.sub-group-wrap .category-content {border-top: 1px solid var(--secondary-lightgray); padding: 0px 20px;}
.sub-group-wrap.disable_group .category-content {border-top: initial; padding: initial;}
.builder-wrapper .sub-group-wrap.disable_group {border-bottom: initial;}

/***********
    builder-column-wrapper
********************/
.builder-column-wrapper { display: none; border-left: 1px solid var(--secondary-lightgray); border-right: 1px solid var(--secondary-lightgray); }
.active ~ .builder-column-wrapper {display: block;}
.builder-title-name { display: flex; align-items: center; gap: 20px; justify-content: space-between; border-top: 1px solid var(--secondary-lightgray); border-bottom: 1px solid var(--secondary-lightgray); background: #F6ECD3; padding: 8px 20px; }
.builder-title-name h3 { color: var(--black); font-family: var(--primary-family); font-size: 20px; font-weight: 500; line-height: 120%; letter-spacing: -0.38px; }
.builder-qty { color: var(--black); font-family: var(--primary-family); font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; }
.builder-content-area { background: #FFF8E6; }
.builder-content-inner { display: flex; flex-wrap: wrap; }
.builder-content-body { flex: 1; min-width: 165px; }
.builder-column-head { padding: 13px 20px; border-bottom: 1px solid var(--secondary-lightgray); display: flex; align-items: center; gap: 10px; }
.builder-head-name h4 { color: var(--primary-darkblue); font-family: var(--primary-family); font-size: 12px; font-weight: 600; line-height: 120%; letter-spacing: -0.228px; text-transform: uppercase; }
.builder-column-listing { display: flex; flex-direction: column; }
.builder-column-items { position: relative; display: flex; align-items: center; gap: 10px; padding: 15px 20px; border-bottom: 1px solid var(--secondary-lightgray); }
.builder-content-body:first-child .builder-column-listing { padding-left: 20px; }
.builder-content-body:last-child .builder-column-listing { padding-right: 20px; }
.builder-content-body:first-child .builder-column-items { padding-left: 0; }
.builder-content-body:first-child .builder-column-items { padding-right: 0; }
.builder-column-items p { color: var(--black); font-family: var(--primary-family); font-size: 14px; font-weight: 400; line-height: 120%; letter-spacing: -0.266px; text-transform: capitalize; }
.builder-column-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 20px 20px; }
.builder-action-area { display: flex; align-items: center; gap: 16px; }
.builder-img-wrap img { aspect-ratio: 1/1; min-width: 33px; border-radius: var(--border-radius-6); background: #6B3232; max-width: 33px; object-fit: cover; }
.builder-wrapper .builder-bottom-btn { margin: 40px 0; position: relative; background: transparent; box-shadow: initial; }

/***********
    Sidebaar area
********************/ 
.main-content-wrapper.sidebar-block {padding-left: 0px; margin-left: 0px; max-width: 23.2%; min-width: 330px; position: sticky; top: 100px; height: 100%;}
.side-close {margin-right: auto; width: 100%; text-align: end; display: none;}
.side-close i {background: #030303; color: var(--white); width: 100%; height: 52px; cursor: pointer; max-width: 52px; padding: 14px 0; text-align: center; font-size: 22px;}
.sidebar-title i {display: none;}
.sidebaar-content {position: relative; min-height: 265px; padding: 20px 10px 30px 24px;}

/* sidebaar height */
.sidebar-block .sidebaar-content { position: unset; }
.order-left-main .sidebaar-content { padding-bottom: 300px; overflow: hidden; overflow-y: auto; max-height: calc(100vh - 265px);}
.sidebaar-content .empty-area {position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0;}
.empty-area {color: var(--secondary-lightgray); font-size: 24px; font-weight: 400; line-height: 120%; letter-spacing: -0.456px;}
.sidebar-title { background: var(--primary-darkblue); padding: 8px 20px 8px 20px; display: flex; border-radius: 6px 6px 0px 0px; align-items: center; justify-content: space-between; cursor: pointer; color: var(--white); }
.sidebar-title h3 {color: var(--white); font-size: 24px; font-weight: 700; line-height: 150%; letter-spacing: -0.456px;}
.sidebaar-content h2, .sidebaar-content h4, .sidebaar-content span, .item-wrap h3 {color: #374767; line-height: 100%;}
.sidebaar-content h2 {font-size: 24px; font-weight: 700; letter-spacing: -0.456px; margin-bottom: 20px;}
.sidebaar-content h4 {font-size: 18px; font-weight: 700; letter-spacing: -0.342px; background: #F5F6FA; padding: 2px 8px; margin-bottom: 10px;}
.description-block h4 {color: #374767; font-size: 16px; font-weight: 600; line-height: 100%; letter-spacing: -0.304px;}
.desc {color: #374767; font-size: 14px; font-weight: 400; line-height: 130%; letter-spacing: -0.266px;}
.info-detail {display: flex; align-items: center; gap: 40px; padding: 1px 8px;}
.sidebaar-content span, .sidebaar-content p {font-size: 16px; font-weight: 400; letter-spacing: -0.304px; color: #374767;}
.detail .info-inner-detail, .item-wrap .item-inner {border-top: 1px solid var(--secondary-lightgray); padding-top: 20px; margin-top: 20px; margin-right: 12px;}
.item-wrap h3 {font-size: 20px; font-weight: 700; letter-spacing: -0.38px;}
.item-inner {margin-top: 16px;}
.info-inner-detail {margin-top: 15px;}
.item-inner {display: flex; justify-content: space-between; align-items: center; padding: 5px 8px;}
.item-wrap .info-detail {justify-content: space-between;}
.sidebaar-content .item-wrap .custom-info h4 {padding: 0; background: none;}
.custom-info .info-detail {padding: 0;}
.custom-info {padding: 10px 8px; border-radius: var(--border-radius-6); background: #FFF8E6;}
.info-inner-detail .custom-info:not(:first-child) { margin-top: 10px; }
.custom-info .info-content-area { max-height: 192px; overflow-x: hidden; overflow-y: auto; }
.item-wrap .info-detail {border-bottom: 1px solid var(--secondary-lightgray); padding-bottom: 10px; margin-bottom: 10px;}
.item-wrap .info-detail:last-child, .item-wrap .custom-info .info-detail {border-bottom: none; padding-bottom: 1px; margin-bottom: 0px;}
.description-block {margin-top: 10px; margin-bottom: 20px;}
.description-block:last-child {margin-top: 0px; margin-bottom: 0px;}
.item-content {max-height: 444px; overflow-y: auto; padding-right: 12px; margin-bottom: 20px;}
.info-detail-wrapper .info-detail { flex-direction: column; align-items: flex-start; gap: 10px; }
.info-group-title, .info-option-detail { display: flex; align-items: flex-start; gap: 20px; justify-content: space-between; width: 100%; }
.info-option-row { display: flex; gap: 10px; flex-direction: column; width: 100%; }

.item-wrap .info-detail.preset-name, .item-wrap .info-detail.preset-option-row {  border-bottom: initial;  padding-bottom: 7px;  margin-bottom: 7px; }
.item-wrap .info-detail.preset-option-row + .info-detail:not(.preset-option-row) { border-top: 1px solid var(--secondary-lightgray); padding-top: 10px; }
.sidebaar-content .preset-name span { font-weight: 500; }

/* Sidebaar btns */
.sidebar-inner .form-btn {flex-direction: column; gap: 16px; padding: 0 24px 24px;}
.sidebar-inner .form-btn .btn-block {width: 100%; font-size: 18px; letter-spacing: -0.342px; padding: 14px 20px;}
.form-btn .btn-block:hover {transform: scale(0.99);}
.form-btn .btn-block:active {transform: scale(0.98);}
.bg-none {background-color: unset !important;}

/***********
    Order Details
********************/
.inner-title { padding-bottom: 18px; border-bottom: 1px solid var(--secondary-darkgray); margin-bottom: 30px; display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.inner-title h3 {color: var(--primary-darkblue); font-size: 22px; font-weight: 700; line-height: 140%;}
.items-title {padding: 0;}
.time-baar-content { position: relative; padding: 6px 12px; border-radius: 4px; background: #DA2929; text-align: center; }
.order-details-wrapper .time-baar-content p, .time-baar-content p { color: #FFF; font-size: 18px; font-weight: 700; line-height: 150%; letter-spacing: -0.198px; }
.tb-inner-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}
.table .time-baar-content {
    padding: 2px 4px;
}
.table .time-baar-content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.132px;
}

/* Header */
.head-group h4 {color: var(--white); font-size: 18px; font-weight: 700; line-height: 140%;}
.head-group .action-btn img {filter: brightness(0.5) invert(1);}
.head-group .col-md-6 {padding: 0px;}
.head-group {padding: 7px 20px 8px; background: var(--primary-darkblue); display: flex; align-items: center; justify-content: space-between;}
.custom-group .head-group {background: #30479C;}
.head-group .btn-block {padding: 5px 10px; font-size: 14px; display: none;}

/* Secont- Heaser */
.order-details-wrapper .quatily-name { padding: 7px 20px 8px; background: var(--primary-darkblue); margin-top: 30px; margin-bottom: 0px; }
.order-details-wrapper .quatily-name h6 { color: var(--white); font-weight: 700; line-height: 140%; text-transform: capitalize; }
.order-details-wrapper .inner-group-detail { padding: 0px 20px; display: flex; align-items: flex-start; }
.order-details-wrapper .group-outer-wrapper { padding-left: 0px; padding-right: 0px; }
.order-details-wrapper .option-head-row { padding-right: 0px; }
.order-details-wrapper .add-quality-field { width: 156px; }
.order-details-wrapper .qty-field { width: 186px; justify-content: flex-end; }
.order-details-wrapper .product-block p {font-weight: 500;}
.order-details-wrapper p {color: var(--black); font-size: 16px; font-weight: 400; line-height: 140%;}


/* content */
.main-menu-wrapper .active svg {transform: rotate(180deg);}
.main-menu-wrapper .action-btn {justify-content: flex-end;}
/* .items-content {margin-bottom: 30px;}
.main-menu-wrapper .items-content:first-child {padding-left: 16px;}
.main-menu-wrapper .items-content:last-child {padding-right: 16px;} */

.custom-group .group-content-wrapper {padding: 20px 16px 0;}
.inner-detail.form-btn {padding-right: 16px;}
.main-menu-wrapper .accordian-wrapper-items, .main-menu-wrapper .category-sec-wrap {margin-top: 30px;}
.main-menu-wrapper .category-sec-wrap .active, .main-menu-wrapper .category-title, .main-menu-wrapper .sub-group-wrap .category-title, .main-menu-wrapper .sub-category .category-sec-wrap .sub-group-wrap .active {border-radius: 0px; background: var(--primary-darkblue);}
.main-menu-wrapper .category-title h2, .main-menu-wrapper .category-sec-wrap .sub-group-wrap .active h2 {font-size: 18px; color: var(--white)!important;}
.main-menu-wrapper .category-title h2 path, .main-menu-wrapper .category-sec-wrap .sub-group-wrap .active span svg path {stroke: var(--white);}
.main-menu-wrapper .sub-group-wrap {border: initial; background: initial;}

.group-content-wrapper {padding-top: 20px;}
.text-block {color: var(--black); font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; padding: 8px 0px;}
.group-content-item {margin: 0px;}
.group-content-item:nth-of-type(odd), .item-group-title {background: #F5F6FA;}
.group-content-wrapper .group-content:first-child {padding-right: 15px; padding-left: 0;}
.group-content-wrapper .group-content:last-child {padding-right: 0px; padding-left: 15px;}
.item-group-title {padding: 0; margin-bottom: 16px;}
.item-group-title h3 {color: var(--black); font-size: 18px; font-weight: 600; line-height: 140%; padding: 8px 16px;}

.italic {color: var(--black); font-size: 14px; font-style: italic; font-weight: 400; line-height: 140%;}
.group-content-wrapper .category-content {display: block;}
.info-detail h4 {color: var(--black); font-size: 18px; font-weight: 600; line-height: 140%;}
.info-detail .info-detail {padding: 6px 16px; background: #F6ECD3;}
.inner-detail.custom-info {padding: 0; border-radius: unset;}
.inner-detail .description-block {margin: 20px 15px; padding-bottom: 20px; border-bottom: 1px solid var(--secondary-lightgray);}
.inner-detail .description-block:last-child {border-bottom: none;}
.inner-detail .description-block h4 {margin-bottom: 10px;}
.description-block .italic {margin-top: 20px; display: block;}
.sidebaar-content.order-view-body .show-note-text { margin: 20px auto !important; width: calc(100% - 48px); }
.sidebaar-content .show-note-text {margin-right: 14px;}
.sidebaar-content .show-note-text {margin-top: 20px;}
.sidebaar-content .btn-block {display: flex; align-items: center; justify-content: center; gap: 10px;}
.option-order-img {height: 35px; max-width: 37px; width: 100%; position: relative;}
.option-order-img img {width: auto; height: 100%; border-radius: var(--border-radius-5); max-width: 37px; object-fit: cover;min-width: 37px;}
.option-order-img:hover .exp-img, .preview-group:hover .exp-img, .img-wrap:hover .exp-img, .new_img:hover .delete_customer_img, .new_img:hover .expand_img, .old_img:hover .expand_img, .old_img:hover .delete_customer_img, .new_img:hover .delete_customer_img, .preview-group:hover .preview-group a  {opacity: 1;}
.exp-img, .expand_img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgb(0 0 0 / 60%) 12.07%, rgb(0 0 0 / 60%) 100%); display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius-5); opacity: 0; transition: all 0.5s ease-in-out;}
.order-details-wrapper .custom-info .info-detail {padding: 6px 16px; background: #F6ECD3;}

.book-order-view .order-view-disable .head-group { background: var(--secondary-lightwhite);}
.book-order-view .order-view-disable .head-group h4 {  color: var(--black);}
.book-order-view .order-view-disable .group-content-wrapper { display: none;}
.book-order-view .order-view-disable .head-group h4 span { margin-right: 10px; vertical-align: middle;}
.book-order-view .order-view-disable .head-group h4 span svg path { fill: var(--black);}
.book-order-view .order-view-disable .action-btn span { color: var(--primary-darkblue); letter-spacing: -0.304px;}
.book-order-view .order-view-disable .action-btn a { display: none;}
.book-order-view .category-sec-wrap .disabled h2 { color: var(--primary-darkblue)!important;}
.book-order-view .category-sec-wrap .disabled { background-color: var(--secondary-lightwhite);}
.book-order-view .catalog-inner-check .text-content {  width: 93px;  color: var(--white);}
.book-order-view .catalog-inner-check .btn-type::before {color: var(--white);}
.book-order-view .category-sec-wrap .disabled .disable_button_lab .catalog-inner-check .text-content, .book-order-view .category-sec-wrap .disabled .disable_button_lab .catalog-inner-check .btn-type::before { color: var(--primary-darkblue);}
.book-order-view .order-view-disable ~ .inner-detail.custom-info, .order-view-disable-builder .description-block { display: none;}

/* Order Details sidebaar */
.sidebaar-content.order-view-body { padding: 30px 6px 0px; }
.sidebaar-content.order-view-body .show-note-text {margin-right: 0px;}
.main-content-wrapper .sidebar-inner .order-view-body .form-btn {position: relative; box-shadow: initial;}

/***********
    Calendar 
********************/
.cal-main-wrapper {padding: 40px 0px 21px; position: relative; transition: all 0.5s ease-in-out; margin-left: 230px; width: calc(100vw - 540px);}
.body-inner { padding: 0 30px; }
.cal-table {overflow-y: auto;}
.cal-head {margin-bottom: 15px;}
.cal-day {gap: 5px;}
.cal-day h3 {color: var(--black); font-size: 14px; font-style: normal; font-weight: 400; text-transform: uppercase;}
.cal-desc {color: var(--black); font-size: 13px; font-weight: 400; line-height: 140%;}
.cal-desc {display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.cal-body .cal-desc {width: 100%;}
.cal-body .cal-day {min-width: initial;flex-direction: row;}
.cal-body .cal-day h3 {display: none;}
.cal-desc span:last-child {font-weight: 500;}
.cal-head, .body-inner {display: flex;}
.week-cal .body-inner {min-height: calc(100vh - 330.19px);}
.body-inner {min-height: 240px;}
.cal_view_name {display: none;}
.view-cal .cal-day:not(:last-child) {align-items: flex-start;}
.view-cal .cal-day:last-child {align-items: flex-end;}
.view-cal .cal-head {padding: 0px 22px 0 36px;}
.cal-day, .cal-content {position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 185px;}
.cal-content {background: #F3F8FF;}
.cal-inner {width: 100%; padding: 18px 15px 20px 15px; flex-grow: 1; display: flex; flex-direction: column; gap: 30px; border: 1px solid var(--secondary-lightgray); border-top: none;position: relative; transition: all 0.3s ease-in-out;}
.today, .tomorrow {background: var(--white);}
.locked {background: #E5E5E5 !important;}
.week-cal .today.locked .cal-inner rect {fill: var(--secondary-darkgray);}
.week-cal .today.locked .cal-inner path {stroke: var(--secondary-darkgray);}
.week-cal .today.locked .cal-inner .cal-view-inner p {color: var(--secondary-darkgray);}
.cal-view-inner li {margin-top: 7px; display: flex; align-items: center; gap: 2px; position: relative;}
.cal-view-inner li.event-wrap { color: var(--white); font-size: 13px; font-weight: 400; line-height: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 3px 8px 4px 8px; background: #353990; }
.info-checked {display: none;}
.info-checked.active {display: inline-flex;}
.cal-view-title {display: flex; align-items: center; background: #E5E5E5; width: 100%; padding: 3px 8px 4px 8px; cursor: pointer;}
.locked .cal-view-title {background: var(--white);}
.info-block {line-height: initial;}
.cal-view-title h4 {color: var(--black); font-size: 13px; font-weight: 400; line-height: normal; /* overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */}
.cal-view-desc p {margin-bottom: 15px;}
.cal-view-desc p, .cal-view-desc span {color: var(--black); text-align: center; font-size: 15px; font-weight: 500; line-height: 140%; font-family: var(--secondary-family);}
.cal-view-desc span {display: block;}
.cal-bottom {border: 1px solid var(--secondary-lightgray); background: #F3F8FF; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out;}
.cal-bottom.active, .cal-content:not(:last-child) .cal-bottom.active {border-color: var(--primary-darkblue); background: var(--primary-darkblue);}
.time-content .cal-inner {background: #E5E5E5;}
.cal-bottom.active .bt-head span {color: var(--white);}
.cal-bottom.active .bt-head svg {stroke: var(--white); transform: rotate(180deg);}
.cal-lock {text-align: center; display: inline-flex; justify-content: center; align-items: end; flex: 1 0 0; max-width: 15px; margin: 0 auto;}
.cal-lock span {padding: 0px 7px; cursor: pointer;}
.bt-head {display: flex; align-items: center; gap: 6px; justify-content: space-between; padding: 3px 15px; cursor: pointer;}
.bt-head span { color: var(--black); font-family: var(--secondary-family); font-size: 13px; font-weight: 500; line-height: 140%; white-space: nowrap; display: flex; align-items: center; gap: 6px; width: 100%; }
.bt-head span svg { stroke: var(--secondary-darkgray); }
.bt-head .add-ico { margin-left: auto; margin-right: 8px; transform: rotate(0deg)!important; }
.monthly-cal .bt-head .add-ico { margin-right: 0px; }
.note-ico, .add-ico { display: none; }
.with-note .bt-head span .note-ico { fill: var(--primary-yellow) !important; stroke: var(--black) !important; display: inline; transform: rotate(0deg)!important; }
.with-note .empty-ico, .monthly-cal .with-note .empty-ico { display: none; transform: rotate(0deg)!important; }
.active .bt-head span svg { transform: rotate(0deg); }
.active .add-ico { display: block; }
.cal-bottom .bt-head svg { transform: rotate(90deg); }
.with-note .bt-head svg { transform: rotate(0deg); }
.note-content-inner { padding: 0 10px; cursor: pointer; position: relative; }
.note-content-desc { padding: 10px 0; border-top: 1px solid #323466; }
.note-content-wrapper:last-child .note-content-desc { border-bottom: initial; }
.note-content-chart { display: flex; align-items: center; justify-content: space-between; }
.note-content-wrapper p { padding: 6px 0; }
.note-content-wrapper.active .note-content-desc, .note-content-wrapper.active + .note-content-wrapper .note-content-desc { border-color: transparent; }
.note-content-wrapper.active .note-content-inner { background: var(--primary-yellow); border-radius: var(--border-radius-6); }
.info-details.active .note-content-wrapper.active p, .note-content-wrapper.active p, .note-content-wrapper.active .color-block, .note-content-wrapper.active .user-name-info, .note-content-wrapper.active .note-content-chart, .note-content-wrapper.active .note-content-chart h3 { color: var(--black); }
.bt-content {display: none; max-height: 197px; overflow-x: auto; padding: 10px 5px;}
.note-content-wrapper p, .color-block, .user-name-info, .note-content-wrapper .note-content-chart, .note-content-chart h3 {color: var(--white); font-family: var(--secondary-family); font-size: 13px; font-weight: 400; line-height: 130%;}
.note-content-wrapper .person-name, .note-content-chart h3 {font-weight: 700; font-size: 12px; }
.user-name-info, .order-name-info {font-size: 12px;}
.week-cal .cal-content:not(:last-child) .cal-inner, .week-cal .cal-content:not(:last-child) .cal-bottom, .monthly-cal .cal-content:not(:last-child) .cal-inner, .monthly-cal .cal-content:not(:last-child) .cal-bottom {border-right: initial;}
.week-cal .body-inner:first-child .cal-inner, .monthly-cal .body-inner:first-child .cal-inner {border-top: 1px solid var(--secondary-lightgray);}

/* => Tooltip <= */
.cus-tooltip {position: absolute; width: 100%; min-width: 290px; bottom: 40px; background: var(--white); z-index: 999; transition: all 0.4s ease; transform: scale(0); padding: 10px 15px; text-align: center; filter: drop-shadow(0px 4px 15px var(--black-shadow));}
.cus-tooltip:before {content: ''; position: absolute; width: 20px; height: 20px; bottom: -10px; left: 0; right: 0; background: var(--white); transform: rotate(45deg); margin: 0 auto;}
.inner-tip {color: var(--black); color: var(--black); font-size: 13px; font-weight: 400; line-height: 140%;}
.info-block:hover + .cus-tooltip {transform: scale(1);}
.body-inner .cal-content:first-child .cus-tooltip {left: 0px;}
.body-inner .cal-content:last-child .cus-tooltip {right: 0px;}
.body-inner .cal-content:first-child .cus-tooltip:before, .body-inner .cal-content:last-child .cus-tooltip:before {background: var(--white); transform: rotate(45deg);}
.body-inner .cal-content:first-child .cus-tooltip:before {left: 8px;}
.body-inner .cal-content:last-child .cus-tooltip:before {right: 8px; margin: 0 0 0 auto;}
.info-details .cus-tooltip { top: 40px; bottom: initial; }
.info-details .cus-tooltip:before { bottom: initial; top: -10px; }

/*================
    Table Tool Tip
==================*/
.text-hover {bottom: 100%; display: block; left: 0; margin-bottom: 11px; opacity: 0; pointer-events: none; position: absolute; transform: scale(0); transition: all 0.4s ease-out; font-size: 12px; font-weight: 400; z-index: 10; border-radius: var(--border-radius-6); background: var(--primary-yellow); padding: 8px 20px; color: var(--black); line-height: normal;}
.text-hover:after {border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid var(--primary-yellow) 10px; bottom: -10px; content: " "; height: 0; left: 10px; position: absolute; width: 0;}
.tb-items:hover .text-hover {opacity: 1; transform: scale(1);}

/*================
    Loader
==================*/
/* <div class="btn-loader"></div> */
.btn-loader, .qw-preview-loader { width: 18px; aspect-ratio: 1; border-radius: var(--border-radius-half); border: 3px solid var(--primary-darkblue); animation: animate-1  0.8s infinite linear alternate, animate-2 1.6s infinite linear; }
@keyframes animate-1 {   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}     12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}     25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}     50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}     62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}     75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}     100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}  } @keyframes animate-2 {     0%    {transform:scaleY(1)  rotate(0deg)}    49.99%{transform:scaleY(1)  rotate(135deg)}    50%   {transform:scaleY(-1) rotate(0deg)}    100%  {transform:scaleY(-1) rotate(-135deg)}  }
.droupdown-btn-wrapper .qw-preview-loader {
    position: absolute;
    right: 50px;
}

/* => Calendar Week <= */
.week-cal .cal-content:first-child .cal-inner, .week-cal .cal-content:first-child { border-radius: 6px 0px 0px 6px; overflow: hidden; }
.week-cal .cal-content:last-child .cal-inner, .week-cal .cal-content:last-child { border-radius: 0px 6px 6px 0px;; overflow: hidden; }
.week-cal .cal-view .bt-head {display: none;}
.week-cal .cal-lock {margin-bottom: 80px;}
.week-cal .cal-view .cal-desc {display: none;}

/* => Calendar Monthly <= */ 
.cal-view .cal-desc {font-weight: 500;}
.cal-view .bt-head {padding: 0; margin-top: 15px;}
.monthly-cal .cal-lock {margin-bottom: 24px;}
.monthly-cal .cal-inner {gap: 20px;}
.monthly-cal .time-group {margin-top: 18px;}
/* .monthly-cal .cal-bottom {display: none;} */
.bt-icon {flex: 0 1; margin-left: auto;}
.cal-content.active .cal-view-inner {display: none;}
.monthly-cal .cal-head .cal-day .cal-desc {display: none;}
.cal-content.active .cal-inner, .cal-content.active.locked .cal-inner, .cal-content.note-open .cal-inner {border-color: var(--primary-darkblue); border-bottom: initial;}
.cal-content.active, .cal-content.active.locked, .cal-content.note-open {background: #353990 !important;}
.cal-content.active .cal-desc {flex-direction: column;}
.cal-content.active .cal-desc span {color: var(--white); font-size: 30px; line-height: 140%; transition: all 0.3s ease;}
.cal-content.active .bt-head span {color: var(--white);}
.cal-content.active .bt-head svg {stroke: var(--white);}
.cal-content.active .cal-lock svg rect, .cal-content.note-open .cal-lock svg rect {fill: var(--white);}
.cal-content.active .cal-lock svg path, .cal-content.note-open .cal-lock svg path {stroke: var(--white);}

/* => Calendar Monthly View List <= */ 
.toggle-ico {display: none;}
.view-cal .cal-desc-wrap {display: inline-flex; align-items: center; gap: 14px; min-width: 100px; max-width: 100px; margin-bottom: 10px;}
.view-cal .toggle-ico {width: 20px; min-width: 20px; height: 20px; display: inline-block; border-radius: var(--border-radius-half); border: 1px solid var(--black); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; color: var(--black);}
.view-cal .cal-content.active .toggle-ico {cursor: pointer; border-color: var(--white); color: var(--white);}
.view-cal .cal-content.active .toggle-ico i {transform: rotate(180deg);}
.view-cal .body-inner {flex-direction: column;}
.view-cal .cal-view-inner {display: flex; align-items: center; gap: 7px;}
.view-cal .cal-view {display: inline-flex; gap: 50px; width: 100%;}
.view-cal .cal-desc {gap: 5px; flex-direction: column;}
.view-cal .cal-content .cal-inner, .view-cal .cal-view {flex-direction: row; align-items: center;}
.view-cal .cal-view-inner li {margin-top: 0px;}
.view-cal .cal-content, .view-cal .cal-lock {flex: initial;}
.view-cal .cal-inner {padding: 13px 22px 13px 16px;}
.view-cal .cal-content.active .cal-inner {padding: 20px 22px 20px 16px;}
.view-cal .cal-content .cal-inner {justify-content: space-between;}
.view-cal .cal-view .bt-head {margin-top: 0; flex: 0 1; margin-left: auto;}
.view-cal .body-inner:first-child .cal-content:first-child .cal-inner {border-top: 1px solid var(--secondary-lightgray);}
.view-cal .time-group li {display: inline-block;}
.view-cal .cal-view-desc span {display: initial;}
.view-cal .cal-view-desc p {margin-bottom: 0px;}
.view-cal .time-group li {padding: 0 10px; position: relative;}
.view-cal .time-group li:first-child {padding-left: 0px;}
.view-cal .time-group li:last-child {padding-right: 0px;}
.view-cal .time-group li:not(:last-child):before {content: ''; position: absolute; width: 1px; top: 50%; right: 0; height: 14px; background: var(--black); transform: translateY(-50%);}
.cal-content.active .info-details .cal-view-inner {display: block;}
.view-cal .cal-content.active .cal-inner, .view-cal .cal-content.active .cal-view {align-items: self-start;}
.view-cal .cal-content.active .cal-desc span {font-size: 13px;}
.view-cal .cal-content .cal-desc span {white-space: nowrap;}
.view-cal .info-details {padding: 0px; border: initial; background: initial;}
.view-cal .info-desc {max-width: 132px; min-width: 132px;}
.view-cal .cal-content.active .cal-lock {display: none;}
.view-cal .info-inner-wrapper .cal-view-inner li {margin-top: 7px;}

/***********
    Calendar Right Sidebar
********************/
.cal-block { /* position: relative; */ max-width: 16.719%; min-width: 291px; padding-left: 0; padding-right: 30px; margin-top: 68px; position: sticky; top: 100px; height: 100%; }
.week-cal + .cal-block {margin-top: 90px;}
.cal-block .sidebaar-content {padding: 20px 16px;}
.sidebar-content-inner {max-height: calc(100vh - 310px);  overflow-x: hidden; padding-right: 5px; overflow-y: auto; padding-bottom: 160px; }
.sidebaar-content .form-group { padding-bottom: 67px; max-height: calc(100dvh - 335px); overflow-x: hidden; padding-right: 5px; overflow-y: auto; }
.cal-block form .select-inner svg {display: none;}
.cal-block .select-inner svg {gap: 10px;}
.input-box .input-wrap:not(:last-child) {margin-bottom: 10px;}
.input-wrap .select-options {min-width: 100%; left: 0; z-index: 2;}
.name {border-radius: var(--border-radius-6); background: var(--white); padding: 6px 10px; color: var(--black); font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.304px;}
li.active .name {background: var(--primary-yellow);}
.form-group .select-date-start, .select-date-end {padding: 11px 9px;}
.form-inner-field {flex: 1 50%;}
.input-ico {position: absolute; top: 0; height: 100%; text-align: center; line-height: 55px; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.form-group .input-ico + .control-form {padding-left: 12px; padding-right: 32px;}
.input-wrap .input-ico {font-size: 11px; min-width: 20px; z-index: 1;}
.input-ico + .control-form {background: transparent; padding-left: 44px;}
.sidebar-title .btn-block {border: 1px solid var(--primary-yellow); padding: 6px 12px; color: var(--primary-yellow); text-align: center; font-size: 16px; font-weight: 500; line-height: 100%; letter-spacing: -0.304px;}
.sidebaar-content .control-form {color: var(--secondary-darkgray);}
.sidebaar-content .sub-label {padding-top: 0; padding-bottom: 10px;}
.form-inner-field:not(:first-child), .inner-items .form-inner-field {margin-top: 20px;}
.cal-block .sidebar-inner .form-btn { padding: 0px 16px 19px; }
.inner-items {display: flex; align-items: center; gap: 10px;}
.cal-side-desc {margin-top: 30px;}
.desc-inner:not(:last-child) {margin-bottom: 35px;}
.desc-inner span {color: var(--black); font-size: 12px; letter-spacing: -0.228px; text-transform: uppercase;}
.desc-inner h3, .desc-inner h3 span {color: var(--black); font-size: 17px; font-weight: 500; line-height: 100%; letter-spacing: -0.323px; display: flex; align-items: center; gap: 5px;}
.sidebaar-content .cal-side-desc .show-note-text, .cal-side-desc .form-btn {margin: 0;}
.cal-side-desc .note-content, .info-wrapper p {font-size: 16px;}
.cal-side-desc .info-wrapper p {font-size: 15px;}

/* cal note sidebaar */
.sidebar-block .inner-wrapper-block .sidebaar-content.note-main-section { padding: 20px 10px; min-height: initial; }
.note-main-section .single-calendar .date-picker-wrapper { padding: 0 5px; }
.note-main-section .sidebar-content-inner { max-height: calc(100vh - 288px); height: initial; }
.note-main-section .note-content-area { padding-top: 20px; }
.note-main-section .note-content-wrapper.active .note-content-inner { background: #F9E7BC; }
.note-main-section .note-content-wrapper.active p, .note-main-section .note-content-wrapper.active .color-block, .note-main-section .note-content-wrapper.active .user-name-info, .note-main-section .note-content-wrapper.active .note-content-chart, .note-main-section .note-content-wrapper.active .note-content-chart h3, .note-main-section .note-content-wrapper p, .note-main-section .note-content-wrapper .color-block, .note-main-section .note-content-wrapper .user-name-info, .note-main-section .note-content-wrapper .note-content-chart, .note-main-section .note-content-wrapper .note-content-chart h3 { color: var(--black); }
.note-form-content { padding-top: 20px; }
.note-main-section textarea.control-form { padding: 10px 9px; min-height: 146px; }
.cal-block .sidebar-inner .note-main-section .form-btn { flex-direction: row; gap: 10px; padding: 0 0px 20px !important; margin-top: 20px; position: relative; display: none; box-shadow: initial; }
.note-main-section .note-content-inner { cursor: initial; }
.note-main-section .note-content-desc { border-color: var(--secondary-lightgray); }
.note-content-chart .action-icon { cursor: pointer; }
.sidebar-inner .note-main-section .form-btn .btn-block { padding: 8px 20px; }
.note-main-section .note-content-wrapper.active_edit .note-content-inner { background: var(--white); border: 1px solid var(--secondary-darkgray); }
.note-main-section .note-content-wrapper.active_edit .summary_edit_note { display: block; width: 100%; }
.note-main-section .note-content-wrapper.active_edit p { display: none; }
.note-content-area .control-form { display: none; }
.note-content-wrapper.active_edit .control-form { margin-top: 20px; display: block; }
.sidebar-inner .note-main-section .note-content-wrapper.active_edit .form-btn { display: flex; border-bottom: 1px solid var(--secondary-lightgray); }
.note-main-section .action-btn svg { fill: var(--primary-darkblue); stroke: initial; }
.note-main-section .note-content-wrapper.active_edit .action-btn .edit_summary_notes svg { fill: var(--primary-yellow); }
.summary_edit_note { outline: none; background: initial; border: initial; resize: initial; font-family: var(--secondary-family); font-size: 13px; font-weight: 400; line-height: 130%; display: none; }

/***********
    Info Details
********************/
.info-details {padding: 30px; border: 1px solid var(--primary-darkblue); background: #353990; min-height: 278px; width: 100%;display: flex;overflow: auto;}
.info-inner-wrapper {display: flex; justify-content: space-between; gap: 50px;flex: 1; flex-wrap: nowrap;}
.info-details.active p, .cal-content.note-open .cal-inner p {color: var(--white);}
.info-desc, .info-note {flex: 1;}
.info-desc {max-width: 162px; min-width: 162px;}
.info-note {max-width: 345px; border-left: 1px solid #323466; padding-left: 50px; margin-left: auto; min-width: 345px; position: relative;}
.info-desc .cal-view-title {width: initial;}
.info-desc p {color: var(--white); font-size: 11px; font-weight: 300; line-height: 140%; text-transform: uppercase;}
.info-note > h3 {color: var(--white); font-family: var(--secondary-family); font-size: 16px; font-weight: 700; line-height: 140%; padding-bottom: 10px; border-bottom: 1px solid #323466;}
.note-desc {margin-top: 20px;}
.bt-content-inner {max-height: 500px; overflow-x: auto; padding-right: 4px;}
.note-desc h4, .note-desc p, .note-desc a {color: var(--white); font-family: var(--secondary-family); font-size: 14px; font-weight: 400; line-height: 140%;}
.note-desc h4 {font-weight: 700; margin-bottom: 5px;}
.note-desc a {text-decoration-line: underline;}
.info-inner-wrapper .bt-head { padding: 3px 10px 10px; }
.info-inner-wrapper .bt-head span { color: var(--white); }
.info-inner-wrapper .bt-head span svg { stroke: var(--white); }
.info-inner-wrapper .cal-content.active .bt-head svg { fill: var(--primary-yellow); stroke: var(--black); }
.with-note .bt-icon svg, .cal-content.active .with-note.bt-head .bt-icon svg { fill: var(--primary-yellow); stroke: var(--black); }
.cal-content.active .info-details ~ .bt-head { display: none; }
.note-content-wrapper:not(:last-child) {margin-bottom: 10px;}

/*************************** 
   Custom date range
***************************/
.order-block .select-inner svg {display: none;}
.date-picker-wrapper {background: transparent; box-shadow: 0px 4px 20px rgb(0 0 0 / 10%); border-radius: var(--border-radius-5); max-width: 450px; min-width: 280px; position: relative; width: 100%;}
.empty_date_range svg { width: 15px; height: 15px; }
.select-head {background: var(--white); display: flex; align-items: center; justify-content: space-between; position: relative; border-radius: var(--border-radius-5); overflow: hidden; flex: 1;}
.select-date.selected ~ .slide-box {background: var(--primary-yellow); color: var(--white); position: absolute; height: 100%; width: 50%; top: 0; left: 0; transition: all 0.4s ease; opacity: 0;}
.select-date.selected ~ .slide-box {opacity: 1;}
.select-date-start.selected ~ .slide-box {transform: translateX(0%);}
.select-date-end.selected ~ .slide-box {transform: translateX(100%);}
.select-inner {cursor: pointer; display: flex; align-items: center; position: relative; gap: 12px;}
.select-inner svg {stroke: var(--black);}
.full-date {flex: 1; position: relative; display: flex; flex-direction: column; gap: 0;}
.select-date-end:before {content: ''; border-left: 1px solid #133782; transition: all 0.4s ease; position: absolute; width: 1px; height: 100%; left: 0; top: 0;}
.select-date-start, .select-date-end {padding: 11px 20px; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; font-weight: 600; color: #030303; flex: 1; position: relative; z-index: 2; transition: all 0.4s ease;}
.hebDiv .select-date {padding: 6px 20px;}
.selected-date, .hebDate {width: 100%; background: transparent; border: none; opacity: 1; outline: none; transition: all 0.4s ease; min-width: 85px; text-align: left; color: var(--black); font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%;}
.hebDiv .selected-date, .hebDiv .hebDate {font-family: "Noto Sans Hebrew", sans-serif;}
.hebDate {direction: rtl; font-family: 'Noto Sans Hebrew';}
.select-inner .hebDate {font-weight: 400; display: none; margin-left: 0;}
.select-date.selected .selected-date::placeholder {color: var(--secondary-darkgray);}
.select-date .selected-date::placeholder {color: var(--secondary-darkgray); font-weight: 400; transition: all 0.4s ease;}
.selected, .selected .selected-date {color: var(--black);}
.selected svg path, .selected svg rect {stroke: var(--black); transition: all 0.8s ease;}
.select-inner span {margin-left: 13px;}
.selected.select-date-end:before, .select-date-start.selected + .select-date-end:before {display: none;}

/* date body start here */
.date-body {padding: 20px 20px 90px 20px; height: 500px; position: relative; display: none; position: absolute; top: 40px; right: 0; width: 100%; z-index: 999; background: var(--white); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0px 4px 20px rgb(0 0 0 / 10%); max-height: calc(100vh - 299px);}

/* .date-fields .date-body {min-width: 450px;} */
.date-fields .select-date-start, .date-fields .select-date-end {padding: 10px 20px;max-height: 38px;}
.open .date-body {display: block;}
.select-tab-items, .language-wraper {background: #EAEDF4; padding: 3px; display: flex; justify-content: space-between; align-items: center; border-radius: 50px; flex-grow: 1; position: relative;}
.range-block {display: flex; align-items: center; gap: 41px; margin-bottom: 30px;}
.date-fields .inner-tab, .date-fields .lang {border-radius: 50px; padding: 8px 16px; flex: 1; color: #133782; font-size: 16px; font-weight: 700; text-align: center; line-height: normal; cursor: pointer; display: block;}
.select-date-wrapper {border-top: 1px solid #E0E1E5; border-bottom: 1px solid #E0E1E5; display: flex; gap: 35%; align-items: center; margin-bottom: 20px;}
.select-date-wrapper.active span.previous, .select-date-wrapper.active span.next {cursor: not-allowed;}
.date-by-months, .date-by-years {flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 5px; font-size: 14px; font-weight: 700; color: #030303; line-height: normal;}
.select-date-wrapper span i {height: 13px; transition: all 0.2s ease; font-size: 10px;}
.select-date-wrapper span.select-month, .select-date-wrapper span.select-year {display: inline-flex; align-items: center; line-height: normal; padding: 0px; gap: 3px;}
.select-date-wrapper span {border-bottom: 2px solid transparent; padding: 8px 0px; cursor: pointer;}
.select-date-wrapper span.previous, .select-date-wrapper span.next {width: 30px;}
.select-date-wrapper span.next {text-align: right;}
.select-date-wrapper .select-date .select-month, .select-date-wrapper .select-date .select-year {border-bottom: 2px solid var(--primary-yellow);}
.select-date-wrapper .select-date span i {transform: rotateX(-180deg); height: 13px;}

/* Days, Months, Years, fixed */
.date-picker-wrapper.he .select-date-wrapper span, .date-picker-wrapper.he .pick-date-range-wrapper span {font-family: "Noto Sans Hebrew", sans-serif;}
.weeks-block, .days-block, .month-block, .year-block, .preset-year-block {display: flex; align-items: center; gap: 2px;}
.days-block, .month-block, .preset-year-block  {flex-wrap: wrap;}
.select-date-container-wrapper {max-height: 100%; overflow-y: auto; padding-right: 3px;}

/* width */
.year-block::-webkit-scrollbar, .select-date-container-wrapper::-webkit-scrollbar {width: 3px;}
.year-block::-webkit-scrollbar-track, .select-date-container-wrapper::-webkit-scrollbar-track {border-radius: var(--border-radius-10); background: #E6E6E6;}
.year-block::-webkit-scrollbar-thumb, .select-date-container-wrapper::-webkit-scrollbar-thumb {background: #224B9F; border-radius: var(--border-radius-10);}
.year-block {flex-wrap: wrap;}
.day-title, .day-inner {max-width: 56px; width: 100%; max-width: 13.70%;}
.day-inner {cursor: not-allowed;}
.pick-date-range-wrapper .pick-item {flex: 1 1 32.59%; max-width: 32.59%;}
.day-title, .day, .text-contant {text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; color: var(--secondary-darkgray); font-family: var(--secondary-family); font-weight: 700; line-height: 140%;}
.day-title {font-size: 10px; font-weight: 700; min-height: 20px;}
.text-contant {font-size: 16px; font-weight: 700; background: #EAEDF4; border-radius: var(--border-radius-4); transition: all 0.3s ease;}
.month-block .text-contant {min-height: 56px;}
.year-block .text-contant, .fixed .text-contant, .fixed-inner .text-contant, .preset-year-block .text-contant {min-height: 56px;}
.day {min-height: 47px; border-radius: var(--border-radius-4); transition: all 0.3s ease; font-size: 16px;}
.in-hover {background: #EAEDF4;}
.range-block .active, .active .text-contant, .pick-date-range-wrapper .active, .pick-date-range-wrapper .selected, .day:hover, .text-contant:hover, .owl-item .pick-item.active .text-contant, .day.today.active {background: var(--primary-yellow); color: var(--black);}
.day.today {background: #fbf1d6; color: #202020;}
.date-range-btn {display: flex; align-items: center; gap: 20px; position: absolute; width: 100%; bottom: 0px; left: 0; padding: 0px 30px 30px; background: var(--white); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index: 1;}
.date-btn {border: 1px solid #666666; padding: 8px 20px; text-align: center; color: #666666; border-radius: var(--border-radius-6); font-size: 16px; width: 100%; outline: none; background: var(--white); font-weight: 500; line-height: 20px;}
.date-btn.apply {background: var(--primary-yellow); color: var(--black); border-color: var(--primary-yellow);}
.close-picker {text-align: center; background: #030303; color: var(--white); font-size: 19px; position: fixed; height: 42px; width: 42px; z-index: 20; right: 0; top: 0; padding: 10px; line-height: normal; cursor: pointer; opacity: 0; display: none;}
.close-picker.cal-cross {display: block;}

/* oder page date picker */
.single-calendar .date-picker-wrapper {min-width: initial; box-shadow: initial;}
.order-block .event-outer {display: block; width: 100%;}
.single-calendar .select-head {border: 1px solid var(--secondary-darkgray); min-height: 45px;}
.single-calendar .slide-box {display: none;}
.single-calendar .select-date-end:before {display: none;}
.single-calendar .date-body {min-width: 450px; border-radius: var(--border-radius-5); border-top: initial; top: 46px; left: 0;}
.single-calendar .select-date.selected ~ .slide-box {background: initial;}
.calendar-date-picker {position: fixed; max-width: 450px; padding-right: 30px; padding-left: 0; z-index: 999999;}
.calendar-date-picker .date-body {border-radius: var(--border-radius-5); border-top: initial;max-height: calc(100vh - 100px);}                      

/* direction */
.heb-date {direction: rtl;}

/* Time formate */
.ui-timepicker-container.ui-timepicker-standard {padding: 19px 5px 30px; z-index: 9 !important; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); box-shadow: 0px 2px 10px 0px var(--black-shadow); color: var(--black); font-family: var(--primary-family); font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.304px;}
.ui-widget.ui-widget-content {border: initial; padding: 0px;}
.ui-timepicker-container .ui-timepicker-viewport, .ui-timepicker-container .ui-menu .ui-menu-item {width: 100% !important; list-style: initial;}
.ui-timepicker-container .ui-menu-item a {background: transparent; border: initial; padding: 10px 0; border-radius: initial; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid var(--secondary-lightgray); text-align: left;}
.ui-timepicker-container .ui-menu-item a#ui-active-item {border-radius: var(--border-radius-6); background: var(--primary-yellow); padding: 10px; margin-left: 0px; margin-right: 0px; border-bottom-color:  transparent;}
.ui-timepicker-container .ui-menu-item:not(:first-child) a {margin-top: 7px; margin-bottom: 7px;}

/***********
    Mobile Modal
********************/ 
.mb-btn-block {border-radius: var(--border-radius-6); border: 1px solid var(--primary-darkblue); background: var(--primary-darkblue); min-width: 36px; height: 38px; margin-left: auto; display: none; align-items: center; justify-content: center; max-width: 38px;} 
.mob-modal-wrapper .modal-dialog.modal-dialog-centered {margin: 0;} 
.mob-modal-wrapper .modal-content {border-radius: 5px 5px 0px 0px; background: #F5F6FA; border: none;}
.mob-modal-wrapper .modal-footer, .footer-btn-wrap {display: flex; background: var(--white); box-shadow: 0px 0px 9px 0px var(--black-shadow); border: none; padding: 20px 30px; gap: 20px; position: fixed; z-index: 1; width: 100vw; bottom: 0;} 
.modal .btn-block {border: 1px solid transparent;} 
.modal .footer-btn-wrap .btn-block {font-size: 16px; padding: 8px 20px 9px; width: 100%;} 
.modal .btn-block.bg-none {border-color:var(--secondary-darkgray); color: var(--secondary-darkgray);} 
.modal-lable-title {color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; margin-bottom: 10px;} 
.mb-body-inner:not(:last-child) {margin-bottom: 30px;} 
.mob-order-wrapper .modal-dialog {min-height: auto; max-width: initial; margin: 52px 0 0px;} 
.mob-order-wrapper .modal-content {height: calc(100vh - 52px); border-radius: initial; border: initial; overflow-y: auto;} 
.mob-order-wrapper .modal-body {padding: 30px;} 
.group-outer-tab .select-options {position: relative; top: initial; left: initial; padding: 25px 30px 10px;} 
.group-outer-tab .head-option {padding-bottom: 20px;}
.group-outer-tab .head-option, .group-outer-tab .search-input {margin: 0px 0px 20px;}
.group-outer-tab .list-items {max-height: calc(100vh - 289px); overflow-y: auto;} 
.group-outer-tab {position: fixed; width: 100vw; top: 0; margin-top: 52px; left: 0; z-index: 9; background: var(--white); padding-top: 10px;} 
.group-inner-tab {height: calc(100vh - 137px); overflow-y: auto;} 
.group-outer-tab {display: none;} 
.filter-title {color: var(--black); font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.304px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;} 
.filter-inner .filter-title {padding-bottom: 20px; padding-top: 20px;} 
.filter-inner:not(:last-child) .filter-title {border-bottom: 1px solid var(--secondary-lightgray);} 
.filter-inner:first-child .filter-title {padding-top: 0px;} 
.group-inner-tab .search-input input {width: 100%;} 
.group-inner-tab .btn-content {width: 100%;} 
.group-inner-tab .list-items li:not(:last-child) .btn-content {padding-bottom: 15px; margin-bottom: 13px; border-bottom: 1px solid var(--secondary-lightgray);} 
.group-inner-tab .check-block:checked ~ .btn-content {background: transparent;} 
.no-border .group-inner-tab .list-items li:not(:last-child) .btn-content {padding-bottom: 15px; margin-bottom: 0px; border-bottom: initial;} 
.no-border .group-outer-tab .list-items {max-height: initial;}

/****************
To Do Page 
****************/
.outer-sidebar-table-wrapper { display: flex; align-items: flex-start;}
.todo-wrapper .outer-table-wrapper { width: 100%; }
.outer-sidebar-table-wrapper .main-content-wrapper.sidebar-block {padding: 40px 30px 0px; top: initial; min-width: initial;  max-width: 29%;  min-width: 450px; display: none;}

.do-tl .filter-input-wrap { display: flex;  gap: 20px; align-items: center; width: 100%; justify-content: space-between; } 
.do-tl .date-picker-wrapper { max-width: 350px; } 
.todo-wrapper .pagination-nub-wrapper { justify-content: center; } 
.todo-wrapper .form-btn { flex-direction: revert; } 
.side-bar-to { padding: 30px 26px 20px 26px; } 
.side-bar-to .default-input { border-radius: var(--border-radius-6); border: 1px solid #374767; background: var(--white); padding: 13px 25px 13px 20px; display: flex; flex-direction: column; gap: 10px; } 
.side-bar-to .default-input h6, .side-bar-to .default-input  h4, .side-bar-to .default-input  h4 span  { color: var(--black); font-size: 16px; font-weight: 300; line-height: normal; border-bottom: unset; padding-bottom: 10px; } 
.side-bar-to .default-input { min-height: 106px; } 
.side-bar-to .default-input  h4, .side-bar-to .default-input  h4 span, .side-bar-to .default-input small  { color: #374767; font-weight: 400; line-height: 100%; letter-spacing: -0.304px; border-bottom: unset; padding-bottom: initial; background-color: unset; padding: 0px } 
.side-bar-to .default-input  h4 span { font-weight: 700; } 
.side-bar-to .default-input small { font-size: 12px; letter-spacing: -0.228px; } 
.table-block .do-tl { gap: 135px; } 
/* .side-bar-to .form-btn { padding: 0; }  */
.approve .default-input { background: #FFF8E6; } 
.side-bar-to .approve .default-input h6 { border-bottom: 1px solid #374767; } 
.disapprove .default-input { border: 1px solid var(--secondary-darkgray); background: var(--secondary-lightwhite); } 
.side-bar-to .disapprove .default-input h6 { border-bottom: 1px solid var(--black); } 
.sidebar-inner .form-btn  .disapprove-btn { background: var(--secondary-lightwhite); border: 1px solid var(--secondary-lightwhite); }
.inner-form-btn { display: flex; align-items: center; gap: 20px; }
.inner-form-btn .btn-block { width: 100%; }
.inner-form-btn .btn-block.bg-none { border: 1.5px solid var(--primary-yellow); }
button.btn-block.approve-btn { border: 1.5px solid transparent; }
.info-desc h3 { color: var(--white); font-size: 11px; font-weight: 300; line-height: 140%; text-transform: uppercase; }
.todo-wrapper .sidebar-title i { display: block; } 
.todo-wrapper .inner-wrapper-block { position: relative; top: 0; }
.todo-wrapper .sidebar-title { background: #30479C; }
.todo-wrapper .sidebaar-content { padding: 0px 0px 79px; overflow: hidden; overflow-y: auto; max-height: calc(100vh - 420px); }
.sidebar-block .side-middle-main .inner-wrapper-block { border-radius: initial; border: initial; box-shadow: initial; position: relative; top: 0; height: initial; }
.sidebar-block .side-middle-main .inner-wrapper-block .accordion-wrapper .accordino-head { border-radius: initial; }
.table-block .do-tl .btn-type::before, .filter-checkbox-wrap .text-content { color: var(--white); } 
.table-block .do-tl .btn-type { background: var(--primary-darkblue); } 
.filter-checkbox-wrap .catalog-inner-check { flex: none; align-items: center; } 
.table-block .do-tl .btn-type:checked + .text-content { color: var(--white); } 
.todo-wrapper .active-todo .tb-items { background: #30479c; }
.todo-wrapper .active-todo .tb-items .action-btn a.action-icon { filter: brightness(0.5) invert(1); }
.todo-wrapper .tb-items { cursor: pointer; } 
.todo-wrapper .active-todo td.tb-items .tb-inner-content { color: var(--white); } 
.todo-wrapper .sidebaar-content .item-wrap .item-inner {border-top: unset; padding-top: 0; margin-top: 0;}
.todo-wrapper .accordino-head h2 { color: var(--black); margin: 0; }
.left-side-btn .btn-block { width: auto!important;}
.todo-wrapper .sidebaar-content .accordino-inner-wrapper .sidebaar-content {min-height: unset;}
.input-wrap-inner { display: flex; flex-direction: column; gap: 10px; }
.note-content-inner + .inner-form-btn { margin-top: 10px; gap: 10px; width: 100%; }
.assign-note-info .input-wrap .control-form { min-height: 90px;}
.assign-note-info  .form-btn { margin-bottom: 30px;}
.assign-note-info .side-middle-main { min-height: auto;}
.assign-note-info .form-btn .btn-block { padding: 9px 30px; color: var(--black); text-align: center; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.342px;}
.note-loading {  height: 0;  width: 0; padding: 15px;  border: 6px solid var(--primary-darkblue);  border-right-color: var(--primary-yellow);  border-radius: 22px;  -webkit-animation: rotate 1s infinite linear;  position: absolute;  left: 50%;  top: 50%;}
@-webkit-keyframes rotate { 100% {  -webkit-transform: rotate(360deg);}  }

.order-view-disable-builder .info-detail { background: var(--secondary-lightwhite)!important;}
td.order-bg { background: var(--secondary-lightwhite);}
.main-inner-table.order-bg { border-spacing: 0px 0px;}
.order-bg .black-box .svg_show path {fill: var(--white);}
.order-bg .black-box .svg_show {width: 13px;height: 13px;}
.side-bar-to .default-input h6 {border-bottom: 1px solid #374767;}
.view-cal .cal-day:first-child {min-width: 130px; max-width: 131px;}
.sidebar-inner .form-btn b {display: flex; flex-direction: column; gap: 20px; width: 100%;}
.week-cal + .cal-block .side-bar-to {padding: 0;}
 .week-cal + .cal-block .sidebar-inner .edit-index .form-btn {flex-direction: row;} 
.calendar-notes >span { display: block; padding-bottom: 10px;}
.calendar-notes >span + span {padding-top: 8px; line-height: 24px;}
.calendar-notes .drop-down .selected a { width: fit-content;}
.icon i.fa-xmark {  display: none;}
.icon.search-cross-btn {background: var(--white); min-height: 32px; max-height: 32px; border-radius: var(--border-radius-6); top: 3px; max-width: 30px; margin-right: 10px;}
.search-cross-btn i.fa-xmark { display: block; font-size: 16px; color: var(--secondary-darkgray);}
.week-cal + .cal-block .side-bar-to .show-note-text {  margin-right: 0;}
.category-title .sec-disable-checkbox {display: flex; align-items: center;}
.empty_wrap.open > .inner-section { display: block;  padding: 0px 10px;}
.note-popup.modal-wrapper .modal-title { font-size: 24px; line-height: 120%; letter-spacing: -0.456px;  text-transform: capitalize;}
h4.note-wrap { color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; margin-bottom: 10px; margin-top: 20px;}
.sidebar-block .inner-wrapper-block {position: sticky; top: 100px; overflow: initial;}
.sidebar-inner .form-btn {  position: absolute;  top: auto;  right: 0;  bottom: 0px;  background: var(--white);  width: 100%; z-index: 3; }
.edit-index .side-bar-to { padding: 0;}
.todo-wrapper .sidebaar-details { padding: 30px 26px 20px 26px;}
.selected-assign-notes .show-note-text, .show-note-text.selected-assign-notes {    background: #f9e7bc;}
.menu, .enron_menu_section_box { width: 100%; }
.new_img, .new_img, .old_img {   position: relative;   width: max-content;}

/* Preview Popup  */
.load_preview .main-content-wrapper, .close .load_preview .main-content-wrapper { margin: 0px; max-width: inherit; padding: 0px; }
.load_preview .modal-wrapper .modal-dialog{ max-width: 1160px; }
.load_preview .modal .modal-footer .btn-block { margin-bottom: 0; margin-top: 30px; max-width: calc(50% - 10px); }
.load_preview .modal-wrapper .modal-footer { gap: 10px; box-shadow: initial; padding: 0; margin-top: 0; }
.load_preview .modal-wrapper .modal-header { border-bottom: none; position: absolute; right: 30px; top: 17px; z-index: 1; padding: 0px; }

/* Size Page */
.size-area .drag-wrap { margin-top: 20px; margin-bottom: 0px; }
.size-area .bottom-more-btn { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--secondary-lightgray); }
.size-area .add-more { max-width: calc(16.66666667% + 68px); min-width: 358px; }
.size-area .add-more .add-type { margin-right: 0px; }

/* 13/06/25 */
.category-notes-inner { gap: 15px; padding-right: 15px; }
.category-block-element { gap: 15px; }
.catalog-block-check { gap: 15px; }
.black-box-wrapper { display: flex; gap: 20px; }
.item-group-title .black-box-wrapper { padding-right: 92px; }
.black-box { color: var(--white); font-size: 14px; font-weight: 600; padding: 2px 6px; background: var(--primary-darkblue); }
.action-btn .black-box { color: var(--primary-darkblue); background: var(--white); }
.item-group-title { display: flex; justify-content: space-between; align-items: center; }
.order-view-disable .black-box { display: none; }
.load_preview .action-icon { display: none; }

/* 16/06/25 */
.order-details-wrapper .product-option-head { padding-left: 0; }
.search-name-tag span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-name-tag b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event-block .inner-block-content .inner-wrapper-block { overflow: initial; }
.order-details-wrapper .qty-field { gap: 10px; }
.field-area .edit-index { padding: 0 10px; margin-bottom: 20px; position: relative; }
.edit-index .search-input input { outline: none; padding: 12px 40px 12px 20px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); background: var(--white); color: var(--secondary-darkgray); font-size: 14px; font-weight: 400; line-height: 100%; width: 100%; height: 45px; }

/* 19/06/25 */
/* .builder-column-items { height: 55px; } */
.order-details-wrapper .group-block .italic { padding-left: 20px; }
.order-details-wrapper .inner-group-detail { padding: 0 0 10px 0; margin: 0 20px 10px 20px; border-bottom: 1px solid var(--secondary-lightgray); }
.order-details-wrapper .head-group .col-3 { padding: 0; }
.order-details-wrapper .group-block { margin-bottom: 30px; }
.order-details-wrapper .item-group-title h3 { padding: 8px 20px; }
.table-wrapper .saved-builder-table tbody tr td:first-child { z-index: 1; }
.table-wrapper .saved-builder-table tbody tr .group-builder { background: #d4d4d4; }
.table-wrapper .saved-builder-table tbody .group-builder .tb-inner-content { font-weight: 500; }

/* 04/09/2025 */
.main-content-wrapper .option-group-list.outer-pd.outer_select { width: 33.3%; max-width: 100%; padding-right: 20px; }
/* .product-body-details .group-block-area .check-label { border-radius: 6px 6px 6px 6px; } */
.preset_qty, .select-item-details, .group-dropdown-inner { display: none; }
.editable-preset-options:has(.edit_preset:checked) .preset_qty, .editable-preset-options:has(.edit_preset:checked) .select-item-details, .editable-preset-options:has(.edit_preset:checked) .group-dropdown-inner {
    display: flex;
}
.editable-preset-options:has(.edit_preset:checked) .read-text { display: none; }
/* .editable-preset-options:has(.edit_preset:checked) .main-option-wrapper .check-label { border-radius: 6px 0px 0px 6px; border-right: initial; } */
.main-option-wrapper .count-num { height: 100%; }
/* .product-body-details .group-block-area .check-label { align-items: flex-start; } */

/* Fixed Uupper */
.quatily-name.fixed-upper { top: 100px; width: 100%; left: 0; box-shadow: initial; padding: 13px 0px 13px 0px; position: fixed; transition: all 0.5s ease-in-out; opacity: 0; visibility: hidden; }
.order-block .quatily-name.fixed-upper.fixed-tab {opacity: 1; visibility: visible;}
.order-block .quatily-name.fixed-upper .main-content-wrapper { padding: 0px 50px; }
.order-block .quatily-name.fixed-upper .quality-title { padding: 0 56px; }
.order-block .quatily-name.fixed-upper .sidebar-block { display: block; }
.close .order-block .quatily-name.fixed-upper .main-content-wrapper { max-width: calc(100% - 77px); margin-left: 77px; }
.close .order-block .quatily-name.fixed-upper .quality-title { padding: 0 64px; }
.order-block .quatily-name.fixed-upper .main-content-wrapper.sidebar-block { padding-left: 0px; margin-left: 0px; }
.close .order-block .quatily-name.fixed-upper .main-content-wrapper.sidebar-block { margin-left: 0px; max-width: 23.2%; }
.accordino-side-left .quatily-name.fixed-upper {position: fixed; top: 70px; left: 0; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08); background: #F3F8FF; padding: 14px 45px;}

/****************
    Additional Table Setting
****************/
.additional-layout-wrapper { border-radius: var(--border-radius-6); border: 3px solid var(--white); background: var(--white); box-shadow: 0px 8px 30px 0px var(--black-shadow); position: relative; }
.additional-body-wrapper { padding: 20px; }
.additional-item-head { border-radius: 6px 6px 0px 0px; border-bottom: 1px solid var(--secondary-lightgray); background: #F3F8FF; padding: 8px 20px 8px 20px; }
.additional-head-inner { display: flex; align-items: center; gap: 20px; justify-content: space-between; }
.additional-head-inner h3 { width: 100%; }
.additional-items { background: #F3F8FF; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-lightgray); }
.additional-items:not(:last-child) { margin-bottom: 20px; }
.additional-item-body { padding: 0px 20px; }
.additional-item { display: flex; align-items: flex-start; gap: 10px; padding: 20px 0; }
.additional-item:not(:last-child) { border-bottom: 1px solid var(--secondary-lightgray); }
.add-name-block { color: var(--black); font-size: 16px; font-weight: 500; line-height: normal; width: 26%; min-width: 160px; min-height: 45px; display: flex; align-items: center; }
.additional-field-block { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 250px; flex-wrap: wrap; }
.additional-field-block .control-form { width: calc(100% - 55px); }
.additional-field-block label { width: 100%; }
.book-order-view .add-name-block { min-height: inherit; }

/* DroupZone */
.additional-field-block .dropzone .dz-details, .additional-field-block .dropzone .dz-progress, .additional-field-block .dropzone .dz-error-message, .additional-field-block .dropzone .dz-success-mark, .additional-field-block .dropzone .dz-error-mark { display: none !important; }
.additional-field-block .add-img-block .dropzone { min-height: initial; border: 1px dashed var(--secondary-darkgray); background: transparent; padding: 0; border-radius: var(--border-radius-6); aspect-ratio: 1/1; overflow: hidden; }
.additional-field-block .dropzone .dz-preview .dz-image { border-radius: var(--border-radius-6); width: 45px; height: 100%; aspect-ratio: 1/1; }
.additional-field-block .dropzone .dz-preview .dz-image img { width: 100%; height: 100%; object-fit: contain; }
.additional-field-block .add-img-block .dropzone .dz-message, .additional-field-block .dropzone .dz-preview { margin: 0px; min-height: initial; }
.additional-field-block .add-img-block .dropzone .dz-message { aspect-ratio: 1/1; position: relative; }
.additional-field-block .add-img-block .dropzone .dz-message::before { content: "\f574"; position: absolute; top: 0; right: 0; text-indent: 0; font-family: "Font Awesome 6 Pro"; font-size: 25px; font-weight: 900; color: #BFC9DE; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.additional-field-block a.dz-remove { position: absolute; top: 0px; right: 2px; text-indent: 100px; overflow: hidden; width: 14px; font-size: 0; aspect-ratio: 1/1; z-index: 11; }
.additional-field-block a.dz-remove::before { content: "\f00d"; position: absolute; top: 0; right: 0; text-indent: 0; font-family: "Font Awesome 6 Pro"; font-size: 10px; color: var(--black); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.additional-field-block .preview-images { display: flex; align-items: center; gap: 10px; }
.additional-field-block .add-img-block { width: 100%; max-width: 45px; aspect-ratio: 1/1; }
.preview-images img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); width: 100%; max-width: 45px; aspect-ratio: 1/1; }
.add-qty-block { display: flex; gap: 10px; align-items: center; width: 16%; min-width: 110px; }
.add-qty-block .control-form { padding: 12px 4px; }
.add-more-bolck { padding: 20px; border-top: 1px solid var(--secondary-lightgray); }
.add-more, .remove-block { width: 100%; max-width: 54px; min-width: 54px; height: 45px; cursor: pointer; }
.add-more i { width: 100%; height: 100%; }
.add-more i, .remove-block { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--secondary-darkgray); border-radius: var(--border-radius-6); color: var(--primary-darkblue); font-size: 16px; outline: initial; background: initial; cursor: pointer; }
.remove-more-bolck { width: 100%; max-width: 54px; }

/****************
    Print Label Products
****************/
.print-layout .inner-wrapper-block, .print-layout-box .inner-wrapper-block { border: initial; padding: 30px; min-height: calc(100dvh - 200px); }
.view-head-wrap { border-bottom: 1px solid var(--secondary-darkgray); padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.add-box-btn { color: var(----black); font-family: var(--primary-family); font-size: 16px; font-weight: 500; line-height: 150%; letter-spacing: -0.176px; }
.view-heading { color: var(--primary-darkblue); font-family: var(--primary-family); font-size: 22px; font-style: normal; font-weight: 700; line-height: 140%; }
.view-body-wrapper { margin-top: 20px; }
.view-item-list { border-radius: var(--border-radius-8); border: 1px solid var(--secondary-lightgray); background: var(--white); border-bottom: initial; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04); }
.view-item-list:not(:last-child) { margin-bottom: 8px; }
.view-item-content { display: flex; align-items: center; gap: 20px; align-self: stretch; justify-content: space-between; flex-wrap: wrap; padding: 16px; }
.view-list-content, .products-info-wrap { display: flex; align-items: center; gap: 16px; flex: 1 0 0; }
.view-list-content { min-width: 300px; }
.products-info-wrap { justify-content: space-between; }
.product-amount-wrap { display: flex; align-items: center; gap: 16px; align-self: stretch; justify-content: space-between; width: 100%; max-width: 170px; }
.product-amount-inner { display: flex; align-items: center; gap: 6px; align-self: stretch; }
.product-list-img { width: 100%; max-width: 120px; aspect-ratio: 5/3; }
.product-list-img img { width: 100%; height: 100%; border-radius: var(--border-radius-6); object-fit: cover; }
.products-info-inner h4 { color: var(----black); font-size: 18px; font-weight: 500; line-height: 150%; letter-spacing: -0.198px; }
.products-info-inner p { display: flex; align-items: center; gap: 20px; color: var(----black); font-family: var(--primary-family); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.products-info-inner p span { position: relative; }
.products-info-inner p span::before { content: ''; position: absolute; top: 50%; left: -12px; width: 4px; height: 4px; background: var(----black); transform: translateY(-50%); border-radius: var(--border-radius-half); }
/* .amount-status { display: flex; padding: 4px 8px 4px 6px; justify-content: center; align-items: center; gap: 5px; border-radius: 100px; background: var(--primary-darkblue); color: var(--white); font-family: var(--primary-family); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.154px; }
.amount-status p span { margin-right: 2px; } */
.product-amount-wrap .minus-btn, .product-amount-wrap .plus-btn { display: flex; width: 45px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-darkgray); font-size: 16px; aspect-ratio: 1/1; cursor: pointer; }
.product-amount-wrap .numer-input { width: 100%; padding: 13px 4px; max-width: 68px; border-radius: var(--border-radius-6); border: 1px solid var(--secondary-lightgray); background: var(--white); color: var(--secondary-darkgray); text-align: center; font-family: var(--primary-family); font-size: 16px; font-weight: 500; line-height: normal; }
.sidebar-block.print-summary { margin-left: 0px; padding: 50px 50px 50px 0px; max-width: 23.2%; min-width: 330px; position: sticky; top: 100px; height: 100%; transition: all 0.5s ease-in-out; }
.print-summary .sidebaar-content { padding: 30px 24px 200px 24px; max-height: calc(100dvh - 252px); overflow-x: auto; }
.print-summary .sidebaar-content .detail .info-inner-detail:first-child { border-top: initial; margin-right: 0px; margin-top: 0px; padding-top: 0px; }

/* Printed Label Area */
.label-printed-wrapper { border-radius:  var(--border-radius-8); border-top: 1px solid var(--secondary-lightgray); border-bottom: 1px solid var(--secondary-lightgray); background: var(--white); width: 100%; overflow: hidden; }
.label-printed-title { padding: 16px; cursor: pointer; list-style: none; color: var(--primary-darkblue); font-weight: 400; line-height: normal; background: var(--white); position: relative; }
.label-printed-title:after { content: '\f107'; font-family: 'Font Awesome 6 pro'; position: absolute; left: 138px; top: 20px; font-size: 14px; font-weight: 600; width: 100%; max-width: 12px; height: 12px; min-width: 12px; min-height: 12px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease-in-out; }
.label-printed-wrapper[open] .label-printed-title:after { transform: scaleY(-1); }
.label-printed-wrapper[open] .label-printed-title { background: #F5F6FA; }
.label-printed-wrapper[open] { border-top-left-radius: 0; border-top-right-radius: 0; }
.label-printed-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--secondary-lightgray); max-height: 256px; overflow-y: auto; }
.label-printed-items { padding: 16px 16px 0 16px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; }
.label-printed-item { width: 100%; max-width: fit-content; }
.label-printed-items:last-child { padding: 16px; }
.label-printed-item:nth-child(2) { text-align: center; }

/* Print Box View */
.view-items-box { margin-bottom: 30px; }
.view-item-box { border-radius: var(--border-radius-8); border: 1px solid var(--secondary-lightgray); background: var(--white); border-bottom: initial; }
.view-item-box:not(:last-child) { margin-bottom: 16px; }
.view-item-box .view-item-content {
    flex-direction: column;
    align-items: flex-start;
}
.print-box-head, .print-box-inner { display: flex; align-items: center; gap: 16px; justify-content: space-between; width: 100%; }
.print-box-inner h3 { color: var(----black); font-size: 18px; font-weight: 700; line-height: 24px; display: flex; align-items: center; gap: 20px; }
.print-box-inner h3 span { font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.176px; position: relative; }
.print-box-inner h3 span::before { content: ''; position: absolute; top: 50%; left: -12px; width: 4px; height: 4px; background: var(--secondary-lightgray);; transform: translateY(-50%); border-radius: var(--border-radius-half); }
.box-print-items { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.box-print-item { display: flex; padding: 4px 4px 4px 12px; justify-content: center; align-items: center; gap: 4px; border-radius: var(--border-radius-6); background: #F9E7BC; }
.box-print-item h4 { color: var(----black); font-family: var(--primary-family); font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.176px; }
.box-print-item span { cursor: pointer; aspect-ratio: 1/1; width: 100%; max-width: 20px; font-size: 14px; line-height: 20px; padding: 0px 5px; }
.print-box-note p, .no-fond-content p { color: var(----black); font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.176px; }
.print-box-note b { font-size: 16px; font-weight: 600; margin-right: 2px; }

/* No products  */
.no-products-content { display: flex; padding: 16px; flex-direction: column; align-items: stretch; gap: 8px; border-radius: var(--border-radius-8); background: #FFF8E6; }
.no-products-content .view-heading { display: flex; align-items: center; gap: 8px; }
.no-fond-content p { padding-left: 32px; }

/* 01/09/2026 */
.breadcrumb-heading {
    display: flex;
    gap: 12px;
    margin-bottom: 10px;
}
.btn-back {
    outline: initial;
    border: initial;
    color: var(--primary-darkblue);
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    border-radius: 100px;
    background: #ffbd16;
    padding: 6px 10px;
}
.breadcrumb-heading .btn-back:hover {
    opacity: 0.7;
}
/* 26/02/2026 */
.printers_view .table-wrapper {
    height: initial;
}
.printers_view .inner-wrapper-block:not(:last-child) {
    margin-bottom: 20px;
}
.printers_view .printers-title h3 {
    color: #fff;
    font-size: 20px;
}
.printers_view .add-printer-btn {
    justify-content: end;
    margin-bottom: 20px;
}

/* 30/04/2026 */
.todo-wrapper .sidebaar-content {
    padding: 0px 0px 138px;
    max-height: calc(100vh - 385px);
}
.form-btn {
    flex-wrap: wrap;
}
.sidebar-inner .form-btn .btn-block:not(:last-child) {
    flex: calc(50% - 8px);
}
.todo_pdf_btn {
    width: 100%;
}




/*************************** 
    @media Responsive screen area
***************************/

@media only screen and (max-width: 2048px) and (min-width: 1441px) {
    .order-details-wrapper .product-block-head { width: 230px; }
    .order-details-wrapper .col-note-inner { width: 100%; max-width: 300px; }
    .order-details-wrapper .add-quality-field { width: 122px; }
    .order-details-wrapper .qty-field { width: 100px; }
    .order-details-wrapper .last-head-inner { width: 245px; }
    .order-details-wrapper .col-note-inner, .col-note-inner { max-width: 412px; }

    /* -----------------
        Product Header Area
    ------------------ */
   .product-block-head { width: 250px; }
   .option-head-inner h6:not(.last-head-inner h6) { width: 230px; }
   .product-option-head { width: calc(100% - 250px); }
   .last-head-inner { width: 316px; }
   .last-head-inner h6:first-child { width: 130px; }
   .last-head-inner h6:last-child { width: 168px; }

    /* -----------------
        Product Group Area
    ------------------ */
   .inner-group-detail .product-block, .group-outer-wrapper .col-btn-inner, .col-note-inner { width: 230px; }
   .inner-group-detail .product-option { width: calc(100% - 230px); }
   .sub-group-wrap.disable_group .inner-group-detail .product-block { width: 250px; }
   .sub-group-wrap.disable_group .inner-group-detail .product-option { width: calc(100% - 250px); }

   /* Couple Wrapper */
   .couple-wrapper { width: 316px;}
   .product-notify-inner .add-quality-field .form-select { width: 96px; }
   .product-notify-inner .qty-field .form-select { width: 120px; }

}

@media only screen and (max-width: 1885px) and (min-width: 1600px) {
    .order-details-wrapper .col-note-inner { max-width: 250px; }

}

@media only screen and (max-width: 1599px) and (min-width: 1441px) {
    .last-head-inner { width: 145px; }
    .order-details-wrapper .col-note-inner { max-width: 225px; }
    .order-details-wrapper .couple-wrapper { width: 145px; }
    .order-details-wrapper .qty-field { width: 65px; }
    .order-details-wrapper .add-quality-field { width: 60px; }
    .order-details-wrapper .add-quality-field { width: 135px; }
    .order-details-wrapper .quatily-name h6 { width: 160px; }

}

@media only screen and (max-width: 1865px) {
    .header-content .btn-wrapper { gap: 20px; }
    .header-content .calendar-wrapper, .date-wrapper { gap: 15px; }
    .header-content { padding-left: 30px; }
    .group-inner-wrapper .inner-option-area, .option-head-row, .option-head-inner, .group-outer-wrapper .col-btn-inner { gap: 10px; }
    .section-group-foot .main-inner { margin-left: auto; justify-content: flex-end; }
    .main-group-wrapper .main-inner { gap: initial; }
    .inner-wrapper { padding: 30px 30px 50px 30px; }

    /* -----------------
        Product Group Area
    ------------------ */
    .size-qty-row { gap: 0px; row-gap: 10px; }
    .count-num-wrap .count-num { width: 40px; }

}

@media only screen and (max-width: 1750px) {
    .category-content-head .category-notes, .category-content-head .category-block-element {width: 100%; justify-content: normal;}
    .category-content-head .category-block-element { flex-wrap: wrap;}
    .form_control {margin-left: auto;}
    .inner-top-area { gap: 20px; }
    .right-block-area .right-head-block:first-child .inner-name-block { padding-right: 20px; }
    .inner-label-heading, .form-label-heading { font-size: 18px; }
    .left-block-area { max-width: 30%; }
    .right-block-area { max-width: 70%; }
    .category-notes-inner { padding-right: 0; }

}

@media only screen and (max-width: 1750px) and (min-width: 992px) {
    .field-area .edit-index {padding: 0 10px;}
    .control-form.uploadFile {padding: 12px 15px 12px 12px;}
    .table-block .do-tl {overflow: hidden; overflow-x: scroll;}
    .do-tl .filter-input-wrap {width: auto; }

    .right-block-area .right-head-block:first-child .inner-label-heading { padding-right: 10px; }
    .sub-group-area .head-inner-title, .option-group-list { min-width: 200px; max-width: 200px; }
    .sub-inner-group-area, .option-inner-wrapper { max-width: 562px; }
    .sub-inner-group-area { padding-right: 98px; }
    .section-product-inner.drag-wrap .outer-pd, .sub-group-area .head-inner-title { padding: 5px 6px 6px 6px; }
    .section-group-wrapper .remove-type, .section-group-wrapper .add-type { min-width: 62px; width: 62px; padding: 5px 6px 6px; }
    .section-group-wrapper .drag-grip { padding: 0 20px 0px 10px; }
    .section-group-foot .add-more .add-type { margin-right: 36px; }
    .option-inner-group { width: calc(100% - 98px); }

    /* -----------------
        Product Header Area
    ------------------ */
    .product-block-head { width: 220px; }
    .option-head-inner h6:not(.last-head-inner h6) { width: 200px; }
    .product-option-head { width: calc(100% - 220px); }
    .last-head-inner { width: 254px; gap: 0px; }
    .last-head-inner h6:first-child { width: 124px; }
    .last-head-inner h6:last-child { width: 130px; }

    /* -----------------
        Product Group Area
    ------------------ */
    .inner-group-detail .product-block, .group-outer-wrapper .col-btn-inner, .col-note-inner { width: 200px; }
    .inner-group-detail .product-option { width: calc(100% - 200px); }
    .sub-group-wrap.disable_group .inner-group-detail .product-block { width: 220px; }
    .sub-group-wrap.disable_group .inner-group-detail .product-option { width: calc(100% - 220px); }

    /* Couple Wrapper */
    .couple-wrapper { width: 255px;}
    .product-notify-inner .add-quality-field .form-select, .product-notify-inner .qty-field .form-select { width: 90px; }
}

@media only screen and  (min-width: 710px) and (max-width: 1750px)  {
    .table-block .do-tl { gap: 20px; } 
    .table-block .do-tl .search-input input[type="text"] {width: 100%;}    
    .table-block .do-tl .search-input {min-width: 120px; max-width: 140px;}
    .do-tl .filter-input-wrap {gap: 10px;}

}

@media only screen and (max-width: 1700px) {
    .header-bar .date-wrapper, .header-bar .select-wrapper, .header-bar .calendar-wrapper .btn-block { display: none; }
    .main-content-wrapper {padding: 30px 20px 57px;}
    .sidebar-block.print-summary { padding: 30px 20px 50px 0px; }
    .text-content, .btn-content {gap: 3px; }
    .order-block .quatily-name.fixed-tab .main-content-wrapper { padding: 0px 28px 0px; }
    .calendars_view_index .mobile-tab-head, .calendars_list_index .mobile-tab-head { display: block; }
    .mobile-tab-head { display: none; position: relative; top: 100px; background: #F3F8FF; padding: 15px 8px; width: 100vw; max-width: calc(100vw - 230px); margin-left: auto; }
    .catalog-block-check {gap: 15px;}
    .form_control {margin-left: auto;}
    .count-num-wrap {flex: 1; display: flex;}
    .count-num-wrap .count-num {flex: 1;}
    .accordion-wrapper .grid-view .sub-group-wrap .active ~ .category-content, .accordion-wrapper .grid-view .sub-group-wrap.disable_group .category-content, .accordion-wrapper .active ~ .category-content.inner-group-wrapper, .accordion-wrapper .disable_group .category-content.inner-group-wrapper { grid-template-columns: repeat(3, 1fr);}
    .title-group {width: 141px;}

}

@media only screen and (max-width: 1600px) {
    .catalog_events_add .quatily-name, .order-block .quatily-name { display: none !important; }
    .accordino-side-right { padding-top: 20px; }
    .sub-group-area .head-inner-title, .option-group-list { min-width: 220px; max-width: 220px; }
    .sub-inner-group-area { padding-right: 98px; }

}

@media only screen and (max-width: 1399px) and (min-width: 992px) {
    .table-wrapper {height: calc(100vh - 337px);}
    .user-page .table-wrapper {height: calc(100vh - 252px);}
    .accordion-wrapper .grid-view .sub-group-wrap .active ~ .category-content, .accordion-wrapper .grid-view .sub-group-wrap.disable_group .category-content, .accordion-wrapper .active ~ .category-content.inner-group-wrapper, .accordion-wrapper .disable_group .category-content.inner-group-wrapper { grid-template-columns: repeat(2, 1fr); }
    .size-area .add-more { max-width: calc(50% + 76px); }

}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
    /* -----------------
        Product Group Area
    ------------------ */
    .inner-group-detail .product-block, .group-outer-wrapper .col-btn-inner, .col-note-inner { width: 190px; }
    .inner-group-detail .product-option { width: calc(100% - 190px); }
    .sub-group-wrap.disable_group .inner-group-detail .product-block { width: 210px; }
    .sub-group-wrap.disable_group .inner-group-detail .product-option { width: calc(100% - 210px); }

}

@media only screen and (max-width: 1440px) {
    .order-details-wrapper .quatily-name { border-radius: 6px 6px 0px 0px; }
    .order-details-wrapper .product-option-head { display: none; }
    .order-details-wrapper .quatily-name h6 { font-size: 24px; font-weight: 700; line-height: 150%; letter-spacing: -0.456px; }
    /* .order-details-wrapper .main-menu-wrapper .accordian-wrapper-items, .order-details-wrapper .main-menu-wrapper .category-sec-wrap { margin-top: 30px; padding: 0 20px; } */
    /* .order-details-wrapper .accordian-wrapper-items .head-group { border-radius: 6px 6px 0px 0px; } */
    .order-details-wrapper .head-group h4 { text-transform: capitalize; }
    /* .order-details-wrapper .main-menu-wrapper { box-shadow: 0px 8px 30px 0px var(--black-shadow); } */
    .order-details-wrapper .item-group-title h3 { line-height: 150%; letter-spacing: -0.456px; font-weight: 700; cursor: pointer; text-transform: capitalize; }

}

@media only screen and (max-width: 1440px) and (min-width: 1400px) {
    /* .order-details-wrapper { max-width: 816px; } */
    .order-details-wrapper .inner-group-detail .product-block { width: 190px; }
    .order-details-wrapper .group-outer-wrapper .col-btn-inner { width: 110px; }
    .order-details-wrapper .inner-option-area .col-note-inner { width: 240px; }
    .order-details-wrapper .couple-wrapper, .order-details-wrapper .last-head-inner { width: 145px; }
    .order-details-wrapper .add-quality-field { width: 60px; }
    .order-details-wrapper .add-quality-field { width: 85px; }
    .order-details-wrapper .qty-field { width: 60px; }
    .order-details-wrapper .inner-group-detail .product-option, .order-details-wrapper .product-option-head { width: calc(100% - 190px); }
    .order-details-wrapper .group-inner-wrapper .inner-option-area, .order-details-wrapper .option-head-row, .order-details-wrapper .option-head-inner { gap: 15px; }
    .order-details-wrapper .group-outer-wrapper .option-row { gap: 15px; }
    .group-content-wrapper { padding-bottom: 20px; }

}

@media only screen and (max-width: 1399px) {
    .main-content-wrapper, .inner-wrapper {padding: 30px 20px;}
    .order-block .quatily-name.fixed-tab .main-content-wrapper { padding: 0px; }
    .catalog_products_add .drag-wrap:hover, .catalog_products_edit .drag-wrap:hover, .catalog_builders_add .drag-wrap:hover, .catalog_builders_edit .drag-wrap:hover, .size-area .drag-wrap:hover {background: #F5F6FA;}
    .catalog_products_add .drag-wrap, .catalog_products_edit .drag-wrap, .catalog_builders_add .drag-wrap, .catalog_builders_edit .drag-wrap, .size-area .drag-wrap {padding-right: 100.25px; margin-top: 20px;}
    .catalog_products_add .drag-grip, .catalog_products_edit .drag-grip, .catalog_builders_add .drag-grip, .catalog_builders_edit .drag-grip, .size-area .drag-grip {position: absolute; right: 0; top: 50%; translate: 0 -50%; background: initial;}
    .catalog_products_add .remove-type, .catalog_products_edit .remove-type, .catalog_builders_add .remove-type, .catalog_builders_edit .remove-type, .size-area .remove-type {width: 54px; padding: 5px 0px 6px 0px; position: absolute; right: 46.25px; bottom: 0;}
    .catalog_products_add  .add-more .add-type, .catalog_products_edit .add-more .add-type, .catalog_builders_add  .add-more .add-type, .catalog_builders_edit .add-more .add-type, .size-area .add-more .add-type {margin-right: 27.25px;}
    .size-area .add-more { max-width: 100%; min-width: initial; }
    .option-label {display: none;}
    .accordino-inner-block {min-height: initial;}
    .field-area, .accordino-side-left {padding: 20px;}
    .category-main-wrapper {padding: 0 20px;}
    .catalog_events_edit .category-main-wrapper {padding-top: 20px;}
    .accordino-side-right {padding-bottom: 20px;}
    .edit-view .col-xxl-2.img_group {width: 50%;}
    .edit-view .col-xxl-2.img_group, .edit-view .col-xl-2.img_group {flex: 1;}
    .img-inner-box {min-width: initial; flex: 1;}
    .grid-view .active ~ .category-content .sub-group-wrap .active ~ .category-content {column-gap: 20px;} 
    .header-content {padding-left: 20px; padding-right: 20px;}
    .btn-wrapper {gap: 25px;}
    .accordino-side-left { max-width: 230px; }
    .inner-top-area { flex-wrap: wrap; }
    .right-block-area, .left-block-area { max-width: 100%; }

    /* -----------------
        Section Page
    ------------------ */
    .section-group-head { display: none; }
    .section-group-wrapper .section-group-body .main-group-wrapper { max-width: 100%; padding-right: 36px; }
    .section-group-body { flex-direction: column; }
    .sub-group-area, .main-inner-content { width: 100%; }
    .section-group-body  .main-inner-content { padding-top: 0; }
    .section-group-body .main-inner .outer-pd { max-width: initial; padding: 5px 10px 6px 0px; }
    .section-product-inner.drag-wrap .outer-pd, .sub-group-area .head-inner-title { padding: 5px 10px 6px 0px; }
    .sub-group-area .head-inner-title, .option-group-list { min-width: 190px; max-width: 190px; }
    /* 16/06/25 */
    .order-details-wrapper .qty-field { width: 60px; }
    .order-details-wrapper .couple-wrapper, .order-details-wrapper .last-head-inner { width: 145px; }
    .order-details-wrapper .inner-group-detail .product-block, .order-details-wrapper .group-outer-wrapper .col-btn-inner, .order-details-wrapper .product-block-head, .order-details-wrapper .option-head-inner h6:not(.last-head-inner h6), .order-details-wrapper .col-note-inner { width: 240px; }
    .order-details-wrapper .size-qty-row { gap: 15px; }
    .order-details-wrapper .inner-group-detail .product-option, .product-option-head { width: calc(100% - 200px); }
    .order-details-wrapper .inner-group-detail .product-block { width: 200px; }
    .order-details-wrapper .inner-option-area .col-note-inner { width: 160px; }
    .order-details-wrapper .add-quality-field { width: 60px; }

    /****************
    Print Label Products
    ****************/
    .print-layout .inner-wrapper-block, .print-layout-box .inner-wrapper-block { padding: 20px; }
}
@media only screen and (max-width: 1199px) and (min-width: 576px) {
    .order-left-main .sidebaar-content { height: calc(100dvh - 265px); max-height: initial; padding-bottom: 0; }
    .sidebar-content-inner { height: calc(100vh - 250px); max-height: initial; padding-bottom: 0; }
    .sidebaar-content .form-group { height: calc(100vh - 165px); max-height: initial; padding-bottom: 0; }
    .todo-wrapper .sidebaar-content { max-height: initial; padding-bottom: 0px; height: calc(100dvh - 139px); }
    .cal-block {right: -100%; top: 0;}
    .cal-block.active {right: 0;}
    .orders_index_view .main-content-wrapper .sidebaar-content {height: calc(100vh - 52px);}
    .form-btn .btn-block { font-size: 21px; padding: 14px 25px 14px; }
    
}

@media only screen and (min-width: 1200px) {
    .sidebar-block-size .todo-wrapper .outer-table-wrapper { width: calc(100% - 450px); }
    .todo-wrapper .sidebar-block { display: none; }
    .todo-wrapper .sidebar-block.active { display: block; position: relative; }
    .todo-wrapper .sidebar-block.active .side-close { position: absolute; left: -43px; top: 0; width: 43px; z-index: 9; display: block; }
    .cal-block { display: none; }
    .cal-block.sidebar-block.active { display: block; }
    .cal-block.sidebar-block.active .sidebar-title { border-radius: 0px 6px 0px 0px; }
    .cal-block.sidebar-block.active .side-close { position: absolute; left: -40px; top: 3px; width: 43px; z-index: 9; display: block; }
    .cal-block.sidebar-block .side-close i { height: 52px; }
    .side-close i { height: 43px; padding: 11px 0; display: flex; align-items: center; justify-content: center; }

}

@media only screen and (max-width: 1199px) {
    /* ---------------
    Header Content
    --------------- */
    .header-content .btn-wrapper {gap: 12px;}
    .page-title { font-size: 20px; }
    .search-input input { height: 35px; padding: 6px 34px 6px 14px; }
    .search-input .icon { width: 40px; }
    .user-info { width: 35px; height: 35px; }
    .header-content .btn-block { padding: 10px 16px; font-size: 16px; }
    .breadcrumb-item a, .breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before { font-size: 12px; }

    .hidden-body {overflow: hidden; padding-right: 0px;}
    .check-label {padding: 7px 14px;}
    .couple-wrapper {gap: 20px;}
    .do-tl .date-picker-wrapper {max-width: 260px; min-width: 260px;}
    .date-fields label {font-size: 14px;}
    .table-bar.do-tl { padding: 24px 10px 23px 10px; }
    .do-tl .date-fields .select-date-start, .do-tl .date-fields .select-date-end { padding: 10px 7px;    }
    .order-block .inner-block-content .btn-block.summary_btn, .print-layout .form-btn {display: flex;}
    .todo-wrapper .form-btn { display: block!important;}
    .main-content-wrapper, .inner-wrapper { padding: 30px 20px 100px; }
    .icon.search-cross-btn {top: 2px; }

    /* ---------------
    Order Print Sidebaar
    --------------- */
    .main-content-wrapper.print-layout, .main-content-wrapper.print-layout-box { padding: 30px 20px 250px; }
    .sidebar-block.print-summary { position: fixed; right: 0; bottom: 0; padding: 0; height: inherit; width: 100%; max-width: calc(100% - 230px); margin-left: auto; min-width: initial; z-index: 99; top: initial; padding: 0 20px; }
    .main-wrapper.close .sidebar-block.print-summary { max-width: calc(100% - 77px); }
    .sidebar-block.print-summary .inner-wrapper-block { height: initial; border-radius: 6px 6px 0px 0px; min-height: 200px; box-shadow: 0px 8px 30px 0px var(--black-shadow); }
    .sidebar-block.print-summary .side-close { display: none; }
    .sidebar-block.print-summary .sidebar-title i { display: block; transition: all 0.3s ease; transform: rotateX(0deg); }
    .sidebar-block.print-summary .sidebar-title { border-radius: 6px 6px 0px 0px; }
    .print-summary .detail { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
    .print-summary .info-inner-detail { width: calc(50% - 8px); padding: 0; margin: 0; border: initial; }
    .print-summary .sidebar-inner .form-btn { flex-direction: row; flex-wrap: wrap; box-shadow: initial; }
    .print-summary .print-wrapper { width: 100%; justify-content: center; display: flex; }
    .print-summary .btn-block { flex: 1; }
    .print-summary .sidebaar-content { padding: 24px 24px 136px 24px; display: none; }
    .print-summary .sidebaar-content { max-height: calc(100dvh - 100px); }
    .sidebar-block.print-summary.active .sidebar-title i { transform: rotateX(-180deg); }
    .print-summary.active .sidebaar-content { display: block; }

    /* ---------------
    Tablet Sidebaar
    --------------- */
    .main-content-wrapper.sidebar-block, .outer-sidebar-table-wrapper .main-content-wrapper.sidebar-block {position: fixed; right: 0; padding: 0; bottom: -100vh; top: initial; z-index: 20; height: 100dvh; width: 100%; max-width: 393px; min-width: initial; z-index: 99; }
    .main-content-wrapper.sidebar-block.active {bottom: 0px; display: block;}

    .sidebar-block .overlay, .sidebar-block .order_overlay, .overlay-block, .overlay-wrap {content: ''; position: fixed; top: -200%; right: 0; height: 100vh; width: 100vw; opacity: 0; background: var(--black);}
    .sidebar-block.active .overlay, .sidebar-block.active .order_overlay, .sidebar-block.active .overlay-block, .active .overlay-wrap {opacity: 0.7; top: 0; transition: opacity .15s linear;}
    .sidebar-block .side-close {position: absolute; left: -52px; width: 52px; z-index: 9; display: block; top: 0;}

        /* Inner Wrapper */
        .sidebar-block .inner-wrapper-block { border-radius: 0; border: none; height: 100dvh; position: relative;}
        .sidebar-block .inner-wrapper-block { top: 0; }

            /* Title */
            .sidebar-block .sidebar-title {border-radius: 0;}
            .sidebar-block.active .sidebar-title i {display: block; rotate: 180deg;}

            /* Sidebaar content */
            .sidebar-block .item-content {
                margin-bottom: 20px;
            }

            /* Sidebaar Footer */
            .sidebar-inner .form-btn {gap: 15px; max-width: initial;}
            .sidebar-inner .form-btn .btn-block, .droup-item, .list-btn-wrap {padding: 14px;}
            .sidebar-inner .form-btn .btn-block, .droup-item, .list-btn-wrap, .sidebaar-content .droupdown-btn-wrapper span, .droupdown-btn-wrapper .file_name, .sidebaar-content .droupdown-btn-wrapper .file_name {font-size: 16px;}

    /* Calendar Sidebaar */
    .week-cal + .cal-block {margin-top: 0;}
    .cal-block {position: fixed; padding: 0; z-index: 20; margin-top: 0; transition: all 0.5s ease; height: 100vh;}
    .cal-block:not(.active) .side-close { display: none; }
            
            /* Calendar Side content */
            .select-date-start, .select-date-end {padding: 11px 13px;}

    /* ToDo Sidebaar */

            /* ToDo content */
            .todo-wrapper .accordion-block { padding: 0; margin-bottom: 20px; }
            .todo-wrapper .side-bar-to {padding: 0px 26px 20px 26px;}
            .todo-wrapper .main-content-wrapper.sidebar-block .select2-selection--single {  max-width: 100%; }
            .todo-wrapper .main-content-wrapper.sidebar-block .sidebaar-content .form-btn button:nth-child(1) { margin-bottom: 20px; }
            .accordion-wrapper .accordino-head, .accordion-wrapper .accordino-head.active {border-radius: 0px;}
            
    .note-main-section .sidebar-content-inner {max-height: calc(100vh - 72px);}

    /* ---------------
    Tablet Sidebaar End
    --------------- */
    .form-btn { gap: 10px; padding: 14px 20px !important; background: var(--white); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07); position: fixed; bottom: 0; left: 0; z-index: 9; max-width: calc(100% - 230px); margin-left: auto; right: 0; }
    .event-block .inner-block-content { margin-bottom: 80px; }
    .accordino-side-left { max-width: 180px; }
    
    /* -----------------
        Section Page
    ------------------ */
    .sub-inner-group-area, .option-inner-wrapper { max-width: 478px; }
    .catalog_sections_edit .section-group-wrapper .control-form { max-width: 100%; }

    /* 18/06/25 */
    .order-details-wrapper { max-width: 100%; }

    /* Search Selector */
    .select-items-wrapper { max-width: calc(100vw - 350px); }




}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .order-details-wrapper .inner-group-detail .product-block { width: 160px; }
    .order-details-wrapper .inner-group-detail .product-option, .product-option-head { width: calc(100% - 160px); }
    .order-details-wrapper .group-outer-wrapper .col-btn-inner { width: 100px; }
    .order-details-wrapper .inner-option-area .col-note-inner { width: 270px; }
    
}

@media only screen and (min-width: 992px) {
    /* => Close Nav <= */
    .close .cal-main-wrapper, .close .main-content-wrapper {margin-left: 77px;}
    .main-content-wrapper {max-width: calc(100% - 230px);}
    .close .main-content-wrapper {max-width: calc(100% - 77px);}
    .close .main-content-wrapper.sidebar-block {margin-left: 0px; max-width: 23.2%;}
    .close .active .sub-menu {display: none;}
    .close .aside-bar-wrapper {max-width: 77px;}
    .close .aside-bar-wrapper .nav-bar-inner {padding: 6px 5px;}
    .close .aside-bar-wrapper .nav-bar-inner .link-menu-item, .close .aside-bar-wrapper .profile_name {display: none;}
    .close .menu-item .sub-menu {display: none; position: absolute; top: 0; left: 100%; width: 184px; border-radius: 0px 5px 5px 0px; background: var(--primary-darkblue); z-index: 9; padding: 17px 12px 17px 9px;}
    .close .menu-item:hover .sub-menu {display: block;}
    .close .link-menu-item.open-sub {border-radius: var(--border-radius-6); background: var(--white);}
    .close .sub-menu .link-menu-item {margin-left: 0; margin-right: 0;}
    .close .menu-item:hover .nav-bar-inner, .close .nav-links .active .nav-bar-inner {border-radius: var(--border-radius-5); background: var(--primary-yellow); color: var(--black);}
    .close .menu-item .nav-bar-inner{padding: 5px 11px 6px;}
    .close .nav-links .active .nav-bar-inner .menu-icon svg path, .close .nav-links .active .nav-bar-inner .menu-icon svg rect, .close .nav-links .menu-item:hover .menu-icon svg path, .close .nav-links .menu-item:hover .nav-bar-inner .menu-icon svg rect {stroke: var(--black);}
    .close .rhs-bar {max-width: 77px;}
    .close .logo-wrapper {padding: 26px 0px; gap: 10px;}
    .close .nav-toggle {display: none;}
    .close .nav-toggle.on-mobile {display: block;}
    .order-block .quatily-name.fixed-tab .main-content-wrapper { margin-left: 230px; }
    .order-block .quatily-name.fixed-upper .main-content-wrapper { margin-left: 230px; }
    .outer-table-wrapper { width: calc(100vw - 789px); }
    .close .outer-table-wrapper { width: calc(100vw - 636px); }
    .close .outer-sidebar-table-wrapper .main-content-wrapper.sidebar-block { margin-left: 0px; max-width: initial; }
}

@media only screen and (max-width: 1024px) {
    .product-notify-wrapper {gap: 20px;}
    .btn-wrapper {gap: 20px;}
}

@media only screen and (max-width: 1023px) and (min-width: 992px) {
    .order-details-wrapper .inner-option-area .col-note-inner { width: 235px;}
}

@media only screen and (max-width: 991px) and (min-width: 576px) {
    .table-wrapper {height: calc(100vh - 304px);}
    .user-page .table-wrapper {height: calc(100vh - 225px);}
}

@media only screen and (max-width: 991px) {
    .close .aside-bar-wrapper .overlay-wrap {opacity: 0.7; top: 0; transition: opacity .15s linear;}
    .nav-links { max-height: calc(100dvh - 198px); overflow-x: auto; margin-bottom: 124px; height: 100dvh; }
    .mt-3 {margin-top: 20px !important;}
    .mt {margin-top: 30px;}
    .header-bar .col-2 {width: auto; max-width: 100%;}
    .header-content {padding-left: 0px; padding-right: 20px; border-left: none; flex: 1;}
    .aside-bar-wrapper {top: 0px; height: 100vh; left: -100%;max-width: 297px;}
    .profile-details {left: -100%;position: fixed;transition: all 0.5s ease-in-out;max-width: 297px;}
    .close .aside-bar-wrapper, .close .profile-details {left: 0;}
    .menu-bar-outer {height: 100vh; background: var(--primary-darkblue); position: relative;}
    .mob-wrapper {display: flex;}
    .mob-wrapper .nav-toggle {display: block;}
    .header-bar {min-height: 70px; flex-wrap: nowrap;align-items: center;}
    .nav-toggle, .toggle-icon, .header-bar .date-wrapper, .header-bar .select-wrapper, .header-bar .calendar-wrapper .btn-block {display: none;}
    .on-mobile {display: flex !important;}
    .toggle-icon.on-mobile img {display: block;}
    .logo-wrapper {padding: 12px 8px 11px; gap: 25px; justify-content: start;}
    .user-info {width: 34px; height: 34px;display: none;}
    .mobile-tab-head {max-width: initial; top: 70px; margin-left: -12px;}
    .content-area {top: 70px;}
    .page-title {font-size: 22px;}
    .header-content .search-input input {display: none;}
    .header-content .search-input .icon {position: relative; line-height: normal; display: block;}
    .select-wrapper {min-width: 200px;}

    /* calendar */
    .cal-main-wrapper {padding: 0px 0px 24px 0px; margin-left: 0px; margin-top: 50px; width: 100%;}
    .monthly-cal .cal-body, .week-cal .cal-body {display: inline-block;}
    .cal-day:first-child, .cal-content:first-child {margin-left: 20px;}
    .body-inner { padding: 0px; }
    .cal-day:last-child, .cal-content:last-child {margin-right: 20px;}
    .info-details {width: calc(100% - 40px); margin: 0 auto;}
    .view-cal .cal-day:first-child, .view-cal .cal-content:first-child {margin-left: 0;}
    .view-cal .cal-day:last-child, .view-cal .cal-content:last-child {margin-right: 0px;}
    .view-cal .info-details {width: 100%;}
    .view-cal .cal-table {padding: 0 20px;}
    .col-wrapper {padding: 0 3px 0px 0px; overflow: hidden;}
    .col-group {height: calc(100vh - 136px); padding-right: 3px;max-height: 352px;}
    .col-content {margin-bottom: 2px;}
    .col-content h2 {padding: 6px 8px;}
    .check-tab {max-width: 29px; height: 30px;}

    /* sidebar */
    .side-close {position: absolute; left: -52px; width: 52px; z-index: 9; display: block; top: 0;}
    .week-cal .body-inner {min-height: calc(100vh - 270.19px);}
    .main-content-wrapper {padding: 0px; margin-left: 0; padding-bottom: 76px;}
    .main-content-wrapper.table-view {padding-bottom: 0px;}
    .inner-wrapper {box-shadow: initial;margin-bottom: 0px;}
    .col-md.end-block {display: flex; align-items: center; position: absolute; right: 20px; top: 20px; width: initial;}
    .typeahead__container input.control-form, .catalog_sections_add .control-form, .catalog_sections_edit .control-form, .select2-container--default .select2-selection--single {max-width: 344px;}
    .form-btn.inner-detail {width: 100%;}
    .form-btn .btn-block {font-size: 16px; flex: 1; padding: 15px 10px;}
    .table-bar .btn-block {text-indent: 100px; overflow: hidden; max-width: 36px; position: relative;}
    .table-bar .btn-block::before {content: '+'; color: var(--white); font-size: 21px; font-weight: 400; letter-spacing: -0.399px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9; text-indent: 0;}
    .inner-wrapper-block {box-shadow: initial; border-radius: initial; border: initial;}
    .order-block .quatily-name.fixed-tab, .close .order-block .quatily-name.fixed-tab {width: 100vw; padding: 13px 50px 13px 64px; margin-left: 0; top: 70px;}
    .catalog_events_add .accordino-side-right .quatily-name {display: none !important;}
    .catalog_events_add .fixed-tab + .drop-add-wrapper {margin-top: 42px;}
    .table-bar {border-radius: 0; padding: 24px 20px 23px 20px;}
    .md-table {display: flex;}
    .choose-title h2 {display: flex;}
    .catalog-left-wrapper {padding: 0px 20px 0px; display: none;}
    .add-section-wrap {border-top: 1px solid var(--secondary-lightgray); padding-top: 20px;}
    .catalog_events_index .table-bar {border-radius: initial;}
    .accordino-inner-block {flex-direction: column;}
    .accordino-side-left {max-width: 100%;padding: 0px;}
    .field-area {padding: 30px 20px 10px;}
    .accordion-block {padding: 0px 20px 20px;}
    .order-block .accordion-block {padding: 0; border-radius: var(--border-radius-6); border: 3px solid var(--white); background: var(--white); box-shadow: 0px 8px 30px 0px var(--black-shadow);}
    .order-block .accordion-wrapper {padding: 20px;}
    .order-block .select2-container--default .select2-selection--single {max-width: 100%;}
    .inner-block-content {gap: 20px; position: relative;}
    .accordino-inner-block {min-height: calc(100vh - 458px); gap: 20px;}
    .section_li_wrapper {min-height: 100px;}
    .Shabbos-wrapper li ul {padding: 0px;}
    .shabbos-list-wrap li ul li:last-child a {margin-bottom: 0px;}
    .shabbos-list-wrap li a, .shabbos-list-wrap li ul li a, .shabbos-list-wrap li.has-child ul li a {padding: 0px 10px;}
    .shabbos-list-wrap li {flex: 1 100%;}
    .shabbos-list-wrap li.has-child {flex: 1 45%;}
    .accordino-side-right {padding: 0px;}
    .order-block .category-main-wrapper {padding: 20px 20px;}
    .event-block .category-main-wrapper {padding: 20px; border-radius: var(--border-radius-6); border: 3px solid var(--white); background: var(--white); box-shadow: 0px 8px 30px 0px var(--black-shadow); position: relative;}
    .modal-wrapper .modal-content {padding: 50px;}
    .catalog-checkbox-wrapper {padding-left: 0; margin-top: 30px;}
    .modal-wrapper .modal-footer .btn-block {padding: 15px 20px; margin: 35px 0 0px; width: 100%; max-width: 375px;}
    .table-wrapper thead tr th:first-child::before, .table-wrapper tbody tr td:first-child::before {content: ''; position: absolute; height: 100%; z-index: 1; top: 0; right: 0px; width: 6px; opacity: 0.1; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, var(--black) 100%);}
    .table-wrapper thead tr th:last-child::before, .table-wrapper tbody tr td:last-child::before {content: ''; position: absolute; height: 100%; z-index: 1; top: 0; left:0px; width: 6px; opacity: 0.1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, var(--black) 100%);}
    .table-wrapper th, .table-wrapper td {padding: 12px 14px 13px 14px;}
    .table-wrapper thead tr th:first-child, .table-wrapper tbody tr td:first-child {padding: 12px 20px 13px;}
    .inner-product-wrapper, .order-block .sub-category .inner-product-wrapper, .sub-cat-main .builder-wrapper {padding: 0px;}
    .close-btn, .btn-close {position: absolute; justify-content: center; background: #030303; color: var(--white); top: -52px;}
    .note-popup .close-btn {height: 52px;}
    .expanded-wrapper .close-btn {background: #030303;}
    .modal-wrapper .modal-dialog {margin: 0; align-items: flex-start;}
    .modal-wrapper .modal-dialog, .note-popup.modal-wrapper .modal-dialog, .load_preview .modal-wrapper .modal-dialog {max-width: 100%; margin-top: 52px;}
    .note-popup.modal-wrapper .modal-content {padding: 30px;}
    .note-popup textarea.control-form {min-width: calc(100vw - 60px); padding: 13px 20px; max-width: calc(100vw - 60px);}
    .modal-wrapper.expanded-wrapper .modal-content {background: initial;box-shadow: initial;}
    .user-view tr th:first-child {border-top-left-radius: 0px;}
    .user-view tr th:last-child {border-top-right-radius: 0px;}
    .pagination-nub-wrapper {flex-direction: column; gap: 30px;}
    .pagination-btn-wrapper .page-item .page-link {font-size: 20px; font-weight: 500; line-height: 31px; padding: 0 11px 0 10px;}
    .inner-wrapper-block.field-area {margin-top: 20px; position: initial;}
    .date-fields .date-body, .open .select-head {border-radius: var(--border-radius-5);}
    .expand-img-wrapper img {border-radius: initial; max-height: calc(100vh - 52px);}
    .group-content-wrapper .group-content:first-child, .group-content-wrapper .group-content:last-child {padding-right: 0; padding-left: 0;}
    .modal .head-group .btn-block {display: block; flex: initial;}
    .outer-table-wrapper {width: 100%;}

    /* Print Summary */
    .main-content-wrapper.print-layout, .main-content-wrapper.print-layout-box { padding: 0px 0px 250px; }
    .sidebar-block.print-summary, .main-wrapper.close .sidebar-block.print-summary { max-width: 100%; padding: 0; }
    .print-summary .sidebaar-content { padding: 16px 14px 129px 14px; display: none; }

    /* 21/11/024 */
    .date-format { gap: 5px;}
    .do-tl .select2-container--default .select2-selection--single { padding: 13px 41px 12px 7px;}
    .do-tl .date-picker-wrapper {max-width: 230px;   min-width: 230px;}
    .table-block .do-tl { gap: 10px;}
    .do-tl .select2-container--default .select2-selection--single {  padding: 13px 38px 12px 7px; font-size: 14px;}
    .do-tl .typeahead__container input.control-form, .todo-wrapper .control-form, .todo-wrapper .select2-container--default .select2-selection--single {font-size: 14px;}
    .do-tl .selected-date, .do-tl .hebDate {font-size: 12px;}
    .todo-wrapper .outer-table-wrapper {width: 100%;}
    .do-tl .filter-input-wrap {width: auto;}
    .form-btn { max-width: 100%; }
    .note-content-inner + .inner-form-btn { margin-bottom: 10px!important; }
    .load_preview .modal-wrapper .modal-header { right: 0; top: -52px; height: 52px; width: 52px; border-radius: 0px; background: var(--black); }
    .load_preview .modal-wrapper .modal-header .btn-close { margin: 0; position: absolute; width: 100%; height: 100%; padding: 0; filter: brightness(1) invert(1); opacity: 1; top: 0; right: 0; min-width: 52px; background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; }

    /* 13/09/25 */
    .print-popup-wrapper .close-btn, .delete-label-wrapper .close-btn { position: initial; justify-content: flex-end; background: initial; color: initial; top: initial; }

    /* -----------------
        Section Page
    ------------------ */
    .section-product-inner.drag-wrap .outer-pd { padding: 5px 14px 6px 0px; }
    .section-product-inner.drag-wrap .option-inner-group .outer-pd:last-child, .section-group-body .main-inner .outer-pd { padding: 5px 0px 6px 0px; }
    .option-group-list { min-width: 220px; max-width: 220px; }
    .section-group-wrapper .section-group-body .main-group-wrapper { padding-right: 46px; }
    .sub-inner-group-area, .option-inner-wrapper { max-width: 500px; }
    .right-block-wrapper .right-head-block:last-child { position: absolute; right: 20px; top: 20px; }
    .right-block-wrapper .right-head-block:last-child .inner-name-block { display: flex; align-items: center; border: initial; padding-top: 0px; width: 100%; justify-content: flex-end; }
    .right-block-wrapper .right-head-block { width: 50%; } 
    /* Search Selector */
    .select-items-wrapper { max-width: calc(100vw - 120px); }
    /* 16/06/25 */
    .order-details-wrapper .quatily-name { border-radius: initial; }
    .order-details-wrapper .inner-option-area .col-note-inner { width: 252px; }
    .order-details-wrapper .add-quality-field { width: 140px; }
    .order-details-wrapper .inner-group-detail .product-block { width: 215px; }
    .order-details-wrapper .group-outer-wrapper .col-btn-inner { width: 115px; }
    .order-details-wrapper .couple-wrapper, .order-details-wrapper .last-head-inner { width: 230px; }
    .order-details-wrapper { padding-top: 20px; }
    .order-details-wrapper .inner-title { padding-left: 20px; padding-right: 20px; }
    .event-block .category-content.inner-product-wrapper.product_layout_685391f873081 { padding: 0 20px; }
    .event-block .category-content.inner-product-wrapper.product_layout_685391ef673f2 { padding: 0 20px; }

    /* -----------------
        Product Group Area
    ------------------ */
    .product-notify-inner .add-quality-field .form-select, .product-notify-inner .qty-field .form-select { width: 102px; }
    /* Couple Wrapper */
    .couple-wrapper { width: 278px;}

    /* -----------------
        Additional Table Setting
    ------------------ */
    .main-content-wrapper.additional-edit-view { padding-bottom: 0; margin-top: 20px; }
    .additional-layout-wrapper { padding: 0px 20px; }

    /* 04/09/25 */
    .main-content-wrapper .option-group-list.outer-pd.outer_select {
        width: 100%;
    }
    .select2-container--default .select2-selection--single {
        max-width: initial;
    }
}

@media only screen and (max-width: 885px) {
    .accordion-wrapper .grid-view .sub-group-wrap .active ~ .category-content, .accordion-wrapper .grid-view .sub-group-wrap.disable_group .category-content, .accordion-wrapper .active ~ .category-content.inner-group-wrapper, .accordion-wrapper .disable_group .category-content.inner-group-wrapper { grid-template-columns: repeat(2, 1fr);}
    .order-details-wrapper .inner-option-area .col-note-inner { width: 195px; }
    .order-details-wrapper .couple-wrapper, .order-details-wrapper .last-head-inner { width: 172px; }
    .order-details-wrapper .add-quality-field { width: 90px; }
    .order-details-wrapper .inner-group-detail .product-block { width: 190px; }
    .order-details-wrapper .inner-group-detail .product-option, .product-option-head { width: calc(100% - 190px); }
}

@media only screen and (max-width: 767px) {
    .nav-toggle.on-mobile {display: none !important;}
    .calendar-wrapper {gap: 15px;}
    .date-wrapper {gap: 10px;}

    /* -----------------
    Product Group Area
    ------------------ */
    .product-option {padding-top: initial;}
    .inner-group-detail .product-block, .inner-group-detail .product-option, .sub-group-wrap.disable_group .inner-group-detail .product-block, .sub-group-wrap.disable_group .inner-group-detail .product-option, .sub-group-wrap.disable_group .option-row { width: 100%; }
    .group-outer-wrapper { padding-left: 0px; padding-right: 0px; }
    .group-outer-wrapper .col-btn-inner, .col-note-inner { width: 278px; }
    .accordino-side-left .quatily-name, .accordino-side-right .quatily-name { display: none !important; }
    .title-tab {display: block;}
    .expend_btn { position: absolute; top: -30px; min-height: 26px; }

    /* -----------------
    Section Page
    ------------------ */
    .section-product-inner { flex-direction: column; align-items: flex-start; }
    .option-group-list { min-width: initial; max-width: initial; width: 100%; }
    .sub-inner-group-area, .option-inner-wrapper { max-width: 100%; width: 100%; }
    .section-group-wrapper .select2-container--default .select2-selection--single { max-width: initial; }
    .section-group-wrapper .drag-wrap { padding-right: 50px; }
    .option-inner-group { width: calc(100% - 76px); }
    .section-product-inner.drag-wrap .outer-pd { padding: 5px 10px 6px 0px; }
    .section-group-wrapper .drag-grip { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
    .order-details-wrapper .inner-option-area .col-note-inner { width: 176px; }

    /* double-box modal */
    .double-box .modal-body { padding: 20px; }
    /* .product-body-details .group-block-area:not(:last-child) { margin-bottom: 10px; } */
    .pop-selected-products { padding: 10px 0px; }
    .pop-bottom-area .size-qty-row { margin-bottom: 10px; }
    .right-layout { width: 100%; }
    .left-layout { max-width: 100%; }
    
     /* -----------------
        Additional Table Setting
    ------------------ */
    .additional-item { flex-wrap: wrap; }
    .add-name-block { width: 100%; }
    .additional-field-block { width: calc(100% - 130px); }

    /* 04/09/25 */
    .main-content-wrapper .option-group-list.outer-pd.outer_select { width: 100%; padding-right: 10px; }

    /* 13/09/25 */
    .print-popup-wrapper .modal-label-dialog, .delete-label-wrapper .modal-label-dialog { top: initial; left: 0; bottom: -100%; transform: translateY(0%); transition: all 0.3s ease; }
    .print-popup-wrapper  .modal-content, .delete-label-wrapper .modal-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 20px; }
    .print-popup-wrapper.show .modal-label-dialog, .delete-label-wrapper.show .modal-label-dialog { bottom: 0%; max-width: 100%; }
    .products-info-wrap { padding-right: 16px; }
    .products-info-inner p { flex-direction: column; align-items: flex-start; gap: 5px; }
    .print-popup-wrapper .modal-body { max-height: calc(100vh - 231px); }

}

@media only screen and (max-width: 710px) {
    .img-inner-box {min-width: 204px;}
    .edit-view .col-xxl-2, .edit-view .col-xl-2, .drag-wrap .col-xxl-2 {min-width: initial;}
    .catalog-inner-check {flex: 0 1 31.9%;}
    .table-bar {background: #F3F8FF;}
    .table-bar .btn-block {background: var(--primary-darkblue);}
    .mob-block-tag .mb-btn-block  {display: flex;}
    .date-fields .date-format {display: none;}
    .tag-open {display: none;}
    .date-fields {width: 100%;}
    .date-body, .calendar-date-picker .date-body, .single-calendar .date-body {padding: 25px 20px 90px 20px; position: fixed; top: 0; left: 0; margin-top: 42px; height: calc(100vh - 42px); max-height: initial; min-width: initial;}
    .select-date-container-wrapper {max-height: initial; height: calc(100vh - 157px);}
    .date-range-btn {position: fixed;}
    .section-group-body {flex-direction: column;}

    /* 21/11/024 */
    .table-block .do-tl .text-content, .table-block .do-tl .btn-type:checked + .text-content {color: var(--black);}
    .table-block .do-tl .btn-type::before {color: var(--primary-darkblue);}
    .table-block .do-tl .btn-type {background: #f3f8ff;}
}
@media only screen and (max-width: 575px) {
    .form-body {padding: 0px 30px 6px;}
    .success-wrapper {width: 90%; right: 0; left: 0;}
    .accordion-wrapper .grid-view .sub-group-wrap .active ~ .category-content, .accordion-wrapper .grid-view .sub-group-wrap.disable_group .category-content, .accordion-wrapper .active ~ .category-content.inner-group-wrapper, .accordion-wrapper .disable_group .category-content.inner-group-wrapper { grid-template-columns: repeat(1, 1fr);}
    .page-title {font-size: 16px;line-height: normal;}
    .breadcrumb-item a {font-size: 12px;}
    .header-bar .search-input .icon {width: 20px;}
    .category-main-wrapper, .event-block .category-main-wrapper {border-radius: initial; border: initial; box-shadow: initial;}
    .event-block .category-main-wrapper {padding: 0px 17px;}
    .logo-wrapper {gap: 15px;}
    .catalog-block-check {flex: 1 100%;}
    .category-content-head .category-notes, .category-content-head .category-block-element {flex-wrap: wrap;}
    .form_control {margin-left: initial;}
    .catalog_events_add .accordino-side-left .quatily-name { display: none !important; }
    .accordion-block {padding: 0px;}
    .category-title span { gap: 15px; }
    .catalog_products_add .add-more .add-type, .catalog_products_edit .add-more .add-type, .catalog_builders_add .add-more .add-type, .catalog_builders_edit .add-more .add-type, .size-area .add-more .add-type {margin-right: 29px; width: initial; margin-left: 29px; padding: 0; height: 45px; }
    .remove-type, .catalog_products_add .remove-type, .catalog_products_edit .remove-type, .catalog_builders_add .remove-type, .catalog_builders_edit .remove-type, .size-area .remove-type  {width: 20px; height: 20px; padding: 0; top: 16px; left: 10px;}
    .drag-grip, .catalog_products_add .drag-grip, .catalog_products_edit .drag-grip, .catalog_builders_add .drag-grip, .catalog_builders_edit .drag-grip, .size-area .drag-grip  {opacity: 1; background: #F5F6FA; width: 20px; height: 20px; padding: 0; top: 16px; right: 10px; translate: initial; justify-content: center; border-radius: var(--border-radius-half);}
    .remove-type i {border-radius: var(--border-radius-half);}
    .catalog_products_add .drag-wrap, .catalog_products_edit .drag-wrap, .catalog_builders_add .drag-wrap, .catalog_builders_edit .drag-wrap, .size-area .drag-wrap {padding-right: 30px; padding-left: 30px;}
    .catalog_products_add .drag-wrap:hover, .catalog_products_edit .drag-wrap:hover, .catalog_builders_add .drag-wrap:hover, .catalog_builders_edit .drag-wrap:hover, .drag-wrap:hover .outer-pd, .drag-wrap:hover .remove-type {background: initial;}
    .remove-type, .catalog_products_add .remove-type, .catalog_products_edit .remove-type, .catalog_builders_add .remove-type, .catalog_builders_edit .remove-type, .size-area .remove-type  {order: -1;}
    .remove-type.remove_old_option {order: -1;}
    .col-md.end-block {padding: 10px 20px; width: 100%; justify-content: space-between; right: 0; top: 0; gap: 10px; flex-wrap: wrap;}
    .print-wrapper {margin-right: 0px;}
    .catalog_products_edit .sub-label, .catalog_products_add .sub-label {padding-bottom: 5px;}
    .inner-tab {padding: 3px 10px; line-height: normal;}
    .more-block {width: 36px; height: 35px; margin-left: 0; order: 1;}
    .more-block + .btn-block, .search-input + .btn-block { margin-left: auto;}
    .name-block .on-mobile { gap: 10px; align-items: center; }
    .select-tab-layer { margin-right: auto; }
    .inner-wrapper {margin-top: 55px;}
    .catalog_builders_import .inner-wrapper, .catalog_products_import .inner-wrapper {margin-top: 0;}
    .table-view .inner-wrapper {border-radius: initial; border: initial;}
    .md-table {display: none;}
    .inner-block-content .inner-wrapper-block.field-area {margin-top: 55px;}
    .table-wrapper, .user-page .table-wrapper {height: calc(100vh - 275px);}
    .col-md.end-block {background: #F3F8FF; justify-content: flex-end;}    
    .typeahead__container input.control-form, .control-form, .select2-container--default .select2-selection--single {padding: 12px 25px 12px 14px;}
    .select2-selection.select2-selection--multiple { padding: 6px 6px 5px 14px;}
    .input-wrap .span-icon {width: 30px;}
    .inner-group-detail .category-notes:nth-child(2) {padding-bottom: 10px;}
    .category-content-inner {width: 100%;}
    .count-num-wrap .title-tab {padding: 0;}
    .header-bar .import-layer, .header-bar .export-layer, .header-bar .add-layer {display: none;}
    .settings_user_edit .table-bar, .settings_user_index .table-bar, .settings_user_myAccount .table-bar {display: flex;}
    .add-layer {margin-left: auto;}
    .table-bar .import-layer, .end-block .import-layer, .table-bar .export-layer, .end-block .export-layer { text-indent: 100px; overflow: hidden; max-width: 36px; position: relative; background: var(--primary-darkblue); display: block; font-size: 16px; padding: 10px; }
    .import-layer:before, .table-bar .import-layer::before, .end-block .import-layer:before {content: '\e053'; color: var(--white); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9; text-indent: 0; font-family: "Font Awesome 6 Pro"; font-size: 100%;}
    .export-layer:before {content: '\e054'; color: var(--white); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9; text-indent: 0; font-family: "Font Awesome 6 Pro"; font-size: 100%;}
    .mb-btn-block {min-width: 36px; height: 36px; max-width: 36px;}
    .table-bar .search-input input {height: 36px;}
    .table-bar .btn-block {padding: 9px 18px;}
    .mob-modal-wrapper .modal-content {border-radius: initial;}
    .typeahead__container input.control-form, .catalog_sections_add .control-form, .catalog_sections_edit .control-form, .select2-container--default .select2-selection--single {max-width: 100%;}
    .couple-wrapper {justify-content: space-between;}
    .category-notes-inner {gap: 15px;}
    .edit-view .col-xxl-2.img_group, .edit-view .col-xl-2.img_group {width: 100%;}
    .edit-view .col-xxl-2.img_group, .img-inner-box {width: 100%; flex: 1;}
    .edit-view .control-form.uploadFile{max-width: 100%;}
    .order-block .accordion-wrapper {padding: 20px 0px;}
    /* .sub-group-wrap.disable_group .category-content-inner {padding-left: 0; padding-right: 0;} */
    .order-block .builder-wrapper .inner-product-wrapper {padding: 0px 20px;}
    .order-block .category-main-wrapper {padding: 20px 0px;}
    .category-content .category-sec-wrap, .sub-category.category-sec-wrap {padding: 0px;}
    .calendar-wrapper .btn-block {text-indent: 100px; overflow: hidden; max-width: 36px; position: relative; border-radius: var(--border-radius-6); border: 1px solid var(--primary-darkblue); background: var(--primary-darkblue); padding: 0; height: 35px;}
    .table-bar {background: #F3F8FF; padding: 10px 15px;}
    .calendar-wrapper .select-wrapper {display: none;}
    .calendar-wrapper .btn-block:after {content: '+'; color: var(--white); font-size: 21px; font-weight: 400; letter-spacing: -0.399px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9; text-indent: 0;}
    .mb-btn-block {display: flex;}
    .header-bar .format-block {display: none;}
    .sidebar-block, .main-content-wrapper.sidebar-block {max-width: 100vw;}
    .sidebaar-content .show-note-text {margin-right: 0;}
    .order-block + .main-content-wrapper.active .sidebar-inner .form-btn, .cal-block.active .sidebar-inner .form-btn {bottom: 0;}
    .order-block + .main-content-wrapper .sidebar-inner .form-btn, .cal-block .sidebar-inner .form-btn {margin: 0px; width: 100%; bottom: -100%; transition: all 0.5s ease-in-out; position: fixed;} 
    .side-close, .sidebar-block .side-close {left: auto; right: 0; top: 0; width: 42px;}
    .side-close i {height: 42px;}
    .close-btn, .btn-close, .note-popup .close-btn {max-width: 42px; height: 42px; top: -42px;}
    .mob-order-wrapper .modal-dialog {margin: 42px 0 0px;}
    .mob-order-wrapper .modal-content {height: calc(100vh - 42px);}
    .group-outer-tab {margin-top: 42px;}
    .group-inner-tab {height: calc(100vh - 127px);}
    .group-outer-tab .list-items {max-height: calc(100vh - 279px);}
    .modal-wrapper .modal-content, .note-popup.modal-wrapper .modal-content {padding: 30px 0px 0px; border: initial; border-radius: initial;}
    #add_catalog .modal-body {height: calc(100vh - 219px); overflow-x: auto;}
    .mob-modal-wrapper .modal-body {height: calc(100vh - 119px); padding: 30px 20px 20px;}
    .modal-wrapper .modal-dialog, .note-popup.modal-wrapper .modal-dialog, .mob-modal-wrapper .modal-dialog.modal-dialog-centered {margin-top: 42px;min-height: auto;}
    .catalog-inner-check {flex: 1 48%;}
    .catalog-checkbox-wrapper {padding: 0 20px;}
    .note-popup .modal-body {padding: 0 30px;}
    .modal .btn-block, .modal-wrapper .modal-footer .btn-block {margin: 0px; font-size: 16px; padding: 10px 20px 9px; flex: 1;}
    .col-group {height: 100%; max-height: calc(100vh - 368px);}
    .note-popup.modal-wrapper .modal-header {padding-left: 30px;}
    .modal-wrapper .modal-header {padding: 0 20px 15px;}
    .modal-wrapper .modal-title {font-size: 20px;}
    .modal-wrapper .modal-footer {justify-content: center; background: var(--white); box-shadow: 0px 0px 9px 0px var(--black-shadow); border: none; padding: 20px 30px; gap: 20px; margin-top: 30px;}
    .expand-img-wrapper img {border-radius: 0; min-height: 251px;}
    .cal-block.active {top: 0;}
    .cal-block {top: calc(100% - 52px);}
    .sidebar-block .inner-wrapper-block {height: inherit; margin-top: 0;}
    .active.sidebar-block .inner-wrapper-block {margin-top: 42px;} 
    .note-main-section .sidebar-content-inner {max-height: calc(100vh - 134px);}
    .sidebar-inner .note-main-section .form-btn .btn-block {font-size: 16px;} 
    .cal-block .sidebar-inner .form-btn, .order-left-main .sidebar-inner .form-btn { /*flex-direction: row; */ gap: 10px; /* flex-wrap: wrap;*/}
    .cal-block .form-btn .btn-block, .cal-block .form-btn .menu_section_dox, .order-left-main .sidebar-inner .form-btn .btn-block, .order-left-main .sidebar-inner .form-btn .menu_section_dox { width: 100%; flex: 1 calc(50% - 5px); }
    .cal-content.active .cal-view-inner, .cal-content.active .info-details .cal-view-inner, .cal-view-inner, .view-cal .cal-view-inner { display: block; width: 100%; }
    .view-cal .info-desc, .info-desc .cal-view-title, .view-cal .cal-view-inner li, .info-desc { max-width: 100%; width: 100%; }
    .view-cal .cal-view-inner li { margin-top: 7px; }
    .monthly-cal .cal-content.active .cal-inner .cal-view-inner, .monthly-cal .cal-content.active .cal-inner .bt-head { display: none; }
    .bt-head { padding: 0; }
    .info-inner-wrapper .bt-head { padding: 3px 0px 10px; }

    /* Calendar date picker */
    .cal-main-wrapper.week-cal {padding-bottom: 62px;}
    .mobile-tab-head {background: var(--white);}
    .cal-main-wrapper {margin-top: 0px;}
    .date-picker-wrapper {max-width: 100%;}
    .calendar-date-picker {right: 20px !important; max-width: calc(100vw - 40px);}
    .day-title, .day-inner {max-width: 13.70%;}
    .calendar-date-picker .date-body {padding: 20px 10px 90px 10px;}
    .date-body {padding: 20px 18px 90px 18px;}
    .cal-head {display: none !important;}
    .monthly-cal .cal-body, .week-cal .cal-body {display: block;}
    .body-inner {flex-direction: column;}
    .cal-day:first-child, .cal-content:first-child {margin-left: 0px;}
    .cal-day:last-child, .cal-content:last-child {margin-right: 0px;}
    .cal-inner, .view-cal .cal-content.active .cal-inner, .view-cal .cal-inner {padding: 20px 20px}
    .cal-content {border-bottom: 1px solid var(--secondary-lightgray);}
    .week-cal .bt-head {pointer-events: none;}
    .cal-bottom {padding: 0px 20px 20px;}
    .cal-bottom .bt-head { border-bottom: 1px solid var(--secondary-lightgray); padding-bottom: 10px; pointer-events: none; }
    .note-content-desc { border-top: initial; }
    .note-content-wrapper p, .color-block, .user-name-info, .note-content-wrapper .note-content-chart, .note-content-chart h3 { color: var(--black); }
    .monthly-cal .note-content-wrapper p, .color-block, .monthly-cal .user-name-info, .monthly-cal .note-content-wrapper .note-content-chart, .monthly-cal .note-content-chart h3 { color: var(--white); }
    .view-cal .toggle-ico { display: none; }
    .cal_view_name { color: var(--primary-darkblue); font-size: 12px; font-weight: 400; line-height: 140%; display: block; }
    .bt-content{padding: 10px 0px 0px;}
    .info-details {width: 100%; padding: 0 20px 20px; border: initial; min-height: initial;}
    .info-inner-wrapper {gap: 20px; flex-direction: column; justify-content: flex-start;}
    .view-cal .cal-desc {flex-direction: row;}
    .view-cal .cal-content .cal-inner, .view-cal .cal-view {flex-direction: column; align-items: flex-start;}
    .view-cal .cal-view {gap: 0px;}
    .cal-content.note-open .cal-inner, .cal-bottom.active, .cal-content:not(:last-child) .cal-bottom.active {background: initial !important;}
    .view-cal .cal-content.note-open .cal-lock svg path {stroke: var(--secondary-darkgray);}
    .view-cal .cal-content.note-open .cal-lock svg rect {fill: var(--secondary-darkgray);}
    .info-note {max-width: initial; border-left: initial; padding-left: initial; margin-left: initial;}
    .view-cal .cal-view .bt-head {flex: 1; margin-left: initial;}
    .cal-table .cal-day h3 {font-weight: 600;}
    .info-note > h3 {padding: 10px 0; border-top: 1px solid #323466;}
    .view-cal .info-note > h3 {border-top: initial;}
    .cal-main-wrapper .cal-inner, .week-cal .body-inner:first-child .cal-inner, .monthly-cal .body-inner:first-child .cal-inner {border: initial;}
    .cal-content:first-child .cal-inner {border-radius: initial; border-top: initial !important;}
    .cal-content.active .cal-desc {flex-direction: row;}
    .cal-content.active .cal-desc span {font-size: 100%;}
    .cal-content.active .cal-day h3 {color: var(--white);}
    .monthly-cal .cal-day .cal-desc {display: flex;}
    .cal-lock, .monthly-cal .cal-lock {position: absolute; top: 17px; right: 20px; margin: 0;}
    .week-cal .cal-view .cal-desc {display: block;}
    .cal-body .cal-day h3, .bt-content {display: block !important;}
    .bt-head svg {display: none;}
    .monthly-cal .bt-head svg {display: block;}
    .bt-head span {font-size: 16px; font-weight: 700; width: 100%; color: var(--black);}
    .cal-desc {justify-content: start; gap: 10px;}
    .cal-bottom {position: relative; border: initial; background: transparent;}
    .bt-content p {color: var(--black); font-size: 14px;}
    .view-cal .cal-table {padding: 0px;}
    .col-xl-4.pr-2 {padding-right: 0px;}
    .name-block .pl-none { padding: 0px; }
    .table-wrapper th, .table-wrapper td {padding: 12px 10px 12px 10px;}
    .table-wrapper tbody tr td:first-child .tb-inner-content {display: block; overflow: hidden; text-overflow: ellipsis; max-width: 175px;}
    .main-menu-wrapper .accordian-wrapper-items, .main-menu-wrapper .category-sec-wrap {margin-top: 20px;}
    .text-block {font-size: 14px;}
    .orders_index_view .main-content-wrapper .sidebaar-content {height: calc(100vh - 94px);}
    /* 21/11/2024 */
    .outer-sidebar-table-wrapper .main-content-wrapper.sidebar-block {  max-width: 100%; min-width: auto;}
    .todo-wrapper .form-btn {  position: fixed; margin: 0px;  width: 100%;  bottom: 0px;}
    .form-btn {padding: 14px 10px !important; flex-wrap: wrap;}
    .form-btn .btn-block { width: calc(50% - 10px);}
    .main-content-wrapper { padding-bottom: 135px; }
    .sidebar-inner .form-btn .btn-block, .droup-item, .list-btn-wrap, .sidebaar-content .droupdown-btn-wrapper span, .droupdown-btn-wrapper .file_name, .sidebaar-content .droupdown-btn-wrapper .file_name {font-size: 12px;}
    .menu, .menu_section_dox { flex: 1;}
    .load_preview .modal-wrapper .modal-dialog .modal-content { padding: 20px; }
    .order-left-main .sidebaar-content { padding-bottom: 0; max-height: initial; height: calc(100dvh - 186px); min-height: initial; }
    .sidebar-content-inner { padding-bottom: 0; max-height: initial; height: calc(100dvh - 206px); min-height: initial; }
    .sidebaar-content .form-group { padding-bottom: 0; max-height: initial; height: calc(100dvh - 203px); }
    .todo-wrapper .sidebaar-content { padding: 0; max-height: initial; margin-top: 42px; height: calc(100dvh - 173px); }
    .expend_btn { position: absolute; top: -26px; }

   /* -----------------
        Section Page
    ------------------ */
    .section-group-wrapper .drag-wrap { padding-right: 0px; }
    .section-group-wrapper .section-group-body .main-group-wrapper { padding-right: 0; }
    .section-product-inner.drag-wrap .outer-pd, .section-product-inner.drag-wrap .option-inner-group .outer-pd:last-child, .section-group-body .main-inner .outer-pd, .group-wrapper-main { padding: 5px 14px 6px 14px; }
    .option-inner-group { width: 100%; flex-direction: column; align-items: flex-start; }
    .option-inner-list { width: 100%; }
    .section-group-wrapper .remove-type { position: absolute; left: -10px; min-width: inherit; top: 16px; }
    .section-group-wrapper .drag-grip { right: -10px; top: 16px; transform: translateY(0%); }
    .section-group-foot .main-inner { justify-content: flex-start; }
    .section-group-foot .add-more .add-type { margin-right: 5px; }
    .option-inner-list.min-qty { width: initial; max-width: 100px; }
    .right-block-area .right-block-wrapper { flex-direction: column; align-items: flex-start; gap: 20px; }
    .right-block-wrapper .right-head-block { width: 100%; }
    .right-block-wrapper .right-head-block:last-child { width: 100%; padding: 10px 20px; justify-content: space-between; right: 0; top: 0; gap: 10px; flex-wrap: wrap; background: #F3F8FF; }
    .right-block-wrapper .right-head-block:last-child .inner-name-block { justify-content: space-between; }
    .pump-wrapper-area .product-btn { font-size: 20px; }
    .category-title h2 { font-size: 18px; }

    /* 16/06/25 */
    .order-details-wrapper .inner-group-detail .product-option, .product-option-head { width: 100%; }
    .order-details-wrapper .inner-group-detail .product-block { width: 100%; }
    .order-details-wrapper .couple-wrapper, .order-details-wrapper .last-head-inner { width: 100%; }
    .order-details-wrapper .group-outer-wrapper .col-btn-inner { width: 294px; }
    .order-details-wrapper .inner-group-detail { flex-direction: column; }
    .order-details-wrapper .group-outer-wrapper .option-row { flex-direction: column; }
    .order-details-wrapper .group-outer-wrapper .col-btn-inner { width: 100%; }
    .order-details-wrapper .inner-option-area .col-note-inner { width: 100%; }
    .order-details-wrapper .add-quality-field { width: 100%; }
    .order-details-wrapper .size-qty-row { width: 100%; }
    .modal-open .main-menu-wrapper { box-shadow: initial; }
    .modal-open .main-menu-wrapper .accordian-wrapper-items, .modal-open .order-details-wrapper .main-menu-wrapper .category-sec-wrap { padding: 0; }
    .modal-open .accordian-wrapper-items .head-group { border-radius: initial; }
    .modal-open .group-block .items-title { width: 100%; }

    /* Event-block */
    .event-block .sub-group-wrap .category-title { padding: 8px 12px; }
    .event-block .category-title span { gap: 8px; }
    .event-block .catalog-block-checkbox { gap: 7px; }
    .event-block .category-main-wrapper { padding: 0px 15px; }
    .event-block .catalog-block-check { gap: 10px; }
    .event-block .field-area { padding: 30px 15px 10px; }
    .event-block .text-content, .btn-content { font-size: 15px; }
    .event-block .empty_wrap.open .inner-section { padding: 0; }
    .double-inline-row { flex-direction: column; }

    /* -----------------
        Additional Table Setting
    ------------------ */
    .add-qty-block { width: 100%; }
    .additional-field-block { width: 100% }
    .additional-body-wrapper { padding: 20px 0px 20px; }
    .main-content-wrapper .option-group-list.outer-pd.outer_select { padding-right: 15px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { right: -12px; }
    .label-printed-items { font-size: 14px; }

    /* -----------------
        Print Modal 
    ------------------ */
    .erron-modal-tree .enron-tree li label { font-size: 14px; padding: 6px 8px 6px 30px; }
    .erron-modal-tree .enron-tree label input:before { font-size: 18px; max-width: 18px; height: 18px; }
}
@media only screen and (max-width: 490px) {
    .print-popup-wrapper  .modal-footer, .delete-label-wrapper .modal-footer { flex-direction: column; }
    .print-popup-wrapper .modal-body { max-height: calc(100vh - 306px); }
}
@media only screen and (max-width: 460px) {
    .notify-inner {min-width: 350px;}
    .search-input input {  padding: 13px 5px 13px 20px;}
    .list-btn-wrap {font-size: 12px; padding: 10px 6px; }
    .group-outer-wrapper .col-btn-inner { width: calc(100% - 45px); }
    .delete-label-wrapper .modal-footer {
        flex-direction: column;
    }

}
@media only screen and (max-width: 380px) {
    .notify-inner {min-width: 350px;}
    
}

.Croppercontainer {
            margin: 20px auto;
            max-width: 640px;
        }
img {
    max-width: 100%;
}
.img-container {
    max-height: 400px;
    background-color: #f7f7f7;
    margin-bottom: 10px;
}
.preview {
    margin-top: 20px;
    border: 1px solid #ddd;
    width: 100%;
    height: 200px;
}