body,html {
        font-family: 'OpenSans';
        overflow-x: hidden;
        width: 100%;
        height: 100%;
    }

    /* @media screen and (max-width: 700px) {
        .imagenes{
            display: none;
        }
    } */

    @font-face {
        font-family: 'OpenSans';
        src:url('../Fonts/OpenSans-Italic.otf'),
            url('../Fonts/OpenSans-Italic.woff') format('woff'),
            url('../Fonts/OpenSans-Italic.ttf') format('truetype'),
            url('../Fonts/OpenSans-Italic.svg') format('svg');
    }

    .fila_principal
    {
        height: 100vh;
        width: 101%;
        padding: 0px;
        margin: 0px;
    }

    .cuadro_form
    {
        margin: 0px;
        padding: 0px;
        background-color: #EEEEEE;
    }

    #form1 {
        color: white;
        padding: 30px;
        border-radius: 5px;
        height: 102%;
        width: 100%;
    }

    .formulario
    {
        width: 100%;
        margin-top: 20vh
    }

    /* .logo_concept {
        position: fixed;
        right: 10vw;
        bottom: 5vh;
        width: calc(15vw);
        height: auto;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 5px;
        border-radius: 5px;
    } */

    #Pass {
        height: 46px;
    }


    .form-signin {
        margin: 0px auto;
        padding: 15px;
    }

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-control {
        padding: 10px;
        height: auto;
        font-size: 16px;
        position: relative;
        box-sizing: border-box;
    }

    .form-signin .form-control:focus {
        z-index: 2;
    }

    .form-signin input[type='email'] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .form-signin input[type='password'] {
        margin-bottom: 10px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .text-center {
        font-family: 'OpenSans';
        color: black;
        font-weight: 900;
        font-size: calc(4% + 10px);
        margin-bottom: 2vh;
    }

    /* .Image_LogoProsalco {
        float: left;
        width: 5vw;
        height: auto;
        position: relative;
        top: 3px;
        left: 25px;
    } */

    #Image2 {
        height: 80%;
    }

    .boxTwo {
        position: relative;
        top: -1vh;
        left: -1vw;
    }

    .boxOne {
        position: relative;
        right: -1vw;
    }

    #txtUser,
    #txtPass {
        font-family: 'OpenSans';
    }

    #BtnIngresar {
        font-family: 'OpenSans';
        font-weight: 700;
    }

    #TxtUsuario,
    #TxtPassword {
        font-family: 'OpenSans';
        font-weight: 500;
    }

    .imagen_fondo
    {
        height: 100vh;
        width: 100%;
    }

    .btnIngresar
    {
        font-family: 'OpenSans';
        color: white;
        background-color: #283470;
    }

    .primer-contenedor
    {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .logo-concept
    {
        width: 200px;
        height: auto;
    }