.loading {
	/* position: absolute;
  left: 50%;
  top: 30%; */
	width: 80px;
	/*32px;*/
	height: 80px;
	/*32px;*/
	background: url(/images/loading2.gif) no-repeat top left;
	z-index: 99999;
	/*display: none;*/
}

/*行布局*/
.i-page {
	padding: 0px 5px;
}

.i-list {
	width: 100%;
	box-sizing: border-box;
}

.i-list .toolbar {
	margin-bottom: 8px;
}

.i-list .list-item {
	display: flex;
	padding: 5px 0px;
}

.i-vbox {
	position: relative;
	/*width: 100%;*/
	display: flex;
	flex-direction: column;
	align-items: stretch;
	overflow-y: auto;
}

/***add 2022-10-25***/

/***
.i-vbox > .i-edit{
	padding: 6px 6px 6px 0px;
}
***/

.i-hbox {
	position: relative;
	height: 100%;
	display: flex; 
	flex-direction: row !important;
	align-items: stretch;
	overflow-x: auto;
}


.i-fit {
	position: relative;
}

.i-fit-item {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/*控件定义*/
.i-group {
	border-bottom: solid 1px #5CB85C;
}

.i-edit {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	padding: 6px 6px 6px 0px;   /* add 2022-11-09 */
}

.i-edit label {
	padding: 0px 5px 5px 2px;
	margin-left: 8px; 
}

.label-none label {
	display: none;
}

.label-left .i-edit,
.label-right .i-edit {
	flex-direction: row;
}

.label-left .i-edit label,
.label-right .i-edit label {
	width: 65px;  /* 60px; update 2022-04-21 */
	padding: 0px;
}

.lb_middle label {
	width: 100px !important;
}

.lb_big label {
	width: 120px !important;
}

.label-left .i-edit .i-input,
.label-right .i-edit .input {
	width: 100%;
}

.i-edit .sign {
	color: red;
	margin-left: 2px;
}

.i-edit .i-input {
	flex: 1;
	box-sizing: border-box;
	border-radius: 2px;
	outline: none;
	padding: 5px;
	margin-left: 8px;
	border: 1px solid #D4D4D4;
	font-size: 14px;
	resize: vertical;
	transition: all .3s ease-in-out;
	background-color: #fff;
	position: relative;    /**add 2023-07-11**/
}

.i-edit input.i-input {
	height: 31px;
}

.i-edit div.i-input {
	/* height: 31px; */
	min-height: 31px;
}

.i-edit select.i-input {
	height: 31px;
	width: 100%;  /*add 2023-06-08*/
}


.i-edit textarea{
	min-height: 31px;
	line-height: 1.6;
	font-family: Microsoft YaHei;  /*ADD 2023-07-12*/
}

.i-readOnly input,
.i-readOnly .i-input {
	background-color: rgba(217, 217, 217, 0.2);
}

.i-readOnly .i-iconBox input,
.i-readOnly .i-iconBox input:focus {
	border-right: none
}

.i-readOnly .owDel {
	display: none;
}

.i-edit .i-icon {
	position: absolute;
	top: 54%;
	right: 3px;
	font-size: 18px;
}

.i-edit .error {
	position: absolute;
	top: -8px;
	right: 2px;
	color: #d9534f;
}

.i-edit>a {
	position: absolute;
	/*top: 45% ;*/
	right: 1px;
	padding: 1px;
	border-left: 1px solid #D4D4D4;
	color: #757575;
}

.i-edit .i-check {
	/* width: 100%;  2019-2-28*/
	border: 1px solid #D4D4D4;
	display: flex;
	flex-wrap: wrap;
}

.i-edit .i-check li {
	/* display: inline-block;  2019-2-28 */
	display: flex;
	padding: 5px 10px 5px 2px;
	align-items: center;
}

.i-edit .i-check .iconfont {
	font-size: 22px;
	margin-right: 4px;
	color: #6d6d6d;
}

.i-edit .i-check .iconfont:before {
	transition: all .15s ease-in;
	content: '\e667';
}

.i-edit .mulSelect .iconfont:before {
	content: '\e695';
}

.i-edit .i-check .checked:before {
	content: "\e646";
}

.i-edit .mulSelect .checked:before {
	content: "\f036";
}

.i-ok .i-icon:after {
	content: 'check_circle';
	color: #5cb85c;
}

.i-error .i-icon:after {
	content: 'error';
	color: #d9534f;
}

.i-edit .dropzone,
.i-edit .tag-editor {
	border: 1px solid #D4D4D4;
	padding: 0px;
}

.i-edit .dropzone {
	text-align: left;
}

.i-edit .dataTables_wrapper {
	border: 1px solid #D4D4D4;
	width: 100%;
}

.i-edit .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border: none;
}

.i-edit .tag-editor li {
	margin: 0px;
	padding: 2px 0px;
}

.i-select {
	margin-right: 25px;
}

/*宽度*/
.i-s {
	width: 50%;
}

.i-m {
	width: 70%;
}

/*单，多选列数*/
.col-1 li {
	width: 100%;
}

.col-2 li {
	width: 44%;
}

.col-3 li {
	width: 28%;
}

.col-4 li {
	width: 19%;
}

/*行，左，右布局 不写则默认上下布局*/
.label-left .i-edit {
	display: flex;
	text-align: left;
	align-items: center;
}

.label-right .i-edit {
	display: flex;
	text-align: right;
	align-items: center;
}

.label-left .i-edit .i-icon,
.label-right .i-edit .i-icon,
.label-none .i-edit .i-icon {
	top: 50%;
	margin-top: -9px;
}

.label-left .i-edit .error,
.label-right .i-edit .error,
.label-none .i-edit .error {
	top: -24px;
}

.label-left .i-edit .tag-editor,
.label-right .i-edit .tag-editor {
	margin-left: 6px;
	border: 1px solid #D4D4D4;
	border-radius: 2px;
}

/*.i-table 表格布局定义*/
.i-table tr {
	display: flex;
}

.i-table td {
	flex: 1;
}

/*按钮的定义*/
.i-end {
	text-align: center;
	padding: 10px 0px;
}

.i-end button {
	margin-left: 8px;
	min-width: 58px;
	cursor: pointer;
}

.i-but {
	outline: none;
	border: none;
	background-color: #888888;
	color: #FFFFFF;
	padding: 7px 20px;
	border-radius: 3px;
	margin: 0px 5px;
}

/*对话框定义*/
.i-dialog {
	position: absolute;
	width: 560px;
	height: 400px;
	border-radius: 3px;
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
	z-index: 300;
	background-color: #FFFFFF
}

.dialog-head {
	padding: 10px 10px 0px 10px;
}

.dialog-title {
	display: inline-block;
}

.dialog-title i,
.dialog-title span {
	vertical-align: middle;
}

.dialog-head .close {
	float: right;
	cursor: pointer;
	font-size: 18px;
}

.dialog-switch {
	width: 100%;
	margin-top: 5px;
}

.dialog-switch .switch-search {
	display: inline-block;
	float: left;
	margin-left: 10px;
}

.dialog-switch .i-end {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	text-align: right;
	float: right;
	margin-right: 10px;
}

.dialog-content {
	padding: 5px 10px;
}

/*文件上传*/
.dz-remove {
	border-radius: 50%;
	background-color: #d9534f;
	width: 20px;
	height: 20px;
	position: absolute;
	right: -8px;
	top: -8px;
	color: #FFFFFF;
	z-index: 100;
	line-height: 18px;
	text-decoration: none !important;
	display: none !important;
}

.dz-default span {
	font-size: 16px !important;
	color: #73716E;
	opacity: 0.5;
}

.dz-preview:hover .dz-remove {
	display: block !important;
	opacity: 0.8;
}

.dz-remove:hover {
	opacity: 1 !important;
}

.dropzone {
	width: auto;
}

.dropzone .dz-preview.dz-error .dz-error-message {
	display: none !important;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 2px !important;
}

/*三级联动*/
.cityBox {
	display: flex;
	width: 100%;
	flex: 1;
	margin-left: 1px;
}

/***panel****/

/* .i-panel{
	border: solid 1px #999999;
} */

.i-bar {
	/* padding: 8px 8px 0px 8px; */
	padding: 8px 8px 4px 8px;
	font-size: 14px;
	align-items: center;
	display: flex;
	font-weight: bold;
}

.i-head {
	border-bottom: 1px solid #BBBBBB;
}

/* .i-foot{
	border-top: 1px solid #BBBBBB;	
} */

.i-bar .toolbar {
	margin-bottom: 0px;
	white-space: nowrap;
	flex: 1;
}

.i-bar .toolbar .toolbar-item:hover {
	border: 1px solid rgba(0, 0, 0, 0);
}

.window-footer .toolbar .toolbar-item:hover {
	border: 1px solid rgba(0, 0, 0, 0);
}

.i-bar .caption {
	color: #333;
}

.i-body {
	/*background-color: #FFFFFF;*/
	padding: 5px;
	position: relative;
	/*add 2019-02-21*/
}

.i-navigate {
	overflow: auto;
	background-color: #f6f8f8;
}

.i-item {
	padding: 8px;
	cursor: pointer;
}

.i-navigate .i-selected {
	background-color: #fff;
}



/*****  grid css ******/
.i-grid {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	/*box-sizing: border-box;  不能加，会导至增加overload-y滚动条*/
	user-select: none;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;    /**add 2023-06-29**/
	/*border-bottom: none;*/
}

.g-top-bar {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 30px;
	box-sizing: border-box;
	background: linear-gradient(#ffffff, #efefef);
}

.g-top-bar div {
	position: absolute;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	cursor: default;
	/*overflow: hidden;*/
}

.g-top-bar i {
	position: absolute;
	cursor: default;
	color: #808080;
	right: 0px;
	line-height: 30px;
}

.g-top-bar u {
	font-size: 12px;
	position: absolute;
	left: 4px;
	z-index: 100;
}

.g-top-bar b {
	position: absolute;
	text-align: center;
	/* color: #808080; */
	line-height: 30px;
	left: 0px;
	height: 30px;
	width: 100%;
	overflow: hidden;
	font-weight: normal;
}

.g-content {
	position: relative;
	top: 0px;
	left: 0px;
	box-sizing: border-box;

}

.g-content .cell {
	position: absolute;
	width: 100px;
	height: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	cursor: default;
	overflow: hidden;
	padding: 0px 6px;
}

.g-content div[r_index]:hover {
	background-color: rgba(0, 0, 0, .04) !important;
}

.layout22 {
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
}

.ow-action {
	padding: 12px;
	color: blue;
}

/*多选*/
.g-content .checked:before {
	content: "\e640";
	font-family: "iconfont" !important;
	font-size: 18px;
	font-style: normal;
	color: #6495ed;
	position: absolute;
	line-height: 30px;
}

.mulSelect .cell:first-child {
	padding-left: 20px;
}

.g-content .row {
	position: absolute;
	left: 0px;
	border-bottom: 1px solid #D4D4D4;
	box-sizing: border-box;
}

.g-content .row:hover {
	background-color: rgba(0, 0, 0, .06);
}

.g-row {
	position: absolute;
}

.row-odd {
	background-color: rgba(0, 0, 0, .03);
}

.row-selected {
	background-color: rgba(0, 0, 0, .05);
}

/**add 2019-08-31***/
.item-selected {
	background-color: rgba(255, 235, 59, 0.3) !important;
	color: blue;
}

.d-selected {
	background: rgba(33, 150, 243, 0.3) !important;
}

.row-selected .col-selected {
	background: #dfe2e4;  /* #949ea74d; */
	height: auto !important;
	min-height: 30px;
	z-index:2;
	word-break: break-all;   /*add 2023-12-08 换行*/
}

.checked .col-selected {
	background: rgba(33, 150, 243, 0.3) !important;
}


.listform {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 32px;
}

/*文件上传清单 css*/

.owFileList {
	/* 2019-2-14 改进*/
	padding: 2px !important;
	display: flex;
	flex-wrap: wrap;
}

.owFileList:focus {
	border: 1px solid blue;
}

.owFileList div {
	position: relative;
	clear: both;
	font: 14px/16px 'Microsoft Yahei';
	border-radius: 4px;
	background-color: rgba(25, 147, 147, 0.1);
	cursor: pointer;

	/* 2019-2-14 改进*/
	display: flex;
	flex-wrap: wrap;
	margin: 2px;
}

.owFileList a {
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap;  remove 2023-06-07*/
	max-width: 300px; /*200px update 2023-06-07*/
	word-wrap: break-word; /*add 2023-06-07*/
}

.owFileList a:hover {
	background-color: rgba(25, 147, 147, 0.4);
}

.owDel {
	color: red;
	font: 14px/16px 'Microsoft Yahei';
	padding: 4px 6px !important;
}

.owProcess {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	height: 2px;
	background-color: yellowgreen;
	margin: 0px;
}

.dz-success span.owProcess {
	background-color: blue;
}

.dz-error span.owProcess {
	background-color: red;
}

/***图片显示窗口******/
.owWindow {
	position: absolute;
	padding: 0px;
	margin: 0px;
	background: #fff;
	/* border: 0px;*/
	border: 3px solid #148be9;	
	/* border: 1px solid #cbcdcd; */
	/*left: 10px;*/
	/*top: 10px;*/
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
	z-index: 99998;
}

.owWindowHead {
	height: 24px;
	width: 100%;
	cursor: move;
}

.owCloseBox {
	position: absolute;
	right: 6px;
	top: 6px;
	margin: 0px;
	padding: 0px;
	width: 34px;
	height: 32px;
	background: url(/images/x32.png) no-repeat top left;
	opacity: 0.8;
	z-index: 9999;
	cursor: pointer;
}

.owCloseBox:hover {
	background: url(/images/x32_h.png) no-repeat top left;
}

.owMaxBox {
	position: absolute;
	right: 6px;
	top: 44px;
	margin: 0px;
	padding: 0px;
	width: 34px;
	height: 32px;
	background: url(/images/max32.png) no-repeat top left;
	opacity: 0.8;
	z-index: 9999;
	cursor: pointer;
}

.owMaxBox:hover {
	background: url(/images/max32_h.png) no-repeat top left;
}


.owDownBox {
	position: absolute;
	right: 6px;
	top: 82px;
	margin: 0px;
	padding: 0px;
	width: 34px;
	height: 32px;
	background: url(/images/down32.png) no-repeat top left;
	opacity: 0.8;
	z-index: 9999;
	cursor: pointer;
}

.owDownBox:hover {
	background: url(/images/down32_h.png) no-repeat top left;
}


.owPrintBox {
	position: absolute;
	right: 6px;
	top: 120px;
	margin: 0px;
	padding: 0px;
	width: 34px;
	height: 32px;
	background: url(/images/p32.png) no-repeat top left;
	opacity: 0.8;
	z-index: 9999;
	cursor: pointer;
}

.owPrintBox:hover {
	background: url(/images/p32_h.png) no-repeat top left;
}

.owRotate {
	position: absolute;
	right: 6px;
	top: 160px;
	margin: 0px;
	padding: 0px;
	width: 34px;
	height: 32px;
	background: url(/images/r32.png) no-repeat top left;
	opacity: 0.8;
	z-index: 9999;
	cursor: pointer;
}

.owRotate:hover {
	background: url(/images/r32_h.png) no-repeat top left;
}




.ow-file {
	padding-right: 12px;
	color: blue;
}

.ow-file i {
	padding: 4px 6px 4px 0px;
}

.ow-file:hover {
	text-decoration: underline;
}

.topView {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ow-check {
	color: rgba(0, 0, 0, 0);
	border: solid 1px #D5D4D3;
	font-size: 16px;
}


.page-box {
	display: flex;
	align-items: center;
	/*padding-top: 10px;  delete 2018-09-29*/
}

.page-box .material-icons {
	color: #999999;
	cursor: pointer;
	padding: 0px 5px;
}

.page-box .pageIndex {
	width: 32px;
	height: 20px;
	margin: 0px 3px;
	border: 1px solid #D4D4D4;
	text-align: center;
}

.page-box .hintText {
	padding-left: 10px;
}


/***任务标记*****/
.task_blue {
	border: 1px solid blue;
	color: blue;
	padding: 0px 2px;
}

.task_red {
	border: 1px solid red;
	color: red;
	padding: 0px 2px;
}


/****以下是表格录入*****/

.ow-html {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	/*padding: 4px; delete at 2018-09-30*/
}

.ow-table,
.dt-table {
	border-collapse: collapse;
	display: block;
	flex: 1;
	/*padding-bottom: 5px;  delete 2018-03-22*/
	table-layout: fixed;
	user-select: none;     /*add 2023-03-01 */
}

.dt-table {
	margin: 5px 0px;
}

.td-nowrap td {
	white-space: nowrap !important;
}

.ow-table tbody tr,
.dt-table tbody tr {
	word-break: break-all;
	word-wrap: break-word;
}

.ow-table tbody tr td,
.dt-table tbody tr td {
	border: 1px solid #6f6f6f;
	width: 200px;
	height: 18px;
	padding: 5px;
	white-space: normal;
}

.bd-box {
	display: flex;
}

.bd-box .bd-table:first-child {
	overflow: hidden;
	flex: 0.4;
}

.bd-table {
	/* flex: 1;  2019-2-15*/
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid #6f6f6f;
	margin: 5px 0px;
}

.bd-table tr td:first-child {
	border-left: none;
}

.bd-table tr td:last-child {
	border-right: none;
}

.bd-table tr.ow-group td {
	border-right: none;
	border-left: none;
}

.bd-table tr.ow-sum td {
	border-right: none;
	border-left: none;
}

.bd-table tbody tr td {
	white-space: nowrap;
	border-top: none;
}

.dt-table .label td {
	background-color: #eee;
}

.ow-table .label td:nth-child(odd) {
	background-color: #eee;
	width: 90px;
	/*  width: 90px;   remove 2020-09-29*/
}

.bd-table .label td {
	background-color: #eee;
	border-top: none;
}


.ow-table tfoot tr td,
.dt-table tfoot tr td {
	padding: 8px;
}

.dashed {
	border: 1px dashed;
	height: 20px;
}

/***
.ow-edit [edit]{	
	background-color: rgba(128, 250, 205, 0.2);  
}
****/

.ow-table [index='-1']>[edit] {
	background-color: transparent;
}

/***excel编辑标记 ***/
.ow-excel {
	display: flex;
	/* justify-content: center;  remove 2023-12-26 解决左边看不到的问题*/
}

/*********
.ow-edit div[flag_input]{
	background-color: rgba(128, 250, 205, 0.2);
	cursor: pointer;
}

.ow-edit td[flag_input]{
	background-color: rgba(128, 250, 205, 0.2);
	cursor: pointer;
}
**********/

.ow-edit [flag_input="on"] {
	background-color: rgba(128, 250, 205, 0.2);
	cursor: pointer;
}

/***add 2019-09-04****/
.ow-edit .f-edit{
	display: flex;
	padding: 2px;
	line-height: 22px;
}

.g-content div.focus {
	border: solid 1px blue !important;
}

.list-box {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	overflow: auto;
}

.list-box li {
	display: flex;
	flex: 1;
	padding: 10px;
	align-items: center;
	cursor: pointer;
}

.list-box li:hover {
	background-color: #bbeaf96b;
}

.ow-popup {
	position: absolute;
	width: 180px;
	min-height: 100px;
	max-height: 260px;
	display: none;
	z-index: 99999;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.selectBox {
	position: absolute;
	width: 100px;
	height: 30px;
	left: 0px;
	top: 0px;
	display: none;
	border: 2px solid blue !important;
	z-index: 101;
}

.plus {
	height: 5px;
	width: 5px;
	background-color: blue;
	border: 2px solid rgb(255, 255, 255);
	display: block;
	position: absolute;
	bottom: -5px;
	right: -5px;
	cursor: Crosshair;
	z-index: 2;
}

.td-title {
	font-size: 18px;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
}

.label-hide .i-edit label {
	display: none;
}

.selectBox .i-edit {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
}

.selectBox .i-edit .i-input {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: none;
	background-color: rgba(128, 250, 205, 1);
	font-size: 14px;
	margin: 0px;
	padding: 4px;
	border-radius: 0px;
	min-height: auto;
}

.selectBox .i-edit .i-input:focus {
	border: none;
}

.selectBox .i-edit>a {
	border: 1px solid #D4D4D4;
}

a:active {
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.ow-scroll {
	position: absolute;
	width: 8px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 100;   /*add 2023-07-26*/
}

/**add 2020-01-20***/
.ow-scroll div{
    width:8px
}

.sizebox {
	position: absolute;
	top: 0px;
	width: 8px;
	height: 30px;
	z-index: 10;
	cursor: e-resize;
	/*background-color: rgba(120, 80, 80, 0.3);*/
}

.sizebox .sizeline {
	position: absolute;
	left: 3px;
	top: 0px;
	width: 2px;
	height: 30px;
	border-left: 1px solid rgba(0, 0, 0, 0.12);
	/*1px solid #D4D4D4;*/
}

.g-top-bar .move .sizeline {
	border-left: 1px solid blue;
	height: 1000px;
}


/*透明遮罩*/
.mask {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 600;
	overflow: hidden;
}

.mask2 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 600;
	overflow: hidden;
}

/*list弹窗*/
@keyframes pop-mid {
	from {
		opacity: 0;
		transform: scale(0, 0);
	}

	50% {
		opacity: 0.5;
	}

	to {
		opacity: 1;
		transform: scale(1, 1);
	}
}

@keyframes pop-rt {
	from {
		opacity: 1;
		transform: scale(1, 1);
	}

	50% {
		opacity: 0;
	}

	to {
		opacity: 0;
		transform: scale(0, 0);
	}
}

.list-popup {
	min-width: 230px;
	max-height: 500px;
	/** max-width: 400px;  remove 2022-12-06**/
	overflow-y: auto;
	overflow-x: hidden;
	background-color: white;
	animation: pop-mid .2s;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
	user-select: none;
}

.list-popup .m-line {
	border-bottom: 1px solid #D4D4D4;
}

.list-popup .m-item {
	border-bottom: none;
	user-select: none;
	padding: 12px 20px;
}

.list-popup .material-icons {
	width: 18px;
	margin-right: 11px;
}

.list-popup .ow-check {
	margin-right: 8px;
}

.list-popup .disable {
	color: #B3B3B3;
}

.list-popup .enable {
	color: #333333;
}

.list-popup .enable:hover {
	background-color: rgba(0, 0, 0, 0.04)
}

.list-popup .list-text {
	display: flex;
	flex-direction: row;
	justify-content: left;
}

.list-popup .list-text .iconfont {
	margin-right: 10px;
}

.pop-rt {
	position: absolute;
	top: 46px;
	right: 10px;
	transform-origin: top right;
	background-color: cornflowerblue;
}

.pop-rt .m-item {
	border: none;
	color: white;
	background-color: transparent;
}

/*字段值显示风格*/
.fds b {
	padding: 2px 6px;
	min-width: 32px;
	color: blue;
	font-weight: normal;
}

/*多文件显示工具条*/
.action-bar {
	position: absolute;
	left: 2px;
	top: 2px;
	padding: 0px 12px;
	height: 40px;
	line-height: 40px;
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
	z-index: 99999;
	background-color: rgba(255, 255, 255, 0.95);
}

.action-bar .icon-cancel {
	color: red;
	cursor: pointer;
}

.ow-sum {
	background-color: rgba(255, 235, 59, 0.3) !important;
}

.ow-group {
	background-color: rgba(255, 235, 59, 0.2) !important;
}

.ow-group .cell {
	border-right: none;
}

.ow-sum .cell {
	border-right: none;
}


/*listform gird i-foot valign-center 2018-09-30*/
.card .listform {
	bottom: 0; 
}

.card .listform .i-panel {
	bottom: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.card .listform .i-foot {
	height: 100%;
	min-height: 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card .listform .i-foot .toolbar {
	flex: 1
}

/*windo autosize replace calc max-height update 2018-09-30*/
.window {
	display: flex;
	flex-direction: column;
	max-height: 100%;
}

.window-content {
	display: flex;
	flex-direction: column;
}

.window-content .i-hbox {
	height: auto;
}

/**表格跨列显示**/
.ow-colspan {
	position: relative;
	height: 100%;
}

.ow-colspan div {
	position: absolute;
}

/* 2019-2-18 add==*/
.i-iconBox {
	display: flex;
	border-radius: 2px;
	flex: 1;
	padding: 0px !important;
	flex-wrap: wrap;
}

.i-iconBox .owFileList,
.i-iconBox input {
	flex: 1;
	width: 100%;
	padding: 0px 2px !important;
	border-right: 1px solid #d4d4d4;
	border-top: none;
	border-bottom: none;
	border-left: none;
	outline: none;
}

.i-readOnly .i-iconBox .owFileList {
	border: none;
}

.i-iconBox input {
	padding-left: 8px !important;
}

.i-iconBox input:focus {
	background-color: transparent;
}

.i-iconBox input[type="time"] {
	border: none;
}

::-webkit-inner-spin-button {
	height: 100%;
}

.i-iconBox div {
	display: flex;
	align-items: center;
}

.i-iconBox .material-icons {
	padding: 0px 2px;
	display: flex;
	align-items: center;
}

.i-changed{
	/* text-decoration: underline wavy #a4a4e4; */
	color: blue;
}

.i-error{
	/*color: blue;*/
	text-decoration: underline wavy red !important;
}

.ow-design{
	background-color: rgba(219,176,173,0.4);
}

.form-select{
	border: dashed rgba(219,176,173,0.4) 2px;
}

/**add 2022-11-12**/
.i-step{
	margin: 20px;
    border: 2px solid blue;
    border-radius: 8px;
}

.stepid {
	border-radius: 50%;
	background-color: red;
	color: white;
	font-weight: bold;
	padding: 2px 10px 2px 6px;
}

/**ADD 2023-06-03 for autoCompleteInput*/
.ow-select-list {
    display: none;
    position: absolute;
    /* max-width: 600px;*/
	min-width: 100%;
    /*max-height: 260px;*/
    overflow-y: auto;
    padding: 0px;
    margin: 0px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
	z-index: 100;
}
.ow-select-list li {
    padding: 4px 2px;
    cursor: pointer;
}
.ow-select-list li.selected {
    background-color: #f2f2f2;
}

.i-treeview{
	height: 100%;
    position: relative;
    border: 1px solid #d4d4d4;
	box-sizing: border-box;
	padding: 0px 0px;
}	

.i-listview {
	/*overflow: auto;*/
	background-color: #f6f8f8;
}


/* END==*/