.bg-blue {
    background-color: #072E62 !important;
}

body {
    background-color: #d9dbde !important;
}

.footer {
    padding: 0px !important;
}

.btn-primary {
    background: #4e5263 !important;
    border: 1px solid #4e5263 !important;
}

.navbar-expand-lg .navbar-nav .nav-link, .navbar-nav {
    color: #fff;
}

.nav-pills > li > .nav-link.active {
    background: #4e5263 !important;
}

.nav-pills > li > .nav-link {
    border: 1px solid #4e5263 !important;
}

.card, .card-body {
    background-color: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px !important;
}

.orgchart {
    border-radius: 5px !important;
}

.card .card-body, .card-light .card-body, .form-control {
    padding: 5px !important;
}

.card, .card-light {
    box-shadow: none !important;
}

.sidebar[data-background-color="dark"] .nav > .nav-item a {
    /* color: #b9babf !important; */
    font-size: 12px;
}
/*
.sidebar .nav > .nav-item a, .sidebar[data-background-color="white"] .nav > .nav-item a {
    margin-bottom: 0 !important;
}

.sidebar .nav-collapse, .sidebar[data-background-color="white"] .nav-collapse {
    padding-top: 0 !important;
}

    .sidebar .nav-collapse li a, .sidebar[data-background-color="white"] .nav-collapse li a {
        padding-top: 0 !important;
    }

.sidebar, .sidebar[data-background-color="white"], .logo-header {
    width: 200px !important
}

.main-panel, .main-header {
    width: calc(100% - 200px) !important;
}*/
.accordion-button:not(.collapsed) {
    background-color: #4e5263;
    color:#fff;
}
    .drag-handle {
        cursor: move;
        user-select: none;
        font-size: 18px;
    }

    .table-wrapper {
        overflow: auto;
    }

    .accordion-button {
        font-weight: bold;
        font-size: 12pt;
    }
    /* This is where scrolling happens */
    .table-wrapper {
        height: 100%;
        overflow: auto;
        position: relative;
    }
    /* Sticky headers now work safely */
    .weeklyTable th {
        background: #f8f9fa;
    }

    .form-label, label {
        font-weight: bold !important;
    }

    .main-header {
        background: #4e5263 !important;
    }

    .nav-pills > li > .nav-link {
        margin-top: 0 !important;
        bottom: 0 !important;
    }

    .nav-pills .nav-link {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .logo {
        text-align: center !important;
    }

    .text-red {
        color: red !important;
    }

    .logout {
        cursor: pointer;
    }

    .footer {
        bottom: 0px !important;
    }

    .navbar-toggler-icon {
        display: inline-block;
        color: #fff !important;
        /* background-color:#fff !important; */
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: url('../img/toggler.png') !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: #fff !important;
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }

    .table thead th {
        font-size: 11pt !important;
        text-transform: none !important;
        letter-spacing: 1px;
        padding: 2px 2px !important;
        border-bottom-width: 1px;
        font-weight: 400;
    }

    .table > tbody > tr > td, .table > tbody > tr > th {
        padding: 2px 2px !important;
        font-size: 9pt;
    }

    .select2-container .select2-selection--single {
        height: 38px !important; /* Match Bootstrap default height */
        padding: 6px 12px !important; /* Adjust padding */
        border: 1px solid #ced4da; /* Match Bootstrap border */
        border-radius: 4px; /* Match Bootstrap rounded corners */
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 26px !important; /* Align text vertically */
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px !important; /* Center dropdown arrow */
    }

    .div.dt-buttons {
        float: right !important;
    }

    data-table-area {
        overflow: auto !important;
    }

    .icon-text {
        font-weight: bold;
        padding: 5px 10px;
        border-radius: 5px;
        display: inline-block;
    }
    /* Define color-coded styles */
    .active-fte {
        background: #0088cc;
        color: white;
    }

    .active-hc {
        background: #006699;
        color: white;
    }

    .billable-aht {
        background: #28a745;
        color: white;
    }

    .fte-planning {
        background: #17a2b8;
        color: white;
    }

    .in-office-shrinkage {
        background: #dc3545;
        color: white;
    }

    .in-office-lunch {
        background: #ff6600;
        color: white;
    }

    .in-office-plan {
        background: #ffcc00;
        color: black !important;
    }

    .loa {
        background: #6f42c1;
        color: white;
    }

    .occupancy {
        background: #198754;
        color: white;
    }

    .out-office-shrinkage {
        background: #ff3300;
        color: white;
    }

    .out-office-plan {
        background: #cc3300;
        color: white;
    }

    .per-fte-login {
        background: #007bff;
        color: white;
    }

    .planned-shrinkage {
        background: #ffc107;
        color: black;
    }

    .target-aht {
        background: #20c997;
        color: white;
    }

    .unplanned-shrinkage {
        background: #e83e8c;
        color: white;
    }

    .uptime {
        background: #6610f2;
        color: white;
    }

    .wo-shrinkage {
        background: #6c757d;
        color: white;
    }

    .working-days {
        background: #343a40;
        color: white;
    }

    .working-hours {
        background: #495057;
        color: white;
    }

    .attrition {
        background: #fd7e14;
        color: white;
    }

    .throughput {
        background: #17a2b8;
        color: white;
    }

    .sidebar .nav > .nav-item a p, .sidebar[data-background-color="white"] .nav > .nav-item a p {
        font-size: 12px;
        margin-bottom: 0px;
        margin-right: 5px;
        white-space: nowrap;
        font-weight: 100 !important;
        color: #fff;
    }

        .sidebar .nav > .nav-item a p, .sidebar[data-background-color="white"] .nav > .nav-item a p :hover {
            color: #fff;
        }

    .sidebar[data-background-color="dark"] .nav > .nav-item a {
        color: #fff !important;
    }

    .table th, .table td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center;
        min-width: 120px;
    }

    .sidebar, .sidebar[data-background-color="white"] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
/*        width: 265px;*/
        display: block;
        z-index: 1002;
        color: #ffffff;
        font-weight: 200;
        background: #ffffff;
        -webkit-box-shadow: 4px 4px 10px rgba(69, 65, 78, 0.06);
        -moz-box-shadow: 4px 4px 10px rgba(69, 65, 78, 0.06);
        box-shadow: 4px 4px 10px rgba(69, 65, 78, 0.06);
        transition: all .3s;
    };
        }
    .calculated-field {
        background: #EBEBE4 !important;
        color: #000;
        border: 0px;
    }
    /*.weekly-input-number, .calculated-field {
    text-align: right !important;
}
.weekly-input-text {
    text-align: left !important;
}*/
    .chart-container {
        width: 100%;
        max-width: 500px; /* Adjust as needed */
        height: 375px; /* Fix height */
    }

    .org-tree-container {
        width: 100%;
        max-width: 500px; /* Adjust as needed */
        height: 375px; /* Fix height */
    }

    canvas {
        /*    width: 100% !important;*/
        height: 100% !important;
    }

    .itemSearch {
        width: 350px !important;
    }

    .text-green {
        color: forestgreen;
    }

    .cpointer {
        cursor: pointer;
    }

    #customAlert {
        z-index: 99999 !important;
    }

    .toast-title img {
        background-color: transparent !important;
    }

    .nav-pills > li > .nav-link:hover {
        background: #fff !important;
        color: #2e3b4e !important;
    }

    .nav-pills > li > .nav-link.active {
        color: #e2e2e2 !important;
    }
        .nav-pills > li > .nav-link.active:hover {
            color: #e2e2e2 !important;
            background: #fff !important;
            color: #2e3b4e !important;
        }

    #chart-container {
        font-family: Arial;
        height: 420px;
        border: 2px dashed #aaa;
        border-radius: 5px;
        overflow: auto;
        text-align: center;
    }

    #org-tree-container {
        font-family: Arial;
        height: 420px;
        /*        border: 2px dashed #aaa;*/
        border-radius: 5px;
        overflow: auto;
        text-align: center;
    }

    .orgchart {
        background: #fff;
        background-image: none !important;
    }
        /* Common connector styling */
        .orgchart td.left,
        .orgchart td.right,
        .orgchart td.top {
            border-color: #bbb;
        }

        .orgchart td > .down {
            background-color: #bbb;
        }
        /* =========================
   NODE TYPE COLOR THEMES
   ========================= */
        /* Company (Root – FSL) */
        /* Company */
        .orgchart .node.company .title {
            background-color: #2c3e50;
        }

        .orgchart .node.company .content {
            border-color: #2c3e50;
        }
        /* Cluster */
        .orgchart .node.cluster .title {
            background-color: #2980b9;
        }

        .orgchart .node.cluster .content {
            border-color: #2980b9;
        }
        /* Tower */
        .orgchart .node.tower .title {
            background-color: #16a085;
        }

        .orgchart .node.tower .content {
            border-color: #16a085;
        }
        /* Process */
        .orgchart .node.process .title {
            background-color: #8e44ad;
        }

        .orgchart .node.process .content {
            border-color: #8e44ad;
        }
        /* LOB */
        .orgchart .node.lob .title {
            background-color: #d35400;
        }

        .orgchart .node.lob .content {
            border-color: #d35400;
        }
        /* SubLOB */
        .orgchart .node.sublob .title {
            background-color: #c0392b;
        }

        .orgchart .node.sublob .content {
            border-color: #c0392b;
        }

    #github-link {
        position: fixed;
        top: 0px;
        right: 10px;
        font-size: 3em;
    }

    .planner-table {
        font-size: 12px;
        border-collapse: collapse;
        background: #fff;
    }

        .planner-table th,
        .planner-table td {
            padding: 4px 8px;
            white-space: nowrap;
            border: none;
            border-bottom: 1px solid #eef1f5;
            color: #2e3b4e;
        }

        .planner-table thead th {
            font-weight: 600;
            font-size: 12px;
            color: #5b6b7c;
            background: #f8fafc;
            text-transform: none;
        }

        .planner-table tbody td:first-child {
            font-weight: 500;
            color: #1f2933;
        }

    .dataTables_wrapper .DTFC_LeftBodyWrapper,
    .dataTables_wrapper .DTFC_LeftHeadWrapper {
        background: #fff;
        border-right: 1px solid #e6ebf1;
    }

        .dataTables_wrapper .DTFC_LeftBodyWrapper table {
            background: #fff;
        }

    .dataTables_wrapper .dataTables_scrollHead {
        box-shadow: none;
        border-bottom: 1px solid #e6ebf1;
    }
    /*.planner-table td {
    text-align: right;
}*/

    .planner-table td:first-child {
        text-align: left;
    }

    table.dataTable thead th {
        position: sticky;
        top: 0;
        background: #f8fafc;
    }
    /* Base container */
    .select2-container--default .select2-selection--single {
        height: 34px;
        padding: 4px 10px;
        border: 1px solid #d6dde6;
        border-radius: 4px;
        background-color: #ffffff;
        font-size: 12.5px;
        color: #2e3b4e;
        display: flex;
        align-items: center;
    }
        /* Remove default arrow alignment issues */
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
            padding-right: 18px;
            line-height: normal;
            color: #2e3b4e;
        }
    /* Arrow */
    .select2-container--default .select2-selection__arrow {
        height: 100%;
        right: 6px;
    }
    /* Focus state */
    .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: #7aa7e0;
        box-shadow: 0 0 0 2px rgba(122,167,224,0.15);
    }

    .select2-dropdown {
        border: 1px solid #d6dde6;
        border-radius: 4px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.08);
        font-size: 12.5px;
    }
    /* Options */
    .select2-results__option {
        padding: 6px 10px;
        color: #2e3b4e;
    }
    /* Hover */
    .select2-results__option--highlighted {
        background-color: #eef5ff;
        color: #1f3b73;
    }
    /* Selected */
    .select2-results__option[aria-selected="true"] {
        background-color: #e6f0ff;
        color: #1f3b73;
        font-weight: 500;
    }

    .select2-search--dropdown .select2-search__field {
        border: 1px solid #d6dde6;
        border-radius: 4px;
        padding: 6px 8px;
        font-size: 12.5px;
        outline: none;
    }

        .select2-search--dropdown .select2-search__field:focus {
            border-color: #7aa7e0;
        }

    .select2-container--default .select2-selection--multiple {
        min-height: 34px;
        border: 1px solid #d6dde6;
        border-radius: 4px;
        padding: 2px 6px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background: #eef5ff;
            border: 1px solid #c7dafc;
            border-radius: 3px;
            font-size: 12px;
            padding: 2px 6px;
            color: #1f3b73;
        }
    /* Force full opacity for toastr notifications */
    #toast-container > div {
        opacity: 1 !important;
    }
    /* Force toastr to exact center of screen */
#toast-container.toast-top-center,
#toast-container.toast-top-right,
#toast-container.toast-top-left {
    top: 100px !important;
    right: 0 !important;
    left: auto !important;
    margin-left: 0 !important;
}
.forecast-table-wrapper {
    max-height: 70vh; /* vertical scroll */
    overflow-y: auto;
    overflow-x: auto; /* horizontal scroll */
    border: 1px solid #ddd;
}

    /* Optional: keep header sticky */
    .forecast-table-wrapper thead th {
        position: sticky;
        top: 0;
        background: #f8f9fa;
        z-index: 2;
        white-space: nowrap;
    }

    /* Prevent cells from wrapping */
    .forecast-table-wrapper td,
    .forecast-table-wrapper th {
        white-space: nowrap;
    }
.form-control:disabled, .form-control[readonly] {
    opacity:1 !important;
}
/* Readonly Input Styling */
input[readonly],
textarea[readonly] {
    background-color: #f3f4f6; /* soft grey */
    color: #000; /* muted text */
    border: 1px solid #e5e7eb;
    cursor: not-allowed;
}

    input[readonly]:focus,
    textarea[readonly]:focus {
        outline: none;
        box-shadow: none;
        border-color: #e5e7eb;
    }
/* Mini mode hide text properly */
/*.sidebar_minimize .nav-item a p,
.sidebar_minimize .nav-item a span,
.sidebar_minimize .nav-item a .caret {
    display: none !important;
}

.sidebar_minimize .nav-item a {
    justify-content: center !important;
}

    .sidebar_minimize .nav-item a i {
        margin-right: 0 !important;
    }*/
/* ===== CUSTOM SIDEBAR WIDTH FIX FOR KAIADMIN ===== */

/*:root {
    --sidebar-full-width: 240px;*/ /* change this if needed */
    /*--sidebar-mini-width: 75px;
}*/

/* Normal sidebar */
/*.sidebar {
    width: var(--sidebar-full-width) !important;
}*/

/* Main panel width correction */
/*.main-panel,
.main-header {
    width: calc(100% - var(--sidebar-full-width)) !important;
}*/

/* Mini mode */
/*.sidebar_minimize .sidebar {
    width: var(--sidebar-mini-width) !important;
}

.sidebar_minimize .main-panel,
.sidebar_minimize .main-header {
    width: calc(100% - var(--sidebar-mini-width)) !important;
}*/

/* Hover expand */
/*.sidebar_minimize.sidebar_minimize_hover .sidebar {
    width: var(--sidebar-full-width) !important;
}*/
/* Hide text in mini mode */
/*.sidebar_minimize .nav-item a p,
.sidebar_minimize .nav-item a span,
.sidebar_minimize .nav-item a .caret {
    display: none !important;
}*/

/* Center icons */
/*.sidebar_minimize .nav-item a {
    justify-content: center !important;
}

.sidebar_minimize .nav-item a i {
    margin-right: 0 !important;
}*/