:root {
  --colore_Viola: #6d5b97;
  --colore_Giallo: #e8be12;
  --colore_Nero: #1b2026;
  --colore_BluScuro: #313558;
  --colore_GrigioScuro: #a8a7a7;
  --colore_GrigioChiaro: #eaeaea;
  --colore_Rosso: #bd2525;
  --font-family: metropolis !important;
}

@font-face {
    font-family: "MetropolisBold";
    src: url('/javax.faces.resource/fonts/Metropolis-Bold.ttf.xhtml') format("truetype")/*,
    	 url('/javax.faces.resource/fonts/Metropolis-BoldItalic.ttf.xhtml') format("truetype"),
    	 url('/javax.faces.resource/fonts/Metropolis-Bold.otf.xhtml') format("opentype"),
    	 url('/javax.faces.resource/fonts/Metropolis-BoldItalic.otf.xhtml') format("opentype"),
    	 url('/javax.faces.resource/fonts/Metropolis-Bold.woff.xhtml') format("woff"),
    	 url('/javax.faces.resource/fonts/Metropolis-BoldItalic.woff.xhtml') format("woff"),
    	 url('/javax.faces.resource/fonts/Metropolis-Bold.woff2.xhtml') format("woff2"),
    	 url('/javax.faces.resource/fonts/Metropolis-BoldItalic.woff2.xhtml') format("woff2")*/
    ;
}
@font-face {
    font-family: "MetropolisThin";
    src: url('/javax.faces.resource/fonts/Metropolis-Thin.ttf.xhtml') format("truetype")/*,
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.ttf.xhtml') format("truetype"),
    	 url('/javax.faces.resource/fonts/Metropolis-Thin.otf.xhtml') format("opentype"),
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.otf.xhtml') format("opentype"),    	 
    	 url('/javax.faces.resource/fonts/Metropolis-Thin.woff.xhtml') format("woff"),
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.woff.xhtml') format("woff"),
    	 url('/javax.faces.resource/fonts/Metropolis-Thin.woff2.xhtml') format("woff2"),
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.woff2.xhtml') format("woff2")*/
    	 ;
}

@font-face {
    font-family: "MetropolisBlack";
    src: url('/javax.faces.resource/fonts/Metropolis-Black.ttf.xhtml') format("truetype")/*,
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.ttf.xhtml') format("truetype"),
    	 url('/javax.faces.resource/fonts/Metropolis-Thin.otf.xhtml') format("opentype"),
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.otf.xhtml') format("opentype"),    	 
    	 url('/javax.faces.resource/fonts/Metropolis-Thin.woff.xhtml') format("woff"),
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.woff.xhtml') format("woff"),
    	 url('/javax.faces.resource/fonts/Metropolis-Thin.woff2.xhtml') format("woff2"),
    	 url('/javax.faces.resource/fonts/Metropolis-ThinItalic.woff2.xhtml') format("woff2")*/
    	 ;
}

.loginBox {
	padding: 3px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

.pad_form{
	padding: 0.571rem 1rem; 
}

.contatti_phone_back{
	background-color:var(--colore_Giallo) !important;
	padding: 0px !important; 
}

.autocompletePanel {
	width: 220px;
	height: 180px;
	overflow: scroll;
}

#container {
	width : 100%;
	margin : auto;
	}
	
#text {
	width : 60%;
	float : left;
	font-family : verdana, arial, sans-serif;
	font-size : 12pt;
	margin-top : 20px;
	margin-left : 20px;
	}
#image { float : right; }

.hideToolbar .ui-editor-toolbar {
   display: none;
}

.ui-grid-col-10{
	width: 10% !important;
}

.ui-grid-col-20{
	width: 20% !important;
}
.ui-grid-col-30{
	width: 30% !important;
}

.ui-grid-col-40{
	width: 40% !important;
}
.ui-grid-col-50{
	width: 50% !important;
}

.ui-grid-col-60{
	width: 60% !important;
}
.ui-grid-col-70{
	width: 70% !important;
}

.ui-grid-col-80{
	width: 80% !important;
}
.ui-grid-col-90{
	width: 90% !important;
}

.ui-grid-col-100{
	width: 100% !important;
}

.paddingColumnZero{
	padding: 0px !important;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:180px;
  background-color: transparent;
}

.center_img_home {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.center_img_home_video {
   background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}




.header_string {
  text-align: center;
  overflow:break-word;
  display: block;
  outline-color:rgb(0,7,22);
  font-size: 6.5rem !important;
  font-weight: 400;
  font-family: Freestyle Script !important;
  border: none !important;
}

.header_string_fare {
  text-align: left;
  font-size: 4rem !important;
  font-weight: 400;
  font-family: metropolis !important;
  color: #ffffff !important;
  background-color:var(--colore_Nero) !important;
  border: none !important;
}

.header_string_fare_dual {
  text-align: left;
  overflow:break-word;
  display: block;
  outline-color:#ffffff;
  font-size: 6rem !important;
  font-weight: 400;
  font-family: Freestyle Script !important;
  color: #000716 !important;
  border: none !important;
  padding-left:15%;
  padding-right:15%;
  padding-top: 50px;
  padding-top: 50px;
}

.header_string_fare_dual_comeFare {
  text-align: left;
  overflow:break-word;
  display: block;
  outline-color:#ffffff;
  font-size: 3rem !important;
  font-weight: 300;
  font-family: Freestyle Script !important;
  color: #000716 !important;
  border: none !important;
  padding-left:3%;
  padding-right:3%;
  padding-top: 25px;
  padding-bottom: 25px;
}

.header_string_column_dual {
  text-align: left;
  overflow:break-word;
  display: block;
  outline-color:#ffffff;
  font-size: 1rem ;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans',sans-serif !important;
  background-color: #ffffff !important;
  color: #000716 !important;
  border: none !important;
 
}
.header_string_column_center {
  text-align: center;
  overflow:break-word;
  display: block;
  outline-color:#ffffff;
  font-size: 1rem ;
  font-size: 16px;
  font-weight: 550;
  font-family: 'Open Sans',sans-serif !important;
  background-color: transparent !important;
  color: #000716 !important;
  border: none !important;
  
  line-height: 35px;
  padding-top: 15px;
  margin-bottom:15px;
  color: #54595F !important;
}


.header_string_fare_line2 {
  text-align: left;
  color: #ffffff !important;
  background-color: var(--colore_Nero) !important;
  border: none !important;
}

.header_string_fare_tab_column {
  background-color: transparent !important;
  padding: 0px 34px 0px 0px !important;
  word-wrap: break-word !important;
}

.header_string_fare_tab_header {
  text-align: left;
  font-weight: 200;
  font-size:1.5rem;
  font-family: metropolis !important;
  color: #F7F9FC !important;
  background-color:var(--colore_Nero) !important;
  font-weight: bold;
}

.header_string_fare_tab_header_2 {
  text-align: left;
  overflow:break-word;
  display: block;
  outline-color:#ffffff;
  font-size: 2rem ;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans',sans-serif !important;
  color: #F7F9FC !important;
  background-color: #000716 !important;
  border: none !important;
  font-weight: bold;
}

.header_string_fare_tab_corpo {
  text-align: left;
  font-family: metropolis !important;
  color: #F7F9FC !important;
  background-color: var() !important;
  border: none !important;
}

/*
classe style dataTable molto larghe
*/
.ui-datatable-hor-scroll .ui-datatable-tablewrapper,.scrolling-div .ui-datatable-tablewrapper{
     overflow: auto;
     width: 100%;
     padding-bottom: 5px;
}


/* CENTRA TUTTI GLI OGGETTI GROWL
div.ui-growl {
   left: 50%;
   right: 0;
   margin-left:-150px;
}
*/

.product-image{
	width: auto;
	height: auto;
	max-width: 250px;
	max-height: 250px;
	min-width: 100px;
	min-height: 100px;
    margin: 0 auto 2rem auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border: solid;	
    border-color: var(--colore_Giallo);
    border-width: thick;
    border-radius: 8px!important;
}

.product-image-docente{
	width: auto;
	height: auto;
	max-width: 250px;
	max-height: 250px;
	min-width: 70% !important;
	min-height: 100px;
    margin: 0 auto 2rem auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border: solid;	
    border-color: var(--colore_Giallo);
    border-width: thick;
}
.product-image-docente2{
	width:100%;
    margin: 0 auto 2rem auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border: solid;	
    border-color: var(--colore_Giallo);
    border-width: thick;
}
.product-image-studente{
	width: 100%;
    margin: 0 auto 2rem auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border: solid;	
    border-color: var(--colore_Giallo);
    border-width: thick;
}
.product-image-dirigente{
	width: 100%;
    margin: 0 auto 2rem auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border: solid;	
    border-color: var(--colore_Giallo);
    border-width: thick;
}
.product-image-scuola{
	width: 100%;
    margin: 0 auto 2rem auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border: solid;	
    border-color: var(--colore_Giallo);
    border-width: thick;
}

.product-grid-item-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-grid-item-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product-grid-item-content {
    text-align: center;
}

.docente-grid-item-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.docente-grid-item-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.docente-grid-item-content {
    text-align: center;
}
.docente-image{
	height: 200px;
    margin: 0 auto 2rem auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);	
}
.ui-state-active {
    border-color: var(--colore_Viola) !important;
    color: #FFFFFF !important;
}

.home_registra{
	background-color:var(--colore_Giallo) !important;
	color: var(--colore_BluScuro) !important;
	border-bottom: 10px solid var(--colore_BluScuro);
}

.bottoneGiallo{
	background-color:var(--colore_Giallo) !important;
	color: var(--colore_bluScuro) !important;
	border-radius: 6px !important;
	font-size: 26px !important;
	border: var(--colore_BluScuro) !important;
	font-weight: bold;
	width: 200px !important;
	margin-right: .5rem;
	margin-top: 1rem;
	float: left;
}

.bottoneBlu{
	background-color: var(--colore_BluScuro) !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	font-size: 19px !important;
	border: var(--colore_BluScuro) !important;
	font-weight: bold;
	height:38px;
	width:200px !important;
	margin-right: .5rem;
	margin-top: 1rem;
}

.bottoneViola{
	background-color: var(--colore_Viola) !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	font-size: 20px !important;
	border: var(--colore_Viola) !important;
	font-weight: bold;
	width:100px !important;
	margin-right: .5rem;
	margin-top: 1rem;
	float: right;
}


.bottoneBianco{
	background-color: #ffffff  !important;
	border-radius: 6px !important;
	font-size: 30px !important;
	font-weight: bold;
	width:160px !important;
	padding:5px;
	margin: 5px;
	float: left;
}

.bottoneRosso{
	background-color: var(--colore_Rosso) !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	font-size: 20px !important;
	border: var(--colore_Viola) !important;
	font-weight: bold;
	width:200px !important;
	margin-right: .5rem;
	margin-top: 1rem;
	float: right;
}

.testoBianco{
	color: #ffffff !important;
}
.testoViola{
	color: var(--colore_Viola) !important;
}
.testoBluScuro{
	color: var(--colore_BluScuro) !important;
}
.testoGiallo{
	color: var(--colore_Giallo) !important;
}
.textBold{
/* 	font-weight:bold;	 */
font-family: MetropolisBold !important;	
}
.textExtraBold{
/* 	font-weight:bold;	 */
font-family: MetropolisBlack !important;	
}

.textThin{
/* 	font-weight:bold;	 */
font-family: MetropolisThin !important;	
}

.bigTextHome{
	font-size:49px !important;
}

.bigTextTitle{
	font-size:40px !important;
}

.midTextHome{
	font-size:33px !important;
}
.smallTextHome{
	font-size:30px !important;
}
.smallestTextHome{
	font-size:23px !important;
}

.smallestTextContatti{
	font-size:19px !important;
}

.smallestTextMenu{
	font-size:15px !important;
}

.wfull{
	width:100% !important;
}
.wfull-100{
	width: calc(100% - 100px);
}

.imagesAlign{
	text-align: right !important;
}


.bordoDestroBlu{
	border-right:5px solid var(--colore_BluScuro) !important;
}
.divInfoViola{
	background-color: var(--colore_Viola) !important;
	color: #ffffff ;
/* 	font-size: 26px !important; */
}

.centraVerticaleGriglia{
    display: grid;
    align-content: space-evenly;
}
.centraOrizontaleGriglia{
    display: grid;
    justify-content: space-around;
}
.menuSelezionato{
	background-color: var(--colore_BluScuro) !important;
	color: #ffffff !important;
}

.comeFareCerchioExt{
	
	background: transparent !important;
	border: 5px solid var(--colore_Giallo);
	width: 100px;
	height: 100px;
	border-radius: 150px;
	margin-left: 50px;
	position: relative;
	top: -60px;
	z-index: 999;

}

.comeFareCerchioInt{
	
	background: var(--colore_Giallo) !important;
	border: 2px solid var(--colore_Giallo);
	width: 70px;
	height: 70px;
	border-radius: 150px;
	margin: 10px;

}

.checkElenco{
	text-align: right !important;
	padding-right: 0 !important;
}

.comeFareNum {
	margin: 8px;
	color: white;
	font-size: 40px;
	line-height: 70px;
}
.comeFareTitoloExt {
	padding-left: 12%;
	border-bottom: 15px solid  var(--colore_Giallo) !important;
}
.comeFareTitolo {
	
	font-size: 65px;
}


.comeFareTable {
	position: relative;
	top: -110px;
}

.comeFareColonnaViola {
	background-color: var(--colore_Viola) !important;
	border-color: var(--colore_Viola) !important;
	vertical-align: middle !important;
}

.comeFareColonnaBianco {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	vertical-align: middle !important;
}

.midTextComeFare{
	font-size:32px !important;
	font-family: metropolis !important;
}

.w200 {
	width: 154px;
}

.wImagesComeFare {
	width: 135px;
}

.wImages {
	width: 80% !important;
}

.topRound{
	border-top-left-radius:16px;
	border-top-right-radius:16px;
	border-bottom:0px;
} 
.bottomRound{
	border-top:0px;
	border-bottom-right-radius:16px;
	border-bottom-left-radius:16px;
}
.bordoViola{
	border:1px solid var(--colore_Viola) !important;
}
.bordoBianco{
	border:1px solid #ffffff;
}
.white{
	background-color: #ffffff !important;
}
.labelRegistrazione{
	float: right;
    padding: 10px;
    border: 1px solid var(--colore_BluScuro) !important;
    font-family: MetropolisThin !important;
    font-size:19px !important;	

}

.img_registra {
    width: 150px;
    top: -50px;
    left: 15px;
    position: relative;
    border-radius: 80px;
    float: left;
}
.areaPrivacy{
	border-radius: 26px;
	height: 130px !important;
	overflow: scroll;
}

.product-grid-item-content {
    text-align: center;
}

.evento-grid-item-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.evento-grid-item-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.evento-grid-item-content {
    text-align: center;
}

.p-p-5 {
    padding: 2rem !important;
}
.lineh{
	line-height: 50px;
}
.footerClass{
	color:#ffffff !important;
	border: 1px solid var(--colore_Nero);
}

.primaColonna{
	border-radius:16px 0px 0px 16px;
}

.secondaColonna{
	border-radius:0px 16px 16px 0px;
}

.noBorder{
	border:0px !important;
}


.fontSemiBold{
	font-family: 'metropolis semibold' !important;	
}



/**** MODIFICHE SUL P:DIALOG DEL LOGIN (DA  VERIFICARE COME SI COMPORTA CON GLI ALTRI  DIALOG   */
.ui-dialog{
	background-color: #ffffff !important;
	padding: 0 16px !important;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
    border: 1px solid #ffffff 16px !important;
    border-radius: 16px !important;
}
.ui-dialog-titlebar {
    background: #ffffff !important;
    color: #333333;
    font-weight: 700;
    border-bottom: 1px solid #c8c8c8;
    padding-top: 1rem;
    padding-left: 2rem;
}
.ui-dialog-content {
    background: #ffffff !important;
    color: #333333;
    padding: 1rem;
    border: 0px !important;
}
/**** MODIFICHE SUL P:DIALOG DEL LOGIN (DA  VERIFICARE COME SI COMPORTA CON GLI ALTRI  DIALOG   */
.ui-button { 
    background-color: var(--colore_Viola); 
    color: #ffffff; 
    border: 1px solid var(--colore_Viola); 
    border-radius: 6px; 
}
.spinnerViola{
	background-color: var(--colore_Viola) !important;
}

.homePassiTitolo{
	height:auto;
}
.homePassiDescrizione{
	height:auto;
}
.columnDirigente{
	padding-left:12% !important;
}
.columnStudente{
	padding-right:12% !important;
}

.classe-image{
    margin: 0 auto 2px auto;
    display: block;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);	
}

#flipbook{
  width:600px;
  height:350px;
}

.flipbook {
  height: 100%;
  transition: margin-left 0.25s ease-out;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flipbook .page {
  height: 100%;
  width: 100%;
}

.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.clickAll{
  display:block;
}

.clickAll img{
  max-width: 200px;
  height: auto;
}

.dirigenteDashboard{
	border: 2px solid var(--colore_Giallo) !important;
	border-radius: 16px 16px 0px 0px;
	border-bottom: 0px !important;
	text-align:center;
	padding-top:40px !important;
/* 	padding-bottom:20px !important; */
	background-color: transparent !important;
}
.dirigenteScuola{
	border-left: 2px solid var(--colore_Giallo) !important;
	border-right: 2px solid var(--colore_Giallo) !important;
	text-align:center;
	padding-top:40px !important;
	background-color: transparent !important;
}

.medagliettaGialla{
	border: 3px solid var(--colore_Giallo) !important;
	border-radius: 16px;
	background-color: var(--colore_Giallo);
}
.medagliettaViola{
	border: 3px solid var(--colore_Viola) !important;
	border-radius: 16px;
	background-color: var(--colore_Viola);
}
.medagliettaGrigio{
	border: 3px solid var(--colore_GrigioScuro) !important;
	border-radius: 16px;
	background-color: var(--colore_GrigioScuro);
}

.sfondoTrasparente{
	background-color: transparent !important;
}

.labelViola{
	background: var(--colore_Viola) !important;
    padding: 5px;
    color: #ffffff !important;
}
.labelGialla{
	background: var(--colore_Giallo) !important;
    font-weight: bolder;
    padding: 5px;
    color: var(--colore_Viola);
}
.bannerGrigio{
	background-color: var(--colore_GrigioScuro) !important;
	color: var(--colore_Viola) !important;
	font-family: metropolis !important;
	font-size: 2rem !important;
}
.bannerViola{
	background-color: var(--colore_Viola) !important;
	color: #ffffff !important;
	font-family: metropolis !important;
}
.areaGrigia{
	background-color: var(--colore_GrigioChiaro) !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.sottotitolo{
	border-bottom:5px solid var(--colore_Viola) !important;
	padding:20px 35px;
}

.colonnaExtra{
	display:none;
}

.noPadDestro{
	padding-right:0px !important;
	margin-right:0px !important;
}

.noPadSinistro{
	padding-left:0px !important;
	margin-left:0px !important;
}
/*MODIFICHE SUL CSS DEL CAROUSELL */
.ui-carousel-header, .ui-carousel-viewport, .ui-carousel-item, .ui-carousel-items{
	background: #ffffff !important;
	border:0 !important;
}
.ui-carousel-button{
	width: 100px !important;
    background: var(--colore_Viola)  !important;
    border-radius: 16px  !important;
}
.ui-carousel-prev-button{
	float:left !important;
}

.ui-chkbox-box.ui-state-active{
	background: var(--colore_Viola)  !important;
}

.classes-table thead th {
    background: var(--colore_Viola) !important;
    color: #ffffff !important;
    text-align: center !important;
    border:0px !important;
/*     border-left: 3px solid #ffffff !important; */
}

.classes-table tbody td {
    border-bottom:3px solid var(--colore_Viola)!important;
}

.altreClassiGridNew tbody td {
    border:0px !important;
}

.altreClassiGrid tbody td {
    border:0px !important;
    border-left:3px solid var(--colore_Viola)!important;
}
.altreClassiGriddx tbody td {
    border-right:3px solid var(--colore_Viola)!important;
}

.classes-table tbody td .ui-icon-circle-triangle-e:before,
.classes-table tbody td .ui-icon-circle-triangle-s:before{
    content:"" !important;
}
.classes-table tbody td .ui-icon-circle-triangle-e,
.classes-table tbody td .ui-icon-circle-triangle-s{
    background-image: url("../resources/images/iconaRowExp.png") !important;
    background-size: 70px !important;
    border-radius:0px !important;
    width: 70px !important;
    height: 70px !important;
}

.classes-table{
	width:90%;
	margin-left:5%;
	border:0;
	margin-bottom:50px;
}

.ui-expanded-row-content > td{
	border:0px !important;
	padding:0px  !important;
}
.colonnaDataTableClassi{
	vertical-align: middle !important; 
	text-align:center;
	border-width:0px;
	padding-left:0px !important;
	padding-right:0px !important;
}

.bordoSinistroViola{
	line-height:85px; 
	border-left:2px solid Var(--colore_Viola);
}
.bordoDestroViola{
	border-right:2px solid Var(--colore_Viola);
}
.ui-paginator.ui-paginator-bottom {
	border-radius: 16px !important;
	background: var(--colore_Viola);
	height: 50px;
	padding: 5px !important;
	margin-top: 20px;
	color: var(--colore_GrigioChiaro)
}
.ui-paginator.ui-paginator-top {
	border-radius: 16px !important;
	background: var(--colore_Viola);
	height: 50px;
	padding: 5px !important;
	margin-top: 20px;
	color: var(--colore_GrigioChiaro)
}
.ui-dataview-header{
	display: none;
}
.classes-table tbody tr:nth-child(odd) {
  background-color: var(--colore_GrigioChiaro) !important;
  border-radius:16px !important;
}
.ui-panelgrid-cell-giallo{
	background: var(--colore_Giallo) !important;
}

.bottoneRotondoViola{
    background-color: var(--colore_Viola) !important;  
    border: 1px solid var(--colore_Viola) !important; 
}
.ui-column-filter{
	width: 80% !important;
}
.ui-menu.ui-menu-dynamic{
	top:95px !important
}