@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=Karla:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&display=swap');
* { box-sizing: border-box; text-decoration: none; list-style: none; font-family: 'Karla'; 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%; }
.main-wrapper { overflow: hidden; }
body {
    color: #202020;
    overflow-x: hidden;
}
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;}
/* custom color theme */
:root {
	--primary-darkblue: #00008B;
	--primary-blue: #006EFF;
	--primary-yellow: #FFDE00;
	--secondary-lightblue: #133782;
	--secondary-skyblue: #BBEDFC;
	--secondary-darkblack: #030303;
	--secondary-lightgray: #666666;
	--secondary-white: #FFFFFF;
	--secondary-red: #F22800;
	--black-shadow: rgba(0, 0, 0, 0.10);
 }
::selection {text-shadow: none; color: var(--secondary-white); background: var(--primary-blue); }
.use-icon-box {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}

/* ToolTip */
.table tbody tr:last-child .custom-tooltip {
    bottom: 100%;
    top: auto;
}
.custom-tooltip {
    position: absolute;
    top: 100%;
    right: 0%;
    width: max-content;
    z-index: 99;
    transition: all 0.3s ease-in-out;
    transform: scale(0);
}
.tb-items:hover .custom-tooltip {
    transform: scale(1);
}
.table-wrapper table.import-tb td .custom-tooltip p {
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 10px #d1cbcb;
    font-size: 14px;
}
.table-wrapper table td.red {
    color: #f39090;
    cursor: pointer;
}


/*************************** 
    Login Page
***************************/ 
.login-page { width: 100%; height: 100vh; display: flex; align-items: center; background: var(--secondary-lightblue); }
.login-wrap { max-width: 400px; margin: 0 auto; border-radius: 6px; background: var(--secondary-white); box-shadow: 0px 4px 8px 0px rgba(2, 16, 47, 0.25); overflow: hidden; }
.form-logo { background: var(--primary-yellow); padding: 14px 0px 19px; text-align: center; }
.form-title { color: var(--secondary-darkblack); text-align: center; font-size: 22px; font-weight: 700; line-height: 140%; margin-top: 36px; margin-bottom: 17px; }
.form-body { padding: 0px 30px 43px; }
.form-body .form-control { border-radius: 6px; border: 1px solid var(--secondary-lightgray); color: var(--secondary-darkblack); background: var(--secondary-white); font-size: 14px; font-weight: 400; line-height: 21px; padding: 12px 13px 11px 17px; margin-bottom: 20px; }
.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-blue); box-shadow: none; }
.remember-pass { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.remember-pass .inner-wrap { width: auto; }
.remember-pass .content-text { padding: 0px; color: var(--secondary-darkblack); font-size: 13px; font-weight: 500; line-height: 20.02px; }
.remember-pass .square-box { width: 16px; height: 16px; border: 2px solid var(--secondary-darkblack); }
.fgt-link { color: var(--primary-blue); font-size: 14px; font-weight: 500; line-height: 16.1px; }
.submit-btn { border-radius: 6px; background: var(--primary-blue); width: 100%; padding: 7px 20px 9px; border: none; color: var(--secondary-white); font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 24px; }
.form-input p { color: var(--secondary-darkblack); text-align: center; font-size: 13px; font-weight: 500; line-height: 15.6px; }
.form-input p a { color: var(--primary-blue); }
/* alert msg */
.success-wrapper-inner { display: flex; align-items: center; gap: 16px; }
.success-wrapper { border-radius: 12px; 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: 26px; right: 31px; z-index: 9; }
.success-icons-inner, .success-icons-wrap { border-radius: 50%; 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; }
.login-wrap .cross-sucess-btn { top: auto; }
.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: Karla; font-size: 11px; font-style: italic; font-weight: 300; line-height: 12px; margin-bottom: 20px; margin-top: 8px; }

/*************************** 
    Header Area
***************************/ 
.toggle-btn { padding: 13px 20px 13px 0; margin-right: 20px; border-right: 1px solid #99D8EB; }
.toggle-btn .toggle-icon { display: inline-flex; width: 17px; height: 17px; align-items: center; }
.toggle-btn .toggle-icon.active img:last-child { display: block; }
.toggle-btn .toggle-icon.active img:first-child { display: none; }
.toggle-btn .toggle-icon img:last-child { display: none; }
.header-bar { min-height: 95px; }
.header-bar .close { max-width: 67px; display: flex; align-items: center; }
.header-bar .rhs-bar.close  img { max-width: 43px; }
.rhs-bar { background: var(--primary-yellow); max-width: 220px; text-align: center; transition: all 0.5s ease; position: relative;}
.header-option-wrap { position: absolute; bottom: 0; right: 74px; padding: 4px 23px 4px 9px; font-size: 14px; font-weight: 700; color: #fff; background: #006EFF; border-top-left-radius: 6px; border-top-right-radius: 6px; line-height: normal; cursor: pointer; display: none;}
.header-option-wrap:before { content: "\2b"; position: absolute; right: 9px; font-family: 'Font Awesome 6 Pro'; font-size: 10px; height: 100%; top: 0; width: 10px; display: flex; align-items: center; }
.header-option-wrap.hide:before { content: "\f068";}
.header-bar .rhs-bar img { padding: 8px 0px; max-width: 140px; transition: all 0.5s ease; }
.header-bar .mobile-toggle-icon { display: none; }
.header-bar { min-height: 95px; background: var(--primary-yellow); }
.nav-toggle { padding: 12px; display: none; color: var(--secondary-lightblue); }
/* .btn-outer-wrapper .eyes-wrap,  */
.btn-outer-wrapper .mb-btn-icon { display: none; }
.mobile-block { position: relative; }
.content-inner, .header-content, .btn-wrapper { display: flex; align-items: center; }
.content-inner { padding-right: 15px; }
.header-content { justify-content: space-between; }
.header-bar .col-2 { width: 24%; }
.header-bar .col-10 { width: 76%; position: relative; }
.header-content { background: var(--secondary-skyblue); box-shadow: 0px 0px 6px 0px var(--black-shadow); padding-left: 30px; padding-right: 20px; }
.page-title { color: var(--secondary-lightblue); font-size: 40px; font-weight: 700; line-height: 125%; white-space: nowrap; }
/* .page-title a {
    font-size: 10px;
    padding: 0px 5px;
    display: none;
    color: var(--secondary-lightblue);
} */

/* navpopup */
/* .popup-navmenu {
    position: absolute;
    top: 40px;
    left: -100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    width: 100%;
    border-radius: 6px;
    background: var(--secondary-white);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);
    padding: 0 15px;
    max-width: 220px;
    z-index: 9;
}
.popup-navmenu.opened {
    visibility: visible;
    opacity: 1;
    left: 15px;
}
.main-outer-wrapper ul.popup-navmenu-inner {
    padding: 0px;
	margin-bottom: 0px;
}
.popup-navmenu-inner li a {
    border-bottom: 1px solid #E0E1E5;
}
.popup-navmenu-inner li:last-child a {
    border-bottom: none;
}
.popup-navmenu-inner li a {
    color: var(--primary-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    padding: 10px 0;
} */
.breadcrumb-wrap .breadcrumb { margin-bottom: 20px; }
.breadcrumb-item a { color: var(--secondary-lightgray); font-size: 16px; font-weight: 300; line-height: 140%; }
.breadcrumb-item.active a { color: var(--secondary-lightblue); font-weight: 500; }
.btn-outer-wrap { position: relative; }
.btn-outer-wrap .btn-block { padding-right: 35px; }
.svg-icon i { position: absolute; right: 15px; top: 12px; }
.btn-block { border-radius: 6px; background: var(--primary-blue); color: var(--secondary-white); font-size: 16px; font-weight: 500; line-height: 140%; padding: 6px 15px 7px 15px; border: none; margin-left: 15px; display: flex; align-items: center; justify-content: space-between; gap: 8px; appearance: none; height: auto; }
.btn-outer-wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.btn-outer-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--secondary-white); line-height: 140%; padding-left: 30px; text-overflow: inherit; width: 69px; position: relative; }
.btn-outer-wrap .select2-container--default .select2-selection--single .select2-selection__rendered::before { content: ''; position: absolute; top: 2px; background: url(../../images/save.svg)no-repeat; width: 17px; height: 17px; left: 0; }
.btn-outer-wrap .select2-container--default .select2-selection--single .select2-selection__arrow:before { content: "\f078"; position: absolute; font-family: 'Font Awesome 5 Pro'; top: 5px; font-weight: 900; transition: all 0.25s; font-size: 8px; }
.select2-search--dropdown { display: none; }
.btn-outer-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
.btn-outer-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before { transform: scaleY(-1); }
.select2-container { width: 100%!important; }
.select2-container--default .select2-results>.select2-results__options { max-height: 100%; overflow: hidden; }
.btn-block .fa-chevron-down { font-size: 9px; }
.dropdown-menu, .select2-container--open .select2-dropdown--below { border-radius: 6px; background: var(--secondary-white); box-shadow: 0px 4px 6px 0px var(--black-shadow); padding: 15px; width: 153px !important; border: none; }
.dropdown-item:active, .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--secondary-white); color: var(--primary-blue); }
.dropdown-item, .select2-results__option { color: var(--primary-blue); font-size: 16px; font-weight: 500; line-height: 140%; padding: 10px 0; border-bottom: 1px solid #E0E1E5; }
.dropdown-item:first-child, .select2-results__option:first-child { padding-top: 0px; }
.dropdown-item:last-child, .select2-results__option:last-child { border-bottom: none; padding-bottom: 0px; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: unset; font-weight: 700; }
.pd-none { padding: 0px; }

.import-processing-section {
    border-radius: 100px;
    background: #FF4F67;
    width: 100%;
    padding: 8px 20px;
    margin: 27px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin: 0 40px;
}
.import-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}
.import-inner svg {
    stroke: #fff;
}
.import-processing-section h2 {
    color: #FFF;
    font-family: Karla;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
.import-processing-section p {
    color: #FFF;
    font-family: Karla;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.import-processing-section .time {
    color: #FFF;
    font-family: Karla;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    white-space: nowrap;
}


/*************************** 
    Menu
***************************/ 
.content-area { flex-wrap: nowrap; }
.menu-bar-outer { height: calc(100vh - 95px); display: flex; align-items: flex-start; }
.aside-bar-wrapper { max-width: fit-content; }
.main-menu-bar { position: relative; top: 0; left: 0; height: 100%; width: 220px; background: var(--secondary-lightblue); box-shadow: 0px 4px 6px 0px var(--black-shadow); transition: all 0.5s ease; padding-top: 30px; float: left; }
.cross-icon { color: #fff; position: absolute; top: 5px; right: 10px; padding: 0px 2px; font-size: 15px; cursor: pointer; display: none; }
.main-menu-bar.close { width: 67px; }
.close .menu-icon { padding-right: 10px; }
.menu-icon { height: 22px; }
.nav-bar-inner { color: var(--secondary-white); font-size: 16px; font-weight: 500; line-height: 140%; display: flex; align-items: center; gap: 5px; padding: 6px 15px 7px 14px; position: relative; margin-bottom: 23px; border-radius: 6px 0px 0px 6px; overflow: hidden; transition: all 0.1s ease; margin-left: 6px; }
.nav-bar-inner .link-menu-item { padding-left: 3px; }
.main-menu-bar.close .nav-bar-inner { justify-content: center; }
.main-menu-bar.close .nav-bar-inner .link-menu-item, .main-menu-bar.close .profile_name { display: none; }
.nav-bar-inner .link-menu-item, .sub-menu, .profile_name { white-space: nowrap; transition: all 0.4s ease; }
.nav-links .active .nav-bar-inner { font-weight: 800; }
.nav-links .active .nav-bar-inner { background: #F5F6FA; color: var(--secondary-lightblue); }
.menu-item a:hover, .profile-details .nav-bar-inner:hover { background: #224B9F; }
.nav-links .active .nav-bar-inner .menu-icon svg path, .nav-links .active .nav-bar-inner .menu-icon svg rect { stroke: var(--secondary-lightblue); fill: var(--secondary-white); }
.menu-item { position: relative; }
.close .menu-item:hover .sub-menu { display: block!important; position: absolute; top: 0; left: 100%; opacity: 1; border-radius: 0px 6px 6px 0px; background: #224B9F; z-index: 9; padding-top: 17px; }
.close .link-menu-item.open-sub { border-radius: 6px; background: var(--secondary-white); }
.close .sub-menu .link-menu-item { margin-left: 20px; margin-right: 20px; }
.sub-menu .link-menu-item { margin-left: 26px; border-radius: 6px 0px 0px 6px; display: block; padding: 6px 14px 7px; color: var(--secondary-white); font-size: 16px; font-weight: 500; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sub-menu .link-menu-item.open-sub { background: var(--secondary-white); color: var(--secondary-lightblue); font-weight: 800; }
.sub-menu { padding-bottom: 20px; margin-bottom: 30px; display: none; }
.droupdown.active, .nav-links .droupdown.active .nav-bar-inner { background: #224B9F; color: var(--secondary-white); }
.nav-bar-inner i { font-size: 12px; cursor: pointer; position: absolute; right: 14px; top: 13px; }
.nav-bar-inner .user-icn { position: unset; font-size: 15px; }

/***********
    Bottom profile
********************/ 
.profile-details { background: var(--primary-darkblue); box-shadow: 0px 4px 6px 0px var(--black-shadow); padding: 14px 0px 13px; position: absolute; width: 100%; bottom: 0; left: 0; }
.profile-details .nav-bar-inner { margin-bottom: 17px; }
.profile-details .nav-bar-inner:last-child { margin-bottom: 0px; }
.hide-sub-bar { position: absolute; right: -18px; height: 32px; background: var(--secondary-lightblue); border-radius: 0px 5px 5px 0px; width: 18px; display: flex; align-items: center; justify-content: center; top: 19px; cursor: pointer; z-index: 99; }
.hide-sub-bar.open-sub svg { transform: rotateY(0deg); }
.hide-sub-bar svg { transform: rotateY(-180deg); }

/********* 
    Sub menu
******************/ 
.sub-menu-bar { margin-top: 2px; float: left; min-width: 260px; max-width: 260px; border-radius: 0px 6px 0px 0px; background: var(--secondary-white); box-shadow: 0px 4px 6px 0px var(--black-shadow); height: calc(100vh - 95px); display: none; }
.sub-top-bar { display: flex; padding-left: 20px; align-items: center; }
.sub-menu-title { color: #133782; font-size: 14px; font-weight: 900; display: none; }
.cross-sub-menu { color: #030303; margin-left: 26px; padding: 0px 2px; font-size: 15px; cursor: pointer; display: none; }
.sub-top-bar { border-radius: 0px 5px 0px 0px; background: #D9DFEB; padding: 18px 19px 19px 0px; text-align: end; }
.switch-block { border-radius: 5.5px; background: var(--secondary-lightblue); width: fit-content; margin: 0 0 0 auto; padding: 4px; }
.switch-btn { stroke: var(--secondary-white); padding: 3px 4px; border-radius: 4px; }
.btn-active { stroke: var(--secondary-lightblue); background: var(--primary-yellow); }
.filter-group { position: relative; padding: 20px 20px 5px; height: calc(100vh - 227px); }
.by-group-block { padding-bottom: 20px; height: calc(100% - 50%); }
.by-group-block.filter-block { padding-bottom: 0; }
.group-btn-wrap { border-bottom: 2px solid var(--secondary-lightblue); }
.cat-fill-btn { border-radius: 6px 6px 0px 0px; background: var(--primary-blue); color: var(--secondary-white); font-size: 15px; font-weight: 700; line-height: 140%; padding: 4px 13px 7px 14px; display: inline-flex; align-items: center; gap: 4px; }
.clear-btn { color: var(--primary-blue); text-align: right; font-size: 14px; font-weight: 500; line-height: 140%; text-decoration-line: underline !important; float: right; padding: 4px 0px 7px 10px; margin-left: auto; }
.switch-tab .by-group-block { padding-bottom: 20px; height: 100%; }
.outer-group { border-radius: 0px 0px 6px 6px; border: 1px solid #DCE0E9; overflow: hidden; }
#filterGroup, .switch-tab .tab-content { overflow-y: auto; height: 100%; overflow-x: hidden; }
.group-header .accordion-button.collapsed, .group-header .accordion-button.collapsed:focus { border-bottom: 1px solid #DCE0E9; background: #F5F6FA; }
.outer-group .group-item:last-child .group-header .accordion-button { border-bottom: none; }
.group-header .accordion-button, .group-header .accordion-button:focus { background: #B3C7F0; border-bottom: 1px solid #B3C7F0; }
.group-header button, .accordion-button:focus { color: var(--secondary-darkblack); font-size: 16px; font-weight: 500; line-height: 140%; padding: 7px 13px 9px 14px; }
.group-header .accordion-button.collapsed::after, .group-header .accordion-button::after { background-image: url(../../images/arrow-down-up.svg); width: 10px; height: 8px; background-repeat: no-repeat; transition: transform .2s ease-in-out; background-size: auto; position: absolute; right: 13px; }
.group-header .accordion-button.collapsed::after{ transform: translateY(0%) scaleY(1); }
.group-header .accordion-button::after { transform: translateY(-40%) scaleY(-1); }
.group-header .clear-btn { padding-right: 20px; padding-left: 8px; padding-top: 0px; padding-bottom: 0px; }
.accordion-collapse { background: #F5F6FA; border-bottom: 1px solid #DCE0E9; }
.outer-group .group-item:last-child .accordion-collapse { border-bottom: none; }
.accordion-collapse .body-content { max-height: 100%; overflow-y: auto; overflow-x: hidden; }
.accordion-collapse .body-content { padding: 15px 0px 12px; } label.inner-wrap { width: 100%; position: relative; } input.check-btn { display: none; }
.content-text { color: var(--secondary-lightblue); font-size: 16px; font-weight: 400; padding: 2px 14px 1px; display: inline-flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px; white-space: nowrap; cursor: pointer; }
.check-icon { width: 13px; height: 13px; font-size: 9px; background: var(--primary-blue); border-radius: 50%; color: var(--secondary-white); display: flex; align-items: center; justify-content: center; opacity: 0; }
.by-group-block .check-btn:checked ~ .content-text { color: var(--primary-blue); font-weight: 700; background: #EAEDF9; }
.content-text:hover { background: #EAEDF9; transition: all 0.3s ease; opacity: 0.7; }
.check-btn:checked ~ .content-text .check-icon { opacity: 1; } #filterGroup::-webkit-scrollbar, .switch-tab .tab-content::-webkit-scrollbar { width: 0px; }
.accordion-collapse .body-content::-webkit-scrollbar{ width: 3px; }
.accordion-collapse .body-content::-webkit-scrollbar-track { box-shadow: inset 0 0 12px #E6E6E6; border-radius: 10px; }
.accordion-collapse .body-content::-webkit-scrollbar-thumb { background: #224B9F; border-radius: 10px; }
.form-btn { border-radius: 6px; border: 1px solid var(--secondary-lightgray); background: var(--secondary-white); padding: 4px 26px 3px 10px; color: var(--secondary-lightgray); font-family: Karla; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; width: 100%; }
.form-btn:focus-visible { outline: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.search-bar { padding: 2px 14px 1px; margin-bottom: 13px; }
.search-bar i { position: absolute; right: 24px; top: 9px; font-size: 14px; cursor: pointer; }
.filter-block .content-text { justify-content: start; gap: 8px; }
.square-box { width: 100%; height: 14px; border-radius: 4px; border: 1.3px solid var(--secondary-lightblue); opacity: 1; background: unset; max-width: 16px; min-width: 16px; }
.adjustable-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.square-box i { opacity: 0; }
.check-btn:checked ~ .content-text .check-icon { background: var(--primary-blue); border-color: var(--primary-blue); }
.check-btn:checked ~ .content-text .check-icon i { opacity: 1; }

/*************************** 
    Aside-table-wrapper
***************************/ 
.aside-table-wrapper { padding: 30px 20px 0px 30px; background: #F5F6FA; width: 1px; }
.table-content { border-radius: 6px; background: var(--secondary-white); box-shadow: 0px 4px 9px 0px var(--black-shadow); overflow: hidden; height: 84vh; position: relative; }
.page-template .table-content { height: calc(100vh - 186px); }
.table-bar { border-radius: 5px 5px 0px 0px; background: var(--secondary-lightblue); padding: 15px 31px 16px 19px; display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 10px; }
.sub-heading, .date-fields label { white-space: nowrap; }
.sub-heading h3 { display: inline-block; color: var(--secondary-white); font-size: 16px; font-weight: 800; line-height: 140%; }
.slide-icon { margin-left: 15px; }
.slide-icon svg { margin-right: 10px; }
.year-visiable { display: inline-flex; align-items: center; gap: 30px; }

 /* switch-btn */
.quantity-price { margin-left: 15px; overflow: hidden; }
.quantity-price .eyes-wrap { min-width: 156px; }
.quantity-price .visiable-btn { width: 60px; padding: 3px 12px 3px 11px; color: var(--secondary-lightblue); }
.quantity-price .visiable-btn.switch-label-on { color: var(--secondary-white); }
.quantity-price .switch-selection { width: 60px; transform: translate3d(-2px, 0, 0); }
.quantity-price .switch-input:checked  ~ .switch-selection { width: 90px; transform: translate3d(-64px, 0, 0); }
.quantity-price .switch-selection {left: auto; right: 0;}
.quantity-price .eyes-wrap label { justify-content: space-between; }
.quantity-price .visiable-btn.switch-label-on { width: 90px; }
.quantity-price .visiable-btn:active {font-weight: 500;}
/* 05june */
.quantity-price .select-tab-items {
    background: #006EFF;
    border-radius: 5.5px;
}
.quantity-price .slider-bg {
    height: 32px;
    border-radius: 4px;
    background: #FFDE00;
}
.quantity-price .select-tab-items .qty:checked ~ .slider-bg {
    transform: translateX(0px);
    width: 37.65%;
}
 .quantity-price .select-tab-items .price:checked ~ .slider-bg {
    transform: translateX(calc(100px - 12px));
    width: 25.82%;
}
/* .quantity-price .select-tab-items .qty:checked ~ .slider-bg {
    transform: translateX(0px);
    width: 57.05%;
}
.quantity-price .select-tab-items .price:checked ~ .slider-bg {
    transform: translateX(calc(100px - 12px));
    width: 39.13%;
} */

.quantity-price .select-tab-items .percent:checked ~ .slider-bg {
    transform: translateX(calc(200% - 10px));
    width: 34%;
}
.date-fields .quantity-price input[type="radio"]:checked + .inner-tab, .quantity-price input[type="radio"]:checked + .inner-tab {
    color: #133782;
}
.date-fields .quantity-price .inner-tab, .quantity-price .inner-tab {
    border-radius: 50px;
    padding: 5px 12px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 140%;
    z-index: 1;
    transition: all 0.4s ease;
}
.mobile-eyes { display: none; }
.quantity-price.mobile-eyes .select-tab-items .qty:checked ~ .slider-bg {
    width: 24.87%;
}
.quantity-price.mobile-eyes .select-tab-items .price:checked ~ .slider-bg {
    transform: translateX(calc(100% - 12px));
    width: 31.12%;
}
/* .quantity-price.mobile-eyes .select-tab-items .qty:checked ~ .slider-bg {
    width: 42.13%;
}
.quantity-price.mobile-eyes .select-tab-items .price:checked ~ .slider-bg {
    transform: translateX(calc(100% - 12px));
    width: 52.71%;
} */
.quantity-price.mobile-eyes .select-tab-items .percent:checked ~ .slider-bg {
    transform: translateX(calc(150% - 11px));
    width: 41%;
}
/* Mobile fillter-eye */
.fillter-eye {
    position: relative;
}
.mobile-fillter {
    color: #006EFF;
    font-size: 24px;
    width: 22px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.page-template .fillter-eye .btn-wrapper {
    padding: 12px 0;
    right: -15px;
}
.fillter-eye .content-text {
    padding: 6px 15px 5px 9px;
    color: var(--primary-blue);
    font-size: 16px;
    font-weight: 500;
}
.fillter-eye .check-icon {
    position: relative;
    opacity: 1;
    background: transparent;
}
.fillter-eye .content-text:hover {
    opacity: 1;
}
.fillter-eye .check-icon:before {
    content: '\f111';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    color: var(--primary-blue);
    font-weight: 500;
    font-family: 'Font Awesome 6 Pro';
    font-size: 13px;
}
.fillter-eye input[type="radio"]:checked ~ .content-text {
    background: #EAEDF9;
}
.fillter-eye input[type="radio"]:checked ~ .content-text .check-icon:before {
    content: '\f058';
    font-weight: 900;
}


.eyes-wrap { height: 32px; border-radius: 5.5px; background: var(--primary-blue); padding: 2px; position: relative; min-width: 66px; opacity: 0; }
.eyes-wrap label { display: flex; gap: 2px; } svg { cursor: pointer; }
.visiable-btn { cursor: pointer; stroke: var(--secondary-lightblue); color: var(--secondary-lightblue); text-align: center; border-radius: 4px; width: 30px; height: 28px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; }
.visiable-btn:active { font-weight: bold; }
.switch-input { display: none; }
.switch-selection { position: absolute; z-index: 1; left: 0; background: var(--primary-yellow); transition: transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03); transform: translate3d(34px, 0, 0); border-radius: 4px; width: 30px; height: 28px; cursor: pointer; }
.visiable-btn.switch-label-on { stroke: var(--secondary-white); color: var(--secondary-white); }
.switch-input:checked  ~ .switch-selection { transform: translate3d(2px, 0, 0); }
.switch-input:checked ~ .visiable-btn.switch-label-off { stroke: var(--secondary-white); color: var(--secondary-white); }
.switch-input:checked ~ .visiable-btn.switch-label-on { stroke: var(--secondary-lightblue); color: var(--secondary-lightblue); }
.switch-input:checked + .visiable-btn { color: rgba(0, 0, 0, 0.65); -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; stroke: var(--secondary-lightblue); color: var(--secondary-lightblue); font-weight: 700; }
/* close */

.year-visiable .content-text {
    color: var(--secondary-white);
    font-weight: 500;
    padding: 0px;
    width: auto;
}
.year-visiable .square-box {
    width: 16px;
    height: 16px;
    border-color: var(--secondary-white);
}
/************ 
    Date rang picker
***********************/ 
.date-format { display: inline-flex; align-items: center; gap: 15px; }
.daterange-outer { display: inline-flex; }
.date-fields label { color: var(--secondary-white); font-size: 16px; font-weight: 500; line-height: 140%; }
.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(--secondary-white); display: inline-flex; padding: 10px 11px 10px 13px; align-items: center; gap: 12px; color: var(--secondary-lightgray); font-size: 14px; font-weight: 700; line-height: normal; }
.daterangepicker .calendar-table table { border-collapse: separate; border-spacing: 0px 20px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: var(--primary-blue); }
.daterangepicker td.in-range { background-color: var(--primary-blue); color: var(--secondary-white); }
.daterangepicker .calendar-table thead th.month { font-weight: 900; font-size: 14px; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { min-width: 30px; width: 30px; height: 18px; line-height: 18px; font-size: 12px; cursor: pointer; font-family: Roboto; font-weight: 500; line-height: 140%; }
.daterange-outer input { border: none; outline: none; width: 100%; }
.daterange-outer svg { min-width: 16px; }
.daterangepicker select.monthselect { margin-right: 8px; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-weight: 900; font-size: 14px; padding: 1px; height: auto; border: 1px solid #E0E1E5; cursor: pointer; width: 50%; background: #F5F6FA; border-radius: 12px; padding: 2px 6px; color: #000; }
/********** 
    Loader
**********************/ 
.loader-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader {
    border-top: 5px solid #133783;
    border-right: 2px solid transparent;
    animation: loader-circle 1s linear infinite;
    border-radius: 100%;
    width: 100px;
    height: 100px;
}
.accordion-loader .loader {
    margin: 0 auto;
}
@keyframes loader-circle {
	to {
		transform: rotate(360deg);
	}
}
.loader-dot {
    display: inline-block;
    font-size: 8px;
    position: relative;
    vertical-align: top;
    transition: 0.3s color, 0.3s border, 0.3s transform, 0.3s opacity;
    color: #fff;
    display: none;
    height: 32px;
    min-width: 66px;
}
.loader-eyes {
    border-radius: 50%;
    box-shadow: 0 1em 0 -0.2em currentcolor;
    position: absolute;
    -webkit-animation: eyes-loader 0.8s ease-in-out alternate infinite;
    animation: eyes-loader 0.8s ease-in-out alternate infinite;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
    top: 0;
    display: inline-block;
    width: 1em;
    height: 1em;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.loader-eyes:after, .loader-eyes:before {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    box-shadow: inherit;
    animation: inherit;
}
.loader-eyes:before {
    left: -1em;
    animation-delay: 0.48s;
}
.loader-eyes:after {
    right: -1em;
    animation-delay: 0.16s;
}

@keyframes eyes-loader {
	0% {
		box-shadow: 0 2em 0 -.2em currentcolor;
	}
	100% {
		box-shadow: 0 1em 0 -.2em currentcolor;
	}
}

/********** 
    Table
**********************/ 
.empty-message, .error-message {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: rgb(19 55 130 / 40%);
}
.error-message {
    color: var(--secondary-red);
    text-transform: capitalize;
}

.tb-scrollbar::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    cursor: pointer;
}

.tb-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 12px #DFE0E4;
    border-radius: 10px;
    background-color: #DFE0E4;
    margin: 25px 0px;
}

.tb-scrollbar::-webkit-scrollbar-thumb {
    background: #224B9F;
    border-radius: 10px;
}
.table-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: calc(100vh - 254px);
}
.table-wrapper table {
    width: 100%;
    margin: auto;
}
.table-wrapper table td {
    vertical-align: top;
    white-space: nowrap;
    color: var(--secondary-darkblack);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    padding: 0px;
    position: relative;
}
.table-wrapper .table-view tr:first-child td {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
}
.table-wrapper .table-view thead th {
    text-align: center;
}
.table-wrapper table.table-view tbody td:first-child, .table-wrapper table.table-view thead th:first-child, .table-wrapper tfoot tr td:first-child {
    border-right: none;
}

.table-wrapper .table-view thead th:last-child, .table-wrapper table.table-view td:last-child {
    border-right: none;
}
.table-wrapper table.table-view tbody td:before  {
    border-right: 1px solid #E0E1E5;
}
.table-wrapper table.table-view tbody td:before, .table-wrapper .table-view thead th::before, .table-wrapper tfoot td::before {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    z-index: 1;
}
.table-wrapper .table-view thead th::before, .table-wrapper tfoot td::before {
    border-right: 1px solid #C6CFE0;
}
.table-wrapper table.table-view tbody td span {
    padding: 6px 20px;
}
.table-wrapper table.table-view tbody tr:first-child td span:first-child {
    /* padding: 6px 10px 6px 20px; */
}
.table-wrapper table.table-view tbody tr:first-child td span:last-child {
    /* padding: 6px 20px 6px 10px; */
}
.table-wrapper  thead th {
    background: #D9DFEB;
    top: -1px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    padding: 0;
    box-shadow: none;
}
thead .tb-inner-content span, tfoot .tb-inner-content span, tfoot .tb-inner-content span {
    padding: 16px 20px 19px;
    text-align: left;
}
.table-wrapper table tbody td span {
    padding: 6px 20px;
}
.table-wrapper thead th, .table-wrapper tfoot td, .table-wrapper tr td:first-child, .table-wrapper thead th:first-child {
    position: -webkit-sticky;
    position: sticky;
}
.table-wrapper tfoot td {
    bottom: -1px;
}
.table-wrapper tr td:first-child, .table-wrapper thead th:first-child {
    left: -1px;
}
.table-wrapper tr.optizingRow td {
    z-index: 0;
}
.table-wrapper .table-view thead th.change-bg {
    z-index: 1;
}
.table-wrapper thead th, .table-wrapper tr td:first-child {
    z-index: 2;
}
.table-wrapper thead th:first-child, .table-wrapper tfoot td:first-child {
    z-index: 3;
}
.tb-inner-content {
    display: inline-flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.tb-striped tr:nth-of-type(even) {
    --bs-table-bg-type: #F5F6FA;;
}
.table-wrapper tfoot tr:first-child td {
    background: #D9DFEB;
    border-color: #C6CFE0;
    box-shadow: none;
}
.graph-view {
    text-align: end;
    margin-top: 20px;
    margin-bottom: 17px;
}
.graph-view h3 {
    color: var(--primary-blue);
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    display: inline-block;
    margin: 0px 5px;
}
.graph-view i {
    color: var(--primary-blue);
    font-size: 10px;
}
.table-wrapper thead th.change-bg span:last-child, .table-wrapper tfoot tr:first-child .change-bg span:last-child {
    background: #96DEF4;
    min-width: 150px;
}
.tb-striped tbody tr:nth-of-type(even) .change-bg span:last-child {
    background: #ADE8F9;
    min-width: 150px;
}
.tb-striped tbody tr:nth-of-type(odd) .change-bg span:last-child {
    background: var(--secondary-skyblue);
    min-width: 150px;
}
.table-wrapper .table-view thead th.change-bg, .table-wrapper tfoot td.change-bg, .table-wrapper table.table-view tbody td.change-bg {
    border: none;
}
/*************************** 
    Page-2 table
***************************/ 
.view-change thead .tb-inner-content span, .view-change tfoot .tb-inner-content span, .view-change tbody tr:first-child .tb-inner-content span, thead .tb-inner-content span {
    width: 100%;
}
.view-change .tb-inner-content span {
    width: 100%;
    white-space: nowrap;
}
/*************************** 
    Page-3 table
***************************/ 
.table-wrapper .import-tb thead th {
    padding: 16px 18px 18px;
}
.table-wrapper table.import-tb td {
    padding: 12px 18px 11px;
    vertical-align: middle;
}
.import-tb .tb-inner-content {
    display: inline-flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}
.table-wrapper .import-tb thead th:last-child {
    text-align: end;
}
.tb-inner-content .mr-1 {
    margin-right: 10px;
}
.table-wrapper table.import-tb td:last-child .tb-inner-content {
    justify-content: flex-end;
    gap: 20px;
}
.table-wrapper table.import-tb .tb-btn {
    border-radius: 6px;
    border: 1.3px solid var(--secondary-lightgray);
    font-family: Karla;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 11px 6px 10px;
}
.table-wrapper table.import-tb .cancel-btn {
    border-color: var(--secondary-lightgray);
    color: var(--secondary-lightgray);
}
.table-wrapper table.import-tb .delete-btn {
    border-color: var(--primary-blue);
    color: var(--primary-blue);
}
.table-wrapper table td.blue {
    color: var(--primary-blue);
}
.table-wrapper table.import-tb td p {
    color: var(--secondary-lightblue);
    font-size: 17px;
    font-weight: 700;
}
.table-wrapper table.import-tb td span {
    padding: 0px;
}
/************ 
    Pagenaton
*********************/ 
.pagination-nub-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 40px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--secondary-white);
    z-index: 1;
}
.dropdown-btn-inner {
    border-radius: 20.16px;
    border: 1.3px solid var(--primary-blue);
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--primary-blue);
}
.disabled { border-color: #80B6FF; color: #202020; opacity: 0.5; pointer-events: none; }
.disabled:hover { background: none !important; color: #202020 !important; }
.page-item .page-link {
    color: var(--secondary-lightblue);
}
.show-total {
    color: var(--secondary-lightgray);
}
.page-item .page-link, .show-total {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.832px;
}
/*************************** 
    Tab view
***************************/
.tab-view .filter-group {
    display: none;
}
.switch-tab {
    display: none;
}
.tab-view .filter-group.switch-tab {
    display: block;
}
.tab-view .group-btn-wrap {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #E0E1E5;
}
.tab-view .cat-fill-btn {
    padding: 4px 13px 7px 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: #EAEDF4;
    color: var(--secondary-darkblack);
    font-weight: 400;
    border-bottom: 2px solid #EAEDF4;
    width: 100%;
    flex: 1;
}
.ftr-btn {
    /* max-width: 78px; */
}
.tab-view .cat-fill-btn.active {
    background: var(--primary-blue);
    color: var(--secondary-white);
    font-weight: 700;
    border-bottom: 2px solid var(--secondary-lightblue);
}
.tab-view .clear-btn {
    float: unset;
    padding: 10px 0px;
    /* display: block; */
    text-align: start;
}
.tab-view .group-header .accordion-button::after {
    display: none;
}
.tab-view .tab-content button a i {
    color: var(--secondary-lightgray);
    font-size: 12px;
}
.tab-view .tab-content button .clear-wrapper {
    margin-left: auto;
    display: flex;
}
.tab-view .tab-content button .clear-btn {
    padding: 0;
    margin-right: 5px;
}
.tab-view .group-header button, .tab-view .accordion-button:focus {
    font-size: 14px;
    padding: 5px 12px 7px 12px;
    border-bottom: unset;
}
.tab-view .group-header .accordion-button.collapsed, .tab-view .group-header .accordion-button.collapsed:focus {
    border-bottom: unset;
    background: #B3C7F0;
}
.tab-view .accordion-collapse {
    border-bottom: unset;
}
.tab-view .outer-group {
    border-radius: 0px;
    border: unset;
}
.tab-view .group-item {
    border-radius: 6px;
    border: 1px solid #DCE0E9;
    background: #F5F6FA;
    margin-bottom: 15px;
    overflow: hidden;
}

/* today */
#tabArrangeGroup .accordion-collapse {
    overflow-y: hidden;
}
.tab-view .accordion-collapse {
    transition: all 0.5s ease;
    max-height: unset;
}
.tab-view .group-body {
    height: calc(100vh - 450.36px);
}
.tab-view .filter-block .group-body {
    height: calc(100vh - 500.95px);
}
.tab-view .body-content {
    max-height: 100%;
}
/* Modal */
.modal .modal-content {
    border-radius: 6px;
    background: var(--secondary-white);
    border: none;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}
.modal-dialog {
    max-width: 100%;
    margin: 30px auto;
}
.form-wrapper {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-body .csv_field_mapping {
    height: 100%;
    max-height: calc(100vh - 288.19px);
}
.modal-body {
    padding: 30px;
}
.choose-type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.choose-type .content-text {
    width: auto;
    padding: 0px;
}
.modal-header {
    padding: 11px 19px 11px 30px;
    border-bottom: 1px solid #DCE0E9;
}
.modal-title {
    color: var(--secondary-darkblack);
    font-size: 22px;
    font-weight: 500;
    line-height: 140%;
}
.label-text .control-form {
    border-radius: 6px;
    border: 1px solid var(--secondary-lightgray);
    background: var(--secondary-white);
    width: 100%;
    padding: 10px 18px;
    color: var(--secondary-darkblack);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 5px;
}
.modal-inner .label-text, .choose-type-wrap h3 {
    color: var(--secondary-darkblack);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    width: 100%;
}
.choose-type-wrap {
    margin-top: 30px;
}
.choose-type-wrap h3 {
    margin-bottom: 10px;
}
.choose-type .check-btn:checked ~ .content-text {
    color: var(--primary-blue);
    font-weight: 500;
}
.modal-footer {
    border-top: 1px solid #DCE0E9;
    padding: 20px 30px;
    flex-wrap: inherit;
}
.modal-footer .default-btn, .modal-footer .btn-block {
    justify-content: center;
    width: 100%;
}
.default-btn {
    border-radius: 6px;
    background: var(--secondary-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    padding: 5px 15px 6px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    appearance: none;
    height: auto;
    border: 1.5px solid var(--secondary-lightgray);
    color: var(--secondary-lightgray);
    margin: 0px;
}
.close-btn {
    border: none;
    background: none;
    cursor: pointer;
}
/* DroupZone */
.dropzone {
    position: relative;
    border-radius: 12px;
    border: 1px solid #EAECF0;
    background: #FFF;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease, height 0.3s ease;
    cursor: pointer;
}
.dropzone:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.dropzone.dz-started:before {
    display: none;
}
.dropzone .upload-file {
    padding: 16px 24px 0px;
}
.dropzone .dz-message {
    padding: 0px 24px 16px;
}
.dz-file-preview {
    position: relative;
    border-radius: 12px;
    background: #FFF;
    text-align: center;
    padding: 16px;
    width: 100%;
    overflow: hidden;
}
.dz-image, .dz-success-mark, .dz-error-mark {
    display: none;
}
.dz-button {
    cursor: pointer;
    border-radius: 6px;
    background: var(--secondary-white);
    width: 100%;
    padding: 10px 18px;
    color: var(--secondary-darkblack);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    border: none;
}
.dz-upload {
    display: block;
    background-color: var(--secondary-lightblue);
    height: 10px;
    width: 0%;
    border-radius: 10px;
    margin-top: 5px;
}
.dz-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #c7c7c7;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.06);
    text-indent: -150px;
    overflow: hidden;
}
.dz-remove:before {
    content: 'X';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    text-indent: 0;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #101828;
}
.dz-details {
    text-align: center;
}
.clear-btn {
    display: none;
}
.toDateSection {
    display: none;
}
/* Dz table */
.csv_field_mapping table {
    width: 100%;
    max-width: 800px;
}
.csv_field_mapping th, .csv_field_mapping td {
    padding: 10px 20px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}
.csv_field_mapping tbody tr:last-child {
    border-bottom: none;
}
.csv_field_mapping tr {
    border-bottom: 1px solid #D9DFEB;
}
.csv_field_mapping  thead th {
    background: #D9DFEB;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.csv_field_mapping select {
    border-radius: 6px;
    border: 1.3px solid var(--secondary-lightgray);
    font-family: Karla;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 10px;
    background: #fff;
    border-color: var(--primary-blue);
    color: var(--primary-blue);
}
.csv_field_mapping td {
    color: var(--secondary-darkblack);
    font-size: 15px;
    font-weight: 500;
}
/* form-wrap */
.form-wrap {
    padding: 16px 30px;
    height: calc(100vh - 138.59px);
    overflow-y: auto;
}
.form-wrap h2 {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 16px;
}
.form-inner h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}
.personal-info, .login-info, .address-info, .select-info {
    margin-bottom: 15px;
}
.form-wrap .form-control, .form-wrap .form-select {
    outline: none;
    box-shadow: none;
}
.form-wrap .form-label {
    margin-bottom: 3px;
    font-size: 14px;
}
.form-wrap .form-control.error, .form-wrap .form-select.error {
    border-color: var(--secondary-red);
}
.form-wrap label.error {
    display: none !important;
}
.form-wrap .btn-block {
    margin-left: auto;
    min-width: 120px;
    justify-content: center;
}
.date-fields {
    display: flex;
    align-items: center;
}


/*************************** 
   Custom date range
***************************/
.demo-default-class {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    flex-wrap: wrap;
}

/* radio */
.select-tab-items input[type=radio] {
    display: none;
}
.range-block label {
    cursor: pointer;
    z-index: 1;
    transition: all 0.4s ease;
}
.range-block input[type=radio]:checked + label {
    color: #fff;
}
.select-tab-items .slider-bg {
    width: calc(33.33% - 2px);
}
.slider-bg {
    position: absolute;
    height: 34px;
    border-radius: 50px;
    transition: all 0.4s ease;
    background: #006EFF;
}
.select-tab-items .select:checked ~ .slider-bg {
    transform: translateX(0px);
}
.select-tab-items .fixed:checked ~ .slider-bg {
    transform: translateX(100%);
}
.select-tab-items .preset:checked ~ .slider-bg {
    transform: translateX(200%);
}
/* lang */
.lang-tab {
    display: none;
}
.language-wraper input[type=radio]:checked ~ .slider-bg {
    width: calc(50% - 2px);
}
.language-wraper input[type=radio]:checked + label + .slider-bg {
    transform: translateX(97%);
}
/* end radio */

.date-picker-wrapper {
    background: transparent;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    /* overflow: hidden; */
    max-width: 450px;
    min-width: 450px;
    /* min-height: 615px; */
    position: relative;
    width: 100%;
}
.select-head {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.open .select-date ~ .slide-box {
    background: #FFDE00;
    color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    content: '';
    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;
}
.full-date {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.select-date-start:before {
    content: '';
    border-right: 1px solid #133782;
    transition: all 0.4s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 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;
    color: #030303;
    border: none;
    opacity: 1;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    transition: all 0.4s ease;
    min-width: 85px;
    text-align: left;
    line-height: 110%;
}
.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: #133782;
}
.select-date .selected-date::placeholder {
    color: #030303;
    font-weight: 600;
    transition: all 0.4s ease;
}
.selected, .selected .selected-date {
    /* background: #133782; */
    color: #133782;
}
.selected svg path, .selected svg rect {
    stroke: #133782;
    transition: all 0.8s ease;
}
.select-inner span {
    margin-left: 13px;
}
/* Fixed tab */
.open .fixed .select-date ~ .slide-box {
    width: 100%;
}
.open .fixed svg path, .open .fixed svg rect {
    stroke: #133782;
}
.open .fixed .select-date-start, .open .fixed .select-date-end, .open .fixed .selected-date, .open .fixed .select-date .selected-date::placeholder {
    color: #133782;
}
.open .fixed .select-date-start.selected ~ .slide-box, .open .fixed .select-date-end.selected ~ .slide-box {
    transform: none;
}
.open .fixed .select-date-end  svg {
    display: none;
}
.open .fixed .select-date-start, .open .fixed .select-date-end {
    padding: 9px 5px;
    gap: 0;
}
.open .fixed .select-date-start {
    justify-content: end;
}
.open .fixed .select-date-end {
    justify-content: start;
}
.open .fixed .selected-date {
    max-width: 85px;
}
.open .fixed .full-date {
    flex: none;
}
.open .fixed .select-date-end .select-inner span {
    margin-left: 0;
}


/* date body start here */
.date-body {
    padding: 20px 20px 90px 20px;
    height: 574.92px;
    border-top: 2px solid #00008B;
    position: relative;
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    max-height: calc(100vh - 239.99px);
}
.open .date-body {
    display: block;
}
.selected.select-date-start:before, .open .select-date-start:before  {
    display: none;
}
.open .select-head {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.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;
}
.pick-date-inner {
    /* margin-bottom: 50px; */
}

.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;
    /* cursor: pointer; */
    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 #006EFF;
}
.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: calc(100% - 68px);
    overflow-y: auto;
    padding-right: 3px;
}
/* scroll */
/* .he .fixed .month-block {
    max-height: 230px;
    overflow-y: auto;
    padding-right: 5px;
}
.he .fixed .month-block::-webkit-scrollbar {
    width: 3px;
}
.he .fixed .month-block::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #E6E6E6;
}
.he .fixed .month-block::-webkit-scrollbar-thumb {
    background: #224B9F; 
    border-radius: 10px;
} */

/* 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: 10px;
    background: #E6E6E6;
}
.year-block::-webkit-scrollbar-thumb, .select-date-container-wrapper::-webkit-scrollbar-thumb {
    background: #224B9F; 
    border-radius: 10px;
}
.year-block {
    flex-wrap: wrap;
}
/* .pick-date-range-wrapper .inner-item {
    flex: 1 1 135px;
} */
.day-title, .day-inner {
    max-width: 56px;
    width: 100%;
}
.day-inner {
    cursor: not-allowed;
}
/* .day-title, .day-inner {
    flex: 1 1 56.71px;
} */
.pick-date-range-wrapper .inner-item {
    /* width: 100%; */
    /* max-width: 134px; */
    flex: 1 1 32.59%;
    max-width: 32.59%;
}
/* .day-inner:last-child {
    flex: 0 1 56.71px;
} */
.day-title, .day, .text-contant {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    line-height: normal;
}
.day-title {
    font-size: 10px;
    font-weight: 700;
    min-height: 20px;
}
.text-contant {
    font-size: 16px;
    font-weight: 700;
    background: #EAEDF4;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.month-block .text-contant {
    min-height: 78px;
}
.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: 4px;
    transition: all 0.3s ease;
    font-size: 16px;
}
.in-hover {
    background: #EAEDF4;
}
.range-block .active, .active .text-contant, .pick-date-range-wrapper .active, .day:hover, .text-contant:hover, .owl-item .inner-item.active .text-contant, .day.today.active {
    background: #006EFF;
    color: #fff;
}
.day.today {
    background: #e4f0ff;
    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: #fff;
    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: 6px;
    font-size: 16px;
    width: 100%;
    outline: none;
    background: #fff;
    font-weight: 500;
    line-height: 20px;
}
.date-btn.apply {
    background: #006EFF;
    color: #fff;
    border-color: #006EFF;
}
.close-picker {
    text-align: center;
    background: #030303;
    color: #fff;
    font-size: 19px;
    position: absolute;
    height: 42px;
    width: 42px;
    z-index: 9;
    right: 0;
    top: -42px;
    padding: 10px;
    line-height: normal;
    cursor: pointer;
    opacity: 0;
}


/* Fixed */
.fixed-group {
    /* display: flex;
    align-items: center;
    gap: 15px;
    flex: 1; */
    padding: 0 19px;
}
/* .fixed-inner {
    flex: 1;
} */
.fixed-inner .inner-item {
    text-align: center;
    width: 100%;
}
.fixed-inne .inner-item i {
    font-size: 10px;
    cursor: pointer;
}
.select-wrapper {
    margin-bottom: 30px;
}
.fixed-inner .inner-item.active {
    border-bottom: 1px solid #E0E1E5;
}
.fixed-inner .inner-item.active.open, .fixed-inner .inner-item.open {
    border-color: #006EFF;
}
.fixedtab-down { cursor: pointer; display: block; padding-bottom: 12px; }
.inner-item.open .fixedtab-down {
    cursor: pointer;
    color: #006EFF;
}
.fixed-inner .inner-item {
    border-bottom: 1px solid transparent;
}


/* slider */
.owl-item.active .text-contant {
    background: #EAEDF4;
    color: inherit;
}
  .owl-nav button.owl-prev {
    left: -19px;
  }
  .owl-nav button.owl-next {
    right: -19px;
  }
  
  .owl-dots {
    display: none;
  }
  .fixed-inner .owl-nav button {
      position: absolute;
      top: 20px;
  }

  .owl-nav button:focus {
      outline: none;
  }
  .owl-nav button.disabled {
    pointer-events: auto;
    cursor: no-drop !important;
}
    .owl-rtl .owl-nav button.owl-prev {
        right: -19px;
        left: auto;
        transform: rotate(180deg);
    }
    .owl-rtl .owl-nav button.owl-next {
        left: -19px;
        right: auto;
        transform: rotate(180deg);
    }


/* on change lang */
.he .days-block, .he .year-block, .he .month-block, .he .preset-year-block ,.he .weeks-block {
    direction: rtl;
    justify-content: start;
}
.he .select-date-wrapper.select {
    direction: rtl;
}
.he .select-date-wrapper span.previous, .he .select-date-wrapper span.next {
    transform: rotate(-180deg);
}
.he .select-date-wrapper span.previous {
    text-align: left;
}
.he .select-date-wrapper span.next {
    text-align: right;
}


/*************************** 
    Percent screen
***************************/
.percent-wrap.tb-striped tbody tr:nth-of-type(odd) .change-bg span:last-child, .percent-wrap.tb-striped tbody tr:nth-of-type(even) .change-bg span:last-child { background: transparent; }
.percent-wrap.tb-striped tbody tr:nth-of-type(odd) .change-bg .tb-inner-content { background: var(--secondary-skyblue); }
.percent-wrap.tb-striped tbody tr:nth-of-type(even) .change-bg .tb-inner-content { background: #ADE8F9; }
.percent-wrap.tb-striped tbody tr:nth-of-type(odd) .change-bg:last-child { border-color: var(--secondary-skyblue); }
.percent-wrap.tb-striped tbody tr:nth-of-type(even) .change-bg:last-child { border-color: #ADE8F9; }
.percent-wrap.tb-striped tr:nth-of-type(odd) { --bs-table-bg-type: #F5F6FA; }
.percent-wrap.tb-striped tr:nth-of-type(even) { --bs-table-bg-type: #fff; }
.percent-wrap tbody td { border-right: 1px solid #E0E1E5; border-bottom: 1px solid #ffffff; }
.percent-wrap th { border-right: 1px solid #C6CFE0; }
.percent-wrap td:last-child, .percent-wrap th:last-child { border-right: none; }
.table-wrapper .percent-wrap tbody tr td:first-child { border-bottom: none; font-weight: 700; }

.tb-inner-content[data-percent-increase="50"],
.tb-inner-content[data-percent-increase="51"],
.tb-inner-content[data-percent-increase="52"],
.tb-inner-content[data-percent-increase="53"],
.tb-inner-content[data-percent-increase="54"],
.tb-inner-content[data-percent-increase="55"],
.tb-inner-content[data-percent-increase="56"],
.tb-inner-content[data-percent-increase="57"],
.tb-inner-content[data-percent-increase="58"],
.tb-inner-content[data-percent-increase="59"] {
    /* background: #C5FFE0 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-increase="60"],
.tb-inner-content[data-percent-increase="61"],
.tb-inner-content[data-percent-increase="62"],
.tb-inner-content[data-percent-increase="63"],
.tb-inner-content[data-percent-increase="64"],
.tb-inner-content[data-percent-increase="65"],
.tb-inner-content[data-percent-increase="66"],
.tb-inner-content[data-percent-increase="67"],
.tb-inner-content[data-percent-increase="68"],
.tb-inner-content[data-percent-increase="69"] {
    /* background: #97F2C1 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-increase="70"],
.tb-inner-content[data-percent-increase="71"],
.tb-inner-content[data-percent-increase="72"],
.tb-inner-content[data-percent-increase="73"],
.tb-inner-content[data-percent-increase="74"],
.tb-inner-content[data-percent-increase="75"],
.tb-inner-content[data-percent-increase="76"],
.tb-inner-content[data-percent-increase="77"],
.tb-inner-content[data-percent-increase="78"],
.tb-inner-content[data-percent-increase="79"] {
    /* background: #4FC485 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-increase="80"],
.tb-inner-content[data-percent-increase="81"],
.tb-inner-content[data-percent-increase="82"],
.tb-inner-content[data-percent-increase="83"],
.tb-inner-content[data-percent-increase="84"],
.tb-inner-content[data-percent-increase="85"],
.tb-inner-content[data-percent-increase="86"],
.tb-inner-content[data-percent-increase="87"],
.tb-inner-content[data-percent-increase="88"],
.tb-inner-content[data-percent-increase="89"] {
    /* background: #26B367 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-increase="90"],
.tb-inner-content[data-percent-increase="91"],
.tb-inner-content[data-percent-increase="92"],
.tb-inner-content[data-percent-increase="93"],
.tb-inner-content[data-percent-increase="94"],
.tb-inner-content[data-percent-increase="95"],
.tb-inner-content[data-percent-increase="96"],
.tb-inner-content[data-percent-increase="97"],
.tb-inner-content[data-percent-increase="98"],
.tb-inner-content[data-percent-increase="99"] {
    /* background: #229959 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-increase="100"], .tb-inner-content[data-percent-increase="100+"] {
    /* background: #18652A !important; */
    color: var(--secondary-white);
}
/* data-percent-decrease */
.tb-inner-content[data-percent-decrease="-50"],
.tb-inner-content[data-percent-decrease="-51"],
.tb-inner-content[data-percent-decrease="-52"],
.tb-inner-content[data-percent-decrease="-53"],
.tb-inner-content[data-percent-decrease="-54"],
.tb-inner-content[data-percent-decrease="-55"],
.tb-inner-content[data-percent-decrease="-56"],
.tb-inner-content[data-percent-decrease="-57"],
.tb-inner-content[data-percent-decrease="-58"],
.tb-inner-content[data-percent-decrease="-59"] {
    /* background: #FEBBC5 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-decrease="-60"],
.tb-inner-content[data-percent-decrease="-61"],
.tb-inner-content[data-percent-decrease="-62"],
.tb-inner-content[data-percent-decrease="-63"],
.tb-inner-content[data-percent-decrease="-64"],
.tb-inner-content[data-percent-decrease="-65"],
.tb-inner-content[data-percent-decrease="-66"],
.tb-inner-content[data-percent-decrease="-67"],
.tb-inner-content[data-percent-decrease="-68"],
.tb-inner-content[data-percent-decrease="-69"] {
    /* background: #FFA3AF !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-decrease="-70"], 
.tb-inner-content[data-percent-decrease="-71"],
.tb-inner-content[data-percent-decrease="-72"],
.tb-inner-content[data-percent-decrease="-73"],
.tb-inner-content[data-percent-decrease="-74"],
.tb-inner-content[data-percent-decrease="-75"],
.tb-inner-content[data-percent-decrease="-76"],
.tb-inner-content[data-percent-decrease="-77"],
.tb-inner-content[data-percent-decrease="-78"],
.tb-inner-content[data-percent-decrease="-79"] {
    /* background: #fc98a5 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-decrease="-80"],
.tb-inner-content[data-percent-decrease="-81"],
.tb-inner-content[data-percent-decrease="-82"],
.tb-inner-content[data-percent-decrease="-83"],
.tb-inner-content[data-percent-decrease="-84"],
.tb-inner-content[data-percent-decrease="-85"],
.tb-inner-content[data-percent-decrease="-86"],
.tb-inner-content[data-percent-decrease="-87"],
.tb-inner-content[data-percent-decrease="-88"],
.tb-inner-content[data-percent-decrease="-89"] {
    /* background: #FF7B8D !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-decrease="-90"],
.tb-inner-content[data-percent-decrease="-91"],
.tb-inner-content[data-percent-decrease="-92"],
.tb-inner-content[data-percent-decrease="-93"],
.tb-inner-content[data-percent-decrease="-94"],
.tb-inner-content[data-percent-decrease="-95"],
.tb-inner-content[data-percent-decrease="-96"],
.tb-inner-content[data-percent-decrease="-97"],
.tb-inner-content[data-percent-decrease="-98"],
.tb-inner-content[data-percent-decrease="-99"] {
    /* background: #FF4F67 !important; */
    color: var(--secondary-white);
}
.tb-inner-content[data-percent-decrease="-100"] {
    /* background: #BD1422 !important; */
    color: var(--secondary-white);
}
/* tfoot */
.percent-wrap tfoot .tb-inner-content { font-weight: 900; font-size: 22px; }
tfoot .tb-inner-content[data-percent-increase], 
tfoot .tb-inner-content[data-percent-decrease] { background: transparent !important; }
tfoot .tb-inner-content[data-percent-increase] { color: #18652A; }
tfoot .tb-inner-content[data-percent-decrease] { color: #BD1422; }


.sortable-wraper {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    margin-right: 12px;
    color: #030303;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    cursor: pointer;
}
.sortable-wraper i {
    padding: 5px 8px;
}
.sortable-wraper.active {
    color: #006EFF;
}
.sortable-wraper span {
    padding: 0 !important;
    text-transform: capitalize;
    min-width: auto !important;
    background: none !important;
}

.order-options {
    border-radius: 6px;
    background: #F5F6FA;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    top: 84%;
    right: -40px;
    width: 144px;
    padding: 20px 0;
    display: none;
    z-index: 1;
}
.order-options:before {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    top: -7px;
    background: #F5F6FA;
    transform: rotate(45deg);
    z-index: 9999;
}
/* .table-wrapper th:last-child .order-options {
    right: 6px;
}
.table-wrapper th:last-child .order-options:before {
    right: 11px;
} */
.table-wrapper .table-view thead th:last-child .tb-inner-content .tb-inner-box:last-child .order-options {
    right: 6px;
}
.table-wrapper .table-view thead th:last-child .tb-inner-content .tb-inner-box:last-child .order-options:before {
    right: 11px;
}

thead .tb-inner-content .btn-content span {
    color: #030303;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    padding: 8px 20px;
    display: block;
    background: transparent !important;
    margin-bottom: 3px;
    text-align: start;
    /* transition: all 0.3s ease; */
    min-width: auto !important;
    cursor: pointer;
}
thead .tb-inner-content li:last-child .btn-content span {
    margin-bottom: 0px;
}
thead .tb-inner-content .btn-content span:hover {
    background: #EAEDF9 !important;
    color: #006EFF !important;
    font-weight: 700;
}
.tb-inner-box { width: 100%; display: flex; align-items: center; position: relative; }

/* 26/08/2024 */
label.inner-wrap .content-text:hover {
    background: unset;
}
.cat-table .tb-inner-box .span-refresh, .cat-table .cat-inner-content .tb-inner-box span {
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: left;
}
.cat-table thead .tb-inner-content span, .cat-table tfoot .tb-inner-content span, .cat-table tfoot .tb-inner-content span {
    padding: 16px 32px 19px;
}
.table-wrapper.cat-table table.table-view tbody td span {
    padding: 13px 32px;
}
.table-wrapper.cat-table .table-view thead th::before, .table-wrapper.cat-table tfoot td::before {
    border-right: 1px solid #000000;
}
.table-wrapper.cat-table table.table-view tbody td:before {
    border-right: 1px solid #000000;
}
.table-wrapper.cat-table table.table-view tbody td:before, .table-wrapper.cat-table .table-view thead th::before, .table-wrapper.cat-table tfoot td::before {
top: 0;
}
.cat-table thead .tb-inner-content span {
    text-align: center;
    padding: 5px 32px 9px;
}
.cat-table .cat-inner-content {
    display: block;
}
.cat-table .cat-inner-content .tb-inner-box span {
    color: #030303;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}
.month-wrapper-outer {
    display: flex;
    width: 100%;
}
.month-wrapper-outer .sold-wrapper {
    padding: 7px 0!important;
}
.sold-wrapper span {
    white-space: nowrap;
}
.month-wrapper-outer .sold-wrapper .sortable-wraper.active span {
    color: #006EFF;
}
.month-wrapper-outer .sold-wrapper span {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}
.month-wrapper-outer .sold-wrapper.bg-no span {
    background: #FFB2AB;
}
.month-wrapper-outer .sold-wrapper {
    width: 100%;
    display: inline-flex;
    position: relative;
    gap: 14px;
}
.sale_return_row .order-options {
    top: 92%;
}
.cat-table .table>thead {
    vertical-align: middle;
}
.cat-sol-wrap {
    display: flex;
}
.cat-table .cat-sol-wrap .tb-inner-content {
    padding: 13px 20px;
}
.cat-table .cat-sol-wrap .tb-inner-content .cat-main-wrapper span {
    padding: 0;
}
.cat-table tbody tr:nth-child(1) td .tb-inner-content span, .cat-table tr.main-cat-accordino .tb-inner-content span {
    color: #030303;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
}
.table-wrapper.cat-table table.table-view tbody td span svg {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(-50%, -50%);
}
.main-cat-accordino td .tb-inner-content {
    background: #B3C7F0;
}
.table-wrapper.cat-table table.table-view tbody tr.main-cat-accordino.active span svg {
    transform: rotate(-180deg);
    left: 14px;
    top: 43%;
}
.cat-table tr.main-cat-accordino .tb-inner-content span {
    color: #030303;
    font-size: 16px;
    font-weight: 500;
}
.cat-table tr.main-cat-accordino td:nth-child(1) .tb-inner-content span {
    font-weight: 700;
}
.cat-table .table>tbody tr td .cat-sol-wrap .tb-inner-content:nth-child(1), .cat-table .table>tfoot tr td .cat-sol-wrap .tb-inner-content:nth-child(1), .cat-table .table>tbody tr td .cat-sol-wrap .tb-inner-content:nth-child(2), .cat-table .table>tfoot tr td .cat-sol-wrap .tb-inner-content:nth-child(2) {
    border-right: 1px solid #E0E1E5;
}
.cat-table tfoot td {
    vertical-align: middle;
}
.sale_return_row .tb-inner-box {
    display: block;
}

.top-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.table-wrapper .table-view thead th:last-child .tb-inner-content .tb-inner-box:last-child .month-wrapper-outer .sold-wrapper:not(:last-child) .order-options {
    right: -40px;
}
.table-wrapper .table-view thead th:last-child .tb-inner-content .tb-inner-box:last-child .month-wrapper-outer .sold-wrapper:not(:last-child) .order-options:before {
    right: initial;
}


tr.sale_return_row .top-heading span {
    width: auto;
}
tr.sale_return_row .top-heading {
    justify-content: center;
    align-items: center;
}
tr.sale_return_row .top-heading span {
    padding: 5px 32px 9px;
}
.month-wrapper-outer .sold-wrapper:nth-child(1) {
    background: #C6FF94;
}
.month-wrapper-outer .sold-wrapper:nth-child(2) {
    background: #FFB2AB;
}
.month-wrapper-outer .sold-wrapper:nth-child(3) {
    background: #6E97E8;
}
.sale_return_row th:nth-child(1) .tb-inner-content .tb-inner-box .top-heading span {
    text-transform: capitalize;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding-left: 50px;
}
.sale_return_row th .tb-inner-content .tb-inner-box .top-heading span {
    color: #030303;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
}
.sale_return_row th:nth-child(1) .tb-inner-content .tb-inner-box .top-heading {
    justify-content: flex-start;
}
.table-wrapper table.table-view tbody .sale_return_row td:before, .table-wrapper .table-view thead .sale_return_row th::before, .table-wrapper tfoot .sale_return_row td::before {
    top: 0;
    border-right: 1px solid #000;
    z-index: 1;
}
.tb-inner-content span {
    width: 100%;
}
.sale_return_row .tb-inner-content span {
    border-right: 1px solid #E0E1E5;
}
thead .sale_return_row .tb-inner-content span {
    border-right: initial;
}
.table-wrapper tbody .sale_return_row td:not(:first-child) span {
    min-width: 270px;
}
.table-wrapper tbody .sale_return_row td:first-child span {
    min-width: 200px;
}

/* 31/08/024 */
.non_sold_row .tb-inner-box { flex-direction: column; } 
tr.non_sold_row td.sold_report_row .tb-inner-content .sold_box, tr.non_sold_row td.sold_report_row .tb-inner-content .non_sold_box { display: inline-flex; width: 100%; justify-content: space-between; } 
.non_sold_row th.sold_report_row:not(:first-child) .tb-inner-content .top-heading span { color: #030303; text-align: center; font-size: 16px; font-weight: 700; line-height: 140%; text-transform: uppercase; padding-top: 5px; padding-bottom: 9px; } 
.non_sold_row th.sold_report_row:first-child .tb-inner-content .top-heading span { color: #000; font-size: 23px; font-weight: 700; line-height: 84%; padding-left: 20px; } 
tr.non_sold_row td.sold_report_row { vertical-align: middle; } .table>tbody tr.non_sold_row:first-child td.sold_report_row .tb-inner-content span { color: #030303; font-size: 13px; font-weight: 400; line-height: 140%; text-transform: uppercase; } 
.table>tbody tr.non_sold_row td.sold_report_row .tb-inner-content div { display: inline-flex; width: 100%; justify-content: space-between; } 
tr.non_sold_row td.sold_report_row .sold_box span:last-child, tr.non_sold_row td.sold_report_row .non_sold_box span:last-child, .table>tbody tr.non_sold_row td.sold_report_row .tb-inner-content div span:last-child { text-align: end; justify-content: end; } 
.header_row .sold_report_row .tb-inner-content .sold_box span, .header_row .sold_report_row .tb-inner-content .non_sold_box span, .header_row td.sold_report_row .tb-inner-content span { background: #B3C7F0; cursor: pointer;} 
.header_row td.sold_report_row:nth-child(1) .tb-inner-content { position: relative; } 
.header_row td.sold_report_row:nth-child(1) .tb-inner-content::before { position: absolute; top: 11px; left: 8px; font-family: 'Font Awesome 5 Pro'; font-weight: 900; content: "\f106"; font-size: 12px; color: #666; transform: rotate(180deg); } 
tr.non_sold_row td.sold_report_row .tb-inner-content span { padding: 10px 25px; } 
.header_row td.sold_report_row:nth-child(1) .tb-inner-content span { font-weight: 700; } 
/* .table>tbody tr.non_sold_row td.sold_report_row .tb-inner-content .sold_box, .table>tfoot tr.non_sold_row td.sold_report_row .tb-inner-content .sold_box, .table>tbody tr.non_sold_row:first-child td.sold_report_row .tb-inner-content div { border-right: 1px solid #E0E1E5; } */ 
.table>tbody tr.non_sold_row td.sold_report_row .tb-inner-content .non_sold_box, .table>tfoot tr.non_sold_row td.sold_report_row .tb-inner-content .non_sold_box, .table>tbody tr.non_sold_row:first-child td.sold_report_row .tb-inner-content div  { border-left: 1px solid #E0E1E5; } 
.table-wrapper .table-view thead .non_sold_row th.sold_report_row::before, .non_sold_row td.sold_report_row::before, .table-wrapper table.table-view tbody .non_sold_row td.sold_report_row::before {top: 0; border-right: 1px solid #000; } 
td.sold_report_row .tb-inner-content .sold_box, td.sold_report_row .tb-inner-content .non_sold_box { min-width: 360px; }
.non_sold_row.header_row.open td.sold_report_row:nth-child(1) .tb-inner-content::before { transform: rotate(0deg);}
tr.non_sold_row td.sold_report_row:first-child .tb-inner-content span, .table-wrapper table.table-view thead tr.non_sold_row th:first-child .tb-inner-content span, .table-wrapper table.table-view thead tr.non_sold_row th:first-child {
    width: 380px;
}
/*************************** 
    @media screen
***************************/

@media screen and (min-width: 992px) and (max-width: 1125px) {
    .daterange-left, .daterange-right { width: 128px; }
    .daterange-left, .daterange-right { font-size: 13px; } 
} 
@media screen and (max-width: 1600px) {
    .header-content { padding-left: 20px; }
    .toggle-btn { padding: 13px 12px 13px 0; margin-right: 12px; }
    .page-title { font-size: 34px; white-space: nowrap;}
    .import-inner {gap: 4px;}
    .import-processing-section {margin: 0 10px 0px 0px; padding: 8px 15px; gap: 10px;}
    .import-processing-section p {font-size: 12px;}
}
@media screen and (max-width: 991px) {
    .table-wrapper table.table-view tr td:first-child:before, .table-wrapper table.table-view thead th:first-child:before { right: -4px; width: 11px; background: linear-gradient(90deg, #C7CAD0, rgb(255 0 0 / 0%)); }
    .table-wrapper table.table-view tr td:first-child:before, .table-wrapper table.table-view thead th:first-child:before { border-right: none; }
    .cross-icon { display: block; }
    .switch-btn { padding: 4px 7px 5px; }
    .sub-top-bar { border-radius: 0px 5px 0px 0px; }
    .switch-block { padding: 4px 2px; }
    .toggle-btn { display: none; }
    .rhs-bar { text-align: end; display: flex; justify-content: space-between; align-items: center; }
    .header-bar .rhs-bar .mobile-toggle-icon img { padding: 0px; margin-right: 15px; }
    .header-bar .rhs-bar img { padding: 0px 0px 13px; }
    .header-bar .rhs-bar img { max-width: 60%; margin-right: auto; }
    .header-bar .mobile-toggle-icon { display: block; }
    .header-content { padding-left: 20px; }
    .page-title { font-size: 34px; }
    .page-template .btn-wrapper { border-radius: 6px; border: 0.8px solid var(--primary-blue); }
    .page-template .btn-outer-wrapper .btn-block { margin-left: 0px; border-radius: 0; border-right: 1px solid var(--primary-blue); background: unset; color: var(--primary-blue); flex-direction: column; gap: 3px; padding: 6px 12px 7px 12px; }
    .page-template .svg-icon path { stroke: var(--primary-blue); }
    .btn-wrapper .btn-block:last-child { border-right: none; }
    .svg-icon i { position: relative; right: auto; top: auto; padding-left: 6px; }
    .btn-outer-wrapper .btn-outer-wrap .btn-block { padding-right: 15px; }
    .breadcrumb-wrap .breadcrumb { margin-bottom: 0; }
    .aside-bar-wrapper { position: absolute; top: 0; left: 0; z-index: 3; height: 100vh; }
    .sub-menu-bar, .hide-sub-bar { margin-top: 95px; }
    .main-menu-bar { padding-top: 36px; border-radius: 0px 6px 6px 0px; display: none; height: 100vh; }
    .aside-table-wrapper { padding: 0; }
    .table-content, .table-bar { border-radius: 0; }
    .page-template .table-content { height: calc(100vh - 95px); border-radius: 0; }
    .date-body { max-height: calc(100vh - 165px); }
    .table-wrapper { height: calc(100vh - 224px); }
    .sub-heading { display: none; }
    .eyes-wrap { order: 1; }
    .year-visiable { width: 100%; }
    .date-fields label { white-space: nowrap; }
    .btn-wrapper { margin-left: auto; } 
} 
@media screen and (max-width: 767px) {
    .table-bar { gap: 0px; padding: 15px 20px 16px 20px; }
    .year-visiable { width: 100%; margin-left: 15px; }
    .aside-table-wrapper { width: 100%; }
    .rhs-bar, .header-bar .rhs-bar img { transition: all 0s ease; } 
    .date-picker-wrapper { min-width: 400px; }
    .range-block { gap: 2%; }
    .day-title, .day-inner { flex: 1 1 13.18%; max-width: 13.18%; }
    .pick-date-range-wrapper .inner-item { flex: 1 1 32.59%; max-width: 32.59%; }
}
@media screen and (max-width: 700px) {
    .header-bar { min-height: 100%; }
    .quantity-price, .header-content, .table-bar .eyes-wrap {display: none;}
    .mobile-eyes, .header-option-wrap, .nav-toggle, .sub-menu-title, .cross-sub-menu { display: block; }
    .filter-group { height: calc(100vh - 109px); }
    .tab-view .group-body { height: calc(100vh - 350.36px); }
    .tab-view .filter-block .group-body { height: calc(100vh - 377.95px); }
    .page-template .table-content { height: calc(100vh - 66.59px); }
    .table-wrapper { height: calc(100vh - 267.59px); }
    .ftr-btn { max-width: 100%; }
    .sub-top-bar { display: flex; padding-left: 20px; align-items: center; justify-content: space-between; }
    .switch-block { margin: 0; }
    .rhs-bar { max-width: 100%; text-align: center; }
    .header-bar .col-2, .header-bar .col-10 { width: 100%; }
    .header-bar .rhs-bar img { max-width: 95px; }
    .page-three .nav-toggle { opacity: 0; }
    .table-bar .year-visiable { text-align: end; }
    .page-template .btn-wrapper { display: none; position: absolute; z-index: 9; right: 0; border-radius: 6px; background: var(--secondary-white); box-shadow: 0px 4px 6px 0px var(--black-shadow); width: 200px; padding: 15px 15px 20px 15px; flex-direction: column; align-items: flex-start; gap: 15px; border: unset; top: 50px; }
    .page-template .btn-wrapper:before { content: ''; position: absolute; right: 14px; top: -6px; width: 14px; height: 14px; background: var(--secondary-white); border-radius: 1px; transform: rotate(45deg); z-index: -1; }
    .page-template .btn-outer-wrapper .btn-block { display: flex; align-items: start; width: 100%; border-right: unset; border-bottom: 1px solid #E0E1E5; flex-direction: row; justify-content: start; gap: 8px; padding-bottom: 15px; padding-top: 15px; }
    .page-template .btn-outer-wrap { width: 100%; }
    .page-template .svg-icon i { position: absolute; right: 15px; top: 12px; }
    .page-template .btn-wrapper .btn-block:last-child { border-bottom: none; padding-bottom: 0px; }
    .page-template .btn-outer-wrapper { display: flex; align-items: center; gap: 8px; }
    /* .page-template .btn-outer-wrapper .eyes-wrap,  */
    .page-template .btn-outer-wrapper .mb-btn-icon { display: block;    border: 1.35px solid #006EFF; border-radius: 4px; padding: 6px 9px 6px 8px; cursor: pointer;}
    .page-template .btn-outer-wrapper .eyes-wrap { order: 0; height: auto; }
    .page-template .btn-outer-wrapper .visiable-btn { width: 35px; height: 34px; }
    .switch-selection { transform: translate3d(39px, 0, 0); width: 35px; height: 34px; }
    .page-title { font-size: 24px; display: flex; align-items: center; }
    .breadcrumb-item a { font-size: 12px; }
    .header-content { padding: 7px 9px 7px 15px; }
    /* head change */ 
    .hide-sub-bar { display: none; }
    .aside-bar-wrapper { position: unset; height: 0px; }
    .menu-bar-outer { height: 100vh; }
    .header-bar .close { max-width: 100%; }
    .header-bar .rhs-bar.close  img { max-width: 95px; }
    .main-menu-bar { width: 320px; position: absolute;; }
    .nav-bar-inner { padding: 6px 21px 7px 8px; margin-bottom: 11px; margin-left: 6px; }
    .sub-menu { margin-right: 21px; }
    .sub-menu .link-menu-item { border-radius: 6px; }
    .profile-details .nav-bar-inner:last-child { margin-bottom: 0px; }
    .sub-menu-bar { height: 100vh; margin-top: 0px; position: absolute; width: 320px; right: 0; top: 0; }
    .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: none; }
    .date-body { max-height: calc(100vh - 135px); }
    .show-header-content .table-content { height: calc(100vh - 134.59px);}
    .show-header-content .date-body { max-height: calc(100vh - 203.59px); }
} 
@media screen and (max-width: 625px) {
    .date-fields label { display: none; }
    .table-bar { padding: 15px 15px 16px 15px; }
    .table-wrapper table.table-view tbody td span { padding: 6px 15px; } 
} 
@media screen and (max-width: 475px) {
    .login-wrap { border-radius: 0px; }
    .daterangepicker.show-calendar .ranges { text-align: center; }
    .table-wrapper table.table-view tbody td:first-child span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 240px; padding-right: 6px; }
    .daterange-left, .daterange-right { width: 127px; }
    .daterangepicker { position: fixed; border-radius: 0px; border: none; top: 0!important; margin: 0px!important; left: 0 !important; width: 100%; height: 100vh; overflow-y: scroll; }
    .daterangepicker .drp-calendar { margin: 0 auto; }
    .daterangepicker .drp-calendar.left { padding: 8px 0 0px 0px; border-bottom: 1px solid #ddd; }
    .modal.bottom .modal-dialog { position: fixed; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
    /*botton*/
    .modal.bottom.fade .modal-dialog { bottom: -320px; -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out; -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out; -o-transition: opacity 0.3s linear, bottom 0.3s ease-out; transition: opacity 0.3s linear, bottom 0.3s ease-out; }
    .modal.bottom.fade.show .modal-dialog { bottom: 0px; margin: 0; max-width: 100%; width: 100%; }
    .modal .modal-content { border-radius: 0px; }
    .pagination-nub-wrapper { padding: 30px 20px; flex-wrap: wrap; }
    .daterange-left, .daterange-right { font-size: 13px; }
    .table-wrapper table.import-tb td:first-child { max-width: 235px !important; padding-right: 5px; }
    .table-wrapper table.import-tb td p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    tr.non_sold_row td.sold_report_row .tb-inner-content span {  padding: 10px 15px;}
    .non_sold_row th.sold_report_row:first-child .tb-inner-content .top-heading span { font-size: 14px; line-height: 20px; padding-left: 15px; }
}
@media screen and (max-width: 450px) {
    .open.date-picker-wrapper .full-date { display: block; }
    .date-picker-wrapper { min-width: 345px; }
    .open.date-picker-wrapper:before { position: absolute; content: ''; width: 100vw; height: 100vh; top: -42px; left: 0; background: rgb(3 3 3 / 70%); } 
    /* custom date rang picker */ 
    .open.date-picker-wrapper { position: fixed; top: 42px; left: 0; border-radius: 0; overflow: visible; z-index: 99; width: 100vw; height: calc(100vh - 42px); }
    .open .select-head { border-radius: unset; }
    .open .select-date ~ .slide-box { border-top-right-radius: 0px; border-top-left-radius: 0px; }
    .day-title, .day-inner { flex: 1 1 13.18%; max-width: 13.18%; }
    .day { min-height: 42px; }
    .pick-date-range-wrapper .inner-item { flex: 1 1 32.59%; max-width: 32.59%; }
    .range-block { gap: 20px; }
    .date-fields .inner-tab, .date-fields .lang { padding: 8px 13px 7px 12px; font-size: 14px; }
    .slider-bg { height: 32px; }
    .select-date-start, .select-date-end { padding: 9px 12px 9px 14px; }
    .date-range-btn { position: fixed; padding: 20px 30px; box-shadow: 0 0 9px rgb(0 0 0 / 10%); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; z-index: 1; }
    .open .close-picker { opacity: 1; }
    .open .date-body { max-height: calc(100vh - 156px); border-radius: unset; padding: 20px 20px 0px 20px; height: 100vh; }
    .select-date-container-wrapper { max-height: 100%; }
    .pick-date-range-wrapper { margin-bottom: 78px; }
    .selected-date { pointer-events: none; }
    .open .selected-date { pointer-events: auto; }
    tr.non_sold_row td.sold_report_row:first-child .tb-inner-content span, .table-wrapper table.table-view thead tr.non_sold_row th:first-child .tb-inner-content span, .table-wrapper table.table-view thead tr.non_sold_row th:first-child {
        width: 200px;
    }
}
@media screen and (max-width: 375px) {
    .daterangepicker .calendar-table table { border-spacing: 0px 13px; } 
    .table-wrapper table.table-view tbody td:first-child span { width: 140px; } 
}