/* header left menu settings */
#leftMenu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.4);
  overflow-x: hidden;
  transition: 0.2s;
  text-align: center;
}

#leftMenu-content {
	background-color: white;
	border-right: 3px solid gray;	
	height: 100%;
	width: 300px;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
}

/* Style the sidenav links and the dropdown button */

.leftMenuList, .leftMenuListDropdownBTN {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  float: left;
}

.leftMenuList:hover, .leftMenuListDropdownBTN:hover {
  color: #f1f1f1;
  background-color: silver;
}

.leftMenuListActive {
  background-color: gray;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.leftMenuListContainer {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

.fa-caret-down:before{content:"*"}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}





#leftMenuHeader {
	width: 100%;
	float:left;
	background-color: #221F1F;
	color: white;
}
#leftMenuHeaderLogoDiv {
	width: 100%;
	float: left;
	margin: 2% 0 3% 0;
}
#leftMenu_closebtn {
	padding: 3px 7px 3px 7px;
	font-size: 1.3em;
	color: white;
	float: right;
	margin: 0 0 0 120px;
	position: absolute;
	z-index: 1;
}
#leftMenu_closebtn:hover {
	border-radius: 5px;
	background-color: #464646;
	color: #FF3737;
}
#leftMenuLogoImg {
	width: 33%;
	padding: 0 2% 0 2%;
	float: left;
}

#leftMenuLogoText1 {
	width: 61%;
	padding: 2% 1% 0 1%;
	font-size: 1.5em;
	color: white;
	float: left;
}

#leftMenuLogoText2 {
	width: 61%;
	padding: 3% 1% 0 1%;
	font-size: 0.8em;
	color: silver;
	float: left;
	line-height: 15px;
}


.leftMenu-hr {
	color: silver;
	opacity: 10%;
	width: 90%;
	margin-left: 5%;
}

#leftMenuHeaderAuthDiv {
	width: 100%;
	float: left;
}
#leftMenuHeaderAuthIco {
	margin: 2% 0 1% 10%;
	padding: 10% 8% 10% 6%;
	float: left;
	background-image: url(/data/img/system_img/authorization_btn.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#leftMenuHeaderAuthBTNsDIV {
	margin: 3% 0 0 0;
	width: 76%;
	float: left;
}
#leftMenuHeaderAuthBTNs {
	width: 100%;
	float: left;
}
#leftMenuHeaderAuthBTNs p {
	color: white;
	font-size: 1em;
}
#leftMenuHeaderAuthText {
	margin: 5px 0 15px 0;
	width: 100%;
	float: left;
}
#leftMenuHeaderAuthText p {
	color: silver;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0 5px 0 5px;
}

#leftMenuAdminMenu {
	width: 100%;
	float: left;
	background-color: white;
	color: black;
	padding: 3px 0 10px 0;
}

/* END of header left menu settings */