body 
{ 
  /* background-color: rgba(73, 80, 87, 1); */
  background-color: rgba(115, 133, 151, .7) 
}
.material-icons.md-dark 
{ 
  
  color: rgba(102, 108, 136, 0.9); 
}
.material-icons.md-18 
{ 
  font-size: 18px; 
}    
.material-icons.md-16 
{ 
  font-size: 16px; 
}

#sg4cmu-signup
{
  margin-bottom: .5rem;
  /* background-color: rgba(72, 77, 85, 0.9); */
  background-color: rgba(184, 188, 192, 1);
  
  padding-left: 0rem;
  padding-right: 0rem;
}

.input:focus {
  outline: 0;
}

.form-control {
  color: rgba(36, 37, 38, 0.9);
  background: transparent;
  border: none;
  border-bottom: 1px solid #808a94;
  outline:none;
  box-shadow:none;
  border-radius: 0px;
  padding-bottom: 0px;
}


.form-control:focus, .form-control:disabled, .form-control[readonly] 
{
color: rgba(26, 27, 28, 0.9);
border: none;
background: transparent;
border-bottom: 1px solid #808a94;
outline:none;
box-shadow:none;
border-radius: 0px;
padding-bottom: 4px;
}


.input-group-text 
{
  background-color: transparent;
  border: none;
  padding-bottom: 0rem;

}

/* .btn-outline-info 
{
  color: rgba(100, 106, 115, 0.9);
  background-color: rgba(166, 175, 189, 0.9);
  border-color: rgba(126, 132, 141, 0.9);
}      */

.btn-outline-info:hover {
  border-color: rgb(231, 237, 241);
  background-color: transparent;
}      

.sg4cmu-loader-info {
  background: var(--sg4cmu-loader-gif) no-repeat;
  position: relative;
  display: none;
  padding-right: 2rem;
  margin: 0 auto;
  top: 0;
  left: 0;      
  float: right;
  height: auto;
  width: auto;
  min-height: 4rem;
  min-width: 4rem;
  max-height: 4rem;
  max-width: 4rem;
  z-index: 9999;
}

/* Clases para evitar layout shift en formulario */
.input-group-icon {
  margin-top: 10px;
}

.form-input-field {
  font-size: 13px;
  margin-top: 10px;
  margin-right: 15px;
}

/* .btn-submit-login {
  float: right;
  font-size: 13px;
  margin-top: 20px;
  margin-right: 15px;
} */

.my-5 {

  margin-top: 3rem !important;
  margin-bottom: .5rem !important;
}