@charset "utf-8";
*{font-family: Helvetica, Tahoma, Arial, SimSun, "宋体", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
*{vertical-align: middle;}
/*** 禁止双击后元素被高亮 ***/
body{-moz-user-select:none;-webkit-user-select:none;}
textarea{resize:none}
input{box-sizing: content-box;}
input,button,select,textarea{ outline:red !important;} 
input[type=text]:focus,textarea:focus,select:focus{border-color: red !important;background-color: #FFFFBB !important;color:black !important;}
/*** 自定义下拉框样式  ***/
.myselect{
	-webkit-appearance: none;
	border: 1px solid gray;
	background: url('../images/combo_arrow.png') no-repeat scroll right center transparent;
	font-size: 14px;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-color: white;
	line-height: 18px;
	height: 26px;
}
/*** 表格样式定义 ***/
td.required:after,th.required:after{content: " *";color: red;vertical-align: middle;}
table.hs-dt {
	margin: 3px auto;
}
table.hs-dt td,table.hs-dt th{
	vertical-align: middle;
}

table.hs-dt .hs-dt-col-title {
	background-color: rgb(221, 235, 247);
	cursor: default;
	height: 28px;
	line-height: 28px;
	padding-right: 4px;
	text-align: right;
	vertical-align: middle;
	width: 100px;
}

table.hs-dt input {
	border: 1px solid gray;
	height: 22px !important;
	text-indent: 4px !important;
	font-size: 16px;
}
table.hs-dt textarea {
	border: 1px solid gray;
	text-indent: 4px !important;
	font-size: 16px;
}
/***************/

/*** form 提交按钮样式  ***/
div.hs-form-btn-container {
	margin: auto;
	text-align: center;
	width: 100%;
}

div.hs-form-btn-container a {
	margin-right: 20px;
}
/***************/

/*** input ***/
input[readonly="readonly"] {
	background-color: #EEE;border: 1px solid gray;
}
/***************/

.form-input{border: 1px solid;font-size: 18px;height: 22px;line-height: 26px;text-indent: 4px;vertical-align: top;}
/*** 输入框 [input,textarea,select] 公共长度定义 ***/
.time-input {font-size: 18px;line-height: 26px;width: 70px;}
.date-input {font-size: 18px !important;line-height: 26px;width: 118px;text-align: left !important;}
.datetime-input {font-size: 18px;line-height: 26px;width: 195px;}
.mini-input {width: 40px;}
.tiny-input {width: 60px;}
.s-input {width: 100px;}
.m-input {width: 150px;}
.l-input {width: 250px;}
.ex-l-input {width: 450px;}
.fit-input {width: 99%;}
.max-input {width: 100%;}
.readonly-input{background-color: lightGray !important;}
/***************/

/*** 禁止datagrid单元格双击时选中文字 ***/
.datagrid-cell {
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
}
/***************/

/*** autocomplete 相关样式 ***/
.autocomplete-code-container {
	background: gray;
	color: white;
	display: inline-block;
	font-size: 14px;
	font-weight: bolder;
	height: 26px;
	line-height: 26px;
	text-align: center;
	width: 60px;
}
/***************/

/*** 班次状态单元格 相关样式 ***/
/** 售票 **/
.bus-status-1 {
	display: inline-block !important;
	padding: 3px 13px !important;
	line-height: 22px;
}
.bus-status-bg-1{
	font-weight: bold;
}
/** 停班 **/
.bus-status-2 {
	color: white !important;
	background-color: red !important;
	padding: 3px 13px !important;
}
.bus-status-bg-2{
	color: red !important;
	font-weight: bold;
}
/** 报班 **/
.bus-status-3 {
	color: white !important;
	background-color:blue !important;
	padding: 3px 13px !important;
}
.bus-status-bg-3{
	color:blue !important;
	font-weight: bold;
}
/** 发班 **/
.bus-status-4 {
	color: white !important;
	background-color: green !important;
	padding: 3px 13px !important;
}
.bus-status-bg-4{
	color:green !important;
	font-weight: bold;
}
/***************/

/*** 公共样式 ***/
.status-del{
	color: white !important;
	background-color: red !important;
	padding: 3px 15px !important;
}
.status-valid{
	color: white !important;
	background-color: green !important;
	padding: 3px 15px !important;
}	
.status-prime{
	color: white !important;
	background-color: blue !important;
	padding: 3px 15px !important;
}
.status-warn{
	color: white !important;
	background-color: #FF7744 !important;
	padding: 3px 15px !important;
}
.fl {float: left;}
.fr {float: right;}
.cr {color: red}
/*** 通用查询表单 ***/
form.search-form{padding: 5px 8px;}
#searchForm,form.search-form{
	padding-top: 3px;
	padding-bottom: 3px;
}
#searchForm *,form.search-form *{
	font-size:16px;
	line-height:30px;
	vertical-align: top;
}
#searchForm .myselect,form.search-form .myselect{
	line-height: 18px;
	height: 26px;
	padding: 0 14px 0 2px;
}
#searchForm input,form.search-form input{
	border:1px solid;
	font-size: 18px;
	height: 22px;
	line-height: 26px;
	padding:1px;
	text-indent: 4px;
}
#searchForm .search-list,form.search-form .search-list {
	float: left;
	height: 25px;
	margin-right: 15px;
	margin-bottom: 7px;
	white-space: nowrap;
}
/*** 通用 datagrid 样式 ***/
.dg-cell-bg-red{
	background-color: red;
	color: white;
	display: inline-block;
	height: 20px;
	padding: 2px 10px;
	text-align: center;
}
.dg-cell-readonly{
	background-color: lightGray;
}
.dg-cell-def-data{
	background-color: #EEFFBB;
}
.toolbar-sep{margin-top: 9px;}
.item-wrapper{
	float: left;
	height: 28px;
	line-height: 28px;
	padding-top: 6px;
	margin: 0 5px;
}
.item-wrapper>label{
	vertical-align: middle;
}
/*** easyui 提示框 ***/
/* .window{z-index: 11001 !important;} */
/* .window-shadow{z-index: 11000 !important;} */
/* .window-mask{z-index: 10009 !important;} */
.numberbox .textbox-text{text-align: right;}

.easyui-tree-as-list-menu .tree-node{height: 24px;}
.easyui-tree-as-list-menu .tree-node .tree-title{line-height: 24px;vertical-align: middle;}
.easyui-tree-as-list-menu .tree-node .tree-icon{vertical-align: middle;}

a.easyui-linkbutton{height: 24px !important;}

/*** 通用背景色 ***/
a.bg-light-green,.bg-light-green{background-color: #EEFFBB}
.bg-green{background-color: #CCFF99}
.bg-light-blue{background-color: rgb(221, 235, 247);}
.bg-light-red{background-color: #ffe8e8;}
.bg-light-yellow{background-color: #ffe0c1;}

/*** easyui linkbutton 自定义颜色 ***/
.linkbutton-green,.linkbutton-green,.linkbutton-green:hover,.linkbutton-green>.panel-header{
	color: #fff !important;
	border-color: #3c8b3c !important;
	background: #4cae4c !important;
}
a.linkbutton-green:hover{
	background: #449d44 !important;
	filter: none !important;
}
.linkbutton-green>.panel-body{
	border-color: #3c8b3c !important;
}
.linkbutton-green>.dialog-toolbar,.linkbutton-green>.dialog-button{
	border-left-color: #3c8b3c !important;
	border-right-color: #3c8b3c !important;
}
.linkbutton-green>.dialog-button{
	border-bottom-color: #3c8b3c !important;
}

/*** 输入框旁图标公共样式 ***/
.input-icon{
	padding: 2px 4px;
	font-size: 16px !important;
	background-color: black;
	color: white;
	height: 22px !important;
	line-height: 22px !important;
	cursor: pointer;
}
.input-icon>label{font-size: 14px !important;vertical-align: top;padding-left: 3px;cursor: pointer;}
.input-icon-vehicard:hover{background-color: #3c8b3c;color: white;}
.input-icon-drivercard:hover{background-color: #FFDD55;color: black;}
.input-icon-idcard:hover{background-color: rgb(12,127,194);color: white}


/*#bus_define .datagrid-row-over,*/
/*.datagrid-header td.datagrid-header-over {*/
	/*background: #70d8ff !important;*/
	/*color: #404040 !important;*/
	/*cursor: default !important;*/
/*}*/

.l-btn{
	background: #009688;
	color: white;
	border-radius: 3px;
}