﻿

html.darkmode body {
    color: #dedad6;
    background-color: #292929;
}
html.darkmode label {
    color: #dedad6;
}

html.darkmode .bg-white {
    background-color: #292929 !important;
}
html.darkmode button.btn {
    color: #dedad6;
}
html.darkmode button.btn-danger {
    background-color: #dc3545;
}
    html.darkmode button.btn-danger:hover {
        background-color: #bb2d3b;
    }


html.darkmode .table-bordered {
    border-color: #444;
}
html.darkmode thead th, html.darkmode tbody td {
    color: #dedad6;
    border-color: #444;
}
html.darkmode div.div-scrollable {
    border-color: #444;
}


/*html.darkmode label, html.darkmode h1, html.darkmode h2, html.darkmode h3, html.darkmode h4, html.darkmode h5, html.darkmode h6,
html.darkmode th, html.darkmode td {
    color: #ccc;
}*/

html.darkmode .bg-bds-secondary {
    background-color: #7d4935 !important;
}

html.darkmode .bg-highlight {
    background-color: #651 !important;
}

html.darkmode .text-muted {
    color: #666 !important;
}


html.darkmode .form-input, html.darkmode textarea, html.darkmode .form-control, html.darkmode .form-select {
    color: #b6afa8;
    border-color: #555;
    background-color: #292929;
}

    html.darkmode .form-control::placeholder {
        color: #666666;
    }

html.darkmode .form-select {
    background-image: url("/images/select-bg-arrow.svg");
}

html.darkmode input[readonly], html.darkmode select[readonly], html.darkmode textarea[readonly] {
    color: #a99;
    background-color: #191919;
}
html.darkmode input[disabled], html.darkmode select[disabled], html.darkmode textarea[disabled] {
    color: #a99;
    background-color: #191919;
}

html.darkmode .btn-grey {
    color: #b6afa8;
    border-color: #555;
    background-color: #393939;
}
html.darkmode .btn-grey:hover {
    color: #a9a;
    background-color: #222;
}

html.darkmode .form-control {
    background-color: #292929;
}


html.darkmode .form-changed {
    background-color: #530 !important;
}

    html.darkmode .form-changed[readonly], html.darkmode .form-changed[disabled] {
        background-color: #3b2000 !important;
    }

html.darkmode .form-invalid {
    background-color: #512 !important;
}

    html.darkmode .form-invalid[readonly], html.darkmode .form-invalid[disabled] {
        background-color: #301 !important;
    }

html.darkmode .nav-pills .nav-bds.nav-link.active {
    background-color: #750000;
}



html.darkmode thead.sticky tr:nth-child(1) th {
    background-color: #111;
}

html.darkmode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.45);
}

html.darkmode .table-striped tbody tr:hover {
    color: #b6afa8;
    background-color: #444 !important;
}

html.darkmode tbody tr.selected {
    background-color: #555 !important;
}

html.darkmode .border-top, html.darkmode .border-bottom, html.darkmode .border-left, html.darkmode .border-right, html.darkmode .border, html.darkmode {
    border-color: #444 !important;
}

    html.darkmode .border-dark {
        border-color: #777 !important;
    }

html.darkmode .dropdown-divider {
    border-color: #555;
}

html.darkmode hr {
    border-color: #444;
}


html.darkmode .dropdown-menu {
    color: #b6afa8;
    border-color: #555;
    background-color: #292929;
}

html.darkmode .dropdown-item {
    color: #b6afa8;
    /*background-color: #292929;*/
}
    html.darkmode .dropdown-item:hover, html.darkmode .dropdown-item:focus, html.darkmode .dropdown-item:active {
        color: #a9a;
        background-color: #222;
    }
html.darkmode .dropdown-item.active {
    color: #fff;
    background-color: #007bff;
}


html.darkmode .btn-EmailList {
    color: #b6afa8;
    border-color: #555;
    background-color: #363636;
}
html.darkmode .btn-EmailList:hover {
    border-color: #555;
    background-color: #424242;
}
html.darkmode .btn-EmailList.selected {
    border-color: #444;
    background-color: #222;
}