:root {
    --Pagina-Fondo: #2a283c;
    --Cabecera-Contenedor-Fondo: whitesmoke;
    --Cabecera-Contenedor-Texto: #2d2f3e;
}


* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Arial;
    outline: 0;
}


.LoginBody {
    background-color: var(--Pagina-Fondo);
    background-attachment: fixed;
    background-position-y: bottom;
}

.ContenedorLog {
    background: var(--Cabecera-Contenedor-Fondo);
    color: var(--Cabecera-Contenedor-Texto);
    -webkit-box-shadow: 8px 9px 8px -8px rgb(0 0 0 / 60%);
    -moz-box-shadow: 8px 9px 8px -8px rgba(0,0,0,0.6);
    box-shadow: 8px 9px 8px -8px rgb(0 0 0 / 60%);
    min-height: 300px;
    margin: auto;
    width: 100%;
    max-width: 360px;
    margin-top: 6%;
    border-radius: 3px;
    min-width: 300px;
    padding: 15px;
    border: solid 1px #e7e7e7;
}


.LoginLogo {
    margin: auto;
}




.cmd_Refresh {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(img/view_refresh.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    border-radius: 5px;
}


.btnLogin {
    background-color: #54718a;
    border: solid 1px 54718a;
    border-radius: 3px;
    color: white;
}

    .btnLogin:hover {
        background-color: #6687a3 !important;
    }


.txtcapcha {
    width: 245px;
}


.divCompatibilidad {
    display: none;
}


.TextoCompatibilidad {
    color: #505050;
}

@media (min-width: 670px) {
    .divCompatibilidad {
        display: block;
        color: black;
        border-top: solid 1px #e6e6e6;
        padding-top: 15px;
    }
}