/* ================= DARK MODE ================= */
.dark-mode .btn-outline-primary{
    color: #d0d4db;
}
/* ================= DARK MODE ================= */

.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #343a40 inset !important;
}

.dark-mode input:disabled {
    background-color: #2c3035 !important;
}


.dm-bg {
    background-color: #343a40 !important;
    color: #d0d4db !important;
    border-color: #343a40;
}

.dm-bg a {
    color: #d0d4db !important;
}

.dark-mode .content-wrapper,
.dark-mode .card,
.dark-mode .card .card
{
    color: #f1f1f1;
}

.dark-mode .control-sidebar-light{
    color: #f1f1f1;
    background-color: #1a1a1a;
    border-color: #545454;
}

.tabulator.table-dark .tabulator-row {
    color: #f1f1f1;
}

.dark-mode .tabulator .table-dark.tabulator-footer {
    background-color: transparent;
}

.dark-mode #table-filtered-text{
    color: #f1f1f1;
}

.table-dark .tabulator-row .tabulator-cell {
    border-color: #32383e;

}

.dark-mode .select2-container--bootstrap4 .select2-selection,
.dark-mode .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
.dark-mode .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input:focus,
.dark-mode .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea,
.dark-mode .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea:focus {
    background-color: transparent;
    color: #f1f1f1;
    border-color: #343a40 ;
}

/* .dark-mode .tabulator-frozen */
/* .dark-mode .tabulator.table-striped.table-dark .tabulator-row:nth-child(2n) .tabulator-cell.tabulator-frozen {
    background-color: red !important;
} */
.dark-mode .tabulator.table-dark .tabulator-row.tabulator-selected{
    color: black;
}

.dark-mode .tabulator.table-striped.table-dark .tabulator-row:nth-child(2n).tabulator-selected .tabulator-cell.tabulator-frozen  {
    background-color: #9fbfeb;
}
.dark-mode .tabulator.table-striped.table-dark .tabulator-row:nth-child(2n) .tabulator-cell.tabulator-frozen {
    background-color: #2c3034;
}
/* .dark-mode .tabulator.table-striped.table-dark .tabulator-row:nth-child(2n) .tabulator-cell.tabulator-frozen {
    background-color: #2c3034;
} */

.dark-mode .tabulator {
    border-color: #212529;
}

.dark-mode .program-arhiva {
    /* background-color: #828282 !important; */
    background-color: #545454 !important;
    color : #788396 !important;
}
.dark-mode .program-arhiva.tabulator-selected {
    background-color: #9abcea !important;
}
.dark-mode .program-present {
    background-color: rgb(217, 178, 37) !important;
    color:white !important;
}
.dark-mode .program-present.tabulator-selected {
    background-color: rgb(151, 122, 21, 1) !important;
    color:black !important;
}
.dark-mode .imprumuturi-intarziate {
    background-color: rgb(255, 0, 0, 0.2) !important;
}
.dark-mode .imprumuturi-intarziate.tabulator-selected {
    background-color: rgb(255, 0, 0, 0.7) !important;
}

.dark-mode .program-arhiva:hover,
.dark-mode .program-present:hover,
.dark-mode .imprumuturi-intarziate:hover
{
    /* background-color: rgb(0, 0, 0, 0.1) !important; */
    filter: brightness(80%) !important;
}

/* toatui calendar */
.dark-mode .toastui-calendar-weekday-event-dot+.toastui-calendar-weekday-event-title strong,
.dark-mode .toastui-calendar-weekday-event-dot+.toastui-calendar-weekday-event-title {
    color: #f1f1f1;
}
.dark-mode .toastui-calendar-more-title-date,
.dark-mode .toastui-calendar-more-title-day
 {
    color: #f1f1f1;
}

.dark-mode .toastui-calendar-daygrid-cell+.toastui-calendar-daygrid-cell,
.dark-mode .toastui-calendar-weekday-grid
{
    border-color: lightslategrey !important;
    /* border-color: black !important; */
    /* border-color: #bcabae !important; */
}

.dark-mode .select2-selection.select2-selection--multiple,
.dark-mode .select2-selection.select2-selection--single {
    border-color: #6c757d;
}

.dark-mode .select2-selection__rendered{
    color: #f1f1f1 !important;
}

.dark-mode .select2-selection__clear{
    color:#000;
}

/* .dark-mode .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(.disabled):hover { */
.dark-mode .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(.disabled){
    color: grey;
}

.dark-mode .tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
    color: #f1f1f1;
}

.dark-mode .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(.disabled):hover {
    color:#000
}

.dark-mode .tabulator .tabulator-footer .tabulator-page {
    border: none;
}

.dark-mode .tabulator .tabulator-footer .tabulator-page.active{
    color: #fff !important;
}

.dark-mode .tabulator .tabulator-footer .tabulator-page.active:hover{
    color:#000 !important;
}

/* .dark-mode .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover { */
.dark-mode .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled) {
    /* cursor: pointer;
    background: #f9f9f9; */
    background-color: #212529;
    color: #f1f1f1;
}
.dark-mode .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    filter: brightness(80%);
    color: white;
}

.dark-mode .table .table-secondary{
    color: #000;
}

.dark-mode .info-box .info-box-content h5{
    color: #f1f1f1 !important;
}

/* ================= BLACK MODE ================= */

.bg-black{
    background-color: #000;
    color: #c9c9c9;
    /* color: #f1f1f1; asta e mai deschis cel c9c9c9, dar mai inchis decat alb*/
}

.bg-black .fake-accordion-header.expanded {
    background-color: #0e1722;
}

.bg-black .fake-accordion .borderline{
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.bg-black .fake-accordion-body {
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.bg-black .table thead th,
.bg-black .table td, .table th
{
    /* border-bottom: 2px solid grey; */
    /* border-color: grey; */
    border-color: rgba(255,255,255,.125);
}

/* @media (prefers-color-scheme: dark) {
    body {
      background: black;
    }
} */