body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
.navbar{
	background:var(--primary-color);
}
.navbar .navbar-brand strong{
	color:white;
}
.navbar-default .navbar-nav .active a {
	background:#FFF;
}
.navbar-default .navbar-nav >li> a:hover{
	color:#13f7fc;
}
.navbar-default .navbar-nav>li>a {
	color:#FFF;
}
.m-nav-menu-icon{
	line-height:45px;
	color:#FFF;float:right;
}
.m-nav-menu-icon span{
	float:right;
	display:block;
	line-height:45px;
	margin-right:10px;
	font-size:20px;
	color:#FFF;
}
.m-nav-menu{
	position:relative;
	list-style:none;
	background:#337ab7;
	width:120px;
	padding-left:0;
	text-align:center;
	margin-top:45px;
	right:5px;
}
.m-nav-menu li{
	padding-left:0;
	line-height:24px;
	font-size:12px;
	display: block;
	border-top:1px solid #FFF;
}
.m-nav-menu li a{
	height:24px;
	width:120px;
	display: block;
	color:#FFF;
	text-decoration: none;
}
.hide{
	visibility:hidden;
}
.function-title{
	font-size:16px;
}
.btn-line{
	padding: 15px 0px 15px 0px;
    text-align: right;
    height:45px;
    border-top: 1px solid #e5e5e5;
}

.container{width: 100%!important; }
.btn{font-size:12px;}
.panel .panel-title{font-size:12px;} 
.reason{
	color:blue;
}
.group-title{
	margin-top:20px;
	font-weight:bold;
}
.nav-menu{
	padding:0px;
	border-radius:0px;
	width:132px;
	min-width:132px;
	top:42px;
}
.nav-menu li a{
	padding:0px 0px 0px 20px;
	font-size:12px;
	height:32px;
	line-height:32px;
}
.panel-body{
	font-size:12px;
}
.btn-plan{background:#c8c8c8}
.btn-doing{background:#F80000;color:#FFF}
.btn-finish{background:#00A400;color:#FFF}
.btn-delay{background:#DBFF00}
.btn-pause{background:#000;color:#FFF}
.btn-remark{background:#4F4FFF;color:#FFF}
.label{width:30px;border-radius:0em;}
.label-empty{-webkit-transform: scale(0.80);padding:4px 0px 0px 0px;text-align:center;display:block;width:18px;height:18px;float:left;margin-right:2px;border:1px solid #999;color:#666;font-weight: normal;border:0px;}
.label-month-noborder{
	display:block;width:18px;height:18px;float:left;margin-right:2px;border:0px solid #999;color:#666;
}
.label-month{
	color:#FFF;font-size:12px;padding:2px 0px 0px 0px;text-align:center;display:block;width:18px;height:18px;float:left;margin-right:2px;border:1px solid #999;font-weight: normal;
}
.label-plan{background:#c8c8c8;color:#FFF;-webkit-transform: scale(0.80);padding:4px 0px 0px 0px;text-align:center;display:block;width:18px;height:18px;float:left;margin-right:2px;font-weight: normal;}
.label-doing{background:#F80000;color:#FFF;-webkit-transform: scale(0.80);padding:4px 0px 0px 0px;text-align:center;display:block;width:18px;height:18px;float:left;margin-right:2px;font-weight: normal;}
.label-finish{background:#00A400;color:#FFF;-webkit-transform: scale(0.80);padding:4px 0px 0px 0px;text-align:center;display:block;width:18px;height:18px;float:left;margin-right:2px;font-weight: normal;}
.label-remark{color:#000;text-decoration:underline;-webkit-transform: scale(0.80);padding:4px 0px 0px 0px;text-align:center;display:block;width:18px;height:18px;float:left;margin-right:2px;font-weight: bold;}
.label-bordered{border:1px solid #999;}
.finished{text-decoration:line-through}

/**
IE8 hack
**/
.navbar-right > li{
	 margin-top:-10px \0;
}

.navbar .nav > li > a{
	padding-top:20px\0;
	height:40px;
	height:50px \0;
	font-size:12px;
}
.navbar .nav ul{
	margin-top:10px\0;
}
.handsontable .htDimmed {color: #333;}
.left-badge{
	border-radius:5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #DFD7CA;
	border-bottom: 1px solid #DFD7CA;
	width:37px;
	height:16px;
	line-height:16px;
	text-align:center;
	margin-top:0px;
	background:#F8F5F0;
	font-size:10px;
	font-family:'Arial';
	color:#3E3F3A;
	position: absolute; left: 0px; top: 0px;  z-index: 1;
}
.bottom-toolbar{
	display:none;
	border: 0px;
	width:170px;;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-top:0px;
	font-size:10px;
	background:#DFD7CA;
	position: absolute; right: 0px; bottom: 0px;  z-index: 1;
}
.bottom-toolbar-content{
	display:none;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	height:30px;
	color:#000;
	line-height:30px;
	position: absolute; right: 0px; bottom: 0px;  z-index: 1;
}
.bottom-toolbar-content a{
	color:#000;
}
.form-error-msg{
text-align: left;
margin-bottom: 0;
padding-top: 13px;
color:red;
}
.center{margin:0 auto;}
.text-left{text-align:left}
.right{text-align:right}
.middle{vertical-align:middle}
.inline{display:inline;}
.block{display:block;}
.line-height-150{line-height:150%}
.text-big{font-size:13px}
.text-normal{font-size:12px}
.text-small{font-size:10px}
.text-tiny{font-family:sans-serif;font-size:10px}
.text-color-normal{color:#333333}
.float-left{float:left}
.float-right{float:right}
.margin-right{margin-right:10px;}
.margin-left{margin-left:10px;}
.margin-top{margin-top:10px;}
.margin-bottom{margin-bottom:10px;}
.margin-bottom-2{margin-bottom:20px;}
.head-xm{width:36px;height:36px}

.navbar-nav>li>a {
	margin-top:0px;
	padding-top: 10px;
	height:22px;
	line-height:22px;
}
.navbar-brand {
height: 40px;
padding-top: 10px;
}
.navbar {
min-height: 40px;
height:42px;
}

.navbar-toggle {
margin-top: 4px;
margin-bottom: 4px;
}

.index-tb{padding:20px;}
.index-tb td{ background:#FFF;margin:10px;}

@media (max-width: 768px) {
  .alpha{
	background: #FFF ;
	background:url(../images/alpha_bg.png);
	padding:25px;
	margin-top:70px;
  }
}
@media (min-width: 768px) {
  .alpha{
  	width:400px;
  	position:relative;
  	float:right;
  	margin-top:150px;
  	margin-right:40px;
	background:url(../images/alpha_bg.png);
	padding:25px;
  }
}

.app_block{float: left; width: 200px; background: #F2EADD; height: 200px;}
.app_block .border{border: 1px solid #FFF}
.user-info{width:100px;height:100px;border:1px solid #FFF;border-radius:50%}
.user-sep{width:2px;height:100px;border-left:1px solid #FFF}

.top{padding-top:50px;}
.de_gray {
	font-size: 14px;
	color: #999;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
	text-align: center;
}
.check_delete{
	background-color: #E8F3FE;
}
.menu-ul li{
	width: calc(25% - 4px);
	display: inline-block;
}

.btn-primary{background-color: var(--primary-color);border-color: var(--primary-color);}
.panel-primary>.panel-heading{background-color: var(--primary-color);border-color:var(--primary-color);}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: var(--primary-color);border-color:var(--primary-color);}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background-color: var(--primary-color);border-color: var(--primary-color);}
.label-primary {background-color: var(--primary-color);}

.svg-icon {
	width: 16px;
	height: 16px;
	vertical-align: midddle;
	display: inline-block;
	line-height: 1;
}
.svg-icon.big{
	width: 20px;
	height: 20px;
	margin-bottom: 4px;
}
.svg-icon.dark{
	filter: brightness(0);
}
.l-dialog-loading{width:48px!important;height:48px!important;left:calc(50% - 24px)!important;}