.margin_monitor_50{
	margin-top:50px;
	margin-bottom:0px;
}
.row-circle-text{
	color:#fff;
	border-radius: 25px;
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 23px;
	font-size:1.2em;
}
.mrl5{
	margin-right:5px;
	margin-left:5px;
}
.color_round_W,.color_round_X,.color_round_Y,.color_round_Z,.color_round_J{
	background-color:#000;
	color:#fff;
}
.color_round_G,.color_round_H,.color_round_I,.color_round_L,.color_round_M,.color_round_N{
	background-color:green;
	color:#fff;
}
.color_round_B,.color_round_O,.color_round_Q,.color_round_R{
	background-color:#4747da;
	color:#fff;
}
.color_round_Y{
	background-color:red;
	color:#fff;
}
.color_round_A,.color_round_C,.color_round_D,.color_round_E,.color_round_F{
	background-color:#feab1b;
	color:#000;
}
.color_round_P,.color_round_S,.color_round_T,.color_round_U,.color_round_V{
	background-color:purple;
	color:#fff;
}
.increment_txt{
	font-size:11px !important;
	right:3px !important;
}
.mail_header{
	color: #336cc2 !important;
}
.text_mail_home{
	font-size:14px !important;
	margin-top:-5px !important;
	line-height:0.6;
}
.mleft10{
	margin-left:10px;
}
.visible_1{
	opacity: 0.5;
	cursor:pointer;
}
.visible_0{
	cursor:pointer;
}
.mail-modal .modal {
	position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	display: block;
	z-index: 1;
}

.mail-modal .modal {
	background: transparent !important;
}
.modal_data_hour{
	font-size:0.7em;
	float:right;
	margin-right:10px;
}
.modal_mail_from_to{
	margin-left:15px;
}
.modal_mail_body{
	width:100%;
	min-height:300px;
}
.spinner{
	background-color:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	text-align:center;
}
.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	margin-top:20%;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}
@keyframes lds-roller {
	0% {
	transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
	border-radius:0px !important;
	/*height:33px !important;*/
	border:1px solid #d2d6de !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:27px !important;
	
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #d2d6de !important;
	border: 1px solid #d2d6de !important;
}
.orange_txt{
	color:orange;	
}

@media (max-width: 767px) {
	.hide_mobile {
		display:none !important;
	}
.tab {
		width: 98% !important;


	}
	.margin_monitor_50{
		margin-top:0px;
		margin-bottom:10px;
	}
	.showresp{
		display:table-cell !important;
	}
	.hideresp{
		display:none !important;
	}
	/* Responsive heights for maps and charts */
	.graph_home{ height: 280px; }
	#map{ height: 320px; }
	.h900{ height: 320px !important; }
	.h300{ height: 220px !important; }
	.h270{ height: 200px !important; }
	.h250{ height: 180px !important; }
	/* Logo scaling */
	.croppedlogo{ max-width: 160px; height: auto; }
}
.alert_red{
	color:#982424;
	font-weight:bold;
}
.green{
	color:green !important;
}
.brillant_green{
	background-color:#00a65a;
}
.deep_green{
	background-color:#076f3f;
}
.dark_black{
	background-color:#095a34;
}
.last_black{
	background-color:#05361f;	
}
.coral_red{
	color:#E63946;
}
.live_orange{
	color:#F77F00;
}
.gold_yellow{
	color:#FFC300;
}
.green_dark{
	color:#095a34 !important;
}
.green_lime{
	color:#9EFF33;
}
.green_mint{
	color:#2ECC71;
}
.brilliant_azure{
	color:#00A8E8;
}
.electric_blue{
	color:#007BFF;
}
.blu_violet{
	color:#5A31F4;
}
.fucsia_rose{
	color:#D81B60;
}
.rosa_shock{
	color:#FF69B4;
}
.life_coral{
	color:#ff6f61;
}
.gold_lux{
	color:#FFD700;
}
.silver_grey{
	color:#C0C0C0;
}
.gold_sand{
	color:#DDBC87;
}
.ametist_violet{
	color:#9B59B6;
}
.green_water{
	color:#1ABC9C;
}
.yellow{
	color:#e1d573 !important;
}
.opacity_row{
	opacity:0.5;
}
.notice_insert_update{
	background-color: green;
	width: auto;
	max-width: 300px;
	padding: 10px;
	color: #fff;
	position: fixed;
	right: 0px;
	border-radius: 0px;
	z-index:100;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
#profileDisplay { 
	display: block; 
	height: 130px; 
	width: 130px; 
	margin: 0px auto; 

}
.img-placeholder {
	width: 130px;
	color: white;
	background: black;
	opacity: .7;
	height: 130px;
	z-index: 2;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}
.img-placeholder h4 {
	margin-top: 40%;
	color: white;
}
.img-div:hover .img-placeholder {
	display: block;
	cursor: pointer;
}
.margin_bottom_0{
	margin-bottom:0px !important;
}
.customer_row:hover{
	background-color: #dbe7f2;
}


.table_calculator{
	margin: auto;
	background-color: #222;
	width: 295px;
	max-width: 295px;
	height: 325px;
	text-align: center;
	border-radius: 4px;
	padding-right: 10px;
}

.input_calculator {
	outline: 0;
	position: relative;
	left: 5px;
	top: 5px;
	border: 0;
	color: #495069;
	background-color: #fff;
	border-radius: 4px;
	width: 60px;
	height: 50px;
	float: left;
	margin: 5px;
	font-size: 20px;
	box-shadow: 0 4px rgba(0,0,0,0.2);
	margin-bottom: 15px;
}

.input_calculator:active {
	top: 4px;
	border: 0 solid #000;
	color: #495069;
	background-color: #fff;
	border-radius: 4px;
	width: 60px;
	height: 50px;
	float: left;
	margin: 5px;
	font-size: 20px;
	box-shadow: none;
}

#display_calculator {
	width: 205px;
	max-width: 205px;
	font-size: 26px;
	text-align: right;
	background-color: #fff;
	color:#000;
	float: left;
	border:0px;
	margin-left:3px;
	margin-top:3px;
}


.operator {
	background-color: #cee9ea;
	position: relative;
}

.operator:hover {
	background-color: #cee9ea;
	box-shadow: 0 4px #b0d2cf;
}

.operator:active {
	top: 4px;
	box-shadow: none;
}

#clear_calculator {
	float: left;
	position: relative;
	display: block;
	background-color: #ff9fa8;
}

.input_clear{
	width: 120px;
}
.input_clear:active{
	width: 120px;
	top: 5px;
	margin-bottom: 15px;
}
.mail_box_page{
	margin-top:10px;
}
.mail_box_page:hover{
	background-color:#3c8dbc !important;
}

.mail_read{
	background-color:#eeecec !important;
}

.pointer{
	cursor:pointer;
}
.w330{
	width:330px;
}
.w40p{
	width:40%;
}
.w60p{
	width:60%;
}
.w90p{
	width:90% !important;
}
.w100p{
	width:100% !important;
}
.w120p{
	width:120% !important;
}
.h122{
	height:122px;
}
.h900{
	height: 962px !important;
}
.h300{
	height:300px !important;
}
.h22{
	height:22px !important;
}
.h250{
	height:250px !important;
}
.h270{
	height:270px !important;
}

.z100000{
	z-index:100000;
}
.bold{
	font-weight:bold !important;
}
.lighter{
	font-weight:lighter;
}
.mbnegative{
	margin-bottom: -8px;
}
.mauto{
	margin:0 auto;
}
.mb5{
	margin-bottom:5px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb50{
	margin-bottom:50px;
}
.mt0{
	margin-top:0px;
}
.mt5{
	margin-top:5px;
}
.mt7{
	margin-top:7px;
}
.mt8{
	margin-top:8px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top: 30px;
}
.mt35{
	margin-top: 35px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top: 60px;
}
.mb10{
	margin-bottom:10px;
}
.ml5{
	margin-left:5px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.mr3{
	margin-right:3px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}

.mr7{
	margin-right:7px;
}
.col_style_0{
	background-color:#d9edf7;
}
.col_style_1{
	background-color:aliceblue;
}
.border_green{
	border:1px solid green;
}
.border_1{
	border:1px solid #ccc;
}
.border_right_1{
	border-right:1px solid #ccc;
}
.border_left_1{
	border-left:1px solid #ccc;
}
.border_bottom_1{
	border-bottom:1px solid #ccc;
}
.border_bottom_2{
	border-bottom:2px solid #ccc;
}
.border_bottom_1_dotted{
	border-bottom:1px dotted #ccc;
}
.hiddenElement{
	display:none;
}
.add_document_type,.add_cust,.add_additional_field,.show_row_customer_document{
	cursor:pointer;
	margin-left: 6px;
	color: #3c8dbc;
	font-size: 14pt;
}
.task_data,.task_data_customer,.polizza_task,.task_data_sinistri,.doc_task{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:chocolate;
	cursor:pointer;
}
.manage_note{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:#dfdf76;
	cursor:pointer;
}
.clone_polizza{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:blue;
	cursor:pointer;
}
.charge_doc_customer_safeprogram{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:#ffcc35;
	cursor:pointer;
}
.storno_polizza,.prendi_in_carico_sinistro{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:orange;
	cursor:pointer;
}
.document_data,.document_data_customers,.precaricamento_ispezione,.document_data_masterdata,.fattura_xml,.emetti_fattura,.document_data_sinistri,.resend_fattura_mail,.resend_proforma_mail,.document_data_home,.send_email_prev,.documenti_garanzie,.send_email_prev_aig{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:orange;
	cursor:pointer;
}
.signed_document,.edit_data,.ec_contabile,.details_garanzia,.details_preventivo,.edit_data_preventivo,.edit_data_preventivo_aig,.edit_data_sinistro,.edit_data_customer,.edit_polizza,.edit_customer,.edit_user,.sendmail_foglio,.operator_det,.edit_pdf,.admin_user,.send_sms,.renew_cvt,.genera_garanzia,.genera_garanzia_aig,.enable_user,.enable_dealer{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:green;
	cursor:pointer;
}

.certificato_adesione_firmato,.remove_data,.elimina_garanzia,.remove_data_aig,.remove_data_sinistro,.remove_data_customer,.fattura_pdf,.remove_polizza,.remove_customer,.remove_user,.remove_foglio,.approve_pdf,.remove_pdf,.remove_estratto_conto_intermediario,.remove_estratto_conto_safe,.remove_estratto_conto_venditore,.remove_rimessa_venditore,.emetti_proforma,.remove_proforma,.remove_fattura{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:red;
	cursor:pointer;
}
.get_schede_adesione{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:red;
	cursor:pointer;
	text-align:center;
}
.renew_polizza,.ec_contabile_pdf,.scheda_firmata_aig,.registra_incasso,.crea_nota_credito,.sostituisci_pdf,.sinistri_media,.pdf_garanzia,.disable_user,.disable_dealer,.edit_cvt_pdf{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:#272778;
	cursor:pointer;
}
.otp_signed,.videoisp{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	cursor:pointer;
	font-size:0.8em;
}
.emetti_proforma,.sat_missing{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	color:#9259c1;
	cursor:pointer;
}

.foglio_cassa{
	display:inherit;
	padding: 0px 5px 0px 5px;
	vertical-align: bottom;
	color:cadetblue;
	font-size:14pt;
	cursor:pointer;
}
.fright{
	float:right;
}
.p0{
	padding:0px;
}
.p5{
	padding:5px;
}
.p8{
	padding:8px !important;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.pt3{
	padding-top:3px;
}
.pt5{
	padding-top:5px;
}
.pt8{
	padding-top:8px;
}
.pt30{
	padding-top:30px;
}
.pb10{
	padding-bottom:10px;
}
.p0_10{
	padding:0px 10px;
}
.toupper{
	text-transform: capitalize;
}
.col_action_icon{
	text-align:center;
	vertical-align:middle;
}
.filter_row{
	padding:0px 15px;
	background-color:#3c8dbc;
	color:#fff;
}
.reduce_filter{
	float:right;
	margin-top: -17px;
	right:7px;
	cursor:pointer;
	color:#fff;
	position:absolute;
}
.expand_filter{
	margin-top: 0px;
	cursor:pointer;
	color:#000;
	margin-left: 8px
}
.orange{
	color:orange;
}
.red{
	color:red;
}
.blue{
	color:blue;
}
.blue_dark{
	color:#003366;
}
.violet{
	color:#b9b9ff;
}
.gray{
	color: #909090;
}
.light_green{
	color:#eaf9a3;
}
.aqua{
	color:aqua;
}
.burlywood{
	color:burlywood;
}
.darksalmon{
	color:darksalmon;
}
.steelblue{
	color:steelblue;
}
.teal{
	color:teal;
}
.floralwhite{
	color:floralwhite;
}
.sandybrown{
	color:sandybrown;
}
.slategray{
	color:slategray;
}
.purple{
	color:purple;
}
.lightgreen{
	color:lightgreen;
}
.lightsalmon{
	color:lightsalmon;
}
.lightazure{
	color:#76ffe5;
}
.row_polizza_1{
	background-color:#f2dcb2 !important;
}
.row_polizza_2{
	background-color:#f2cece !important;
}
.row_polizza_3{
	background-color:#fff ;
}
.row_polizza_4{
	background-color:#ff7373 !important;
}
.row_polizza_5{
	background-color:#daedf4 !important;
}
.row_polizza_6{
	background-color:#eaf9a3 !important;
}
.row_polizza_7{
	background-color:#b9b9ff !important;
}
.row_polizza_8{
	background-color:#ffe6d0 !important;
}
.file_href_icon{
	float:right;
	margin-right:10px;
	margin-top: 3px;
}
.fast_customer_list,.fast_customer_insert,.fast_polizze,.fast_polizze_insert,.fast_list_garanzie,.fast_sinistri_list,.fast_sinistri_insert,.fast_list_cvt,.fast_cvt{
	margin:0px 5px;
}
.bglogo{
	background-color:#333 !important;
}
.color_letter_1{
	color:#205cc4 !important;
}
.color_letter_2{
	color:#fa9021 !important;
}
.croppedlogo{
	width: 150px;
	text-align: center;

	
}

.zoom_header{
	display:inline;
	padding: 15px 15px;
	float:left;
}
.white{
	color:#fff;
}
.graph_home{
	position: relative; 
	height: 420px;
}
#map {
	height: 600px;
	width: 100%;
}
.checkboxfloat{
	float:right;
	margin-left:10px;
}
.fArial{
	font-family:Arial;
}
.expire_link{
	font-weight:bold;
	text-decoration:none;
	color:#225ec6;
}
.mw300{
	max-width:300px;
}
.mw200{
	max-width:200px;
}
.select2-container{
	width:100% !important;
}
.folder_empty{
	color:orange;
}
.folder_full{
	color:#008000;;
}
.uppercase{
	text-transform:uppercase;
}
/*
.btn-success,.btn-warning,.btn-info{
	padding: 5px 20px;
	font-size: 12pt;
	text-transform: uppercase;
}
*/
.system_color{
	color:#f78c24;
}
.swal-wide{
	width:500px !important;
}
label {
	font-weight: 600;
	margin-top:5px;
}
.dt-buttons{
	margin-right:20px !important;
}
.dataTables_filter{
	float:right;
}
.dataTables_length{
	float:left;
}
.fastyle{
	color:#b50404;font-size:0.8em;margin-right:10px;
}
.frstyle{
	color:#b50404;
	text-decoration:none;
}
.swal2-popup {
	font-size: 1.4rem !important;
	font-family: Georgia, serif;
}
.fc-title{
	font-weight:bold;
	text-transform:uppercase;
	
}
.print_modal_detailed,.genera_cvt_button{
	line-height: 10px;
	margin-top: -30px;
	text-transform:none;
	font-size:12px;
}
.print_scheda{
	float:right;
	margin-right:20px;
	color:#fa8f26;
	font-size:12pt;
}
.m_auto{
	margin:0 auto;
}
.total_color{
	background-color:#ebfdff;
	margin:0px;
	border:1px dotted #ccc;
}
.p5_5_5_15{
	padding: 5px 5px 5px 15px !important;
}
.mw20{
	max-width:20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding:0px !important;
}
.fsize06{
	font-size: 0.6em !important;
}
.fsize08{
	font-size: 0.8em !important;;
}
.fsize10{
	font-size: 10pt;
}
.fsize12{
	font-size: 12pt;
}
.fsize14{
	font-size: 14pt;
}
.fsize16{
	font-size: 16pt;
}
.fsize18{
	font-size: 18pt;
}
.fsize18em{
	font-size:1.8em;
}
.chatgpt_column_response{
	font-size:0.9em;
	border-left:1px solid #ccc;
}
.chat_response_fix{
	max-height:600px;
	overflow: auto; 
	overflow-x: auto;
	overflow-x: hidden;
}
.question_data{
	list-style: disclosure-closed;
}
button.gm-ui-hover-effect {
	visibility: hidden;
}
.btn_associazione{
	padding: 2px 20px;
	margin-bottom: 4px;
}
.fixed_layout{
	max-width: 200px;
	min-width: 200px;
	word-wrap: break-word;
	white-space: normal !important;
}
.pl4{
	padding-left:4px;
}
.pr4{
	padding-right:4px;
}
.pr20{
	padding-right:20px !important;
}
.showday_polizze_6month{
	background-color:#97872e;
	border-color:#97872e;
}
.showday_polizze_6month:hover{
	background-color:#685e22;
	border-color:#685e22;
}

.showday_polizze_12month:hover{
	background-color:#5e0d0d;
	border-color:#5e0d0d;
}

.mh30{
	max-height:30px !important;
}
.read_menu:hover{
	color:#53c0ff !important;
}
.insert_menu:hover{
	color:#f9993b !important;
}
.legend_read{
	color:#53c0ff !important;
}
.legend_insert{
	color:#f9993b !important;
}
.legend_padding{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.confirm_operator,.confirm_avatar,.confirm_day_polizze_show{
	float: right;
	margin-top: -20px;
	cursor: pointer;
}
.divisor{
	border-top: 1px solid #6f6f6f;
	width: 90%;
	margin: 0 auto;
}
.legend1{
	color:#00a65a;
}
.spanleg1{
	width: 20px;
	height: 10px;
	background-color: #00a65a;
	display: inline-block;
}
.legend2{
	color:#397eed;
}
.spanleg2{
	width: 20px;
	height: 10px;
	background-color: #397eed;
	display: inline-block;
}
.legend3{
	color:#ff0000;
}
.spanleg3{
	width: 20px;
	height: 10px;
	background-color: #ff0000;
	display: inline-block;
}
.legend4{
	color:#f0b31a;
}
.spanleg4{
	width: 20px;
	height: 10px;
	background-color: #f0b31a;
	display: inline-block;
}
.brf4{
	border-right: 1px solid #f4f4f4 !important;
}
.cambia_intestatario{
	color:cadetblue;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-normal{
	font-weight:normal
}

.resultDatamail_text{
	border: 1px solid #ccc;
	padding: 10px;
	margin: 9px;
	width: 80%;
}
#countdown-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px; /* Altezza del container */
}

#countdown,.div_countdown {
	font-size: 24px;
	color: #3876b0;
	font-weight: bold;
}
.modal_header{
	background-color:#3c8dbc;
	color:#fff !important;
}
.modal_header .close{
	color:#fff !important;
}
.swal2-container {
	z-index: 999999 !important;
}
.zoom_in_out_href{
	display:inline;
	padding: 15px 15px;
	float:left;
}
.tab_shadow{
	box-shadow:4px 5px 13px rgba(0, 0, 0, 0.5);
}
thead{
	background-color: #3c8dbc;
	color: #fff;
}
th{
	font-weight:normal !important;
}

.scrollable-tabs {
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.tabs-wrapper {
	flex-grow: 1;
	overflow-x: hidden;
	white-space: nowrap;
}

.tab {
	width: calc(98% / 3);
	display: inline-block;
	border: 1px solid #ccc;
	margin: 0px 5px 30px 5px;
	
}
.min_h600{
	min-height:500px;
}
.internal_padding_div{
	padding:0px 20px 20px 20px;
}
.scroll-left,
.scroll-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	border: none;
	z-index:999;
	color:green;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
}

.scroll-left {
	left: 0;
}

.scroll-right {
	right: 0;
}
.company_title{
	background-color: #00a65a;
	color: #fff;
	padding: 10px 0px 0px 0px;
	margin-top:0px;
	font-weight:bold;
}
.ul_coe {
	list-style-type: none;
	padding: 0;
}

.li_coe:before {
	content: "\25A0";
	margin-right: 0.5em;
	color:#00a65a;
}

.li_coe2:before {
	content: "\25B6";
	margin-right: 0.5em;
	color: #006633;
}
.widget-container {
	width: 220px;
	height: auto;
	display: block;
	border-radius: 25px;
	color:#fff;
	margin: 0 auto;
}
.top-left {
	height: 60%;
	width: 100%;
	padding: 20px 0 0 13px;
	display: inline-block;
}
.top-right {
	height: 60%;
	width: 100%;
	padding: 25px 0 0 0;
}

.bottom-left {
	height: 40%;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 50px;
}

.bottom-right {
	height: 40%;
	width: 55%;
	float: right;
	padding: 25px 0 0 60px;
}

#codepen-link {
	font-weight: 400;
	font-size: 12px;
	margin-top: 20px;
}

.top-left > a {
	text-decoration: none;
	color: white;
}

.top-left > a:hover {
	color: #b0bec5;
}

#weather-status {
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	margin: 0 auto;
}

.top-right > img {
	width: 120px;
	height: 120px;
	display: block;
	margin: 15px auto 0 auto;
}

.horizontal-half-divider {
	width: 100%;
	height: 3px;
	margin-top: -5px;
	background-color: #263238;
}

.vertical-half-divider {
	width: 3px;
	position: absolute;
	height: 167px;
	background-color: #263238;
	display: inline-block;
	padding: 0;
}

#temperature,
#celsius,
#temp-divider,
#fahrenheit {
	display: inline;
	vertical-align: middle;
}

#temperature {
	font-size: 60px;
	font-weight: 800;
	margin-right: 5px;
}

#celsius {
	margin-right: 10px;
}

#fahrenheit {
	margin-right: 5px;
	color: #b0bec5;
}

#celsius,
#temp-divider,
#fahrenheit {
	font-size: 30px;
	font-weight: 800;
}

#celsius:hover,
#fahrenheit:hover {
	cursor: pointer;
}

.other-details-key {
	float: left;
	font-size: 16px;
	font-weight: 300;
}

.other-details-values {
	float: left;
	font-size: 16px;
	font-weight: 400;
	margin-left: 40px;
}

.watermark-link {
	text-decoration:none;
	color:#b0bec5;
}

.watermark-link:hover {
	color:white;
	text-decoration:none;
}
.watermark {
	margin-top:10px;
	text-align:center;
	font-weight:400;
}
.vtop{
	vertical-align:top;
}
.importo_rata_finanziamento{
	border: 1px solid #ccc;
	font-size: 13pt;
	font-weight:bold;
	background-color: #ccc;
	padding: 10px;
	border-radius: 10px;
	background-color: #00a65a;
	color: white;
}
.cebc5b{
	color:#cebc5b;
}
.a6e92ff{
	color:#6e92ff;
}
.ffcf74{
	color:#ffcf74;
}
.gm-style-iw-chr{
	display:none;
	visibility:hidden;
}
.importo_crist{
	font-weight: bold;
	margin-left: 20px;
	margin-top: 6px;
	font-size: 12pt;
}
.nowrap{
	white-space:nowrap;
}
.save_quote{
	border-radius:8px;
	background-color:#003366;
	border-color:#003366;
	font-weight:bold;
	text-transform:uppercase;
}
.confirm_quote{
	border-radius:8px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#095a34;
}
.calcola_rata{
	border-radius:8px;
	font-weight:bold;
	text-transform:uppercase;
	float:right;
}
.safe_tab{
	background-color:#fff;
	vertical-align:top;
	border-radius: 25px;
	box-shadow: 4px 5px 13px rgba(0, 0, 0, 0.5);
}
.company_title_safe{
	min-height:40px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.back_to_doc{
	text-transform:uppercase;
}
.valida_sconto{
	float:right;
	position:relative;
	top: -32px;
	left:112px;
}
.hide_netto_icon{
	float: right;
	margin-top: -20px;
	margin-right: -20px;
	cursor: pointer;
}
.tot_prev_safe_modal{
	font-weight:bold;
	padding: 10px; 
	margin-top: 25px;
	background-color: green;
	border: 1px solid #ccc;
	color: #fff;
	font-size: 13pt;
}
.text_error_sconto{
	font-size:9pt;
	margin-top: -20px;
	font-weight:bold;
}
.div_coeff_sinistri_report{
	background-color:#ccc;
	padding:10px;
}
.table_agenda_title{
	line-height: 5px;
	background-color:#ccc;
}
.evidenzia{
	background-color:#ffcece !important;
}
.icheckbox_flat-green.checked.disabled {
	background-image: none !important;
	background-color: #1abc9c !important;
	border: 1px solid #1abc9c !important;
	border-radius:10px;
	position: relative;
}
.icheckbox_flat-green.checked.disabled::after {
	content: "✔";
	color: white;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 3px;
	font-weight: bold;
}
.select2-selection--multiple {
	min-height: 38px;
	height: auto !important;
	white-space: normal;
	overflow-y: auto;
	max-height: 200px;
}
.highlight-border {
	border: 3px solid #28a745;
	box-shadow: 0 0 12px rgba(40,167,69,0.8);
	border-radius: 20px;
	transition: all 0.3s ease;
}
.radius25{
	border-radius:25px;
}
.pb03{
	padding-bottom: 0.3rem;
}
.pb8{
	padding-bottom: 8px;
}
.all_position{
	border:1px solid #ccc;
	margin:10px 10px 20px 10px;
	color:#fff;
}
.title_garanzia{
	margin-top:0px;
	margin-bottom: 3px;
}
.top_row_valore{
	margin:10px;
	padding-bottom:10px;
	border-bottom:1px solid green;
}
.wwprod{
	word-wrap: break-word;
	white-space: initial;
}
.total_safe_div{
	border:1px dotted #ccc;
	padding:5px 10px 5px 10px;
	border-radius:10px;
	color: white;
	width:auto;
	margin: 0 auto;
	background-color:#05361f;
	
}


.agenda_dealer_associati{
	height:500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.fas,.fab,.far{
	margin-right:5px;
}
.toupper, .text_uppercase {
	text-transform:uppercase;
}
.calc_preventivi{
	background-color:#095a34;
	border:1px solid #095a34;
	width: 300px;
	border-radius: 10px;
	font-weight:bold;
	text-transform:uppercase;
}
.inlinebl{
	display: inline-block;
}
.lh30{
	line-height:30px;
}
.pevent{
	pointer-events: auto !important;
}
.bg_white{
	background-color:#fff;
}
.bg_celest{
	background-color:#c6e0e7 !important;
}
.w230{
	width:230px;
}
.wrap2-login100 {
		width: 500px;
		border-radius: 10px;
		overflow: hidden;
		padding: 55px 55px 37px 55px;
		background: #aff766;
		background: -webkit-linear-gradient(top, #66b3f7, #1c0c53);
		background: -o-linear-gradient(top, #66b3f7, #1c0c53);
		background: -moz-linear-gradient(top, #66b3f7, #1c0c53);
		background: linear-gradient(top, #66b3f7, #1c0c53);
}
.wrap2-login100_2 {
		width: 500px;
		border-radius: 10px;
		overflow: hidden;
		padding: 55px 55px 37px 55px;
		background: #aff766;
		background: -webkit-linear-gradient(top, #03101c, #1c0c53);
		background: -o-linear-gradient(top, #03101c, #1c0c53);
		background: -moz-linear-gradient(top,#03101c, #1c0c53);
		background: linear-gradient(top, #03101c, #1c0c53);
}
.menu-highlight {
	padding: 0 2px;
	border-radius: 3px;
	background: #ff9226;
}
.select_vn {
    pointer-events: none;
    background-color: #eee; /* per dare un effetto “disabilitato” */
}
.sat_val{
	margin-top: -20px;
	display: flex;
}
/* Prima riga (Visualizza / Cerca / Compagnia) in flex */
#table_scadenza_wrapper .row:first-child {
    display: flex;
    flex-wrap: wrap;          /* va a capo solo se serve */
    align-items: center;
    gap: 28px;                /* spazio uniforme tra i blocchi */
    margin-bottom: 10px;
}

/* IMPORTANTISSIMO: togli i float dei .col-* solo in questa riga */
#table_scadenza_wrapper .row:first-child > [class*="col-"] {
    float: none;              /* disattiva float di Bootstrap */
    width: auto;              /* misura al contenuto */
    padding: 0;               /* niente padding extra */
}

/* Blocchi interni allineati */
#table_scadenza_wrapper .dataTables_length,
#table_scadenza_wrapper .dataTables_filter,
#filter_compagnia {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* Input Cerca */
#table_scadenza_wrapper .dataTables_filter input {
    margin-left: 6px;
    width: 200px;             /* regola a piacere */
}

/* Select Compagnia */
#filter_compagnia select {
    width: auto !important;
    margin-left: 6px;
}

/* Etichette compatte */
#filter_compagnia label,
#table_scadenza_wrapper .dataTables_filter label,
#table_scadenza_wrapper .dataTables_length label {
    margin-bottom: 0 !important;
}

/* (Opzionale) un filo di spazio tra "Visualizza [select]" e "elementi" */
#table_scadenza_wrapper .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* Prima riga (Visualizza + Cerca) in flex, niente sovrapposizioni */
#table_incomplete_wrapper .dt-top {
    display: flex;
    flex-wrap: wrap;         /* va a capo solo se serve */
    align-items: center;
    gap: 28px;               /* spazio tra Visualizza e Cerca */
    margin-bottom: 10px;
}

/* Disattiva i float delle col bootstrap solo in questa riga */
#table_incomplete_wrapper .dt-top > [class*="col-"] {
    float: none;
    width: auto;
    padding: 0;
}

/* Blocchi interni allineati orizzontalmente */
#table_incomplete_wrapper .dataTables_length,
#table_incomplete_wrapper .dataTables_filter {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* Etichette compatte */
#table_incomplete_wrapper .dataTables_length label,
#table_incomplete_wrapper .dataTables_filter label {
    margin-bottom: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;   /* spazio tra testo e input/select */
}

/* Input del Cerca */
#table_incomplete_wrapper .dataTables_filter input {
    width: 200px;   /* regola a piacere */
}

/* (Opzionale) un filo di spazio sotto la riga pulsanti */
#table_incomplete_wrapper .dt-buttons-row {
    margin-bottom: 6px;
}
.main-footer:hover .fastyle {
    animation: heartbeat 0.8s infinite;
}

@keyframes heartbeat {
  0%   { transform: scale(1); }
  20%  { transform: scale(1.3); }
  40%  { transform: scale(1); }
  60%  { transform: scale(1.3); }
  80%  { transform: scale(1); }
  100% { transform: scale(1); }
}

/* opzionale: colore più intenso durante il battito */
.main-footer:hover .fastyle {
    color: #b9042c; /* rosso acceso o quello che vuoi */
}
.pull-left.image {
    perspective: 800px; /* Serve per l'effetto 3D */
}

.pull-left.image img {
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
}

.pull-left.image:hover img {
    transform: rotateY(360deg);
}
/* Card interna all'InfoWindow */
.iw-card { min-width: 240px; max-width: 260px; font-family: inherit; color:#1f2937; }
.iw-header {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 6px; /* ← aggiunto */
}
.iw-address { font-size: 13px; margin-bottom: 8px; opacity:.85; }

/* Mini street view */
.iw-pano {
  width: 240px; height: 120px;
  border-radius: 8px; overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
  background: #f3f4f6;
}
.iw-nopano {
  height: 120px; display:flex; align-items:center; justify-content:center;
  font-size:12px; color:#6b7280; background:#f3f4f6;
}
#map .gm-style-cc,
#map .gmnoprint,
#map .gm-control-active {
  display: none !important;
}
/* Tooltip moderno per Morris */
.morris-hover.morris-default-style{
	border: none !important;
	background: rgba(0,0,0,.9) !important;
	color: #fff !important;
	padding: 10px 12px !important;
	border-radius: 10px !important;
	box-shadow: 0 6px 18px rgba(0,0,0,.3);
	font-family: Inter, Arial, sans-serif;
  }
  .morris-hover-row-label{
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 6px;
	color: #fff !important;
  }
  .morris-hover-point{
	font-size: 12px;
	line-height: 1.25;
	color: #e5e7eb !important;
  }
  
  /* Tooltip personalizzato con dot colorati */
  .mw-item{ display:flex; align-items:center; gap:8px; }
  .mw-dot{ width:10px; height:10px; border-radius:2px; display:inline-block; }
  .mw-val{ margin-left:auto; margin-left: 6px; color:#fff; }
  
  .plate-it {
    display: inline-flex;
    align-items: center;
    border: 2px solid #000;
    border-radius: 4px;
    background: #ffffff;
    font-family: 'Arial Black', Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    overflow: hidden;
    height: 26px;
}

.plate-text {
    padding: 0 6px;
    color: #000;
}

.plate-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #003399;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 0 3px;
    height: 100%;
}

.plate-left {
    width: 13px;
}


.plate-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.plate-right::after {
    content: '';
    width: 9px;
    height: 9px;
    border: 2px solid #ffcc00;
    border-radius: 50%;
	border-width: 1.5px;
    background: transparent;
    display: inline-block;
    box-sizing: border-box;
}
/* === Theme tokens ========================================================= */


  

:root{
	--tl-bg: #ffffff;
	--tl-surface: #ffffff;
	--tl-text: #111827;
	--tl-muted: #6b7280;
	--tl-track: #e5e7eb;
	--tl-shadow: rgba(0,0,0,.09);
	--tl-primary: #6366f1;  /* default dot */
	--tl-radius: 16px;
	--tl-gap: 2.8rem;
	--tl-card-w: 22rem;     /* 352px */
  }
  
  @media (prefers-color-scheme: dark){
	:root{
		--tl-bg: #ffffff;     /* sfondo chiaro fisso */
	--tl-surface: #ffffff;
	--tl-text: #111827;
	--tl-muted: #6b7280;
	--tl-track: #e5e7eb;
	
	  --tl-shadow: rgba(0,0,0,.35);
	}
  }
  
  /* === Wrapper =============================================================== */
  .timeline-wrap{
	position: relative;
	padding: 9em 1.25em;
	margin: 1em 0 3em;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	background: var(--tl-bg);
  }
  
  /* Fade ai bordi per suggerire lo scroll */
  .timeline-fade{
	position:absolute; top:0; bottom:0; width:60px; z-index:2; pointer-events:none;
	/*background: linear-gradient(to right,var(--tl-bg),transparent);*/
  }
  .timeline-fade.right{ right:0; left:auto; transform: scaleX(-1); }
  
  /* === Track ================================================================ */
  .timeline-track{
	position:absolute; left:3%; right:3%; top:50%;
	height:.35em; background: var(--tl-track); border-radius: 999px; z-index:0;
	overflow: hidden;
  }
  .timeline-track::after{
	/* leggero shimmer di progressione */
	content:""; position:absolute; inset:0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
	transform: translateX(-100%);
	animation: tl-shimmer 5s linear infinite;
	opacity:.35;
  }
  @keyframes tl-shimmer{ to { transform: translateX(100%);} }
  
  /* === Items row ============================================================ */
  .timeline-items{
	list-style:none; display:flex; align-items:center; gap: var(--tl-gap);
	padding:0; margin:0; position:relative; z-index:1;
  }
  .timeline-item{
	position:relative; flex: 0 0 auto; min-width: 16em; scroll-snap-align: center;
	text-align:center;
  }
  
  /* === Dot + Stem =========================================================== */
  .timeline-dot{
	position:absolute; left:50%; top:50%;
	width:1.2em; height:1.2em; transform: translate(-50%,-50%);
	background: var(--tl-surface); border:.45em solid var(--tl-primary);
	border-radius:50%; box-shadow: 0 0 0 .25em var(--tl-surface), 0 6px 18px var(--tl-shadow);
  }
  .timeline-stem{
	position:absolute; left:50%; width:2px; height:4.5em; background: var(--tl-track);
	transform: translateX(-50%);
	top: calc(50% + .6em); /* default: verso il basso */
  }
  
  /* === Card ================================================================ */
  .timeline-card{
	position:absolute; left:50%;
	width: var(--tl-card-w);
	background: var(--tl-surface);
	border-radius: var(--tl-radius);
	padding: 1rem 1.1rem;
	box-shadow: 0 14px 30px var(--tl-shadow);
	line-height: 1.25;
	border: 1px solid rgba(0,0,0,.05);
	transform: translateX(-50%) translateY(-1.2rem);
	transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
	will-change: transform;
  }
  
  /* Alternanza: dispari sopra, pari sotto */
  .timeline-item:nth-child(odd) .timeline-card{
	bottom: calc(50% + 1.8em);
  }
  .timeline-item:nth-child(odd) .timeline-stem{
	/* stem verso l'alto */
	top: auto; bottom: calc(50% + .6em);
  }
  .timeline-item:nth-child(even) .timeline-card{
	top: calc(50% + 1.8em);
  }
  .timeline-item:nth-child(even) .timeline-stem{
	top: calc(50% + .6em);
  }
  
  /* Hover: sollevamento e lieve scala */
  .timeline-item:hover .timeline-card{
	transform: translateX(-50%) translateY(-1.6rem) scale(1.015);
	box-shadow: 0 18px 36px var(--tl-shadow);
  }
  .timeline-item:hover .timeline-dot{
	animation: tl-pulse 1.2s ease-out;
  }
  @keyframes tl-pulse{
	0%{ box-shadow: 0 0 0 .25em var(--tl-surface), 0 6px 18px var(--tl-shadow); }
	70%{ box-shadow: 0 0 0 .6em rgba(99,102,241,.15), 0 10px 24px var(--tl-shadow); }
	100%{ box-shadow: 0 0 0 .25em var(--tl-surface), 0 6px 18px var(--tl-shadow); }
  }
  
  /* Contenuti card */
  .timeline-date{
	margin-bottom:.35rem;
  }
  .timeline-badge{
	display:inline-flex; align-items:baseline; gap:.5ch;
	font-weight:700; font-size: .95rem;
	background: rgba(99,102,241,.09);
	border: 1px dashed rgba(99,102,241,.35);
	padding:.35rem .6rem; border-radius:999px;
  }
  .timeline-badge small{
	font-size:.8em; font-weight:600; opacity:.8;
  }
  .timeline-text{
	margin-top:.35rem; font-size:1.02rem; color:var(--tl-text);
  }
  .timeline-text p{ margin:.25rem 0 0; color:var(--tl-muted); }
  .timeline-text strong{ color:var(--tl-text); }
  
  /* Colori ciclici (dot + badge border) */
  .timeline-dot{ border-color: var(--tl-primary); }
  .color-1 .timeline-dot, .timeline-item:nth-child(9n+1) .timeline-dot { border-color:#f87171; }
  .color-2 .timeline-dot, .timeline-item:nth-child(9n+2) .timeline-dot { border-color:#fb923c; }
  .color-3 .timeline-dot, .timeline-item:nth-child(9n+3) .timeline-dot { border-color:#fbbf24; }
  .color-4 .timeline-dot, .timeline-item:nth-child(9n+4) .timeline-dot { border-color:#34d399; }
  .color-5 .timeline-dot, .timeline-item:nth-child(9n+5) .timeline-dot { border-color:#38bdf8; }
  .color-6 .timeline-dot, .timeline-item:nth-child(9n+6) .timeline-dot { border-color:#818cf8; }
  .color-7 .timeline-dot, .timeline-item:nth-child(9n+7) .timeline-dot { border-color:#e879f9; }
  .color-8 .timeline-dot, .timeline-item:nth-child(9n+8) .timeline-dot { border-color:#f472b6; }
  
  /* badge in tinta col dot */
  .timeline-item .timeline-badge{ border-color: currentColor; }
  .color-1 .timeline-badge{ color:#f87171; }
  .color-2 .timeline-badge{ color:#fb923c; }
  .color-3 .timeline-badge{ color:#fbbf24; }
  .color-4 .timeline-badge{ color:#34d399; }
  .color-5 .timeline-badge{ color:#38bdf8; }
  .color-6 .timeline-badge{ color:#818cf8; }
  .color-7 .timeline-badge{ color:#e879f9; }
  .color-8 .timeline-badge{ color:#f472b6; }
  
  /* === Responsiveness ======================================================= */
  @media (max-width: 860px){
	:root{ --tl-card-w: min(90vw, 26rem); --tl-gap: 3.2rem; }
	.timeline-wrap{ padding: 8em 1em; }
  }
  @media (max-width: 640px){
	:root{ --tl-card-w: min(92vw, 28rem); --tl-gap: 3.6rem; }
	/* su mobile le card tutte sotto per leggibilità */
	.timeline-item .timeline-card{ top: calc(50% + 1.8em) !important; bottom:auto !important; }
	.timeline-item .timeline-stem{ top: calc(50% + .6em) !important; bottom:auto !important; height:3.8em; }
  }
  
  /* === Motion safety ======================================================== */
  @media (prefers-reduced-motion: reduce){
	.timeline-card, .timeline-dot, .timeline-track::after{ animation: none !important; transition: none !important; }
  }
  .timeline-item.is-latest .timeline-card{
	outline: 1px solid currentColor;
  }
  .timeline-item.is-latest .timeline-dot{
	transform: translate(-50%,-50%) scale(1.06);
  }
.bg_grigio {
    background: #f0f0f0;
}

.bg_azzurro {
    background: #e8f4ff;
}