@charset "UTF-8";

:root {
    --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /*-----[COLORES INSTITUCIONALES]-----*/
    /*Principales*/
    --Rojo7420cP: #691c32;
    --Verde626cP: #235B4E;
    --Verde626cPS: #218838;
    --Cafe468cP: #B38E5D;
    --GrisGray7cP: #98989A;
    /*Secundarios*/
    --Rojo7420cS: #9F2241;
    --Verde626cS: #B38E5D;
    --Cafe468cS: #D4C19C;
    --GrisGray7cS: #6F7271;
}

html, body {
    height: 100%;
}
body {
    background: url(../images/FondoLogin.png) no-repeat center, radial-gradient(ellipse at center, #ebe8df 5%, var(--Verde626cP) 100%);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

::-webkit-input-placeholder {
    color: blue;
}
/* WebKit */
::-moz-placeholder {
    color: blue;
}
/* Firefox 19+ */

::placeholder {
    color: blue;
}

:-ms-input-placeholder {
    color: blue;
}
/* IE 10+ */

.Formulario_Login {
    width: 100%;
    max-width: 350px;
    padding: 25px;
    margin: auto;
    font-family: 'Exo 2', sans-serif !important;
    background: rgba( 255, 255, 255, 0.6 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 5px );
    -webkit-backdrop-filter: blur( 5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.Formulario_Login .Checkbox {
    font-weight: 400;
}
.Formulario_Login .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.Formulario_Login .form-control:focus {
    z-index: 2;
}
    .Formulario_Login input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        color: var(--GrisGray7cP) !important;
    }
    .Formulario_Login input[type="password"] {
        margin-bottom: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color: var(--GrisGray7cP) !important;
    }

.Formulario_Login select {
    margin-bottom: 20px;
    text-align-last: center;
    padding: 9px;
    border-radius: 1px;
    border: 1px solid #ddd;
    font-weight: 600;
    color: var(--GrisGray7cP);
}

#modalLogin {
    z-index: 99999;
}