@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body{
 height: 100vh;
 margin: 0%;
 padding: 0%;
 overflow: hidden;
 color: #333333;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.80857;
    overflow-x: hidden !important;
}

*{
    margin: 0%;
 padding: 0%;
}

#header{
    height: 15vh;   
}


footer{
    height: 5vh;
    font-size: 9px;
    margin-top: 2vh;
}

footer .direccion{
    border-bottom: 2px solid #085c9f ;
}

.logo{
    height: 90px;
}

#formulario{
    height: 80vh;
    overflow: hidden;
}

.titulo{
    color: #085c9f;
}

#contenido{
    height: 72vh;
}

.circulos{
    font-size: 13px;
}

.largo{
    width: 95% !important;
}

#CuadroLey{
    height: 27vh;
    overflow-y: hidden;
    overflow-x: hidden;
}

#Contrato {
    width:100%;
    height:27vh; 
}

@media (max-width: 767.98px)  {
    .largo{
        width: 90% !important;
    }
  }


.letrita {
    font-size: 8px;
}

/* Mark input boxes that gets an error on validation: */
input.invalid, select.invalid, .check.invalid {
    background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
    display: none;
}