.fixed-menu {
    position: fixed;
    top: 0px;
    right: -300px;
    width: 300px;
    z-index: 1032;
    transition: all 0.5s Linear;
    max-height: 100%;
    height: 100%;
    .header{
        height: $headerHeight;
    }

    .body {
        height: calc(100% - 40px) ;
        max-height: calc(100% - 40px);
        overflow-y: auto;
    }
}

.fixed-menu-open {
    right: 0px;
}

.right_side, .mobile_sidebar {
    .menu {
        list-style: none;
        text-align: left;
        padding: 0px;
        margin-bottom: 0rem;
        background-color: $menuBackgroundColor;
        margin-top: 1px;

        li {
            margin: 0px;
            padding: 0px;
            border-bottom: solid 1px $liBorderBottom;
            a {
                font-size: 17px;
                display: block;
                padding: 5px;
                color: $aColor;
            }
            a:hover {
                text-decoration: none;
                background-color: $aHoverBackgroundColor;
                color: $aHoverColor;
            }

            a:before {
                content: '\0203A';
                margin-right: 5px;
            }

        }
        li:last-child {
            border-bottom: none;
        }
    }
}