﻿/*
 * 通用式样 
 */

html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: PingFangSC-Regular, Microsoft YaHei, SimSun, Arial, Helvetica, Verdana, sans-serif !important;
	color: #333;
	font-size: 12px;
	background-color: initial;
	overflow: hidden;
}

body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul,
li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

a:focus {
	outline: none;
	-moz-outline: none;
	color: #000000;
	text-decoration: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #fff;
	opacity: 1;
}


/*bootstrap*/

.btn-primary {
	color: #fff;
	background-color: #3286ed;
	border-color: #3286ed;
}

.btn-primary:hover {
	color: #fff;
	background-color: #156edb;
	border-color: #156edb;
}

.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: #027dcb;
	border-color: #0277c1;
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #027dcb;
	border-color: #0277c1;
	background-image: none;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
	color: #fff;
	background-color: #0167a8;
	border-color: #014e7f;
}

.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus {
	background-color: #039cfd;
	border-color: #039cfd;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
	background-color: #039cfd;
	border-color: #039cfd;
}

.btn-default {
	color: #373a3c;
	background-color: #fff;
	border-color: #ccc;
}

.btn-default:hover {
	color: #373a3c;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.btn-default:focus,
.btn-default.focus {
	color: #373a3c;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
	color: #373a3c;
	background-color: #e6e6e6;
	border-color: #adadad;
	background-image: none;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
	color: #373a3c;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default:disabled:focus,
.btn-default:disabled.focus {
	background-color: #fff;
	border-color: #ccc;
}

.btn-default.disabled:hover,
.btn-default:disabled:hover {
	background-color: #fff;
	border-color: #ccc;
}

.btn-success {
	color: #fff;
	background-color: #1bb99a;
	border-color: #1bb99a;
}

.btn-success:hover {
	color: #fff;
	background-color: #158c75;
	border-color: #13846e;
}

.btn-success:focus,
.btn-success.focus {
	color: #fff;
	background-color: #158c75;
	border-color: #13846e;
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #158c75;
	border-color: #13846e;
	background-image: none;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
	color: #fff;
	background-color: #106d5b;
	border-color: #0b4a3d;
}

.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled.focus {
	background-color: #1bb99a;
	border-color: #1bb99a;
}

.btn-success.disabled:hover,
.btn-success:disabled:hover {
	background-color: #1bb99a;
	border-color: #1bb99a;
}

.btn-warning {
	color: #fff;
	background-color: #f1b53d;
	border-color: #f1b53d;
}

.btn-warning:hover {
	color: #fff;
	background-color: #eaa211;
	border-color: #e19b10;
}

.btn-warning:focus,
.btn-warning.focus {
	color: #fff;
	background-color: #eaa211;
	border-color: #e19b10;
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #eaa211;
	border-color: #e19b10;
	background-image: none;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
	color: #fff;
	background-color: #c98b0e;
	border-color: #a3700c;
}

.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled.focus {
	background-color: #f1b53d;
	border-color: #f1b53d;
}

.btn-warning.disabled:hover,
.btn-warning:disabled:hover {
	background-color: #f1b53d;
	border-color: #f1b53d;
}

.btn-danger {
	color: #fff;
	background-color: #ff5d48;
	border-color: #ff5d48;
}

.btn-danger:hover {
	color: #fff;
	background-color: #ff3015;
	border-color: #ff270b;
}

.btn-danger:focus,
.btn-danger.focus {
	color: #fff;
	background-color: #ff3015;
	border-color: #ff270b;
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #ff3015;
	border-color: #ff270b;
	background-image: none;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
	color: #fff;
	background-color: #f01c00;
	border-color: #c81700;
}

.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus {
	background-color: #ff5d48;
	border-color: #ff5d48;
}

.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
	background-color: #ff5d48;
	border-color: #ff5d48;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding: 0;
}

.form-control {
	color: #000;
	border-radius: 0;
	box-shadow: none;
	font-size: 9pt;
	height: 28px;
	padding-top: 0;
	padding-bottom: 1px;
	padding-right: 0;
	padding-left: 5px;
	resize: none;
	border-radius: 2px;
}

.form-control:focus {
	border-color: #039cfd;
	box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.dropdown-menu a {
	cursor: pointer;
}

.btn-close {
	/*	margin-right:20px;*/
}

.app-rblock {
	position: relative;
	width: 100%;
	height: 100%;
}

.app-layout-tool-right .btn-default:hover {
	color: #fff;
	background-color: #3286ed;
	border-color: transparent;
}

.a1 {
	display: none;
}

.loginbox {
	border: 2px solid #fff;
	padding: 20px;
	border-radius: 20px;
	background-color: #fff;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.2);
}

#clr,
#show {
	pointer-events: auto;
	text-decoration: none;
}

#clr,
#show:hover {
	cursor: pointer;
}

#loadingPage .loading-shade {
	cursor: wait;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	filter: alpha(opacity=00);
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100009;
}

#loadingPage .loading-content {
	cursor: default;
	position: absolute;
	z-index: 100019;
	width: auto;
	border: 1px solid rgb(187, 187, 187);
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	padding-right: 20px;
	border-radius: 10px;
	color: rgb(102, 102, 102);
	font-size: 12px;
	left: 26%;
	bottom: 30px;
	background: url(../img/loading.gif) 5px 50% no-repeat rgb(255, 255, 255);
	background-size: 30px, 30px;
	box-shadow: 0 1px 15px rgba(0, 0, 0, .175);
}

#loadingPage .loading-shade {
	cursor: wait;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	filter: alpha(opacity=00);
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100009;
}

#loadingPage .loading-content {
	cursor: default;
	position: absolute;
	z-index: 100019;
	width: auto;
	border: 1px solid rgb(187, 187, 187);
	height: 80px;
	line-height: 80px;
	padding-left: 80px;
	padding-right: 20px;
	border-radius: 10px;
	color: rgb(102, 102, 102);
	font-size: 20px;
	left: 0px;
	top: 0px;
	background: url(../img/loading.gif) 5px 50% no-repeat rgb(255, 255, 255);
	box-shadow: 0 1px 15px rgba(0, 0, 0, .175);
}


/*响应式样式*/
@media (max-width: 600px) {
	.app-layout {
		height: 90% !important
	}

	.appgrid-layout {
		top: 40px !important
	}

	.app-layout-tool {
		border-bottom: none !important
	}

	.app-layout-tool-right {
		left: 15px !important;
		top: 40px !important;
		right: 0 !important
	}


	/*左侧树	*/
	.app-layout-left {
		width: 100% !important;
		height: 40% !important;
	}

	.app-layout-left-center .app-layout-center {
		position: absolute !important;
		top: 40% !important;
		left: 0 !important;
		height: 60% !important
	}

	/*上一步 下一步*/
	.step-content {
		height: 95% !important
	}

	/*上一页 下一页*/
	.appgrid-page-bar-info {
		display: none !important
	}

	.paginations ul:first-child {
		display: none !important
	}

	.paginations ul:nth-child(5) {
		display: none !important
	}

	.paginations ul:nth-child(6) {
		display: none !important
	}

	.paginations ul:nth-child(7) {
		display: none !important
	}

	.paginations ul:nth-child(8) {
		display: none !important
	}

	.beizhu {
		top: 40px !important
	}

	/*滚动条*/
	::-webkit-scrollbar {
		width: 0px;
		/* remove scrollbar space */
		background: transparent;
		/* optional: just make scrollbar invisible */
	}
}

.ckbox,
.rdio {
	position: relative;
	display: block;
	padding-right: 12px;
	line-height: initial;
	float: left;
}

.ckbox input[type="checkbox"],
.rdio input[type="radio"] {
	opacity: 0;
	margin: 3px 0 0;
}

.ckbox label,
.rdio label {
	padding-left: 22px;
	padding-top: 1px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.ckbox label:before {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
	content: '';
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
}

.ckbox input[type="checkbox"]:disabled+label {
	color: #999;
}

.ckbox input[type="checkbox"]:disabled+label:before {
	background-color: #eee;
}

.ckbox input[type="checkbox"]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\F00C";
	position: absolute;
	top: 4.5px;
	left: 3.5px;
	display: inline-block;
	font-size: 11px;
	width: 16px;
	height: 16px;
	color: #fff;
}

.ckbox input[type="checkbox"]:checked+label:before {
	border-color: #3286ed;
	background-color: #3286ed;
}

.rdio label:before {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
	content: '';
	display: inline-block;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid #ccc;
	background: #fff;
}

.rdio input[type="radio"]:disabled+label {
	color: #999;
}

.rdio input[type="radio"]:disabled+label:before {
	background-color: #eee;
}

.rdio input[type="radio"]:checked+label::after {
	content: '';
	position: absolute;
	top: 5px;
	left: 4px;
	display: inline-block;
	font-size: 11px;
	width: 10px;
	height: 10px;
	background-color: #444;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.rdio input[type="radio"]:checked+label:before {
	border-color: #3286ed;
}

.rdio input[type="radio"]:checked+label::after {
	background-color: #3286ed;
}