.custom .card>.card-header .btn.btn-primary, .custom .card>.card-header .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon){
   color: #000000;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    font-weight: bold;
    padding: 6px 20px;
}
.btn.btn-primary{
   color: #fff;
    border-color: #000000 !important;
    background-color: #000000 !important;
    font-weight: bold;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link{
     color: #000000 !important;
}
.custom #discount_percentage{
    margin-left:5px !important;
}
#kt_app_toolbar_container{
    padding: 0px !important;
    background: transparent;
    padding-right: 0px !important;
    padding-top: 5px !important;
}
.cust-list.leads-lists .status.c-status{
font-size:12px !important;
 white-space: normal;
  word-wrap: break-word; 
  word-break: break-word; 

}
.job-listc th:first-child{
    width:150px;
}
.job-listc th:nth-child(2){
    width:150px;
}
#kt_app_toolbar .breadcrumb{
    /*z-index: 999;*/
}
#kt_app_toolbar_container{
  justify-content: end !important;
}

.def-cont#kt_app_toolbar_container{
  justify-content: start !important;
}

.custom .job-listc td:last-child, .custom .job-listc th:last-child {
    text-align: left !important;
}

.text-left {
    text-align: left !important;
}

.custom .job-listc td .activity-con span{
    display:block;
}
.custom .job-listc td .activity-con span b{
    color:#000000;
}
.custom .job-listc td .activity-con span b.act-img{
    display:block;
    margin-bottom:5px;
}
.custom .job-listc td .activity-img a{
    margin-right:5px;
}
.job-listc th:last-child{
    width:400px;
}
.modal-body.joblist-modal{
        max-height: 600px;
    overflow-y: scroll;
    height: 600px;
}
ul.attach-list{
    display: block;
    padding-left:0px;
}
ul.attach-list li {
    display: inline-block;
}
ul.attach-list li img {
    max-height: 100px;
    width: auto;
    margin-right: 8px;
}
.attach-file-list li a {
    background: #f77001;
    color: #fff !important;
    padding: 12px;
    border-radius: 8px;
    margin-right: 5px;
    font-weight: 600;
}
ul.attach-file-list li {
    display: inline-block;
}
ul.attach-file-list li a{
    display: inline-block;
}
ul.attach-file-list{
    display: block;
    padding-left:0px;
}
.modal-title.job-id-s {
    background: #f7700130;
    max-width: fit-content;
    margin-bottom: 7px;
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 13px;
}
.modal-header .act-header .tech-nme{
    font-size: 12px;
    margin-left: 5px;
}
.custom .welcome-message .welcome-text{
        font-size: 14px;
    font-weight: 600 !important;
    }
    i.fa-solid {
    font-size: 18px !important;
    padding: 10px;
    border-radius: 0.625rem !important;
}

.custom i.fa-solid.fa-envelope-circle-check {
   background-color: #e8fff3;
    padding: 10px;
    color: #17C653;
}
.custom i.fa-solid.fa-paper-plane {
    color: #006fb3 !important;
    background: #e2f0ff;
}
.custom i.fa-solid.fa-file-pdf {
    background: #f6c9c9;
    color: #841717;
}
.custom i.fa-solid.fa-circle-check {
   background-color: #e8fff3;
    padding: 10px;
    color: #17C653;
}
.addmoreChecklist .checklistSpan{
    font-family: Inter, Helvetica, "sans-serif";
    font-size:13px;
    line-height:17px;
}
.addmoreChecklist i{
    padding-right:0px;
}
.cust-list.leads-lists .status.initial-contact-made{
    color: #c79a00 !important;
    background-color: #ffd13330 !important;
}
.cust-list.leads-lists .status.un-qualified{
        color: #c7007f !important;
    background-color: #c7007f12 !important;
}
.cust-list.leads-lists .status.in-discussion{
           color: #ef5500 !important;
    background-color: #ff5b0029 !important;
}
.cust-list.leads-lists .status.demoscheduled{
    color: #00226a !important;
    background-color: #0051ff1c !important;
}
.cust-list.leads-lists .status.quoted{
         color: #006a66 !important;
    background-color: #007e7a30 !important;
}
.cust-list.leads-lists .status.closed-won {
        color: #006a09 !important;
    background-color: #008f0c3b !important;
}
.cust-list.leads-lists .status.closed-lost{
    color: #df0000 !important;
    background-color: #c100003d !important;
}
.cust-list.leads-lists .status.leadnew{
        color: #480095 !important;
    background-color: #48009530 !important;
}
i.fa-solid.fa-arrows-rotate {
   background-color: #ff00001f;
    color: #ff0000;
    border-radius: 0.625rem !important;
    padding: 10px;
}
.custom .card .card-header .card-title{
    color: #fff;
    margin: 0px !important;
}
.status.created{
    color: #c79a00 !important;
    background-color: #ffd13330 !important;
    border-radius: 0.625rem !important;
    font-weight: 600 !important;
}
.sp-searchpanel .search-row{
    display:flex;
    justify-content:space-between;
}
.calendercardbody .modal.fade.myModal .orders-details{
    margin-bottom:0px !important;
}
.calendercardbody .modal.fade.myModal .orders-details .cards.mt-9{
    margin-top:0px !important;
}
.custom .cust-table .table .menu-dropdown.btn+.menu.menu-sub.menu-sub-dropdown .menu-item a{
    text-align:left !important;
}
span.notification_count {
    padding: 5px;
    min-width: 26px;
    font-size: 11px;
    text-align: center;
    border-radius: 50%;
    min-height: 26px;
}

.sp-searchpanel .search-row .form-control, .sp-searchpanel .search-row .input-group, .sp-searchpanel .search-row .select2-container{
    margin-right:10px;
}
button.btn.tech-btn {
    background: #fff2e3;
    width: 100%;
    color: #000000;
}
button.btn.tech-btn:hover{
     color: #000000;
}
span.user-na {
    width: 100% !important;
    display: block;
    padding-right: 50px !important;
}
.card ul.pagination {
    margin-top: 80px;
    margin-bottom: 30px;
}
.custom .card.card-flush > .card-header{
    border-bottom: 0 !important;
    background-color: #000000;
    padding: 1rem 2.25rem !important;
    color: #fff;
    min-height: fit-content;
}
.custom .card .card-body{
    padding-top: 1.5rem !important;
}
.custom .pagination{
    justify-content: center !important;
}
.card ul.pagination .page-item.active .page-link {
    color: var(--bs-pagination-active-color);
    background: #f77001;
}
.sp-searchpanel .search-row .form-control:last-child{
    margin-right:0px; 
}
.sp-searchpanel .search-row .input-group .form-control{
    margin-right:0px;
}
.sp-searchpanel .search-row .formfbtn{
    display: flex;
    justify-content: space-between;
}
.sp-searchpanel .search-row .formfbtn .btn{
    width: 49%;
}
.sp-searchpanel .search-row .formfbtn .search-btn{
    background-color: #ffa5002e;
    color: #ffa500;
}
.sp-searchpanel .search-row .formfbtn .reste-btn{
    background-color: rgb(62 151 255 / 15%);
    color: #006fb3;
}
.order-dets-cont{
    font-size: 12px;
    background: #fff6d9;
    padding: 5px;
    color: #000000 !important;
    border-radius: 5px;
}

.sp-searchpanel .search-row .formfbtn .reste-btn i{
     color: #006fb3;
}
form.sp-searchpanel {
    border-bottom: 1px solid #dbdfe9;
    padding-bottom: 20px;
    margin-bottom: 0px !important;
}
.custom .card .card-body .table-responsive.cust-table.mt-2.prod-table, .custom .card .card-body .cust-table.mt-2.prod-table, .custom .card .card-body .mt-2.prod-table{
    margin-top: 0.5rem !important;
}
.sp-searchpanel .search-row .formfbtn .search-btn i{
     color: #ffa500;
}
.status.accepted{
    color:var(--bs-success) !important;
    background-color: #50cd8930 !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
}
.status.email-sent{
    color: #006fb3 !important;
    background-color: #006fb321 !important;
    border-radius: 0.625rem !important;
    font-weight: 600 !important;
}
.status.rejected{
    color: var(--bs-danger) !important;
    background-color: var(--bs-danger-light) !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
}
.text-gray-800 {
    color: #000000 !important;
}
.customer-inv-name{
    display: flex;
    flex-direction: row !important;
    align-items:center;
}
.inv-pay-name.pay-inv{
    display:block;
}
.custom.mt-3>.d-flex>.card>.card-header, .custom.mt-3>.d-flex>.card>.card-header, .custom.mt-3>.card>.card-header, .custom.mt-3>.row>.col-md-12>.card>.card-header{
    background-color: #000000;
    padding: 1rem 2.25rem !important;
    min-height: fit-content;
}
.custom.mt-3 .card-body>.d-flex>.separator{
    display:none;
}
.custom.mt-3>.d-flex >.card>.card-body{
   padding-top:2rem !important;
}
.custom>.d-flex >.card{
    padding:0px;
}
.custom.mt-3 .card.single-card-head.card>.card-header{
    margin-bottom:0px;
} 
.custom.mt-3 .card{
    padding-top:0px !important;
}
.booked.badge{
    background: #643c8c2e;
}
.arrived.badge{
background: #00800014;
}
.shipped.badge{
background: #3e97ff26;
}
.ordered.badge{
background: #ffe586;
}
.card .order-his{
    height: 255px;
    overflow-y: scroll;
    max-height: 255px;
}
.order-his .table:not(.table-bordered) td:last-child{
    padding-right:6px;
}

.custom.mt-3>.d-flex>.card>.card-header>.card-title, .custom.mt-3>.d-flex>.card>.card-header>.card-title>span, .custom.mt-3>.d-flex>.card>.card-header>.card-title>h2, .custom.mt-3>.d-flex>.card>.card-header>.card-title>h1, .custom.mt-3>.d-flex>.card>.card-header>.card-title>h3, .custom.mt-3>.row>.col-md-12>.card>.card-header>.card-title>h3>span, .custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title, .custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title p, .custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title>span{
    color:#fff !important;
    font-size: 18px;
    font-weight:bold;
}
.card .card-header .card-title .order-dets-cont .inv-pay-name, .card .card-header .card-title .order-dets-cont .order-dat{
    font-size: 12px;
    background: #ffffff00;
    padding: 5px;
    color: #000000 !important;
    margin-right: 0px;
}
.custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title .order-dets-cont, .order-dets-cont{
    font-size: 12px;
    background: #fff6d9;
    padding: 7px 5px;
    color: #000000 !important;
    border-radius: 5px;
}
 
.tech-title span {
    color:#fff !important;
    font-size: 18px;
    font-weight:bold;
}
#kt_app_toolbar_container .page-title .page-heading{
    color: #000000 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
.breadcrumb.breadcrumb-separatorless .breadcrumb-item.text-muted {
    font-weight: 600;
    color: #000000 !important;
     font-size: 13px;
}
.breadcrumb.breadcrumb-separatorless a.text-hover-primary.text-muted {
    color: #f77001 !important;
    font-weight: bold ;
    font-size: 13px;
}
.breadcrumb-item .bullet{
     background-color: #000000;
}
#kt_app_wrapper{
    margin-top:0px !important;
}
#kt_app_page{
    background: #f1f5f8;
}
#kt_app_main{
    background: #f1f1f282;
    padding-top:0px;
}
#kt_app_header{
    display:none;
}

#kt_app_toolbar {
    margin-left: 30px;
    margin-right: 30px;
    padding: 0.25rem 0.5rem !important;
    background: transparent;
}
span.card-label.fw-bold.text-gray-800.customer-pay-name{
     padding: 8px;
}
.modal-body #paid_amount, .modal-body #description{
    margin-top:10px;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-toggle{
    display:none !important;
}
.custom td, .custom td .text-black-600{
    text-transform: capitalize !important;
}
.custom td.email-td, .custom td.email-td .text-black-600{
    text-transform: initial !important;
}
#kt_app_sidebar_menu_wrapper .menu-active-bg.pt-1.pb-3.px-3.py-lg-6.px-lg-6{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.create-cust.cal2 .tracking-table .ordered {
    background: #f5c71a36;
    border-radius: 8px;
    padding: 6px 5px;
    font-size: 9px;
    letter-spacing: 0.4px;
}
.create-cust.cal2 .tracking-table .arrived {
    background: #77ad7729;
    border-radius: 8px;
    padding: 6px 5px;
    font-size: 9px;
    letter-spacing: 0.4px;
    
}
.custom .cust-table td, .custom .cust-table th{
min-width: 150px !important;
    max-width: 150px !important;
    width: 150px !important;
    text-align: center !important;
    padding: 10px !important;
}
.custom .cust-table td.text-start.text-role, .custom .cust-table th.text-role{
    text-align: left !important;
}
.dashboard-card .card-title .cust-table th, .dashboard-card .card-title .cust-table td.text-start  span.text-black-600{
    color:#fff !important;
    font-size:12px;
}
.dashboard-card .card-title td.text-start button.d-btn.btn{
   font-size:12px;
    color: #fff;
    padding: 5px 10px !important;
}
.welcome-text {
    font-size: 14px;
    font-weight: 600 !important;
}
.custom .cust-table td:first-child, .custom .cust-table th:first-child{
min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
    padding: 10px !important;
    text-align: left !important;
}
.custom td:last-child, .custom th:last-child{
    text-align: right !important;
}
.status.badge{
    font-size: 10px !important;
}

td .pdf-icon .ki-duotone, td .pdf-icon .ki-outline, td .pdf-icon .ki-solid, td .doc-icon .ki-duotone, td .doc-icon .ki-outline, td .doc-icon .ki-solid {
    line-height: 1;
    color: #3e97ff;
    font-size: 37px !important;

}
.orders-details .card>.card-header {
    background-color: transparent !important;
}

td .documnet-icon .ki-duotone, td .documnet-icon .ki-outline, td .documnet-icon .ki-solid {
    
    color: #50cd89;
}
#kt_app_sidebar_menu_wrapper .menu-item .menu-link .menu-icon+.menu-title{
    font-size: 1.1rem;
    line-height: 20px;
    font-weight: 600;
}
.ckeditor-content p, .ckeditor-content td p, .ckeditor-content td{
    text-transform: initial !important;
}
    .clrprimary{
    color: #D81C1C;
    border-color: #000000 !important;
    background-color: #000000 !important;
}
td.text-black-600, td.text-black-600{
    text-transform: initial;
}
.text-black-600 {
    color: #000000 !important;
}
.btn.btn-light-primary {
    color: #000000;
    border-color: #0000001f;
    background-color: #0000001f;
}
.btn.btn-light-primary i, .btn.btn-light-primary .svg-icon {
    color: #000000;
}
.cust-table table th.fw-bold {
    font-weight: bold !important;
}

a{
     color: inherit;
}

p.thankp{
    font-size:18px;
}
h2.thankyou-title{
    text-align:center;
    font-size:50px;
    width: 100%;
}
.just-cont-space{
    justify-content: space-between;
}
.cross-image.remove{
    color: #ff0000 !important;
    border-color: #ff0000 !important;
    background-color: #ff000024 !important;
    padding: 5px 15px !important;
    font-size: 12px;
}
#kt_app_toolbar .breadcrumb{
   text-transform: uppercase; 
   font-weight:bold;
}
a.text-muted {
    color: #6d6f70 !important;
}

.prod-ext .nav-item .nav-link {
    color: #000000;
}
.prod-ext .nav-item .nav-link.active {
    color: #000;
}
.cards-title {
    font-size: 14px;
    color: #000000;
    line-height: 22px;
}
.prod-ext .nav-line-tabs .nav-item .nav-link.active, .prod-ext .nav-line-tabs .nav-item.show .nav-link, .prod-ext .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
    border-bottom: 2px solid #000;
    color: #000 !important;
}
.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    
    color: #fff;
    border-color: #000000 !important;
    background-color: #000000 !important;
}
.card>.card-header .btn-check:checked + .btn.btn-primary, .card>.card-header .btn-check:active + .btn.btn-primary, .card>.card-header .btn.btn-primary:focus:not(.btn-active), .card>.card-header .btn.btn-primary:hover:not(.btn-active), .card>.card-header .btn.btn-primary:active:not(.btn-active), .card>.card-header .btn.btn-primary.active, .card>.card-header .btn.btn-primary.show, .card>.card-header .show > .btn.btn-primary {
color: #000000;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
}
#kt_app_sidebar_menu_wrapper .ki-duotone, #kt_app_sidebar_menu_wrapper .ki-outline, #kt_app_sidebar_menu_wrapper .ki-solid {
    color: #000000 !important;
}
.prod-table .pe-12{
 padding-right:10px !important;   
}
/*.prod-table th.pb-3.min-w-175px.fw-bold.text-start {*/
/*    width: 120px !important;*/
/*    min-width: 120px !important;*/
/*}*/
/*.prod-table th.pb-3.min-w-100px.fw-bold.text-start {*/
/*     width: 105px !important;*/
/*    min-width: 105px !important;*/
/*}*/
.custom .badge-light-primary {
    color: #000000 !important;
    background-color: #00000026 !important;
}
td .email-icon .ki-duotone, td .email-icon .ki-outline, td .email-icon .ki-solid {
    font-size:37px !important;
    color: #ff0000;
}
i.ki-duotone.ki-shield-tick.fs-2hx{
    font-size:37px !important;
    color: #3b9d00;
}
.custom .badge-light-primary.product-state.active{
    color: var(--bs-success) !important;
    background-color: var(--bs-success-light) !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
    font-size:10px !important;
}
.custom .badge-light-primary.product-state.inactive{
    color: var(--bs-danger) !important;
    background-color: var(--bs-danger-light) !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
     font-size:10px !important;
}
#board .pdf-icon.workorder-pdf .fa-solid.fa-file-pen, #board .pdf-icon.workorder-pdf .fa-solid.fa-plus{
      font-size: 15px !important;
    color: #000000;
}
.cust-table .btn.btn-light {
   color: #ffffff !important;
   font-weight:600;
   text-transform: uppercase;
    border-color: #f77001 !important;
    background-color: #f77001 !important;
}
.prod-table th:last-child{
    text-align:right !important;
}
.cust-table .btn.btn-light i{
    color: #ffffff;
}
.product__info .title {
    display: flex;
    justify-content: space-between;
}
.image-input.image-input-outline .image-input-wrapper{
    box-shadow:none !important;
}
.card .image-input.image-input-outline .image-input-wrapper img{
    width:100%;
}

.product__info .title h1 {
    margin-bottom: 0.1em;
    color: #000;
    font-size: 2.5em;
    font-weight: 900;
}
.cust-table .btn.btn-light.addInvoice{
    border-color: #ff0000 !important;
    background-color: #ff0000 !important;
}
.status.convertedInvoice {
    background: #ff000036;
    color: #ff0000 !important;
}
.status.mailsentAdmin {
    background: #f7700130;
    color: #f77001 !important;
}
.status.adminApproved {
    color: #006fb3;
    background-color: #e2f0ff;
}
.custom .product__info .badge-light-primary.active{
    color: var(--bs-success) !important;
    background-color: var(--bs-success-light) !important;
}
.text-hover-primary:hover {
    color: #000000 !important;
}
.custom .specification-pdf .badge-light-primary {
    color: #000000 !important;
    background-color: #ff55001f !important;
}
.custom .specification-pdf .badge-light-primary .ki-duotone{
    color: #000000 !important;
}
.cust-table .prod-desc, .cust-table .prod-spec {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary {
    color: #000000 !important;
    border-color: #e4e4e4 !important;
    background-color: #e4e4e4 !important;
}
.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    background-color: #e4e4e4 !important;
    color: #000000 !important;
}
.btn-check:checked + .btn.btn-active-light-primary i, .btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, .btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary.show .svg-icon, .show > .btn.btn-active-light-primary i, .show > .btn.btn-active-light-primary .svg-icon {
    color: #000000;
}
#kt_scrolltop{
    background-color: #000000 !important;
}
#kt_scrolltop .ki-duotone{
    color:#000;
}
table .product-image{
   max-width: 90px;
    width: 90px;
    height: 90px;
    object-fit: contain;
}
.custom .card .card-header .card-toolbar {
    text-align: right;
    margin:0px;
}
.cust-table td.pe-0 {
    padding-right: 10px !important;
}
.btn-check:checked + .btn.btn-light-primary, .btn-check:active + .btn.btn-light-primary, .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary.active, .btn.btn-light-primary.show, .show > .btn.btn-light-primary {
    color: var(--bs-primary-inverse);
    border-color: #000000 !important;
    background-color: #000000 !important;
}
.auth-page {
    padding: 50px 30px 30px;
    border: 1px solid #f1f1f2;
    border-radius: 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
#kt_app_toolbar_container .menu-item.sign-cont {
   display: block;
    text-align: center;
    border-color: #f77001 !important;
    background-color: #f77001 !important;
    color: #fff !important;
    font-weight: bold;
    padding: 5px 6px !important;
    text-transform: uppercase;
    border-radius: 9px;
    font-size:0.9rem;
    z-index:9999 !important;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.sign-cont .menu-link .menu-title{
    color: #fff !important;
}
#kt_app_sidebar_menu_wrapper .menu-item.sign-cont .ki-duotone, 
#kt_app_sidebar_menu_wrapper .menu-item.sign-cont .ki-outline, 
#kt_app_sidebar_menu_wrapper .menu-item.sign-cont .ki-solid{
    color: #fff !important;
}
.custom table th{
    text-transform: uppercase !important;
}
.form-check-label {
    color: #071423;
    font-weight: 500;
    font-size: 15px;
}
.menu-item.sign-cont a{
  width: 100%;
    margin: 0 auto;
    justify-content: center;
    padding: 2px 10px 0px 8px;
    font-size: 12px;
    align-items: center;
}
.menu-item.sign-cont span.menu-title {
    line-height: 15px;
    display: block;
    flex-grow: 0;
}
.menu-item.sign-cont .ki-duotone{
    color:#fff;
}
span.card-label {
    text-transform: capitalize !important;
}
.text-dark {
    color: #000000 !important;
}
label span {
    text-transform: capitalize;
}

.custom td .modal-content .note-history-table td.note-history-td:first-child{
    min-width:220px !important;
    max-width:220px !important;
    width:220px !important;
}
.product img {
  max-width: 100%;
  /*filter: drop-shadow(1px 1px 3px #a6a6a6);*/
}
 div#kt_app_sidebar_logo {
    margin-top: 20px;
}
.prod-meta {
    color: #7e7e7e;;
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
}
/* ----- Product Section ----- */
.product {
  flex-direction: row;
    display: flex;
  margin: auto;
  padding: 2.5em 0;
  min-width: 600px;
  background-color: white;
  border-radius: 5px;
}
.product__info sup {
    top: 0;
    font-size:30px;
}
.product__info .price span{
    padding-left:0px;
    padding-left: 0px;
    font-size: 30px;
    font-weight: bold;
    color: #f50;
}

/* ----- Photo Section ----- */
.product__photo {
  position: relative;
 width: 40%;
    max-width: 40%;
}
.product__info {
  position: relative;
 width: 60%;
    max-width: 60%;
    margin-left:15px;
}
.product__info span.price-sup {
    font-size: 30px;
    font-weight: bold;
    color: #f50;
}
 
.photo-main .controls {
  display: flex;
  justify-content: space-between;
  padding: 0.8em;
  color: #fff;
}
.photo-main .controls i {
  cursor: pointer;
}
 
.photo-album {
  padding: 0.7em 1em;
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  padding-left:0px;
  margin-top:20px;
}
.photo-album ul {
  display: flex;
  padding-left:0px;
}
.photo-album li {
  float: left;
  list-style: none;
 margin:0 8px;
  border-radius: 3px;
}
.photo-album img.prod-gallery {
    max-width: 80px;
}
 .photo-album li:first-child{
     margin-left:0px;
     padding-left:0px;
     
 }
 
/* ----- Informations Section ----- */
.product__info {
  padding: 0.8em 0;
}
 
.title h1 {
  margin-bottom: 0.1em;
  color: #4c4c4c;
  font-size: 1.5em;
  font-weight: 900;
}
.title span {
  font-size: 0.7em;
  color: #a6a6a6;
}
 
.price {
  margin: 1.5em 0;
  color: #000000;
  font-size: 1.2em;
}
.price span {
  padding-left: 0.15em;
  font-size: 2.9em;
}
 

.description {
  clear: left;
  margin: 2em 0;
}
.description h3 {
  margin-bottom: 1em;
}
.description ul {
  font-size: 0.8em;
  list-style: disc;
  margin-left: -10px;
}
.description li {
  text-indent: -0.6em;
  margin-bottom: 0.5em;
}
 

.share{
  padding:20px;
  background-color: red;
 
}

.bbtn-sm{
    min-width:104.61px;
}

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

/*====== Image Video PopUp CSS Starts =====*/

.imageblock {
    width:100%;
    padding:20px;
    background:#fff2e3;
    border-radius:8px;
}

.videoblock {
    width:100%;
    padding:20px;
    background:#f3f8f3;
    border-radius:8px;
}
.note-preview {
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px; /* Adjust based on table width */
    white-space: normal;
}

.note-history-table{
    border-collapse: collapse !important;
}

table.note-history-table, .note-history-table td, .note-history-table th {
 border: 1px solid #e6e6e6 !important;
}
.note-history-table th {
 border: 1px solid #e6e6e6 !important;
 font-weight: 600 !important;
 min-height:35px !important;
}
/*====== Image Video PopUp CSS Starts =====*/

@media screen and (min-width: 800px) {
   #board .min-w-200px {
    min-width: max-content !important;
}
.card.ind-card table td.cus-t .fs-8.fw-bold.text-muted{
    max-width: 120px !important;
    word-wrap: break-word !important;
}
}
@media screen and (min-width: 768px) {
      .modal-dialog.work-ordermodal{
        min-width:720px;
    }
}
@media screen and (min-width: 991px) {
    .modal-dialog.work-ordermodal{
        min-width:800px;
    }
    
.modal-dialog.work-ordermodal .ck-content {
    min-height: 140px;
    }
}
@media screen and (min-width: 1600px) {
   #board .min-w-200px {
    min-width: 150px !important;
}
}
@media screen and (max-width: 1366px) {
  .custom .cust-table td, .custom .cust-table th{
      min-width: 100px !important;
  }
  
  .custom .cust-table td span, .custom .cust-table th span{
      font-size: 12px !important;
  }
  [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-toggle{
    display:block !important;
            top: 98% !important;
}

  
}
@media screen and (max-width: 1440px){
    .track-card.create-cust #board .list{
    min-width: 300px !important;
}
.track-card.create-cust #board {
    overflow-x:scroll;
    
}
}
@media screen and (max-width: 1400px) {
    
.calendar-scroll {
  width: 100%;
  overflow-x: auto;             
  overflow-y: hidden;           
  -webkit-overflow-scrolling: touch; 
  white-space: nowrap;          
}
#kt_app_sidebar_toggle .ki-duotone{
    line-height:1.5 !important;
    color:#000 !important;
}
#kt_app_sidebar_toggle .ki-duotone span:before{
     color:#000 !important;
}
/* inner calendar wider than viewport */
.calendar-inner {
  display: inline-block;
}

/* weekdays row */
.weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
#calendar .event, #calendar .j-status-meeting{
    max-height: fit-content !important;
    padding:4px !important;
    font-size:9px !important;
}
/* dates grid */
#calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}    
#calendar .day {
    width: calc((100% - 70px)/7) !important;
    /*height:160px !important;*/
    padding:10px !important;
}
.calendar-custom .row.stat-col .col-lg-5, .calendar-custom .row.ord-col .col-lg-5{
    width:100% !important;
}
.calendar-custom .row.cal-row{
    margin-top:35px !important;
}
.calendar-custom .row.stat-col .col-lg-5 .order-legends .j-status-notStarted, .calendar-custom .row.stat-col .col-lg-5 .order-legends .j-status-inProgress, .calendar-custom .row.stat-col .col-lg-5 .order-legends .j-status-partsNeeded, .calendar-custom .row.stat-col .col-lg-5 .order-legends .j-status-partsReceived, .calendar-custom .row.stat-col .col-lg-5 .order-legends .j-status-completed{
    max-width:18% !important;
    width:100% !important;
    font-size:10px !important;
}
.row.ord-col .legend-cont .o-status-ordered, .row.ord-col .legend-cont .o-status-shipped, .row.ord-col .legend-cont .o-status-arrived, .row.ord-col .legend-cont .o-status-bk-install{
    font-size:10px !important;
}
.calendar-custom .row.cal-row .select2-container--bootstrap5 .select2-selection--single{
    font-size: 11px !important;
}
.calendar-custom .row.cal-row .col-lg-2{
    width:25% !important;
    margin-top:12px !important;
}
.calendar-custom .row.cal-row .col-lg-2.mt-4{
    width:48% !important;
}
#calendar .j-status-meeting{
        font-size: 8.5px;
    line-height: 11px;
}

    form.sp-searchpanel .search-row {
    display: block !important;
}
form.sp-searchpanel .search-row .select2-container{
        display: inline-block;
    width: 48% !important;
    margin-bottom: 10px;
}
form.sp-searchpanel .search-row .input-group{
    display: inline-flex;
    width: 48% !important;
}
.sp-searchpanel .search-row .formfbtn{
        display: inline-flex;
    width: 48%;
}
.sp-searchpanel .search-row .form-control{
    display: inline-flex;
    width: 48%;
}
.sp-searchpanel .search-row .col-lg-2 {
    width: 99%;
    display: inline;
}
#kt_app_toolbar_container{
    margin-bottom:12px !important;
}
#kt_ecommerce_edit_order_product_table_wrapper .odd1 .custom td{
       max-width: 150px; 
}
.dataTables_scroll td{
       max-width: 150px; 
}
#kt_ecommerce_edit_order_product_table td{
       max-width: 150px !important; 
}

#kt_ecommerce_edit_order_product_table textarea, .dataTables_scroll textarea{
       max-width: 200px !important; 
       margin-top:5px;
}
form.sp-searchpanel .search-row .col-lg-3{
    width:49%;
    display:inline-block;
    padding: 0px 5px !important;
}
form.sp-searchpanel .search-row .col-lg-3 .input-group{
     width: 100% !important;
}
form.sp-searchpanel .search-row .col-lg-3 .select2-container{
        display: inline-block;
    width: 99% !important;
    margin-bottom: 10px;
}
.cust-card .cust-table td.text-start.pe-0.lead-notcol span, .cust-card .cust-table th.lead-notcol span, .custom .cust-table td.text-start.pe-0.lead-notcol span, .custom .cust-table th.lead-notcol span {
            max-height: 50px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        min-width: 120px;
        word-wrap: break-word;
}
.track-card.create-cust #board .list{
    min-width: 300px !important;
}
.track-card.create-cust #board {
    overflow-x:scroll;
    
}
.track-card.create-cust .tracking-sebar .col-lg-2, .track-card.create-cust .tracking-sebar .col-lg-3{
   width: 50% !important;
        margin-bottom: 10px;
}

.cust-card .cust-table table {
    border-collapse: collapse;
           table-layout: fixed;
        width: 100%;
}

/* Sticky first column */
.cust-card .cust-table table td:first-child,
.cust-card .cust-table table th:first-child, .cust-table table td:first-child, .cust-table table th:first-child {
    position: sticky;
    left: 0;
    background: white;
    z-index: 2;
    max-width:80px !important;
     min-width:80px !important;
}

/* Sticky second column */
.cust-card .cust-table table td:nth-child(2),
.cust-card .cust-table table th:nth-child(2), .cust-table table td:nth-child(2),
 .cust-table table th:nth-child(2){
    position: sticky;
    left: 80px; /* Width of first column */
    background: white;
    z-index: 2;
}

/* Sticky last column */
.cust-card .cust-table table td:last-child,
.cust-card .cust-table table th:last-child, .cust-table table td:last-child,
 .cust-table table th:last-child{
    position: sticky;
    right: 0;
    background: white;
    z-index: 2;
}
.cust-card .cust-table table td,
.cust-card .cust-table table th, .cust-table table td, .cust-table table th{
    min-width:130px !important;
    width:130px !important;
}
.cust-card .cust-table table td .warr-span, .cust-card .cust-table table th .warr-span {
    max-width: 120px;
    white-space: pre-line;
    line-height: 16px;
}
.cust-card .cust-table table td:last-child .menu-sub-dropdown{
    transform: translate3d(-120px, 16px, 0px) !important;
    position: absolute !important; 
}
.custom .cust-table td:first-child, .custom .cust-table th:first-child {
    min-width: 80px !important;
    max-width: 80px !important;
    width: 80px !important;
    padding: 10px !important;
    text-align: left !important;
}
.custom td .modal-content .note-history-table td.note-history-td:first-child{
    min-width:220px !important;
    max-width:220px !important;
    width:220px !important;
}
.modal-backdrop.show{
    z-index: 4 !important;
}
#AddMore{
    min-width:80px !important;
}
form.sp-searchpanel .search-row .col-lg-2{
    display:inline-flex;
    width:48% !important;
}
form.sp-searchpanel .search-row .col-lg-2 .select2-container{
    width:100% !important;
}
form.sp-searchpanel .search-row .col-lg-2 .input-group{
     width:100% !important;
}
.sp-searchpanel .search-row .col-lg-2 > input.form-control, .sp-searchpanel .search-row .col-lg-3 > input.form-control{
    width:100% !important;
}
    form.sp-searchpanel .search-row .col-lg-2:nth-child(2n) .select2-container{
        margin-right:0px !important;
    }
    .sp-searchpanel .search-row .col-lg-2:nth-child(1) > input.form-control, .sp-searchpanel .search-row .col-lg-2:nth-child(3) > input.form-control, .sp-searchpanel .search-row .col-lg-2:nth-child(5) > input.form-control, .sp-searchpanel .search-row .col-lg-2:nth-child(7) > input.form-control{
        width:97% !important;
    }
     .sp-searchpanel .search-row .col-lg-3:nth-child(1) > input.form-control, .sp-searchpanel .search-row .col-lg-3:nth-child(3)> input.form-control, .sp-searchpanel .search-row .col-lg-3:nth-child(5) > input.form-control, .sp-searchpanel .search-row .col-lg-2:nth-child(7) > input.form-control{
        width:97% !important;
    }
    .custom .cust-table td  i span, .custom .cust-table th i span{
        font-size:20px !important;
    }
.sp-searchpanel .search-row .col-lg-3:nth-child(3) .form-control.cust-phone{
    width:99% !important;
}
.track-card .modal-content{
    width:100% !important;
}
.card.track-card .card-header.track-head .card-title{
   font-size:13px !important; 
}

.orders-details .card.track-card .d-flex.align-items-center a {
    width: 87%;
    max-width: 87%;
    
}
.orders-details .card.track-card table.min-w-300px{
    min-width:200px !important;
}
 .sp-searchpanel .search-row .col-lg-2:nth-child(2) .input-group, .sp-searchpanel .search-row .col-lg-2:nth-child(4) .input-group {
     margin-right:0px !important;
 }
 .custom .card.lead-quotediv form .col-lg-3 {
     width:50% !important;
     max-width:50% !important;
 }
 .pip.boxDiv.col-lg-2{
     width:100% !important;
 }
 #kt_ecommerce_add_product_form .card-title h2{
     font-size:15px !important;
 }
  #kt_ecommerce_add_product_form .image-input.image-input-outline.image-input-placeholder{
      background-size: 66% !important;
    text-align: center;
    align-items: center;
    background-position: center;
  }
 #kt_ecommerce_add_product_form .image-input.image-input-outline .image-input-wrapper{
     background-size:contain !important;
 }
 
 
}