/*
	Eco skins color
*/
:root {
	--main-bg-color:  #C00;
	--main-hover-color: orange;
  }
/* body{
	background: var(--main-bg-color);
} */
.datepicker td.active, .datepicker td.active:hover {
	background: var(--main-bg-color);
}
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
	background-color: var(--main-bg-color);
}
#loginbox .normal_text {
	background-color: var(--main-bg-color);
}
#sidebar {
	background: var(--main-bg-color);	
}
.menu-left .active {
	background: var(--main-bg-color);
}
#sidebar, #sidebar > a, #sidebar > ul li ul {
	background: var(--main-bg-color);	
}
#sidebar > ul li ul {
	border-radius: 5px;
	animation: growDown 350ms ease-in-out forwards;
	transform-origin: top center;
}
#sidebar > ul > div > li:hover, #sidebar > ul li ul li:hover a{
    background: var(--main-hover-color);
	transition: all 0.3s ease-in-out;
}
#sidebar > ul > div > li {
	/* border-right: 1px solid rgba(255, 255,255, 0.3); */
	border-right: 0;
}

#submenuinfo {
	width: 160px;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--main-bg-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--main-hover-color);
}

@keyframes growDown {
	0% {
		transform: scaleY(0);
	}
	80% {
		transform: scaleY(1.1);
	}
	100% {
		transform: scaleY(1);
	}
}

@media (max-width: 480px) {
	#sidebar > a {
		background: var(--main-bg-color);
	}
} 
@media (min-width: 481px) and (max-width: 970px) {
    /*body{ 
        background: var(--main-bg-color);
	}*/
	#sidebar, #sidebar > ul {	
		background: var(--main-bg-color);
		left: 0;
		position: fixed;
	}
	#ismartlogo{
		display: none !important;
	}
	#submenuinfo{
		float: none !important;
		right: unset !important;
	}
	#ulsubmenuinfo{
		right: unset !important; 
		left: 0px !important; 		
	}
}