html {
	margin: 0;
	padding: 0;
}

input,select,textarea {
	font-size: 13px;
}
/* overwrite easyui */
.textbox .textbox-text {
	font-size: 13px;
	padding: 2px 5px;
}
.textbox-disabled, .textbox-label-disabled {
	opacity: inherit; /* 取消显示灰掉 */
}
.combo {
	border-color: rgb(169, 169, 169);
}
.wui-form-table td .combo.textbox {
	width: 95% !important;
	height: auto !important;
}
.wui-form-table td .combo.textbox .textbox-text{
	width: 100% !important;
}
/* end */

.wui-page {
	box-sizing: border-box;
	height: 100%;
	background-color: #ffffff;
}
.wui-dialog button {
	min-width: 100;
	min-height: 30;
}

form>table:first-child td, .wui-form-table td {
	vertical-align: top;
}

form>table:first-child, .wui-form-table {
	width: 100%;
	white-space: nowrap;
	border-spacing: 10px 2px;
	border-collapse: initial; /* bootstrap table行太挤*/
}

a {
	cursor: pointer;
	color: #007bff;
	text-decoration: none;
}

/* wui-dialog */
input:not([type=button]), select, textarea {
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(169, 169, 169);
	border-radius: 4px;
	outline: none;
}
/* for firefox: firefox默认下拉列表是灰色 */
select {
	background-color: #fff;
}
/* form上对齐 */
input:not([type=button]), textarea {
	padding: 2px 5px;
}
.wui-dialog td input:not([type=checkbox]):not([type=radio]):not([type=button]), .wui-dialog td select {
	height:30px;
	/*line-height: 30px;*/
	width: 95%;
}
.wui-dialog td textarea,
.wui-dialog td .my-combobox-input {
	width: 95%;
}
.wui-dialog {
	padding: 20px;
	width: 450px;
	margin: 0;
}
@media (max-width: 640px) {
	.wui-dialog {
		padding: 10px 5px !important;
	}
}

input:not([type=button]):focus, select:focus, textarea:focus{
	border:1px solid #66afe9;
}

.wui-find-field {
	background-color: #fffbce;
}

.wui-readonly, input[readonly], textarea[readonly] {
/*	pointer-events: none;*/
	background-color: #fff3f3;
}
select[readonly] {
	pointer-events: none;
	background-color: #fff3f3;
}
input:disabled,select:disabled,textarea:disabled {
	background-color: #fff3f3;
	color: #000;
	opacity: inherit;
}
.validatebox-invalid {
	border-color: #ffa8a8 !important;
	background-color: #fffbce;
}

.window .window-header {
	padding:6px 0;
}
.panel.window {
	max-height: 95%;
	max-width: 95%;
}
.form-caption {
	font-size: 12pt;
	font-weight: bold;
	padding: 5px 0;
}

.block {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	cursor: wait;
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	background-color: white; /*IE auto use transparent*/
	/*background: url('js/themes/default/images/pagination_loading.gif') no-repeat;*/
	display: none;
}

.fieldsp {
	font-weight: bold;
	color: red;
	padding: 20px 10px 10px 0px;
	min-width: 150px;
}

.status-info {
	background-color: rgb(190, 247, 190) !important /*lightgreen*/
}
.status-warning {
	background-color: yellow !important
}
.status-error {
	background-color: rgb(253, 168, 172) !important /* red */
}
.status-disabled {
	background-color: #cccccc !important /* grey */
}

.x-grid {
	border: 1px solid grey;
	border-collapse: collapse /* cellspacing:0 */
}
.x-grid td, .x-grid th {
	border: 1px solid grey;
	padding: 3px;
}
.x-grid th {
	background-color: #eefeee
}

.hint {
	font-size: 0.8em;
	margin: 2px;
	color: blue;
	white-space: normal;
}
pre.hint {
	white-space: pre;
}

/* customize menu */
#menu {
	background: #1d2127;
	/*box-shadow: -5px 0 0 #2f3139 inset;*/
}

#menu .my-menu-item {
	display: -ms-flexbox;
	display: flex;
	height: 47px;
	padding-left: 50px;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #abb4be;
	font-size: 13px;
	text-decoration: none;
}

#menu .my-menu-item > span {
	height: 20px;
	display: flex;
	align-items: center;
}

#menu .my-menu-item > span > i {
	font-size: 18px;
	margin-right: 12px;
	margin-left: -30px;
	text-align: center;
	width: 18px;
}

#menu .menu-item-head.expanded, #menu .my-menu-item:hover {
	background: #32373d;
}

#menu .menu-item-head > i {
	width: 60px;
	text-align: center;
	font-size: 1.5em;
}

#menu .menu-item-head.expanded > i {
	transform: rotate(180deg);
}

#menu .menu-expandable .menu-expandable {
	border-left: 5px solid #32373d;
	border-bottom: 5px solid #32373d;
}
#menu .menu-expandable {
	background: #171717;
}

#menu .menu-expandable .my-menu-item {
	padding-left: 55px;
}

#menu .my-menu-item.active:not(.menu-item-head) {
/*	border-left: #0088cc 3px solid;*/
	box-shadow:  #0088cc 3px 0px inset;
}

/* customize easyui */
.datagrid-cell, .datagrid-cell-group {
	padding: 8px 10px;
	height: auto; /*多行表头显示调整*/
}
/* 设置datagrid最大列宽 */
.wui-datagrid-cell-max-width .datagrid-cell {
	max-width: 500px;
}
/*
.datagrid-header-rownumber, .datagrid-cell-rownumber {
	padding: 7px 2px;
}
*/
/* 工具栏按钮自动换行 */
.datagrid-toolbar tr:first-child{
	display: flex;
	flex-wrap: wrap;
}

.pagination td {
	vertical-align: middle;
}

/* 图片浏览器photoSwipe */
.pswp {
	z-index:9999 !important;
}

.wui-upload .imgs img {
	width: 150px;
	height: 150px;
	object-fit: contain;
}
.wui-upload .imgs p:hover {
	background-color: #fffbce;
}

/* 批量模式高亮显示 batchMode */
#my-tabMain.batchMode .tabs-selected a {
	border-top-color: red;
	color: red;
}
/* datagrid表格中显示图片 */
.datagrid-cell img {
	height: 40px;
	max-width: 100px;
	margin: -8px 0;
	object-fit: contain;
}

.labelMark {
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fffbce;
	cursor: pointer;
	white-space: nowrap;
	padding: 0 4px;
}

.hidden {
	display: none;
}

/* 对话框中子表tabs的上间距 */
.wui-dialog .easyui-tabs:not(:first-child) {
	margin-top: 15px;
}

.wui-form-tab {
	padding: 5px;
}

/* 登录页背景 */
/* 本意是 .loginPanel ~ .window-mask:first 但CSS first-of-type不支持class只能在JS中写 */
.loginPanel-mask {
	background: url(bg.jpg) no-repeat center;
	background-size: cover;
	opacity: initial;
	background-color: lightyellow; /* bugfix:图片加载不出时须用颜色盖住 */
}

/* 必填项在td中加星号标识 */
td.required:after {
	content: "*";
	color: red;
}

/* combogrid jd_showLabels */
.jd-comboLabels {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 5px;
}
.jd-comboLabels button.active {
	background-color: lightyellow;
	border: 1px solid red;
}