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

body .ui-tooltip {
	z-index: 10003 !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;
}

body .md-selectfield { /* copiato da body .md-inputfield */
	display: block;
	position: relative;
}

body .md-selectfield > label { /*copiato da body .md-inputfield label e da body .md-inputfield input:focus ~ label */
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 1px;
	transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-webkit-transition: 0.3s ease all;
	top: -20px;
	font-size: 12px;
	color: #2f4050;
}

.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;
}

/* classi css da usare su dataTable */
.ui-datatable .col-1 { width: 8.3333%; }
.ui-datatable .col-2 { width: 16.6667%; }
.ui-datatable .col-3 { width: 25%; }
.ui-datatable .col-4 { width: 33.3333%; }
.ui-datatable .col-5 { width: 41.6667%; }
.ui-datatable .col-6 { width: 50%; }
.ui-datatable .col-7 { width: 58.3333%; }
.ui-datatable .col-8 { width: 66.6667%; }
.ui-datatable .col-9 { width: 75%; }
.ui-datatable .col-10 { width: 83.3333%; }
.ui-datatable .col-11 { width: 91.6667%; }
.ui-datatable .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
 ***************************************************************
 */
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%;
 }

/*
 ***************************************************************
 * 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-icon.ui-confirm-dialog-severity.ui-icon-alert {
	display: none;
}

.ui-growl.ui-widget {
	overflow: auto;
	max-height: calc(100% - 90px);
	z-index: 9999 !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 */
}

.ui-growl-message {
    word-wrap: break-word;
}

.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;
}