a, a:hover, a:active, a:focus, .form-unit {color:#1e83e3;font-size:15px;}
.btn-primary, .btn-primary:hover, .btn-primary:active,
.btn-primary.hover, .btn-primary.focus, .btn-primary:focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover, .layui-layer-btn .layui-layer-btn0,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option--highlighted[aria-selected]
{background-color:#0e48bc!important;border-color:#0e48bc;}

.login-page {background:#E3E7EC;overflow:auto;}

.login-page .btn {padding:5px 10px 4px 10px;font-size:18px;font-weight:bold;}
.login-page .input-group-btn .btn {height:34px;font-weight:normal;font-size:14px;background:#efefef;}

.login-page .select2-container .select2-selection--single {padding:6px 12px;height:34px;}
.login-page .select2-container--default.select2-container--focus .select2-selection--single {border-color:#3c8dbc;}
.login-page .select2-container .select2-selection--single .select2-selection__rendered {margin-top:-4px;}
.login-page .select2-container .select2-selection--single .select2-selection__arrow {top:1px;}
.login-page .select2-search--dropdown .select2-search__field {padding:4px;}
.login-page .select2-results__option {padding:6px 12px;}

.login-page .wrapper {overflow:visible;}
.login-page .has-feedback .form-control, .form-control-feedback {height:39px;padding:2px 10px 4px;font-size:15px;}
.login-page .has-feedback .form-control {height:34px;padding:4px 10px;}
.login-page .form-group {margin-top:5px;margin-bottom:23px;}
.login-page .login-tools {float:right;padding-top:14px;font-size:15px;}
.login-page .login-box {
  width:auto;margin: 5% auto 20px;
}
.login-page .login-box-msg {padding:0 0 15px;color:#f33c3c;}
.login-page .login-box-body {

}
.login-page .login-box-body{
	width: 78vw;
	height: 78vh;
  padding:0;
	display:-ms-flexbox;
	display:flex;
  margin: 50px auto auto;
  border-radius:10px;
	box-shadow:0 20px 80px 0 rgba(0,0,0,0.1);
  position:relative;
}
.login-page .login-box-body .form-control-feedback {cursor:pointer;pointer-events:auto;}
.login-page .login-left {
	width:60%;
	display:inline-block;
	position:absolute\9;
	color:#fff;
	position:relative;
	padding:45px 50px 48px 80px;
	background: url("https://r.nmiot.com/static/nmiot-left.png") no-repeat center;
	background-size: cover;
	border-radius:10px 0 0 10px;
}
.login-page .login-left::before {background:url(images/left-1.png) no-repeat 0 0;}
.login-page .login-left::after {background:url(images/left-2.png) no-repeat right bottom;}
.login-page .login-left::before, .login-page .login-left::after {content:'';position:absolute;top:0;left:0;bottom:0;right:0;}
.login-page .login-right {
	top:0\9;
	right:0\9;
	width:40%;
	padding:40px 80px 48px;
	display:inline-block;
	position:absolute\9;
	background: #fcfcfe;
  border-radius:0 10px 10px 0;
}

.login-box .login-box-body .login-logo {
	width: 131px;
	height: 60px;
	margin: auto;
	background: url("https://r.nmiot.com/static/nmiot-logo.png") top center;
	background-size: 100% 100%;
}

.login-box .login-box-body .login-title {
	text-align: center;
	color: #000000;
	font-size: 26px;
	font-weight: 700;
}

.login-page .login-box-body .login-head {
	text-align: center;
	color: #000000;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2vw;
	margin-top: 2vw;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.login-page .login-box-body .nav-tabs {
  margin: 15px 0 35px;
	border-bottom: 1px solid #0e48bc;
}

.login-page .login-box-body .nav-tabs>li.active>a,
.login-page .login-box-body .nav-tabs>li.active>a:focus,
.login-page .login-box-body .nav-tabs>li.active>a:hover {
	background-color: #0e48bc;
	color: #fff;
	cursor: default;
	border: 1px solid #0e48bc;
	border-bottom-color: transparent;
}
.login-page .login-box-body .nav-tabs .login-tools,
.login-page .login-box-body .nav-tabs .login-tools a {font-size:12px;}

.login-page .social-auth-links {padding:15px;}
.login-page .social-auth-links .border-bottom {border-top:1px solid #ddd;margin-top:25px;}
.login-page .social-auth-links {padding-top:10px;}
.login-page .social-auth-links .title {margin-bottom:30px;}
.login-page .social-auth-links a {display:inline-block;margin:0 10px;}
.login-page .social-auth-links .iconfont {font-size:32px;}

.login-page .login-copyright {text-align:center;margin-top:20px;}
.login-page .login-copyright, .login-page .login-copyright a {color:#666;margin-top:50px;}

@media screen and (max-width: 768px) {
	.login-page .login-box-body {display:block;width:85%;margin-top:30px;}
	/*.login-page .login-left, .login-page .login-right {width:100%;padding: 25px 40px 40px;}*/
	/*.login-page .login-left{padding:20px 30px 40px 50px;border-radius:10px 10px 0 0; height: 25%}*/
  .login-page .login-right {width:100%;height:100%;padding: 25px 40px 40px;border-radius:10px;}
	.login-page .login-left {display: none;}
}
