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

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

}

#ck_banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 1rem;
	background: var(--white);
	padding: 30px 15px 20px 15px;
	z-index: 9999999999;
	color: var(--black);
	border: 2px solid var(--lightblue);
}

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

#ck_banner .button,
#cookieCustomizer .button {
	padding: .5rem 2rem;
}

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

#ck_banner .customBtn {
	text-align: center;
}

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

#cookieCustomizer .modal-content {
	border-radius: 1rem;
	background: var(--white);
	border: 2px solid var(--lightblue) !important;
}

#cookieCustomizer {
	z-index: 9999999999;
}

#cookieCustomizer .modal-content {
	color: black;
	background-color: var(--white);
	/* from bootstrap */
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	border: 1px solid rgba(0, 0, 0, .2);
	outline: 0;
}

#cookieCustomizer .modal-header {
	padding-right: 3rem !important;
	border-color: var(--lightblue) !important;

	/* from bootstrap*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}

#cookieCustomizer .modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1em;
}

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

#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 var(--blue);
	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: var(--red);
	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(--lightblue);
}

#cookieCustomizer label[for=ck_necessari] {
	opacity: .4;
	cursor: default;
}

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

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

#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: var(--lightblue);
	height: 2px;
	width: calc(1.414 * .5em);
}

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

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

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

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

#cookieCustomizer{
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	outline: 0;
	padding: 0 15px;
	z-index: 99999999999;
}


#cookieCustomizer.fadeDown{
	animation: modal-show 0.4s forwards;

}

#cookieCustomizer.fadeAway{
	animation: modal-hide 0.4s forwards;
}

#cookieCustomizer .modal-dialog{
	z-index: 2;
	position: relative;
}

@keyframes modal-show {
    from {
        opacity: 0;
        transform: translateY(-80%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes modal-hide {
	from {
			opacity: 1;
			transform: translateY(0%);
	}
	to {
			opacity: 0;
			transform: translateY(-80%);
	}
}


/* xs, sm*/
@media (max-width: 991px) {
	#ck_banner label {
		font-size: 1em;
	}
}

@media (max-width: 767px) {
	#ck_banner label {
		display: block;
		margin-bottom: .5em;
	}
}

/* sm*/
@media (min-width: 576px){
	#cookieCustomizer .modal-dialog {
    margin: 1.75rem auto;
	}

	.modal-dialog {
		max-width: 500px !important;
		margin: 1.75rem auto;
	}
}

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

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

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

	.modal-lg {
		max-width: 800px !important;
}
}

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

#cookieCustomizerBackdrop{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#cookieBackdrop.modal-backdrop.fade.show {
	opacity: .5;
}

.fade {
	opacity: 0;
	transition: opacity .15s linear;
}

#cookieBackdrop.modal-backdrop.fade {
	opacity: 0;
}
.fade.show:not(.modal-backdrop) {
	opacity: 1;
}
#cookieBackdrop.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}