/*=============== Side Menu =============*/

@media (max-width: 1024px) {

    #main-sidebar {
        display: none;
        position: fixed;
        height: 100%;
        transform: var(--side-bar-transform);
        background: white;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        z-index: 1100;
        top: 0px;
    }

    /* Overlay */
    #overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }


    main {
        margin: 55px 0px 0.5rem 0.5rem !important;
        overflow: auto !important;
        background-color: rgb(248 250 253) !important;
    }

    .body-content {
        margin: 0px !important;
        background-color: rgb(248 250 253);
        overflow: hidden;
        border-radius: 0px !important;
    }

    aside .sidebar a {
        width: 250px;
    }

    aside {
        padding-left: 10px;
        padding-right: 10px;
    }


        aside .sidebar a span {
            font-size: 2rem;
            margin-left: -10px;
        }

    .top-bar {
        position: fixed;
        top: 7px;
        left: 0px;
        right: 0px;
        z-index: 1000;
        background-color: var(--color-white);
        width: 100% !important;
    }
}
/*=================End Side Menu================*/