/* COOKIES */
.cookie_dropdown{
    display: block;
    position: fixed;
    float: left;
    background-color: #65baf2;
    color: white;
    padding-bottom: 4.5vh;
    box-shadow: 1px 0px 7px black;
    z-index: 99;
}
.texto_confi_cookies{
    color: white;
    font-size: 0.6vw;
    font-weight: 600;
    text-align: center;
    margin-left: 0.5vw;
    margin-top: 0.5vh;
    cursor: pointer;
}
.texto_cookie{
    text-align: justify;
    margin-right: 2vw;
}
.texto_dropdown_footer{
    font-size: 1.6vh;
}
.cookie_dropdown_footer{
    display: block;
    position: fixed;
    float: left;
    background-color: #65baf2;
    color: white;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0vh;
    z-index: 99;
}
.ajustes_cookies{
    color: white;
}
.div_ajustes_cookies{
    margin-top: 3vh;
    margin-left: 8vw !important;
}
.btn_aceptar_cookie{
    width: 8vh;
    height: 4vh;
    font-size: 1.3vh;
    font-weight: bold;
    border: 1px solid #13aff0;
    background-color: #13aff0;
    border-radius: 4px;
    transition: background-color 0.6s;
    color: white;
    cursor: pointer;
    float: left;
}
.btn_aceptar_cookie:hover{
    border: 1px solid #272ec7;
    background-color: #272ec7;
    color: white;
    transition: background-color 0.6s;
}
/* MODAL */
.close{
    position: relative;
    float: right;
}
.siempre_activas{
    float: right;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
}
.necesarias{
    /* position: absolute; */
    margin-top: 5px;
    cursor: pointer;
}
.flecha_cookie{
    cursor: pointer;
}

.div_activado{
    width: 5vw;
    margin-left: -13px;
    position: relative;
    float: right;
}
#cookie_banner_footer .texto_ajustes_cookies{
    font-size: 1.6vh;
}



/* RESPONSIVE */
    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {
        .cookie_dropdown_footer{
            height: 26vh;
        }
        .cookie_dropdown{
            left: 60vw;
            right: 10vw;
            bottom: 0px;
            height: 7vh;
            width: 26vw;
        }
        .texto_confi_cookies{
            font-size: 1.8vh;
        }
        #pol_pri_cookies{
            width: 85vw !important;
            font-size: 1.6vh;
        }
    }

    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        .cookie_dropdown_footer{
            height: 24vh;
        }
        .cookie_dropdown{
            left: 75vw;
            right: 10vw;
            bottom: 0px;
            height: 6vh;
            width: 19vw;
        }
        .texto_confi_cookies{
            font-size: 1.3vh;
        }
        #pol_pri_cookies{
            width: 95vw !important;
        }

    }

    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 767px) {
        .cookie_dropdown_footer{
            height: 22vh;
        }
        .cookie_dropdown{
            left: 73vw;
            right: 10vw;
            bottom: 0px;
            height: 7vh;
            width: 22vw;
        }
        .texto_confi_cookies{
            font-size: 1.3vh;
        }
        #pol_pri_cookies{
            width: 65vw !important;
            font-size: 1.6vh;
        }

    }
    
    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        .cookie_dropdown_footer{
            height: 10vh;
        }
        .cookie_dropdown{
            left: 80vw;
            right: 10vw;
            bottom: 0px;
            height: 5vh;
            width: 14vw;
        }
        .texto_confi_cookies{
            font-size: 1.6vh;
        }
        #pol_pri_cookies{
            width: 50vw !important;
            font-size: 1.6vh;
        }
        #pol_pri_cookies .container{
            width: 46vw;
        }
    }