/***************************
STRUTTURA BANNER 
****************************/

.cp_banner_class_base {
	width: 100%;
	/*max-width: calc( 100vw - 60px );*/
	box-sizing: border-box !important;
	max-width: 100vw;
	background: #222;
	color: #fff;
  font-size: 16px;
	padding: 32px;
	text-align: center;
	position: relative;
}

.cp_banner_class_base a:link, .cp_banner_class_base a:visited {
	color: #31a8f0;
    text-decoration: none;
    transition: color 200ms ease 0s;
}

.cp_banner_class_base a:hover, .cp_banner_class_base a:active {
	color: #b2f7ff;
	color: #444;
	text-decoration: none;
}

.cp_banner_class_base .cp_banner_wrapper {
	max-width: 1920px;
	margin: 0 auto;
	text-align: left;
}

.cp_banner_class_base .cp_banner_text {
	display: block;
	line-height: 1.4;
	float: left;
	width:70%;
	/*padding:1em 0;*/
	text-align: left;
	color: white;
	font-size: 16px;
}

.cp_banner_class_base .cp_banner_text strong.t {
	font-size: 18px;
}

.cp_banner_class_base .cp_banner_buttons {
	float: right;
	display: block;
    width: 28%;
    text-align: right;
}

.cp_banner_class_base .cp_banner_button {
    display: block;
    width: 100%;
	padding: 0;
	text-align: center;
	margin-bottom: 15px;
}

.cp_banner_class_base .cp_banner_button input[type="button"]{
	cursor: pointer;
	padding: 8px 15px;
	cursor: pointer;
	border-radius: 3px;
	background-color: #f1d600;
    border-radius: 5px;
    color: #000;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
	border:none;
	min-width: 220px;
	font-size: 1rem;
	font-size: 16px;
}

/*.cp_banner_class_base .cp_banner_button.cp_banner_button_tech input[type="button"],*/
.cp_banner_class_base .cp_banner_button.cp_banner_button_custom input[type="button"] {
	background-color: #ddd;
}

.cp_banner_class_base .cp_banner_button input[type="button"]:hover {
	background-color: #fff;
    color: #000;
}

.cp_std_placeholder {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #eee;
	color: #999;
	font-family: Arial, sans-serif;
	padding: 0.5rem;
	text-align: center;
	line-height: 1.2;
}

.cp_std_placeholder::before {
    content: '';
    display: block;
    padding-top: 50%; /* Rapporto di aspetto 4:3 */
}

.cp_banner_x {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 6px 8px;
}

.cp_banner_x:hover {
	opacity: 0.8;
	color: #888;
}

@media screen and (max-width: 992px) {

	.cp_banner_class_base {
		padding: 0;
		box-sizing: border-box !important;
	}

	.cp_banner_class_base .cp_banner_wrapper {
		max-width: 100%;
	}

	.cp_banner_class_base .cp_banner_text {
		box-sizing: border-box !important;
		clear: left;
		width: 100%;
		max-height: 300px;
		overflow: auto;
		padding: 16px;
		font-size: 14px;
	}

	.cp_banner_class_base .cp_banner_text strong.t {
		font-size: 16px;
	}

	/* width */
	.cp_banner_class_base .cp_banner_text::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	.cp_banner_class_base .cp_banner_text::-webkit-scrollbar-track {
	  background: #222; 
	}
	 
	/* Handle */
	.cp_banner_class_base .cp_banner_text::-webkit-scrollbar-thumb {
	  background: #31a8f0; 
	}

	/* Handle on hover */
	.cp_banner_class_base .cp_banner_text::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}	

	.cp_banner_class_base .cp_banner_buttons {
		clear: right;
		display: block;
	    width: 100%;
	    text-align: center;
	    margin-top: 15px;
	}

	.cp_banner_class_base .cp_banner_button {
	    display: inline-block;
	    width: auto;
		padding: 0;
		text-align: center;
		margin-bottom: 15px;
		min-height: 36px;
	}

	.cp_banner_class_base .cp_banner_button input[type="button"] {
		font-size: 14px;
	}
}

/***************************
STRUTTURA INFORMATIVA
****************************/

.cp_page_consent_part {}
.cp_page_consent_part h2 {}
.cp_page_consent_part p {}
.cp_page_consent_part ul.cp_page_consent_list { list-style: square; }
.cp_page_consent_part ul.cp_page_consent_list li.cp_page_consent_item {
	border-top: solid 1px #aaa;
	margin-top:1em;
	padding-top: 1em;
}
.cp_page_consent_part ul.cp_page_consent_list li.cp_page_consent_item:first-child { 
	border: none; 
	margin-top: inherit;
	padding-top: inherit;
}
.cp_page_consent_part ul.cp_page_consent_list li.cp_page_consent_item .cp_page_consent_item_title { margin-bottom: 0.5em; }
.cp_page_consent_part ul.cp_page_consent_list li.cp_page_consent_item .cp_page_consent_item_info { margin-bottom: 0.5em; font-style: italic; }
.cp_page_consent_part ul.cp_page_consent_list li.cp_page_consent_item .cp_page_consent_item_option { font-size: 0.9em; }

.cp_page_consent_status,
.cp_page_consent_part_summary {
	border: solid 1px #31a8f0;
	border: solid 1px #333;
	border-radius: 5px;
	padding: 16px;
}

.cp_page_consent_status strong,
.cp_page_consent_part_summary strong {
	font-size: 80%;
	text-transform: uppercase;
}

.cp_page_consent_btn {
	cursor: pointer;
	padding: 8px 15px;
	cursor: pointer;
    border-radius: 5px;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
	min-width: 220px;
	font-size: 16px;
	background-color: #ddd;
	color: #000;	
	border: none;
	margin-bottom: 10px;
}

.cp_page_consent_btn.cp_page_consent_btn_allok {
	background-color: #31a8f0 !important;
	 color: white !important;
}

.cp_page_consent_btn:hover {
	background-color: #333 !important;
    color: white !important;	
}

.cp_page_consent_checkbox {
	font-size: 80%;
	text-transform: uppercase;
	background-color: #eee;
	display: inline-block;
	white-space: nowrap;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 10px;
	position: relative;
}

.cp_page_consent_checkbox label input[type="radio"] {
	vertical-align: middle;
	margin: 0 !important;
}
.cp_page_consent_checkbox label span {
  vertical-align: middle;
  font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
}

[type="radio"], label>[type="radio"] {
	margin: 0;
}


/***************************
CLEAR THEME
****************************/

.cp_banner_class_clear {
	background: #eee;
	color: #333;
	font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
}

.cp_banner_class_clear a:link, .cp_banner_class_clear a:visited {
	color: #31a8f0;
	font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
}

.cp_banner_class_clear a:hover, .cp_banner_class_clear a:active {
	color: #777;
	font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
}

.cp_banner_class_clear .cp_banner_text {
	color: #333;
	font-size: 16px;
	font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
	overflow: hidden;
}

.cp_banner_class_clear .cp_banner_text strong.t {
	font-size: 18px;
	font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
}

.cp_banner_class_clear .cp_banner_button input[type="button"]{
	border-radius: 3px;
	background-color: #f1d600;
	background-color: #31a8f0;
    border-radius: 5px;
    color: #000;
    border: none;
    color: white;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
	border:none;
	font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
}

/*.cp_banner_class_clear .cp_banner_button.cp_banner_button_tech input[type="button"],*/
.cp_banner_class_clear .cp_banner_button.cp_banner_button_custom input[type="button"] {
	background-color: #ddd;
	color: #000;
}

.cp_banner_class_clear .cp_banner_button input[type="button"]:hover {
	background-color: #fff;
	background-color: #333;
    color: #fff;
}