html,body{
  background-image: var(--bg-login);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.container-login{
  padding: 30px 5%;
  margin-top: 5vh;
  margin-bottom: 5vh;
  background: #ffffffdd;
  box-shadow: 0 0 10px #fff;
}


h2{
  font-size: 20px;
  text-align: center;
  color: #444;
  margin-bottom: 30px;
  margin-top: 0px;
}

h3{
  font-size: 30px;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 0px;
}

.row{
  margin: 0;
}


.btn-primary{
  margin-top: 40px;
  width: 100%;
  font-size: 20px !important;
}

input.form-control{
  margin: 0;
  padding: 0;
}

input[type="password"]::selection, input[type="text"]::selection{
  background-color: #ddd;
}

.form-group{
  margin-top: 30px;
}

.material-icons{
  color:  var(--color);
  margin-top: 8px;
}

.portrait-centro{
  width: 100%;
  height: auto;
  text-align: center;
  border-radius: 50%;
  font-size: 120px;
  margin-bottom: 15px;
}

.ico{
  font-size: 30px !important;
  color: #44444444;
}

.panel{
  font-size: 15px;
}

.placeholder-select{
  color: #444;
  font-size: 15px !important;
}

.form-control{
  color: #444;
  font-size: 20px !important;
  padding-bottom: 5px !important;
}

.logo-login{
    margin-bottom: 5vh;
    height: 10vh; 
    background-position: 	center;
    background-size: contain;
    background-repeat: no-repeat; 
    background-image: var(--logo-sidebar);
}