.groupc-len4 .form-group>label {
	width: 5em;
}
.input--blue-text{
	color: #0cb3fe;
}
.input--red-text{
	color: #ff0000;
}
.large-icon {
	font-size: 15px !important;/* 人员管理图标专用大小 */
}
.wh-hover {
	position: relative;
}

.wh-hover>.iconfont {
	font-size: 12px;
}

.wh-hover:hover>div {
	display: block;
}

.wh-hover>div {
	display: none;
	position: absolute;
	font-size: 12px;
	border-radius: 4px;
	width: 400px;
	z-index: 100000;
	text-align: left;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	top: 18px;
	left: 14px;
	line-height: 20px;
}
.icon-wh{
	font-size:13px!important;
	font-weight: normal;
	margin-left:5px;
}

.file-item{
    position:relative;
/*     padding: 3px; */
    border-radius: 5px;
    display: block;
/*     margin: 5px 0px; */
}
.file-remove{
    position: absolute;
    right: 5px;
    color: red;
    cursor: pointer;
    font-size: 16px;
    top: 5px;
    z-index: 100;
}


/********start 閻熸洖妫涘ú濡塧ydate濮掓稒顭堥濠氬冀瀹勬壆纭�,闁烩偓鍔嬬花顒勫及閸撗佷粵閻忓繐绻戝鍌炲椽鐏炶棄鐎婚梺鏂ゆ嫹********/
/* .layui-laydate-content>.layui-laydate-list {
    padding-bottom: 0px;
    overflow-y: auto;
}
.layui-laydate-content>.layui-laydate-list>li{
    width:50%
} */
/********end 閻熸洖妫涘ú濡塧ydate濮掓稒顭堥濠氬冀瀹勬壆纭�,闁烩偓鍔嬬花顒勫及閸撗佷粵閻忓繐绻戝鍌炲椽鐏炶棄鐎婚梺鏂ゆ嫹********/


.showColumnVisibleConfig {
	background: #f59d2a;
	color: #fff;
	padding: 2px 5px;
	font-size: 12px;
	margin-right: 0px;
	border-radius: 3px;
	margin-left:10px;
	display: inline-block;
	cursor: pointer;
}

/* 闁搞儱鎼悾楣冨礆濡や胶澹夌�殿噯鎷� */
.DTFC_ScrollWrapper{
   height:auto!important;
}
.DTFC_LeftHeadWrapper,.DTFC_LeftBodyWrapper,.DTFC_RightHeadWrapper,.DTFC_RightBodyWrapper{
   z-index: 1000;
   background: white;
}
.DTFC_LeftWrapper,.DTFC_RightWrapper{
   display: none;
}
.DTFC_LeftBodyLiner,.DTFC_RightBodyLiner{
   overflow: hidden;
  /*  max-height:100%!important; */
}
/* 闁搞儱鎼悾楣冨礆濡や胶澹夌�殿噯鎷� */


.modal-open .modal{
	z-index: 100000000;
	left:50%;
	top:50%;
	overflow-y:hidden;
	transform: translate(-50%, -50%);
}
.layui-layer-msg{
	z-index: 1000000009!important;   /* 闁告瑯浜欑拹鐔沸掗弬鍓х憪闂傚牜婢�缁斿瓨绋夐鍥锋嫹娴ｇ甯炲鑸电煯缁斿瓨绋夐敓锟�1,闁猴拷闁稓鐟愬☉鎿勬嫹濞戞搩浜滈惇鎵棯瑜濈槐婵堟嫚闁垮惟閺夆晜鐟ら柌婊勭▕閻斿嘲顫�1 */
}

#ztree-container{
	padding: 5px;
    max-height: 300px;
    position: absolute;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    z-index: 1000000100;
    /* overflow-y: scroll; */
    overflow:hidden!important;
    top: 300px;
    left: 532.5px;
}
#ztree-container .ztree {
    overflow-y: scroll;
    max-height: 280px;
    margin: 0px -5px;
   padding: 5px 10px 10px;
}
.model-dailog .glyphicon.glyphicon-search {
    top: 24px!important;
    left: 20px!important;
}

.overflow-row-2{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;	
}
.overflow-row-1{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.item-check-active-class{
	background-color: #F5F7FC  !important;
}


/* 璋锋瓕娴忚鍣ㄧ殑婊氬姩鏉℃牱寮� */

/*婊氬姩鏉� start*/  
::-webkit-scrollbar {  
  width: 7px;  
  height: 7px;  
  background-color: #757575;  
}  
/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/  
::-webkit-scrollbar-track {  
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  
  background: #fff ;  
}  
/*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/  
::-webkit-scrollbar-thumb {  
  border-radius: 3px;  
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);  
  background-color:#9a9fab;
	cursor: pointer;
}  

/* 璋锋瓕娴忚鍣ㄧ殑婊氬姩鏉℃牱寮� */

/* 鐏嫄娴忚鍣ㄧ殑婊氬姩鏉℃牱寮� */
* {
  scrollbar-color: #e5e5e5 #f7f7f9 ; /* 婊戝潡棰滆壊  婊氬姩鏉¤儗鏅鑹� */
  scrollbar-width: thin; /* 婊氬姩鏉″搴︽湁涓夌锛歵hin銆乤uto銆乶one */
}
/* 鐏嫄娴忚鍣ㄧ殑婊氬姩鏉℃牱寮� */

.chooseRow{
	background-color: #edf2fd  !important;
}

.active-return-node {
    background: #e86f34;
    color: #ffffff;
    border: none !important;
}


.contextmenu {
	width: 120px;
	box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	background: white;
	padding: 5px;
	z-index: 1000002;
	color: #000;
}

.contextmenu li {
	cursor: pointer;
	padding: 6px 8px;
	position: relative;
}

.contextmenu, .contextmenu li {
	border-radius: 6px;
}

.contextmenu li[disabled] {
	color: #cecece;
}

.contextmenu li:not([disabled]):hover {
    background: #f5f5f5;
}
.menu-option-icon {
    vertical-align: middle !important;
    font-size: 12px !important;
    margin-right: 3px;
}
.menu-option-icon+span {
    vertical-align: middle;
}
.expression-model-title{
	font-size: 16px;
	font-weight: bold;
}
.choose-variable-table tr td,.choose-character-table tr td{
   text-align: center!important;
}
.model-expression-ul{
	width:100%;
	display: flex;
	margin-bottom:5px;
}
.model-expression-ul li{
	flex: 1;
	height:35px;
	line-height:35px;
	text-align: center;
	cursor: pointer;
	margin: 0 20px;
}
.model-expression-ul li.active{
	border-bottom:2px solid #3e80f4;
}
#chooseExpressionModel .modal-body{
	padding-top:0px;
}

.data-list-left-content {
	display: flex;
}
.data-list-left-content .panel-info {
	width: 300px;
}
.calendar-table-container {
	flex: 1;
	overflow:hidden;
}
.task-dept-loc-tree-toggler,.device-print-picker {
	padding: 6px 0px;
	width: 14px;
	height: 71px;
	cursor: pointer;
	position: absolute;
	top:360px;
	left: -15px;
	z-index: 101;
	background-image: url("../img/icon/unfold.png");
}
.task-dept-loc-tree-picker {
	position: relative;
	z-index: 1001;
}
.task-dept-loc-tree-picker.expand .task-dept-loc-tree-toggler{
	left: auto;
	top: 360px;
	right: 10px;
	transform: rotate(180deg) ;
}
.task-dept-loc-tree-toggler .iconfont,.device-print-picker .iconfont{
    font-size: 14px;
	font-weight: bold;
}
.task-dept-loc-tree-toggler .iconfont:before,.device-print-picker .iconfont:before{
	display: none;
    color: #fff;
}
.task-dept-loc-tree-container {
	/* position: absolute; */
   /*  top: 93px;
    bottom: 100px;
    left: 10px;
    z-index: 100; */
    background: #fff;
    margin-right: 10px;
	height: 100%;
}
.task-dept-loc-tree-container .panel-info {
	margin: 0;
}
.task-dept-loc-tree-picker:not(.expand) .task-dept-loc-tree-container{
    display: none;
}
.task-dept-loc-tree-container .tab-item {
	padding: 0 20px;
	height: 100%;
	cursor: pointer;
	text-indent: 0;
}
.task-dept-loc-tree-container .materialCateTreeTitle {
	padding-left: 0;
}
.task-dept-loc-tree-container .tab-item.active {
	/*border-top: 2px solid #2da878; use theme */
	color: black;
	background: #fff;
}
.task-dept-loc-tree-container .tab-item+.tab-item.active {
	/*border-left: 1px solid #bce8f1;*/
}
.task-dept-loc-tree-container .tab-content:not(.active){
	display: none;
}

.export-dialog {  
   background-color: #fff;
   border-bottom: 1px solid #cdd9e3;
}
.export-dialog label{
	font-weight: normal;
}
.export-dialog .wrapper {
	margin-top: 16px;
	font-size: 14px;
}
.export-dialog .wrapper img {
	display: inline-block;
	margin-left: 19px;
}
.export-dialog .wrapper span {
	vertical-align: middle;
	margin-left: 10px;
}
.derived-dount input {
	width:60px;
	height:28px;
	border: 1px solid #cdd9e3;
	text-align: center;
	font-size: 10px;
}
.derived-dount #export-start-row {

}
.derived-dount #export-end-row {
}
.export-dialog .derived-dount {
	margin-top: 20px;
	margin-bottom: 36px;
	padding: 0 120px;
}
.export-dialog .line{
	display: inline-block;
	margin:0 15px;
}
.export-dialog .op{
	margin: 0 15px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
.my-dialog-style .layui-layer-btn {
	padding: 0 10px 10px !important;
}
.common-showRate .anyield .number{
   font-size:1.4vw;
}
.common-showRate .anyield {
   top:72%;
}
.dtable .select2-container--default .select2-selection--multiple {
    overflow-y: auto !important;
    border: none!important;
    background: none!important;
}
.position_right_sytle{
	right: 0px!important;
}


.ztree-expand-btn-outter-modal .ext_ztree_expan_btn {
    right: 30px !important;
    top: 20px !important;
}
.state-item-font {
    margin-right: 8px;
    color: black;
}

/* -----------弹出层底部footer统一样式------------------ */

.confirm-btn-skin .layui-layer-btn0, .confirm-tip-btn-skin .layui-layer-btn .layui-layer-btn0, .layui-layer-prompt .layui-layer-btn .layui-layer-btn1 {
	border: 1px solid #dedede !important;
	background-color: #f1f1f1 !important;
	color: #333 !important;
}

.confirm-tip-btn-skin .layui-layer-ico2 {
	position: absolute;
	top: 13px;
	left: 15px;
	width: 22px;
	height: 22px;
}
.confirm-tip-btn-skin .layui-layer-title {
	padding: 0 80px 0 45px;
	border-bottom: none;
}
.confirm-tip-btn-skin .layui-layer-content {
	padding: 8px 50px 8px 45px !important;
}
.modal-dialog {
	margin: 0 auto;
}

.layui-layer-prompt .layui-layer-btn {
	padding-top: 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
}

.div-model-btn .model-btn-cancel{
	background: #f7f7f7;
    border: 1px solid #d9d9d9;
    color: #555
}
.layui-layer-btn .layui-layer-btn0 {
    background: #f7f7f7!important;
    border: 1px solid #d9d9d9!important;
    color: #555!important
}
.modal-footer .btn{
	display: inline-block;
    text-align: center;
    color: white;
    border: 1px solid #4c7af1;
    max-height: 28px;
    height: 28px;
    border-radius: 3px;
    line-height: 28px;
    min-width: 68px;
    background-color: #205CF5;
    cursor: pointer;
    padding: 0 16px;
}
.modal-footer .btn-default{
	border: 1px solid #dedede !important;
	background-color: #f1f1f1 !important;
	color: #333 !important;
}
.modal-footer .btn-success{
	color: white;
    background-color: #205CF5;
}
.modal-footer .btn-info, .modal-footer .btn-modal-confirm{
    color: white;
    background-color: #205CF5;
}

.modal-footer .btn:hover, .div-model-btn .model-btn:hover {
	opacity: 0.8;
	text-decoration: none;
}


/* -----------弹出层底部footer统一样式------------------ */

#showDel img{
	position: absolute;
    width: 18px;
    right: 2px;
    top: 1px;
}
.file-item {
    cursor: pointer;
    margin: 5px 0px 5px 5px;
    display: inline-block;
    float: left;
}
.fileitems .glyphicon-open {
    position: absolute;
    top: 6px;
    right: 4px;
    color: #ec971f;
}
.edit_standard_td_style{
    color:#ff2020!important;
    /* font-weight: bold; */
}
.add_standard_td_style{
    color:#5cb85c!important;
    font-weight: bold;
}
.node-choose-item {
	cursor:pointer;
	margin: 10px auto; 
	padding: 13px; 
	width: 305px; 
	border-radius: 2px; 
	border: black solid 1px;
    text-align: center;
}
.node-choose-item.node-choose-item--choosed {
	background: #e86f34;
    color: #ffffff;
    border: none !important;
}
.not-atm-managed-file-item {
	position: relative;
}
.not-atm-managed-file-item:hover .download-btn-wrapper{
	background-color: rgba(0, 0, 0, .8);
	height: 16px;
	display: block;
	width: 100%;
}
.download-btn-wrapper {
	position: absolute;
	bottom: 0;
	display: none;
	width: 80px;
	height: 30px;
	line-height: 20px;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
	cursor: pointer;
}
.not-atm-managed-file-item .download-btn-wrapper .download-btn {
	background: transparent;
	color: white;
	line-height: 14px;
	width: 100%;
	height: 100%;
	top: 2px;
}

.layer-export-choose-page .layui-layer-btn .layui-layer-btn1 {
	border-color:#4898d5;
	background-color:#2e8ded;
	color:#fff;
}

.layer-export-choose-page .layui-layer-btn .layui-layer-btn0 {
	border: 1px solid #dedede !important;
	background-color: #f1f1f1 !important;
	color: #333 !important;
}
.error-border{
	border: 1px solid #d54941!important;
}



.modal .modal-header {
    height: 46px;
    border-bottom: 1px solid #e5e5e5;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #eee;
}
.modal .modal-title  {
	font-size: 14px;
    color: #333;
}
.modal .modal-header .close {
     margin-top: 0px; 
    background: url(../plugin/layer/skin/default/icon2.png) no-repeat;
    background-position: -88px -3px;
    cursor: pointer;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    opacity: 1;
    font-size:0px;
}
.modal .modal-footer {
     text-align: right;
    border-top: 1px solid #e5e5e5;
    padding: 9px 15px 9px 24px;
}


/* -------------导出model--------------- */

.export-model .modal-dialog {
    width: 680px!important;
}


.export-excel-model {
	width: 98%;
	height: 95%;
	margin: 10px auto;
}

.export-excel-model td {
	padding-left: 23px !important;
	padding-top: 17px !important;
	font-size: 13px !important;
}

.export-excel-model td i+span {
	margin-left: 4px;
}

/* 导出model */

.export-excel-model .pretty.circle label i {
	padding-top: 0;
}

.export-excel-model .pretty>input[type='radio']+label>i.default:before {
	top: 1px !important;
}

/* 表格替代样式 */
.export-excel-model .export-table-container {
	width: 100%;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
}

/* 表头样式 */
.export-excel-model .export-table-header {
	display: flex;
	background-color: #F6F6F7;
	border-bottom: 1px solid #e6e6e6;
}

.export-excel-model .export-table-header-cell {
	padding: 10px;
	font-weight: bold;
}

.export-excel-model .export-table-header-cell:first-child {
	width: 180px;
	border-right: 1px solid #e6e6e6;
	margin-top: 5px;
}

.export-excel-model .export-table-header-cell:last-child {
	flex: 1;
}

/* 表格内容样式 */
.export-excel-model .export-table-body {
	display: flex;
	min-height: 444px;
}

/* 左侧单元格样式 */
.export-excel-model .export-table-cell-left {
	width: 180px;
	padding: 9px;
	border-right: 1px solid #e6e6e6;
}

/* 右侧单元格样式 */
.export-excel-model .export-table-cell-right {
	flex: 1;
	padding: 10px;
}

/* 导出选项容器样式 */
.export-excel-model .export-options {
	height: 100%;
}

/* 列选择区域样式 */
.export-excel-model .export-column-content {
	display: flex;
	flex-wrap: wrap;
}

/* 每个选项的样式 */
.export-excel-model .mode_column-li {
	width: 20%;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}

/* -------------导出model--------------- */

.view-mode-selector-item {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.title-tooltip-text {
	position: absolute;
	color: #444;
	background: white;
	padding: 2px 5px;
	border-radius: 3px;
	box-shadow: 0px 3px 6px #d1d6df;
	opacity: 0;
	white-space: nowrap;
	z-index: 9999999999;
	pointer-events: none;
	text-align: center;
	min-width: 44px;
}

/* 底部提示定位 */
.view-mode-selector-item:hover .title-tooltip-text {
	opacity: 1;
	top: 120%;
	left: 50%;
	transform: translateX(-50%);
}

.title-tooltip-text::after {
	bottom: 100%;
	border-bottom-color: #fff;
}



/* 隐藏所有浏览器默认日历图标 */
input.time::-webkit-calendar-picker-indicator {
	opacity: 0;
	width: 30px; /* 扩大透明点击区域 */
}
input.time::-moz-calendar-picker-indicator {
	opacity: 0;
}

/*日期增加日历图标*/
input.time:not([disabled]), input.date:not([disabled]), input.createtime:not([disabled]), input.createtime2:not([disabled]),
input.BeginAndEndTime:not([disabled]), input.calendar-time:not([disabled]), input.custom-time:not([disabled]) {
	background: url('../img/time.png') no-repeat right 5px center/16px;
	padding-right: 30px; /* 留出图标空间 */
}

.layui-layer-dialog.confirm-btn-skin {
	min-height: 120px;
	min-width: 290px;
}
.layui-layer-dialog.confirm-btn-skin .layui-layer-content.layui-layer-padding {
	line-height: 40px;
}
.layui-layer-dialog.confirm-btn-skin .layui-layer-content .layui-layer-ico {
	top: 18px;
}

/*隐藏确认框title和关闭图标*/
.layui-layer-dialog.confirm-btn-skin .layui-layer-title, .layui-layer-dialog.confirm-btn-skin .layui-layer-setwin {
	display: none;
}

.layui-layer-dialog.confirm-btn-skin .layui-layer-btn {
	padding: 10px 10px 12px;
}
.field-group-title {
    font-weight: bold;
    margin: 5px;
    background-color: #f5f5f5;
    padding: 5px;
}

.no-data-class {
	text-align: center;
}

.custom-attr-editor-attachment-manager {
	height: auto !important;
}
.custome-attr-area>td {
	padding: initial !important;
	height: 0px !important;
	border: none;
}

[data-template-id]{
	position: relative;
}
[data-template-id] .template-items-container{
	display: none;
}
.template-items-container{
	position: absolute;
	background: #fff;
	width: 300px;
	max-height: 400px;
	min-height: 100px;
	padding: 10px;
    box-shadow: -10px 10px 10px #cecece;
    overflow-y: auto;
    z-index: 600000000000;
}

.data-clear-td{
	position: relative;
}
.data-clear-td .icon-chacha::before{
	color: #b4b4b5;
}
.data-clear-input {
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px !important;
	display: none;
}
.data-clear-td:hover .data-clear-input {
	display: block;
}
.data-chart-container{
	background: #eef1f6;
	padding:52px 0px 0px 10px;
}
.task-info-title{
	font-size:16px;font-weight:700;
}
.task-info-title .total{
	padding-left:20px;color:#5687de;
}
.select2-container--default .select2-selection--multiple {
    overflow-y: scroll !important;
}

.cmk-yellow{
	color: #F5CF7F;
}
.cmk-red{
	color: #e95e5e;
}
.cmk-blue{
	color: #458B00;
}

.cmk-legend-excellent { background: #458B00; }
.cmk-legend-good { background: #F5CF7F; }
.cmk-legend-poor { background: #e95e5e; }

.dtable td input.time, .dtable td input.date {
	padding-right: initial;
}
.item-check-active-class{
	background-color: #dfe6f7  !important;
}
/* 默认选中样式 */
.tr-active {
    background-color: #dfe6f7!important;
     font-weight: bold;
}

/* 可以根据需要自定义样式 */
.my-custom-active-class {
    background-color: #dfe6f7 !important;
    font-weight: bold;
}
.disable-input{
    background-color: #eee;
}
.fh-position-search .pretty i:before{
	top:0px;
}
.div-main iframe{
	  display: block;
}
.check-mark-text{
	 word-wrap: break-word;
	 overflow-wrap: break-word;
	 white-space: normal;
}
.attr-control-td,.attr-control-label {
	position: relative;
	border:none!important;
}
.custom-form-tr{
	border:none!important;
}
.custom-form-tr input, .custom-form-tr .border-input {
    border: 1px solid #ced2dc;
    width: 100%;
    padding: 0 8px;
    outline: 0;
    box-shadow: none;
    margin: 5px 0;
    height: 28px;
    border-radius: 4px;
}
.custom-form-tr td:nth-child(odd) {
    width: 7.5em;
    text-align: left;
    line-height: 28px;
    position: relative;
}
.custom-form-tr>td:nth-child(even), .custom-form-tr>td:nth-child(even) {
    padding: 0 10px;
    min-width: 15em;
    padding-right: 1em;
}

.cloak-hide {
	display: none !important;
}

.button-bar-important-tips {
	color: red;
	font-weight: 700;
	font-size: 14px;
    margin-left: 12px;
}

.char-count {
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    pointer-events: none;
}

.char-count .exceeded {
    color: red;
}

.textarea-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;

    margin: 5px 0;
    border: 1px solid #ced2dc;
    border-radius: 4px;
    padding-bottom: 20px;
}

.textarea-wrapper .char-count {
    position: absolute;
    right: 5px;
    background: transparent;
    padding: 2px 6px;
    z-index: 10;
}

.attr-control-td .textarea-wrapper {
    width: 99.7%;
}
/*自定义属性高度微调*/
/*.attr-control-td .textarea-wrapper .char-count{
    padding: 7px 6px;
}*/

.textarea-wrapper textarea {
    width: 100%;
    padding-right: 50px;
    padding-bottom: 25px;
    box-sizing: border-box;
    border: none !important;
}

button:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
input[type="reset"]:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.layui-layer-btn a:focus:not(:focus-visible),
.div-model-btn .model-btn:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.btn:focus-visible,
.layui-layer-btn a:focus-visible,
.div-model-btn .model-btn:focus-visible {
    outline: 2px solid var(--theme-color, #205CF5);
    outline-offset: 2px;
}


a:focus {
    outline: none;
}

