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

#ck_accetta_tutti,
#ck_customize{
	cursor: pointer;
	border: 1px solid var(--primary-white);
}

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

}

#ck_banner{
	position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--primary-brown);
  padding: 2rem 0;
	z-index: 9999999999;
	color: white;
}

#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{
	border-radius: 0;
	background: var(--primary-brown);
}

#cookieCustomizer{
  z-index: 9999999999;
}

#cookieCustomizer .modal-content{
	color: white;
	background-color: var(--primary-brown);
}

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

#cookieCustomizer .titleConsent{
	display: block;
	font-size: 1.1rem;
	color: var(--gold);
}

#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 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: #FFF;
	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(--primary-blue);
}
#cookieCustomizer .labelContainer input[type=checkbox]:checked + label {
	border-color: var(--primary-white);
	/* background-color: var(--primary-white); */
}

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

#ck_banner #ck_close, #cookieCustomizer #ck_cookieCustomizer_close{
  position: absolute;
	font-size: 1rem;
  top: -.8em;
  right: 15px;
  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%;
  background: white;
  height: 1px;
  width: calc(1.414 * 1em);
}

#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);
}


/* CHECKBOX STYLE */
#ck_banner .fakecheck2{
	padding-left: 1.4em;
	position: relative;
}

#ck_banner .fakecheck2:first-child{
	cursor: not-allowed;
	opacity: 0.8;
}

#ck_banner .fakecheck2 > input[type=checkbox]{
	display: none;
}

#ck_banner .fakecheck2 > input[type=checkbox] + .fill{
	display: block;
	position: absolute;
	font-size: calc(1em - 4px);
	margin-left: 2px;
	height: 1em;
	width: 1em;
	left: 0;
	top: 0.3em;
	border-radius: 0px;
	cursor: pointer;
	outline: 2px solid var(--primary-white);
	padding: 2px;
}

#ck_banner .fakecheck2 > input[type=checkbox]:disabled:checked + .fill,
#ck_banner .fakecheck2:hover > input[type=checkbox]:disabled:checked + .fill{
	outline-color: white;
}
#ck_banner .fakecheck2 > input[type=checkbox]:disabled:checked + .fill::after{
	background-color: white;
}

#ck_banner .fakecheck2:hover > input[type=checkbox]:not(:checked) + .fill{
	outline-color: white;
}

#ck_banner .fakecheck2 > input[type=checkbox] + .fill::after{
	content: "";
	display: block;
	position: absolute;
	background-color: transparent;
	height: 0.6em;
	width: 0.6em;
	top: 0.2em;
	left: 0.2em;
	border-radius: 0px;
}

#ck_banner .fakecheck2 > input[type=checkbox]:checked + .fill{
	outline-color: white;
}

#ck_banner .fakecheck2 > input[type=checkbox]:checked + .fill::after{
	background-color: white;
}

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

#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;
	}
}