body {
    display: flex;
    align-items: center;    
    padding-bottom: 40px;   
    justify-content: center;
    color: black;
  }
.form{
  margin:auto;
}
#formSenha{
  display: none;
}
.termos{
  color: #2E3192;

}

.termos:focus{
  color: #8A8CDE;

}
.form-check{
  margin-top:5px;
  margin-bottom:5px;
}
#especialidade{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


#logo{
  width: 16vw !important ;
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top:20px;
  margin-bottom:10px;
}
#divlogo{
  width: 16vw !important ;
}
#msg{
  text-align: center !important;
  margin-top: 5vh;
}

a:hover {
  color: #8A8CDE;
}

label{
  font-weight: bold;
  color:black;
}

@media (max-width: 768px){
  body{
    margin:20px;
  }
  #logo{
    width: 50vw !important ;
  }
}

.inner-addon { 
  position: relative; 
}
/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.input-group-addon{
  background-color :#808286;
  color: #2E3192;
  height: 38px;  
  /*margin: 0px -3px 0px -1px; */
  /* margin-bottom: -1px; */
  padding: 6px 12px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #ced4da;
}
.form-control{
  border-left: none !important;
}