* { margin: 0; padding: 0; }
		
		html { 
			background: url(back_login.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			font-family: verdana !important;
		}
		
		.alert-msg {
			color:white;
			font-size:10px;
		}

@media only screen and (min-width: 1024px) {
		.logo_login {
			top:150px;
			position:relative;
			width: 45%;
			background: url(logo_login.png) no-repeat;
			background-position: right 3em bottom 20px;
			height: 120px;
			}
		
		.logo_login::after {
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			/* IE 5-7 */
			filter: alpha(opacity=70);
			/* Netscape */
			-moz-opacity: 0.7;
			/* Safari 1.x */
			-khtml-opacity: 0.7;
			/* Good browsers */
			opacity: 0.7;
			content: ''; 
			width: 100%; 
			height: 100%;
			background-color:white;
			opacity: 0.5; 
			position: absolute; 
			top: 0; 
			left: 0;
			z-index: -1;
			-webkit-border-radius: 0 50px 0 0;
			-moz-border-radius: 0 50px 0 0;
			border-radius: 0 50px 0 0;			

			}

		.barra_servicos {
			width: 50%;
			height:194px;
			position: relative;
			top:-55px;
			padding:10px;
			background:url(gestao.png) no-repeat 35px 45px;
			float:right;
		}
		
		.login_icon{
			position: absolute;
			right: -57px;
			top: -40px;
		}
			
		.barra_login {
			width: 45%;
			height:194px;
			position: relative;
			top:150px;
			padding:10px;

			}

		.barra_login::after {
			content: ''; 
			border: #3BAC4E 5px solid;
			border-left:none;
			-webkit-border-radius: 0 20px 20px 0;
			-moz-border-radius: 0 20px 20px 0;
			border-radius: 0 20px 20px 0;			
			width: 100%; 
			height: 100%;
			background-color:#135528;
			background-position: right 3em bottom 20px;
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			/* IE 5-7 */
			filter: alpha(opacity=70);
			/* Netscape */
			-moz-opacity: 0.7;
			/* Safari 1.x */
			-khtml-opacity: 0.7;
			/* Good browsers */
			opacity: 0.7;
			position: absolute; 
			top: 0; 
			left: 0;
			z-index: -1;
		}
			
		.login_content {
			width: 382px; 
			float:right;
			}
			
		.login_topo_moldura {
			background: url(barra_topo_login.png) no-repeat;
			height: 78px;
			width: 586px;
			position:relative;
			top: 15px;
			margin-left:-16px;
			color: #fff;
			text-align:right;
			font-size:12px;
			padding-right: 106px;
			padding-top:22px;
			box-sizing: border-box;
			font-weight:bold;
		}
		
		
		.login_fields {
			margin:30px 30px;
			text-align:center;
		}
		.login_input input {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;			
			border: 1px solid #666;
			width:-moz-available;
			width:-webkit-fill-available;
			width: fill-available;
			display: table;
			padding:10px;
			margin: 10px 0;
			font-size:14px;
		}

		
		.login_input_remember_submit {
			text-align: right;
			margin-top:10px;
		}
		
		input.submit {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;			
			padding: 7px 12px;
			border: none;
			width:auto;
			text-align:right;
			font-size:14px;
			font-weight:bold;
			color:#135528;
		}
		
		.login_input_remember_submit label {
			color: #fff;
			font-size:12px;
			margin-right:10px;
		}

  }		
	

@media only screen and (max-width: 1023px) {
		.logo_login {
			top:50px;
			position:relative;
			width: 40%;
			background: url(logo_login.png) no-repeat;
			background-size: 80%;
			background-position: center;
			height: 100px;
			margin:auto;
			}
		
		.logo_login::after {
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			/* IE 5-7 */
			filter: alpha(opacity=70);
			/* Netscape */
			-moz-opacity: 0.7;
			/* Safari 1.x */
			-khtml-opacity: 0.7;
			/* Good browsers */
			opacity: 0.7;
			content: ''; 
			width: 100%; 
			height: 100%;
			background-color:white;
			opacity: 0.5; 
			position: absolute; 
			top: 0; 
			left: 0;
			z-index: -1;
			-webkit-border-radius: 50px 50px 0 0; 
			-moz-border-radius: 50px 50px 0 0;
			border-radius: 50px 50px 0 0;			

			}
		
		.login_icon{
			display:none;
		}
			
		.barra_login {
			width: 45%;
			position: relative;
			top:50px;
			padding:10px;
			margin:auto;
			}

		.barra_login::after {
			content: ''; 
			border: #3BAC4E 5px solid;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;			
			width: 100%; 
			height: 100%;
			background-color:#135528;
			background-position: center;
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			/* IE 5-7 */
			filter: alpha(opacity=70);
			/* Netscape */
			-moz-opacity: 0.7;
			/* Safari 1.x */
			-khtml-opacity: 0.7;
			/* Good browsers */
			opacity: 0.7;
			position: absolute; 
			top: 0; 
			left: 0;
			z-index: -1;
		}
			
		.login_content {
			width: 100%; 
			margin:auto;
			}
			
		.login_topo_moldura {
			background: url(barra_topo_login.png) no-repeat;
			height: 78px;
			width: 586px;
			position:relative;
			top: 15px;
			margin-left:-16px;
			color: #fff;
			text-align:right;
			font-size:12px;
			padding-right: 106px;
			padding-top:22px;
			box-sizing: border-box;
			font-weight:bold;
		}
		
		
		.login_fields {
			margin:10px 10px;
			text-align:center;
		}
		.login_input input {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;			
			border: 1px solid #666;
			width:-moz-available;
			width:-webkit-fill-available;
			width: fill-available;
			display: table;
			padding:10px;
			margin: 10px 0;
			font-size:14px;
			
			
		}
		
		.login_input_remember_submit {
			text-align: right;
			margin-top:10px;
			color: #fff;
			
		}
		
		input.submit {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;			
			padding: 7px 12px;
			width:auto;
			border: none;
			text-align:right;
			font-size:12px;
			font-weight:bold;
			color:#135528;
			
		}

}
		
@media only screen and (max-device-width: 480px) {


		.logo_login {
			top:10px;
			position:relative;
			width: auto;
			background: url(logo_login.png) no-repeat;
			background-size: 70%;
			background-position: center;
			height: 80px;
			margin: 0 10px 0 10px;
			}

		.barra_login {
			width: auto;
			top:10px;
			padding:10px 0;
			}
			
		.login_input_remember_submit label {
			color: #fff;
			font-size:10px;
			margin-right:10px;
		}
			
		input.submit {
			width:auto;
			font-size:14px;
			margin-right:8px;
			padding:8px;
			background:#CDCDCD;
			background-image:none;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;			
			
		}
		
		.login_input input {
			padding:10px;
			font-size:30px;
			margin:9px 3px 8px 9px;
			width:-moz-available;
			width:-webkit-fill-available;
			width: fill-available;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;			
		}

	


}
		
		
	.logo_eks {
	  position: fixed;
	  left: 50%;
	  bottom: 20px;
	  transform: translate(-50%, -50%);
	  margin: 0 auto;
	  color:#666;
	  font-size:11px;
	}
  	
	
	
	_:-ms-fullscreen, :root .login_input input {
		width:94%;
	}