/*SIDEBAR RULES*/
/*======================================================================*/
div.aside 
{
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 250px;
  border: none;
  background: #222D32;
  border-right: 1px solid #485E6A;
  padding-top: 38px;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 900;
  box-shadow:#222 2px 35px 15px 0px;
}
div.sidebar {left: 0;}
div.sidebar-outleft {}
div.sidebar-top 
{
  border-top: none;
  border-bottom: 1px solid #111;
  border-right: 1px solid #222;
  padding: 0;
  margin: 0;
  height: 65px;
  vertical-align: middle;
  z-index: 1000;
  background-color: #222D32;
  max-width: 249px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.sidebar-heading 
{
  padding: 0;
  margin: 0;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  margin-top: 6px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


ul.sidebar-menu 
{
  list-style-type: none;
  color: #FFF;
  margin: 0;
  padding: 0;
  border: none;
  z-index: 1000;
  border-top: 1px solid #485E6A;
  max-width: 249px;
  overflow: visible;
}
ul.sidebar-menu li 
{
  border-bottom: none;
  border-top: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-left: none;
  border-right: none;
}
ul.sidebar-menu li > a 
{
  border: none;
  width: 100%;
  line-height: 34px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #87a0ab;
  border-left: 3px solid transparent;
  padding-left: 15px;
  background-color: #222D32;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0.2px 0.2px 0.2px #000;
  transition: all .1s ease-in-out;
  letter-spacing: 0px;
}
ul.sidebar-menu li > a:active 
{
}
ul.sidebar-menu li > a:visited 
{
}
ul.sidebar-menu li > a:hover 
{
  background-color: #1E282C;
  color:            #FFF;
  transition:       all .001s ease-in-out;
}

ul.sidebar-menu li > a.selected 
{
  border-left:  	   3px solid #3C8DBC;
  background-color:  #1E282C;
  color:  			     #FFF;
}
ul.sidebar-menu li > a > i 
{
    margin-right:     10px;
    transition:       all .06s ease-in-out;
}


ul.sub-menu-first , ul.sub-menu-second
{
	padding-left:	  	  0px;
	margin-left:	  	  0px;
	border:			  	    none;
	display:		  	    block;
	width:			  	    110%;
	background-color: 	transparent;
	margin-left:		    -18px;
	padding-left:		    0px;
	list-style-type:  	none !important;
}


ul.sub-menu-first > li > a , ul.sub-menu-second > li > a
{
	display: 			         block;
	background-color: 	   #1E282C !important;
	border: 			         none;
	width: 				         100%;
	line-height:           32px;
	margin:		 		         0;
	padding: 			         0;
	cursor: 			         pointer;
	display: 			         block;
	text-decoration: 	     none;
	color: 				         #87a0ab;
	border-left: 		       3px solid transparent;
	padding-left: 		     15px;
	background-color: 	   #222D32;
	font-size: 			       14px;
	font-weight: 		       normal;
	text-shadow: 		       0.2px 0.2px 0.2px #000;
	transition: 		       all .005s ease-in-out;
	letter-spacing: 	     0px;
}

ul.sub-menu-second > li > a
{
  line-height: 26px;
}

ul.sub-menu-first > li > a.selected , ul.sub-menu-second > li > a.selected
{
	border-left:  	3px solid #29373d;
}

ul.sub-menu-first > li > a > i
{
	margin-left:	9px;
	font-size: 		13px;
}

ul.sub-menu-second > li > a > i
{
  margin-left:  18px;
  font-size:    12px;
  width:        12px;
}


/*brand-image*/
#brand-image-back
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:250px;
    height:67px;
    border:none !important;
    z-index:500;

    border-top:1px solid #1E282C;
}
#brand-image
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:250px;
    height:54px;
    border:none;
    background-repeat:no-repeat;
    background-size:181px 45px;
    background-position:35px 1px;
    background-color:transparent;
    z-index:700;
}
@media (max-width: 768px) {
  #brand-image 
  {
    height:32px;
    background-size: 150px 30px;
    background-position: 50px 0px;
  }
  #brand-image-back
  {
    height:45px;
  }
}
#brand-image-back.custom
{
    background:rgb(34,45,50);
    background:-moz-linear-gradient(top,rgba(34,45,50,1) 19%, rgba(34,45,50,1) 19%, rgba(236,240,245,1) 100%); 
    background:-webkit-linear-gradient(top,rgba(34,45,50,1) 19%,rgba(34,45,50,1) 19%,rgba(236,240,245,1) 100%);
    background:linear-gradient(to bottom,rgba(34,45,50,1) 19%,rgba(34,45,50,1) 19%,rgba(236,240,245,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222d32', endColorstr='#ecf0f5',GradientType=0 );
}
/*brand-image*/


/*======================================================================*/
/*SIDEBAR RULES END*/



/*======================================================================*/
/*LOGGED USERS LIST*/
.side-users-list
{
  min-height:21px;
}
.side-ul-head
{
  font-variant:small-caps;text-align:left;color:#fefefe;cursor:pointer;
}
.side-ul-head > .fa-circle
{
  color:#0bd00b;margin:0 3px 0 7px;font-size:12px;text-shadow:0px 0px 6px #111;  
}
.side-ul-head > .fa-caret-down
{
  margin-left:6px;font-size:12px;transition:transform .45s; 
}
.side-ul-head > .fa-caret-down.rot-up
{
  transform:rotate(-540deg);
}
.logged-list
{
  color:#fefefe;font-size:12.5px;max-height:0px;transition:max-height .55s;overflow:hidden;
  background:#182227;width:125%;
}
.logged-list.scrolled
{
  max-height:200px;
}
.logged-list > ul
{
  padding-top: 9px;
  padding-left: 18px;
  list-style-type:none;
  /*list-style-image: url('/app/custom/assets/img/anonymous_user.jpeg');*/
}
.logged-list > ul > li
{
  padding: 3px;
  max-width: 232px;
}
.logged-list > ul > li::before {content:"\25AA";color:#658db3;font-size:20px;display:inline-block;height:20px;line-height:20px;vertical-align:-2px;margin-left:-12px;margin-right:4px;}
.logged-list > ul > li > span > small
{
  color: #acbec5;
}
/*LOGGED USERS LIST*/
/*======================================================================*/