body {
    /* The image used */
    background-image: url("../img/bg1.png");

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #272727;
        color: #fff;
    }
    .btn:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .btn:focus, .btn.focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .btn-primary {
        background-color: #E53935;
        border-color: #E53935;
    }

    .btn-primary:hover {
        background-color: #DF2722;
        border-color: #DF2722;
    }

    .btn-primary:focus, .btn-primary.focus {
        background-color: #DF2722;
        border-color: #DF2722;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #F26262;
        border-color: #F26262;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #DF2722;
        border-color: #DF2722;
    }
    .card {
        background-color: #424242;
        border: 1px solid rgba(0, 0, 0, 0.125);
    }
    .card-footer {
        background-color: #353535;
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }
    .badge-primary {
        color: #FFA19F;
        background-color: #E53935;
    }
    .bg-primary {
        background-color: #A41E1E !important;
    }
    .form-control {
        color: #fff;
        background-color: #393939;
        border: 2px solid #626262;
        outline: 0;
    }
    .form-control:focus {
        color: #fff;
        background-color: #404040;
        border: 2px solid #626262;
        outline: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .table {
        color: #fff;
    }
    .table th,
    .table td {
        border-top: 1px solid #474747;
    }
    .table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.075);
    }
    .popover {
        background-color: #404040;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
    }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
        border-top-color: #404040;
    }
    .popover-header {
        background-color: #E53935;
        border-bottom: 1px solid #E53935;
        color: #fff;
    }
    .popover-body {
        color: #fff;
    }
    .modal-content {
        background-color: #404040;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    pre {
        color: #fff;
        border: 0;
    }
    .text-danger {
        color: #FF7B7B !important;
    }
    .text-muted {
        color: #BDBDBD !important;
    }
    .btn-outline-secondary {
        color: #BDBDBD;
        border-color: #BDBDBD;
    }

    .btn-outline-secondary:hover {
        color: #4B4B4B;
        background-color: #BDBDBD;
        border-color: #BDBDBD;
    }
    .content-wrapper {
        background-color: #353535;
        color: #fff !important;
    }
    .nav-item > .active {
        background-color: #E53935 !important;
    }
    .text-dark {
        color: #fff !important;
    }
    .navbar-white {
        background-color: #232323;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #fff;
    }
    .info-box {
        background-color: #424242;
    }
    .main-header {
        border-bottom: none;
    }
    .main-footer {
        background-color: #232323;
        border-top: none;
        color: #869099;
        padding: 1rem;
    }
    a {
        color: #FF7777;
    }
    a:hover {
        color: #FF9191;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #FF9191;
    }
    .input-group-text {
        color: #fff;
        background-color: #626262;
        border: 1px solid #626262;
        border-radius: .25rem;
    }
    .form-control:disabled, .form-control[readonly] {
        background-color: #4F4F4F;
        opacity: 1;
    }
    .nav-pills .nav-link:not(.active):hover {
        color: #FF9191;
    }
    .text-primary {
        color: #FF7777 !important;
    }
    .btn-default {
        background-color: #747474;
        border-color: #747474;
        color: #fff;
    }
    .btn-default.hover, .btn-default:active, .btn-default:hover {
        background-color: #808080;
        color: #fff;
    }
    .custom-control-input:checked~.custom-control-label::before {
        color: #fff;
        border-color: #FF7777;
        background-color: #FF7777;
        box-shadow: none;
    }
    [class*=sidebar-dark-] {
        background-color: #484848;
    }
}