body {
    margin: 0;
    color: #6a6f8c;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
                url(https://pdi.containersol.srv.br/_lib/img/fundo-login-autoport.JPG);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font: 600 16px / 18px 'Open Sans', sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


.input {
  font-size: 1rem!important;
  padding: 13px 15px!important;
}

*,
:after,
:before{
  box-sizing:border-box
}

#btn_logar {
  margin-top: 30px;
  background: unset;
  border: 3px solid #f1f1f1;
}

#btn_logar:hover {
  background: #f1f1f1;
  border: 3px solid #f1f1f1;
  color: #001C50;
  font-weight: bold;
}

.clearfix:after,
.clearfix:before{
  content:'';
  display:table
}

.clearfix:after{
  clear:both;
  display:block
}

a{
  color:inherit;
  text-decoration:none
}

.logo{
  background: rgb(56, 72, 109)
  width: 100%;
  padding: 15px 0px;
}

.login-wrap{
    width: 350px;
    height: 400px;
    margin: auto;
    position: relative;
  	text-align: center
  
}

.login-html{
  width:100%;
  position:absolute;
  padding:30px 30px 20px 30px;
  border-radius: 15px;
  border: 2px solid #154654;  
  background-color: #234B61;
}

.login-html .tab,
.login-form .group .label,
.login-form .group .button{
  text-transform:uppercase;
  color:#222;
}

.login-form .group{
  margin-bottom:15px;

}

.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
  width:100%;
  color:#fff;
  display:block;
}

.login-form .group .input{
  color:#222;
}

.login-form .group .input,
.login-form .group .button{
  border:none;
  padding:8px 15px;
  border-radius:5px;
 background: rgb(239, 239, 239);
}

.login-form .group input[data-type="password"]{
  text-security:circle;
  -webkit-text-security:circle;
}

.login-form .group .label{
  color:#aaa;
  font-size:12px;
}

.login-form .group .button{
  background:#1a7bc4;
  cursor:pointer;
}

.text-logo {
	color: #fff;
  	font-size: 1.5rem;
}

.hr{
  height:2px;
  margin:15px 0 21px 0;
  background:rgba(255,255,255,.2);
}

.foot-lnk{
  text-align:center;
  color: #9ea1b1;
}

::placeholder{
   color: #9ea1b1;
}
::-webkit-input-placeholder{
   color: #9ea1b1;
}
:-moz-placeholder{
   color: #9ea1b1;
}
::-moz-placeholder{
   color: #9ea1b1;
}
:-ms-input-placeholder {
   color: #9ea1b1;
}