.telas-login .logo {width:170px; height:150px; margin-bottom:50px;}
.telas-login h1 {color:#005490; font-size:32px;}
.telas-login h2 {color:#707070; font-size:22px; width:100%; float:left; text-align:center; margin-bottom:20px;}
.telas-login .div-center {float:none; margin:0 auto; border:2px solid #707070; border-radius:20px; padding:35px 20px 20px;}
.telas-login label {color: #707070; font-size:16px; margin:0 0 5px; font-weight:600 !important; width:100%; float:left;}
.telas-login label span {color: #de3c3c; font-size:14px;}

.telas-login p {color: #707070; font-size:16px; margin:0 0 5px; font-weight:600 !important; width:100%; float:left;}
.telas-login .obs {color: #707070; font-size:11px; margin:10px 0 0; font-weight:400 !important; width:100%; float:left; text-align:center;}
.telas-login .input, .telas-login select { width:100%; float:left; border:1px solid #707070; border-radius:7px; padding:5px 10px; height:35px; margin-bottom:15px;}
.telas-login .input.senha { padding-right:45px; }

.telas-login .submit {width:50%; float:left;}
.telas-login .submit-40 {width:40%; float:none; margin:0 auto;}
.telas-login .submit-100 {width:100%; float:left; margin:0;}
.telas-login .submit .button, .telas-login .submit-40 .button, .telas-login .submit-100 .button { width:100%; float:left; background-color:#005490; color:#fff; border-radius:7px; padding:5px 10px; height:35px; margin-bottom:15px; border:none;}
.telas-login .btn-auxiliar {width:25%; float:left;}
.telas-login .btn-auxiliar a {color:#005490; font-size:14px; font-weight:400; padding:10px 20px; float:left;}
.telas-login .btn-auxiliar-50 {width:50%; float:left;}
.telas-login .btn-auxiliar-50 a {color:#005490; font-size:12px; font-weight:400; float:left; text-align:center; width:100%;}
.telas-login .text-align-right a {text-align:right !important; padding:10px 15px 0 0;}
.telas-login .text-align-left a {text-align:left !important;  padding:10px 0 0 15px;}

.telas-login .col-left {width:50%; padding:0 10px 0 0; float:left;}
.telas-login .col-right {width:50%; padding:0 0 0 10px; float:right;}
/*
div #msg.frame div {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  margin-right: 500px;
  margin-left: 500px;
  padding: 10px;
}
*/

.msg.info  { 
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  margin-right: 500px;
  margin-left: 500px;
  margin-top: 30px;
  padding: 10px;
}

.msg.sucess  { 
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  margin-right: 500px;
  margin-left: 500px;
  margin-top: 30px;  
  padding: 10px;
}

.msg.error  { 
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  margin-right: 500px;
  margin-left: 500px;
  margin-top: 30px;
  padding: 10px;
}


@media screen and (max-width: 480px) {
  .col-4, .col-6 {
    width:90%;
  }
} 


.alter-password-icon {
  position: absolute;
  margin-top: 30px;
}

.login-password-icon {
  position: absolute;
  margin-top: 7px;
}

.reset-password-icon {
  position: absolute;
  margin-top: 7px;
}

form i {
  margin-left: -30px;
  cursor: pointer;
}