/* nicescroll-rails */
#ascrail2000.nicescroll-rails {
    left: 252px !important;}
/* small-width */
@media (min-width: 992px) {
.body-class #ascrail2000.nicescroll-rails {
    left: 92px !important;}
}
/* open-sidebar */
@media (max-width: 991px) {
body:not(.open-sidebar) #ascrail2000.nicescroll-rails {
    left: 0 !important;}
}

/* sidebar-toggle */
.header .sidebar-toggle {
    position: absolute;
	width: 30px;
	height: 20px;
    left: 15px;
    top: 11px;
    cursor: pointer;
    min-width: auto;
    border: none;
    box-shadow: none;
    padding: 0;}
.header .sidebar-toggle span {
    height: 2px;
	width: 100%;
	position: absolute;
	background: #98999c;}
.header .sidebar-toggle span:nth-child(2) {
    top: 8px;}
.header .sidebar-toggle span:nth-child(3) {
    top: 16px;}


/* sidebar-menu, side-menu-head, sidebar-footer */    
.sidebar-menu,
.side-menu-head,	  
.sidebar-footer {
     width: 260px;}	
	 
/* common */	   
#sidebar {
    height: 100%;
    height: 100vh;
    position: fixed;
    background: #fff;
    left: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;}	

@media (min-width: 992px) {  
/* common */
#sidebar {
	z-index: 100;} 		
}
@media (max-width: 991px) { 
#sidebar {
	z-index: 100;
    left: -260px;}
}


/* side-menu-head */
.side-menu-head {
	padding: 10px;
    display: table;
    background: #f5f5f5;
    text-align: center;}
/* a */
.side-menu-head a {
    text-decoration: none;}
/* img */
.side-menu-head .insti-logo,
.side-menu-head .profile-icon {
    height: 40px;}
/* insti-logo */
.side-menu-head .insti-logo {
    max-width: 100%;}
/* profile-icon */
.side-menu-head .profile-icon {
    background-color: #fff;
    border-radius: 100%;
    object-fit: cover;
    padding: 2px;
    width: 40px;}
/* name */
.side-menu-head .name {
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
	color: #333;}
@media (min-width: 992px) {
.side-menu-head {
    position: fixed;
    z-index: 1;
    overflow: hidden;
    backface-visibility: hidden;
    will-change: overflow;}
}




/* side-menu-body */
.side-menu-body {
    padding-right: 20px;}
@media (min-width: 992px) {
.side-menu-body {
    padding-top: 100px;
    padding-bottom: 20px;}
}
@media (max-width: 991px) {
.side-menu-body {
    padding-top: 70px;
    padding-bottom: 30px}
}



/* li, a, i, img */    
.sidebar-menu li {
  list-style: none;  
  text-transform: capitalize;}  
.sidebar-menu li a {
    border-radius: 0 25px 25px 0;}
.sidebar-menu li a.active {
    background: #e3f9fe;
    color: #2288db;
    font-weight: bold;}
.sidebar-menu li a.active::before {
    content: '';
    background: #2288db;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 10px 10px 0;}
.sidebar-menu li a img {
    margin-right: 15px;
    height: auto;
    width: 17px;}
.sidebar-menu li a.active img:first-of-type,
.sidebar-menu li a:not(.active) img:last-of-type,
.sidebar-menu li a:hover img:first-of-type {
    display: none;}
.sidebar-menu li a:hover img:last-of-type {
    display: initial;}
.sidebar-menu li a .fa {
    font-size: 18px;
    color: #525758;
    position: relative;
    top: 4px;
    margin-right: 4px;}
.sidebar-menu li a span {
    position: relative;
    top: 2px;}
.sidebar-menu li a:hover, .sidebar-menu li a:focus {
    background: #f8f9f8;
    color: #5a5d5c;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.sidebar-menu li a:focus span,
.sidebar-menu li a:focus span {
    color: #000;}	
/* circle */	
.sidebar-menu li a .circle {
    background: #ff4a5f;
    color: #fff;
    border-radius: 100%;
    padding: 2px 6px;
    font-size: 11px;
    display: initial;
    position: relative;
    bottom: 5px;}

/* a:not */  
.sidebar-menu li a,
.sidebar-menu .sub-menu-link,
.sidebar-menu a.sub-menu-link:not([href]):not([tabindex]), 
.sidebar-menu a.sub-menu-link:not([href]):not([tabindex]):focus, 
.sidebar-menu a.sub-menu-link:not([href]):not([tabindex]):hover,
.sidebar-menu li a:not([href]):not([tabindex]), 
.sidebar-menu li a:not([href]):not([tabindex]):focus, 
.sidebar-menu li a:not([href]):not([tabindex]):hover {
    color: #525758;}


/* li a, sub-menu */	
.sidebar-menu li a,
.sidebar-menu .sub-menu-link {
	display: block;
    padding: 10px 0px 10px 25px;
    font-size: 13px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 2px;}
.sidebar-menu li a:hover img {
	opacity: .8;}
    
    
/* sub-menu */
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}	
ul.open-sub-menu  {
  display: block;}
.sidebar-menu .sub-menu-link {
    cursor: pointer;}
.sidebar-menu .sub-menu li:last-child {
    margin-bottom: 0;}	
.sidebar-menu li .sub-menu-link i {
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.sidebar-menu li .sub-menu li a i {
    font-size: 11px;
    padding-right: 7px;
    padding-left: 7px;}	
.sidebar-menu li .sub-menu li a {
    background: transparent;
    padding-left: 35px;}
.sidebar-menu li .sub-menu a.active::before {
    background: transparent;}
.sidebar-menu li .sub-menu li a .fa {
    top: 0;}
.sidebar-menu li .sub-menu li a span {
    top: 0;}
.sidebar-menu li i.fa-chevron-down {
    margin-right: 8px;
    margin-left: 5px;
    float: right;
    color: #fff;
    background: #dedede;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    font-size: 9px;}
.sidebar-menu li a .fa:not(.fa-chevron-down, .fa-circle-o) {
    top: 2px;
    width: 33px;
    height: 22px;}
.sidebar-menu li a:hover .fa:not(.fa-chevron-down),
.sidebar-menu li a.active .fa:not(.fa-chevron-down) {
    color: #29abe2;}


.sidebar-menu li.open .sub-menu-link {
    color: #272727;
    background: #e2e6e0;}
.sidebar-menu li.open i.fa-chevron-down {
	margin-top: 4px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);}
.sidebar-menu li.default .sub-menu {display: block;}
.sub-menu {
 	display: none;
    background: #fff;
 	font-size: 14px;}	
.sub-menu a {
 	display: block;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
     transition: all 0.25s ease;}


/* swipe-area-btn */	
.swipe-area-btn {
	position: fixed;
	top: 45px;
	left: 0;
	bottom: 0;
    z-index: 100;
    height: 100%;
    width: 15px;}
.open-sidebar .swipe-area-btn {
    padding-left: 260px;
	background: #18181973;
	width: 100%;
    top: 0;}
@media (min-width: 992px) {  		
.swipe-area-btn {
    display: none;}	
}
  
    
/* sidebar-toggle */	
#sidebar .sidebar-toggle {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 22px;
    height: 22px;
    opacity: 0.3;
    cursor: pointer;}
#sidebar .sidebar-toggle:hover {
  opacity: 1;}
#sidebar .sidebar-toggle:before, 
#sidebar .sidebar-toggle:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 23px;
  width: 2px;
  background-color: #070808;}
#sidebar .sidebar-toggle:before {
  transform: rotate(45deg);}
#sidebar .sidebar-toggle:after {
  transform: rotate(-45deg);}
@media (min-width: 992px) {  		
.header .sidebar-toggle,
#sidebar .sidebar-toggle {
    display: none;}	
}


/* sidebar-footer */
.sidebar-footer {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #e8e8e8;
    padding: 10px 0;
    background: #fff;
    text-align: center;}
.sidebar-footer .logo {
	height: 20px;}
@media (max-width: 499px) {		
.sidebar-footer p {
     margin: 0;
	 padding: 5px 0;}
		
}


/* open-sidebar */
@media (max-width: 991px) {	
.open-sidebar {
    overflow-y: hidden;}	
.open-sidebar #sidebar {
    left: 0 !important;}	
}



/* small-width */
@media (min-width: 992px) {
/* sidebar */
.body-class #sidebar {
    left: 0;}
.body-class .side-menu-body {
    padding-top: 70px;
    padding-right: 30px;}
/**/
.body-class .sidebar-menu, 
.body-class .side-menu-head, 
.body-class .sidebar-footer {
    width: 100px;}
.body-class .side-menu-head {
    display: none;}
.body-class .sidebar-menu li a span {
    display: none;}
.body-class .sidebar-menu li a, 
.body-class .sidebar-menu .sub-menu-link {
    padding-left: 25px;}
.body-class .sidebar-menu li i.fa-chevron-down {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: -25px;}
.body-class .sidebar-menu li .sub-menu li:hover a {
    width: 200px;}
.body-class .sidebar-menu li .sub-menu li a {
    padding-left: 25px;}
}