h1 {
    font-family: Roboto !important;
    font-weight: 600 !important;
    font-size: 40px !important
}

.link-primary {
    color: #9D2235 !important
}

.link-primary:hover,
.link-primary:focus {
    color: #E82B2A !important
}

.btn-primary {
    background-color: #9D2235 !important
}

.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    border-color: #8d1f30 !important;
    background-color: #8d1f30 !important
}

.validationerror {
    color: #9D2235 !important;
    font-weight: 600
}

#toastr-container > div {
    opacity: 0.98 !important;
}

.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    color: #9D2235 !important;
}

.app-header .app-header-secondary {
    background: #222 !important;
}

.app-header-primary {
    background-color: #222 !important;
    border-bottom: 1px solid #222 !important;
}

.menu-title {
    color: white !important
}

.menu-title {
    border-bottom: 8px solid #222 !important
}
.menu-title:hover {
    border-bottom: 8px solid #A41E35 !important
}

body, .app-default {
    background-color: #fff !important;
}
.app-content {
    background-color: #fff !important;
}

.btn-check:checked + .app-header .app-header-primary .custom-btn i, .btn-check:checked + .app-header .app-header-primary .custom-btn .svg-icon, .btn-check:active + .app-header .app-header-primary .custom-btn i, .btn-check:active + .app-header .app-header-primary .custom-btn .svg-icon, .app-header .app-header-primary .custom-btn:focus:not(.btn-active) i, .app-header .app-header-primary .custom-btn:focus:not(.btn-active) .svg-icon, .app-header .app-header-primary .custom-btn:hover:not(.btn-active) i, .app-header .app-header-primary .custom-btn:hover:not(.btn-active) .svg-icon, .app-header .app-header-primary .custom-btn:active:not(.btn-active) i, .app-header .app-header-primary .custom-btn:active:not(.btn-active) .svg-icon, .app-header .app-header-primary .custom-btn.active i, .app-header .app-header-primary .custom-btn.active .svg-icon, .app-header .app-header-primary .custom-btn.show i, .app-header .app-header-primary .custom-btn.show .svg-icon, .show > .app-header .app-header-primary .custom-btn i, .show > .app-header .app-header-primary .custom-btn .svg-icon {
    color: #9D2235 !important
}

@media (max-width: 991.98px) {
    .menu-title {
        color: #222 !important
    }
    .menu-title {
        border-bottom: 0 !important
    }

    .menu-title:hover {
        border-bottom: 0 !important
    }
    .menu-item {
        height: auto !important;
        padding-bottom: 15px !important
    }
    .global-site-name {
        display: none
    }
    .app-sidebar-logo-default {
        height: 50px !important
    }
}
.global-site-name {
    font-family: "Faustina";
    font-weight: 400;
    color: #fff;
    font-size: 50px;
    margin-top: auto;
    padding-left: 20px
}

.dt-empty {
    text-align: center !important;
    font-weight: 500 !important
}

.page-link.active, .active > .page-link {
    background-color: #9D2235 !important;
    border-color: #9D2235 !important;
}