@media (prefers-color-scheme: dark) {

    body {
        background-color:#111!important;
        color: #ccc !important;
    }

    .external_content {
        background-color:#333!important;
    }

    h1,
    label {
        color:#ccc!important;
    }

    a {
        color:#ccc!important;
        text-decoration:underline!important;
    }
    select,
    input {
        background-color:#333!important;
        color:#ccc!important;
        border-color:#555!important;
        border-width:1px!important;
        border-style:solid!important;
    }
    .external_btn_hidden {
        background-color: #00657a!important;
        border-color: #00657a!important;
    }
    .btn-success {
        color:#ccc!important;
        background-color:#006600!important;
        border-color:#006600!important;
    }
    .btn-success:focus,
    .btn-success:hover {
        color:#ccc!important;
        background-color:#005500!important;
        border-color:#005500!important;
    }
    .btn-warning {
        background-color:#c59f35!important;
        border-color:#c59f35!important;
        color:#000!important;
    }
    .btn-warning:focus,
    .btn-warning:hover {
        background-color:#917426!important;
        border-color:#917426!important;
    }
    .btn-danger {
        background-color:#900000!important;
        border-color:#900000!important;
        color:#ccc!important;
    }
    .btn-danger:focus,
    .btn-danger:hover {
        background-color:#800000!important;
        border-color:#800000!important;
        color:#ccc!important;
    }
    .btn-info,
    .btn-primary {
        color:#ccc!important;
        background-color:#00657a!important;
        border-color:#00657a!important;
    }
    .btn-info:hover,
    .btn-primary:hover {
        color:#ccc !important;
        background-color:#004e5e !important;
        border-color:#004e5e !important;
    }
    .btn-info:hover {
        background-color:#005668!important;
        border-color:#005668!important;
    }
    .external_info {
        background-color:#00657a!important;
        color:#ccc!important;
    }
    .external_warning {
        background-color:#94782a!important;
        border-color:#6e591f!important;
        color:#ccc!important;
    }
    .external_error {
        background-color:#ad1f1f!important;
        border-color:#962222!important;
        color:#ccc!important;
    }
    .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td,
    .table-bordered {
        border: 1px solid #555!important;
    }
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color:#222!important;
    }
    .table-error {
        background-color:#800000!important;
    }
    .table-success {
        background-color:#006600!important;
    }
    .external_success {
        background-color:#006600!important;
        color:#ccc!important;
    }
}