@CHARSET "UTF-8";
@import url(css/iconExt.css);
@import url(css/formExt.css);
@import url(css/boxExt.css);
@import url(css/treeExt.css);
@import url(css/hisuiExt.css);
@import url(css/tableExt.css);
@import url(css/checkExt.css);
@import url(css/listExt.css);

a,
a:active,
a:hover,
a:focus,
a.hidefocus {
	blr: expression(this.onFocus=this.blur ());
	cursor: pointer;
	hide-focus: expression(this.hideFocus=true);
	outline: none;
	outline: 0;
	text-decoration: none;
}

button,
button:active,
button:hover,
button:focus,
button.hidefocus {
	outline: none !important;
}

body * {
	font-family: 'Microsoft Yahei';
	font-size: inherit;
}

html,
body {
	font-family: "microsoft yahei", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-self;
	font-size: 14px;
	color: #333;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	height: 100%;
}

/********************滚动条样式********************/
/*滚动条宽度*/
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/* 轨道样式 */
::-webkit-scrollbar-track {
	background: #eef5f8;
}

/* Handle样式 */
::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #afcede;
}

/*当前窗口未激活的情况下*/
::-webkit-scrollbar-thumb:window-inactive {
	background: #c5dbe7;
}

/*hover到滚动条上*/
::-webkit-scrollbar-thumb:vertical:hover {
	background: #93bbd2;
}

/*滚动条按下*/
::-webkit-scrollbar-thumb:vertical:active {
	background: #72a6c5;
}


/********************loading样式********************/
#page-loading,
.box-main,
.nav-main {
	animation-duration: .3s;
	animation-name: fadeIn
}

#page-loading {
	position: fixed;
	top: 48%;
	left: 48%;
	z-index: 9999999999;
	min-width: 125px;
	margin-left: -50px;
	margin-top: -30px;
	padding: 7px 7px 7px 33px;
	text-align: center;
	vertical-align: middle;
	color: #333;
	font-size: 13px;
	border: 1px solid #dedede;
	background: #fbfbfb url("../common/img/loading.gif") no-repeat 5px center;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1)
}

#page-loading em {
	position: absolute;
	cursor: pointer;
	right: 1px;
	top: 2px;
	line-height: 8px;
	font-style: normal;
	color: #666;
	display: none
}

#page-loading-top {
	background: #f3565d;
	position: fixed;
	left: 0;
	top: 0;
	width: 5%;
	height: 2px;
	z-index: 99999
}

/********************全局通用样式********************/

.btn-outline {
	border: 1px solid #ddd;
	background: #f4f4f4;
	color: #444
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
	color: #444;
	background: #e7e7e7;
	border-color: #bbb
}

.gray-bg {
	background: #f4f6f8;
}

.b-radius{
	border-radius: 4px;
	border: 1px solid #ddd;
}

.b-r {
	border-right: 1px solid #ddd;
}

.hr-line-dashed {
	border-top: 1px dashed #ddd;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	margin: 20px 0;
}

.button-margin {
	margin-left: 10px !important;
}

.input-none-margin {
	margin: 0px !important;
}

.btn-margin-left {
	margin-left: 15px !important;
}

.head-scu-label {
	margin-top: 35px;
}

.head-scu-btn {
	margin-top: 68px;
}

.line-margin {
	margin: 8px 0 !important;
}

.be-driver-checkbox {
	margin-top: 7px;
}

.btn-group-m-t {
	text-align: center;
}

.btn-margin-bottom {
	margin-bottom: 5px;
}

.upload-btn {
	white-space: nowrap;
}

.tree-box {
	border-radius: 0px !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2) !important;
	background: rgb(250, 250, 250) none repeat scroll 0% 0% !important;
	border: 1px solid rgb(204, 204, 204) !important;
	overflow-y: scroll !important;
	overflow-x: auto !important;
	margin-top: 0px !important;
	width: 224px !important;
	max-height: 160px !important;
	-moz-user-select: none !important;
}

.progressBar {
	width: 50%;
	height: 20px;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	z-index: 9999;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.middle {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.padding-5 {
	padding: 5px;
}

.padding-10 {
	padding: 10px;
}

.padding-15 {
	padding: 15px;
}

.padding-20 {
	padding: 20px;
}

.padding-0 {
	padding: 0 !important;
}

.padding-l-0 {
	padding-left: 0 !important;
}

.padding-r-0 {
	padding-right: 0 !important;
}

.padding-t-0 {
	padding-top: 0 !important;
}

.padding-b-0 {
	padding-bottom: 0 !important;
}

.padding-r-5 {
	padding-right: 5px;
}

.padding-l-5 {
	padding-left: 5px;
}

.padding-t-5 {
	padding-top: 5px;
}

.padding-b-5 {
	padding-bottom: 5px;
}

.padding-r-10 {
	padding-right: 10px;
}

.padding-l-10 {
	padding-left: 10px;
}

.padding-t-10 {
	padding-top: 10px;
}

.padding-b-10 {
	padding-bottom: 10px;
}

.padding-r--5 {
	padding-right: -5px;
}

.padding-l--5 {
	padding-left: -5px;
}

.padding-t--5 {
	padding-top: -5px;
}

.padding-b--5 {
	padding-bottom: -5px;
}

.padding-r--10 {
	padding-right: -10px;
}

.padding-l--10 {
	padding-left: -10px;
}

.padding-t--10 {
	padding-top: -10px;
}

.padding-b--10 {
	padding-bottom: -10px;
}

.margin-0 {
	margin: 0 !important;
}

.margin-l-0 {
	margin-left: 0 !important;
}

.margin-r-0 {
	margin-right: 0 !important;
}

.margin-t-0 {
	margin-top: 0 !important;
}

.margin-b-0 {
	margin-bottom: 0 !important;
}

.margin-r-5 {
	margin-right: 5px;
}

.margin-l-5 {
	margin-left: 5px;
}

.margin-t-5 {
	margin-top: 5px;
}

.margin-b-5 {
	margin-bottom: 5px;
}

.margin-r-10 {
	margin-right: 10px;
}

.margin-l-10 {
	margin-left: 10px;
}

.margin-t-10 {
	margin-top: 10px;
}

.margin-b-10 {
	margin-bottom: 10px;
}

.margin-r--5 {
	margin-right: -5px;
}

.margin-l--5 {
	margin-left: -5px;
}

.margin-t--5 {
	margin-top: -5px;
}

.margin-b--5 {
	margin-bottom: -5px;
}

.margin-r--10 {
	margin-right: -10px;
}

.margin-l--10 {
	margin-left: -10px;
}

.margin-t--10 {
	margin-top: -10px;
}

.margin-b--10 {
	margin-bottom: -10px;
}

.btn-margin {
	margin-right: 3px;
}

#filemanager .fa-folder.fa-5x {
	font-size: 10.5em;
}

#filemanager .item {
	height: 220px;
	min-height: 220px;
	max-height: 220px;
}

#filemanager .item img {
	height: 110px;
	min-height: 110px;
	max-height: 110px;
}

#filemanager .item label {
	word-wrap: break-word;
}

.btn-white {
	color: inherit;
	background: #f5f5f5;
	border: 1px solid #d2d2d2;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	color: inherit;
	border: 1px solid #d2d2d2;
}

.btn-white:active,
.btn-white.active {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	background-image: none;
}

.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
	color: #cacaca;
}

/* hisui 多色btn */
.l-btn-icon {
	font-size: inherit;
}

.l-bt-green {
	background: #15b398;
}

.l-bt-green .l-btn-left .l-btn-icon {
	background-color: #00a65a !important;
}

.l-bt-green:hover {
	background: #00a65a;
	color: #ffffff;
	border: 0px solid #00a65a;
	filter: none;
}

.l-bt-red {
	background: #ff584c;
}

.l-bt-red .l-btn-left .l-btn-icon {
	background-color: #dd4b39 !important;
}

.l-bt-red:hover {
	background: #dd4b39;
	color: #ffffff;
	border: 0px solid #dd4b39;
	filter: none;
}

.l-bt-orange {
	background: #ffb746;
}

.l-bt-orange .l-btn-left .l-btn-icon {
	background-color: #ff8a46  !important;
}

.l-bt-orange:hover {
	background: #ff8a46;
	color: #ffffff;
	border: 0px solid #ff8a46;
	filter: none;
}

.l-bt-white {
	background: #ffffff;
	color: #333;
}

.l-bt-white .l-btn-left .l-btn-icon {
	background-color: #dd4b39 !important;
}

.l-bt-white:hover {
	background: #f6f6f6;
	color: #333;
	border: 0px solid #ffffff;
	filter: none;
}

/* 列表样式扩展 */
.inner-fit {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}

.inner-fit-b0 {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 0;
}

.outer-fit {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.tableform {
	margin: auto;
	padding: 10px;
	width: 90%;
}

.panel-default {
	border-color: #ccc;
}

.panel-default>.panel-heading {
	border-color: #ccc;
}

.alert-danger {
	color: #FF4C3C;
	background-color: #FFE3E3;
	border-color: #FFC3C3;
	padding:10px;
	
}
.text-success{
	color: #15b398;
}
.text-info{
	color: #58d3ff;
}
.text-warning{
	color: #ffba42;
}
.text-danger{
	color: #ff584c;
}
.text-primary{
	color: #0d83b0;
}
.genResBtn {
		cursor: pointer;
		padding-top: 22px;
		border: 1px #dddddd solid;
		width: 120px;
		height: 65px;
		text-align: center;
}

.genResBtn:hover {
		background-color: #EAF2FF;
}