/**
	ORDINE Z-INDEX IMPOSTATO:
	
	- dati (variabile)
	- popup (variabile calcolato automaticamente)
	- messaggi (growl) 99999 in modo da essere sempre sovrapposto alle popup
	- background menu (10000)
	- menu (10001)
	- menu utente - topbar (10002)
	- div confirm dialog (10003)
	- (confirm) dialog (10004)
	- tooltip (10005)
*/

body .ui-tooltip {
	z-index: 10005 !important;
}

html, .layout-wrapper .topbar {
	min-width: 360px;
	z-index: 10002;
}
.disabled-menuitem, .disabled-menuitem a {
	background: inherit !important;
	cursor: default;
}

.disabled-menuitem > a > span {
	color: #9a9a9a;
}

.layout-wrapper .ultima-menu li.active-menuitem[customid] > a i:last-child {
	transform: none;
}

.ultima-menu li a i.material-icons {
	position: relative;
}

.ultima-menu li a i.material-icons.menustatus {
	position: absolute;
	font-size: 30px !important;
	left: -17px;
	top: 0;
}

.layout-mask {
	z-index: 10000;
}

.menu-layout-static:not(.menu-layout-horizontal) .layout-menu,
.menu-layout-overlay .layout-menu {
	z-index: 10001 !important;
}

.ui-dialog-mask  {
	z-index: 10003 !important;
}

.ui-confirm-dialog, .ui-dialog,
body .ui-datepicker#ui-datepicker-div {
	z-index: 10004 !important;
}

/* classi css da usare su dataTable */
.ui-datatable .col-1,  .ui-panelgrid-cell.col-1 { width: 8.3333%; }
.ui-datatable .col-2,  .ui-panelgrid-cell.col-2  { width: 16.6667%; }
.ui-datatable .col-3,  .ui-panelgrid-cell.col-3  { width: 25%; }
.ui-datatable .col-4,  .ui-panelgrid-cell.col-4  { width: 33.3333%; }
.ui-datatable .col-5,  .ui-panelgrid-cell.col-5  { width: 41.6667%; }
.ui-datatable .col-6,  .ui-panelgrid-cell.col-6  { width: 50%; }
.ui-datatable .col-7,  .ui-panelgrid-cell.col-7  { width: 58.3333%; }
.ui-datatable .col-8,  .ui-panelgrid-cell.col-8  { width: 66.6667%; }
.ui-datatable .col-9,  .ui-panelgrid-cell.col-9  { width: 75%; }
.ui-datatable .col-10, .ui-panelgrid-cell.col-10 { width: 83.3333%; }
.ui-datatable .col-11, .ui-panelgrid-cell.col-11 { width: 91.6667%; }
.ui-datatable .col-12, .ui-panelgrid-cell.col-12 { width: 100%; }

.ui-datatable .ui-datatable-data .tools {
	text-align: center;
	white-space: nowrap;
}
.ui-datatable .ui-datatable-data .numbers {
	text-align: right;
}
.ui-datatable .ui-datatable-data .longword {
	word-wrap: break-word;
}
.ui-datatable .ui-datatable-data .money {
	text-align: right;
	white-space: nowrap;
}

sup { vertical-align: top; position: relative; top: -0.5em; } /* da usare solo su layou Ultima (togliendolo, gli input vuoti obbligatori, avranno la label leggermente al di sotto) */

/*
 ***************************************************************
 * Stili per il panelgroup all'interno delle popup
 ***************************************************************
 */
@media all and (max-width: 360px) {
	.my-size {max-width: 220px;}
}

@media all and (min-width: 361px) and (max-width: 640px) {
	.my-size {max-width: 280px;}
}

@media all and (min-width: 641px) and (max-width: 1024px) {
   .my-size {max-width: 600px;}
}

@media all and (min-width: 1025px) and (max-width: 1440px) {
    .my-size {max-width: 1000px;}
}

@media all and (min-width: 1441px) {
    .my-size {max-width: 1200px;}
}


@media all and (max-height: 360px) {
	.my-size {max-height: 220px;}
}

@media all and (min-height: 361px) and (max-height: 640px) {
	.my-size {max-height: 280px;}
}

@media all and (min-height: 641px) and (max-height: 1024px) {
   .my-size {max-height: 550px;}
}

@media all and (min-height: 1025px) and (max-height: 1440px) {
    .my-size {max-height: 850px;}
}

@media all and (min-height: 1441px) {
    .my-size {max-height: 1000px;}
}

/*
 ***************************************************************
 * panelGrid
 ***************************************************************
 */
.ui-panelgrid.form-group .ui-panelgrid-cell.ui-g-nopad {
	padding: 0;
}

.ui-panelgrid.form-group .ui-panelgrid-cell.ui-g-nopad + .ui-panelgrid-cell.ui-g-nopad {
	padding-left: 16px;
}

@media(max-width: 640px) {
    .ui-panelgrid.form-group .ui-panelgrid-cell.ui-g-nopad + .ui-panelgrid-cell.ui-g-nopad {
        padding: 12px 0 0;
    }
}

/*
 ***************************************************************
 * selectonemenu
 ***************************************************************
 */
 /** serve per non far sbordare il selectone su schermi ridotti (smartphone) se questo ha label molto lunghe **/
body .ui-selectonemenu {
	min-width: auto !important;
	max-width: 100%;
}

body .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    word-wrap: break-word;
    white-space: normal;
}
/** **/
/*
body .ui-selectonemenu.ui-state-focus {
    border-width: 0 0 2px 0;
    border-color: #2f4050;
    padding-bottom: 0px;
}
 */
/*
 ***************************************************************
 * ec:singleFileUpload
 ***************************************************************
 */
 
.singleFileUpload {
	position: relative;
}
.singleFileUpload .file-upload-label,
.singleFileUpload .file-upload-cmds {
	margin-left: 10px;
	display: inline;
}
.singleFileUpload .ui-fileupload-preview,
.singleFileUpload .ui-fileupload-preview + td,
.singleFileUpload .ui-fileupload-preview + td + td {
	display: none;
}
.ui-fileupload-content,
.singleFileUpload .ui-fileupload-files,
.singleFileUpload .ui-fileupload-files tbody,
.singleFileUpload .ui-fileupload-files td,
.singleFileUpload .ui-fileupload-files tr {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.singleFileUpload .ui-fileupload-buttonbar {
	display: none;
}
.singleFileUpload .ui-fileupload-content {
	border: none;
	padding: 0;
}

.singleFileUpload .file-upload-info {
	position: absolute;
    z-index: 2;
    color: white;
    left: 5px;
    top: -1px;
}


/*
 ***************************************************************
 * pe:timePicker
 ***************************************************************
 */
 
 .ui-fluid .pe-timepicker, .ui-fluid .pe-timepicker-input {
 	width: 100%;
 }

/*
 ***************************************************************
 * orderlist
 ***************************************************************
 */
 .ui-orderlist.auto-sized.ui-grid-responsive {
 	width: auto;
 	display: inline-block;
 }
 .ui-orderlist.auto-sized.ui-grid-responsive > .ui-g > .ui-g-12 {
	padding: 0;
 }
 .ui-orderlist.ui-grid-responsive.auto-sized .ui-orderlist-list,
 .ui-orderlist.ui-grid-responsive.auto-sized .ui-orderlist-caption {
 	display: inline-block;
 }
 /*
 ***************************************************************
 * picklist
 ***************************************************************
 */
 .ui-picklist.auto-sized.ui-picklist-responsive {
 	width: auto;
 	display: block;
 }
 
 .ui-picklist.ui-state-error .ui-picklist-list-wrapper {
 	border-style: solid;
 	border-width: 1px;
 	border-color: inherit;
 }
/*
 ***************************************************************
 * ALTRO
 ***************************************************************
 */
h1 {
	line-height: 1em;
}
@media all and (max-width: 640px) {
	.for-md, .for-lg, .for-xl, .desktop { display: none; }
}

@media all and (min-width: 641px) and (max-width: 1024px) {
    .for-sm, .for-lg, .for-xl, .mobile { display: none; }
}

@media all and (min-width: 1025px) and (max-width: 1440px) {
    .for-sm, .for-md, .for-xl, .mobile { display: none; }
}

@media all and (min-width: 1441px) {
    .for-sm, .for-md, .for-lg, .mobile { display: none; }
}

.ui-fluid .ui-button {
	width: auto;
	box-sizing: auto;
	-webkit-box-sizing: auto;
	-moz-box-sizing: auto;
}

body .ui-button.ui-button-icon-only .ui-icon {
	margin-left: -11.5px;
}

.required, .group-legend {
	color: #ce0404 !important;
}

.group-legend, .group-legend * {
	font-size: 10px;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

body .ui-radiobutton,
body .ui-chkbox {
	margin-right: 10px;
}

/*.cDialog .ui-dialog-titlebar,*/
.cDialog .ui-dialog-titlebar-close,
.cDialog .ui-icon.ui-confirm-dialog-severity.ui-icon-alert {
	display: none;
}

.ui-growl.ui-widget {
	overflow: auto;
	max-height: calc(100% - 90px);
	z-index: 99999 !important;
}

body .ui-growl > .ui-growl-item-container.ui-growl-error {
	background-color: #ce0404; /* rosso come .required */
}

body .ui-growl > .ui-growl-item-container.ui-growl-info {
	background-color: #00BCD4; /* ciano */
}

body .ui-growl > .ui-growl-item-container.ui-growl-warn {
	background-color: #FFC107; /* ambra */
}

.card {
	height: calc(100% - 16px);
}

.ui-g .ui-g-nopad-v {
	padding-top: 0;
	padding-bottom: 0;
}

.ui-g .ui-g-nopad-h {
	padding-left: 0;
	padding-right: 0;
}

.card.card-w-title h1 span.subhead,
.card.card-w-title h2 span.subhead,
.card.card-w-title h3 span.subhead,
.card.card-w-title h4 span.subhead {
	display: block;
	font-size: 15px;
	color: #999;
	margin-top: 5px;
}

label.info {
	color: #999;
    font-size: 12px;
    font-style: italic;
}

.msglink:not(.\{1\}),
.msglink:not(.\{2\}),
.msglink:not(.\{3\}),
.msglink:not(.null) {
	cursor: pointer;
	text-decoration: underline;
}
/*
body .ui-state-disabled,
body .md-inputfield .ui-state-disabled + label,
body .md-selectfield .ui-state-disabled + label {
    opacity: 0.55;
    filter: Alpha(Opacity=55);
}*/

/** classe per ul con trattini **/
ul.dashed {
    list-style: none;
    padding-left: 0;
}
ul.dashed > li {
    margin-left: 15px;  
}
ul.dashed > li::before {
    content: "- ";
    margin-left: -8px;
}
/** **/

/* usare questo tag per inerire un promemoria */
TODO {
	background: yellow;
	color: red;
	border: 1px solid red;
	padding: 5px;
	display: inline-block;
}
/**/

/* informazioni a fine pagina */
.infos {
	display: block;
	font-style: italic;
	color: #999999;
}
.infos:before {
	font-family: 'Material Icons';
	content: '\e88f';
	font-style: normal;
	margin-right: 5px;
}
/**/

/* panel con panelgrid layout table dentro: arrotonda i bordi del panelgrid (che non recepisce border-radius perché ha border-collapse: collapsed */
body.layout-compact .ui-panel.pTable > .ui-panel-content {
	padding: 0;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid {
	width: 100%;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr,
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > thead > tr {
	border-width: 0;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr > .ui-panelgrid-cell,
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > thead > tr > .ui-panelgrid-cell {
	border-top-width: 0;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr > .ui-panelgrid-cell:first-of-type,
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > thead > tr > .ui-panelgrid-cell:first-of-type {
	border-left-width: 0;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr > .ui-panelgrid-cell:last-of-type,
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > thead > tr > .ui-panelgrid-cell:last-of-type {
	border-right-width: 0;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr:last-of-type {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr:last-of-type > .ui-panelgrid-cell {
	border-bottom-width: 0;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr:last-of-type > .ui-panelgrid-cell:first-of-type {
	border-bottom-left-radius: 3px;
}
body.layout-compact .ui-panel.pTable > .ui-panel-content > table.ui-panelgrid > tbody > tr:last-of-type > .ui-panelgrid-cell:last-of-type {
	border-bottom-right-radius: 3px;
}
/* */