/* Cain 2019-06-19 登录样式
-------------------------------------------------------------- */
body, html {
	min-height: 100%
}

.alert, .well {
	border-radius: 0
}

.nav-list>li .submenu>li>a:hover, .nav-list>li>a, a:active, a:focus {
	text-decoration: none
}

.main-container:before {
	display: block;
	content: "";
	position: absolute;
	z-index: -2;
	width: 100%;
	max-width: inherit;
	bottom: 0;
	top: 0;
	background-color: #FFF
}

.main-container.container, .rtl .main-container.container {
	padding-left: 0;
	padding-right: 0
}

.main-container.container:before {
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
	width: inherit
}

@media ( max-width :767px) {
	.main-container.container:before {
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 100%
	}
}

.main-content:after, .main-content:before {
	content: " ";
	display: table
}

.main-content:after {
	clear: both;
}

.sidebar+.main-content {
	margin-left: 190px
}

.page-content {
	background-color: #FFF;
	position: relative;
	margin: 0;
	padding: 8px 20px 24px
}

.page-header {
	margin: 0 0 12px;
	border-bottom: 1px dotted #E2E2E2;
	padding-bottom: 16px;
	padding-top: 7px
}

.page-header h1 {
	padding: 0;
	margin: 0 8px;
	font-size: 24px;
	font-weight: lighter;
	color: #2679B5
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400
}

.page-header h1 small {
	margin: 0 6px;
	font-size: 14px;
	font-weight: 400;
	color: #8089A0
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
	margin-bottom: 16px
}

.ajax-loading-overlay {
	position: absolute;
	z-index: 1999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, .5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80FFFFFF',
		endColorstr='#80FFFFFF', GradientType=0)
}

.ajax-loading-overlay>.ajax-loading-icon {
	position: relative;
	left: 8px;
	top: 8px
}

.ajax-loading-overlay.content-loaded {
	background-color: rgba(255, 255, 255, .4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66FFFFFF',
		endColorstr='#66FFFFFF', GradientType=0)
}

.ajax-loading-overlay.almost-loaded {
	background-color: rgba(255, 255, 255, .3);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4CFFFFFF',
		endColorstr='#4CFFFFFF', GradientType=0)
}

.ajax-loading-overlay.ajax-overlay-body {
	position: fixed;
	z-index: 2999
}

.ajax-loading-overlay.ajax-overlay-body>.ajax-loading-icon {
	left: 8px;
	top: 8px
}

.ace-icon {
	text-align: center
}

.blockquote-reverse, blockquote, blockquote.pull-right {
	border-color: #E5EAF1
}

pre.prettyprint {
	white-space: pre-wrap
}

.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
	margin-top: 0
}

.well h1, .well h2, .well h3 {
	line-height: 36px
}

.alert {
	font-size: 14px
}

.list-group-item, .no-radius, .pager>li>a, .pagination>li>a {
	border-radius: 0 !important
}

.alert .close {
	font-size: 16px
}

.alert-block p+p {
	margin-top: 10px
}

.pager>li>a:focus, .pagination>li>a:focus {
	background-color: #eaeef2
}

.pagination>li.active>a, .pagination>li.active>a:focus, .pagination>li.active>a:hover
	{
	background-color: #6FAED9;
	border-color: #6FAED9;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	z-index: 2
}

.list-group {
	margin-left: auto
}

.lighter {
	font-weight: lighter
}

.bolder {
	font-weight: bolder
}

.inline {
	display: inline-block !important
}

.block {
	display: block !important
}

.align-center, .center {
	text-align: center !important
}

.align-left {
	text-align: left !important
}

.align-right {
	text-align: right !important
}

.align-justify {
	text-align: justify
}

.middle {
	vertical-align: middle
}

.align-middle {
	vertical-align: middle !important
}

.align-top {
	vertical-align: top !important
}

.align-bottom {
	vertical-align: bottom !important
}

.pos-rel, .position-relative {
	position: relative
}

.pos-abs, .position-absolute {
	position: absolute
}

.no-float {
	float: none !important
}

.line-height-normal {
	line-height: normal !important
}

.line-height-0 {
	line-height: 0 !important
}

.line-height-1 {
	line-height: 1 !important
}

.line-height-125 {
	line-height: 1.25 !important
}

.line-height-150 {
	line-height: 1.5 !important
}

.dark {
	color: #333 !important
}

.white {
	color: #FFF !important
}

.red {
	color: #DD5A43 !important
}

.red2 {
	color: #E08374 !important
}

.light-red {
	color: #F77 !important
}

.blue {
	color: rgba(0, 108, 183, 1) !important
}

.light-blue {
	color: rgba(0, 173, 220, 1) !important
}

.green {
	color: rgba(0, 174, 77, 1) !important
}

.light-green {
	color: rgba(142, 195, 30, 1) !important
}

.orange {
	color: #FF892A !important
}

.orange2 {
	color: #FEB902 !important
}

.light-orange {
	color: #FCAC6F !important
}

.purple {
	color: #A069C3 !important
}

.pink {
	color: #C6699F !important
}

.pink2 {
	color: #D6487E !important
}

.brown {
	color: brown !important
}

.grey {
	color: #777 !important
}

.light-grey {
	color: #BBB !important
}

.bigger-110 {
	font-size: 110% !important
}

.bigger-120 {
	font-size: 120% !important
}

.bigger-130 {
	font-size: 130% !important
}

.bigger-140 {
	font-size: 140% !important
}

.bigger-150 {
	font-size: 150% !important
}

.bigger-160 {
	font-size: 160% !important
}

.bigger-170 {
	font-size: 170% !important
}

.bigger-180 {
	font-size: 180% !important
}

.bigger-190 {
	font-size: 190% !important
}

.bigger-200 {
	font-size: 200% !important
}

.bigger-210 {
	font-size: 210% !important
}

.bigger-220 {
	font-size: 220% !important
}

.bigger-230 {
	font-size: 230% !important
}

.bigger-240 {
	font-size: 240% !important
}

.bigger-250 {
	font-size: 250% !important
}

.bigger-260 {
	font-size: 260% !important
}

.bigger-270 {
	font-size: 270% !important
}

.bigger-280 {
	font-size: 280% !important
}

.bigger-290 {
	font-size: 290% !important
}

.bigger-300 {
	font-size: 300% !important
}

.bigger-115 {
	font-size: 115% !important
}

.bigger-125 {
	font-size: 125% !important
}

.bigger-175 {
	font-size: 175% !important
}

.bigger-225 {
	font-size: 225% !important
}

.bigger-275 {
	font-size: 275% !important
}

.smaller-90 {
	font-size: 90% !important
}

.smaller-80 {
	font-size: 80% !important
}

.smaller-70 {
	font-size: 70% !important
}

.smaller-60 {
	font-size: 60% !important
}

.smaller-50 {
	font-size: 50% !important
}

.smaller-40 {
	font-size: 40% !important
}

.smaller-30 {
	font-size: 30% !important
}

.smaller-20 {
	font-size: 20% !important
}

.smaller-75 {
	font-size: 75% !important
}

.width-20 {
	width: 20% !important
}

.width-30 {
	width: 30% !important
}

.width-35 {
	width: 35% !important
}

.width-40 {
	width: 40% !important
}

.width-45 {
	width: 45% !important
}

.width-50 {
	width: 50% !important
}

.width-55 {
	width: 55% !important
}

.width-60 {
	width: 60% !important
}

.width-65 {
	width: 65% !important
}

.width-70 {
	width: 70% !important
}

.width-80 {
	width: 80% !important
}

.width-85 {
	width: 85% !important
}

.width-90 {
	width: 90% !important
}

.width-95 {
	width: 95% !important
}

.width-100 {
	width: 100% !important
}

.width-75 {
	width: 75% !important
}

.width-25 {
	width: 25% !important
}

.width-auto {
	width: auto !important
}

.height-auto {
	height: auto !important
}

.no-padding {
	padding: 0 !important
}

.no-padding-bottom {
	padding-bottom: 0 !important
}

.no-padding-top {
	padding-top: 0 !important
}

.no-padding-left {
	padding-left: 0 !important
}

.no-padding-right {
	padding-right: 0 !important
}

.no-margin {
	margin: 0 !important
}

.no-margin-bottom {
	margin-bottom: 0 !important
}

.no-margin-top {
	margin-top: 0 !important
}

.no-margin-left {
	margin-left: 0 !important
}

.no-margin-right {
	margin-right: 0 !important
}

.no-border {
	border-width: 0
}

.no-border-bottom {
	border-bottom-width: 0
}

.no-border-top {
	border-top-width: 0
}

.no-border-left {
	border-left-width: 0
}

.no-border-right {
	border-right-width: 0
}

.overflow-hidden {
	overflow: hidden !important
}

.overflow-scroll {
	overflow-x: hidden !important;
	overflow-y: scroll !important
}

.no-text-shadow {
	text-shadow: none !important
}

.space {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0
}

.space-6 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 6px 0 5px
}

.space-4 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 4px 0 3px
}

.login-container {
	position: absolute;
	z-index: 2;
	box-sizing: border-box;
	top: 50vh;
	right: 4vw;
	margin-top: -150px;
	width: 22vw;
	max-width: 315px;
	min-width: 250px;
}

.qrcode {
	width: 180px;
	height: 180px
}

.login-layout label, .ui-jqdialog-content .searchFilter .queryresult {
	margin-bottom: 11px
}

.login-image {
	width: 100%;
	background-size: contain;
}

.login-layout .main-container:before {
	display: none
}

.login-layout .widget-box {
	visibility: hidden;
	position: fixed;
	z-index: -5;
	border-bottom: none;
	box-shadow: none;
	/* 	padding: 6px; */
	background-color: #394557;
	-moz-transform: scale(0, 1) translate(-150px);
	-webkit-transform: scale(0, 1) translate(-150px);
	-o-transform: scale(0, 1) translate(-150px);
	-ms-transform: scale(0, 1) translate(-150px);
	transform: scale(0, 1) translate(-150px);
}

.login-layout .widget-box.visible {
	visibility: visible;
	position: relative;
	z-index: auto;
	border-radius: 4px;
	-moz-transform: scale(1, 1) translate(0);
	-webkit-transform: scale(1, 1) translate(0);
	-o-transform: scale(1, 1) translate(0);
	-ms-transform: scale(1, 1) translate(0);
	transform: scale(1, 1) translate(0);
	transition: transform .3s ease;
	-moz-transition: -moz-transform .3s ease;
	-webkit-transition: -webkit-transform .3s ease;
	-o-transition: -o-transform .2s ease;
	border: 0;
}

.login-layout .widget-box .widget-main {
	padding: 36px 18px 36px;
	background: white;
	border-radius: 4px 4px 0 0;
	min-height: 275px;
}

.login-layout .widget-box .widget-main form {
	margin: 0
}

.login-layout .widget-box .widget-body .toolbar>div>a {
	font-size: 15px;
	font-weight: 400;
	text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
	text-decoration: none;
	color: #FFF;
}

.login-box .forgot-password-link {
	color: #FE9
}

.login-box .user-signup-link {
	color: rgba(0, 173, 220, 1)
}

.login-box .toolbar {
	background: rgba(0, 108, 183, 1);
	border-bottom-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	/* 	border-top: 2px solid #597597; */
}

.login-box .toolbar>div {
	width: 50%;
	display: inline-block;
	padding: 9px 0 11px
}

.login-box .toolbar>div:first-child {
	float: left;
	text-align: left
}

.login-box .toolbar>div:first-child>a {
	margin-left: 11px
}

.login-box .toolbar>div:first-child+div {
	float: right;
	text-align: right
}

.login-box .toolbar>div:first-child+div>a {
	margin-right: 11px
}

.forgot-box .toolbar {
	background: rgba(0, 108, 183, 1);
	border-top: rgba(0, 173, 220, 1);
	padding: 9px 18px;
	border-bottom-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
}

.signup-box .toolbar {
	background: rgba(0, 174, 77, 1);
	border-top: 2px solid rgba(0, 174, 77, 1);
	padding: 9px 18px
}

.forgot-box .back-to-login-link, .signup-box .back-to-login-link {
	color: #FFF;
	font-size: 14px;
	/* 	font-weight: 700; */
	text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
	text-decoration: none;
}

.login-layout .login-box .widget-main {
	padding-bottom: 16px
}

.social-or-login {
	margin-top: 4px;
	text-align: center;
	position: relative;
	z-index: 1
}

.social-or-login :first-child {
	display: inline-block;
	background: #F7F7F7;
	padding: 0 8px;
	color: #5090C1;
	font-size: 13px
}

.social-or-login:before {
	display: block;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px dotted #A6C4DB
}

.social-login a {
	border-radius: 100%;
	width: 42px;
	height: 42px;
	line-height: 46px;
	padding: 0;
	margin: 0 1px;
	border-width: 0
}

.social-login a>.ace-icon {
	font-size: 24px;
	margin: 0
}

.light-login .widget-box {
	padding: 1px 1px 0;
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
	border-bottom: 1px solid rgba(50, 50, 50, .33)
}

.light-login .widget-box .toolbar {
	border-top-width: 1px
}

.light-login .widget-box.login-box {
	background-color: #BCC6CF;
	background-color: rgba(100, 110, 120, .4)
}

.light-login .widget-box.signup-box {
	background-color: #C1CEC4;
	background-color: rgba(110, 120, 100, .4)
}

.light-login .widget-box.forgot-box {
	background-color: #D2C5C5;
	background-color: rgba(120, 110, 100, .4)
}