:root {
    /* --primary: 4, 174, 246;
    --secondary: 23, 25, 26; */
    --primary: 33, 116, 211;
    --primarylight: 211 227 246;
    --white-clr: 255, 255, 255;
    --black-clr: 0, 0, 0;
    --input-border-clr:209, 209, 209;
    --color-blue: 0, 123, 255;
    --bg-grey: 242, 244, 247;
    --border-dark-clr: 9, 7, 7;
    --clr-completed: 0, 128, 0;
    --clr-inprogress: 93, 0, 207;
    --clr-urgent-jobs: 255, 0, 0;
    --clr-painted: 255, 165, 0;
}

.default{
    /* --primary: 4, 174, 246;
    --secondary: 23, 25, 26; */
    --primary: 33, 116, 211;
    --primarylight: 211 227 246;
}
*, *: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; }
textarea{ resize: none; }
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; }
[class*="text-"]{cursor: initial !important;}
a[class*="text-"], [class*="text-"] a{cursor: pointer !important;}

body{background-color: rgb(var(--bg-grey));}
.app-wrapper{flex-wrap: wrap;}
div > footer{position: relative;left: initial;right:initial;bottom: initial;}
.app-form .select2-container--default .select2-selection--single, .app-form .select2-container--default .select2-selection--single .select2-selection__arrow, .app-form .form-select, .app-form .form-control, .input-group-text, .form-control, .form-select{ height: 35px; }
.app-form .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 35px; }

.app-form .form-select.form-select-sm, .app-form .form-control.form-control-sm{ height: 31px;padding: 0.3rem 0.5rem; }
.app-form .form-select-sm + .select2-container--default .select2-selection--single .select2-selection__rendered,
.app-form .form-select-sm + .select2-container--default .select2-selection--single .select2-selection__arrow{ line-height: 31px; height: 31px;}

.card .btn{ padding: 4px 10px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:rgb(var(--black-clr));}

.btn{font-size: 14px;}
.btn-outline-primary,.btn-check+.btn:hover{color:rgb(var(--primary)); border-color:rgb(var(--primary));}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color: rgb(var(--primary));border-color:rgb(var(--primary));color:rgb(var(--white-clr));}

/* Add job */
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	border-radius: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar{ width: 5px; height: 5px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgba(var(--primary), 1); cursor: pointer; }

header.header-main{height:auto;}
header.header-main .container-fluid .card{background-color:rgb(var(--white-clr));}
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{max-width: 150px;max-height: 42px;}
.app-wrapper nav.horizontal-sidebar,
.app-wrapper .semi-nav.horizontal-sidebar{top: 69px;}
.app-wrapper nav.horizontal-sidebar ~ .app-content{ padding-right:0.5rem !important; padding-left: 0.5rem !important; }
.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card{margin-bottom: 0;}
header.header-main .container-fluid .card{margin-bottom: 0;border-bottom: 1px solid rgba(var(--secondary), 0.1);box-shadow: none;}
.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card > .card-body,
.app-wrapper nav.vertical-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card > .card-body{padding-top: 0.5rem; padding-bottom: 0.5rem;}
.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(--primary));}
nav .app-nav .main-nav > li:not(.menu-title) ul li.active{background:transparent;color:rgb(var(--primary));}
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(--primary));border:none;}
.app-form.app-icon-form i{left: 7px;}
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;}
nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title) ul li.another-level.another-level{position: relative;}

.project-team-table thead tr th:nth-child(1){min-width: initial;}
.table tr.app-sort .sort-link{white-space: nowrap;}
.table > thead th{background-color:rgba(var(--white-clr),1);}
.table > thead th{padding:12px 16px !important;}
.table > tbody td{padding:12px 16px !important;}
.table > tfoot td{padding:12px 16px !important;}
.table > thead th,.table > tbody td,.table > tfoot td{font-size: 13px !important;line-height: 22px;letter-spacing: -0.02em; vertical-align: middle; white-space: nowrap; }
.table.table-header-bordered > thead{border-bottom: 1px solid rgb(var(--border-dark-clr));}
.table.table-header-bordered > tbody tr td,
.table.table-header-bordered > tfoot tr td{border-bottom: 1px solid rgba(var(--border-dark-clr),0.06);}
.modal-body > .table-header-bordered{margin-bottom: 0;border:1px dashed rgba(var(--dark), 0.2);}
.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;}

.th-td-image-upload{width: 260px;max-width: 260px;min-width: 260px;}
.th-td-image-upload input{width: 260px;max-width: 260px;min-width: 260px;}
.th-td-image-upload .filepond-2.filepond--root input{width: 220px;max-width: 220px;min-width: 220px;}
.th-td-image-upload .filepond-2.filepond--root{width: 200px !important;height: 50px !important;border-radius: 0;}
.th-td-image-upload .filepond--root .filepond--drop-label{min-height: 20px;}
.th-td-image-upload .filepond--drop-label.filepond--drop-label label{width: 100%;display: flex;gap: 10px;justify-content: center}
.th-td-image-upload .filepond--drop-label.filepond--drop-label label .fa-cloud-upload{font-size: 18px !important;}
.th-td-image-upload .filepond-2.filepond--root:has( .filepond--data input){height: 200px !important;}
.th-td-image-upload .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper{border-radius: 0;}
.thtd_srno {max-width: 80px;width: 80px;min-width: 80px;}
.th-td-profile{width: 220px;max-width: 220px;min-width: 220px;}
.th-td-qty{width: 130px;max-width: 130px;min-width: 130px;}
.th-td-whr{width: 130px;max-width: 130px;min-width: 130px;}
.th-td-number{width: 130px;max-width: 130px;min-width: 130px;}
.th-td-discount{width: 130px;max-width: 130px;min-width: 130px;}
.th-td-amt{width: 150px;max-width: 150px;min-width: 150px;}
.th-td-status{width: 150px;max-width: 150px;min-width: 150px;}
.th-td_chk {max-width: 80px;width: 80px;min-width: 80px;}
.th-td-date{width: 150px;max-width: 150px;min-width: 130px;}
.th-td_action {max-width: 80px;width: 80px;min-width: 80px;}
.th-td-price-sm{width: 150px;max-width: 150px;min-width: 150px;}

#jobs-table tr td:first-child { text-align: center; }

.app-form .form-select, .app-form .form-control{border-color:rgb(var(--input-border-clr));}

.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;color: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;}

.app-wrapper nav.horizontal-sidebar ~ .app-content{ width: 100%; }
.box-layout header.header-main{max-width: 100%;}
.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main > .container-fluid > .row > div > .card > .card-body, .app-wrapper nav.horizontal-sidebar .menu-navs{width: 100%;}
.app-wrapper nav .main, .box-layout .app-wrapper, .box-layout .app-wrapper nav.horizontal-sidebar, .box-layout div > footer, .app-wrapper nav.horizontal-sidebar .app-nav{ width: 100%; }
.app-wrapper nav.horizontal-sidebar .menu-navs > span{ display: none; }
.app-wrapper nav.vertical-sidebar .menu-navs{display: none;}
.app-wrapper nav.horizontal-sidebar .app-logo .logo{ top: -60px; }
.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main .app-btn-list{ margin-bottom: 0px; }
.app-btn-list{ margin-bottom: 0px !important; }
.app-wrapper nav.horizontal-sidebar, .app-wrapper .semi-nav.horizontal-sidebar{ top: 55px; }
.app-wrapper .semi-nav .app-nav .main-nav > li:not(.menu-title) ul{padding: 0;}
.cst-menu-mobile{ font-size: 24px; }
.header-left .header-toggle{ display: none !important; }
table.table thead tr th{ white-space: nowrap; }
.app-wrapper nav.horizontal-sidebar ~ .app-content,
.app-wrapper nav.vertical-sidebar ~ .app-content{ padding-top: 80px;padding-bottom: 20px; }
.pointer-event-none{ pointer-events: none; }
#filter-search-btn{ cursor: pointer; }
.powerby-logo{ width: 20px !important; height: 20px !important; }
.filter-input .form-control { font-size: 14px; border-radius: .375rem !important; }
.filter-options-container select{ font-size: 14px; }
.filter-input .form-control:focus, .form-select:focus{ box-shadow: 0 0 0 1px rgba(var(--primary)) !important; border: none; }
.filter-input .select2 { width: 100% !important; }
.filter-input .select2-container--default .select2-selection--single{ height: 35px; border-radius: .375rem !important; }
.filter-input .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 35px; }
.filter-input .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 35px; }

.horizontal-sidebar{ display: none; }
.header-menu .horizontal-sidebar{ display: block; position: unset; background: transparent; }
.header-menu .main-nav{ display: flex; }
.header-menu .horizontal-sidebar{ border-bottom: none !important; }
.has-action table tbody tr, .has-action table thead tr { position: relative; }
.has-action table tbody tr td:last-child, .has-action table thead tr th:last-child{ min-width: 100px;max-width: 100px; width:100px; position: sticky; right: 0px; height: 100%; text-align: center; z-index: 2 !important; }
.has-action table tbody tr td:last-child:has( .show ){ z-index: 3 !important; }
.has-action table tbody tr td:last-child::after, .has-action table thead tr th:last-child::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%); }
.has-action table tbody tr td.at-end::after, .has-action table thead tr th.at-end::after{ content: none !important; }
.has-action table tbody tr td:last-child, .has-action table thead tr th:last-child{ border-right: none !important; }
.has-action table tbody tr td:last-child{ background: var(--white); }


.dropdown-menu.show{ border: none; background: var(--white); z-index: 1000;     box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 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; }

.cst-act-btn-outer{ background: var(--border_color); display: flex; align-items: center; justify-content: center; padding: 5px; border-radius: 50px; height: 100% !important; width: auto; aspect-ratio: 1 / 1; }
.welcome-text{ font-size: 12px; line-height: 12px; }
.action_panel_main{position: relative;}
.action_panel {margin-bottom: 0; background-color: #ffffff; border-radius: 4px; position: absolute; width: fit-content; min-width: 220px; right: 0; top: calc(100% + 20px); z-index: 999; box-shadow: 2px 2px 26px 0px #00000040;}
.action_panel_main .action-popup-btn .cst-act-btn-outer i{ top: 50%; left: 50%; transform: translate(-50%, -50%); }
.action_panel_main .action_panel .btn-group { position: relative; }

/* .action_panel_main .action_panel .btn-group .dropdown-menu { left: 0px !important; top: 0px !important; transform: translate(calc(-100% - 15px), 0%) !important; }
.action_panel_main .action_panel .btn-group .dropdown-menu::after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 13.9px 8px; border-color: transparent transparent var(--white) transparent; transform: rotate(90deg); position: absolute; top: 6px; right: -12px; z-index: -1; } */
.cst-act-btn{ position: relative; }
.cst-act-btn ul.dropdown-menu.show { left: 0px !important; width: fit-content !important; transform: translate(-100%, 0px) !important; }
.card-header .cst-act-btn{row-gap: 5px;display: flex;flex-wrap: wrap;justify-content: flex-end;}
#jobNote{ height: 63px; }

.clamp-1-lines { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.clamp-2-lines { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.preview-image { width: 100%; height: 180px; object-fit: cover; border: 1px solid #ddd; border-radius: 5px; object-fit: contain; }

.cst-gray-bg{ background: rgba(var(--bs-body-color-rgb), 0.03); box-shadow: none; }

.cst-card-with-bg{ background: #f9f9fc;  border-radius: 15px; border: 1px dashed gray; }
.cst-set-timeline-height{ height: 250px; overflow-y: auto; }
.table-sell-bg-transparent.table > :not(caption) > * > *, .table-sell-bg-transparent.table tbody tr:hover{ background-color: transparent !important; }
.hide-overflow{ overflow: hidden; }
.set-full-width-on-content:has(.view-profile-grid > *){ width: 100% !important; }
.cst-summery-card .accordion-item{ border: none; background: transparent !important; }
.cst-summery-card .accordion-item .accordion-button{ background: transparent !important; }
.cst-summery-card .accordion-light-secondary .accordion-item .accordion-button[aria-expanded=true]{ background: transparent !important; }
.cst-summery-card .accordion-light-secondary .accordion-item .accordion-button{ color: #000 !important; }
[aria-labelledby="gallery-tab"] .card.h-100{height: 100% !important;}

/* ===== 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-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: rgb(var(--color-blue));border: 1px solid rgb(var(--color-blue));}
.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: rgb(var(--color-blue)); position: absolute; left: 4px; z-index: 2; top: 10px; opacity: 0; border-radius: 100%;}
.filter-option.active > .filter-label.radiobox:before {border: 1px solid rgb(var(--color-blue));}
.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 - 400px); 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 ===== */

.page-tbl-card-wrap{border-radius: 0;border:0;box-shadow: none;}
.page-tbl-card-wrap .table-responsive{border:1px dashed rgba(var(--dark), 0.2);}
.page-tbl-card-wrap .table-responsive .table{margin-bottom: 0;}
.page-tbl-card-wrap > .card-body{padding: 0;}
.page-tbl-card-wrap > .card-body .table-responsive + .card-footer{background-color: rgb(var(--bg-grey));padding-left: 0px;padding-right: 0;border-radius: 0;}
.app-pagination .page-item.disabled{cursor: not-allowed;}
.dropdown .ti-dots {border: 1px solid #000;border-radius: 50%;padding: 1px;display: inline-flex;}
.dropdown-item{font-size: 13px;display: flex;align-items: center;gap: 6px;line-height: 1.3em;}
.dropdown-item i {font-size: 18px;}
[data-bs-toggle="modal"]{cursor: pointer;}

.cst-pro-cnt-box .product-grid .product-image{display: flex;align-items: center;justify-content: center;position:initial;}
.cst-pro-cnt-box .product-grid .product-links{left:initial;right:10px;top:10px;}

/*Status Color start*/
table > tbody > tr.synced{background-color: rgba(var(--clr-painted),0.68) !important;}

table > tbody > tr.completed,
table > tbody > tr.paid{background-color: rgba(var(--clr-completed),0.41) !important;}
table > tbody > tr.inprogress,
table > tbody > tr.spraying-in-progress{background-color: rgba(var(--clr-inprogress),0.14) !important;}
table > tbody > tr.urgent-jobs{background-color: rgba(var(--clr-urgent-jobs),0.58) !important;}
table > tbody > tr.painted{background-color: rgba(var(--clr-painted),0.68) !important;}

table > tbody > tr.completed .badge,
table > tbody > tr.paid .text-light-success{background:rgba(var(--white-clr),0.75);color:rgb(var(--clr-completed));}
table > tbody > tr.spraying-in-progress .badge{background:rgba(var(--white-clr),0.75);color:rgb(var(--clr-inprogress))}
table > tbody > tr.urgent-jobs .badge{background:rgba(var(--white-clr),0.75);color:rgb(var(--clr-urgent-jobs))}
table > tbody > tr.painted .badge{background:rgba(var(--white-clr),0.75);color:rgb(var(--clr-painted))}

table > tbody > tr.paid .badge,
table > tbody > tr.synced .badge{background:rgba(var(--white-clr),0.75);}

.has-action table tbody tr.completed td:last-child,
.has-action table tbody tr.paid td:last-child{background-color: #96cb96 !important;}
.has-action table tbody tr.inprogress td:last-child,
.has-action table tbody tr.spraying-in-progress td:last-child{background-color: #e8dbf8 !important;}
.has-action table tbody tr.urgent-jobs td:last-child{background-color: #ff6b6b !important;}
.has-action table tbody tr.painted td:last-child,
.has-action table tbody tr.synced td:last-child{background-color: #ffc252 !important;}
.has-action table tbody tr.synced.paid td:last-child{background-color: #96cb96 !important;}
/*Status Color end*/

.form-control.cst-qnty{max-width: 120px;margin: auto;}
.cst-margin-minus{margin-left: -15px;margin-right: -15px;}

.app-wrapper nav.horizontal-sidebar ~ .app-content .header-main .cst-menu-mobile{display: none !important;}

nav .app-nav .main-nav > li:not(.menu-title).cst-add-job-menu a{padding: 0px !important;background-color: rgb(var(--primary));color: rgb(var(--white-clr));display: flex !important;align-items: center;justify-content: center;width: 28px !important;height: 28px !important;border-radius: 50%;}
.app-wrapper nav.horizontal-sidebar .app-nav .main-nav > li:not(.menu-title).cst-add-job-menu{display: inline-flex;align-items: center;justify-content: center;margin-right: 5px;}
nav .app-nav .main-nav > li:not(.menu-title).cst-add-job-menu a i{margin-top: -1px;font-size: 17px;}

nav.vertical-sidebar .app-nav .main-nav > li:not(.menu-title).cst-add-job-menu a{margin: 10px auto 5px;}
nav.vertical-sidebar .app-nav .main-nav > li:not(.menu-title).cst-add-job-menu a i{margin-left: 0;margin-right: 0;}
.edit_btn .dropdown-item{background-color: rgba(var(--white-clr),0.5);border-radius: 50%;padding: 2px;top: -1px;position: relative;}
.dropdown-item [class*="text-"]{cursor: pointer !important;}

.disabled {background-color: var(--bs-secondary-bg);opacity: 1;pointer-events: none;}
.disabled-div{cursor: not-allowed;}
.select2-container--default.select2-container--disabled .select2-selection--single{cursor: not-allowed !important;}
.cst-radio-info-wrap{position: relative;}
.cst-radio-info-wrap .cst-info-i{position: absolute;left: 89px;margin-left: 10px;top: 7px;}
.fa-times-circle,.fa-check-circle{position:relative;z-index:1;}
.fa-times-circle:after,
.fa-check-circle:after{content: ''; background: rgba(var(--white-clr),1); width: 98%; height: 98%; position: absolute; display: flex; top: -1px; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; border-radius: 50%;}
.fa-times-circle:hover:after,
.fa-check-circle:hover:after{opacity: 0.5;}
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;}

.cst-login-bg{background-image: url(2de5893d8e71cd722bdc.png);}
.image-logobox{text-align: center;}
.image-logobox .logo{max-width: 250px;margin: auto;}
.cst-login-image-div .form_container{width: 100%;max-width:540px;}
.cst-form-div{width: 100%;max-width: 420px;padding: 20px;}
.cst-bg-gradient{background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgb(221 237 247) 100%);}

.app-wrapper nav.vertical-sidebar ~ .app-content .container-fluid{padding-left: 0 !important;padding-right: 0 !important;}

.app-wrapper .semi-nav .app-logo{padding: 0;}
.sticky_button_wrap.sticky_button{position: fixed;z-index: 3;left: 0;right: 0;background:rgba(var(--white-clr),1);padding: 14px 17px 12px;top: 60px;box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.25);}
.semi-nav + .app-content .sticky_button_wrap.sticky_button{left: 4.5rem;transition: var(--app-transition);padding-left: 10px;padding-right: 10px;}

.app-wrapper .app-content{min-height: calc(100vh - 48px);}

@media screen and (min-width: 568px) {
    .action_panel_main .action_panel .btn-group .dropdown-menu { left: 0px !important; top: 0px !important; transform: translate(calc(-100% - 15px), 0%) !important; }
    .action_panel_main .action_panel .btn-group .dropdown-menu::after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 13.9px 8px; border-color: transparent transparent var(--white) transparent; transform: rotate(90deg); position: absolute; top: 6px; right: -12px; z-index: -1; }
}

@media screen and (min-width: 1660px) {
    /* .header-menu .main-nav a { padding-right: 10px !important; padding-left: 0px !important; }
    .header-menu .main-nav a:has( + ul ) { padding-right: 30px !important; } */
}

@media only  screen and (min-width: 1300px){
    .header-left,.header-right{width: 12%;}
    .header-menu{width: calc(100% - 24%);}
    .app-wrapper nav.horizontal-sidebar .app-nav .main-nav{margin: auto;}
}

/* @media only  screen and (min-width: 1300px) and (max-width:1500px){
    .bashboard-menu-span{display: none;}
    nav .app-nav .main-nav > li:not(.menu-title).bashboard-menu > a i{margin-top: -1px;}
    nav .app-nav .main-nav > li:not(.menu-title).bashboard-menu > a{padding-left: 10px !important;}
} */

@media screen and (max-width: 1659px) {
    .header-menu .main-nav{ margin: auto; }
    .header-menu .main-nav li a{ font-size: 14px !important; }
    .header-menu .main-nav > li > a { padding-right: 10px !important; padding-left: 0px !important; }
    .header-menu .main-nav a:has( + ul ) { padding-right: 30px !important; }
}




@media screen and (max-width: 1200px) {
    .welcome-text{ display: none; }
    .header-menu .main-nav{ display: none !important; }
}

@media screen and (max-width: 1199px) {
    .btn{padding: 7px 15px;}
}

@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: 50px;}
    .cst-footer-bottom-text div:has( > ul.footer-text){ width: 100% !important; }
    .cst-footer-bottom-text .footer-text li { display: flex; text-align: center; justify-content: center !important; }
    .filter-panel{ width: calc(100vw - 46px); right: -46px; }
    .filter_panel_form_main{ max-height: calc(100vh - 444px); }
    .card form .card-header, .card form .card-footer{ padding: 1rem 10px; }
}

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

@media screen and (max-height: 580px) {
    .filter_panel_form_main { max-height: calc(100vh - 250px); }
}


@media screen and (max-width: 480px) {
    .cst-help-btn{ width: 24px !important; height: 24px !important; }
    .app-wrapper nav.horizontal-sidebar, .app-wrapper .semi-nav.horizontal-sidebar{top: 45px;}
    .go-top { bottom: 68px; }
    .app-pagination{gap: 8px !important;}
    .app-wrapper nav.horizontal-sidebar ~ .app-content, .app-wrapper nav.vertical-sidebar ~ .app-content{padding-top: 65px;}
    .sticky_button_wrap.sticky_button{top:50px;padding-left: 10px;padding-right: 10px;}
    .filter_panel_main{width: 100%;}
}