/* 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: #1e2944;
    left: 0;
    top: 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;*/
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);}

@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 {
    background: #1e2944;
	padding: 20px 10px;
    display: table;
    border-bottom: 1px solid #3a4d6f;}
/* 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 {
    font-size: 12px;
	color: #fff;
    text-transform: uppercase;
/* truncate */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}


@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: 10px;
    padding-top: 50px;}
@media (min-width: 992px) {
.side-menu-body {
    padding-left: 5px;
    padding-bottom: 15px;}
}
@media (max-width: 991px) {
.side-menu-body {
    padding-bottom: 30px}
}



/* li, a, i, img */
.sidebar-menu li {
  list-style: none;
  text-transform: capitalize;}
.sidebar-menu li a {
    border-radius: 0 10px 10px 0;}
.sidebar-menu li a.active {
    background: #2d447d;
    color: #ffffff;
    font-weight: bold;}
.sidebar-menu li a::before {
    content: '';
    width: 5px;
    height: 100%;
    position: absolute;
    left: -7px;
    top: 0;
    border-radius: 10px 0 0 10px;}
.sidebar-menu li a.active::before {
    background: #196bcd;}
.sidebar-menu li a:hover::before {
    background: #2d447d;}
.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: 16px;
    color: #e6e8ec;
    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: #2559b2;
    color: #fff;
    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;}

/* count-bell */
.sidebar-menu li a .count-bell {
    display: initial;
    position: relative;
    bottom: 5px;
    animation: MoveUpDown 1s linear infinite;}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 5px;
  }
  50% {
    bottom: 0;
  }
}
.sidebar-menu li a .count-bell .fa {
    font-size: 13px !important;
    color: #ff4a5f !important;}


/* 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: #c6c8cd;}


/* 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;
    margin-left: 5px;}
.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 .fa {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.sidebar-menu li .sub-menu {
    padding-top: 10px;
    padding-bottom: 10px;}
.sidebar-menu li .sub-menu li a {
    background: transparent;
    padding-left: 30px;}
.sidebar-menu li .sub-menu li a {
    padding-top: 8px;
    padding-bottom: 8px;}
.sidebar-menu li .sub-menu li a.active::before,
.sidebar-menu li .sub-menu li a:hover::before {
    background: transparent;}
.sidebar-menu li .sub-menu li a .fa {
    font-size: 11px;
    padding-right: 7px;
    padding-left: 7px;
    top: 0;}
.sidebar-menu li .sub-menu li a:hover .fa {
    color: #fff;}
.sidebar-menu li .sub-menu li a span {
    top: 0;}
/**/
.sidebar-menu li .sub-menu-link .fa.fa-chevron-down {
    margin-right: 8px;
    margin-left: 5px;
    float: right;
    color: #ccd6d5;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: right;
    font-size: 12px;}
.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: #fff;}

.sidebar-menu li.open .sub-menu-link {
    color: #272727;
    background: #283544;}
.sidebar-menu li.open .sub-menu-link::before {
    background: #2d447d;}
.sidebar-menu li.open .sub-menu-link .fa.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: #1b2c41;
 	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;}
}