﻿@media (min-width: 992px) {
    .aside-enabled.aside-fixed.header-fixed .header {
        left: 0 !important;
    }

    .aside-enabled.aside-fixed.header-fixed[data-kt-aside-minimize=on] .header {
        left: 0 !important;
    }

    .aside-enabled.aside-fixed.toolbar-fixed[data-kt-aside-minimize=on] .toolbar {
        left: 0 !important;
    }

    .header-fixed .header {
        z-index: 102 !important;
    }

    [data-kt-aside-minimize=on] .aside {
        width: 0 !important;
    }

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
        color: #000 !important;
    }

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
        color: #000 !important;
    }

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
        color: #000 !important;
    }

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
        background-color: #000 !important;
    }

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
        background-color: #9a9cae !important;
    }

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
        background-color: silver !important;
    }

    #IdUtmCourse > div::-webkit-scrollbar-thumb,
    #IdUtmCourse > main::-webkit-scrollbar-thumb,
    #IdUtmCourse > ol::-webkit-scrollbar-thumb,
    #IdUtmCourse > pre::-webkit-scrollbar-thumb,
    #IdUtmCourse > span::-webkit-scrollbar-thumb,
    #IdUtmCourse > ul::-webkit-scrollbar-thumb {
        background-color: #81163f !important;
    }

    div, main, ol, pre, span, ul {
        scrollbar-color: #e9edf1 transparent !important;
    }

        div:hover, main:hover, ol:hover, pre:hover, span:hover, ul:hover {
            scrollbar-color: #81163F transparent !important;
        }
}

@media (min-width: 992px) {
    [data-kt-app-sidebar-minimize=on] {
        --bs-app-sidebar-width: 0px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px;
    }

    :root {
        --bs-app-header-height: 60px;
        --bs-app-header-height-actual: 60px;
    }
}

[data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header, [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
    left: 0;
    z-index: 106;
}

[data-kt-drawer="on"][data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header, [data-kt-drawer="on"][data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
    left: 0;
    z-index: 105;
}

.mt-21 {
    margin-top: 5.25rem !important
}

.mt-22 {
    margin-top: 5.5rem !important
}

.mt-23 {
    margin-top: 5.75rem !important
}

.mt-24 {
    margin-top: 6rem !important
}

.mt-25 {
    margin-top: 6.25rem !important
}

.mt-26 {
    margin-top: 6.5rem !important
}

.mt-27 {
    margin-top: 6.75rem !important
}

.mt-28 {
    margin-top: 7rem !important
}

@media(min-width: 1200px) {
    .fact {
        flex-direction: row !important;
    }

    .fact-order-section {
        order: 1 !important;
    }

    .fact-order-statistic {
        order: 6 !important;
    }
}

.fact-body {
    container-type: inline-size;
}

@container(width < 230px) {
    .fact {
        flex-direction: column !important;
    }

    .fact-order-section {
        order: 1 !important;
        /*order: 6 !important;
        margin-top: -0.75rem !important;
        border: grey 1px solid;
        padding: 0.5rem;
        width: 100%;
        z-index: -1;*/
    }

        .fact-order-section i, .fact-order-section span {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }

    .fact-order-statistic {
        order: 6 !important;
        /*order: 1 !important;*/
    }
}

.min-w-320px {
    min-width: 320px !important;
}

.min-w-320px {
    min-width: 320px !important;
}

.min-w-330px {
    min-width: 330px !important;
}

.min-w-340px {
    min-width: 340px !important;
}

.aside-menu .menu-item .menu-link.active:after {
    border: 0 !important;
}

.aside .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb {
    background-color: #e3e3e3 !important;
}

.aside-menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.aside-menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: #b5b8c0 !important;
}

    .aside-menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here)
    .menu-title, .aside-menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
        color: #000 !important;
    }

    .aside-menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here)
    .menu-icon i, .aside-menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
        color: #000 !important;
    }

    .aside-menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here)
    .menu-bullet .bullet, .aside-menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
        background-color: #000 !important;
    }

.aside-menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: #b5b5c3 !important;
}

.aside-menu .menu-item .menu-link.active {
    background-color: #81163F !important;
}

.aside-dark .menu .menu-item .menu-link .menu-title {
    color: #000;
}

.topbar .show > .topbar-item i, .topbar .topbar-item.show i, .topbar .topbar-item:hover i {
    color: #000 !important;
}

.card {
    border-radius: 0.5rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

a.menu-link.disabled, #IdQuicklink a.disabled {
    pointer-events: none;
    cursor: not-allowed;
    font-style: italic;
    opacity: 0.5;
}

.select2-container.select2-container--disabled .select2-selection--multiple, .select2-container.select2-container--disabled .select2-selection--single {
    background-color: #F3F6F9 !important;
    opacity: 1 !important;
}

.breadcrumb .breadcrumb-item:after {
    content: "\F285" !important;
    font-family: 'bootstrap-icons';
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {   
    background-color: silver !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #000 !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
    color: #000 !important;
}

thead.bg-custom-hr th {
    text-transform: uppercase;
    background-color: #dcf5e7 !important;
}