﻿#capa_cookies {padding-top: 0.3em;}
#cookies {font-size: 1em;text-align: center;font-family: Verdana,Helvetica,sans-serif;color: #757575;}
div#cookies div#capa_cookies p {margin: 0 auto;padding: 1.5em 0em 1em 0em;width: 50%;line-height: 1.5em;font-family: Verdana,Helvetica,sans-serif;text-align: left;font-size: 1.2em;}
body form#aspnetForm div#cookies div#capa_cookies p {font-size: 1.2em;}
#cookies p.info {display: block;width: 100% !important;font-size: 1.2em;line-height: 1.5;margin: 0 auto !important;padding: .5em 10em 1em .5em !important;}
#capa_cookies h3 {font-size: 1.2em;color: #757575;text-align: center;font-weight: bold;margin-bottom:0;font-family:verdana;}
#capa_config_cookies {font-family: Verdana,Helvetica,sans-serif;}
#cookies label.lbl{width: 65px;height: 33px;background: #979797;border-radius: 20px;cursor: pointer;position: relative;transition: .2s;margin-right: -20.5%;padding-left: 0;float: right;margin-top: 0.1em;margin-bottom:12px !important;}
#cookies label.lbl::after{content: '';display: block;width: 25px;height: 25px;background: #eee;border-radius: 100px;position: absolute;top: 4px;left: 4px;transition: .2s;}
#cookies .switch:checked + .lbl::after{left: 36px;background: #005792;} 
#cookies .switch:checked + .lbl{background: #98b5cc;}
#cookies .switch, .always_active, .no_used {display: none;}
#cookies .switch-container {text-align: left;width: 68% !important;margin: 0 12%;min-height: 7em !important;/*justify-content: center;align-content: center;display: grid;*/}
#cookies .title {/*padding-bottom: .2em !important;*/width: 75% !important; font-size: 1.2em;}
#cookies p.descr {padding: .5em 10em 1em 2em !important;width: 90% !important;font-size: 1.2em;line-height:1.5;margin: 0 12% !important}
#capa_config_cookies  {padding-top: 1em;height: 46em;overflow-y: scroll;}
div#capa_config_cookies h3 {padding-bottom: 1.5em;font-size: 1.2em;font-weight: bold;color: #757575;font-family: verdana;}
label.lbl_always_active {line-height: 1.5;width: 66px;height: 34px;background: #eee;border-radius: 8px;position: relative;transition: .2s;color: #acb742;text-align: center;font-weight: bold;padding: .5em;pointer-events: none;cursor: default;font-size: 13px;position: relative;margin-right: -21.5%;float: right !important;margin-top: .2em !important;}
label.lbl_no_used {line-height: 1.5;width: 66px;height: 34px;background: #eee;border-radius: 8px;position: relative;transition: .2s;color: red;text-align: center;font-weight: bold;padding: .5em;pointer-events: none;cursor: default;font-size: 13px;position: relative;margin-right: -21.5%;float: right;margin-top: .2em;}
#mask {position: fixed;padding: 0px;left: 0px;top: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.8);width: 100%;height: 10000px;z-index: 9970;}
#cookies .on, #cookies .off {color: white; position: absolute; transform: translate(-50%, -50%);/*top: 25%;*/top: 50px;left: 25%;font-size: 13px;font-weight:bold;width: auto;}
#cookies .on {display: none;color:#005792;right: 30px;} 
#cookies .off {left: auto;color:#979797; right: -30px;}
#cookies .switch:checked + .lbl .on {display: block;}
#cookies .switch:checked + .lbl .off {display: none;}
#cookies a.gris {padding: .5em 1em;background: #979797;color: #d8d8d8;text-decoration: none;font-weight: bold;border-radius: .5em; color:#fff;display: inline-block;font-size: 1.2em !important;}
#cookies a.azul, a.azul {padding: .5em 1em;background: #005794;color: #fff;text-decoration: none;font-weight: bold;border-radius: .5em;display: inline-block;margin: 2em 0 2em 0;font-size: 1.2em !important;}
a.xxl {padding: 1em 1.2em;font-size: 1em !important;}
a.center {margin: 1em 38%;}
/*#cookies div.switch-container label.lbl {top: -9.8em;}
#cookies div.switch-container:nth-child(4) > label:nth-child(4) {top: -8.1em;}*/
#cookies a {font-size: 1em;}
#cookies .title {padding: .5em 0em 0em 2em !important;width: 90% !important;margin: 0 auto;cursor: pointer;}
#cookies a {display: inline;color: #484848;margin: 0;font-size: 1em !important;text-decoration: underline;}
.name {min-width: 13em;}
.cadu {min-width: 6.4em;}
.desc {min-width: 13em;}
.prov, .tipo {min-width: 4em;}
.icon-mas:before{content:"\002B";padding-right: 5px;}
.icon-menos:before{content:"\002D";padding-right: 5px;display: inline-block;width: .75em;margin: 0 auto;}
#capa_config_cookies .collapse.in {display: block !important;padding: .5em 0em 1em 2em;width: 79%;margin-left: 1.8em;}
#capa_config_cookies .collapse {display: none !important;}
div#capa_config_cookies div {text-align: left;width: 68%;margin: 0 auto;}
.cabecera_no_cookies{border-collapse: collapse;border-spacing: 0;font-family: "futura_bk_btbook";background: #eee;font-size: 1.4em;border: .1em solid #999;padding: .5em 1em;font-weight: bold;text-align: center;width: 95.7%;}
.contenido_no_cookies {border-collapse: collapse;border-spacing: 0;font-family: "futura_bk_btbook";font-size: 1.4em;border: .1em solid #999;padding: .5em 1em;text-align: center;width: 95.7%;}
.icon-mas, .icon-menos {cursor: pointer;}


@media (min-width: 1200px) { 
#cookies .switch-container {width: 55% !important;}
#cookies p.info {width: 75% !important;}
div#cookies div#capa_cookies p {width: 39%;}
#cookies .title {width: 77% !important;}
label.lbl_always_active, label.lbl_no_used {margin-right: -41.5%;}
#cookies label.lbl{margin-right: -40.5%;}
#capa_config_cookies .collapse.in {padding: .5em 0em 1em 2em !important;width: 78% !important;margin-left: 9% !important;}

}

@media (min-width: 1400px) { 
#cookies .switch-container {width: 58% !important;margin: 0 25%;}
#cookies p.info {width: 56% !important;}
div#cookies div#capa_cookies p {width: 33%;}
#cookies .title {width: 60% !important;margin: 0 .25em;}
label.lbl_always_active, label.lbl_no_used {margin-right: -35%;}
#cookies label.lbl{margin-right: -34%;}
#cookies p.descr {width: 65% !important;margin: 0 -.25em !important;}
#capa_config_cookies .collapse.in {padding: .5em 0em 1em 2em !important;width: 65% !important;margin-left: 0% !important;}

}
