/*
    Dark mode for Bootstrap v3
    Based on https://gist.github.com/ijason/cf32446780c944d86f1c9cf71648056d
*/



@media (prefers-color-scheme: dark) {
    body {
        background-color: #111 !important;
        color: #eee;
    }

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

    .bg-white {
        background-color: #000 !important;
    }

    .bg-black {
        background-color: #eee !important;
    }

    .jumbotron {
        background-color: #303030 !important;
    }

    .footer {
        background-color: #303030 !important;
    }

    .modal-content {
        background-color: #303030 !important;
        border: 1px solid #444 !important;
    }

    .modal-header {
        border-bottom: 1px solid #444 !important;
    }

    .modal-footer {
        border-top: 1px solid #444 !important;
    }

    .panel {
        background-color: #303030;
    }

    .panel-body {
        background-color: #303030 !important;
    }

    .panel-heading {
        border-bottom: 1px solid transparent;
    }

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

    .panel-title {
        color: inherit;
    }

    .panel-footer {
        background-color: #464545;
        border-top: 1px solid #464545;
    }

    .panel-default {
        border-color: #464545;
    }

    .panel-default > .panel-heading {
        color: #ffffff;
        background-color: #303030;
        border-color: #464545;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #464545;
    }

    .panel-default > .panel-heading .badge {
        color: #303030;
        background-color: #ffffff;
    }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #464545;
    }

    .alert h4 {
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert-dismissable .close,
    .alert-dismissible .close {
        color: inherit;
    }

    .alert-success {
        color: #ffffff;
        background-color: #00bc8c;
        border-color: #00bc8c;
    }

    .alert-success hr {
        border-top-color: #00a379;
    }

    .alert-success .alert-link {
        color: #e6e6e6;
    }

    .alert-info {
        color: #ffffff;
        background-color: #3498db;
        border-color: #3498db;
    }

    .alert-info hr {
        border-top-color: #258cd1;
    }

    .alert-info .alert-link {
        color: #e6e6e6;
    }

    .alert-warning {
        color: #ffffff;
        background-color: #f39c12;
        border-color: #f39c12;
    }

    .alert-warning hr {
        border-top-color: #e08e0b;
    }

    .alert-warning .alert-link {
        color: #e6e6e6;
    }

    .alert-danger {
        color: #ffffff;
        background-color: #e74c3c;
        border-color: #e74c3c;
    }

    .alert-danger hr {
        border-top-color: #e43725;
    }

    .alert-danger .alert-link {
        color: #e6e6e6;
    }

    .well {
        background-color: #303030;
        border: 1px solid transparent;
    }

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

    table {
        background-color: transparent;
    }

    caption {
        color: #999999;
    }
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        border-top: 1px solid #464545;
    }

    .table > thead > tr > th {
        border-bottom: 2px solid #464545;
    }

    .table > tbody + tbody {
        border-top: 2px solid #464545;
    }

    .table .table {
        background-color: #222222;
    }

    .table-bordered {
        border: 1px solid #464545;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #464545;
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #3d3d3d;
    }

    .table-hover > tbody > tr:hover {
        background-color: #464545;
    }

    .table > thead > tr > td.active,
    .table > tbody > tr > td.active,
    .table > tfoot > tr > td.active,
    .table > thead > tr > th.active,
    .table > tbody > tr > th.active,
    .table > tfoot > tr > th.active,
    .table > thead > tr.active > td,
    .table > tbody > tr.active > td,
    .table > tfoot > tr.active > td,
    .table > thead > tr.active > th,
    .table > tbody > tr.active > th,
    .table > tfoot > tr.active > th {
        background-color: #464545;
    }

    .table-hover > tbody > tr > td.active:hover,
    .table-hover > tbody > tr > th.active:hover,
    .table-hover > tbody > tr.active:hover > td,
    .table-hover > tbody > tr:hover > .active,
    .table-hover > tbody > tr.active:hover > th {
        background-color: #393838;
    }

    .table > thead > tr > td.success,
    .table > tbody > tr > td.success,
    .table > tfoot > tr > td.success,
    .table > thead > tr > th.success,
    .table > tbody > tr > th.success,
    .table > tfoot > tr > th.success,
    .table > thead > tr.success > td,
    .table > tbody > tr.success > td,
    .table > tfoot > tr.success > td,
    .table > thead > tr.success > th,
    .table > tbody > tr.success > th,
    .table > tfoot > tr.success > th {
        background-color: #00bc8c;
    }

    .table-hover > tbody > tr > td.success:hover,
    .table-hover > tbody > tr > th.success:hover,
    .table-hover > tbody > tr.success:hover > td,
    .table-hover > tbody > tr:hover > .success,
    .table-hover > tbody > tr.success:hover > th {
        background-color: #00a379;
    }

    .table > thead > tr > td.info,
    .table > tbody > tr > td.info,
    .table > tfoot > tr > td.info,
    .table > thead > tr > th.info,
    .table > tbody > tr > th.info,
    .table > tfoot > tr > th.info,
    .table > thead > tr.info > td,
    .table > tbody > tr.info > td,
    .table > tfoot > tr.info > td,
    .table > thead > tr.info > th,
    .table > tbody > tr.info > th,
    .table > tfoot > tr.info > th {
        background-color: #3498db;
    }

    .table-hover > tbody > tr > td.info:hover,
    .table-hover > tbody > tr > th.info:hover,
    .table-hover > tbody > tr.info:hover > td,
    .table-hover > tbody > tr:hover > .info,
    .table-hover > tbody > tr.info:hover > th {
        background-color: #258cd1;
    }

    .table > thead > tr > td.warning,
    .table > tbody > tr > td.warning,
    .table > tfoot > tr > td.warning,
    .table > thead > tr > th.warning,
    .table > tbody > tr > th.warning,
    .table > tfoot > tr > th.warning,
    .table > thead > tr.warning > td,
    .table > tbody > tr.warning > td,
    .table > tfoot > tr.warning > td,
    .table > thead > tr.warning > th,
    .table > tbody > tr.warning > th,
    .table > tfoot > tr.warning > th {
        background-color: #f39c12;
    }

    .table-hover > tbody > tr > td.warning:hover,
    .table-hover > tbody > tr > th.warning:hover,
    .table-hover > tbody > tr.warning:hover > td,
    .table-hover > tbody > tr:hover > .warning,
    .table-hover > tbody > tr.warning:hover > th {
        background-color: #e08e0b;
    }

    .table > thead > tr > td.danger,
    .table > tbody > tr > td.danger,
    .table > tfoot > tr > td.danger,
    .table > thead > tr > th.danger,
    .table > tbody > tr > th.danger,
    .table > tfoot > tr > th.danger,
    .table > thead > tr.danger > td,
    .table > tbody > tr.danger > td,
    .table > tfoot > tr.danger > td,
    .table > thead > tr.danger > th,
    .table > tbody > tr.danger > th,
    .table > tfoot > tr.danger > th {
        background-color: #e74c3c;
    }

    .table-hover > tbody > tr > td.danger:hover,
    .table-hover > tbody > tr > th.danger:hover,
    .table-hover > tbody > tr.danger:hover > td,
    .table-hover > tbody > tr:hover > .danger,
    .table-hover > tbody > tr.danger:hover > th {
        background-color: #e43725;
    }
    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #ffffff;
        text-decoration: none;
    }

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        opacity: 0.65;
        box-shadow: none;
    }

    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none;
    }

    .btn-default {
        color: #ffffff;
        background-color: #464545;
        border-color: #464545;
    }

    .btn-default:focus,
    .btn-default.focus {
        color: #ffffff;
        background-color: #2c2c2c;
        border-color: #060606;
    }

    .btn-default:hover {
        color: #ffffff;
        background-color: #2c2c2c;
        border-color: #272727;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #ffffff;
        background-color: #2c2c2c;
        background-image: none;
        border-color: #272727;
    }

    .btn-default:active:hover,
    .btn-default.active:hover,
    .open > .dropdown-toggle.btn-default:hover,
    .btn-default:active:focus,
    .btn-default.active:focus,
    .open > .dropdown-toggle.btn-default:focus,
    .btn-default:active.focus,
    .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default.focus {
        color: #ffffff;
        background-color: #1a1a1a;
        border-color: #060606;
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #464545;
        border-color: #464545;
    }

    .btn-default .badge {
        color: #464545;
        background-color: #ffffff;
    }

    .btn-primary {
        color: #ffffff;
        background-color: #375a7f;
        border-color: #375a7f;
    }

    .btn-primary:focus,
    .btn-primary.focus {
        color: #ffffff;
        background-color: #28415b;
        border-color: #101b26;
    }

    .btn-primary:hover {
        color: #ffffff;
        background-color: #28415b;
        border-color: #253c54;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #28415b;
        background-image: none;
        border-color: #253c54;
    }

    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
        color: #ffffff;
        background-color: #1d2f43;
        border-color: #101b26;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #375a7f;
        border-color: #375a7f;
    }

    .btn-primary .badge {
        color: #375a7f;
        background-color: #ffffff;
    }

    .btn-success {
        color: #ffffff;
        background-color: #00bc8c;
        border-color: #00bc8c;
    }

    .btn-success:focus,
    .btn-success.focus {
        color: #ffffff;
        background-color: #008966;
        border-color: #003d2d;
    }

    .btn-success:hover {
        color: #ffffff;
        background-color: #008966;
        border-color: #007f5e;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #008966;
        background-image: none;
        border-color: #007f5e;
    }

    .btn-success:active:hover,
    .btn-success.active:hover,
    .open > .dropdown-toggle.btn-success:hover,
    .btn-success:active:focus,
    .btn-success.active:focus,
    .open > .dropdown-toggle.btn-success:focus,
    .btn-success:active.focus,
    .btn-success.active.focus,
    .open > .dropdown-toggle.btn-success.focus {
        color: #ffffff;
        background-color: #00654b;
        border-color: #003d2d;
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #00bc8c;
        border-color: #00bc8c;
    }

    .btn-success .badge {
        color: #00bc8c;
        background-color: #ffffff;
    }

    .btn-info {
        color: #ffffff;
        background-color: #3498db;
        border-color: #3498db;
    }

    .btn-info:focus,
    .btn-info.focus {
        color: #ffffff;
        background-color: #217dbb;
        border-color: #16527a;
    }

    .btn-info:hover {
        color: #ffffff;
        background-color: #217dbb;
        border-color: #2077b2;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #217dbb;
        background-image: none;
        border-color: #2077b2;
    }

    .btn-info:active:hover,
    .btn-info.active:hover,
    .open > .dropdown-toggle.btn-info:hover,
    .btn-info:active:focus,
    .btn-info.active:focus,
    .open > .dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-info.active.focus,
    .open > .dropdown-toggle.btn-info.focus {
        color: #ffffff;
        background-color: #1c699d;
        border-color: #16527a;
    }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #3498db;
        border-color: #3498db;
    }

    .btn-info .badge {
        color: #3498db;
        background-color: #ffffff;
    }

    .btn-warning {
        color: #ffffff;
        background-color: #f39c12;
        border-color: #f39c12;
    }

    .btn-warning:focus,
    .btn-warning.focus {
        color: #ffffff;
        background-color: #c87f0a;
        border-color: #7f5006;
    }

    .btn-warning:hover {
        color: #ffffff;
        background-color: #c87f0a;
        border-color: #be780a;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #c87f0a;
        background-image: none;
        border-color: #be780a;
    }

    .btn-warning:active:hover,
    .btn-warning.active:hover,
    .open > .dropdown-toggle.btn-warning:hover,
    .btn-warning:active:focus,
    .btn-warning.active:focus,
    .open > .dropdown-toggle.btn-warning:focus,
    .btn-warning:active.focus,
    .btn-warning.active.focus,
    .open > .dropdown-toggle.btn-warning.focus {
        color: #ffffff;
        background-color: #a66908;
        border-color: #7f5006;
    }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f39c12;
        border-color: #f39c12;
    }

    .btn-warning .badge {
        color: #f39c12;
        background-color: #ffffff;
    }

    .btn-danger {
        color: #ffffff;
        background-color: #e74c3c;
        border-color: #e74c3c;
    }

    .btn-danger:focus,
    .btn-danger.focus {
        color: #ffffff;
        background-color: #d62c1a;
        border-color: #921e12;
    }

    .btn-danger:hover {
        color: #ffffff;
        background-color: #d62c1a;
        border-color: #cd2a19;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #d62c1a;
        background-image: none;
        border-color: #cd2a19;
    }

    .btn-danger:active:hover,
    .btn-danger.active:hover,
    .open > .dropdown-toggle.btn-danger:hover,
    .btn-danger:active:focus,
    .btn-danger.active:focus,
    .open > .dropdown-toggle.btn-danger:focus,
    .btn-danger:active.focus,
    .btn-danger.active.focus,
    .open > .dropdown-toggle.btn-danger.focus {
        color: #ffffff;
        background-color: #b62516;
        border-color: #921e12;
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #e74c3c;
        border-color: #e74c3c;
    }

    .btn-danger .badge {
        color: #e74c3c;
        background-color: #ffffff;
    }

    .btn-link {
        font-weight: 400;
    }

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none;
    }

    .btn-link,
    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active {
        border-color: transparent;
    }

    .btn-link:hover,
    .btn-link:focus {
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:hover,
    .btn-link[disabled]:focus,
    fieldset[disabled] .btn-link:focus {
        color: #999999;
        text-decoration: none;
    }

    .nav-tabs > li > a {
        background-color: #303030;
        color: white;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        background-color: #ad312d;
        color: #fff;
        border: 1px solid #832d23;
    }

    .navbar-default {
        background-color: #303030;
        border-color: #464545;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: #464545;
    }


    .form-control, select, input, button {
        background-color: #464545;
        color: #ffffff;
        border-color: #464545;
    }

    pre {
        background-color: #303030;
        color: #ffffff;
        border: 1px solid #464545;
    }

    a {
        color: #50ace9;
    }

    a:hover,
    a:focus {
        color: #9dd3f7;
        text-decoration: underline;
    }

}