/* BCM BUILDCHEMART MODERN SAAS LIGHT ERP THEME v9.0 */
:root{--w:#fff;--s:#f8f9fa;--p:#f1f3f5;--m:#e9ecef;--b:#dee2e6;--l:#ced4da;--muted:#6c757d;--text:#2f3a45;--title:#26313b;--shadow:0 18px 50px rgba(100,110,120,.13);--shadow2:0 8px 24px rgba(100,110,120,.09);--r:24px}
html,body{background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.95),transparent 20%),radial-gradient(circle at 98% 4%,rgba(222,226,230,.62),transparent 30%),linear-gradient(135deg,#fff 0%,#fafbfc 40%,#f1f3f5 100%)!important;color:var(--text)!important;font-family:Inter,Manrope,Arial,sans-serif!important;min-height:100vh!important}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(173,181,189,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(173,181,189,.16) 1px,transparent 1px);background-size:42px 42px}
body,body *{color:var(--text)}
h1,h2,h3,h4,h5,h6,.title h1,.title h2,.title h3,.title h4,.page-header h1,.page-header h2,.page-header h3,.page-header h4{color:var(--title)!important;font-weight:850!important;letter-spacing:-.025em!important}
small,.text-muted,.help-block{color:var(--muted)!important}
.header,.topbar,.navbar,.main-header{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;border-bottom:1px solid rgba(228,232,236,.9)!important;box-shadow:0 10px 30px rgba(100,110,120,.10)!important;color:var(--text)!important}
.header *,.topbar *,.navbar *,.main-header *{color:var(--text)!important}
.left-side-bar,.sidebar,.side-bar,.main-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,249,250,.94))!important;backdrop-filter:blur(22px) saturate(1.15)!important;border-right:1px solid rgba(228,232,236,.95)!important;box-shadow:14px 0 38px rgba(100,110,120,.12)!important;color:var(--text)!important}
.left-side-bar .brand-logo,.sidebar .brand-logo,.brand-logo{background:rgba(255,255,255,.85)!important;border-bottom:1px solid #e4e8ec!important}
.sidebar-menu a,.sidebar-menu .dropdown-toggle,.sidebar-menu .submenu li a,.sidebar-menu .mtext,.sidebar-menu .micon,.left-side-bar a,.left-side-bar span,.left-side-bar i{color:var(--text)!important}
.sidebar-menu .dropdown-toggle,.sidebar-menu .submenu li a,.left-side-bar a{border-radius:18px!important;margin:4px 10px!important;transition:.22s ease!important}
.sidebar-menu .dropdown-toggle:hover,.sidebar-menu .dropdown-toggle.active,.sidebar-menu .submenu li a:hover,.sidebar-menu .submenu li a.active,.left-side-bar a:hover{background:linear-gradient(135deg,#fff,#f1f3f5)!important;box-shadow:0 10px 26px rgba(100,110,120,.13),inset 0 0 0 1px rgba(228,232,236,.9)!important;transform:translateX(2px);color:var(--title)!important}
.sidebar-menu .submenu{background:#f8f9fa!important;border:1px solid #e4e8ec!important;border-radius:20px!important}
.main-container,.main,.content,.content-wrapper,.page-wrapper,.pd-ltr-20,.xs-pd-20-10{background:transparent!important}
.card-box,.card,.box,.panel,.white-box,.bg-white,.page-header,.pd-20.card-box,.filter-card,.analytics-card,.table-card,.profile-card,.invoice-box,.report-card,.dashboard-card,.login-box,.form-card,.widget-style1,.widget-style2,.modal-content,.modal-box,.swal2-popup,.overview-box,.metric-box{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,249,250,.88))!important;border:1px solid rgba(228,232,236,.95)!important;border-radius:var(--r)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(20px) saturate(1.12)!important;color:var(--text)!important;overflow:hidden}
.card-box *,.card *,.box *,.panel *,.white-box *,.bg-white *,.page-header *,.filter-card *,.analytics-card *,.table-card *,.profile-card *,.invoice-box *,.report-card *,.dashboard-card *,.login-box *,.form-card *,.widget-style1 *,.widget-style2 *,.modal-content *,.modal-box *,.overview-box *,.metric-box *{color:var(--text)!important}
.page-header{padding:26px!important;margin-bottom:26px!important}
.stat-card,.performance-hero,.bg-blue,.bg-green,.bg-orange,.bg-red,.bg-purple,.bg-dark,.bg-primary,.bg-success,.bg-danger,.bg-warning,.bg-info{background:radial-gradient(circle at top right,rgba(255,255,255,.95),transparent 42%),linear-gradient(135deg,#fff,#eef1f4)!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:28px!important;box-shadow:0 20px 55px rgba(100,110,120,.14)!important;color:var(--text)!important}
.stat-card *,.performance-hero *,.bg-blue *,.bg-green *,.bg-orange *,.bg-red *,.bg-purple *,.bg-dark *,.bg-primary *,.bg-success *,.bg-danger *,.bg-warning *,.bg-info *{color:var(--text)!important}
.stat-card h1,.stat-card h2,.stat-card h3,.stat-card h4,.stat-card h5,.performance-hero h1,.performance-hero h2,.performance-hero h3,.performance-hero h4{color:var(--title)!important}
.micon,.dw,.icon-copy,i{color:#495057!important}
.form-control,.custom-select,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=file],input[type=search],input[type=url],input[type=tel]{background:#fff!important;border:1px solid #dee2e6!important;color:var(--title)!important;border-radius:16px!important;padding:12px 15px!important;box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(100,110,120,.04)!important;transition:.22s ease!important}
.form-control:focus,.custom-select:focus,select:focus,textarea:focus,input:focus{border-color:#6c757d!important;box-shadow:0 0 0 5px rgba(108,117,125,.13),inset 0 1px 0 #fff!important;outline:none!important}
label,.form-label,.col-form-label{color:var(--title)!important;font-weight:760!important}
.btn,button,input[type=submit],input[type=button]{border-radius:16px!important;font-weight:850!important;padding:11px 19px!important;transition:.22s ease!important}
.btn-primary,.btn-success,.btn-info,.btn-danger,.btn-secondary,.btn-dark,.btn-warning{background:linear-gradient(135deg,#fff,#dee2e6)!important;border:1px solid #ced4da!important;color:var(--title)!important}
.btn-light,.btn-default,.btn-outline-primary,.btn-outline-danger,.btn-outline-secondary,.btn-outline-dark,.btn-outline-success{background:#fff!important;border:1px solid #dee2e6!important;color:var(--title)!important}
.btn:hover,button:hover,input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(100,110,120,.16)!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:var(--title)!important}
.table-responsive{border-radius:22px!important;box-shadow:var(--shadow2)!important;overflow:auto!important}
.table,table{background:#fff!important;border-radius:22px!important;color:var(--text)!important;overflow:hidden!important}
.table thead th,table thead th{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;color:var(--title)!important;border-color:#dee2e6!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.035em!important;font-size:12px!important}
.table td,.table th,table td,table th{color:var(--text)!important;border-color:#e9ecef!important;vertical-align:middle!important}
.table tbody tr:nth-child(even),table tbody tr:nth-child(even){background:#fcfcfc!important}.table tbody tr:hover,table tbody tr:hover{background:#f1f3f5!important}
.dt-buttons .btn,.dataTables_wrapper .btn{background:linear-gradient(135deg,#fff,#dee2e6)!important;color:var(--title)!important}
.badge,.label,.status-badge{background:#f8f9fa!important;color:var(--title)!important;border:1px solid #dee2e6!important;border-radius:999px!important;padding:7px 12px!important;font-weight:850!important}
.alert,.alert-success,.alert-danger,.alert-warning,.alert-info{background:#fff!important;color:var(--text)!important;border:1px solid #dee2e6!important;border-radius:18px!important;box-shadow:var(--shadow2)!important}
.dropdown-menu,.select2-dropdown{background:#fff!important;border:1px solid #e9ecef!important;border-radius:18px!important;box-shadow:var(--shadow)!important}.dropdown-item{color:var(--text)!important}.dropdown-item:hover{background:#f8f9fa!important;color:var(--title)!important}
.select2-container .select2-selection--single{min-height:46px!important;background:#fff!important;border:1px solid #dee2e6!important;border-radius:16px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px!important;color:var(--title)!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px!important}
.page-link{background:#fff!important;color:var(--title)!important;border-color:#dee2e6!important}.page-item.active .page-link{background:#e9ecef!important;color:var(--title)!important;border-color:#ced4da!important}
.pre-loader{background:linear-gradient(135deg,#fff,#f8f9fa)!important}.loader-progress,.loader-progress .bar,#bar1{background:linear-gradient(90deg,#ced4da,#e9ecef)!important}
.login-wrap,.login-page{background:linear-gradient(135deg,#fff,#f8f9fa,#e9ecef)!important}
.text-white,.text-light,.text-white *,.text-light *{color:var(--title)!important}
@media(max-width:768px){.card-box,.card,.filter-card,.analytics-card,.table-card,.page-header{border-radius:20px!important;padding:18px!important}.btn{margin-bottom:7px}}


/* BCM TABLE FIX */

/* BCM Beautiful Table Layout Fix v10 */
:root{--txt:#343a40;--title:#212529;--muted:#6c757d;--line:#dee2e6;--soft:#f8f9fa;--head:#e9ecef}
.table-responsive,.dataTables_wrapper{background:#fff!important;border-radius:22px!important;overflow:auto!important}
table.dataTable,.table,table{width:100%!important;background:#fff!important;border-collapse:separate!important;border-spacing:0!important;color:var(--txt)!important;border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden!important}
table.dataTable thead th,.table thead th,table thead th{background:linear-gradient(180deg,#f8f9fa,#e9ecef)!important;color:var(--title)!important;font-weight:850!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;border-bottom:1px solid var(--line)!important;border-right:1px solid #edf0f2!important;padding:16px 14px!important;vertical-align:middle!important;white-space:nowrap!important}
table.dataTable tbody td,.table tbody td,table tbody td{background:#fff!important;color:var(--txt)!important;border-bottom:1px solid #eef1f3!important;padding:15px 14px!important;font-size:14px!important;font-weight:600!important;vertical-align:middle!important}
table.dataTable tbody tr:nth-child(even) td,.table tbody tr:nth-child(even) td,table tbody tr:nth-child(even) td{background:#fbfcfd!important}
table.dataTable tbody tr:hover td,.table tbody tr:hover td,table tbody tr:hover td,table.dataTable tbody tr.selected td,table.dataTable tbody tr.active td,.table tbody tr.selected td,.table tbody tr.active td,table tbody tr.selected td,table tbody tr.active td{background:#eef1f4!important;color:var(--title)!important}
table.dataTable tbody tr.selected,table.dataTable tbody tr>.selected,.table-active,tr.table-active,tr.active,tr.selected{background:#eef1f4!important;color:var(--title)!important}
table.dataTable tbody tr.selected *,table.dataTable tbody tr>.selected *,.table-active *,tr.table-active *,tr.active *,tr.selected *{color:var(--title)!important}
table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background:inherit!important;color:var(--txt)!important}
table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover,table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background:#eef1f4!important;color:var(--title)!important}
table.dataTable tbody td *,.table tbody td *,table tbody td *{color:var(--txt)!important}
table .badge,.table .badge,table .label,.table .label{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:86px!important;padding:7px 13px!important;border-radius:999px!important;background:#f8f9fa!important;border:1px solid #ced4da!important;color:#343a40!important;font-weight:850!important;font-size:12px!important}
.badge-success,.label-success,.badge.Delivered{background:#f4fff8!important;border-color:#b7e4c7!important;color:#2d6a4f!important}.badge-warning,.label-warning,.badge.Pending{background:#fffdf4!important;border-color:#e9d8a6!important;color:#7a5900!important}.badge-danger,.label-danger,.badge.Canceled,.badge.Cancelled{background:#fff5f5!important;border-color:#f1b0b7!important;color:#8a1c1c!important}.badge-primary,.label-primary,.badge.Hold{background:#f1f3f5!important;border-color:#ced4da!important;color:#343a40!important}
table td .btn,.table td .btn,table td a.btn,.table td a.btn{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#f8f9fa!important;border:1px solid #ced4da!important;color:#343a40!important;box-shadow:0 5px 14px rgba(108,117,125,.12)!important;margin:2px!important}
table td .btn *,.table td .btn *,table td a.btn *,.table td a.btn *{color:#343a40!important}
table td .btn:hover,.table td .btn:hover,table td a.btn:hover,.table td a.btn:hover{background:#e9ecef!important;transform:translateY(-2px)!important;color:#212529!important}
.dt-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:10px!important;margin-bottom:16px!important;width:100%!important}
.dt-buttons .btn,.dt-button,button.dt-button{background:linear-gradient(180deg,#fff,#e9ecef)!important;border:1px solid #ced4da!important;border-radius:14px!important;color:#343a40!important;font-weight:850!important;padding:12px 18px!important;box-shadow:0 7px 18px rgba(108,117,125,.10)!important}
.dt-buttons .btn:hover,.dt-button:hover,button.dt-button:hover{background:#f1f3f5!important;color:#212529!important}
.dataTables_wrapper .dataTables_filter{margin-bottom:16px!important}.dataTables_wrapper .dataTables_filter label,.dataTables_wrapper .dataTables_length label{color:#343a40!important;font-weight:800!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:#fff!important;border:1px solid #ced4da!important;border-radius:15px!important;color:#343a40!important;padding:11px 15px!important;box-shadow:0 5px 16px rgba(108,117,125,.08)!important}
.dataTables_wrapper .dataTables_paginate .paginate_button,.page-link{background:#fff!important;border:1px solid #dee2e6!important;color:#343a40!important;border-radius:12px!important;margin:2px!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.page-item.active .page-link{background:#e9ecef!important;color:#212529!important;border-color:#ced4da!important}
tbody tr,tbody tr td,tbody tr td span,tbody tr td a,tbody tr td div{color:#343a40!important}
@media(max-width:768px){.dt-buttons{grid-template-columns:repeat(2,1fr)!important}table.dataTable thead th,.table thead th,table thead th,table.dataTable tbody td,.table tbody td,table tbody td{padding:12px 10px!important;font-size:13px!important}}


/* BCM DASHBOARD NAVBAR PERFORMANCE FIX */

/* ==========================================================
   BCM DASHBOARD + NAVBAR + EMPLOYEE PERFORMANCE TABLE FIX v11
   ========================================================== */

:root{
    --bcm-white:#ffffff;
    --bcm-bg:#f8f9fa;
    --bcm-soft:#f1f3f5;
    --bcm-head:#e9ecef;
    --bcm-line:#dee2e6;
    --bcm-border:#ced4da;
    --bcm-muted:#6c757d;
    --bcm-text:#343a40;
    --bcm-title:#212529;
}

/* Same navbar/sidebar on all pages */
.left-side-bar{
    background:linear-gradient(180deg,#ffffff,#f8f9fa)!important;
    border-right:1px solid var(--bcm-line)!important;
    box-shadow:12px 0 32px rgba(108,117,125,.10)!important;
}
.left-side-bar .brand-logo{
    background:#ffffff!important;
    border-bottom:1px solid var(--bcm-line)!important;
}
.sidebar-menu a,
.sidebar-menu .dropdown-toggle,
.sidebar-menu .submenu li a,
.sidebar-menu .mtext,
.sidebar-menu .micon,
.left-side-bar a,
.left-side-bar span,
.left-side-bar i{
    color:var(--bcm-text)!important;
}
.sidebar-menu .dropdown-toggle,
.sidebar-menu .submenu li a{
    border-radius:16px!important;
    margin:4px 10px!important;
}
.sidebar-menu .dropdown-toggle:hover,
.sidebar-menu .dropdown-toggle.active,
.sidebar-menu .submenu li a:hover,
.sidebar-menu .submenu li a.active{
    background:linear-gradient(135deg,#ffffff,#e9ecef)!important;
    color:var(--bcm-title)!important;
    box-shadow:0 8px 22px rgba(108,117,125,.12)!important;
}
.sidebar-menu .submenu{
    background:#f8f9fa!important;
    border:1px solid var(--bcm-line)!important;
    border-radius:18px!important;
}

/* Dashboard card readability and icon correction */
.dashboard-card,
.stat-card,
.widget-style1,
.widget-style2,
.card-box,
.card{
    background:linear-gradient(145deg,#ffffff,#f8f9fa)!important;
    color:var(--bcm-text)!important;
    border:1px solid var(--bcm-line)!important;
    border-radius:24px!important;
    box-shadow:0 16px 42px rgba(108,117,125,.12)!important;
}
.dashboard-card *,
.stat-card *,
.widget-style1 *,
.widget-style2 *,
.card-box *,
.card *{
    color:var(--bcm-text)!important;
}
.dashboard-card h1,.dashboard-card h2,.dashboard-card h3,.dashboard-card h4,
.stat-card h1,.stat-card h2,.stat-card h3,.stat-card h4,
.widget-style1 h1,.widget-style1 h2,.widget-style1 h3,.widget-style1 h4,
.widget-style2 h1,.widget-style2 h2,.widget-style2 h3,.widget-style2 h4{
    color:var(--bcm-title)!important;
}

/* Improve dashboard card icons */
.dashboard-card .icon,
.stat-card .icon,
.widget-style1 .icon,
.widget-style2 .icon,
.dashboard-card i,
.stat-card i,
.widget-style1 i,
.widget-style2 i{
    color:#495057!important;
    opacity:.92!important;
}

/* Hold / Cancel dashboard icons */
.bcm-hold-icon:before{
    content:"⏸";
    font-family:Arial,sans-serif!important;
    font-weight:900;
}
.bcm-cancel-icon:before{
    content:"✕";
    font-family:Arial,sans-serif!important;
    font-weight:900;
}

/* Employee performance table same theme */
.employee-performance-table,
.performance-table,
#employeePerformanceTable,
#performanceTable,
table.employee-performance,
table.performance-report{
    width:100%!important;
    background:#ffffff!important;
    border:1px solid var(--bcm-line)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    color:var(--bcm-text)!important;
    border-collapse:separate!important;
    border-spacing:0!important;
}

.employee-performance-table thead th,
.performance-table thead th,
#employeePerformanceTable thead th,
#performanceTable thead th,
table.employee-performance thead th,
table.performance-report thead th{
    background:linear-gradient(180deg,#f8f9fa,#e9ecef)!important;
    color:var(--bcm-title)!important;
    font-size:12px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
    padding:16px 14px!important;
    border-bottom:1px solid var(--bcm-line)!important;
}

.employee-performance-table tbody td,
.performance-table tbody td,
#employeePerformanceTable tbody td,
#performanceTable tbody td,
table.employee-performance tbody td,
table.performance-report tbody td{
    background:#ffffff!important;
    color:var(--bcm-text)!important;
    padding:15px 14px!important;
    border-bottom:1px solid #eef1f3!important;
    font-weight:600!important;
}

.employee-performance-table tbody tr:nth-child(even) td,
.performance-table tbody tr:nth-child(even) td,
#employeePerformanceTable tbody tr:nth-child(even) td,
#performanceTable tbody tr:nth-child(even) td,
table.employee-performance tbody tr:nth-child(even) td,
table.performance-report tbody tr:nth-child(even) td{
    background:#fbfcfd!important;
}

.employee-performance-table tbody tr:hover td,
.performance-table tbody tr:hover td,
#employeePerformanceTable tbody tr:hover td,
#performanceTable tbody tr:hover td,
table.employee-performance tbody tr:hover td,
table.performance-report tbody tr:hover td{
    background:#eef1f4!important;
    color:var(--bcm-title)!important;
}

/* All table click selected fix */
table tbody tr.selected td,
table tbody tr.active td,
table tbody tr:hover td{
    color:var(--bcm-title)!important;
}
table tbody tr.selected *,
table tbody tr.active *,
table tbody tr:hover *{
    color:var(--bcm-title)!important;
}

/* Beautiful table headers globally */
table.dataTable thead th,
.table thead th,
table thead th{
    background:linear-gradient(180deg,#f8f9fa,#e9ecef)!important;
    color:var(--bcm-title)!important;
    border-color:var(--bcm-line)!important;
}

/* Top header common */
.header{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid var(--bcm-line)!important;
    box-shadow:0 8px 24px rgba(108,117,125,.10)!important;
}