/* ------ THEME SETTINGS ------ */

:root {
    --navLinkColor: #333;
    --navLinkHover: #212529;
    --bwMainTextColor: #000;
    --bwMainBgColor: #fff;
    --absoluteBlack: #000;

    --mainBg: #ffffff;
    --secondaryBg: #dee2e6;
    --tertiaryBg: #444;


    --mainText: #212529;
    --secondaryText: #333;
    --tertiaryText: #eee;
    --offText: #999;
    --hoverText: #333;

    --dateSelectHover: #357ebd;
    --dateRangeColor: #ebf4f8;
    --dateBorderColor: #ddd;

    --dropDownInputColor: #fff;
    --dropDownInputSelectedColor: #dee2e6;
    --inputBorder: #aaa;

    --btnPrimaryColor: #0d6efd;
    --btnPrimaryHover: #0b5ed7;
    --btnPrimaryActive: #0a58ca;
    --btnPrimarySecondary: #5897fb;
    --btnPrimaryTertiary: #6ea8fe;
    

    --tableColor1: #FCE4EC;
    --tableColor2: #E6E6FA;
    --tableColor3: #E0E0F8;
    --tableColor4: #B0E0E6;
    --tableColor5: #D0FFFF;
    --tableColor6: #F5F5DC;
    --tableColor7: #FAFAD2;
    --tableColor8: #FFE4B5;
    --tableColor9: #98FB98;
    --tableColor10: #BFEFFF;
    --tableColor11: #FFF8DC;
    --tableColor12: #F4CCCC;
    --tableColor13: #FAFAD2;
    --tableColor14: #FFEFD5;
    --tableColor15: #FFFAFA;
    --tableColor16: #D3D3D3;
    --tableColor17: #E6E6FA;
    --tableColor18: #FFF0F5;
    --tableColor19: #F08080;
    --tableColor20: #FFB6C1;
    --tableColor21: #FFA07A;
    --tableColor22: #FFFF00;
    --tableColor23: #AFEEEE;
    --tableColor24: #FFB6C1;
    --tableColor25: #FFFACD;
    --coloredTableText: #444;

    --boxShadow-m: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

[data-bs-theme=dark] {
    --navLinkColor: rgba(222, 226, 230, 0.75);
    --navLinkHover: #212529;
    --bwMainTextColor: #fff;
    --bwMainBgColor: #000;
    --coloredTableText: #444;
    --absoluteBlack: #000;
    
    --mainBg: #212529;
    --secondaryBg: #495057;
    --tertiaryBg: #444;

    --mainText: #ffffff;
    --secondaryText: #eeeeee;
    --tertiaryText: #dee2e6;
    --offText: #999;
    --hoverText: #333;

    --dateSelectHover: #0d6efd;
    --dateRangeColor: #dee2e6;
    --dateBorderColor: #999;

    --dropDownInputColor: #444444;
    --dropDownInputSelectedColor: #444444;
    --inputBorder: #444444;

    /* --btnPrimaryColor: #712cf9;
    --btnPrimaryHover: #5a23c8;
    --btnPrimaryActive: #5a23c8;
    --btnPrimarySecondary: #6528e0;
    --btnPrimaryTertiary: #5a23c8; */

    --boxShadow-m: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}


/* ------ /THEME SETTINGS ------ */

/* ------ Base settings ------ */

.table-color-type-1 {background-color: var(--tableColor1)!important;}
.table-color-type-2 {background-color: var(--tableColor2)!important;}
.table-color-type-3 {background-color: var(--tableColor3)!important;}
.table-color-type-4 {background-color: var(--tableColor4)!important;}
.table-color-type-5 {background-color: var(--tableColor5)!important;}
.table-color-type-6 {background-color: var(--tableColor6)!important;}
.table-color-type-7 {background-color: var(--tableColor7)!important;}
.table-color-type-8 {background-color: var(--tableColor8)!important;}
.table-color-type-9 {background-color: var(--tableColor9)!important;}
.table-color-type-10{background-color: var(--tableColor10)!important;}
.table-color-type-11{background-color: var(--tableColor11)!important;}
.table-color-type-12{background-color: var(--tableColor12)!important;}
.table-color-type-13{background-color: var(--tableColor13)!important;}
.table-color-type-14{background-color: var(--tableColor14)!important;}
.table-color-type-15{background-color: var(--tableColor15)!important;}
.table-color-type-16{background-color: var(--tableColor16)!important;}
.table-color-type-17{background-color: var(--tableColor17)!important;}
.table-color-type-18{background-color: var(--tableColor18)!important;}
.table-color-type-19{background-color: var(--tableColor19)!important;}
.table-color-type-20{background-color: var(--tableColor20)!important;}
.table-color-type-21{background-color: var(--tableColor21)!important;}
.table-color-type-22{background-color: var(--tableColor22)!important;}
.table-color-type-23{background-color: var(--tableColor23)!important;}
.table-color-type-24{background-color: var(--tableColor24)!important;}
.table-color-type-25{background-color: var(--tableColor25)!important;}

[class*="table-color-type"] {
    color: var(--coloredTableText)!important;
}

.colored-row td {
    color: var(--absoluteBlack);
}

/* ------ Page modifications ------ */

/* Sidebar */

.sidebar .nav-link {
    color: var(--navLinkColor);
}

.sidebar .nav-item:hover .nav-link {
    color: var(--navLinkHover);
}

/* /Sidebar */

/* Inputs */

input, .select2-container--default .select2-selection--single {
    background-color: var(--mainBg)!important;
    color: var(--mainText);
}

input.select2-search__field {
    background-color: var(--dropDownInputColor)!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--mainText)!important;
}

input, .select2-container--default .select2-selection--single {
    border-color: var(--inputBorder)!important;
}

.select2-dropdown {
    background-color: var(--mainBg)!important;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--dropDownInputSelectedColor)!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--btnPrimaryColor)!important;
}

/* /Inputs */

/* Buttons */

.btn-primary {
    background: var(--btnPrimaryColor)!important;
    border-color: var(--btnPrimaryColor)!important;
}

.btn-primary:hover {
    background: var(--btnPrimaryHover)!important;
    border-color: var(--btnPrimaryHover)!important;
}

.btn-primary:focus,
.btn-primary:active {
    background: var(--btnPrimaryActive)!important;
    border-color: var(--selectedActive)!important;
}

/* /Buttons */

/* Daterange */

.daterangepicker {
    background-color: var(--mainBg)!important;
    color: var(--mainText)!important;
    box-shadow: var(--boxShadow-m);
}

.daterangepicker,
.daterangepicker .calendar-table,
.daterangepicker .drp-buttons {
    border-color: var(--dateBorderColor)!important;
}
    
.daterangepicker td.off {
    color: var(--offText)!important;
}

.daterangepicker td.active:not(.off),
.daterangepicker td.active:not(.off):hover {
    background-color: var(--dateSelectHover)!important;
}

.daterangepicker td.available:not(.off):not(.active):hover {
    color: var(--hoverText)!important;
}

.daterangepicker .calendar-table, .daterangepicker td.off {
    background-color: var(--mainBg)!important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: var(--bwMainTextColor)!important;
}

.daterangepicker td.in-range {
    background-color: var(--dateRangeColor)!important;
}


/* /Daterange */

/* ------ /Page modifications ------ */