/* Neuritos | Lilian Monteiro - 26/01/2021 
* Descrição: tela para login
*/

.loginscreen {
  width: 100%;
  height: 100%;
}
#login {
  width: 330px;
  background-color: #fff;
  border-radius: .5rem;
  border: 1px solid #ccc;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#login .form-group {
  margin-bottom: .5rem;
  position: relative;
}
#login .form-control {
  border: 1px solid #6f00d3;
  padding-left: 30px;
}
#login input.form-control {
  padding-left: 33px;
}
.login-header {
  background-color: #6f00d3;
  padding: 15px 30px;
  border-radius: .5rem .5rem 0 0;
}
.login-content {
  padding: 10px 30px 25px;
}
.idioma, .email, .senha, .voucher {
  position: absolute;
  left: 15px;
  top: 5px;
  z-index: 99;
}
.idioma::before {
  font-family: FontAwesome;
  font-size: 16px;
  content: '\f0ac'
}
.email::before {
  font-family: FontAwesome;
  font-size: 16px;
  content: '\f003'
}
.senha::before {
  font-family: FontAwesome;
  font-size: 16px;
  content: '\f023'
}
.voucher::before {
  font-family: FontAwesome;
  font-size: 16px;
  content: '\f145'
}