/*!
 * Bootstrap Dark Theme v1.0.0
 * Copyright 2021 Kai Gartenschläger
 */

/* general */

body {
    color: #c8c8c8;
    background-color: #272b30;
}

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

a,
a:hover {
    color: #71b6f9;
}

/* helper */

.bg-gray1 {
    background-color: #2e3338 !important;
}

.bg-gray2 {
    background-color: #272b30 !important;
}

.bg-hover-gray1:hover {
    background-color: #2e3338 !important;
}

.bg-hover-gray2:hover {
    background-color: #272b30 !important;
}

/* borders */

.border {
    border-color: rgba(0, 0, 0, 0.6) !important;
}

/* navbar */

.navbar-brand,
.navbar-brand:focus,
.navbar-brand:hover {
    color: #c8c8c8 !important;
}

.navbar.fixed-top {
    background-color: #272b30;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

    .navbar.fixed-top.bg-white {
        background-color: #272b30 !important;
    }

    .navbar.fixed-top.border-bottom {
        border-bottom: 1px solid #00000099 !important;
    }

    .navbar.fixed-top > li > a,
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link.text-dark {
        color: #c8c8c8 !important;
    }

.navbar-expand-sm .navbar-nav .nav-link.active,
.navbar-expand-sm .navbar-nav .nav-link:hover {
    background-color: #0000004d;
    border-color: #0000004d;
    color: #fff !important;
}

/* footer */

footer {
    border: none;
    background-color: #1c1e22;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

/* jumbotron */

.jumbotron {
    background-color: #2e3338;
}

/* btn */

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #71b6f933;
}

/* btn-link */

.btn-link,
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
    color: #71b6f9;
}

/* btn-primary */
.btn-primary {
    color: #fff;
    background-color: #1e3148;
    border-color: #000000cc;
}

    .btn-primary:hover,
    .btn-primary.focus,
    .btn-primary:focus,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #294465;
        border-color: #000000cc;
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgb(41 68 101 / 50%);
    }

    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(41 68 101 / 50%);
    }

/* btn-outline-primary */

.btn-outline-primary {
    color: #fff;
    background-color: #1e3148;
    border-color: #000000cc;
}

    .btn-outline-primary:hover,
    .btn-outline-primary.focus,
    .btn-outline-primary:focus,
    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #294465;
        border-color: #000000cc;
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgb(41 68 101 / 50%);
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(41 68 101 / 50%);
    }

/* btn-secondary */

.btn-secondary {
    color: #fff;
    background-color: #292d32;
    border-color: #000000cc;
}

    .btn-secondary:hover,
    .btn-secondary.focus,
    .btn-secondary:focus,
    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #3e444c;
        border-color: #000000cc;
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgb(62 68 76 / 50%);
    }

    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(62 68 76 / 50%);
    }

/* btn-outline-secondary */

.btn-outline-secondary {
    color: #fff;
    background-color: #292d32;
    border-color: #000000cc;
}

    .btn-outline-secondary:hover,
    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #3e444c;
        border-color: #000000cc;
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgb(62 68 76 / 50%);
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgb(62 68 76 / 50%);
    }
    
/* btn-danger */
/* btn-primary */
.btn-danger {
    color: #fff;
    background-color: #612929;
    border-color: #000000cc;
}

.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #813636;
    border-color: #000000cc;
}

.btn-danger.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(41 68 101 / 50%);
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(41 68 101 / 50%);
}

/* table */

.table thead th {
    border-color: #1c1e22;
}

.table th,
.table td {
    color: #c8c8c8;
    border: none;
}

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

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

/* dropdown */

.dropdown-menu {
    background-color: #272b30;
    border: 1px solid rgba(0,0,0,0.5);
}

.dropdown-divider {
    border-top: 1px solid #00000033;
}

.dropdown-item {
    color: #c8c8c8;
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #c8c8c8;
        background-color: rgba(0,0,0,0.2);
    }

/* breadcrumb */

.breadcrumb {
    background-color: #353b41;
}

.breadcrumb-item.active {
    color: #c8c8c8;
}

/* form-control */

.form-control {
    color: #fff;
    border-color: #00000099;
    background-color: #3e444c;
}

    .form-control:focus {
        color: #fff;
        background-color: #3e444c;
        border-color: #0e97dd;
        box-shadow: 0 0 0 0.2rem rgb(14 151 221 / 25%);
    }

    .form-control.is-invalid,
    .was-validated .form-control:invalid {
        border-color: #8d5353;
    }

        .form-control.is-invalid:focus,
        .was-validated .form-control:invalid:focus {
            border-color: #8d5353;
            box-shadow: 0 0 0 0.2rem #8d53534d;
        }

    .form-control:disabled,
    .form-control:disabled:focus,
    .form-control[readonly],
    .form-control[readonly]:focus {
        border-color: #00000099;
        background-color: #4c535d;
        box-shadow: none;
    }

/* .custom-control-input */

.custom-control-label::before {
    border-color: #0009;
    background-color: #3e444c;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #0009;
    background-color: #0e97dd;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem #0e97dd40;
}

/* .custom-select */

.custom-select {
    color: #fff;
    border-color: #0009;
    background: #3e444c url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
}

    .custom-select.is-valid, .was-validated .custom-select:valid {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#4c535d url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
    }

/* nav pills */
.nav-pills .nav-link,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #353a42;
    border: 1px solid #00000099;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #22252a;
        border: 1px solid #00000099;
        text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    }

        .nav-pills .nav-link:hover,
        .nav-pills .show > .nav-link:hover {
            color: #fff;
            background-color: #22252a;
            border: 1px solid #00000099;
            text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
        }

/* alerts */

.alert {
    border: none;
}

    .alert.alert-primary {
        color: #cbd7e6;
        background-color: #294465;
    }

        .alert.alert-primary .alert-link {
            color: #cbd7e6;
        }

    .alert.alert-secondary {
        color: #acb1b7;
        background-color: #3e444c;
    }

        .alert.alert-secondary .alert-link {
            color: #acb1b7;
        }

    .alert.alert-info {
        color: #cbd9e6;
        background-color: #53718e;
    }

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

    .alert.alert-success {
        background-color: #538d5f;
        color: #cbe6d1;
    }

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

    .alert.alert-warning {
        background-color: #8e7c53;
        color: #e6decb;
    }

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

    .alert.alert-danger {
        background-color: #8d5353;
        color: #e6cbcb;
    }

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

/* text colors */

.text-muted {
    color: #939393 !important;
}

.text-info {
    color: #0e97dd !important;
}

.text-warning {
    color: #f89406 !important;
}

.text-danger {
    color: #e54545 !important;
}

/* cards */

.card {
    background-color: #2e3338;
}

/* modals */

.modal-content {
    background-color: #2e3338;
}

    .modal-content .modal-header {
        border-bottom: 2px solid #0e97dd;
    }

    .modal-content .modal-footer {
        border: none;
    }

/* list-group */

.list-group {
    border: 1px solid #0009;
}

.list-group-item {
    background-color: #2e3338;
}

.list-group-item-action {
    color: #c8c8c8;
}

    .list-group-item-action:focus,
    .list-group-item-action:hover {
        color: #c8c8c8;
        background-color: #32383e;
    }

/* pagination */

.page-link {
    color: #fff;
    background-color: #292d32;
    border-color: #000000cc;
}

    .page-link:hover {
        color: #fff;
        background-color: #3e444c;
        border-color: #000000cc;
    }

    .page-link:focus {
        box-shadow: 0 0 0 0.2rem rgb(62 68 76 / 50%);
    }

.page-item.disabled .page-link {
    color: #55575a;
    background-color: #292d32;
    border-color: #000000cc;
}

/* badges */

.badge.badge-success {
    color: #fff;
    background-color: #538d5f;
}

.badge.badge-info {
    color: #cbd9e6;
    background-color: #53718e;
}

.badge.badge-warning {
    color: #e6decb;
    background-color: #8e7c53;
}

.badge.badge-danger {
    color: #e6cbcb;
    background-color: #8d5353;
}

/* select2 */

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    background-color: #3e444c;
    border-color: #0e97dd;
    box-shadow: 0 0 0 0.2rem rgb(14 151 221 / 25%);
}

.select2-container--bootstrap .select2-dropdown {
    background-color: #3e444c;
    border-color: #0e97dd;
}

.select2-container--bootstrap .select2-selection {
    background-color: #3e444c;
    border-color: #0e97dd;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    color: #fff;
    background-color: #3e444c;
    border: none;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true],
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background-color: #272b30;
}