a,
.text-danger {
    color: #bd2e30;
    text-decoration: none !important;
}

a:hover {
    color: #424242;
}

.btn-pure.btn-danger {
    background: unset !important;
    color: #bd2e30 !important;
    border: 0 !important;
}

/* Loading Screen */
#loading-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(105, 105, 105, 0.6);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

/* Spinner */
.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #bd2e30;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Loading Overlay */
.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ececec;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-overlay.active {
    opacity: 1;
    visibility: visible;
    transition: none;
}

.site-navbar {
    background: #bd2e30 !important;
}

.page-item.active .page-link {
    background: #bd2e30 !important;
    color: #fff !important;
}

.btn-primary {
    background: #bd2e30 !important;
    border-color: #bd2e30 !important;
}

.page-link:focus,
.page-link:hover {
    color: #c13f41 !important;
}

/* Navbar & Sidebar */
.site-menubar-unfold .site-menubar {
    width: 240px;
}

@media (min-width: 768px) {
    .site-menubar-unfold .page,
    .site-menubar-unfold .site-footer {
        margin-left: 240px !important;
    }

    .site-menubar-unfold .site-navbar .navbar-header {
        width: 240px;
    }
}

/* .site-menubar, */

.navbar-container {
    background-color: #bd2e30 !important;
}

.navbar-default .navbar-toolbar .nav-link,
.navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after,
.navbar-default .hamburger:before {
    color: #fff !important;
}

.navbar-default .hamburger:before,
.navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after {
    background: #fff !important;
}

.navbar-default .navbar-toolbar .nav-link:hover {
    background: rgba(33, 33, 33, 0.2) !important;
}

.nav-link:focus,
.nav-link:hover {
    color: #bd2e30 !important;
    background: none !important;
}

.site-menubar a:hover {
    color: #bd2e30 !important;
}

.site-menu-title {
    font-weight: 500 !important;
}

/* Page Background */
.page {
    background: #ebedf5 !important;
}

.panel {
    background: #ffffff !important;
}

/* Navbar Items */
li.nav-item.dropdown {
    border-left: 3px solid #fff;
    line-height: 30px !important;
}

.navbar-default .navbar-toolbar .nav-link {
    color: #fff !important;
    font-weight: 500 !important;
}

div.container {
    width: 80%;
}

/* Modal */
.modal-header {
    border-radius: 0.286rem 0.286rem 0 0;
    border-bottom: 1px solid #e0e0e0;
}

.modal-dialog.modal-scrollable {
    overflow-y: initial !important;
}

.modal-dialog.modal-scrollable .modal-body {
    height: 75vh;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .modal-lg {
        max-width: 80%;
    }
}

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

/* Forms */
.form-group {
    margin-bottom: 1.129rem !important;
}

.form-control {
    padding: 0.3rem 0.5rem;
}

.form-group .form-control-label {
    padding-top: 5px !important;
    font-weight: 400;
}

.select2-results__option {
    padding: 10px;
    padding-left: 20px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__placeholder,
.select2-container--default .select2-results > .select2-results__options,
.number-input {
    font-weight: 500;
}

.number-input {
    text-align: right !important;
}

input.disabled-input {
    background: transparent !important;
    border: none !important;
    font-weight: 700;
}

/* Miscellaneous */
.spacer-10 {
    height: 10px;
}

.spacer-20 {
    height: 20px;
}

.spacer-50 {
    height: 50px;
}

.spacer-100 {
    height: 100px;
}

.sub-title-form {
    border-bottom: 1.5px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

input.input-total {
    border-bottom: 2px solid #757575 !important;
    border-radius: unset !important;
}

.btn-icon,
.btn.icon {
    padding: 0.32rem !important;
}

#toast-container > div {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

img.img-ilustration {
    position: absolute;
    z-index: 1;
    margin-top: -70px;
    width: 200px;
    right: 0;
}

.panel,
.card {
    position: relative;
    z-index: 2;
}

.site-menu > .site-menu-item.active,
.site-menu > .site-menu-item.active > a,
.site-menu .site-menu-sub .site-menu-item.active {
    /* background: #feaba0; */
    background: unset !important;
}
.site-menu > .site-menu-item.active > a {
    color: unset !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e7e7e7 !important;
}

.input-total.form-control[readonly] {
    background-color: #fff !important;
}