/* RESPONSIVE */


/********  XL  *******/
@media screen and (min-width:1600px) {

    #containerVentanaGen {
        width: 600px;
        right: 250px;
        top: 65px;
    }

    #cookieConsent .detalleCookiesRow {
        height: 110px;
    }

    #cookieConsent {
        width: 550px;
        height: auto;
    }

        #cookieConsent .botones {
            width: 500px;
        }

    #datosObligatorios {
        font-size: 12px;
    }

    #tableForUsuario {
        margin: 0 auto;
        margin-top: 20px;
    }

    .cajaEdCuenta {
        margin-left: 20px;
        margin-top: 10px;
        width: 260px;
    }

    #cajaEdCuenta_3, #cajaEdCuenta_4 {
        width: 540px;
    }

    .controlForUsuario {
        margin-top: 5px;
        width: 235px;
        height: 25px;
        font-size: 14px;
        padding-left: 5px;
    }

    #AsuntoUsuario {
        width: 516px;
    }

    #MensajeUsuario {
        width: 516px;
        height: 100px;
    }

    .labelForUsuario {
        height: 20px;
    }

    .validationForUsuario {
        font-size: 13px;
        height: 18px;
        margin-top: 3px;
    }

    #registroPie {
        position: absolute;
        width: 588px;
        margin: 0 auto;
        bottom: 20px;
    }

    #panelInfoForUsuario {
        font-size: 85%;
        width: 520px;
        height: 30px;
        margin-left: 28px;
        padding-left: 20px;
        padding-top: 7px;
    }

    #botonesForUsuario {
        height: 50px;
        position: relative;
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }

        #botonesForUsuario .bFormUsuario {
            height: 30px;
        }
}


/********  L  *******/
@media screen and (min-width:950px)and (max-width:1600px) {

    #containerVentanaGen {
        width: 600px;
        right: 250px;
        top: 65px;
    }

    #cookieConsent .detalleCookiesRow {
        height: 110px;
    }

    #cookieConsent {
        width: 550px;
        height: auto;
    }

        #cookieConsent .botones {
            width: 500px;
        }

    #datosObligatorios {
        font-size: 12px;
    }

    #tableForUsuario {
        margin: 0 auto;
        margin-top: 20px;
    }

    .cajaEdCuenta {
        margin-left: 20px;
        margin-top: 10px;
        width: 260px;
    }

    #cajaEdCuenta_3, #cajaEdCuenta_4 {
        width: 540px;
    }

    .controlForUsuario {
        margin-top: 5px;
        width: 235px;
        height: 25px;
        font-size: 14px;
        padding-left: 5px;
    }

    #AsuntoUsuario {
        width: 516px;
    }

    #MensajeUsuario {
        width: 516px;
        height: 100px;
    }

    .labelForUsuario {
        height: 20px;
    }

    .validationForUsuario {
        font-size: 13px;
        height: 18px;
        margin-top: 3px;
    }

    #registroPie {
        position: absolute;
        width: 588px;
        margin: 0 auto;
        bottom: 20px;
    }

    #panelInfoForUsuario {
        font-size: 85%;
        width: 520px;
        height: 30px;
        margin-left: 28px;
        padding-left: 20px;
        padding-top: 7px;
    }

    #botonesForUsuario {
        height: 50px;
        position: relative;
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }

        #botonesForUsuario .bFormUsuario {
            height: 30px;
        }
}

/********  M  *******/
@media screen and (min-width:650px)and (max-width:950px) {

    #cookieConsent {
        margin: 0 auto;
        font-size: 14px;
    }

        #cookieConsent .detalleCookiesRow {
            height: 310px;
        }

    #cookieConsent {
        width: 550px;
        height: auto;
    }

        #cookieConsent .botones {
            width: 500px;
        }

    #datosObligatorios {
        font-size: 100%;
        margin-left: 20px;
        margin-top: 20px;
    }
    /*  TableForUsuario*/

    #tableForUsuario {
        height: 490px;
        overflow-y: scroll;
        width: 650px;
        margin: 0 auto;
        margin-top: 20px;
        /*border:1px solid red;*/
    }

    .labelForUsuario {
        /*line-height:20px;*/
        height: 20px;
    }

    #panelInfoForUsuario {
        font-size: 85%;
        width: 95%;
        height: 30px;
        margin-left: 10px;
        padding-left: 20px;
        padding-top: 7px;
    }


    .cajaEdCuenta {
        margin-left: 20px;
        margin-top: 10px;
        width: 290px;
    }

    #cajaEdCuenta_3, #cajaEdCuenta_4 {
        width: 590px;
        
    }


    .controlForUsuario {
        margin-top: 5px;
        width: 235px;
        height: 25px;
        font-size: 14px;
        padding-left: 5px;
    }

    #AsuntoUsuario {
        width: 550px;
    }

    #MensajeUsuario {
        width: 550px;
        height: 100px;
    }



    .validationForUsuario {
        font-size: 13px;
        height: 18px;
        margin-top: 3px;
    }

    /* registroPie*/

    #registroPie {
        position: absolute;
        width: 90%;
        margin-left: 20px;
        /*   bottom: 40px;*/
        bottom: 10px;
        /*border:1px solid red;*/
    }

    #botonesForUsuario {
        height: 50px;
        position: relative;
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }


        #botonesForUsuario .bFormUsuario {
            height: 30px;
        }
}


/********  S  *******/
@media screen and (min-width:500px)and (max-width:650px) {

    #cookieConsent .detalleCookiesRow {
        height: 110px;
    }

    #cookieConsent {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

        #cookieConsent .botones {
            width: 500px;
        }

        #cookieConsent .enlacePolitica {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 400px;
        }

    #datosObligatorios {
        font-size: 100%;
        margin-left: 20px;
        margin-top: 20px;
    }
    /*  TableForUsuario*/

    #tableForUsuario {
        /* height: 630px;*/

        height: 490px;
        overflow-y: scroll;
        width: 650px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .labelForUsuario {
        /*line-height:20px;*/
        height: 20px;
    }

    #panelInfoForUsuario {
        font-size: 85%;
        width: 540px;
        height: 30px;
        margin-left: 10px;
        padding-left: 20px;
        padding-top: 7px;
    }


    .cajaEdCuenta {
        margin-left: 20px;
        margin-top: 10px;
        width: 260px;
    }

    #cajaEdCuenta_3, #cajaEdCuenta_4 {
        width: 590px;
    }




    .controlForUsuario {
        margin-top: 5px;
        width: 235px;
        height: 25px;
        font-size: 14px;
        padding-left: 5px;
    }


    #AsuntoUsuario {
        width: 515px;
    }

    #MensajeUsuario {
        width: 515px;
        height: 100px;
    }


    .validationForUsuario {
        font-size: 13px;
        height: 18px;
        margin-top: 3px;
    }

    /* registroPie*/

    #registroPie {
        position: absolute;
        width: 588px;
        margin: 0 auto;
        bottom: 20px;
    }

    #botonesForUsuario {
        height: 50px;
        position: relative;
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
    }



        #botonesForUsuario .bFormUsuario {
            height: 30px;
        }
}



/********  XS  *******/
@media screen and (max-width:500px) {

    #ventanaGen {
        width: 500px;
    }

    #cookieConsent .detalleCookiesRow {
        height: 250px;
    }

    #cookieConsent {
        width: 490px;
        height: auto;
        padding: 20px;
        font-size: 16px;
    }

        #cookieConsent .enlacePolitica {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 300px;
        }

        #cookieConsent .botones {
            /*width: 460px;*/
            /*border:1px solid red;*/
        }

        #cookieConsent .bCookies {
            margin-left: 15px;
            margin-right: 15px;
            /*float:right;*/
        }

    #registroCab {
        display: none;
    }

    /* #datosObligatorios {
        font-size: 85%;
    }*/
    /*  TableForUsuario*/

    #tableForUsuario {
        /* border:1px solid blue;
        height: 630px;*/

        margin: 0 auto;
        overflow-y: scroll;
    }



    .cajaEdCuenta {
        /*margin-left: 20px;
        margin-top: 10px;
        width: 400px;*/

        width: 484px;
    }

    .cajaFormUsuario {
        /* border:1px solid blue;*/
        height: 110px;
    }

    .controlForUsuario {
        /*  margin-top: 5px;
        width: 235px;
        height: 25px;
        font-size: 14px;
        padding-left: 5px;*/

        font-size: 18px;
        padding-left: 20px;
        margin-top: 10px;
        width: 400px;
        height: 40px;
        margin-left: 20px;
    }

    #MensajeUsuario{

        height:200px;
    }

    .labelForUsuario {
        /*line-height:20px;*/
        height: 20px;
        font-size: 16px;
        margin-left: 20px;
    }


    .validationForUsuario {
        font-size: 18px;
        height: 18px;
        margin-top: 3px;
        margin-left: 30px;
    }

    /* registroPie*/

    #registroPie {
        position: absolute;
        height: 120px;
        width: 490px;
        bottom:0px;
    }

    #panelInfoForUsuario {
        /* font-size: 85%;
        width: 240px;
        height: 30px;
        margin-left: 10px;
        padding-left: 20px;
        padding-top: 7px;*/

        width: 485px;
        height: 115px;
        padding-left: 20px;
        padding-top: 7px;
        font-size: 16px;
    }


    #botonesForUsuario {
        width: 390px;
        height: 70px;
        position: absolute;
        margin: 0 auto;
        margin-left: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 5px;
    }



        #botonesForUsuario .bFormUsuario {
            height: 40px;
            font-size: 16px;
            padding-top: 10px;
        }

        .condicionesLegales{

            padding:20px;
            font-size:16px;
        }
}

/* FIN MEDIA QUERIES*/
/*******************************************************************/

.color {
    color: #5e5e5e;
    color: #808080;
    color: #999999;
    color: #996666;
    color: #7596a5;
    color: black;
    color: #eff8e0; /*VERDE CLARITO*/
}


/*  NOTIFICACIÓN COOKIES  */


.cookie-switches {
    margin: 20px 0;
    display: flex;
    justify-content: space-around;
    /*height:100px;*/
}

.form-check {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.form-check-input {
    display: none;
}

.switch-label {
    display: inline-block;
    width: 60px;
    height: 30px;
    background-color: #ccc;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 10px;
}

    .switch-label::before {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        width: 24px;
        height: 24px;
        background-color: white;
        border-radius: 50%;
        transition: transform 0.3s;
    }

.form-check-input:checked + .switch-label {
    background-color: #007bff;
}

    .form-check-input:checked + .switch-label::before {
        transform: translateX(30px);
    }

#cookieConsent .row {
    min-height: 30px;
}

#cookieConsent .bGris, #cookieConsent .bVerde {
    height: 34px;
    width: 120px;
    padding-top: 7px;
}

#cookieConsent .tituloSwitch,
#cookieConsent .enlacePolitica,
#cookieConsent .verCookies {
    font-weight: bold;
    cursor: pointer;
    color: #808080;
}

#cookieConsent .tituloEncabezado {
    font-weight: bold;
}

#cookieConsent .botones {
    /*width: 500px;*/
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#cookieConsent .bCookies {
    display: inline-block;
    display: flex;
    flex-direction: column;
    align-items: center;
}


#cookieConsent .detalleCookiesRow {
    border: 1px solid #808080;
    margin: 10px;
    padding: 20px;
    /*height:110px;*/
    overflow-y: scroll;
    display: none;
}

#cookieConsent .verDetalle {
    display: none;
}


#ventanaGen .condicionesLegales li {
    margin-top: 10px;
}




input, select, textarea {
    max-width: 100%;
}


#datosObligatorios {
    color: #5e5e5e;
}


.labelForUsuario {
    font-weight: bold;
    display: block;
    color: #5e5e5e;
    /*line-height:20px;*/
    /* height: 20px;*/
}


.controlForUsuario {
    display: block;
    color: black;
    background-color: white;
    border: 1px solid #82a542;
}

    .controlForUsuario:focus {
        outline: none;
    }

/*
span[data-valmsg-for="IdLocalidad"] {
    margin-left: 30px;
}

span[data-valmsg-for="Localidad"] {
    margin-left: 30px;
}

*/
.validationForUsuario {
    display: block;
    color: #f024bb;
}

.spanLabel {
    display: block;
    font-size: 13px;
    height: 14px;
}


.cajaFormUsuario {
    position: relative;
    margin: 0 auto;
    padding-left: 10px;
}


#panelInfoForUsuario {
    color: #0377aa;
    font-weight: bold;
    background-color: #eff8e0;
}


.cajaEdCuenta {
    /*border:1px solid red;*/
    float: left;
    display: block;
}