html, body {height:100%;}
input,label{font-size:18px}
.highlight,label{pointer-events:none}
.divider-style{margin-top:70px;position:relative;margin-right:40px;margin-left:40px}
.divider-style span{background:#fff;padding:0 20px;position:relative;z-index:5}
.divider-style:before{content:"";display:block;border-top:solid 1px #000;width:100%;height:1px;position:absolute;top:50%;z-index:1}
.bar,input{width:300px;display:block}
.group{position:relative;margin-bottom:45px}
input{padding:10px 10px 10px 5px;border:none;border-bottom:1px solid #757575}
input:focus{outline:0}
label{color:#999;font-weight:400;position:absolute;left:5px;top:10px;transition:.2s ease all}
input:focus~label,input:valid~label{top:-20px;font-size:14px;color:#5264AE}
.bar{position:relative}
.bar:after,.bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#5264AE;transition:.2s ease all}
.bar:before{left:50%}
.bar:after{right:50%}
input:focus~.bar:after,input:focus~.bar:before{width:50%}
.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;opacity:.5}
input:focus~.highlight{animation:inputHighlighter .3s ease}
.login-dark{height:100%;}
.login-dark form{
		
		width:100%;
		background-color:rgba(0,0,0,.44);
		padding:40px;border-radius:4px;
		
		color:#fff;
		box-shadow:3px 3px 4px rgba(0,0,0,.2)
}
.login-dark .illustration{text-align:center;padding:15px 0 20px;font-size:100px;color:#2980ef}
.login-dark form .form-control{background:0 0; color: white;}
.login-dark form .btn-primary{background-color:rgb(22,135,177);border:none;border-radius:4px;padding:11px;box-shadow:none;margin-top:26px;text-shadow:none;outline:0}
.login-dark form .btn-primary:active,
.login-dark form .btn-primary:hover{background-color:rgb(22,135,177);;outline:0}
.login-dark form .forgot{display:block;text-align:center;font-size:12px;color:#6f7a85;opacity:.9;text-decoration:none}
.login-dark form .forgot:active,
.login-dark form .forgot:hover{opacity:1;text-decoration:none}
.login-dark form .btn-primary:active{transform:translateY(1px)}
.nav.navbar-nav.main-nav{display:block;max-width:1000px;list-style:disc;width:100%;padding:0;margin:0;text-align:center}
.navbar-nav>li{list-style-type:none;float:left;padding:0;line-height:50px;height:50px;margin:0}
.navbar.navbar-default{background:#000}
.navbar-default .navbar-nav>li>a{color:#fff}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{color:#f4e7e7;background:#f64c3b;text-decoration:none;font-size:13px;font-weight:400;display:inline-block;margin:0;text-align:center;transition:all .3s}
a:active{background:red}

.img-logo-elecon{
	
	height:118px;
	margin-right:0;
	margin-left:0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.login-content{
	left:50%;
	position:relative;
	margin-right:0;
	margin-left:0;
	transform: translate(-50%,-50%);
	width: 350px;
	text-align: center;
	top: 50%;
}

.text-nlinea{
	text-align:center;
	font-size:28px;
	color:rgb(255,255,255);
	padding-top:17px;
}
#login-progress,#login-bad{
	margin-top: 10px;
}
.hidden{display: none;}

.help-block.with-errors{
	text-align: right;

color: #ff5757;
}