/*header START*/
.header{
	position: relative;
	height: 60px;
	background-color: #fff;
	padding: 0 20px;
	box-shadow: 1px 1px 6px 1px #d9e0e5;
	border-bottom: 1px solid #d9e0e5;
}

.header .brand{
	display: inline-block;
	padding-top: 14px;
	cursor: pointer;
}

.header .brand img{
	height: 32px;
}

.header .menunav{
	/*margin-left: 80px;*/
	margin-left: 40px;
	padding-top: 16px;
}

.header .menunav,
.header .menunav li{
	display: inline-block;
	font-size: 0;
	margin-right: 15px;
}

.header .menunav button{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	min-width: 80px;
	padding: 0 15px;
	border-radius: 30px;
	background-color: #fff;
	color: #175259;
	font-size: 14px;
}

.header .menunav button.active,
.header .menunav button:hover,
.header .menunav button:active{
	color: #fff;
	background-color: #00c2d6;
}

.header .newevent-headernav{
	position: absolute;
	top: 16px;
	right: 385px;
	height: 28px;
	line-height: 28px;
	min-width: 100px;
	padding: 0 18px;
	border-radius: 30px;
	background-color: #00a3ff;
	color: #fff;
	font-size: 14px;
}

.header .newevent-headernav .fa{
	margin-right: 5px;
}

.header .newevent-headernav:hover,
.header .newevent-headernav:active{
	background-color: #0092e5;
}

.header .headernav>li{
	height: 60px;
	text-align: center;
	margin: 0 4px;
	line-height: 60px;
}

.header .headernav>li:not(:last-child):hover{
	/*background-color: #00564A;*/
}

.header .headernav>li.dropdown.open{
	/*background-color: #00564A;*/
}
.header .headernav>li.dropdown.open>.dropdown-toggle{
	background-color: transparent;	
}

.header .headernav li.h_mailbox{
	padding: 0 12px;
}

.header .headernav li.h_mailbox .badge{
	position: absolute;
	top: 15px;
	left: 27px;
	padding: 1px 2px;
	min-width: 12px;
	background-color: #E02222;
	display: none;
}

.header .headernav li.h_userinfo{
	padding: 0 6px;
}

.header .headernav li.h_userinfo .usercard{
  vertical-align: middle;
}

.header .headernav li.h_userinfo .usercard>div{
	display: inline-block;
	color: #DDD;
}

.header .headernav li.h_userinfo .h_avatar{
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 14px;
}

.header .headernav li.h_userinfo .h_avatar img{
	vertical-align: top;
}

.header .headernav li.h_userinfo .username{
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	color: #0f727c;
}

.header .headernav li.h_userinfo>.fa{
	color: #d1d1d1;
	font-size: 16px;
}

.header .headernav li.h_userinfo .fa-angle-down{
	color: #c5c4c4;
	font-size: 14px;
}

.header .headernav>li .navicon{
	color: #0f727c;
	font-size: 18px;
	vertical-align: middle;
}

.header .headernav>li .dropdown-menu{
	text-align: left;
}

.header .headernav>li .dropdown-menu .fa{
	margin-right: 2px; 
}

.header .headernav select{
	width: 80px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
}

.header .headernav select option{
	padding: 0 10px;
}
/*header END*/