.menu-background {
    transition: 0.25s
}

    .menu-background:hover, .menu-background.active {
        background: var(--theme-color-hover);
    }

.transition-width {
    transition: width 0.5s;
}

.mb-24 {
    margin-bottom: 6rem;
}

.bg-theme {
    background: var(--theme-color);
}

.bg-theme-hover {
    background: var(--theme-color-hover) !important;
}

.text-theme {
    color: var(--theme-color-text);
}

.text-theme-2 {
    color: var(--theme-color-text-2) !important;
}

.text-theme-3 {
    color: var(--theme-color-hover) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}
/* Scroll bar display on sidemenu */
#sidemenuMiddleStatic {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: white transparent;
}

    /* For Chrome, Edge, Safari */
    #sidemenuMiddleStatic::-webkit-scrollbar {
        width: 6px;
    }

    #sidemenuMiddleStatic::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }

    #sidemenuMiddleStatic::-webkit-scrollbar-track {
        background: transparent;
    }

.display-none-collapse {
    display: block;
}

.display-block-collapse {
    display: none;
}

.collapse-menu .display-none-collapse {
    display: none;
}

.collapse-menu .display-block-collapse {
    display: block;
}

.min-h-screen {
    min-height: 100vh;
}

.h-6 {
    height: 1.5rem;
}

.w-6 {
    width: 1.5rem;
}

.w-10 {
    width: 2.5rem;
}

.w-14 {
    width: 3.5rem;
}

.w-84 {
    width: 21rem;
}

.w-88 {
    width: 22rem;
}

.ml-14 {
    margin-left: 3.5rem;
}

.main-content {
    transition: 0.5s;
}

@media (min-width: 991px) {
    .lg\:ml-88 {
        margin-left: 22rem;
    }
}