@import "../../style_config/config";

#root,.ReactModalPortal {
    .rc-menu {
        padding: 0;
        box-shadow: none;
        border: none;
        box-sizing: border-box;
        border-radius: 0px;
    }

    .rc-menu-item {
        padding: 0;
        padding-left:0!important;
    }
    .rc-menu-submenu-title {
        padding: 0;
        padding-left: 0!important;
        color: $html-color;
    }

    .rc-menu-submenu {
        .rc-menu {
            .JDsideNav__navLink  {
                padding-left: $sideNav-list-padding *2;
            }
        }
    }
}

#root,.ReactModalPortal {
    .JDmenu--sideNav {
        .rc-menu-submenu-title {
            box-sizing: border-box;
            border-bottom: $menu-border-bottom;
            padding-left: $sideNav-list-padding!important;
            height: $sideNav-list-li-height;
            display:flex;
            align-items: center;
        }

        .rc-menu-submenu-active .rc-menu-submenu-title {
            background-color: $grey-level1;
        }
    }

    .JDmenu--dropDown {

        .rc-menu-submenu-arrow {
            right: calc(#{$menu-dropDown-side-padding} + 5px);
        }

        .rc-menu-sub {
            border-bottom: $menu-border-bottom;
            padding: 0px $menu-dropDown-side-padding;
        }

        .rc-menu-submenu-title {
            box-sizing:border-box;
            border-bottom: $menu-border-bottom;
            padding-left: $menu-dropDown-side-padding!important;
            height: $sideNav-list-li-height;
            display:flex;
            align-items: center;
        }

        .rc-menu-submenu-active .rc-menu-submenu-title {
            background-color: $grey-level1;
        }
    }

}