/* ascrail2000 */
@media (min-width: 992px) {
body:not(.open-sidebar) #ascrail2000 {
    left: 53px !important;}
.open-sidebar #ascrail2000 {
    left: 249px !important;}
}
@media (max-width: 991px) {
body:not(.open-sidebar-mob) #ascrail2000 {
    display: none;}
}
/* common */	 
#sidebar {
    height: 100%;
    position: fixed;
    left: 0;}	
.sidebar-menu {
    width: 250px;
    padding-bottom: 60px;}	
.sidebar-menu ul {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;}
.sidebar-menu ul li {
    list-style: none;
    margin-bottom: 5px;}  
.sidebar-menu ul li a {
	display: block;
    color:#8C8C8C;
    text-decoration: none;
    position: relative;
    height: 35px;
    -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;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom: 15px;
    /**/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;} 
.sidebar-menu ul li a.active,
.sidebar-menu ul li a:hover {
    background-color: #03a9a01f;
    color: #3a3939;
    border-radius: 50px;
	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 ul li a.active {
    font-family:'poppinsmedium';}
.sidebar-menu ul li a .circle {
    position: relative;
    top: -13px;
    right: -112px;
    display: inline-block;
    font-size: 10px;
    background: #CD2424;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;}
.sidebar-menu ul li a .icon {
    position: relative;
    display: inline-block;
    height: 35px;
    width: 40px;
    border-radius: 10px;
    /* margin-right: 2px; */}
/* .sidebar-menu ul li a.active .icon,
.sidebar-menu ul li a:hover .icon {
    background-color: #03a9a0;} */
.sidebar-menu ul li a .icon .fa,
.sidebar-menu ul li a img {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);}
.sidebar-menu ul li a .fa {
    color: #A7A7A7;
    font-size: 18px;}
.sidebar-menu ul li a.active .fa {
    color: #fff;}
.sidebar-menu ul li a img {
    height: 16px;}	

/*
.sidebar-menu ul li a:not(:hover) img:last-of-type,*/
.sidebar-menu ul li a:hover img:first-of-type,
.sidebar-menu ul li a:not(.active) img:last-of-type,
.sidebar-menu ul li a.active img:first-of-type {
    display: none;}
.sidebar-menu ul li a:hover img:last-of-type {
    display: block;
}
.sidebar-menu ul li.open a img:last-of-type{
    display: block;
}
.sidebar-menu ul li a span {
    position: relative;
    top: -12px;}
@media (min-width: 992px) {  
#sidebar {
	top: 0px;
	z-index:101;
	-webkit-transition: left 0.1s ease-in-out;
    -moz-transition: left 0.1s ease-in-out;
    -ms-transition: left 0.1s ease-in-out;
    -o-transition: left 0.1s ease-in-out;
    transition: left 0.1s ease-in-out;
    padding-top: 30px;} 
}
@media (max-width: 991px) {	
#sidebar {
	z-index: 100;
    left: -276px;
	-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;
    padding-top: 45px;}
}



/* sub-menu */
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}	
.sidebar-menu  ul.open-sub-menu  {
  display: block;}  
.sidebar-menu .sub-menu-link {
    cursor: pointer;}	
.sidebar-menu ul li .sub-menu-link .fa {
	/*color: #595959;*/
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.sidebar-menu ul li .sub-menu li a{
    padding: 5px 10px;
    margin-left: 20px;}
.sidebar-menu ul li .sub-menu li a .fa {
    font-size: 13px;
    color: #8C8C8C;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}	
.sidebar-menu ul li .sub-menu li a span {
    top: initial;}	
.sidebar-menu ul li .fa.fa-chevron-down {
    font-size: 10px;
    color: #8C8C8C;
    position: absolute;
    right: 14px !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
/*
.sidebar-menu ul li.open .sub-menu-link {}*/

.sidebar-menu ul li.open .fa {
	color: #fff;}
.sidebar-menu ul li.open .fa.fa-chevron-down {
	margin-top: -4px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);}
.sidebar-menu .sub-menu {
 	display: none;
 	padding-bottom: 5px;}
.sidebar-menu ul li.open .sub-menu {
 	display: block;}
.sidebar-menu .sub-menu a {
    height: auto;
 	padding: 8px 10px;
    margin-bottom: 0;
    border-radius: 50px;}
.sidebar-menu ul li.open .sub-menu-link{border-radius: 50px;}




/* swipe-area-btn */
@media (max-width: 991px) {	
.swipe-area-btn {
	position: fixed;
	top: 45px;
	left: 0;
	bottom: 0;
    z-index: 100;
    height: 100%;
    width: 15px;}
}



/* open-sidebar */
@media (min-width: 992px) {
body:not(.open-sidebar) .sidebar-menu {
    width: 60px;}
body:not(.open-sidebar) .sidebar-menu ul {
    padding-left: 0;
    padding-right: 0;
    text-align: center;}
body:not(.open-sidebar) .sidebar-menu ul li a {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;} 
body:not(.open-sidebar) .sidebar-menu ul li a.active, 
body:not(.open-sidebar) .sidebar-menu ul li a:hover {
    background-color: transparent;}
body:not(.open-sidebar) .sidebar-menu ul li a span,
body:not(.open-sidebar) .sidebar-menu ul li .fa.fa-chevron-down {
    display: none;}
/* circle */
body:not(.open-sidebar) .sidebar-menu ul li a .circle {
    position: absolute;
    top: -10px;
    right: 10px;}
/* sub-menu */
body:not(.open-sidebar) .sidebar-menu .sub-menu {
    display: none !important;}
.open-sidebar .sidebar-menu ul li.open .sub-menu-link {
	margin-bottom: 5px;}
}



/* open-sidebar-mob */
@media (max-width: 991px) {
.open-sidebar-mob {
    overflow-y: hidden;}	
.open-sidebar-mob #sidebar {
    left: 0;}
.open-sidebar-mob .swipe-area-btn {
    padding-left: 230px;
	background-color: #18181973;
	width: 100%;
	top: 0;}
}


/* sidebar-toggle */	
@media (max-width: 991px) {	
.sidebar-menu .sidebar-toggle {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 22px;
    height: 22px;
    opacity: 1;
    cursor: pointer;}
.sidebar-menu .sidebar-toggle:hover {
    opacity: 1;}
.sidebar-menu .sidebar-toggle:before, 
.sidebar-menu .sidebar-toggle:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #fff;}
.sidebar-menu .sidebar-toggle:before {
    transform: rotate(45deg);}
.sidebar-menu .sidebar-toggle:after {
    transform: rotate(-45deg);}			
}
/* sidebar-toggle */
@media (min-width: 992px) { 	
.sidebar-menu .sidebar-toggle {
    display: none;}		
}