/*CSS GENERICI*/
@font-face {
	font-family: 'QuarkBold';
	src: url('../font/Quark-Bold.otf');
}

@font-face {
	font-family: 'QuarkLight';
	src: url('../font/Quark-Light.otf');
}

.fontArial {
	font-family: 'Arial';

}

.verticalalignmiddle {
	vertical-align: middle !important;
}

.floatleft {
	float: left !important;
}

.floatright {
	float: right !important;
}

.textalignright {
	text-align: right;
}

.textaligncenter {
	text-align: center;
	vertical-align: middle !important;
}

.displayblock {
	display: block;
}

.displaynone {
	display: none;
}

.maxwidth20px {
	max-width: 20px;
}

.maxwidth50px {
	max-width: 50px;
}

.width120px {
	width: 120px;
}

.maxwidth100px {
	max-width: 100px;
}

.maxwidth150px {
	max-width: 150px;
}

.maxwidth200px {
	max-width: 200px;
}

.width90percento {
	width: 90%;
}

.width100percento {
	width: 100%;
}

.cursorpointer {
	cursor: pointer;
}

.margintop-10px {
	margin-top: -10px !important;
}

.margintop10px {
	margin-top: 10px !important;
}

.margintop5 {
	margin-top: 5% !important;
}

.margintop-60 {
	margin-top: -60px !important;
}

.margintop20px {
	margin-top: 20px !important;
}

.marginleft50perc {
	margin-left: 50%;
}

.marginright50perc {
	margin-right: 50%;
}

.marginbottom20px {
	margin-bottom: 20px !important;
}

.marginbottom0px {
	margin-bottom: 0px !important;
}

.marginpadding0px {
	padding: 0px;
	margin: 0px;
}

.marginleft7perc {
	margin-left: 7%;
}

.minheight300 {
	min-height: 300px;
}

.minheight320 {
	min-height: 320px;
}

.height50px {
	height: 50px !important;
}

.fontsize20px {
	font-size: 20px;
}

.fontsize30px {
	font-size: 30px !important;
}

.linkheader {
	padding: .3em 3em;
	color: #666;
}

.disattivadiv {
	pointer-events: none;
	opacity: 0.7;
}

.badgeavvisi {
	font-size: 11px;
	font-weight: 600;
	padding: 2px 3px;
	position: absolute !important;
	left: 47px !important;
	top: 2px !important;
}

.testobadge {
	font-weight: bold;
	color: #999;
	margin-top: -4px;
}

.btnhover:hover {
	color: #000;
}

.iconabadge {
	font-size: 30px;
	color: #999;
}

.borderight {
	border-right: 1px solid #AAA;
}

.msgerrorlogin {
	background-color: #FFA6A6;
	height: auto;
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
}

.msgsuccesslogin {
	background-color: #9DFF9D;
	height: auto;
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
}

.msgerror {
	background-color: #FFA6A6;
	height: 40px;
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
}

.msgsuccess {
	background-color: #9DFF9D;
	height: 40px;
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
}

.modservizio {
	cursor: pointer;
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
}

.modservizio:hover {
	color: #007bff;
	font-weight: bold;
}

.nascondi {
	animation: hideAnimation 0s ease-in 10s;
	animation-fill-mode: forwards;
}

@keyframes hideAnimation {
	to {
		visibility: hidden;
		width: 0;
		height: 0;
	}
}

.btnarancione {
	background-color: #FF6900;
	height: 40px;
	color: #fff;
	background-color: #FF6900;
	border-color: #FF6900;
	box-shadow: none;
	font-size: 18px;
	line-height: 1.5;
}

.btnrosso {
	background-color: #ff0000;
	height: 40px;
	color: #fff;
	background-color: #FF0000;
	border-color: #FF0000;
	box-shadow: none;
	font-size: 18px;
	line-height: 1.5;
}

.btnblu {
	background-color: #2596be;
	height: 40px;
	color: #fff;
	background-color: #2596be;
	border-color: #2596be;
	box-shadow: none;
	font-size: 18px;
	line-height: 1.5;
}

.btnarancione:hover {
	color: #fff;
	background-color: #E85C00;
	border-color: #E85C00;
}

.showfieldnascondi {
	display: none;
}

.coloreprimario {
	color: #2F819A;
}

/*CSS GENERICI*/

/*DASHBOARD*/
.hamburgermenu {
	display: none;
}

.bottoneaggcarta button {
	max-width: 200px;
	float: right;
}

.cartattiva {
	color: #4cae4c;
	font-weight: bold;
}

.cartabloccata {
	color: #D90000;
	font-weight: bold;
}

.cartasospesa {
	color: #555;
	font-weight: bold;
}

.cartascaduta {
	color: #ff4000;
	font-weight: bold;
}

.table td {
	padding: .75rem .10rem .75rem .4rem !important;
}

.table th {
	padding: .75rem .10rem .75rem .4rem !important;
}

.pdashboard {
	margin: 0px;
	padding: 0px;
}

.inputcarta {
	width: 80px;
}

.inputtarga {
	width: 80px;
}

.inputproprietario {
	width: 150px;
}

.inputdipendente {
	width: 150px;
}

/*DASHBOARD*/

/*SIDEBAR*/
.logosidebar {
	width: 100%;
	text-align: center;
}

.frecciadestra {
	position: absolute;
	right: 0px;
	color: #FFF;
	top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

.freccianick {
	position: absolute;
	right: 0px;
	color: #FFF;
	top: 10px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

.menuscroll {
	width: 100%;
	display: none;
	margin-left: 20px;
}

.menuscroll ul {
	margin: 0;
	padding: 0;
}

.menuscroll .nav-item {
	list-style-type: none;
	height: 30px;
}

.menuscroll .nav-item i {
	float: left;
}

.menuscroll .nav-item p {
	margin: -5px 0px 0px 5px;
	padding: 0;
	float: left;
}

.menuscroll .nav-item a {
	height: 30px;
	width: 90% !important;
}

/*SIDEBAR*/

/*NUOVA CARTA*/
.maxtarga {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}

.textnumerocarta {
	cursor: not-allowed ! important;
}

.select2-container--default .select2-selection--single {
	background-color: #EFF0F0 !important;
}

.info-boxcarta {
	box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
	border-radius: .25rem;
	background-color: #fff;
	margin-bottom: 1rem;
	min-height: 150px;
	position: relative;
	width: 100%;
}

.info-box-text {
	width: 100%;
	height: 40px;
	background-color: #000;
	color: #FFF;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 18px;
	border: 1px solid rgba(0, 0, 0, .125);
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.info-box-icon {
	width: 100%;
	height: 200px;
	text-align: center;
}

.info-box-check {
	width: 100%;
	height: 30px;
	border-top: 1px solid rgba(0, 0, 0, .125);
	padding-left: 10px;
	padding-top: 5px;
}

.info-boxcarta .info-box-icon img {
	max-height: 100%;
}

.info-boxcarta .contenuto-box {
	margin-left: 20px;
}

.minwidth98 {
	min-width: 98px;
}

.objcalendario {
	position: relative;
	bottom: 0px;
}

#objdatattivazione {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
}

#objdatalm {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
}

#objdatainizio {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
}

#objdatafine {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
}

#objdatasospensione {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
}

#objdatariattivazione {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
}

#notesospensione {
	resize: none;
}

#noteriattivazione {
	resize: none;
}

.iconacalendario {
	font-size: 35px;
	color: #007bff;
	cursor: pointer;
	margin-top: 32px;
}

.iconacalendarioreport {
	font-size: 44px;
	color: #007bff;
	cursor: pointer;
	margin-top: 22px;
}

.calendarioattivazione {
	margin-top: 32px;
}

.buttonmesiattivo {
	background-color: #212529 !important;
	border-color: #212529 !important;
}

.radiocatveicolo {
	margin: 0px;
	padding: 0px;
}

.spannuovacarta {
	font-size: 14px;
	font-weight: normal !important;
}

.info-boxcarta:hover {
	background-color: #E1E1E1;
}

.bottonelibmatricola button {
	max-width: 270px;
	float: left;
}

/*NUOVA CARTA*/

/*LOGIN*/
.logoazienda {
	max-width: 40%;
}

/*LOGIN*/

/*LISTINO*/
.logoaziendalistino {
	max-width: 80%;
	margin-top: 5px;
}

/*LISTINO*/

/*CARICO SERVIZIO*/
#lbservizio {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #FF6900;
	margin-top: -3PX;
	margin-left: 10px;
}

.lbservizio {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #FF6900;
	margin-top: -3PX;
	margin-left: 10px;
}

#lbnameservizio {
	float: left;
}

.divbuttonimg {
	width: 100%;
	text-align: center;
}

.buttonimg {
	width: 180px;
}

.divimg {
	width: 290px;
	height: 180px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
}

.divnuovacategoria {
	display: none;
}

.divgiornipartenza {
	display: none;
}

.divbottoneshop {
	display: none;
}

#contentshop {
	display: none;
}

.imgserviziomod {
	max-width: 100%;
	max-height: 100%;
}

/*CARICO SERVIZIO*/

/*ASSEGNAZIONE SERVIZI AI CLIENTI*/
.moveall {
	background-color: #59B200;
	color: #FFF;
}

.removeall {
	background-color: #B30000;
	color: #FFF;
}

.select2-selection--single {
	height: 40px !important;
}

.select2-selection--single b {
	margin-top: 5px !important;
}

.tipomesi {
	display: none;
}

.tipolm {
	display: none;
}

.tipogiorni {
	display: none;
}

.selectservizi {
	width: 100%;
	min-height: 400px;
}

.optionservizi {
	font-size: 18px;
	height: 35px;
	padding-top: 5px;
}

.selectserviziselezionati {
	width: 100%;
	min-height: 400px;
}

.optionserviziselezionati {
	font-size: 18px;
	height: 35px;
	padding-top: 5px;
}

.spostasel {
	display: block;
}

/*ASSEGNAZIONE SERVIZI AI CLIENTI*/

/*LISTINI*/
.btnaggserviziolistino {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	text-align: right;
}

.btnaggserviziolistino button {
	margin-right: 10px;
	display: initial;
	width: 160px;
}

/*LISTINI*/

/*Datatable*/
.dataTable th {
	background-color: #2F819A;
	color: #FFF;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
}

.dataTable .sorting:nth-child(1)::before {
	display: none;
}

.dataTable .sorting:nth-child(1)::after {
	display: none;
}

.dataTable .sorting::before,
.dataTable .sorting_asc::before {
	right: 0.5em !important;
	top: 0.5em !important;
	background-image: url('../img/caret-up-solid.svg') !important;
	background-repeat: no-repeat;
	width: 10px;
	content: "" !important;
	color: #FFF !important;
}

.dataTable .sorting::after,
.dataTable .sorting_asc::after {
	top: 1.3em !important;
	background-image: url('../img/caret-down-solid.svg') !important;
	background-repeat: no-repeat;
	width: 10px;
	content: "" !important;
	height: 16px;
	color: #FFF !important;
}

/*Datatable*/

.operazioni {
	float: right;
	margin-right: 10px;
}

/*SERVIZI*/
.contentprodottonew {
	width: 25%;
	height: 180px;
	margin-bottom: 30px;
	float: left;
}

.contentprodotto {
	width: 100%;
	height: 180px;
	margin-top: 30px;
}

.nomeservizio {
	width: 100%;
	height: 75px;
	font-size: 28px;
	font-family: Tahoma;
	text-transform: uppercase;
	text-align: center;
	padding-top: 15px;
	color: #5A5C5C;
	line-height: 1;
}

.catservizio {
	width: 100%;
	height: 55px;
	font-size: 18px;
	font-family: Tahoma;
	text-align: center;
	padding-top: 10px;
	color: #5A5C5C;
}

.descrizioneservizio {
	width: 100%;
	height: 60px;
	font-size: 14px;
	font-family: Tahoma;
	text-align: center;
	padding-top: 10px;
	color: #5A5C5C;
}

.lineaservizio {
	border: 1px solid #D6D3D3;
	height: 1px;
	width: 80%;
	margin: auto;
}

#contentservizi {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}

.contentprodotto img {
	float: right;
	margin-right: 10px;
}

.contentprodottonew img {
	float: right;
	margin-right: 10px;
}

.offerta12 {
	width: 13%;
	height: 150px;
	background-color: #5A5C5C;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}

.offerta12:hover {
	width: 13%;
	background-color: #909090;
}

.offerta12selezionata {
	width: 23%;
	height: 180px;
	border: 1px solid #ced4da;
	background-color: #EFF0F0;
}

.offerta12selezionata .prezzofferta12 {
	color: #5A5C5C;
}

.offerta12selezionata .ivaesclusaofferta12 {
	color: #5A5C5C;
}

.colonna1servizionew {
	float: left;
	width: 97%;
	border: 1px solid #ced4da;
	box-shadow: 3px 3px 8px #F1F1F1;
	cursor: pointer;
	height: 180px;
	background-color: #EFF0F0;
}

.colonna1servizio {
	float: left;
	width: 30%;
	border: 1px solid #ced4da;
	box-shadow: 3px 3px 8px #F1F1F1;
	cursor: pointer;
	height: 180px;
	background-color: #EFF0F0;
}

.colonna2servizio {
	float: left;
	display: none;
	width: 69%;
}

.altradurata {
	display: none;
	width: 50px;
	height: 180px;
	float: left;
	font-size: 50px;
	cursor: pointer;
	color: #5A5C5C;
}

.titolofferta12 {
	width: 100%;
	height: 50px;
	background-color: #FF6900;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	padding-top: 3px;
	color: #FFF;
	font-family: 'QuarkBold';
}

.prezzofferta12 {
	font-family: Tahoma;
	text-align: center;
	font-size: 30px;
	color: #FFF;
	height: 45px;
	padding-top: 5px;
}

.ivaesclusaofferta12 {
	font-size: 16px;
	color: #FFF;
	text-align: center;
	width: 100%;
}

.rispamiaofferta12 {
	font-size: 20px;
	color: #F0FF00;
	text-align: center;
	width: 100%;
	padding-top: 15px;
	font-family: 'QuarkLight';
}

#tornaindietroservizi {
	display: none;
	font-size: 20px;
	font-style: italic;
}

.tornaindietroservizi {
	display: none;
	font-size: 20px;
	font-style: italic;
}

#btnlibromatricola {
	display: none;
}

.custom-switch {
	cursor: pointer;
}

.prezzolibromatricola {
	font-family: Tahoma;
	text-align: center;
	font-size: 30px;
	color: #FFF;
	height: 45px;
	padding-top: 5px;
	display: none;
}

/*SERVIZI*/

/*RICERCA AVANZATA*/
.linkricercavanzata {
	width: 100%;
	height: 25px;
	float: left;
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
}

/*RICERCA AVANZATA*/

/*REPORT*/
.intervallodata {
	margin-top: 29px;
	height: 39px;
}

/*REPORT*/

/*INTERVENTI*/
.custom-file-input:lang(en)~.custom-file-label::after {
	content: "Sfoglia";
}

.pdfmodintervento {
	color: #D80000;
	font-size: 50px;
}

.eliminallegato {
	color: #000;
}

/*INTERVENTI*/

/*FOOTER*/
.divisionepagine {
	float: left;
	width: 40%;
}

.divisionerighe {
	float: right;
	width: 30%;
}

.divisionerighe select {
	width: 150px;
	float: right;
	background-color: #FFF;
	color: #007bff;
}

/*FOOTER*/

/*STATISTICHE*/
.thstatistiche {
	background-color: #FFF !important;
	color: #000 !important;
}

.bgstatistiche {
	background-color: #2B758A !important;
	border-color: #2B758A !important;
	color: #FFF;
}

#toppartner,
#topoperatore,
#topdipendente,
#topacquirenti {
	margin-top: 0px !important;
}

#toppartner_paginate,
#topoperatore_paginate,
#topdipendente_paginate,
#topacquirenti_paginate {
	margin-right: 15px !important;
	height: 37px !important;
}

#toppartner .badge,
#topoperatore .badge,
#topdipendente .badge,
#topacquirenti .badge {
	font-size: 90%;
}

#toppartner_paginate .page-link,
#topoperatore_paginate .page-link,
#topdipendente_paginate .page-link,
#topacquirenti_paginate .page-link {
	padding: .3rem .5rem !important;
}

#toppartner_paginate .page-item.active .page-link,
#topoperatore_paginate .page-item.active .page-link,
#topdipendente_paginate .page-item.active .page-link,
#topacquirenti_paginate .page-item.active .page-link {
	background-color: #2B758A !important;
}

/*STATISTICHE*/

@media only screen and (max-width: 1200px) {
	.spostasel {
		display: block;
	}
}

/*TABLET*/
@media only screen and (max-width: 790px) {
	.nomeservizio {
		height: 75px;
		font-size: 27px;
	}

	.offerta12 {
		width: 118px;
	}

	.rispamiaofferta12 {
		font-size: 15px;
	}

	.contentprodottonew {
		width: 50%;
	}

	.divricerca {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		padding-right: 0px;
		margin-bottom: 5px;
	}

	.textricerca {
		width: 68%;
		max-width: 68%;
	}

	.buttonricerca {
		width: 30%;
		max-width: 30%;
		flex: 0 0 30%;
	}

	.buttonricercavanzata {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	#ricerca .col-3 {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.divstatocard {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	#ricerca .col-1 {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.buttoncercaavanzata {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.card-footer .col-1 {
		width: 100px;
		flex: 0 0 100px;
		max-width: 100px;
	}

	.card-footer .col-2 {
		width: 200px;
		flex: 0 0 200px;
		max-width: 200px;
	}

	.offerta12 {
		width: 48% !important;
		float: left;
	}

	.contentprodottonew {
		height: auto;
	}

	.sectionreportvendite .col-3 {
		flex: 0 0 40%;
		max-width: 40%;
	}
}

/*TABLET*/

/*SMARTPHONE*/
@media only screen and (max-width: 550px) {
	.colonna1servizio {
		width: 100%;
	}

	.offerta12 {
		width: 100%;
		margin-bottom: 5px;
	}

	.rispamiaofferta12 {
		font-size: 20px;
	}

	.tipogiorni .col-5 {
		width: 80%;
		max-width: 80%;
		flex: 0 0 80%;
	}

	.tipogiorni .col-1 {
		width: 19%;
		max-width: 19%;
		flex: 0 0 19%;
	}

	.buttonricerca button {
		font-size: 14px;
	}

	#ricerca .col-3 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.divstatocard {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#ricerca .col-1 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.bottoneaggcarta button {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

	.contentprodottonew {
		width: 100%;
	}

	.hamburgermenu {
		display: block;
		font-size: 25px;
		color: #FFF;
		background-color: #333;
		padding-left: 23px;
	}

	.sectionreportvendite .col-3 {
		flex: 0 0 80%;
		max-width: 80%;
	}
}

.confermaeliminanone {
	display: none;
}

.confermaeliminavisible {
	display: visible;
	position: fixed;
	z-index: 2;
	border: 1px solid #cccccc;
	width: 50%;
	height: 330px;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 5%;
	background-color: #F2F2F2;
	border-radius: 5px 5px 5px 5px;
}

.buttonconferma {
	font-size: 20px;
	background-color: #2F8199;
	width: 100%;
	color: #FFF;
	height: 42px;
	border: 0px solid;
	cursor: pointer;
}

.buttonannulla {
	font-size: 20px;
	background-color: #FF6900;
	width: 100%;
	color: #FFF;
	height: 42px;
	border: 0px solid;
	cursor: pointer;
}

.divbuttonconferma {
	float: right;
	margin-right: 15%;
	width: 30%;
	margin-top: 18%;
}

.intestalert {
	text-align: center;
	margin-top: 8%;
	font-size: 40px;
}

.divbuttonannulla {
	float: left;
	margin-left: 15%;
	width: 30%;
	margin-top: 18%;

}

.clearments {
	text-align: right;
	font-size: smaller;
	font-style: oblique;
}

.riqupload {
	border-style: dashed;
	border-color: #CCCCCC;
	border-width: 2px;
	border-radius: 10px;
	width: 100%;
	height: 400px;
	cursor: pointer;
}

.imgupload {
	margin-left: 575px;
}

[data-initials]:before {
	background: #4916bf;
	color: white;
	opacity: 1;
	content: attr(data-initials);
	display: inline-block;
	font-weight: 600;
	border-radius: 50%;
	vertical-align: center;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 50px;
}

.checkboxcomunicazione {
	width: 30px;
	height: 30px;
}


.modal-footer .btn {
  float: right !important; /* Allinea il pulsante a destra */
}

.modal-footer h5 {
  float: left !important; /* Allinea il testo a sinistra */
}

/* CSS per dispositivi mobili */
@media (max-width: 768px) { /* Si applica quando la larghezza del viewport è 768px o inferiore */
  .btnfooter {
    float: none !important; /* Rimuove l'allineamento a destra */
    display: block !important; /* Rende il pulsante un blocco, occupando l'intera larghezza */
    margin-left: 100px !important; /* Centra il pulsante */
  }
  .checkfooter{
	margin-left: 120px !important;
  }

  .modal-footer h5 {
    float: none !important; /* Rimuove l'allineamento a sinistra */
    text-align: center !important; /* Centra il testo */
  }
}