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;
}
.title-line{
    display: flex;
    align-items: center; /* 垂直居中 */
}
.function-title{
	font-size:24px;
    margin:0;
}
.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:45px;}
.header{padding-top:15px;}
.de_gray {
	font-size: 14px;
	color: #999;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
	text-align: center;
}
.desc{
    font-size: 12px;
    color: #999;
    height: 36px;
    line-height: 36px;
    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);}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
	color: #fff;
	background-color: #d05124;
	border-color: #d05124;
	/*opacity: .8;*/
}
.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;}

/* 2025年11月17日 王欢 统一样式 */
.margin-top-10{
	margin-top: 10px!important;
}
.margin-top-20{
	margin-top: 20px;
}
span.required::before{
	content: '*';
	color: red;
	margin-right: 5px;
	font-weight: 600;
}
/*所有inpit*/
.input-group{
	display: flex;
	/*align-items: center;*/
}
.input-group span.s-label{
	min-width: 100px;
	width: auto;
	text-align: start;
	white-space: nowrap;
	height: auto;
	display: flex;
	align-items: center;
}

.input-group .s-input {
	flex: 1;
}



.input-group textarea{
	border: 1px solid #ccc;
}

input[type=checkbox]{
	margin: 0;
}
.back-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 16px;
	border: 1px solid #666;
	background: transparent;
	color: #666;
	cursor: pointer;
	transition: all 0.3s
	ease;
	text-decoration: none;
	font-size: 11px;
	border-left: none;
	position: relative;
	margin-left: 5px;
	border-top-left-radius: 1.8px;
	border-bottom-left-radius: 1.6px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-left: 13px;
	margin-right: 3px;
}

/* 箭头用CSS边框绘制 */
.back-btn::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-left: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg);
	position: absolute;
	left: -4.8px;
	border-top-left-radius: 1.4px;
	border-bottom-right-radius: 1.4px;
}

/* hover交互效果 */
.back-btn:hover {
	border-color: #3887dc;
	color: #3887dc;
	text-decoration: none;
	/*transform: translateX(-3px);*/
}

/* 可选：带文字版本 */
.back-btn.with-text {
	width: auto;
	padding: 0px;
}
.container-fluid {
	padding: 15px;
}

.l-layout-header span > a{
	font-size: 12px!important;
}
.l-grid-row-cell-inner {
    height: 28px;
    line-height: 28px !important;
}
.l-dialog-buttons{
	display: flex!important;
	align-items: center!important;;
	padding: 6px 10px 0 0!important;;
	height: 40px!important;
	line-height: 40px!important;
	justify-content: end;
}

.opt-cell {
	width: 100%;
	display: flex;
	flex-wrap: wrap; /* 超出自动换行 */
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	height: 100%; /* 行高一致时保证垂直居中 */
	gap: 3px;
	text-align: center; /* 某些情况下强化居中（可选） */
}


/* 弹出菜单向左 */
.dropdown-menu-left {
	left: auto !important;
	right: 0 !important;
}
/*  弹出菜单 不遮挡 */
.l-layout-header-pop{
	overflow: visible !important;
}
/* 单据 连接 可以复制*/
a {
	user-select: text!important;
}