.app-brand {
    height: 100px;
    padding-top: 12px;
}

.app-brand .layout-menu-toggle {
    background-color: #870f00 !important;
}

.app-brand-logo-main {
    background-image: url('../img/logo.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    margin-left: 25px;
    margin-right: 40px;
    margin-top: 25px;
}

.bg-footer-theme {
    background-color: transparent;
}

.bg-menu-theme {
    background-color: #870f00 !important;
}

.bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#870f00, #870F0060, #87100039);
}

.bg-menu-theme .menu-inner>.menu-item.active:before {
    background-color: #d91d1d5c !important;
}

.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: #8d4c4c5c !important;
}

.bg-menu-theme .menu-sub>.menu-item>.menu-link:before {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.bg-menu-theme .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle):before {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.bg-menu-theme .menu-inner .menu-sub>.menu-item.active .menu-icon {
    color: #fff !important;
}

.bg-menu-theme .menu-inner>.menu-item.active>.menu-link {
    background-color: #8d4c4c5c !important;
    color: white !important;
    position: relative;
    z-index: 1;
}

.bg-menu-theme .menu-inner>.menu-item.active>.menu-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(45deg, #b02b2b, #9d1818);
    border-radius: inherit;
    box-shadow: 0 0 15px 5px rgba(88, 88, 88, 0.5);
    opacity: .7;
    margin: -5px;
}

.bg-menu-theme::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-image: url('../img/sideBg.png');
    background-color: #870f00;
    background-position: left bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo-main {
    background-image: url('../img/logoSm.png');
    height: 52px;
    background-size: auto 100%;
    margin-left: 0;
    margin-right: auto;
}

.menu-inner-shadow {
    top: 6.225rem;
}

.ql-container {
    height: 500px;
}

@media (max-width: 1199.98px) {
    .app-brand .layout-menu-toggle {
        border: 7px solid #e35636 !important
    }
}

.flatpickr-day.selected {
    background-color: #b02b2b !important;
    border-color: #870f00 !important;
}

.flatpickr-day:hover,
.flatpickr-day.selected:hover {
    background-color: #cf4747 !important;
    border-color: #870f00 !important;
    color: #FFFFFF !important;
}

.op-a {
    color: var(--bs-primary) !important;
    line-height: 1.5em;
}

.op-a:hover {
    color: var(--bs-secondary) !important;
}