/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 50px; height: 24px; }
/* Hide default HTML checkbox */
.switch input { opacity: 0; width: 0; height: 0; }
/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } 
input:checked + .slider { background-color: #d6141a; }
input:focus + .slider { box-shadow: 0 0 1px #d6141a; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }



 .cookies { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999999; font-family: 'Montserrat', sans-serif !important; }
 .cookies p { font-family: 'Montserrat', sans-serif !important; }
 .cookies__boton { background: initial; border: 2px solid white; padding: 1rem; font-size: 1rem; color: white; width: 5rem; text-align: center; }

.scroll_hidden { overflow-y: hidden !important; }
#modal-cookies, #modal-cookies-rechazar, #modal-configuracion { position:fixed; width:100%; height:100%; background:rgb(0,0,0,0.75); top:0; left:0; z-index:9999; overflow-y: auto; }
#modal-cookies .modal-header img, #modal-cookies-rechazar .modal-header img { max-width: 150px; }
#modal-cookies .modal-body { height: auto !important; font-size: 0.8em; overflow-y: auto; }

/*
#modal-configuracion { font-size: 0.9em; }
*/
#modal-configuracion-2 { font-size: 1.1em; }
#modal-configuracion-2 .modal-dialog { width: 80%; margin: 0 auto; max-width: 950px; }

#modal-cookies-rechazar h3 { font-size: 1.0em; max-width: 70%; margin: 0px 15%; }

.btn_cookies { color: #007bff; }
.btn_cookies:hover { cursor: pointer; text-decoration: underline; color: #0056b3; }
#btn_cookies:hover { cursor: pointer; text-decoration: underline; }
#btn_cookies2 { color: #fff; }
#btn_cookies2:hover { cursor: pointer; text-decoration: underline; }
.btn_aceptar,.btn_rechazar { width:33%; padding: 7px 10px; border:0; border-radius:6px; font-weight:bold; }
.btn_aceptar { background: #d6141a; color:#fff; }
.btn_rechazar { color:#000; }

#modal-cookies-rechazar .btn_aceptar { max-width: max-content; font-size:1.2em; padding:15px 20px; }
#modal-cookies-rechazar .modal-footer { background: #fceeee; }

#modal-cookies-rechazar .btn-enviar { top:0px; font-size: 1.0em; border-radius: 20px; background-position: right 0px center; background-color:#d41217; color:#fff; padding-right: 50px; border-radius: 10px; webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);text-transform: inherit; }
.dv-cookies { width: 54%; margin: 30px 23%; border: 1px solid; padding: 20px; }
#modal-cookies-rechazar .btn-lobe:hover { transform: inherit; }


.modal-politicas { z-index: 9999; font-size:0.9em; background:rgba(0,0,0,0.5); }
.modal-politicas h3 { font-size:1em; }
.modal-politicas .btn-close { top:0; right:0; }

#modal-configuracion button, #modal-configuracion-2 button.btn_permitir_2 { padding:2px 6px; background:#fff; border:1px solid #444; }
#modal-configuracion button:hover, #modal-configuracion-2 button.btn_permitir_2:hover { background:#eee; color:#000; border:1px solid #eee; }
#modal-configuracion button.btnAceptar.activeBtn,
#modal-configuracion button#aceptar_todo.activeBtn { background:#3ed62a; color:#fff; border:1px solid #3ed62a; }
#modal-configuracion button.btnRechazar.activeBtn,
#modal-configuracion button#rechazar_todo.activeBtn { background:#ddd; color:#000; border:1px solid #ddd; }
#modal-configuracion button.btn_aceptar, #modal-configuracion button.btn_rechazar { width:auto; margin: 0 auto; padding: 7px 30px; border:0; border-radius:6px; font-weight:bold; font-size:1.1em; }
#modal-configuracion button.btn_aceptar { background: #d6141a; color:#fff; }
#modal-configuracion button.btn_rechazar { background: #eee; color:#000; }

#modal-configuracion button.btn_aceptar:disabled,
#modal-configuracion button.btn_aceptar[disabled] { opacity:0.4; }
#modal-configuracion button.btn_rechazar:disabled,
#modal-configuracion button.btn_rechazar[disabled] { opacity:0.4; }

.col-cookies { border-bottom: 1px solid #eee; padding-top: 10px; }
.conf_cookies { color: #007bff; cursor:pointer; }
.conf_cookies:hover { text-decoration: underline; }
.modal-footer .conf_cookies { font-size: 0.8em; width: 29%; text-align: center; }

#modal_legal h2 { font-size: 1.5em; font-weight: bold; font-family: 'Montserrat', sans-serif; }
#modal_legal h3 { font-size: 1.4em; color: #000 !important; }

#modal-configuracion-2 .modal-header { border-bottom: none !important; }

@media (min-width: 576px) {
    .modal-politicas .modal-md { max-width: 800px; }
    #modal-cookies .modal-md { max-width: 600px; }
    #modal-configuracion .modal-md { max-width: 950px; }
}

@media(max-width: 991px) {
    #modal-cookies .modal-header img { max-width: 100px; }
    /*#modal-cookies .modal-body { height: 300px !important; }*/
    #modal-configuracion .modal-header, #modal-configuracion .modal-body, #modal-configuracion .modal-footer { padding:1.5rem !important; }
    #modal-configuracion-2 .modal-dialog { width: 90%; }
    #modal-configuracion-2 .modal-header, #modal-configuracion-2 .modal-body { padding-left: 20px; padding-right: 20px; }
    #modal_legal { margin: 0 !important; }
    #modal_legal div.mx-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
}

@media(max-width: 576px) {
    #modal-configuracion .modal-body button { font-size:0.9em; }
    .modal-footer .conf_cookies, .btn_aceptar, .btn_rechazar { width: 100%; }
}
@media(max-width: 500px) {
    #modal-configuracion .modal-header, #modal-configuracion .modal-body, #modal-configuracion .modal-footer { padding:0.75rem !important; }
    #modal-configuracion .modal-body button.btn_todo { margin: 0 5px; }
}
@media(max-width: 500px) {
    #modal-configuracion .modal-body button.btn_todo { max-width:90px; }
}