/* CSS Document */
.block{
	
}
.navbar-header{
	margin-right: 24px;
}
.nav-info {
	position: relative;
    top: -3px;
    font-size: 16px;
    font-family: microsoft yahei;
}
.navbar{
	min-height:45px !important;
	margin-bottom:0px !important;
	background: #fff;
 	border-bottom: 1px solid #f2f2f2;
}
.navbar .logo img{
  height: 100px;
}
.navbar-default{
	background-color:#fff;
}
.navbar-bg{
	background-color:#fff;
 
}
.light-blue {
	background-color:#9BCDFF;
}
.light-green{
	background-color:#87B87F;
}
.light-orange{
	background-color:#FFB752;
}
.navbar-header.pull-right li a{
	color:#4c4c4c;
	height:45px;
}
.navbar .nav li a:focus{
	background:none;
}
.navbar-header.pull-right .welcome a{
	color:#4c4c4c;
}
.navbar-header.pull-right li a:hover{
	background:none;
	color: #299FDB;
	transition: color .3s;
}

.navbar-header.pull-right li{
	float:left;
	height:45px;
	max-height:45px;
	margin-left:2px;
	border-left: 1px solid #f1f1f1;
}
.navbar-header.pull-right li i{
	font-size: 22px;
	margin-right: 8px;
	margin-left: 8px;
}
.nav [class*="glyphicon-"] {
	height:auto;
	line-height:25px;
}
.badge-red{
	background-color:#ff5f3f;
}
.glyphicon-user{
	font-size:26px;
}
.navbar .nav>li>.dropdown-menu li{
	width:238px;
	height:40px;
	padding:0px;
	border-radius:0px !important;
	margin:0px;
}
.navbar .nav>li>.dropdown-menu li a{
	height:40px;
	list-style: none;
	border-bottom: 1px solid #f4f4f4 !important;
	font-size: 12px;
	text-shadow: none;
	padding: 5px !important;
	padding-left:14px !important;
	background-color: #ffffff;
	color:#646464;
	line-height:32px;
	display:block;
	white-space:normal;
}
.welcome .dropdown-menu{
	width:140px;
	min-width:145px !important;
}
.welcome .dropdown-menu li,.welcome .dropdown-menu li a{
	width:140px!important;
	border:none !important;
}
.welcome .dropdown-menu li:last-child{
	text-decoration:none !important;
	font-style:normal !important;
	text-align:left !important;
}
.navbar .nav>.welcome>.dropdown-menu li a{
	border-bottom:none !important;
}
.navbar .nav>li>.dropdown-menu li:last-child{
	text-decoration:underline;
	font-style:italic;
	text-align:center;
}
.navbar .nav>li>.dropdown-menu li a:hover{
	background-color:#F8F8F9;
}
.navbar .nav>li>.dropdown-navbar{
	width:240px;
	border-color: #bcd4e5;
	padding:0;
}
.navbar .nav>li>.dropdown-menu:after{
	position:absolute;
	top:-6px;
	right:10px;
	display:inline-block;
	border-right:6px solid transparent;
	border-bottom:6px solid #D6E9F9;
	border-left:6px solid transparent;
	content:'';
}
.navbar .nav>li:last-child>.dropdown-menu:after{
	position:absolute;
	top:-6px;
	right:10px;
	display:inline-block;
	border-right:6px solid transparent;
	border-bottom:6px solid #ddd;
	border-left:6px solid transparent;
	content:'';
}
.navbar .nav>li>.dropdown-menu>.dropdown-header{
	width:238px;
	text-shadow: none;
	padding-bottom: 0;
	padding-left:15px;
	line-height: 40px;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	border-bottom: 1px solid;
	background-color: #ecf2f7!important;
	color: #8090a0;
	border-bottom-color: #bcd4e5;
	margin:0 auto;
}
.dropdown-menu  span{
	margin-right: 5px;
}
.task-bg{
	color:#9BCDFF;
	font-size:14px;
	top:4px;
}
.info-bg{
	color:#87B87F;
	font-size:14px;
	top:2px;
}
.message-bg{
	color:#808080;
	font-size:14px;
	top:4px;
}
.myinfo{
	font-size:13px;
	top:2px;
}
.navbar .nav>li>.dropdown-menu .divider{
	height: 1px;
	margin: 9px 1px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #fff;
}
.badge{
	position: absolute;
    top: 0;
    right: 5px;
	}  
/*navbar end*/



.page-sidebar{
	float: left;
}
/*@media (min-width: 980px){
.page-sidebar {
	position: absolute;
	width: 225px;
	float:left;
}*/
}

.sidebar-shortcuts {
	background-color: #fafafa;
	border-bottom: 1px solid #ddd;
	text-align: center;
	line-height: 39px;
	max-height: 41px;
	margin-bottom: 0;
}
.sidebar-shortcuts {
	text-align: center;
	line-height: 39px;	
}
.sidebar-shortcuts-large>.btn {
	width: 48px;
	line-height: 34px;
	margin-top: -2px;
	padding: 0;
	text-align: center;
}
.page-header{
	height:48px;
}

ul.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 0;
	background: #fff;

}
ul.sidebar-menu>li{
	width:140px;
	line-height:36px;
	display:block;
	border-bottom:1px solid #E8E8E8;
	cursor:pointer;
}
ul.sidebar-menu>li>a:hover {
	color:#0080C0;
}
ul.sidebar-menu li a{
	padding-left:20px;
	color:#2B2B2B;
	font-weight:500;
	font-size:14px;
	display: block;
	height: 62px;
	line-height: 62px;
	padding: 0 16px 0 17px;
	color: #777;
	text-shadow: none!important;
	text-decoration: none;
}

ul.sidebar-menu li a .arrow:before{
	float: right;
	margin-top: 1px;
	margin-right: 18px;
	display: inline;
	font-size: 16px;
	font-family: FontAwesome;
	height: auto;
	content: "\f104";
	font-weight: 300;
	text-shadow: none;
}
.sidebar-menu li.active{

}



ul.sidebar-menu li.active a .arrow:before{
	float: right;
	margin-top: 1px;
	display: inline;
	font-size: 16px;
	font-family: FontAwesome;
	height: auto;
	content: "\f107";
	font-weight: 300;
	text-shadow: none;
}
ul.sidebar-menu li a .arrow.open:before{
	float: right;
	margin-top: 1px;
	margin-right: 3px;
	display: inline;
	font-family: FontAwesome;
	height: auto;
	font-size: 16px;
	content: "\f107";
	font-weight: 300;
	text-shadow: none;
}
ul.sidebar-menu>li.active a{
	color:#4B8DF8;
/* 	height: 50px !important; */
/* 	line-height: 50px !important; */
}

ul.sidebar-menu>li.active .submenu{
	display:block;
}
ul.sidebar-menu>li>.submenu{
	display: none;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}
ul.sidebar-menu>li>.submenu:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 18px;
	top: 0;
	bottom: 0;
/*	border: 1px dotted #9dbdd6;*/
	/*border-width: 0 0 0 1px;*/
}
ul.sidebar-menu>li>.submenu>li{
	/*border-right: 1px solid #e8e8e8;*/
}
ul.sidebar-menu>li>.submenu>li>a{
    display: block;
    position: relative;
    color: #616161;
    margin: 0;
    border-top: 1px dotted #e4e4e4;
    padding: 0px 0px 0px 46px;
    font-weight: normal;
}
ul.sidebar-menu>li>.submenu>li>a:hover,ul.sidebar-menu>li>.submenu>li>a.active{
	color:#585858;
	background-color:#F9F9F9;
}
.sidebar-menu .menu-text{
	vertical-align:middle;
}
.sidebar-menu [class*="glyphicon-"] {
	font-weight:100;
	margin-right:8px;
	vertical-align:middle;
	text-align:center;
	display:inline-block;
	font-size:16px;
}
.main-content{
	margin-left: 225px;
	margin-right: 0;
	margin-top: 0;
	min-height: 100%;
	padding: 0;
}
.breadcrums{
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	/*background-color: #f5f5f5;*/
	min-height: 40px;
	line-height: 40px;
	display: block;
}
.breadcrum{
	background-color: transparent;
	display: inline-block;
	line-height: 24px;
	margin: 0 22px 0 12px;
	margin-bottom:-10px;
	padding: 0;
	font-size: 13px;
	color: #333;
	border-radius: 0;
	list-style: none;
}
.breadcrum li{
	float:left;
}
.nav-search{
	position: absolute;
	top: 6px;
	right: 22px;
	line-height: 24px;
}
.input-icon>[class*="icon-"] {
	padding: 0 3px;
	z-index: 2;
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 3px;
	line-height: 28px;
	display: inline-block;
	color: #909090;
	font-size: 16px;
}
.nav-search .nav-search-icon {
	color: #6fb3e0!important;
	font-size: 14px!important;
	line-height: 24px!important;
}
.nav-search-icon {
	border: 0;
	border-radius: 0;
	padding: 0 3px!important;
}
.nav-search .nav-search-input {
	border: 1px solid #6fb3e0;
	width: 152px;
	height: 28px!important;
	font-size: 13px;
	color: #666!important;
	z-index: 11;
}
.input-icon>input {
	padding-left: 24px;
	padding-right: 6px;
}
.page-content{
	background: #fff;
	margin: 0;
	padding: 8px 20px 24px;
	height:auto;
	margin-left: 140px;
	border-left: 1px solid #e4e4e4;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}		
.end-date select{
	min-width:88px;
}
/**字体颜色**/
.color14{
	color:#12E006;
}
.color1{
	color:#f00;
}
#order_status span{
	margin:0;
}
.none-data{
	color:red !important;
	padding:10px !important;
}



/**
*列表icon图标
*
*
***/
.icon26:before{
	content: "\e006";
}
.icon27:before,.icon51:before{
	content: "\e007";
}
.icon34:before,.icon48:before,.icon50:before,.icon59:before{
	content: "\e135";
}
.icon37:before,.icon9:before,.icon11:before,.icon15:before,.icon32:before,.icon29:before,.icon55:before,.icon60:before,.icon64:before{
	content: "\e012";
}
.icon38:before,.icon10:before,.icon12:before,.icon14:before,.icon46:before,.icon33:before,.icon30:before,.icon21:before{
	content: "\e081";
}
.icon47:before{
	content:"\e009";
}
.icon56:before{
	content:"\e177";
}
.icon54:before,.icon53:before,.icon52:before{
	content:"\e148";
}
.icon61:before{
content:"\270f";
}
.icon57:before{
content:"\e139";
}






/**page**/
.page{margin:2em 0;font-size:14px;width:85%;margin:10px auto;clear: both;}
.page a{
    text-decoration: none;
    display: inline-block;
    line-height: 25px;
    padding: 1px 20px;
    border: 1px solid #ccc;
    margin: 0 2px;
	}
.page a:hover,.page a.on{
    background: #4B8DF8;
    border: 1px solid #4B8DF8;
    color: #fff;
	}
.goto-page{float:right;}
.page a.unclick,.page a.unclick:hover{background:none;border:1px solid #eee;color:#999;cursor:default;} 
