@media screen and (max-width: 768px){
	#ck_banner label {
    font-size: 0.6em;
	}
}

#ck_banner .cookieTitle {
  font-size: 1.1rem;

}

#cookieCustomizer{
	--banner-customizer-color: var(--icewhite);
	--banner-customizer-bg: var(--blue);
	--banner-customizer-title: var(--icewhite);
	--banner-customizer-consents-title: var(--yellow);
	--banner-customizer-link-color: var(--icewhite);
	--banner-customizer-link-hover-color: var(--icewhite);
	--banner-customizer-close-color: var(--icewhite);
	--banner-customizer-checked: var(--icewhite);
	--banner-customizer-unchecked: var(--darkgrey);
	--banner-customizer-disabled: var(--darkgrey);
}

#ck_banner{
	--banner-bg: var(--darkblue);
	--banner-color: var(--icewhite);
	--banner-link-color: var(--icewhite);
	--banner-link-hover-color: var(--yellow);
	--banner-close-color: var(--grey);
	position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--banner-bg);
  padding: 2rem 0;
	z-index: 9999999999;
	color: var(--banner-color);
}

#ck_banner p, #cookieCustomizer p{
	font-size: 0.8rem;
	line-height: 1.5em;
	margin-bottom: .5em;
}

#ck_banner label{
	margin-right: 20px;
	cursor: pointer;
	display: inline-block;
}

#ck_banner .customBtn{
	width: 100%;
}

#ck_banner .customBtn:not(:last-child){
	margin-bottom: .3em;
}

#cookieCustomizer .modal-content{
	color: var(--banner-customizer-color);
	border-radius: 0;
	background: var(--banner-customizer-bg);
}

#cookieCustomizer{
  z-index: 9999999999;
}

#cookieCustomizer .modal-header{
  padding-right: 3rem;
}

#cookieCustomizer .titleConsent{
	display: block;
	font-size: 1.1rem;
	color: var(--banner-customizer-consents-title);
}

#cookieCustomizer .labelContainer li:not(:last-child){
  margin-bottom: .4em;
}
#cookieCustomizer .labelContainer input[type=checkbox] {
  display: none;
}
#cookieCustomizer .labelContainer label {
	display: flex;
	font-size: 1.2rem;
	width: 2em;
	height: 1em;
	border: 1px solid;
	border-radius: 99em;
	position: relative;
	transform-origin: 50% 50%;
	cursor: pointer;
}
#cookieCustomizer .labelContainer input[type=checkbox] + label::before {
	content: "";
	top: 50%;
  left: 7%;
	-webkit-transform: translate(.1em, -50%);
	-moz-transform: translate(.1em, -50%);
	-o-transform: translate(.1em, -50%);
	transform: translate(.1em, -50%);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	display: block;
	position: absolute;
	width: .6em;
	height: .6em;
	background-color: var(--banner-customizer-unchecked);
	border-radius: 50%;
}
#cookieCustomizer .labelContainer input[type=checkbox]:checked + label::before {
	-webkit-transform: translate(1em, -50%);
	-moz-transform: translate(1em, -50%);
	-o-transform: translate(1em, -50%);
	transform: translate(1em, -50%);
	background-color: var(--banner-customizer-checked);
}
#cookieCustomizer .labelContainer input[type=checkbox]:checked + label {
	border-color: var(--banner-customizer-checked);
}
#cookieCustomizer .labelContainer input[type=checkbox]:disabled + label {
	border-color: var(--banner-customizer-disabled);
	cursor: not-allowed;
}
#cookieCustomizer .labelContainer input[type=checkbox]:disabled + label::before {
	background-color: var(--banner-customizer-disabled);
}

#cookieCustomizer .labelContainer .switcher {
	display: inline-block;
}

#ck_banner #ck_close, #cookieCustomizer #ck_cookieCustomizer_close{
  position: absolute;
	font-size: 1rem;
  top: -1.5em;
  right: 1em;
  cursor: pointer;
	width: 1em;
	height: 1em;
}

#ck_banner #ck_close::before, #ck_banner #ck_close::after,
#cookieCustomizer #ck_cookieCustomizer_close::before,
#cookieCustomizer #ck_cookieCustomizer_close::after {
  content: "";
  position: absolute;
	top: 50%;
	left: 50%;
  height: 1px;
  width: calc(1.414 * 1em);
}

#ck_banner #ck_close::before, #ck_banner #ck_close::after{
  background: var(--banner-close-color);
}

#cookieCustomizer #ck_cookieCustomizer_close::before,
#cookieCustomizer #ck_cookieCustomizer_close::after {
  background: var(--banner-customizer-close-color);
}

#cookieCustomizer #ck_cookieCustomizer_close{
	right: 0;
	top: 50%;
	position: relative;
	-webkit-transform: translate(100%, 50%);
	-moz-transform: translate(100%, 50%);
	-o-transform: translate(100%, 50%);
	transform: translate(100%, 50%);
}

#ck_banner #ck_close::after,
#cookieCustomizer #ck_cookieCustomizer_close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

#ck_banner #ck_close::before,
#cookieCustomizer #ck_cookieCustomizer_close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}



/* END CHECKBOX STYLE */
#ck_banner a{
	text-decoration: underline;
	color: var(--banner-link-color);
}
#ck_banner a:hover{

	color: var(--banner-link-hover-color);
}

#htmlCookieTable{
	width: 100%;
	word-break: initial;
}

#htmlCookieTable td,
#htmlCookieTable th{
	padding: 2px 5px;
}

#modificaConsenso{
	font-weight: bold;
	cursor: pointer;
}

/* xs, sm*/
@media (max-width: 991px){
	#ck_banner label{
		font-size: 1em;
	}
}
@media (max-width: 767px){
	#ck_banner label{
		display: block;
		margin-bottom: .5em;
	}
}

/* xs, sm*/
@media (max-width: 768px){
}

@media (min-width: 992px){
	#ck_banner label{
		font-size: .8em;
	}

	#ck_banner .customBtn, #cookieCustomizer .customBtn{
		font-size: .8em;
	}
}

@media (min-width: 1800px){
	#ck_banner label{
		font-size: .6em;
	}
}