/* original source: https://github.com/ForEvolve/bootstrap-dark*/

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark; /* force dark scroll bars */

        --blue: #007bff;
        --indigo: #6610f2;
        --purple: #6f42c1;
        --pink: #e83e8c;
        --red: #dc3545;
        --orange: #fd7e14;
        --yellow: #ffc107;
        --green: #28a745;
        --teal: #20c997;
        --cyan: #17a2b8;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #007bff;
        --secondary: #6c757d;
        --success: #28a745;
        --info: #17a2b8;
        --warning: #ffc107;
        --danger: #dc3545;
        --light: #f8f9fa;
        --dark: #343a40;
    }

    body {
        color: #d3d3d3;
        background-color: #191d21
    }

    a {
        color: #adadad;
        background-color: transparent
    }

    a:hover {
        color: #878787;
    }

    a:not([href]):not([class]) {
        color: inherit;
    }

    a:not([href]):not([class]):hover {
        color: inherit;
    }

    caption {
        color: #6c757d;
    }

    hr {
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .mark, mark {
        background-color: #fcf8e3
    }

    .blockquote-footer {
        color: #6c757d
    }

    .img-thumbnail {
        background-color: #fff;
        border: 1px solid #dee2e6;
    }

    .figure-caption {
        color: #6c757d
    }

    code {
        color: #e83e8c;
    }

    a > code {
        color: inherit
    }

    kbd {
        color: #fff;
        background-color: #212529;
    }

    pre {
        color: #212529
    }

    pre code {
        color: inherit;
    }

    .table {
        color: #d3d3d3
    }

    .table td, .table th {
        border-top: 1px solid #343a40
    }

    .table thead th {
        border-bottom: 2px solid #343a40
    }

    .table tbody + tbody {
        border-top: 2px solid #343a40
    }

    .table-bordered {
        border: 1px solid #343a40
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #343a40
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, .05)
    }

    .table-hover tbody tr:hover {
        color: #d3d3d3;
        background-color: rgba(0, 0, 0, .075)
    }

    .table-primary, .table-primary > td, .table-primary > th {
        background-color: #b8daff
    }

    .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
        border-color: #7abaff
    }

    .table-hover .table-primary:hover {
        background-color: #9fcdff
    }

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

    .table-secondary, .table-secondary > td, .table-secondary > th {
        background-color: #d6d8db
    }

    .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
        border-color: #b3b7bb
    }

    .table-hover .table-secondary:hover {
        background-color: #c8cbcf
    }

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

    .table-success, .table-success > td, .table-success > th {
        background-color: #c3e6cb
    }

    .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
        border-color: #8fd19e
    }

    .table-hover .table-success:hover {
        background-color: #b1dfbb
    }

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

    .table-info, .table-info > td, .table-info > th {
        background-color: #bee5eb
    }

    .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
        border-color: #86cfda
    }

    .table-hover .table-info:hover {
        background-color: #abdde5
    }

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

    .table-warning, .table-warning > td, .table-warning > th {
        background-color: #ffeeba
    }

    .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
        border-color: #ffdf7e
    }

    .table-hover .table-warning:hover {
        background-color: #ffe8a1
    }

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

    .table-danger, .table-danger > td, .table-danger > th {
        background-color: #f5c6cb
    }

    .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
        border-color: #ed969e
    }

    .table-hover .table-danger:hover {
        background-color: #f1b0b7
    }

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

    .table-light, .table-light > td, .table-light > th {
        background-color: #fdfdfe
    }

    .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
        border-color: #fbfcfc
    }

    .table-hover .table-light:hover {
        background-color: #ececf6
    }

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

    .table-dark, .table-dark > td, .table-dark > th {
        background-color: #c6c8ca
    }

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #95999c
    }

    .table-hover .table-dark:hover {
        background-color: #b9bbbe
    }

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

    .table-active, .table-active > td, .table-active > th {
        background-color: rgba(0, 0, 0, .075)
    }

    .table-hover .table-active:hover {
        background-color: rgba(0, 0, 0, .075)
    }

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, .075)
    }

    .table .thead-dark th {
        color: #dee2e6;
        background-color: #343a40;
        border-color: #454d55
    }

    .table .thead-light th {
        color: #495057;
        background-color: #e9ecef;
        border-color: #343a40
    }

    .table-dark {
        color: #dee2e6;
        background-color: #343a40
    }

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, .05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, .075)
    }

    .table-primary, .table-primary > td, .table-primary > th {
        color: #212529
    }

    .table-hover .table-primary:hover {
        color: #212529
    }

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        color: #212529
    }

    .table-secondary, .table-secondary > td, .table-secondary > th {
        color: #212529
    }

    .table-hover .table-secondary:hover {
        color: #212529
    }

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        color: #212529
    }

    .table-success, .table-success > td, .table-success > th {
        color: #212529
    }

    .table-hover .table-success:hover {
        color: #212529
    }

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        color: #212529
    }

    .table-info, .table-info > td, .table-info > th {
        color: #212529
    }

    .table-hover .table-info:hover {
        color: #212529
    }

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        color: #212529
    }

    .table-warning, .table-warning > td, .table-warning > th {
        color: #212529
    }

    .table-hover .table-warning:hover {
        color: #212529
    }

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        color: #212529
    }

    .table-danger, .table-danger > td, .table-danger > th {
        color: #212529
    }

    .table-hover .table-danger:hover {
        color: #212529
    }

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        color: #212529
    }

    .table-light, .table-light > td, .table-light > th {
        color: #212529
    }

    .table-hover .table-light:hover {
        color: #212529
    }

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        color: #212529
    }

    .table-dark, .table-dark > td, .table-dark > th {
        color: #212529
    }

    .table-hover .table-dark:hover {
        color: #212529
    }

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        color: #212529
    }

    .table-active, .table-active > td, .table-active > th {
        color: #ced4da
    }

    .table-hover .table-active:hover {
        color: #ced4da
    }

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        color: #ced4da
    }

    .table-dark {
        color: #dee2e6
    }

    .form-control {
        color: #dee2e6;
        background-color: #000;
        background-clip: padding-box;
    }

    .form-control::-ms-expand {
        background-color: transparent;
    }

    .form-control:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #dee2e6
    }

    .form-control:focus {
        color: #dee2e6;
        background-color: #191d21;
        border-color: #b3d7ff;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
    }

    .form-control::-moz-placeholder {
        color: #6c757d;
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
    }

    .form-control::placeholder {
        color: #6c757d;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #343a40;
    }

    select.form-control:focus::-ms-value {
        color: #dee2e6;
        background-color: #000
    }

    .form-control-plaintext {
        color: #212529;
        background-color: transparent;
    }

    .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
        color: #6c757d
    }

    .valid-feedback {
        color: #28a745
    }

    .valid-tooltip {
        color: #ced4da;
        background-color: rgba(40, 167, 69, .9);
    }

    .form-control.is-valid, .was-validated .form-control:valid {
        border-color: #28a745;
        background-image: 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");
    }

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
    }

    .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
    }

    .custom-select.is-valid, .was-validated .custom-select:valid {
        border-color: #28a745;
        padding-right: calc(.75em + 2.3125rem);
        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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #000 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
    }

    .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: #28a745
    }

    .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
        color: #28a745
    }

    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        border-color: #28a745
    }

    .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
        border-color: #34ce57;
        background-color: #34ce57
    }

    .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
    }

    .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #28a745
    }

    .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
        border-color: #28a745
    }

    .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
        border-color: #6c757d !important;
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
    }

    .invalid-feedback {
        color: #dc3545
    }

    .invalid-tooltip {
        color: #ced4da;
        background-color: rgba(220, 53, 69, .9);
    }

    .form-control.is-invalid, .was-validated .form-control:invalid {
        border-color: #dc3545;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
    }

    .custom-select.is-invalid, .was-validated .custom-select:invalid {
        border-color: #dc3545;
        padding-right: calc(.75em + 2.3125rem);
        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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #000 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
    }

    .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
        color: #dc3545
    }

    .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
        color: #dc3545
    }

    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        border-color: #dc3545
    }

    .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
        border-color: #e4606d;
        background-color: #e4606d
    }

    .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #dc3545
    }

    .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
        border-color: #dc3545
    }

    .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
    }

    .btn {
        color: #d3d3d3;
        background-color: transparent;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .btn:hover {
        color: #d3d3d3;
    }

    .btn.focus, .btn:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .btn-primary {
        color: #ced4da;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:hover {
        color: #ced4da;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #ced4da;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 .2rem rgba(31, 136, 249, .5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #ced4da;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #ced4da;
        background-color: #0062cc;
        border-color: #005cbf
    }

    .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 .2rem rgba(31, 136, 249, .5)
    }

    .btn-secondary {
        color: #ced4da;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:hover {
        color: #ced4da;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary.focus, .btn-secondary:focus {
        color: #ced4da;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 .2rem rgba(123, 131, 139, .5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #ced4da;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #ced4da;
        background-color: #545b62;
        border-color: #4e555b
    }

    .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 .2rem rgba(123, 131, 139, .5)
    }

    .btn-success {
        color: #ced4da;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:hover {
        color: #ced4da;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success.focus, .btn-success:focus {
        color: #ced4da;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 .2rem rgba(65, 174, 91, .5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #ced4da;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #ced4da;
        background-color: #1e7e34;
        border-color: #1c7430
    }

    .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(65, 174, 91, .5)
    }

    .btn-info {
        color: #ced4da;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:hover {
        color: #ced4da;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info.focus, .btn-info:focus {
        color: #ced4da;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 .2rem rgba(50, 170, 189, .5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #ced4da;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #ced4da;
        background-color: #117a8b;
        border-color: #10707f
    }

    .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(50, 170, 189, .5)
    }

    .btn-warning {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

    .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
    }

    .btn-danger {
        color: #ced4da;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:hover {
        color: #ced4da;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger.focus, .btn-danger:focus {
        color: #ced4da;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 .2rem rgba(218, 77, 91, .5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #ced4da;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #ced4da;
        background-color: #bd2130;
        border-color: #b21f2d
    }

    .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 .2rem rgba(218, 77, 91, .5)
    }

    .btn-light {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light.focus, .btn-light:focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

    .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
    }

    .btn-dark {
        color: #ced4da;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:hover {
        color: #ced4da;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.focus, .btn-dark:focus {
        color: #ced4da;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 .2rem rgba(75, 81, 87, .5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #ced4da;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #ced4da;
        background-color: #1d2124;
        border-color: #171a1d
    }

    .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(75, 81, 87, .5)
    }

    .btn-outline-primary {
        color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary:hover {
        color: #ced4da;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #ced4da;
        background-color: #007bff;
        border-color: #007bff
    }

    .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 .2rem rgba(0, 123, 255, .5)
    }

    .btn-outline-secondary {
        color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary:hover {
        color: #ced4da;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #ced4da;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .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 .2rem rgba(108, 117, 125, .5)
    }

    .btn-outline-success {
        color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success:hover {
        color: #ced4da;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #ced4da;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
    }

    .btn-outline-info {
        color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info:hover {
        color: #ced4da;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #ced4da;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
    }

    .btn-outline-warning {
        color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
    }

    .btn-outline-danger {
        color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger:hover {
        color: #ced4da;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #ced4da;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
    }

    .btn-outline-light {
        color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
    }

    .btn-outline-dark {
        color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:hover {
        color: #ced4da;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #ced4da;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
    }

    .btn-link {
        font-weight: 400;
        color: #adadad;
    }

    .btn-link:hover {
        color: #878787;
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d;
    }

    .dropdown-menu {
        color: #d3d3d3;
        background-color: #000;
        background-clip: padding-box;
        border: 1px solid rgba(255, 255, 255, .15);
    }


    .dropdown-divider {
        border-top: 1px solid #343a40
    }

    .dropdown-item {
        color: #f8f9fa;
        background-color: transparent;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        color: #fff;
        background-color: #212529
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #000;
        background-color: #3395ff
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #ced4da;
        background-color: transparent
    }

    .dropdown-header {
        color: #ced4da;
    }

    .dropdown-item-text {
        color: #f8f9fa
    }

    .input-group-text {
        color: #dee2e6;
        background-color: #343a40;
        border: 1px solid #6c757d;
    }

    .custom-control {
        color-adjust: exact
    }

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
        color: #6c757d
    }

    .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {
        background-color: #e9ecef
    }

    .custom-control-label::before {
        background-color: #fff;
        border: #adb5bd solid 1px
    }

    .custom-control-label::after {
        background: 50%/50% 50% no-repeat
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-image: 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='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
        border-color: #007bff;
        background-color: #007bff
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
    }

    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, .5)
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, .5)
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
    }

    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, .5)
    }

    .custom-switch .custom-control-label::after {
        background-color: #adb5bd;
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #fff;
    }

    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, .5)
    }

    .custom-select {
        color: #dee2e6;
        background: #000 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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    }

    .custom-select:focus {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

    .custom-select:focus::-ms-value {
        color: #dee2e6;
        background-color: #000
    }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        background-image: none
    }

    .custom-select:disabled {
        color: #ced4da;
        background-color: #343a40
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #dee2e6
    }

    .custom-file-input {
        border: #6c757d !important;
    }

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #6c757d;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-label {
        color: #dee2e6 !important;
        color: #495057;
        background-color: #343a40;
        border: 1px solid #6c757d;
    }

    .custom-file-label::after {
        color: #dee2e6;
        background-color: #343a40;
    }

    .custom-range {
        background-color: transparent;
    }

    .custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-range::-webkit-slider-thumb {
        background-color: #007bff;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .custom-range::-webkit-slider-thumb:active {
        background-color: #b3d7ff
    }

    .custom-range::-webkit-slider-runnable-track {
        color: transparent;
        background-color: #dee2e6;
        border-color: transparent;
    }

    .custom-range::-moz-range-thumb {
        background-color: #007bff;
        -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .custom-range::-moz-range-thumb:active {
        background-color: #b3d7ff
    }

    .custom-range::-moz-range-track {
        color: transparent;
        background-color: #dee2e6;
        border-color: transparent;
    }

    .custom-range::-ms-thumb {
        background-color: #007bff;
        -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .custom-range::-ms-thumb:active {
        background-color: #b3d7ff
    }

    .custom-range::-ms-track {
        color: transparent;
        background-color: transparent;
        border-color: transparent;
    }

    .custom-range::-ms-fill-lower {
        background-color: #dee2e6;
    }

    .custom-range::-ms-fill-upper {
        background-color: #dee2e6;
    }

    .custom-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd
    }

    .custom-range:disabled::-moz-range-thumb {
        background-color: #adb5bd
    }

    .custom-range:disabled::-ms-thumb {
        background-color: #adb5bd
    }

    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .nav-link.disabled {
        color: #6c757d;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: #495057 #495057 rgba(255, 255, 255, .125)
    }

    .nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #f8f9fa;
        background-color: #191d21;
        border-color: #495057 #495057 #191d21
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

    .navbar-toggler {
        background-color: transparent;
    }

    .navbar-toggler-icon {
        background: 50%/100% 100% no-repeat
    }

    .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, .5)
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, .7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, .3)
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1)
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    .navbar-light .navbar-text {
        color: rgba(0, 0, 0, .5)
    }

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-dark .navbar-brand {
        color: #fff
    }

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, .5)
    }

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, .75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .25)
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, .5);
        border-color: rgba(255, 255, 255, .1)
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    .navbar-dark .navbar-text {
        color: rgba(255, 255, 255, .5)
    }

    .navbar-dark .navbar-text a {
        color: #fff
    }

    .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
        color: #fff
    }

    .card {
        background-color: #212529;
        background-clip: border-box;
        border: 1px solid rgba(255, 255, 255, .125);
    }

    .card-body {
        color: #e9ecef
    }

    .card-header {
        background-color: rgba(255, 255, 255, .03);
        border-bottom: 1px solid rgba(255, 255, 255, .125)
    }

    .card-footer {
        background-color: rgba(255, 255, 255, .03);
        border-top: 1px solid rgba(255, 255, 255, .125)
    }

    .breadcrumb {
        background-color: #343a40;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        color: #ced4da;
    }

    .breadcrumb-item.active {
        color: #ced4da
    }

    .page-link {
        color: #adadad;
        background-color: #000;
        border: 1px solid #495057
    }

    .page-link:hover {
        color: #878787;
        background-color: #343a40;
        border-color: #495057
    }

    .page-link:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .page-item.active .page-link {
        z-index: 3;
        color: #000;
        background-color: #3395ff;
        border-color: #3395ff
    }

    .page-item.disabled .page-link {
        color: #ced4da;
        background-color: #000;
        border-color: #495057
    }

    .badge-primary {
        color: #ced4da;
        background-color: #007bff
    }

    a.badge-primary:focus, a.badge-primary:hover {
        color: #ced4da;
        background-color: #0062cc
    }

    a.badge-primary.focus, a.badge-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
    }

    .badge-secondary {
        color: #ced4da;
        background-color: #6c757d
    }

    a.badge-secondary:focus, a.badge-secondary:hover {
        color: #ced4da;
        background-color: #545b62
    }

    a.badge-secondary.focus, a.badge-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
    }

    .badge-success {
        color: #ced4da;
        background-color: #28a745
    }

    a.badge-success:focus, a.badge-success:hover {
        color: #ced4da;
        background-color: #1e7e34
    }

    a.badge-success.focus, a.badge-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
    }

    .badge-info {
        color: #ced4da;
        background-color: #17a2b8
    }

    a.badge-info:focus, a.badge-info:hover {
        color: #ced4da;
        background-color: #117a8b
    }

    a.badge-info.focus, a.badge-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
    }

    .badge-warning {
        color: #212529;
        background-color: #ffc107
    }

    a.badge-warning:focus, a.badge-warning:hover {
        color: #212529;
        background-color: #d39e00
    }

    a.badge-warning.focus, a.badge-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
    }

    .badge-danger {
        color: #ced4da;
        background-color: #dc3545
    }

    a.badge-danger:focus, a.badge-danger:hover {
        color: #ced4da;
        background-color: #bd2130
    }

    a.badge-danger.focus, a.badge-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
    }

    .badge-light {
        color: #212529;
        background-color: #f8f9fa
    }

    a.badge-light:focus, a.badge-light:hover {
        color: #212529;
        background-color: #dae0e5
    }

    a.badge-light.focus, a.badge-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
    }

    .badge-dark {
        color: #ced4da;
        background-color: #343a40
    }

    a.badge-dark:focus, a.badge-dark:hover {
        color: #ced4da;
        background-color: #1d2124
    }

    a.badge-dark.focus, a.badge-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
    }

    .jumbotron {
        background-color: #343a40;
    }

    .alert-heading {
        color: inherit
    }

    .alert-dismissible .close {
        color: inherit
    }

    .alert-primary {
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff
    }

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

    .alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db
    }

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

    .alert-success {
        color: #155724;
        background-color: #d4edda;
        border-color: #c3e6cb
    }

    .alert-success hr {
        border-top-color: #b1dfbb
    }

    .alert-success .alert-link {
        color: #0b2e13
    }

    .alert-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb
    }

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

    .alert-warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba
    }

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

    .alert-warning .alert-link {
        color: #533f03
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb
    }

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

    .alert-danger .alert-link {
        color: #491217
    }

    .alert-light {
        color: #818182;
        background-color: #fefefe;
        border-color: #fdfdfe
    }

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

    .alert-dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca
    }

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

    .progress {
        background-color: #e9ecef;
    }

    .progress-bar {
        color: #fff;
        background-color: #007bff;
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem
    }

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

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #dee2e6;
        background-color: #212529
    }

    .list-group-item-action:active {
        color: #d3d3d3;
        background-color: #343a40
    }

    .list-group-item {
        background-color: rgba(25, 29, 33, .05);
        border: 1px solid rgba(255, 255, 255, .125)
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #ced4da;
        background-color: rgba(25, 29, 33, .05)
    }

    .list-group-item.active {
        color: #000;
        background-color: #3395ff;
        border-color: #3395ff
    }

    .list-group-item-primary {
        color: #004085;
        background-color: #b8daff
    }

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

    .list-group-item-secondary {
        color: #383d41;
        background-color: #d6d8db
    }

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

    .list-group-item-success {
        color: #155724;
        background-color: #c3e6cb
    }

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

    .list-group-item-info {
        color: #0c5460;
        background-color: #bee5eb
    }

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

    .list-group-item-warning {
        color: #856404;
        background-color: #ffeeba
    }

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

    .list-group-item-danger {
        color: #721c24;
        background-color: #f5c6cb
    }

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

    .list-group-item-light {
        color: #818182;
        background-color: #fdfdfe
    }

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

    .list-group-item-dark {
        color: #1b1e21;
        background-color: #c6c8ca
    }

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

    .close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .close:hover {
        color: #fff;
    }
    button.close {
        background-color: transparent;
    }

    .toast {
        background-color: rgba(0, 0, 0, .85);
        background-clip: padding-box;
        border: 1px solid rgba(255, 255, 255, .1);
        box-shadow: 0 .25rem .75rem rgba(255, 255, 255, .1);
    }

    .toast-header {
        color: #ced4da;
        background-color: rgba(0, 0, 0, .85);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(255, 255, 255, .05);
    }

    .modal-content {
        background-color: #191d21;
        background-clip: padding-box;
        border: 1px solid rgba(255, 255, 255, .2);
    }

    .modal-backdrop {
        background-color: #000
    }

    .modal-header {
        border-bottom: 1px solid #343a40;
    }

    .modal-footer {
        border-top: 1px solid #343a40;
    }

    .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
        border-top-color: #000
    }

    .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
        border-right-color: #000
    }

    .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
        border-bottom-color: #000
    }

    .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
        border-left-color: #000
    }

    .tooltip-inner {
        color: #fff;
        background-color: #000;
    }

    .popover {
        text-shadow: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
    }

    .popover .arrow::after, .popover .arrow::before {
        border-color: transparent;
    }

    .bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {
        border-top-color: rgba(0, 0, 0, .25)
    }

    .bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
        border-top-color: #fff
    }

    .bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
        border-right-color: rgba(0, 0, 0, .25)
    }

    .bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
        border-right-color: #fff
    }

    .bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {
        border-bottom-color: rgba(0, 0, 0, .25)
    }

    .bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
        border-bottom-color: #fff
    }

    .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
        border-bottom: 1px solid #f7f7f7
    }

    .bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
        border-left-color: rgba(0, 0, 0, .25)
    }

    .bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
        border-left-color: #fff
    }

    .popover-header {
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
    }

    .popover-body {
        color: #212529
    }

    .carousel-control-next, .carousel-control-prev {
        color: #fff;
    }

    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
        color: #fff;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        background: 50%/100% 100% no-repeat
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
    }

    .carousel-indicators li {
        background-color: #fff;
        background-clip: padding-box;
    }

    .carousel-caption {
        color: #fff;
    }

    .spinner-border {
        border: .25em solid currentColor;
        border-right-color: transparent;
    }

    .spinner-grow {
        background-color: currentColor;
    }

    .bg-primary {
        background-color: #007bff !important
    }

    a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
        background-color: #0062cc !important
    }

    .bg-secondary {
        background-color: #6c757d !important
    }

    a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
        background-color: #545b62 !important
    }

    .bg-success {
        background-color: #28a745 !important
    }

    a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
        background-color: #1e7e34 !important
    }

    .bg-info {
        background-color: #17a2b8 !important
    }

    a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
        background-color: #117a8b !important
    }

    .bg-warning {
        background-color: #ffc107 !important
    }

    a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
        background-color: #d39e00 !important
    }

    .bg-danger {
        background-color: #dc3545 !important
    }

    a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
        background-color: #bd2130 !important
    }

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

    a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
        background-color: #dae0e5 !important
    }

    .bg-dark {
        background-color: #343a40 !important
    }

    a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
        background-color: #1d2124 !important
    }

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

    .bg-transparent {
        background-color: transparent !important
    }

    .bg-body {
        background: #191d21 !important;
    }

    .border {
        border: 1px solid #343a40 !important
    }

    .border-top {
        border-top: 1px solid #343a40 !important
    }

    .border-right {
        border-right: 1px solid #343a40 !important
    }

    .border-bottom {
        border-bottom: 1px solid #343a40 !important
    }

    .border-left {
        border-left: 1px solid #343a40 !important
    }

    .border-primary {
        border-color: #007bff !important
    }

    .border-secondary {
        border-color: #6c757d !important
    }

    .border-success {
        border-color: #28a745 !important
    }

    .border-info {
        border-color: #17a2b8 !important
    }

    .border-warning {
        border-color: #ffc107 !important
    }

    .border-danger {
        border-color: #dc3545 !important
    }

    .border-light {
        border-color: #f8f9fa !important
    }

    .border-dark {
        border-color: #343a40 !important
    }

    .border-white {
        border-color: #fff !important
    }

    .shadow-sm {
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
    }

    .shadow {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
    }

    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
    }

    .shadow-none {
        box-shadow: none !important
    }

    .stretched-link::after {
        background-color: rgba(0, 0, 0, 0)
    }

    .text-white {
        color: #fff !important
    }

    .text-primary {
        color: #007bff !important
    }

    a.text-primary:focus, a.text-primary:hover {
        color: #0056b3 !important
    }

    .text-secondary {
        color: #6c757d !important
    }

    a.text-secondary:focus, a.text-secondary:hover {
        color: #494f54 !important
    }

    .text-success {
        color: #28a745 !important
    }

    a.text-success:focus, a.text-success:hover {
        color: #19692c !important
    }

    .text-info {
        color: #17a2b8 !important
    }

    a.text-info:focus, a.text-info:hover {
        color: #0f6674 !important
    }

    .text-warning {
        color: #ffc107 !important
    }

    a.text-warning:focus, a.text-warning:hover {
        color: #ba8b00 !important
    }

    .text-danger {
        color: #dc3545 !important
    }

    a.text-danger:focus, a.text-danger:hover {
        color: #a71d2a !important
    }

    .text-light {
        color: #f8f9fa !important
    }

    a.text-light:focus, a.text-light:hover {
        color: #cbd3da !important
    }

    .text-dark {
        color: #343a40 !important
    }

    a.text-dark:focus, a.text-dark:hover {
        color: #121416 !important
    }

    .text-body {
        color: #d3d3d3 !important
    }

    .text-muted {
        color: #6c757d !important
    }

    .text-black-50 {
        color: rgba(0, 0, 0, .5) !important
    }

    .text-white-50 {
        color: rgba(255, 255, 255, .5) !important
    }

    .text-hide {
        color: transparent;
        background-color: transparent;
    }

    .navbar-brand {
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .nav-link {
        color: rgba(255, 255, 255, 0.75) !important;
    }

}