/* Styling for dark mode. */

:root {
    color-scheme: dark;
}

body {
    background-color: #1f1f1f;
    color: white;
}

h1, h2, h3, h4, h5, h6, p.heading-text {
    color: #BDBDE6;
}

.less-subtle {
    color: #BDBDE6;
}

p {
    color: white;
}

a {
    color: #A6A7DC;
}

    a:hover {
        color: #A6A7DC; 
    }

label {
    color: white;
}

.select {
    background-color: #323131;
    border-color: #393836;
    color: white;
}

select.setUserPrefs {
    background-color: #323131;
    border-color: #393836;
    color: white;
}

.case-text {
    color: white;
}

.works-text {
    color: #237B4B;
}

.fails-text {
    color: #8E192E;
}

.panel.panel-default {
    border-color: #393836;
    border-radius: 1px;
    background-color: #2f2f2f;
}

a.panel-title.toggle-collapse:hover {
    color: white;
    text-decoration: none;
}

.panel-default>.panel-heading {
    background-color: black;
    color: white;
    text-overflow: ellipsis;
    border-color: #393836;
    border-radius: 1px;
}

.panel-heading.group-panel-heading {
    background-color: black;
    color: white;
    text-overflow: ellipsis;
    border-color: #393836;
    border-radius: 1px;
}

.panel-warning .panel-heading.case-panel-heading {
    background-color: #a58a00 !important;
}

.panel-body {
    background-color: black;
    color: white;
    border-color: #393836;
    border-top: 1px solid #393836 !important;
}

.panel-body.group-panel-body {
    background-color: black;
    color: white;
    border-color: #393836;
    border-top: 1px solid #393836 !important;
}

.panel-heading.case-panel-heading {
    background-color: black;
    color: white;
    border-color: #393836;
    border-radius: 1px;
}

.panel-body.case-panel-body {
    padding: 4px;
    background-color: black;
    color: white;
    border-color: #393836 !important;
}

.panel-footer.case-panel-footer {
    padding: 1px 0px 1px 8px;
    background-color: #1f1f1f;
    color: white;
    border-color: #393836;
}

.panel-heading.options-panel-heading {
    background-color: black;
    color: white;
    border-color: #393836;
    border-radius: 1px;
}

.panel-body.options-panel-body {
    padding: 4px;
    background-color: black;
    color: white;
    border-color: #393836 !important;
}

.panel-heading.freq-panel-heading {
    background-color: black;
    color: white;
    border-color: #393836;
    border-radius: 1px;
}

.panel-body.freq-panel-body {
    padding: 4px;
    background-color: black;
    color: white;
    border-color: #393836 !important;
}

.panel-footer.freq-panel-footer {
    padding: 1px 0px 1px 8px;
    background-color: #1f1f1f;
    color: white;
    border-color: #393836;
}

/**
.btn-container.no-client-checkboxes {
    margin: initial;
}
*/

.well {
    padding: 6px;
    background-color: #323131;
    color: white;
    border-color: #393836;
}

.btn-group.btn-group-justified {
    display: initial;
}

.btn {
    background-color: #323131 !important;
    border-color: #393836 !important;
    color: white !important;
}

    .btn:hover {
        background-color: black !important;
        border-color: #393836 !important;
        color: white !important;
    }

    .btn:disabled {
        background-color: #323131 !important;
        border-color: #393836 !important;
        color: white !important;
    }

.btn.active {
    background-color: black !important;
}

.fa-thumbs-up {
    color: #237B4B;
}

.fa-thumbs-down {
    color: #8E192E;
}

.fa-comment {
    color: #6264A7;
}

/* Modals */

.modal-header {
    background-color: #1f1f1f;
    color: white;
    border-bottom: 1px solid #393836;
}

.modal-body {
    background-color: black;
    color: white;
}

.modal-footer {
    background-color: #1f1f1f;
    color: white;
    border-top: 1px solid #393836;
}

input.form-control {
    background-color: #323131;
    border-color: #393836;
    color: white;
}
    input.form-control:disabled {
        background-color: #323131;
    }

textarea.form-control {
    background-color: #323131;
    border-color: #393836;
    color: white;
}

select.form-control {
    background-color: #323131;
    border-color: #393836;
    color: white;
}

#commentField {
    background-color: #323131;
    border-color: #393836;
    color: white;
}

button.close {
    color: white;
}

hr {
    border-top: 1px solid #323131;
}

footer.footer {
    background-color: #323131;
    border-top: 1px solid black;
}

footer.footer p {
    color: white;
    
}

.progress {
    background-color: black;
}

/* Tables */

table.table {
    background-color: black;
}

table.table.sections-table {
    background-color: black !important;
}

table.dataTable {
    border: 1px solid #393836;
}

tr {
    border: 1px solid #393836 !important;
}

th {
    color: white;
    border: 1px solid #393836 !important;
}

td {
    color: white;
    border: 1px solid #393836 !important;
}


.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #3e1313 !important;
}

/* Sidebar nav */

.navbar-fixed-side {
    background-color: black;
    color: white;
}

.navItem {
    color: #A6A7DC !important;
}

    .navItem:hover {
        color: #A6A7DC !important;
        background-color: #202020 !important;
    }
    .navItem.active {
        color: #A6A7DC !important;
        background-color: #202020 !important;
    }

.navbar-fixed-side .navbar-nav .dropdown-menu > .active > a {
    background-color: black;
    color: white;
}

.navbar-fixed-side .navbar-nav > li > a:hover, .navbar-fixed-side .navbar-nav > li > a:focus, .navbar-fixed-side .navbar-nav .dropdown-menu > li > a:hover, .navbar-fixed-side .navbar-nav .dropdown-menu > li > a:focus {
    background-color: black;
    color: white;
}

/* Language select */
.multiselect-option {
    line-height: unset;
    margin-top: 0px;
    background-color: black;
    color: white;
    border: 0px;
    display: block;
    width: 100%;
    text-align: left;
}

    .multiselect-option:hover {
        background-color: #202020;
        color: white;
    }

.navItem:hover {
    cursor: pointer;
}

#sevAWarning {
    color: #FF6D7E;
    font-weight: bold;
    font-size: 15px;
}

.alert-warning {
    background-color: #b06900;
}

ol.progtrckr li.progtrckr-done {
    color: white !important;
}

ol.progtrckr li.progtrckr-todo {
    color: #999999 !important;
}

    ol.progtrckr li.progtrckr-todo:before {
        background-color: #2f2f2f !important;
    }