/*
	Stylesheet for login page
*/
body {
    margin:0px;
    padding:0px;
    font-family: Tahoma,Arial;
    font-size: 10pt;
    /* Location of the image */
    background-image: url('../Img/backgrounds/imagen-login.png');
    /* Background image is centered vertically and horizontally at all times */
    background-position: center center;
    /* Background image doesn't tile */
    background-repeat: no-repeat;
    /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based
     on the container's size */
    background-size: cover;
    /* Set a background color that will be displayed
     while the background image is loading */
    background-color: #464646;
}

.main-container {
    
}

.login-container {
    min-height: 90vh; /*vh (viewport-height) = Altura de la ventana gráfica.*/ 
    margin: 0 auto;
    padding: 15px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.formLogo {
    background-image: url('../Img/backgrounds/cuadro-login.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 350px;
    height: 340px;
    border-radius: 4px 0px 0px 4px;
    overflow: hidden;
}
    .formLogo img.img {
        max-width: 100%;
    }

.img2 {
    margin: 118px 18px;
}

.formLogin {
    background-color: #dad7d3d1;
    width: 350px;
    height: 340px;
    box-sizing: border-box;
    padding: 68px 19px;
    border-radius: 0px 4px 4px 0px;
    overflow: hidden;
}

    .formLogin table {
        width: 100%;
        margin-top: -17px;
    }

.form-control {
    border-radius: .25em;
    padding: .5em .6em;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
    .form-control:focus {
        outline-color: cadetblue !important;
    }
    .form-control:invalid {
        border: 1px solid red;
    }

    table#oLoginControl table tr:nth-child(1) td, table#oLoginControl table tr:nth-child(2) td {
        padding-left: 0px;
        padding-right: 7px;
        padding-top: 32px;
    }

table#oLoginControl table td label:nth-child(1) {
    margin-top: -33px;
    position: absolute;
    margin-left: -15px;
}

table#oLoginControl table {
    margin: -24px 19px;
}

    table#oLoginControl table tr:nth-child(3) td {
        padding-top: 6px;
        padding-bottom: 32px;
    }

.formLogin table input[type="text"], .formLogin table input[type="password"] {
    margin-left: -24px;
}

.formLogin table input[type="checkbox"] {
    margin-left: -9px;
}

    input[type="submit"] {
        font-weight: normal;
        background-color: #0080ef;
        white-space: nowrap;
        text-align: center;
        color: #ffffff;
        border: outset 0px #f4f4f4;
        width: 98%;
        padding: 7px 0px 7px 0px;
        border-radius: 4px;
        margin: -25px 15px 30px -260px;
        cursor: pointer;
    }

        input[type="submit"]:active{
            cursor:wait;
        }

        a {
            text-decoration: none;
            color: black;
        }

/*@media screen and (max-width: 1024px) {
    .formLogin {
    
    }

    .formLogo{

    }
}*/

@media (max-width: 992px) {
    .formLogin {
        height: 300px;
        border-radius: 4px 4px;
    }
    .formLogo {
        display: none;
    }

    table#oLoginControl {
        margin-top: -34px;
    }
}

@media screen and (max-width: 768px)
{

}

/*
@media screen and (max-width: 640px) {
    .formLogin {

    }

    .formLogo {

    }
}

@media (max-width: 576px) {
    .formLogin {

    }
    .formLogo {

    }
}*/