body {
  	
}

.ui-icon{
	width: 17px;
	height: 16px;
}

.ui-panelgrid{
	border-collapse:separate; 
}

div#cedole:j_idt12_content{
	border:none;
}

/* HEADER */
#navbarDiv {
/* 	background-image: url("../images/book_pat_opaque.jpg"); */
   background: #123260 none repeat scroll 0% 0%;
   /* position: fixed;*/
    z-index: 10;
    width: 100%;
    left: 0px;
    top: 0px;
}

ul.ui-wizard-step-titles.ui-helper-reset.ui-helper-clearfix{
	display: none;
}

span.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all{
	color:#459e17;
}

.ui-paginator .ui-paginator-rpp-options{
	background:#5eaad4;
}


.ui-fieldset-toggleable .ui-fieldset-legend{
	background:#ffffff;
	color:#808080;
}

span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick{
	color:#808080;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#5eaad4;
}*/

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev{
	background:#5eaad4;	
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
	border-radius: 0px;
}

.ui-selectonemenu .ui-selectonemenu-label {
	border-radius: 0px; 
}

.ui-corner-all {
	border-radius: 0px;
}

/* CONTAINER */
#container {
	width: 100%;
}

.content {
	width:98%;
    padding: 8px 80px 0px 11px;
}

.ui-widget-header {
	/*background: #43A047;*/
	background:#7D7F7F;
    color: #fff;
   /* color:#525151;*/
    border-radius: 0px;
}

.word-wrap {
    table-layout: fixed !important;
    word-wrap: break-word !important;
}

.white-spaces-wrap {
    white-space: normal !important;
}

#userBtnForm {
	float: right;
	margin-top: 11px;
	margin-right: 80px;
}

#userBtnForm span button {
	border-radius: 30px !important;
	background: #5EAAD4 none repeat scroll 0% 0%;
	border: none;
	/*padding: 12px 12px 12px 4px;*/
	padding: 0px 40px 30px 37px;
}

#userBtnForm span button:active {
	color: #0277BD;
}

#userBtnForm span button:focus {
	color: #0277BD;
}

#userBtnForm span button .ui-icon {
    background-image: url("../images/male-shadow-circle-512.png");
}

.link-button {
	background: none !important;
	border: none !important;
}

.link-button>.ui-button-text{
	color: blue;
	text-decoration: underline;
	padding: 0;
}

@media (max-width: 800px) {

	 .col-100 {
	    width: 100%;
	    margin-top: 0;
	  }
  
  #userBtnForm {
    float: unset;
    margin-right: 0px;
    text-align: center;
    margin-bottom: 10px;
  }
  
  #logo-img{
  	padding: 10px 0px 10px 0px !important;
  }
  
  #navbarDiv{
  	text-align: center !important;
  }
}



.ui-tabmenu .ui-tabmenu-nav {
	padding: 2px 80px 0px 30px;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
	padding: 3px;
}

.ui-tabmenu-nav.ui-widget-header {
	/*background: #0277BD;*/
	background:#fff;
	border:1px solid #ccc;
}

.ui-tabmenu.ui-widget-content {
	border: none;
}

.ui-tabmenuitem.ui-state-default {
	background: #5EAAD4;
	border: none;
}

.ui-state-active {
	color: #0277BD;
}

.ui-widget-header.ui-state-active{
	color:#fb8c00;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color:#fb8c00;
}

.ui-tabmenuitem.ui-state-active {
	background: #fff;
}

/* TABELLE */
.ui-datatable .ui-datatable-header {
    padding: 8px 10px;
    border-radius: 0px;
}

.ui-datatable>.ui-widget-header {
	/*background: #69B66D;*/
	background:#F7f7f7;
	color:#7D7F7F;
    font-size: 16px;
}

table thead tr .ui-state-default {
	border: 1px solid #f7f7f7 !important;
   	/* background: #43A047 !important;*/
  	/* background: #5eaad4 !important;*/
  	background:#7d7f7f !important;
}

.myBtn {
	border-radius: 50% !important;
	width: 27px !important;
	height: 27px !important;
	padding: 1px !important;
	border: medium none !important;
	margin: 5px 2px !important;
}

.crudBtn {
	
}

.greenBtn {
	background: #517d2f !important;
}

.skyBtn {
	background: #6981b6 !important;
}

.orchidBtn {
	background: #a069b6 !important;
}


.brownBtn {
	background: #bb5f5f !important;
}

.grayBtn {
	background: #8b8b8b !important;
}


.blueBtn {
	background: #0288D1 !important;
}

.redBtn {
	/*  background: #E53935 !important;*/
	background: #EA5B0C !important;	
}

.yellowBtn {
	background: #eacb31 !important;
}


.pinkBtn {
	background: #d45eb4 !important;
}

.orangeBtn{
	background:	#FFA500 !important;
}

.noMsgBtn{
	border-color: #8c8c8c !important;
	background:	#8c8c8c !important;
}

.pastelRed{
	background:	#ff392e !important;
}

.greyColor{
	color:grey !important;
}

.fa-cart-arrow-down {
	font-size: 15px;
}

.yelBtn {
	background: #FB8C00 !important;
}

.ui-widget-content {
	background: #fff;
	color: #312e25;	
}

.fa-check {
	color: green;
}

.fa-check .white{
	color: white;
}

.fa.white {
   color: white;
}

.fa-close {
	color: red;
}

.ui-state-default {
	border-radius: 0px;
}

.ui-selectonemenu-trigger.ui-state-default {
	/*background: #43A047;*/
	background:#8d928d;
}

.ui-datatable .ui-column-filter {
    background: #fff !important;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: inset 0 2px 2px #dadada;
}

.ui-menuitem.ui-state-hover {
	background: #5EAAD4;
	width: 100%;
	border-radius: 0px;
}

.ui-tabmenuitem a .ui-icon.fa {
	padding: 0px 5px;
}

.ui-dialog {
	border-radius: 0px;
	border: none;
}

.ui-dialog .ui-dialog-titlebar{
	color:#fff;
	background:#0277bd;	
}

.ui-selectlistbox-list .ui-state-highlight {
    background: #0288D1 !important;
    color: #fff !important;
}

.ui-datagrid .ui-panel .ui-panel-titlebar {
 	background-color: #ffffff;
    border-bottom: 1px dashed #e0e0e0;
    border-radius: 2px !important;
    color: #546e7a;
    font-family: "latoregular";
    font-size: 14px;
    padding: 6px 10px !important;
    z-index: 100;
}

.ui-chkbox .ui-chkbox-box{
	background:none;
	background-color:#fff;
}

.ui-chkbox-box .ui-icon-check {
    border-radius: 0px;
    background-image: none !important;
    background-size: 100%;
    position: relative;
    background-position: center;
    background-color: transparent;
    border-bottom: solid 3px #31a2e0;
    border-right: solid 3px #31a2e0;
    width: 5px;
    height: 10px;
    margin-left: 4px;
    margin-top: -4px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: rotate(45deg) scale(1.7);
    -moz-transform: rotate(45deg) scale(1.7);
    -o-transform: rotate(45deg) scale(1.7);
    -ms-transform: rotate(45deg) scale(1.7);
    transform: rotate(45deg) scale(1.7);
}

.ui-chkbox-box .ui-icon-blank {
    background-image: none !important;
    background-size: 100%;
    background-position: center;
    border-bottom: solid 2px transparent;
    border-right: solid 2px transparent;
    width: 5px;
    height: 10px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}

div.ui-datatable-footer{
	text-align: left !important;
}

.fontBold{
	font-weight: bold !important;
}

.textGreen{
	background: green !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textCoral{
	background: red !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textRed{
	background: #D93F4C !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textYellow{
	background: #ffd400 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textBlue{
	background: #0288D1 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textLightBlue{
	background: #31a2e0 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textLighterBlue{
	background: #97c6e0 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textLemonYellow{
	background: #D6E865 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textOldGold{
	background: #c9b132 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textLemonYellowDark{
	background: #96a247 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textLemonYellowDarker{
	background: #6b7433 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textArmyGreen{
	background: #565d28 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textPineTree{
	background: #40461e !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.textOrange{
	background: #F17D08 !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}


.textGrey{
	background: #8c8c8c !important;
    width: 40px;
    height: 30px;
    color: white !important;
    font-weight: bold !important;
    border-radius: 13px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.schedulerTextGreen{
	background: green !important;
    color: white !important;
}

.schedulerTextRed{
	background: red !important;
    color: white !important;
}

.schedulerTextYellow{
	background: #ffd400 !important;
    color: white !important;
}

.schedulerTextBlue{
	background: #0288D1 !important;
    color: white !important;
}

.schedulerTextLightBlue{
	background: #31a2e0 !important;
    color: white !important;
}

.schedulerTextLighterBlue{
	background: #97c6e0 !important;
    color: white !important;
}

.schedulerTextGrey{
	background: #8c8c8c !important;
    color: white !important;
}

.w30{
	width:30%;
}

.w17{
	width: 17%;
}

.w11{
	width: 11%;
}

.w10{
	width: 10%;
}

.w8{
	width: 8%;
}

.aC{
	text-align: center;
}

.aR{
	text-align: right;
}

.aL{
	text-align: left;
}

.blFiltri{
	width: 330px;
}

.btnWhite{
	background: white !important;
	border: none !important;
}

.selezionaClasse{
	background: white !important;
	color: #8d928d !important;
    width: 224px !important;
}

.selezionaClasse > ui-state-hover{
	background: white !important;
	color: #8d928d !important;
}

.txtTrans{
	text-transform: uppercase;
}

.w265{
	width:265px;
}

.w250{
	width:250px;
}

.w200{
	width:200px;
}

.W216{
	width:216px;
}

.fR{
	float:right;
}
.fL{
	float:left;
}

/* PER BUONI LIBRO */
.labelRiepilogo{
   	width: 100px !important;
}

.panelGridRiepilogo{
	min-width:100%; 
	border: 1px solid #69B66D !important;
	margin-bottom: 3px;
}

/* PER BUONI LIBRO MODIFICA */
.col1, .col2, .col3{
	border: none !important;
	padding: 0px 0px !important;
}

/* PER GESTIONE ALUNNI VISUALIZZA */
.labelIscritto{
   	width: 125px !important;
   	font-weight: bold;
}

/*
.jqplot-series-canvas {
  background:blue;
  height: 300px;
  
}*/

.jqplot-table-legend{
	top:0px !important;
}

.lblDescrizione{
	width:50% !important;
	font-size: 14px;
}

.lblValore{
	width:100% !important;
	font-size: 14px;
	float:left !important;
}


.border-right-1{
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 1px !important;

}

.no-border{
	border-style: none !important;
}

.menu-disabled a {
	opacity: .35;
}

.vd-hidden-column {
    display: none;
    width: 0;
    height: 0;
}

.greenHighlightTableRow {
	background: #00ff0014 !important
}

.greyHighlightTableRow {
	background: #e9e9e9 !important;
	color: #c5c1c1 !important;
}

.orangeHighlightTableRow {
	background: orange !important
}

.redHighlightTableRow {
	background: red !important
}

.responsive-grid { 
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	gap: 10px; 
}

@media (max-width: 600px) { 
	.responsive-grid { 
		grid-template-columns: 1fr; 
	}
}

@media (max-width: 800px) {
	.dtRespCol{
		width:100% !important;
		text-align: left !important;
	}
}



@media ( max-width : 600px) {
	.ui-g responsive > .showElement{
		display: none !important;
	}
}

@media ( max-width : 600px) {
	.ui-g responsive > .showElement{
		display: none !important;
	}
}

@media ( max-width : 500px) {

	.menuBar{
		display: none !important;
	}
	
	.mobileMenu{
		display: inherit !important;
	}
	
	#userBtnForm .menuBtn {
	
	float: left;
	margin-left: 10px;
	background: white !important;
	border: 0;
	color: #5EADD4 !important;
}
	

}


@media ( min-width : 501px) {

	.menuBar{
		display: inherit !important;
	}
	
	.mobileMenu{
		display: none !important;
	}
}