:root {
    /* --primary: 4, 174, 246; */

    --primary: 33, 116, 211;
    --secondary: 61, 61, 71;
    --light-primary: 252, 192, 201;
    --light-secondary: 216, 216, 218;
    --white-clr: 255, 255, 255;
    --black-clr: 0, 0, 0;
    --dark: 23, 25, 26;
    --input-border-clr:209, 209, 209;
    --font-clr: 23, 25, 26;
}

.default{
    /* --primary: 4, 174, 246; */

    --primary: 33, 116, 211;
    --secondary: 61, 61, 71;
    --tertiary: 249, 30, 35;
}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }
a { -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; }
.trans, path, circle, rect, poligon { -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:rgb(var(--font-clr));}

.cst-divider{margin: 2rem 0;color: inherit;border: 0;border-top: 1px dashed rgba(var(--dark), 0.2);}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.show, .btn-outline-primary:checked, .btn-outline-primary:focus, .btn-outline-primary:focus-visible{border-color:rgba(var(--primary), 1) !important;background-color: rgba(var(--primary), 1) !important;box-shadow: none;}
.btn-check+.btn:hover{ color: var(--bs-btn-active-color); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.show, .btn-primary:checked, .btn-primary:focus, .btn-primary:focus-visible{color:rgba(var(--primary), 1) !important;background-color:rgba(var(--white-clr), 1) !important ;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary.show, .btn-secondary:checked, .btn-secondary:focus{color:rgba(var(--secondary),1)!important;background-color:rgba(var(--white-clr), 1) !important ;}

.btn-outline-primary{ background-color: transparent; color: rgba(var(--primary), 1); border: 1px solid rgba(var(--primary), 1); }
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{ color: var(--white); background-color: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); }

.cst-main-title{font-size: var(--h4-font-size);margin-bottom: 0;}
button, .button, .btn{position: relative;}
.initial-position {position: relative !important; left: initial !important;top: initial !important;bottom: initial !important;right: initial !important;}
.maxWidth-300{max-width: 300px !important;}
[id*="Error"], [id*="error"], [class*="error"][class*="Error"] {font-size: 12px;line-height: 1.2em;top: -4px;position: relative;webkit-font-smoothing: auto;font-weight: 500;}
.is-invalid-error{border-color: rgba(var(--danger), 1) !important;}
.is-invalid-error:focus{box-shadow: 0 0 0 0.25rem rgba(var(--danger), 0.3) !important;}
.error_star:after {content: '*';display: inline-block;}

[class*="text-"]{cursor: initial !important;}
a [class*="text-"], [class*="text-"] a, button[class*="text-"], a[class*="text-"]{cursor: pointer !important;}

header.header-main{height:auto;}
nav:not(.dark-sidebar) + .app-content .dark-logo{display: none;}
nav:not(.light-sidebar) + .app-content .light-logo{display: none;}
.dark-sidebar .light-logo{display: none;}
.light-sidebar .dark-logo{display: none;}
.app-logo .logo img{width: 100%; max-width: 150px;height: 42px;max-height: 42px;object-fit: contain;}
.app-wrapper nav.horizontal-sidebar,
.app-wrapper .semi-nav.horizontal-sidebar{top: 69px;}
.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card{margin-bottom: 0;}
.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card > .card-body{padding-top: 0.8rem;padding-bottom: 0.8rem;}
.app-wrapper nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) a{padding-top:0.65rem;padding-bottom:0.65rem;display: inline-flex;}
.app-wrapper nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title).no-sub a{ padding-right:1rem;}
nav .app-nav .main-nav > li:not(.menu-title) > a::after{top: 8px;}
nav .app-nav .main-nav > li:not(.menu-title) ul li{line-height: inherit;}
nav .app-nav .main-nav > li:not(.menu-title) ul li::before{ top: 7px; }
nav .app-nav .main-nav > li:not(.menu-title) ul li:not(:last-child) {border-bottom: 1px dashed rgba(var(--dark), 0.2);}
nav .app-nav .main-nav > li:not(.menu-title) a:hover,
nav .app-nav .main-nav > li:not(.menu-title).active > a{color:rgb(var(--tertiary));}
nav .app-nav .main-nav > li:not(.menu-title) ul li.active{background:transparent;color:rgb(var(--tertiary));}
nav .app-nav .main-nav > li:not(.menu-title) > a:not(.collapsed)[aria-expanded=true],
nav .app-nav .main-nav > li:not(.menu-title) > a[aria-expanded=true]{background:transparent;color:rgb(var(--tertiary));border:none;}

nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) ul li.another-level.another-level ul{left: calc(100% - -9px);position: absolute;margin-top: 0;top: 0; overflow-y: auto; max-height: calc(100vh - 130px); }
.app-wrapper:has( .card-header.sticky_button) nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) ul li.another-level.another-level ul{max-height: calc(100vh - 60px); }
nav .app-nav .main-nav > li:not(.menu-title) ul li.another-level > a[aria-expanded=false][class="collapsed"]::after, nav .app-nav .main-nav > li:not(.menu-title) ul li.another-level > a[aria-expanded=true][class="collapsed"]::after, nav .app-nav .main-nav > li:not(.menu-title) ul li.another-level > a[aria-expanded=false]::after {
    content: "\ea5f" !important;
}

nav .app-nav .main-nav > li:not(.menu-title) ul li.another-level > a[aria-expanded=true]::after {
    content: "\ea62" !important;
}

.app-wrapper nav.horizontal-sidebar .app-logo,
.app-wrapper nav.horizontal-sidebar ~ .app-content{width: 100%;padding-left: 1rem !important;padding-right: 1rem !important;}
.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card > .card-body{width:100%;}
.app-wrapper nav.horizontal-sidebar .menu-navs{width: calc(100% - 16px);}
.app-wrapper nav .main,
.box-layout .app-wrapper,
.box-layout .app-wrapper nav.horizontal-sidebar,
.box-layout div > footer,
.box-layout header.header-main{max-width: 100%;}
.app-wrapper nav.horizontal-sidebar .app-nav{width: calc(100% - 86px);}

.app-form.app-icon-form i{left: 7px;}
.app-form .form-select, .app-form .form-control,.form-select, .form-control{border-color:rgb(var(--input-border-clr));padding:0.56rem 0.5rem;border-radius: .375rem !important;}
.app-form .form-select, .form-select{padding-right: 2.25rem !important;}
.form-select-sm, .app-form .form-select-sm{padding:.25rem 2.25rem .25rem .5rem !important;font-size: .875rem !important;border-radius: .25rem !important;}
.input-group{ z-index: 0; }
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {border-top-right-radius:0 !important;border-bottom-right-radius: 0 !important;}
/* .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0 !important;border-bottom-right-radius: 0 !important;}{} */

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){ border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.input-group-text{border-color:rgb(var(--input-border-clr));}


.table tr.app-sort .sort-link{white-space: nowrap;}
.table > thead th{background-color:rgba(var(--secondary),0.2);}
.table > thead th,.table > tbody td{font-size: 13px !important;}
.table > thead th:first-child, .table > tbody td:first-child {min-width: 47px;}
.table tbody tr:hover{background-color: rgba(var(--light), .1);}
.table span.sort-icon{padding:0 8px;}
.list-table-data.table-bottom-border > thead th:first-child{padding-left: 0.5rem;}
.list-table-data.table-dash-border > thead th{color: rgb(var(--dark), 0.75);font-weight: 600;}
.table > :not(caption) > * > *{padding:0.4rem;}
.table > thead > * > *{padding:0.5rem;}
.table-dash-border>:not(caption)>*>*{border: 1px dashed var(--border_color);}
 table.has-action > tbody tr,  table.has-action > thead tr {position: relative;}
 table.has-action > tbody tr td:last-child,  table.has-action > thead tr th:last-child{ min-width: 75px; position: sticky; right: 0px; height: 100%; text-align: center; z-index: 2 !important; }
 table.has-action > tbody tr td:last-child:has( .show ){ z-index: 3 !important; }
 table.has-action > tbody tr td.actions::after,  table.has-action > thead tr th.actions::after,
 table.has-action > tbody tr td.action::after,  table.has-action > thead tr th.action::after{ content: ""; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); height: 100%; position: absolute; top: 0; bottom: 0; width: 10px; left: 0; transform: translateX(-80%); }
 table.has-action > tbody tr td.at-end::after,  table.has-action > thead tr th.at-end::after{ content: none !important; }
 table.has-action > tbody tr td.actions,  table.has-action > thead tr th.actions,
 table.has-action > tbody tr td.action,  table.has-action > thead tr th.action{ border-right: 1px dashed var(--border_color) !important; }
 table.has-action > tbody tr td:last-child{ background: var(--white); border: 1px dashed var(--border_color); }
 table.has-action > thead tr th:last-child{ background-color:rgb(var(--light-secondary)) }
.table > thead th.id, .table > tbody td.id{width: 47px;}
table.has-action > tbody tr th.actions,
table.has-action > tbody tr th.action,
table.has-action > tbody tr td.actions,
table.has-action > tbody tr td.action {width: 80px;}
.table-responsive::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(var(--black-clr),0.3);	border-radius: 10px; background-color: rgba(var(--black-clr),0.1) }
.table-responsive::-webkit-scrollbar{ width: 12px; height: 10px; background-color: rgba(var(--black-clr),0.1) }
.table-responsive::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(var(--black-clr),0.3); background-color: rgba(var(--primary), 1); cursor: pointer; }
.table > thead th.chkthtd, .table > tbody td.chkthtd{width: 43px;min-width: 43px;text-align: center;}
.table > thead th{white-space:nowrap;}
.table-wrap .table-responsive{min-height: 165px;}

.card .card-body .card-footer{margin: 1rem -1.25rem -1rem;}
.cst-card-with-bg{background: var(--bodybg-color);}
.cst-card-with-bg .card-header h1,.cst-card-with-bg .card-footer h1,
.cst-card-with-bg .card-header h2,.cst-card-with-bg .card-footer h2,
.cst-card-with-bg .card-header h3,.cst-card-with-bg .card-footer h3,
.cst-card-with-bg .card-header h4,.cst-card-with-bg .card-footer h4,
.cst-card-with-bg .card-header h5,.cst-card-with-bg .card-footer h5,
.cst-card-with-bg .card-header h6,.cst-card-with-bg .card-footer h6{font-weight: 500;}

table > tbody tr.completed, table > tbody tr.completed td.action {background-color: #ebf9f1 !important;}
table > tbody tr.sent, table > tbody tr.sent td.action {background-color: #ebf9fe !important;}


.dropdown-menu.show{ border: none; background: var(--white); z-index: 1000;     box-shadow: 2px 2px 18px 0px  rgba(var(--black-clr),0.15); }
.table .dropdown-menu:before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 13.9px 8px; border-color: transparent transparent var(--white) transparent; transform: rotate(0deg); position: absolute; top: -10px; right: 15px; }
.dropdown-menu[data-popper-placement="top-end"]:before, .dropdown-menu[data-popper-placement="top-finish"]:before { left: unset; right: 15px; top: unset; bottom: -10px; border-width: 13.9px 8px 0px 8px; border-color: var(--white) transparent transparent transparent; }
.dpdown-item{padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);}
.dropdown-item.active, .dropdown-item:active{background-color:rgba(var(--secondary),0.05);color:var(--bs-dropdown-link-color);}

.folder-card .fileimage{padding: 1rem 0.5rem;}
.image-preview-wrapper .folder-card .fileimage .icon-img,
.image-preview-wrapper.folder-card .fileimage .icon-img {width: 100%;height: 100%;max-width: 150px;max-height: 50px;margin-bottom: 10px;object-fit: contain;}
.is-invalid {--bs-form-select-bg-icon: unset !important;background-image: unset !important;}
.form-check-input[type=checkbox], .form-check-label {cursor: pointer;}
.price:has(input){display: block; position: relative;}
.price:has(input):before {content: '$';position: absolute;top: 50%;left: 1px;color:var(--bs-body-color);font-size: 16px;border-radius: .375rem 0 0 .375rem; font-weight: 500;padding:4.5px 9px; border-right: 1px solid var(--bs-border-color); background-color:var(--bs-tertiary-bg) ; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.price:has(input) .form-control{padding-left:34px;}
.price:has( .readonly) {cursor: no-drop !important;}
.price:has( .readonly):before {background: #ebebeb;}
.readonly{background-color:rgba(0,0,0,0.05) !important;cursor: no-drop !important;border: none !important;box-shadow: none !important;}
.cst-status-wrap{display: flex;align-items: center;justify-content: end;gap: 10px;}
.cst-status{position: relative;}
.cst-status .badge {padding: 0.3em 1.2em 0.3em 2.2em;font-weight: 600;letter-spacing: 0.5px;line-height: 1.4em;font-size: 16px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.cst-status .badge:after {content: '';border-left: 18px solid rgb(var(--white-clr));border-top: 16px solid transparent;border-bottom: 17px solid transparent;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.project_dashboard .card{height: calc(100% - 1.25rem);}

/* .preview-card[style*="position: fixed;"]{top: 185px !important;width: 100%;} */
.preview-card[style*="position: fixed;"]{top: 130px !important;width: 100%;}
.preview-card.end-to-screen[style*="position: fixed;"]{bottom:165px;}
.card-preview-body{overflow-y: auto;max-height: calc(100dvh - 350px);}
.app-form.app-icon-form .form-control-sm + i{top: 7px;}
.tdtitle{min-width: 150px !important;}
.tdtitle + td{word-break: break-all;}
.cst-text-price{width: 120px !important;max-width: 120px !important;min-width: 120px !important;}
.cst-text-status {width: 155px !important;max-width: 155px !important;min-width: 155px !important;}
.cst-text-sku{width: 120px !important;max-width: 120px !important;min-width: 120px !important;}
.cst-text-date {width: 130px !important;max-width: 130px !important;min-width: 130px !important;}
.cst-text-phone {width: 120px !important;max-width: 120px !important;min-width: 120px !important;}
.cst-text-phone:has(.sort-link){width: 140px !important;max-width: 140px !important;min-width: 140px !important;}
.cst-text-abn {width: 120px !important;max-width: 120px !important;min-width: 120px !important;}
.cst-text-abn:has(.sort-link){width: 140px !important;max-width: 140px !important;min-width: 140px !important;}
.cst-text-postcode {width: 100px !important;max-width: 100px !important;min-width: 100px !important;}
.bulk-action-wrap{border:1px solid rgba(var(--input-border-clr),0.15);padding: 4px;border-radius: 5px;background-color: rgba(var(--dark),0.2);}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}

.form-control-date{background-image: url('../images/date-icon.svg');background-repeat: no-repeat;background-size: 20px;background-position: calc(100% - 10px) center;padding-right: 35px !important;}

.cst-maxWidth-col{max-width: 1200px;margin: auto;}
#togglePassword{cursor: pointer !important;}

.invalid-feedback{ top: unset; bottom: 40px; right: 0; left: calc(100% - calc(var(--bs-gutter-x) * .5)); transform: translateX(-100%); height: auto; margin: 0; -webkit-font-smoothing: auto; line-height: normal; font: 11px / 11px arial; background: rgb(var(--danger)); padding: 4px 6px 4px; color: rgb(var(--white-clr)); border-radius: 3px; position: absolute; width: max-content; z-index: 1000; }
.invalid-feedback::after{ border-color: rgb(var(--danger)) transparent #ffffff00; -moz-border-image: none; -o-border-image: none; border-image: none; border-right: 6px solid transparent; border-style: solid; border-width: 6px; content: " "; height: 0; left: 20px; margin-left: -10px; position: absolute; top: 100%; width: 0; z-index: 4; }
.input-group:has(.priceFormate) .invalid-feedback{ position: absolute; bottom: unset; top: -19px; right: 0px; left: unset; transform: none; }
.app-form .is-invalid .select2-selection { border-color: rgb(var(--danger)); }
.select2-container--default .select2-selection--single .select2-selection__clear{ height: 40px; margin-right: 40px;  }
.card .card-header .page_title_wrap .search-box { background: transparent; }
.product-content-box.cst-pro-cnt-box .cst-profile-name{ font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; }
.product-grid .product-image{ width: 100%; height: 200px; object-fit: cover; overflow: hidden; position: relative; background-color: var(--white); display: flex; align-items: center; justify-content: center; }
.product-grid .product-image a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.card-body .cst-pro-cnt-box .product-grid .product-links li a{ box-shadow: none; }
.btn-outline-danger:hover, .btn-outline-danger.active, .btn-outline-danger.show, .btn-outline-danger:checked, .btn-outline-danger:focus { background-color: rgba(var(--danger), 1) !important; color: var(--white) !important;
}
.card-body .cst-pro-cnt-box .product-grid .product-links{ top: 0px; left: 0px; }
.sticky_button_wrap.sticky_button { position: fixed; z-index: 1002; left: 0; right: 0; top: 110px; background: rgba(var(--white-clr), 1); padding: 14px 17px 12px;   box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.25);}
.semi-nav + .app-content .sticky_button_wrap.sticky_button { top: 65px; left: 4.5rem; transition: var(--app-transition); padding-left: 10px; padding-right: 10px; }
/* .semi-nav + .app-content .preview-card[style*="position: fixed;"] { top: 140px !important; } */
.semi-nav + .app-content .preview-card[style*="position: fixed;"] { top: 80px !important; }
.radio-btn-error-msg .invalid-feedback { display: inline-block; }
.radio-btn-error-msg-cst:has( .btn-check.is-invalid) .invalid-feedback{ display: inline-block; }
.select2-container{ z-index: 1000; }

.accordion-header .accordion-button .counter{ margin-left: 5px; background-color: rgb(var(--tertiary)); color: rgb(var(--white-clr)); font-weight: 600; min-width: 20px; min-height: 20px; text-align: center; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 13px; }

.filter-suggestList{ max-width: 310px; }
nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) ul li.another-level.another-level ul::-webkit-scrollbar { width: 0px; }
nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) ul li.another-level.another-level ul::-webkit-scrollbar-thumb { background: #666;border-radius: 20px;}
nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) ul li.another-level.another-level ul::-webkit-scrollbar-track { background: rgb(var(--white-clr)); border-radius: 20px;}

nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) ul li.another-level.another-level ul { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }

/* For Chrome, Safari, Opera, and other WebKit-based browsers */
.scroll-container::-webkit-scrollbar { display: none;}

/* Header Hide whensticky_button_wrap exist start*/
.app-wrapper:has( .card-header.sticky_button) .header-main{ display: none; }
.app-wrapper:has( .card-header.sticky_button) nav.horizontal-sidebar{ top: 0px; }
.app-wrapper:has( .card-header.sticky_button) .sticky_button.sticky_button{ top: 45px; }
.app-wrapper:has( .card-header.sticky_button) .semi-nav + .app-content .sticky_button_wrap.sticky_button{ top: 0px; }
.app-wrapper:has( .card-header.sticky_button) .card-header.sticky_button_wrap.sticky_button{ border-radius: 0px; padding-top: 5px; padding-bottom: 5px; }
.app-wrapper:has( .card-header.sticky_button) .card-header > div.row { width: 100%; margin: auto; }
.app-wrapper:has( .card-header.sticky_button) .card-preview-body{ max-height: calc(100dvh - 210px); }
/* Header Hide whensticky_button_wrap exist end*/

/* For remove sticky Footer start */
div > footer{ position: unset; }
.app-wrapper{ flex-wrap: wrap; }
/* For remove sticky Footer end */

/*Start*/
#docusign-form .order-tabs-wrapper [role="tablist"] { border-bottom: 0px !important; }
.app-form .accordion .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-right: 25px !important; padding-left: 8px !important; }
.app-form .accordion-item .select2-selection__rendered { padding-left: 8px !important; padding-right: 30px !important; }
.accordion-body .input-group .input-group-text{ padding: 5px !important; background-color: transparent; border-width: 1px 0px 1px 1px;  }
.accordion-body .input-group .priceFormate{ padding-right: 5px !important; padding-left: 0px !important; border-width: 1px 1px 1px 0px; }
.app-form .accordion-body .accessories-item .form-select:focus, .app-form .accordion-body .accessories-item .form-control:focus{ box-shadow: none; border-color: rgb(var(--input-border-clr)); }
/* .app-form .accordion-body .input-group:has(.form-select:focus){ background: red !important; } */
/*End*/


.tab-outline-primary{ border-bottom: 0px; }
.preview-container .preview-description-trade-table { overflow-x: auto; }
th:has([type="checkbox"].select-all-checkbox), td:has( [type="checkbox"].column-checkbox ) { width: 47px; max-width: 47px; }
.product-content-box.cst-pro-cnt-box .product-image .product-links{ display: flex; gap: 10px; }
.app-wrapper nav .app-nav ul.main-nav > li:has( .collapse ) > a::after{ content: "\ea5f" !important; }
.app-wrapper nav .app-nav ul.main-nav > li:has( .collapse.show ) > a::after{ content: "\ea62" !important; }
.app-form.app-icon-form i{ top: 50%; transform: translateY(-50%); }
.tooltip{ z-index: 1 !important; }
.app-form.app-icon-form .form-control-sm.search + i { top: 50%;transform: translateY(-50%);}

.filter-optionssuggestList {max-width: 100%;max-height: 500px;overflow-y: auto; box-shadow: var(--box-shadow); border: 1px dashed rgba(var(--dark), 0.2); }

.sendDocusignDisable {background: #e3e3e3!important; cursor: not-allowed !important; border: 1px dashed rgba(var(--dark), 0.2) !important; color: #515353 !important;}
.sendDocusignDisable:hover {background-color: #e3e3e3 !important;border: 1px dashed rgba(var(--dark), 0.2) !important;}

/* .form-container > #login-validation > div{ position: relative; }
.form-container > #login-validation #emailError:not(:empty), .form-container > #login-validation #passwordError:not(:empty){  top: unset; bottom: 40px; right: 0; left: calc(100% - calc(var(--bs-gutter-x) * .5)); transform: translateX(-100%); height: auto; margin: 0; -webkit-font-smoothing: auto; line-height: normal; font: 11px / 11px arial; background: rgb(var(--danger)); padding: 4px 6px 4px; color: rgb(var(--white-clr)) !important; border-radius: 3px; position: absolute; width: max-content; z-index: 1000; }
.form-container > #login-validation #emailError:not(:empty)::after, .form-container > #login-validation #passwordError:not(:empty)::after{  border-color: rgb(var(--danger)) transparent #ffffff00; -moz-border-image: none; -o-border-image: none; border-image: none; border-right: 6px solid transparent; border-style: solid; border-width: 6px; content: " "; height: 0; left: 20px; margin-left: -10px; position: absolute; top: 100%; width: 0; z-index: 4; } */

/* .main-nav .collapse{ display: none; }
.main-nav .collapse.show{ display: block; } */


@media screen and (min-width:1200px){
    .card.project-cards .card-body{padding:1rem;}
    nav .app-nav .main-nav > li:not(.menu-title) ul li::before{ top: 50%; transform: translateY(-50%); }
    .cst-card-row > [class*="col-"]{width: calc(100% / 4);}

    .card-header .cst-act-btn .btn { padding-right: 10px; padding-left: 10px; margin-right: 0px !important; }
}

@media screen and (min-width:1250px){
    .app-wrapper nav.horizontal-sidebar .menu-navs{display: none;}
    .app-wrapper nav.horizontal-sidebar .app-nav{width: calc(100% - 20px);}
}

/* @media screen and (min-width: 1660px) {
    .app-wrapper nav.horizontal-sidebar .app-logo,
    .app-wrapper nav.horizontal-sidebar ~ .app-content{width: 1660px;}
    .app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card > .card-body{width: 1615px;}
    .app-wrapper nav.horizontal-sidebar .menu-navs{width: 1576px;}
    .app-wrapper nav .main,
    .box-layout .app-wrapper,
    .box-layout .app-wrapper nav.horizontal-sidebar,
    .box-layout div > footer,
    .box-layout header.header-main{max-width: 1660px;}
    .app-wrapper nav.horizontal-sidebar .app-nav{width:1508px;}
} */

@media screen and (max-width: 1199px) {
.btn, .app-form .form-select, .app-form .form-control, .form-select, .form-control { padding: 0.3em 0.6em; font-size: 14px; line-height: 1.3em; }
.bulk-action-wrap { padding: 1px; }
.card .card-header .main-title{ font-size: 16px; }
.cst-status .badge{ font-size: 12px; line-height: 1.3em; }
.filter-btn{ padding-left: 25px; }
.bunch-action button, .bunch-action a{ font-size: 0px !important; padding: 4px; }
.bunch-action button i, .bunch-action a i{ font-size: 16px !important; }
.app-form .accordion-item .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-left: 6px; padding-right: 25px; }

/*Start*/
.app-form .accordion .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-right: 25px !important; padding-left: 8px !important; }
.app-form .accordion-item .select2-selection__rendered { padding-left: 8px !important; padding-right: 30px !important; }
.accordion-body .input-group .input-group-text{ padding: 5px !important; background-color: transparent; border-width: 1px 0px 1px 1px;  }
.accordion-body .input-group .priceFormate{ padding-right: 5px !important; padding-left: 0px !important; border-width: 1px 1px 1px 0px; }
/*.accordion-item .accordion-body { padding-right: 10px !important; padding-left: 10px !important; }*/
nav .app-nav .main-nav > li:not(.menu-title) ul li::before{ top: 0px; }

.app-wrapper .semi-nav .app-nav .main-nav li a i{ margin-left: 0px !important; }
.app-wrapper nav .app-nav ul.main-nav > li > a::after{ margin-right: -5px !important; top: 10px !important; }
/* .app-wrapper nav .app-nav ul.main-nav > li:has( .collapse ) > a::after{ margin-right: -5px !important; top: 10px !important; } */
header.header-main .header-left .header-toggle > i{ margin-left: 20px; }

.app-wrapper .semi-nav .app-nav .main-nav > li:not(.menu-title) > ul{ padding-top: 0px; padding-bottom: 0px; }
.vertical-sidebar .menu-navs{ display: none; }
/* .form-container > #login-validation #emailError:not(:empty), .form-container > #login-validation #passwordError:not(:empty){ bottom: 28px; } */
/*End*/
}

@media screen and (max-width: 1024px) {
    /* .btn { padding: 7px 10px; } */
}

@media screen and (max-width: 767px) {
    .app-logo .logo img{max-width: 110px;}
    .app-wrapper nav.horizontal-sidebar, .app-wrapper .semi-nav.horizontal-sidebar{top: 58px;}
    .app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card > .card-body:has(.has-dealer-logo){padding-top: 0.5rem;padding-bottom: 0.5rem;}
    .cst-status ~ .card-body{padding-top: 40px;}
    .tdtitle{min-width: 120px !important;max-width: 150px !important;width: 150px;}
    .sticky_button_wrap.sticky_button{ top: 65px; }
    .app-wrapper:has( .card-header.sticky_button) .sticky_button.sticky_button{ top: 0px; }
}

@media screen and (max-width: 600px) {
    .header-left,.header-right{width: 50%;}
    header .header-search{display: none;}

}

/* .image-preview-wrapper .folder-card .fileimage .icon-img,
.image-preview-wrapper.folder-card .fileimage .icon-img {width: 80px;height: 80px;}
.is-invalid {--bs-form-select-bg-icon: unset !important;background-image: unset !important;}
.form-check-input[type=checkbox], .form-check-label {cursor: pointer;}
.price:has(input){display: block; position: relative; }
.price:has(input):before {content: '$';position: absolute;top: 50%;left: 8px;rgba(var(--dark), 0.8);font-size: 16px;font-weight: 500;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.price:has(input) .form-control{padding-left: 20px;}
.readonly{background-color:rgba(0,0,0,0.05) !important;cursor: no-drop !important;border: none !important;box-shadow: none !important;}
.list-table-data thead tr th[data-sort="actions"],
.list-table-data thead tr td.actions{max-width:120px;min-width:120px;}
nav .app-nav .main-nav > li:not(.menu-title) ul li::before{content:'>';}
.dark-logo{filter:brightness(0) invert(1);} */



/* ===== Filter Panel Styles Start ===== */
.filter_panel_main{position: relative;}
.filter-panel {margin-bottom: 0; background-color: #ffffff; border-radius: 4px; position: absolute; width: 400px; right: 0; top: calc(100% + 20px); z-index: 999; box-shadow: 2px 2px 26px 0px #00000040;}
.filter-options-container {display: flex; flex-direction: column; gap: 4px; padding: 12px 0;}
.filter-option { padding: 2px 15px; cursor: pointer; transition: all 0.2s; }
.filter-label {padding: 6px 5px 6px 30px; display: block; position: relative;}

.filter-btn.filter_active { background-color: rgba(33, 116, 211, 0.08); border-color: rgba(33, 116, 211, 0.1); color: var(--color-black);}
.filter-counter { position: absolute; top: -7px; right: -5px; min-width: 20px; min-height: 20px; border-radius: 100%; font-size: 11px; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 1px; background: rgba(var(--primary), 1); color: var(--white);}
.filter-btn.angle-down:after {
    content: "";
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #7B7B7B;
    border-right: 1px solid #7B7B7B;
    -ms-transform: rotate(45deg) translate(50%,50%);
    -moz-transform: rotate(45deg) translate(50%,50%);
    -o-transform: rotate(45deg) translate(50%,50%);
    -webkit-transform: rotate(45deg) translate(50%, 50%);
    transform: rotate(45deg) translate(50%, 50%);
    position: absolute;
    top: -12px;
    right: 12px;
    font-size: 0;
    background: 0 0;
    margin: auto;
    bottom: 0;
    transition: all .4s ease-in-out;
}

.filter-label.checkbox::before {width: 20px;height: 20px;content: "";display: inline-block;border-radius: 3px;border: 1px solid #676A6C;position: absolute;left: 0;top: 6px;}
.filter-label.checkbox::after {content: '';display: inline-block;width: 6px;height: 12px;border: solid #ffffff;border-width: 0 2px 2px 0;position: absolute;left: 7px;z-index: 2;top: 8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);opacity: 0;}
.filter-option.active > .filter-label.checkbox:before {background: rgba(var(--primary), 1);border: 1px solid rgba(var(--primary), 1);}
.filter-option.active > .filter-label.checkbox:after {opacity: 1;}

.filter-label.radiobox::before {width: 20px; height: 20px; content: ""; display: inline-block; border: 1px solid #676A6C; position: absolute; left: 0; top: 6px; border-radius: 100%;}
.filter-label.radiobox::after {content: ''; display: inline-block; width: 12px; height: 12px; background-color: rgba(var(--primary), 1); position: absolute; left: 4px; z-index: 2; top: 10px; opacity: 0; border-radius: 100%;}
.filter-option.active > .filter-label.radiobox:before {border: 1px solid rgba(var(--primary), 1);}
.filter-option.active > .filter-label.radiobox:after {opacity: 1;}

.filter-input {padding: 15px; margin: 0 -15px; background-color: #f2f4f7; border-radius: 0;}
.filter-input.active { background: #dee2e6; padding: 11px; }
.font_20{font-size: 20px; line-height: 1.5; font-weight: 600; color: var(--color-black);}
.filter-panel_header, .filter-panel_footer{padding: 15px;}
.filter-panel_header{border-bottom: 1px solid rgba(28, 27, 23, 0.1);}
.filter-panel_footer{border-top: 1px solid rgba(28, 27, 23, 0.1)}
/* ===== Search Box ===== */
.search-box {display: flex; align-items: center; padding: 10px 15px; width: 100%; max-width: 100%; background-color: #F2F4F7;}
.search-box input { border: none; outline: none; width: 100%; font-size: 16px; color: #333; background: transparent; }
.search-box input:focus { box-shadow: none; }
.search-box .filter_search.with_icon {background: #fff url('../images/search-icon-grey.svg') no-repeat center left 10px; padding-left: 30px;}
.filters_tab{border-bottom: 1px solid #1C1B171A; background-color: #ffffff; padding: 0 15px; display: flex; gap: 8px;}
.filter_tab_link{position: relative; font-size: 14px; line-height: 46px; font-weight: 500; border-bottom: 2px solid transparent; transition: all .4s ease-in-out; padding: 0 8px; cursor: pointer;}
.filter_tab_link.active{color: rgb(var(--primary)); border-bottom-color: rgb(var(--primary));}
.filter_panel_form_main {max-height: calc(100vh - 450px); overflow-y: auto;}
.closePopup, .closeFilter, .close_action { position: relative; width: 24px; height: 24px; z-index: 2;}
.closePopup:before, .closeFilter:before, .close_action:before { position: absolute; content: ''; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 60%; height: 2px; background: #000000; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all .4s ease-in-out; }
.closePopup:after, .closeFilter:after, .close_action:after { position: absolute; content: ''; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 60%; height: 2px; background: #000000; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all .4s ease-in-out; }
.cst-btn-hover-effect:hover{ color: inherit; background: transparent !important;}
.cst-btn-hover-effect:hover::before{ background: transparent !important; }
.cst-btn-hover-effect:hover, .cst-btn-hover-effect.active, .cst-btn-hover-effect.show, .cst-btn-hover-effect:checked, .cst-btn-hover-effect:focus{ color: inherit !important; background: transparent !important; }
/* ===== Filter Panel Styles End ===== */

/* ==== Login Background Image start */
.login-bg {width: 100%; height: 100vh; object-fit: cover;}
/* ==== Login Background Image end */

/* ==== CST Loader Css Start */
.cst-loader-wrapper{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #ffffff8a;z-index: 2000;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.loader {width: 48px;height: 48px;border: 5px solid #ea5659;border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;position: absolute;}
@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
/* ==== CST Loader Css End */