/* ==========================================================================
   BASE LINK STYLING
   ========================================================================== */
a {
    color: var(--link-color);
}
a:focus, a:hover {
    color: var(--link-color-hover);
}

/* ==========================================================================
   HEADER THEME COLORS
   ========================================================================== */
.main-header {
    background-color: var(--header-bg);
}
.main-header .navbar .nav > li > a, .main-header .navbar .sidebar-toggle {
    color: #000000;
}
.main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:focus, .main-header .navbar .nav > li > a:active, .main-header .navbar .sidebar-toggle:hover {
    color: red;
    background-color: blue;
}

/* ==========================================================================
   SIDEBAR THEME COLORS
   ========================================================================== */
.sidebar {
    background-color: var(--sidebar-bg);
}
.sidebar a {
    color: #120f2e;
}
.sidebar a:hover {
    text-decoration: none;
    color: #ffffff;
}
.sidebar-menu > li.header {
    color: #4b646f;
}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
    color: var(--sidebar-on-text);
    background: var(--sidebar-on-bg);
    opacity: 0.8;
}
.sidebar-menu .treeview-menu > li > a {
    color: #000000;
}
.sidebar-menu .treeview-menu > li > a:hover, .sidebar-menu .treeview-menu > li > a:focus, .sidebar-menu .treeview-menu > li.active > a {
    color: var(--sidebar-sub-on-text);
    background-color: var(--sidebar-sub-on-bg);
    text-decoration: none;
    border-radius: 7px;
}
.sidebar-menu .treeview-menu > li > a:hover .fa {
    color: inherit;
}

/* ==========================================================================
   BUTTON THEME STYLING
   ========================================================================== */
.btn, a.btn {
    background-color: var(--btn-bg);
    color: var(--btn-text);
}
.btn:hover, .btn:active, .btn.hover {
    background-color: var(--btn-on-bg);
    color: var(--btn-on-text);
}

/* ==========================================================================
   TABLE THEME STYLING
   ========================================================================== */
thead th {
    background: var(--table-header-bg);
    color: var(--table-header-text);
}
tbody td {
    border-bottom-color: #e2e8f0;
}
tbody tr:hover td {
    background: var(--table-row-bg-hover);
}

/* ==========================================================================
   DROPDOWN THEME COLORS
   ========================================================================== */
.dropdown-menu {
    box-shadow: none;
    border-color: #eee;
    background-color: #ffffff;
}
.dropdown-menu > li > a {
    color: #777;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > li > a:hover {
    background-color: #e1e3e9;
    color: #333;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #777;
}
.dropdown-menu .divider {
    background-color: #e5e5e5;
}

/* ==========================================================================
   FORM THEME COLORS
   ========================================================================== */
.form-control {
    color: #555;
    background-color: #ffffff;
}
.form-control::-moz-placeholder {
    color: #999;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
}
.input-group .input-group-addon {
    background-color: #ffffff;
    color: #555;
    background-color: #eee;
}

/* ==========================================================================
   COMPONENT THEME COLORS
   ========================================================================== */
.content-wrapper {
    background-color: #ecf0f5;
}
.small-box > .small-box-footer {
    color: #ffffff;
}
.small-box > .small-box-footer:hover {
    color: #ffffff;
}
.small-box p > small {
    color: #f9f9f9;
}
.small-box:hover {
    color: #f9f9f9;
}
.info-box {
    background: #f9f9f9;
}
.box {
    background: #ffffff;
}
.box-header {
    color: #444;
}
.box-footer {
    background-color: #ffffff;
}
.box .overlay .fa-refresh {
    color: #555;
}

/* ==========================================================================
   NAVIGATION THEME COLORS
   ========================================================================== */
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #eee;
}
.nav > li.disabled > a {
    color: #777;
}
.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    background-color: transparent;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
}
.nav .nav-divider {
    background-color: #e5e5e5;
}
.nav-tabs-custom {
    background: #ffffff;
}
.nav-tabs-custom > .nav-tabs > li > a {
    color: #444;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
    color: #999;
}
.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #D5378B;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #ffffff;
    color: #444;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li.header {
    color: #444;
}
.nav-tabs-custom > .tab-content {
    background: #ffffff;
}
.nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus {
    color: #999;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #ffffff;
}
.nav-tabs > li > a:hover {
    border-color: var(--border-light) var(--border-light) #ddd;
}

/* ==========================================================================
   SELECT2 THEME COLORS
   ========================================================================== */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #ffffff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #ffffff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffffff;
}

/* ==========================================================================
   RESPONSIVE STYLING ADJUSTMENTS
   ========================================================================== */
@media (max-width: 767px) {
    .main-header .dropdown-menu li.divider {

    }
    .main-header .dropdown-menu li a {
        color: #ffffff;
    }
    .main-header .dropdown-menu li a:hover {
        background: #d73925;
    }
}