/*==========Fondo=========*/
.text-center{
  font-weight: 350;
  color: #4D6473;
  background-color: rgb(238, 238, 238);
}
/*==========FIN Fondo=========*/
/*==========IMAGEN LOGO=========*/
.img-margin-bottom {
  margin-bottom: 30px;
}
.mx-auto {
  margin-right: auto;
  margin-left: auto;
}
.d-block {
  display: block;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
/*==========FIN IMG=========*/
/*==========Cuadro LOGIN=========*/
.instru-box{
  margin-top: 50px;
  width: 600px;
  height: 500px;
  background: white;
  top: 370px;
  left: 50%;
  border-radius: 2%;
  position: absolute;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding: 65px 50px;
}
.login-box {
  width: 400px;
  height: 500px;
  background: white;
  top: 370px;
  left: 50%;
  border-radius: 2%;
  position: absolute;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding: 65px 50px;
}
.titu{
    text-align: left;
    color:#4D6473;
    font-size: 15px; 
}
.form-floating{
    padding: 0rem .150rem;
    margin-bottom: 20px;
}
.login-box label {
      font-weight: bold;
      display: block;
      margin-bottom: 10px;
      font-weight: 900;
}
.login-box input {
      width: 100%;
      margin-bottom: 10px;
      border-color:none; 
}
.login-box input[type="text"], .login-box input[type="password"] { 
      background: transparent;
      height: 38px;
      font-size: 17px;
      color: black;
      border: 1px solid;
      border-color: rgb(224, 224, 224);
      border-radius: 6px;
}
.login-box a {
      font-size: 12px;
      line-height: 20px;
      color: rgb(145, 142, 142);
}
.login-box a:hover {
      color: black;
}
/*==========FIN Login=========*/