html, body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	height:100%;
	width:100%;
}
hr{
	color:white;
}
.sidebar{
	/*padding-top: 80px;*/
	position: fixed;
	top: 60px;;
	left: 0;
	bottom:0;
	min-height: 100%;
	width: 230px;
	z-index: 810;
/*	background-color:#222d32;*/
	background-color:#0091e6;
	color:#FFF;
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	overflow-y: hidden;
}
.sidebar_small{
	width: 45px;
	overflow-y: hidden;
}
.sidebar_small .fa{
	font-size: 18px;
}
.sidebar_small span, .sidebar_small .chart-frame{
	display: none;
}

.sidebar_small .vertical-menu{
	padding-bottom: 55px;
}

.sidebar_scroll{
	max-height:100%;
	overflow:scroll;
}
.gradient-45deg-blue-grey-blue {
    background: #263238;
    background: -webkit-linear-gradient(45deg, #263238 0%, #2979FF 100%);
    background: linear-gradient(45deg, #263238 0%, #2979FF 100%);
}
.vertical-menu, .vertical-sub-menu{
	list-style:none;
	padding:0;
	margin:0;
    width: 100%; 
	height:100%;
}
.vertical-menu{
	margin-bottom:60px;
	
}

.vertical-menu li {
 /*   background-color: #eee; 
    color: black; 
    display: block; 
    padding: 10px; 
    text-decoration: none;
	transition: all .3s linear; 
	*/position:relative;
}

.vertical-menu  li:hover, .vertical-menu  li:hover{
    background-color: rgb(207, 224, 230,0.6);
/*	background-color: rgb(204, 204, 204,0.6);*/
}

.vertical-menu li.active{
	background-color: rgb(207, 224, 230,0.6);
    /*background-color:#cfe0e6;
	background-color: #FF9900;*/
    color: white;
}

.sub_open{
	background-color: rgb(207, 224, 230,0.6);
	/*
	background-color:#cfe0e6;
	background-color: #FF9900;*/
    color: #fff;
}



.vertical-menu a, .vertical-menu div.subhead, .vertical-menu span.subhead {
    color:inherit; 
    display: block; 
    padding: 10px; 
    text-decoration: none;
	transition: all .3s linear; 
	position:relative;
}

.vertical-menu span.nav-txt {
	padding-left: 5px;
}

.vertical-sub-menu{
	display:none;
	box-shadow:none;
	font-size:12px;
	padding-left: 10px;
}

.sidebar_small .vertical-sub-menu{
  display: none;
	transition: all linear 0.3s;
}
.sidebar_small .sub:hover .vertical-sub-menu{
	display: block;
  position: fixed;
  width: auto;
  height: auto;
  left: 43px;
  z-index: 99999999;
  background: #0091e6;
  border-left: 2px solid white;
  padding: 0px;
  margin-top: -40px;
}

.rotate-icon {
	-moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate-icon-2 {
	-moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.rotate-icon-3 {
	-moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

.float_right{
	position: absolute;
	right: 0;
	top: 13px;
	margin-right: 20px;
	-moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.mobile_nav{
	position:absolute;
	top: 10px;
	right: 10px;
	display:none;
	font-size:30px;
}
.normal_logout{
	position:absolute;
	top: 10px;
	right: 20px;
	display:block;
	font-size:30px;
}
.user_status{
	position:absolute;
	top: 0px;
	left: 0px;
	text-decoration:none;
	padding:4px 8px;
	transition: all 0.5s linear;
}
	.normal_off{
		display:none;
	}
@media only screen and (max-width: 768px) {
	.mobile_nav{
		display:block;
	}
	.sidebar{
		margin-top:-5px;
		padding-top: 5px;
		position: relative;
		min-height: 0px;
		height: auto;
		width: 100%;
		top: 60px;
		overflow-y: hidden;
	}

	.vertical-menu, .normal_logout, .normal_logout{
		display:none;
	}
	.normal_off{
		display:block;
	}
}