body {
    font-family: var(--fontPrimario);
    font-size: 13px;
}

.dLogin {
    width: 300px;
    margin: 6% auto;
    /*font-family: 'Poppins', 'sans-serif';*/
}

.tLogin {
    margin: 35px auto 0 auto;
    width: 300px;
    padding: 20px;
    background: #e0e0e0;
    line-height: 20px;
}

.dLogin img {
    width: 100%;
}

.tLogin td {
    text-align: center;
}

.tLogin a:hover {
    color: var(--bgPrimario) !important;
}

/*TOOLTIP*/

.tLogin .nif-con-icono {
    height: 29px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    font-size: 15px;
    margin: 2px 0;
    background: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;

}

.tLogin .nif-con-icono:focus-within {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color;
}

.tLogin .nif-con-icono input {
    border: none;
    background: none;
    width: 100%;
}

.tLogin .nif-con-icono input:focus {
    outline: none;
}

.tLogin .nif-con-icono img {
    height: 18px;
    cursor: pointer;
    margin-right: 5px;
}

/* Tooltip Lateral*/
@media screen and (width >= 700px) {
    .tLogin .ayuda {
        position: relative;
        display: inline-block;
    }

    .tLogin .ayuda .texto-ayuda {
        visibility: hidden;
        width: 200px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        bottom: -150%;
        left: 375%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tLogin .ayuda .texto-ayuda::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }

    /* .tLogin .ayuda:hover .texto-ayuda {
        display: flex;
        opacity: 1;
    } */
}


/*TOOLTIP POR ABAJO*/
@media screen and (width < 700px) {
    .tLogin .ayuda {
        position: relative;
        display: inline-block;
    }

    .tLogin .ayuda .texto-ayuda {
        visibility: hidden;
        position: absolute;
        width: 289px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        opacity: 0;
        transition: opacity 0.3s;
        top: 135%;
        left: -1075%;
    }

    .tLogin .ayuda .texto-ayuda::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 89%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }

    /* .tLogin .ayuda:hover .texto-ayuda {
        visibility: visible;
        opacity: 1;
    }*/
}


.dRegistro {
    /*font-family: 'Poppins', 'sans-serif';*/
    max-width: 650px;
    width: 100%;
    margin: 0% auto;
}

.dRegistro img {
    width: 50%;
}

.dFormReg {
    width: calc(100% - 20px) !important;
    background: #e0e0e0;
    padding: 10px !important;
}


input[type="text"], input[type="password"] {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: none;
    border-bottom: 1px solid #a9a9a9;
    font-size: 15px;
    margin: 2px 0;
}

.abcRioButton.abcRioButtonLightBlue {
    margin: auto;
}

.bBotonAcc {
    height: 36px;
    width: 120px;
    background: var(--bgPrimario);
    color: #fff;
    border: 0;
    cursor: pointer;
    font-family: var(--fontPrimario);
}

.info-peque {
    font-size: 11px;
    color: grey !important;
    text-decoration: none !important;
}

.info-peque:hover {
    color: var(--bgPrimario) !important;
}