:root {
    --primary-bg-color: #2b333b;
    --secondary-bg-color: #303841;
    --input-bg-color: #36404a;
    --primary-txt-color: #fff
}
body, html {
    background-color: var(--primary-bg-color) !important
}

input {
    color-scheme: dark
}

.breadcrumb > .active, .dropdown-menu-lg .media-body p, .text-muted, body, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, tbody {
    color: #98a6ad
}

h1, h2, h3, h4, h5, h6 {
    color: rgba(255, 255, 255, .6);
    margin: 10px 0
}

.app-search .form-control, .app-search .form-control:focus, a:hover {
    color: #fff
}

.card-box {
    border: 2px solid rgba(255, 255, 255, .07);
    background-color: #323b44
}

.form-control, .form-control:focus {
    color: #fff;
    background-color: #36404a
}

th {
    color: #eee
}

.table > thead > tr > th {
    border-bottom: 2px solid rgba(255, 255, 255, .15)
}

.logo {
    color: #fff !important
}

.modal .modal-dialog .modal-content, .select2-container--default .select2-selection--multiple, .select2-dropdown {
    background-color: #36404a
}

.select2-selection--multiple, form-control {
    border: 2px solid rgba(238, 238, 238, .1)
}

.form-control:focus {
    border: 2px solid rgba(238, 238, 238, .3)
}

div:where(.swal2-container) div:where(.swal2-popup) {
    background: rgba(0, 0, 0, .9) !important
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    background: rgba(0, 0, 0, .3)
}

.table-bordered, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.select2-container .select2-selection--multiple {
    min-height: 36px !important;
    background-color: #36404a;
    border: 1px solid #ccc !important
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #46505a;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #fff;
    padding: 0 7px
}

.nav.nav-tabs + .tab-content {
    background: var(--secondary-bg-color);
}