@font-face {
    font-family: FuturaLTBook;
    src: url("../fonts/ufonts.com_futura-lt-book.ttf") format("opentype");
}

*{
    margin: 0;
    padding: 0;
    font-family: FuturaLTBook;
}

.container-fluid{
    padding: 0;
    margin: 0;
}

.row{
    width: 100%;
    margin: 0;
}

/*Extra small devices (portrait phones, less than 1920px)*/
@media only screen and (max-width: 414px){



}

/***********************************************************************************************
************************************************************************************************
************************************************************************************************
************************************************************************************************
************************************************************************************************
************************************************************************************************
************************************************************************************************
***********************************************************************************************/

@media only screen and (min-width: 1024px) {

    .table-regs > tr:first-child, .table-regs > tbody > tr:first-child {
        width: 99%;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1vh;
        height: 6vh;
    }
    .row.cfdirel-reg > div{
        width: 100%;
    }


/**************************************************************************
********************* Estilos Section**************************************
**************************************************************************/

.section1{
    height: 88.22vh;
    background: url(../img/fondo_Login-02.svg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.div-data{
    height: 100%;
    padding: 0;
}

.row-login{
    height: 65%;
}

.full-stack{
    height: 40%; 
}

.div-acces{
    height: 50%;
}

.row-div-login{
    height: 100%;
}

.div-login{
    background-color: #fff;
    height: 26vh;
    border-radius: 5px 5px 5px 5px;
    width: 35vw;
    max-width: 600px;
}

.inicia-sesion{
    text-align: center;
    font-size: 3vh;
    padding-top: 1vh;
}

.div-input{
    margin-top: 1.2vh;
    text-align: center;
}

.input-typ-1{
    width: 77%;
    border: none;
    background-color: #F0F0F0;
    height: 4vh;
    font-size: 2.5vh;
    text-align: center;
    color: #878796;
}

.div-button{
    margin-top: 2.5vh;
    text-align: center;
}

.button-typ-1{
    border: none;
    background-color: #EFBA76;
    color: #fff;
    width: 40%;
    height: 4.5vh;
    font-size: 2.5vh;
}

.button-typ-1:hover{
    cursor: pointer;
}

.button-typ-1:active{
    background-color: #55779C;
}

.row-logo{
    height: 35%;
}

.div-logo{
    background-image: url(../img/client-logo-7.png); 
    background-size: auto 35vh; 
    background-repeat: no-repeat;
    background-position: center;
    height: 26vh;
    border-radius: 5px 5px 5px 5px;
    width: 35vw;
    max-width: 600px;
}

.div-text{
    margin-top: 4vh;
    text-align: center;
    font-size: 1.7vh;
}

.a-olvide{
    color: #fff;
}




/**************************************************************************
********************* Final Estilos Section********************************
**************************************************************************/

}