.layout-1 .sidebar .menu-list {
    border: 1px dashed var(--border-color);
    list-style: none;
    border-radius: .75rem;
    padding: 0 1rem;
}

    .layout-1 .sidebar .menu-list > li {
        border-bottom: 1px dashed var(--border-color);
    }

        .layout-1 .sidebar .menu-list > li:last-child {
            border-bottom: 0;
        }

    .layout-1 .sidebar .menu-list .m-link, .layout-1 .sidebar .menu-list .ms-link {
        display: flex;
    }

        .layout-1 .sidebar .menu-list .m-link.active, .layout-1 .sidebar .menu-list .m-link:hover, .layout-1 .sidebar .menu-list .ms-link.active, .layout-1 .sidebar .menu-list .ms-link:hover {
            color: var(--secondary-color);
        }

            .layout-1 .sidebar .menu-list .m-link.active::before, .layout-1 .sidebar .menu-list .m-link:hover::before, .layout-1 .sidebar .menu-list .ms-link.active::before, .layout-1 .sidebar .menu-list .ms-link:hover::before {
                display: block;
            }

    .layout-1 .sidebar .menu-list .m-link {
        color: var(--color-700);
        align-items: center;
        padding: 10px 0;
    }

    .layout-1 .sidebar .menu-list .ms-link {
        color: var(--color-700);
        position: relative;
        padding: 4px 0; /*font-size:15px;*/
    }

        .layout-1 .sidebar .menu-list .ms-link::before {
            background-color: var(--menu-border-color);
            content: "";
            display: none;
            position: absolute;
            height: 9px;
            width: 9px;
            left: -22px;
            top: 10px;
            border-radius: 10px;
        }

    .layout-1 .sidebar .menu-list .divider {
        color: var(--color-700);
    }

        .layout-1 .sidebar .menu-list .divider .small, .layout-1 .sidebar .menu-list .divider small { /*font-size:12px;*/
        }

    .layout-1 .sidebar .menu-list .sub-menu {
        transition: ease .2s;
        list-style: none;
        position: relative;
        padding-left: 28px;
    }

@media (prefers-reduced-motion:reduce) {
    .layout-1 .sidebar .menu-list .sub-menu {
        transition: none;
    }
}

.layout-1 .sidebar .menu-list .sub-menu li:last-child {
    padding-bottom: 15px;
}

.layout-1 .sidebar .menu-list .sub-menu::before {
    background-color: var(--menu-border-color);
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 10px;
    top: 0;
}

.layout-1 .sidebar.sidebar-mini .menu-list {
    padding: 0;
}

    .layout-1 .sidebar.sidebar-mini .menu-list > li {
        position: relative;
    }

        .layout-1 .sidebar.sidebar-mini .menu-list > li:hover > .sub-menu {
            overflow-y: auto;
            scroll-behavior: smooth;
            -ms-overflow-style: none;
            scrollbar-color: var(--card-color) var(--card-color);
            scrollbar-width: thin;
            display: block !important;
            position: fixed;
            top: 0;
            left: 55px;
            height: 100%;
            border-radius: 0;
        }

            .layout-1 .sidebar.sidebar-mini .menu-list > li:hover > .sub-menu::-webkit-scrollbar {
                background: var(--card-color);
                visibility: visible;
                width: 6px;
            }

            .layout-1 .sidebar.sidebar-mini .menu-list > li:hover > .sub-menu:hover {
                scrollbar-color: var(--secondary-color) var(--card-color);
            }

                .layout-1 .sidebar.sidebar-mini .menu-list > li:hover > .sub-menu:hover::-webkit-scrollbar-thumb {
                    background: var(--secondary-color);
                }

            .layout-1 .sidebar.sidebar-mini .menu-list > li:hover > .sub-menu::-webkit-scrollbar-track {
                visibility: visible;
                background: var(--card-color);
            }

            .layout-1 .sidebar.sidebar-mini .menu-list > li:hover > .sub-menu::-webkit-scrollbar-thumb {
                background: var(--card-color);
                visibility: visible;
            }

        .layout-1 .sidebar.sidebar-mini .menu-list > li > .sub-menu {
            background: var(--bs-body-bg);
            border-left: 10px solid var(--sidebar-color);
            position: absolute;
            border-radius: .75rem;
            box-shadow: 8px 0 11px 0 rgba(25,24,24,.1);
            width: 260px;
            padding: 20px 0;
            left: -400px;
            top: 0;
        }

            .layout-1 .sidebar.sidebar-mini .menu-list > li > .sub-menu li {
                padding: 0 2rem;
            }

                .layout-1 .sidebar.sidebar-mini .menu-list > li > .sub-menu li .ms-link {
                    padding: 8px;
                    border-bottom: 1px dashed var(--menu-border-color);
                }

            .layout-1 .sidebar.sidebar-mini .menu-list > li > .sub-menu .sub-menu {
                padding-left: 0;
            }

            .layout-1 .sidebar.sidebar-mini .menu-list > li > .sub-menu:before {
                display: none;
            }

            .layout-1 .sidebar.sidebar-mini .menu-list > li > .sub-menu::after {
                content: "";
                background-color: var(--menu-border-color);
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 2px;
            }

            .layout-1 .sidebar.sidebar-mini .menu-list > li > .sub-menu.show {
                display: none;
            }

        .layout-1 .sidebar.sidebar-mini .menu-list > li > .m-link {
            justify-content: center;
        }

            .layout-1 .sidebar.sidebar-mini .menu-list > li > .m-link span {
                display: none;
            }

            .layout-1 .sidebar.sidebar-mini .menu-list > li > .m-link .fa {
                width: 100%;
            }

    .layout-1 .sidebar.sidebar-mini .menu-list .ms-link::before {
        left: -13px;
        top: 14px;
    }

    .layout-1 .sidebar.sidebar-mini .menu-list .divider {
        display: none;
    }

.layout-1 .sidebar .menu-list a[aria-expanded=true] .arrow:before {
    content: "\f103";
}
