/* Custom AdminLTE Overrides */

/* Add your custom styles here. These will override the default AdminLTE styles */

/* Example overrides: */
.content-wrapper {
    background: #f4f6f9;
}

.main-sidebar {
    background-color: #008087;
}

.navbar-white {
    background-color: #ffffff;
}
.breadcrumb a:not(.btn):hover {
    color: #ffffff;
    text-decoration: underline;
 }
.dark-mode .btn-primary,
.light-mode .btn-primary {
    color: #fff;
    background-color: #008087;
    border-color: #008087;
    box-shadow: none;
}
.dark-mode .btn-primary:hover,
.light-mode .btn-primary:hover {
    color: #fff;
    background-color: #00a0a9;
    border-color: #00a0a9;
}

.dark-mode .btn-primary:not(:disabled):not(.disabled).active, .light-mode .btn-primary:not(:disabled):not(.disabled).active, .show> .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00a0a9;
    border-color: #00a0a9;
}

.light-mode .small-box {
    color:#ffffff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #066d72;
    color: #fff;
    box-shadow: none;
}

.table thead th {
    font-size: 12px;
    text-transform: uppercase;
}

.breadcrumb {
    background-color: #008087;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.breadcrumb a {
    color: #fff;
    font-size:1.8rem;
}
.breadcrumb span {
    color: #fff;
    font-size:1.8rem;
}
.dark-mode .page-item.active .page-link, 
.page-item.active .page-link {
    background-color: #008087;
    border-color: #008087;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #004b4f;
    background-color: #004b4f;
    box-shadow: none;
}

.small-box .info-box-text {
    font-size: 1rem;
}

.small-box .info-box-number {
    font-size:2.2rem !important;
}

.select2-container--default .select2-selection--multiple {
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--multiple textarea {
    border:none !important  ;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #008087;
    border:none !important;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left:10px !important;
}

hr {
    height: 1px;
    width: 100%;
    background-color: #005459;
}

.nav-tabs .nav-link, 
.nav-tabs .nav-link:hover {
    color:#ffffff !important;
}