* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'calibri'; }

body { display: flex; 
       justify-content: center; 
	   align-items: center; 
	   min-height: 100vh; 
	   background: #2b579a;
	   background-image: url('../imagens/fundoLogin.jpg');
	   background-repeat: round;
	   } 


.lnr-eye {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;}
  
.login-container { background: #fff; 
                   padding: 10px; 
				   border-radius: 15px; 
				   box-shadow: 0 4px 15px rgba(0,0,0,0.9); 
				   width: 100%; 
				   max-width: 500px; 
				   text-align: center; }
				   
.lang-selector { text-align: right; 
                 margin-bottom: 10px; }
				 
.lang-selector select { padding: 5px; 
                        border-radius: 5px; 
						border: 1px solid #ddd; 
						cursor: pointer;
						font-size: 13px; }
						
h2 { margin-bottom: 10px; 
     color: #333; }
	 
p.login { margin-bottom: 30px; 
    color: #666; 
	font-size: 0.9rem; } 
	
.inputGroup { margin-bottom: 15px;position: relative; }

.inputText { width: 480px; 
        padding: 8px; 
		border: 1px solid #ddd !important; 
		border-radius: 5px; 
		outline: none;
		font-size: 14px; }
		
.buttonLogin { width: 49.6%; 
         padding: 12px; 
		 border: none; 
		 border-radius: 5px; 
		 background-color: #007bff; 
		 color: white; 
		 font-size: 1rem; 
		 cursor: pointer; 
		 transition: background 0.3s;
		 display: inline-table;
    	 padding-top: 7px; }
		 
button:hover { background-color: #0056b3; }
a.login { display: block !important; margin-top: 10px !important; color: #007bff !important; text-decoration: none !important; font-size: 0.85rem !important; }

#loginTitle {
	padding-top: 18px;
	font-size: 22px;
    font-weight: 600;
}

.divMsgCamposLogin {
	padding-bottom: 15px;
	text-align: left !important;
}

.btn-show-pass-login {
  font-size: 15px;
  color: #999999;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 16px !important;
  right: 5px !important;
  padding-right: 5px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.btn-show-pass-login:hover {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

.btn-show-pass-login.active {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

@media (max-width: 576px) {
	.inputText { 
		width: 230px !important;
	}
	
	.login-container {
		max-width: 250px !important;
	}
	
	.buttonLogin {
		display: block !important;
    	width: 100% !important;
    	margin-bottom: 10px !important;
	}
}