/*RESETEANDO*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/*CLASES REUTILIZABLES*/
.margin-btm-0{
  margin-bottom: 0;
}
.margin-top-0{
  margin-top: 0;
}
.text-black{
  color: #fff;
}
.margin-btm-2{
  margin-bottom: 2vh;
}
.margin-top-2{
  margin-top: 2vh;
}
.container-flex-column{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
nav{
  background: #4db6ac;
  color: #fff;
}
nav .brand-logo{
  color: #fff;
}
hr.hr-color, hr.margin-top-2.margin-btm-2.hr-color{
  background: #4db6ac;
}
/*ESTILOS PARA EL FORM*/
form div.row{
  margin-bottom: 0;
}
label{
  color: #000;
}
input[type=number]:not(.browser-default), input[type=text]:not(.browser-default){
  border-bottom: 1px solid #000;
  margin-bottom: 0;
}

span.alert {
  color: red;
  font-size: 0.85em;
}

.box-data {
  padding: 30px;
  border: 2px solid #10aba7;
  border-radius: 10px;
  margin-top: 30px;
}

@media (min-width: 1200px) {
  body.container-flex-column{
    height: 100vh;
  }
  section div.container{
    width: 90% !important;
  }
}