/*CSS GENERICI*/
@font-face {
    font-family: 'QuarkBold';
    src: url('../font/Quark-Bold.otf');
}
@font-face {
    font-family: 'QuarkLight';
    src: url('../font/Quark-Light.otf');
}
.verticalalignmiddle{
	vertical-align: middle!important;
}	
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.textalignright{
	text-align: right;
}
.textaligncenter{
	text-align: center;
}
.displayblock{
	display: block;
}
.displaynone{
	display: none;
}
.width10px{
	width: 10px;
}
.width20px{
	width: 20px;
}
.maxwidth10px{
	max-width: 10px;
}
.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;
}
.margintop-60{
	margin-top: -60px!important;
}
.marginbottom-50{
	margin-bottom: 60px!important;
}
.marginpadding0px{
	padding: 0px;
	margin: 0px;
}
.paddingtop8px{
	padding-top: 8px;
}
.minheight300{
	min-height: 300px;
}
.minheight320{
	min-height: 320px;
}
.height220px{
	height: 230px!important;
} 
.height50px{
	height: 50px!important;
}
.height33_5px{
	height: 33.5px!important;
}
.height70px{
	height: 70px;
}
.fontsize20px{
	font-size: 20px;
}
.fontsize24px{
	font-size: 24px;
}
.fontsize30px{
	font-size: 30px!important;
}
.linkheader{
	padding: .3em 3em;
	color: #666;
}
.disattivadiv{
	pointer-events: none;
    opacity: 0.7;
}
.navbar-badge{
	right: 1px;
    top: 0px;
	font-size: .8rem;
}
.badgeavvisi{
	font-size: 11px;
    font-weight: 600;
    padding: 2px 3px;
    position: absolute!important;
    left: 47px!important;
    top: 2px!important;
}
.badgecart{
	font-size: 11px;
    font-weight: 600;
    padding: 2px 3px;
    position: absolute!important;
    left: 120px!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;
}
.btnarancione:hover{
	color: #fff;
	background-color: #E85C00;
	border-color: #E85C00;
}
.btnverde{
	background-color: #2F819A;
	height: 40px;
	color: #fff;
	border-color: #2F819A;
	box-shadow: none;
	font-size: 18px;
	line-height: 1.5;
}
.btnverde:hover{
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.showfieldnascondi{
	 display: none;
}
.coloreprimario{
	color: #2F819A;
}
/*CSS GENERICI*/

/*DASHBOARD*/
.hamburgermenu{
	display: none;
}
.bottoneaggcarta button{
	max-width: 200px;
	float: right;
}
.bottoneazioni button{
	max-width: 200px;
	float: right;
	margin-left: 10px;
}
.cartattiva{
	color: #4cae4c;
	font-weight: bold;
}
.cartabloccata{
	color: #D90000;
	font-weight: bold;
}
.cartasospesa{
	color: #555;
	font-weight: bold;
}
.cartascaduta{
	color: #ff4000;
	font-weight: bold;
}
.cartanonpagata{
	color: #6f42c1;
	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;
}
.inputcliente{
	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;
}*/
.select2-selection__choice, .select2-selection__choice__remove{
	background-color: #2B758A;
	color: #FFF!important;
}

.info-box-check{
	width: 100%;
	height: 30px;
	border-top: 1px solid rgba(0,0,0,.125);
	padding-left: 10px;
	padding-top: 5px;
}
.info-boxcarta 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: 60%;
}
/*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;
	padding-left: 10px;
}
.divbuttonimg{
	width: 100%;
	text-align: center;
}
.buttonimg{
	width: 180px;
}
.divimg{
	width: 290px; 
	height: 180px; 
	border: 1px solid #CCC; 
	margin-bottom: 5px;
	overflow: hidden;
	display: flex;
    align-items: 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;
}
#selectedList {
	width: 100%;
	list-style: none;
	padding: 0;
	height: 400px; /* Limita l'altezza della lista */
	overflow-y: auto;  /* Abilita la scrollbar verticale */
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

#selectedList li {
	padding: 8px;
	margin: 4px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	cursor: pointer;
}

#selectedList li.selected {
	background-color: #d0d0ff;
}

select {
	width: 200px;
	height: 150px;
}

option.selected {
	background-color: #1967D2 !important; /* Colore di sfondo per le opzioni selezionate */
	color: #fff;
}

.container {
	display: flex;
	gap: 20px;
}
/*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{
	margin-bottom: 35px;
	float: left;
	width: 25%; 
	height: 85px;
}
.contentprodotto{
	width: 100%;
	height: 180px;
	margin-top: 30px;
}
.nomeservizio{
	width: 100%;
	font-family: Tahoma;
	text-transform: uppercase;
	text-align: center;
	padding-top: 15px;
	color: #5A5C5C;
	line-height: 1;
	height: 48px;
	font-size: 24px;
}
.catservizio{
	width: 100%;
	height: 55px;
	font-size: 16px;
	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;
	margin-top: -100px; 
	margin-right: 5px;
	width: 25px; 
	height: 25px;
}
.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;
	background-color: #EFF0F0;
	height: 108px;
}
.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*/

/*LOGO UTENTE*/
.canvaslogoutente{
	width: 100%;
	height: 400px;
	background-size: cover; /* Assicura che l'immagine copra tutto il canvas */
	background-position: center;
	border: 1px solid #CCC;
}
.spanlogoutente{
	font-size: 13px;
	font-weight: normal!important;
}
.divbuttonlogoutente{
	width: 100%;
	text-align: center;
}
.buttonlogoutente{
	margin-left: -98px;
    width: 173px;
}
.buttonelimlogoutente{
	margin-left: 3px;
    width: 111px;
}
.divlogoprincipale{
	width: 290px;
	margin-top: 50px;
}
/*LOGO UTENTE*/

/*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*/

/*SHOP SERVIZI*/
#divlistaserviziacquistati{
	display: none;
}
#lbnameservizio{
	padding-left: 10px;
}
.divcontainershop{
	margin-top: 50px; 
	margin-bottom: 50px;
}
.divtotalishop{
	background-color: white; 
	border-radius: 10px; 
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
	padding: 24px; 
	width: 320px;
}
.divtotaleacquistoshop{
	display: flex; 
	justify-content: space-between; 
	margin: 12px 0; 
	font-size: 20px; 
	font-weight: bold;
}
.divivainclusashop{
	font-size: 12px; 
	color: #888; 
	margin-top: -10px;
}	
.divtotalevedniteshop{
	display: flex; 
	justify-content: space-between; 
	margin: 12px 0; 
	font-size: 20px; 
	font-weight: bold;
}
.bottonecassashop{
	margin-top: 20px; 
	background-color: #2563eb; 
	color: white; 
	border: none; 
	width: 100%; 
	padding: 12px; 
	font-size: 16px; 
	border-radius: 6px; 
	cursor: pointer;
}	
/*SHOP SERVIZI*/

/*FOOTER*/
.divisionepagine{
	float: left;
	width: 40%;
}
.divisionerighe{
	float: right;
	width: 30%;
}
.divisionerighe select{
	width: 150px;
	float: right;
	background-color: #FFF;
	color: #007bff;
}
/*FOOTER*/

/*NEXI*/
address{
	font-size: 17px;
	line-height: 1;
	height: 70px;
						   
}
.lead{
	font-weight: 600;
							  
}
.servizinexi td{
	background-color: #fffb9c;
	font-size: 16px;
}
.totaleservizinexi{
	font-size: 30px;
								
}
.subtotaleservizinexi{
	font-size: 25px;
}
.nexicircuito{
	max-width: 90%;
	margin-top: -5px;
}
.satispaycircuito{
	width: 150px;
    margin-left: 8px;
}
.radiopagamento{
	margin-top: 13px;
}
/*NEXI*/

/*STATISTICHE*/
#sinistrosi th{
	background-color: #CCC!important;
	color: #000!important;
    top: -6px !important;
    border: 0px!important;	
}
#sinistrosi tbody{
	top: -7px !important;
	position: relative!important;
}
#sinistrosi_wrapper #sinistrosi_info{
	font-weight: bold!important;
	padding-left: 10px!important;
}
#sinistrosi_paginate{
	padding-right: 10px!important;
	padding-bottom: 10px!important;
}
#sinistrosi_paginate .page-item a{
	color: #dc3545!important;
}
#sinistrosi_paginate .page-item.active a{
	background-color: #dc3545!important;
    border-color: #dc3545!important;
	color: #FFFFFF!important;
}
.thstatistiche{
	background-color: #FFF!important;
	color: #000!important;
}
.bgstatistiche {
	background-color: #2B758A!important;
	border-color: #2B758A!important;
	color: #FFF;
} 
#toppartner,#topoperatore,#topcliente,#topacquirenti{
	margin-top: 0px !important;
}
#toppartner_paginate,#topoperatore_paginate,#topcliente_paginate,#topacquirenti_paginate{
	margin-right: 15px!important;
	height: 37px!important;
}
#toppartner .badge,#topoperatore .badge,#topcliente .badge,#topacquirenti .badge{
	font-size: 90%;
} 
#toppartner_paginate .page-link,#topoperatore_paginate .page-link,#topcliente_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,#topcliente_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%;
	}
}