.leftbar_menu {
    z-index: 99999 !important;
}
.sidebar.responsive {
    padding-top: 40px;
}
.sidemenu_wrapper {
    position: relative;
    z-index: 999;
}
.sidemenu {
    position: relative;
    width: 100%;
    height: calc(100vh - 190px) !important;
    min-height:1px !important;
    padding-bottom: 0px;
}
/*.leftbar_menu .sidemenu.scroll_active:hover {
    overflow-x: hidden;
    overflow-y: auto;
}*/
    .sidemenu .main_menu {
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }
    .sidemenu ul,
    .sidemenu ul li {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }
        .sidemenu ul li {
            border-bottom: 1px solid rgba(0,0,0,0) !important;
        }
    .sidemenu .main_menu > li {
        padding-left:10px;
    }
.leftbar_menu.collapsed .sidemenu .main_menu > li {
    padding-left: 0px;
}

.sidemenu li .menu_item {
    font-family: 'Plus Jakarta Sans', sans-serif;
    display: block;
    height: 35px;
    line-height: 17px;
    padding: 8px 15px 10px 15px;
    text-shadow: none !important;
    font-size: 13px;
    text-decoration: none;
    color: #ffffff;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
    .sidemenu li .menu_item svg,
    .sidemenu li .sub_menu_item svg {
        width: 15px;
        height: 15px;
        position: relative;
        top: -2px;
        margin-right: 5px;
    }
    .sidemenu li .sub_menu_item svg {
        width: 13px;
        height: 13px;
    }
.sidemenu li .menu_item svg *,
.sidemenu li .sub_menu_item:hover svg * {
    stroke: #fff;
}
.sidemenu .main_menu > li > .menu_item {
	border-radius: 5px 0 0 5px;
	}
    .sidemenu .main_menu > li > .menu_item:hover {
        background: #2f395c;
    }
    .sidemenu .main_menu > li.menuopen > .menu_item,
    .sidemenu .main_menu > li > .menu_item.active {
        background: #ffffff;
        color: #1c3369;
        font-weight:700;
    }
        .sidemenu .main_menu > li.menuopen > .menu_item svg *,
        .sidemenu .main_menu > li > .menu_item.active svg * {
            fill: #1c3369;
        }

.leftbar_menu.collapsed .main-menu-txt,
.leftbar_menu.collapsed .sidemenu li.has_sub > a:after {
    display: none !important;
}
.leftbar_menu.collapsed .menu_item > .main-menu-txt {
    display: block !important;
    background: #1377d7;
    width: auto;
    position: absolute;
    left: 100%;
    top: 1px;
    padding: 8px 15px;
    height: 34px;
    border-radius: 6px;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
    pointer-events: none;
    opacity: 0;
    white-space:nowrap;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
    .leftbar_menu.collapsed .menu_item > .main-menu-txt:before {
        content: "";
        display: block !important;
        width: 0px;
        height: 0px;
        position: absolute;
        right: 100%;
        top: 11px;
        border-right: 7px solid #1377d7;
        border-top: 6px solid rgba(0,0,0,0);
        border-bottom: 6px solid rgba(0,0,0,0);
    }
.leftbar_menu.collapsed .menu_item:hover > .main-menu-txt {
    left: calc(100% + 8px);
    opacity: 1;
}

.sidemenu li.has_sub > a {
    position: relative;
}
    .sidemenu li.has_sub > a:after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-top: 1px solid rgba(255,255,255,0.6);
        border-right: 1px solid rgba(255,255,255,0.6);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        right: 12px;
        top: 15px;
        pointer-events: none;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
    }
.sidemenu li .menu-icon {
    display: inline-block;
    min-width: 30px; height:17px;
    margin-right: 2px;
    vertical-align: sub;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
	}
/*.sidemenu li .menu-ico {
    display:none !important;
    }*/

.sidemenu .main_menu .sub_menu_wrapper {
    position: absolute;
    left: 100%;
    top: -80px;
    width: 220px;
    background: #ffffff;
    height: calc(100vh - 70px);
    padding: 10px 0px;
    box-shadow: 7px 0px 4px rgba(0,0,0,0.15);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
    .sidemenu .main_menu .menuopen > .sub_menu_wrapper {
        display: block;
        width: 240px;
        opacity: 1;
        z-index: 99991;
        pointer-events: all;
        overflow-y:auto;
    }
        .sidemenu .main_menu .menuopen > .sub_menu_wrapper + .menu-overlay {
            position: absolute;
            left: 100%;
            top: 0px;
            z-index:9999;
            width: calc(100vw - 180px);
            height: calc(100vh - 82px);
            background: rgba(255,255,255,0);
            pointer-events: none;
            transition: all 0.3s ease-out 0s;
            -webkit-transition: all 0.3s ease-out 0s;
        }
        .sidemenu .main_menu .menuopen > .sub_menu_wrapper + .menu-overlay {
            background: rgba(255,255,255,0.2);
            pointer-events: all;
            display:none;
        }

    .sidemenu .menu-title {
        font-size: 13px;
        color: #2187e7;
        padding: 0px 15px 6px;
        border-bottom: 1px solid #080f46;
        margin-bottom: 3px;
        font-weight: 600;
    }
    .sidemenu .sub_menu_wrapper ul {
        padding: 0px 0px 10px;
    }
        .sidemenu .sub_menu_wrapper ul a {
            display: block;
            text-decoration: none !important;
            padding: 7px 15px;
            font-size: 13px;
        }
            .sidemenu .sub_menu_wrapper ul a.active,
            .sidemenu .sub_menu_wrapper ul a:hover {
                background: #1c3369;
                color:#ffffff;
            }

.sidemenubtn_bg {
    display: none;
}
@media(max-width:1023px) {
.leftbar_menu { width:200px; height:calc(100vh - 100px); min-height: 0px; }
.sidebar.responsive {
	padding-top: 0px;
	overflow: visible !important;
	width: 100vw !important;
	left: auto !important;
	transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	}
.sidemenubtn_bg {
	display: block;
	padding: 5px;
	width: 30px;
	height: 20px;
	border-radius: 0px;
	margin: 6px 0 0 3px;
	}
    .sidemenubtn {
        display: block;
        position: absolute;
        left: 10px;
        top: 72px;
        z-index: 99;
        width: 20px;
        height: 15px;
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }
.sidemenubtn:before,
.sidemenubtn:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: calc(50% - 1px);
	width: 100%;
	height: 0px;
	border-top: 2px solid #ffffff;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	}
.sidemenubtn.menuopen {
	border-color: rgba(0,0,0,0) !important;
	}
.sidemenubtn.menuopen:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	}
.sidemenubtn.menuopen:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	}
.sidemenu_wrapper {
	position: relative;
	width: 200px;
}
.sidemenu {
	position: absolute;
	right: 0vh;
	width: 200px;
	height: auto;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	}

.sidemenu_wrapper.menuopen .sidemenu { right: 0px; }

.sidemenu li.has_sub.menuopen {
	/*border-left: 1px solid #032741;*/
	}
.sidemenu .sub_menu {
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	display: none;
	/*border-left: 15px solid #003c66;*/
	}
.sidemenu .menuopen > .sub_menu {
	display: block;
	}
.sidemenu li.has_sub.menuopen:after {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	}
}
@media(min-width:768px) and (max-width:1023px) {
.navbar {
	min-height:105px;
    }
.logo-header-web {
	background: none;
	width: 80px;
	height: 65px;
	margin-bottom:0px;
    }
.logo-header-web img {
	display: block;
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
    }
#navbar #login-user-name {
	display:none !important;
    }
.navbar .navbar-header ul.nav {
	float:right;
    }
.navbar .school-name-mh {
	font-size: 18px;
    }
/*.sidemenu_wrapper, .sidemenu {
    width: 300px !important;
    }*/
    .leftbar_menu.collapsed .sidemenu_wrapper,
    .leftbar_menu.collapsed .sidemenu {
        width: auto;
    }
    .leftbar_menu.collapsed .sidemenu {
        position: relative;
    }
    .sidemenubtn_bg {
        margin-right: 15px;
    }
}
@media(max-width:767px) {
    
    
}

/* Dark theme */
body.dark-theme .sidemenu .main_menu > li.menuopen > .menu_item,
body.dark-theme .sidemenu .main_menu > li > .menu_item.active {
    background: #3b4464;
    color: #ffffff;
}
    body.dark-theme .sidemenu .main_menu > li.menuopen > .menu_item svg *,
    body.dark-theme .sidemenu .main_menu > li > .menu_item.active svg * {
        fill: #fff;
    }
body.dark-theme .sidemenu .main_menu .sub_menu_wrapper {
    background: #3b4464;
    color: #ffffff;
}
body.dark-theme .sidemenu .sub_menu_wrapper ul a {
    color: #ffffff;
}

    body.dark-theme .sidemenu .sub_menu_wrapper ul a.active,
    body.dark-theme .sidemenu .sub_menu_wrapper ul a:hover {
        background: #1377d7;
        color: #ffffff;
    }
body.dark-theme .sidemenu .menu-title {
    border-bottom-color: rgba(150,150,150,0.2);
}