/* DataTable Top Buttons */
.dt-buttons {
    margin-top: 7px !important;
}
.dt-button {
    font-size: 10px !important;
    padding: 4px 10px 4px 10px !important;
}
.buttons-copy {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #343a40 !important;
}
.buttons-csv {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #343a40 !important;
}
.buttons-print {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #343a40 !important;
}

/* DataTable */
.dataTables_filter,
.dataTables_length {
    margin-bottom: 0px !important;
    margin-top: -27px !important;
    text-align: right !important;
}
.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

/* Select 2 */
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #539bff !important;
    border-color: #539bff !important;
    color: #fff !important;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    background-color: #539bff !important;
    border-color: #539bff !important;
    color: #fff !important;
}
/* my */
.btn-info {
    --bs-btn-color: #ffffff; /* white text */
    --bs-btn-bg: #1a1a1a; /* very dark grey/near black background */
    --bs-btn-border-color: #333333; /* dark grey border */

    --bs-btn-hover-color: #ffffff; /* white text on hover */
    --bs-btn-hover-bg: #333333; /* lighter dark grey background on hover */
    --bs-btn-hover-border-color: #4d4d4d; /* slightly lighter border on hover */

    --bs-btn-focus-shadow-rgb: 100, 100, 100; /* subtle grey shadow for focus */

    --bs-btn-active-color: #ffffff; /* white text on active */
    --bs-btn-active-bg: #4d4d4d; /* mid-dark grey background on active */
    --bs-btn-active-border-color: #666666; /* medium grey border on active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); /* subtle inset shadow */

    --bs-btn-disabled-color: #b3b3b3; /* light grey text for disabled */
    --bs-btn-disabled-bg: #1a1a1a; /* same dark background for disabled */
    --bs-btn-disabled-border-color: #333333; /* dark grey border */
}
/* DataTables pagination - current button in black theme */
.table-responsive
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button.current {
    color: #ffffff; /* white text */
    background-color: #1a1a1a; /* pure black background */
    border-color: #333333; /* subtle dark grey border */
}
a {
    color: #56657f;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(
        26,
        26,
        26,
        var(--bs-bg-opacity)
    ) !important; /* Very dark grey */
}

.form-check-input:checked {
    background-color: #333333; /* dark grey background when checked */
    border-color: #4d4d4d; /* slightly lighter grey border */
}
.bg-info {
    --bs-bg-opacity: 1;
    background-color: #ffffff !important; /* white background */
    color: #333333 !important; /* dark grey text */
    border: 1px solid #333333 !important; /* matching grey border */
    transition: all 0.3s ease;
}

.bg-info:hover {
    background-color: #333333 !important; /* dark grey on hover */
    color: #ffffff !important; /* white text on hover */
    border-color: #333333 !important; /* keep border dark */
}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
    background-color: #333333; /* Medium-dark grey for active sidebar item */
    color: #ffffff; /* White text for readability */
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    color: #000000;
}

.btn-outline-info {
    --bs-btn-color: #38393d;
    --bs-btn-border-color: #38393d;
}
a:hover {
    color: #1a1a1a;
}
.form-control {
    color: #000;
    border: 1px solid #000;
}
.form-select{
    color: #000;
    border: 1px solid #000;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #000 !important;
}
.card {
    color: #000;
}

.form-control:focus {
    color: #000 !important;
    background-color: #fcecec !important;
    border-color: #000 !important;
}
.table>:not(caption)>*>* {

    color: #333333;
}

/* PRIYANKA */
.card-title{
    font-size: 22px;
}
.small, small {
    font-size: 1.1em !important;
}
.table-dark{
    --bs-table-bg: #e1d6d6 !important;
}


/* Table header style */
.tablehead {
    background-color: #b0d4f1  !important;
    color: #212529  !important;
}

.tablebody td{
    background-color: #e6f4fa   !important;
}

/* Table body cells */
#datatable tbody td {
    background-color: #e6f4fa  !important; /* soft mint matching header */
}

.tablebody{
    background-color: #e6f4fa   !important;
}
b, strong {
    font-weight: 700;
    color: #333333;
}
p {
    margin-top: 0;
    color: #333333;
    margin-bottom: 1rem;
}