@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");

body {
    font-family: 'Google Sans Flex';
    background-image: url('/Content/images/sitio/background-inicio-inverpay.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 16px;
    color: #3A3A3A;
}
/*------------ Login container ------------*/
.box-area {
    width: 700px;
}

h1 {
    font-size: 1.3rem;
    color: #3A3A3A;
}

/*------------ Right box ------------*/

.form-control {
    border-radius: 0;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #3A3A3A;
    background: white;
    color: #3A3A3A;
}


.right-box {
    padding: 10px;
}

.ErrorEscondido {
    display: none;
    font-size: 0.1rem;
}
/*------------ Custom Placeholder ------------*/
#Login1_lblUserName, #Login1_lblPassword {
    margin-bottom: -3px;
    z-index: 100;
    font-size: 0.9rem;
    font-weight: 600;
    color: #3A3A3A;
}
/*------------ For small screens------------*/
@media only screen and (max-width: 768px) {
    .box-area {
        margin: 0 10px;
    }

    .left-box {
        height: 100px;
        overflow: hidden;
    }

    .right-box {
        padding: 20px;
    }
}