/* Personalizzazione theme Verona: evidenzia il tab correntemente attivo in tabView
 *
 * NB: la personalizzazione non è dinamica in base al theme scelto, ma è "verticale" sul theme bluegrey, ossia il theme dell'applicazione.
 *     Qualora si cambiasse theme, si dovranno modificare a mano le direttive css per rispecchiare i valori di default del nuovo theme
 */
li.ui-tabs-header.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
    background-color: #2ab1be;
}

li.ui-tabs-header.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active a {
    color: #ffffff;
}

/* Override delle icone */
.ui-row-editor-close .ui-icon-close:before {
    /* Iconcina di annullamento sul RowEditor - usiamo la stessa del nostro Annulla (fa-undo) */
    content: "\f0e2";
}

/* colori per la notification bar in funzione della severity */
body .ui-notificationbar {
    top: 60px !important;
    opacity: 0.9;
    text-align: center;
    font-size: large;
}

body .ui-notificationbar.INFO {
    background-color: #e0f6b1;
    border-color: #e0f6b1;
    color: #7fb30f;
}

body .ui-notificationbar.INFO .ui-button-text-only {
    background-color: #7fb30f;
}

body .ui-notificationbar.WARN {
    background-color: #fff1ae;
    border-color: #fff1ae;
    color: #f7b000;
}

body .ui-notificationbar.WARN .ui-button-text-onlybloccoappunti {
    background-color: #f7b000;
}

body .ui-notificationbar.ERROR {
    background-color: #f0d1d0;
    border-color: #f0d1d0;
    color: #e96d66;
}

body .ui-notificationbar.ERROR .ui-button-text-only {
    background-color: #e96d66;
}

div .bloccoappunti {
    min-height: 100%;
}

.prehome-body {
    box-sizing: border-box;
    background: #6d6d7e radial-gradient(circle at 50% 100%, #6d6d7e, #3b3b48);
    padding-top: 85px;
    /* border-top: 10px solid #e0f6b1; */
}

.prehome-body .prehome-panel {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f5f8f9;
    border: solid 1px #dce2e7;
    width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 50px;
    box-sizing: border-box;
}

.prehome-body .prehome-panel .ui-g-12 {
    padding: 16px 0;
}

.prehome-body .prehome-panel .logo-container img {
    width: 100px;
}

.prehome-body .prehome-panel .logo-container h1 {
    font-size: 20px;
    font-weight: bold;
    color: #525262;
    margin-top: 25px;
    margin-bottom: 0;
}

.prehome-body .prehome-panel .logo-container h2 {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #afafc0;
}

.prehome-body .prehome-panel input {
    font-size: 13px;
}

.prehome-body .prehome-panel .chkbox-container {
    text-align: left;
}

.prehome-body .prehome-panel .chkbox-container label {
    color: #afafc0;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
}

.prehome-helpdesk-accordion {
	padding-top: 10px;
    text-align: left;
}

@media ( max-width: 640px) {
    .prehome-body {
        padding-top: 80px;
    }

    .prehome-body .prehome-panel {
        width: 100%;
        padding: 50px;
    }
}

td.importo {
    text-align: right;
}

td.valore {
    text-align: right;
}

/* GRN - non mi piacciono i bordi del file upload */
.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
    border: none;
}

.ui-fileupload-content.ui-widget-content.ui-corner-bottom {
    border: none;
}

/*  Nel datagrid il datatable mette il bordo al bottom, questo non ci piace  */
.ui-datatable td {
    border-style: inset !important;
}

div .gridResiduiRicettivita {
    border: none;
    padding: 0;
    font-size: medium;
}

/* rendiamo i gruppi simili al fieldset per rendere piu' visibile il raggruppamento */
div .ui-selectmanycheckbox .ui-selectmanycheckbox-responsive-group {
    padding-top: 1.75em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: lightgrey;
}

/* coloriamo di rosso e ingrandiamo gli events nello schedule delle chiusure*/
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.chiusuratotale.ui-state-highlight.fc-resizable {
    background-color: #cd5c5c;
    border-color: #cd5c5c;
    height: 50px;
}

/* Spengo i controlli avanti e indietro per lo scheduler delle chiusure totali */
div.schPeriodiChiusura div.fc-left {
    display: none;
}

/* La testata */
#panelButtonTestata .button-size {
    width: calc((100% - 30px) / 6);
    min-width: 170px;
}

#panelButtonTestata .right-side{
    padding: 0 10px 0 0 !important;
    
    float: right;
    text-align: right;
}

#panelButtonTestata .left-side{
    padding: 0 !important;
}

@media screen and (max-width: 420px) {

    #panelButtonTestata{
        text-align: center;
    }

    #panelButtonTestata button,
    #panelButtonTestata .button-size{
        display: block;
        width: 95%;
        margin-top: 5px;
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 640px){
    .button-movimento-ospiti {
        width: calc((100% - 30px) / 6);
        min-width: 170px;
        margin-left: 5px;
    }
}

.testata > div {
    padding-right: 0;
    padding-left: 0;
}

.stato {
    padding-top: 0;
}

@media screen and (max-width: 1395px) {
    .customLG4.stato {
        text-align: right;
    }
}

@media screen and (min-width: 1396px) {
    .customLG4.stato {
        text-align: left;
    }
}

@media screen and (min-width: 1026px) and (max-width: 1396px ) {
    .customLG4 {
        width: 34%;
    }

    .customLG7 {
        width: 99%;
    }

    .customLG8 {
        width: 66%;
    }
}

@media screen and (min-width: 1396px) {
    .customLG4.stato {
        text-align: left;
    }
}


div.testata div.nomestruttura {
    font-size: 20px;
    text-align: left;
    font-weight: bold;
}

div.testata div.nomestruttura .dettagliStruttura {
    font-weight: normal;
    font-size: 18px;
}

div.testata div.nomestruttura .dettagliStrutturaCIR {
    font-weight: normal;
    font-size: 18px;
}

div.testata div.stato.IN_COMPILAZIONE {
    font-size: 20px;
    color: #03A9F4;
    font-weight: bold;
    /*text-align: left;*/
}

/*@media screen and (min-width: 90.063em ){
	div.testata div.nomestruttura {
		font-size: 20px;
	}
	div.testata div.stato.IN_COMPILAZIONE{
		font-size: 20px;
	}
}

@media screen and (max-width:  90.062em ){
	div.testata div.nomestruttura {
		font-size: 18px;
	}
	div.testata div.stato.IN_COMPILAZIONE{
		font-size: 18px;
	}
}*/

div.testata div.stato.IN_ATTESA_DI_VALIDAZIONE {
    font-size: 20px;
    color: #ff8040;
    font-weight: bold;
    /*text-align: left;*/
}

@media (max-width: 400px) {
    div.testata div.stato.IN_LAVORAZIONE {
        margin-top: 1em;
    }
}

div.testata div.stato.IN_LAVORAZIONE {
    font-size: 20px;
    color: #ff8040;
    font-weight: bold;
    /*text-align: left;*/
}

div.testata div.stato.VALIDATA {
    font-size: 20px;
    color: #129232;
    font-weight: bold;
    /*text-align: left;*/
}

div.testata div.stato.CESSATA {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    /*text-align: left;*/
}

div.testata div.stato.ELIMINATA {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    /*text-align: left;*/
}

div.testata div.stato label.esclusa {
    font-size: 20px;
    color: #c31635;
    font-weight: bold;
    /*text-align: left;*/
}

.validazioneOK:focus {
    outline: none;
}

.validazione_ERROR:focus {
    outline: none;
}

.validazione_WARN:focus {
    outline: none;
}

.oneStep {
    width: 4.5em;
}

.ntosteps ul > li > .ui-menuitem-link {
    cursor: pointer !important;
}

body .ui-steps.ntosteps ul {
    margin-top: -30px;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazioneOK .ui-steps-number {
    border: none;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazione_ERROR .ui-steps-number {
    border: none;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazione_WARN .ui-steps-number {
    border: none;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazioneOK .ui-steps-number {
    font-size: 13px;
    background-color: #4dd262;
    color: white;
    padding: 10px;
    width: 16px;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazioneOK .ui-steps-number:hover {
    background-color: #4aad57;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazione_ERROR .ui-steps-number {
    font-size: 13px;
    background-color: #d70000;
    color: white;
    padding: 10px;
    width: 16px;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazione_ERROR .ui-steps-number:hover {
    background-color: #890000;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazione_WARN .ui-steps-number {
    font-size: 13px;
    background-color: #fcce43;
    color: white;
    padding: 10px;
    width: 16px;
}

body .ui-steps.ntosteps .ui-steps-item .ui-menuitem-link.validazione_WARN .ui-steps-number:hover {
    background-color: #cb9c3c;
}

body .ui-steps-title {
    font-size: 10px;
}

div.ui-blockui.blockInAttesaDiValidazione {
    opacity: 0.0;
    z-index: 999 !important;
}

span.ui-autocomplete-panel.ui-widget-content.ui-corner-all.ui-helper-hidden.ui-shadow.ui-input-overlay {
    width: inherit !important;
}

/** Wizard Analisi Motivazionele **/
@media (min-width: 480px) {
    div.analisiMotivazionaleWizard {
        min-width: 400px;
        max-width: 800px;
        width: 70%;
    }
}


@media (min-width: 320px) and (max-width: 480px) {
    div.analisiMotivazionaleWizard {
        width: 100%;
    }
}


div.analisiMotivazionaleWizard button.ui-wizard-nav-next {
    background-color: #a7a7a7;
    font-size: 13px;
}

div.analisiMotivazionaleWizard button.ui-wizard-nav-back {
    background-color: #a7a7a7;
    font-size: 13px;
}

div.analisiMotivazionaleWizard button.amSave {
    font-size: 13px;
}

div.analisiMotivazionaleWizard button.ui-wizard-nav-back .ui-icon-arrowthick-1-e:before {
    font-size: 1.5em;
}

/** Wizard Nuova Variazione **/
div.nuovaVariazioneWizard button.ui-wizard-nav-next {
    font-size: 13px;
}

div.nuovaVariazioneWizard button.ui-wizard-nav-back {
    font-size: 13px;
}

div.nuovaVariazioneWizard button.amSave {
    font-size: 13px;
}

div.nuovaVariazioneWizard button.ui-wizard-nav-back .ui-icon-arrowthick-1-e:before {
    font-size: 1.5em;
}

/* corrego il chip con un padding piu' bilanciato */
span.ntochip.ui-chips-token-label {
    padding: 2px;
}

/* il fieldset del riepilogo variazione deve avere dei chip piu' grandi */
fieldset.riepilogoVariazione span.ui-chips-token-label {
    font-size: 20px;
}

.shortcut-label-container {
    padding-top: 1.5em;
}

.shortcut-label {
    font-weight: bold;
    font-size: 1em;
}

.shortcut-number {
    font-weight: bold;
    font-size: 2em;
}

.header-anagrafiche .ui-panel-title {
    color: #21488b;
}

.header-variazioni .ui-panel-title {
    color: #b73730;
}

.footer-shortcut {
    float: left;
    margin-right: 1em;
}

.same-height-container {
    overflow: hidden;
}

.same-height-column {
    float: left;
    background-color: grey;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.switchRicercaAvanzata .ui-state-disabled {
    opacity: 1;
}

div.dlgTitolareDisabledField.ui-state-disabled {
    opacity: 1;
}

.dlgTitolareDisabledField .ui-state-disabled {
    opacity: 1;
}

.pickListUtenteRaggruppamento .ui-picklist-source {
    width: 100%;
}

.pickListUtenteRaggruppamento .ui-picklist-target {
    width: 100%;
}

.panelButtonTestata .ui-panel-content {
    padding: 0 !important;
    text-align: left;
}

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

.selectedElement :hover {
    background-color: #dce3e5;
}


/* News */

/* Pagina News: colori header testata news */
.panelNews.visualizzata .ui-panel-titlebar {
    background-color: #dce2e7;
}

.panelNews.daVisualizzare .ui-panel-titlebar {
    background-color: #2ab1be;
}

/* Pagina Gestione News: colori header testata news */

.panelNews.bozza .ui-panel-titlebar {
/*     background-color: #dd3333; */
    background-color: #ff4545
}

.panelNews.pubblicata .ui-panel-titlebar {
    background-color: #2ab1be;
}


/*Singolo bottone in colonna */
.column-button-icon-only {
    width: 40px;
    text-align: center;
}

.column-button-icon-only .ui-button {
    width: 40px;
}

/*Due bottoni in colonna */
.column-buttons-icon-only {
    width: 86px;
    text-align: center;
}

.column-buttons-icon-only .ui-button {
    width: 40px;
}

/*Singolo bottone, non allineato, in colonna */
.column-button-icon-only-no-align .ui-button {
    width: 40px;
}

.column-button-icon-only-no-align {
    width: 40px;
}

/*Tre bottoni in colonna */
.clm-three-buttons-icon-only {
    /*	min-width: 100px;
        max-width: 180px;*/
    text-align: right;
}

.clm-three-buttons-icon-only .ui-button {
    width: 40px;
}

/*Size standard bottone in colonna*/
.column-button-primary-size {
    width: 110px !important;
}

.column-button-primary-size .ui-button {
    width: 110px !important;
}

/*Size due bottoni in colonna*/
.column-buttons-primary-size {
    width: 230px !important;
}

.column-buttons-primary-size .ui-button {
    width: 110px !important;
}

/*Size standard bottone*/

/* Testo al centro */
.text-center {
    text-align: center;
}

body.modal-open {
    overflow: hidden;
}

/*	Bordo inferiore per la tabella di dettaglio movimenti scrollabile */
.dettagliMovimenti .ui-datatable-scrollable-body {
    border: 1px solid #e5eaee;
}


/*-----------------------COLORI PULSANTI------------------------------*/
.cancelButton.ui-button {
    background-color: #a7a7a7;
}

.cancelButton.ui-button:hover {
    background-color: #8e8e8e;

}

.saveButton.ui-button {
    background-color: #309f33;
}

.saveButton.ui-button:hover {
    background-color: #27c52b;
}

.deleteButton.ui-button {
    background-color: #d70000;
}

.deleteButton.ui-button:hover {
    background-color: #890000;
}

/*Bottone grigio*/
body .ui-button.grey-btn {
    background-color: #a7a7a7;
}

/*Bottone rosso*/
body .ui-button.red-btn {
    background-color: #d70000;
}

/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------
	Data la lunghezza della descrizione del ruolo
	es: Operatore Struttura Ricettiva

	Le seguenti classi nascondono i dettagli dell'utente sotto i 700px,
	tornando ovviamente visibili superati i 700px
*/
@media (max-width: 700px) {
    .layout-wrapper .topbar #user-display .username {
        display: none;
    }

    .layout-wrapper .topbar #user-display .userrole {
        display: none;
    }
}

/*---------------------------------------------------------------------*/

.center {
    margin: 0 auto;
}


.inline {
    display: inline;
}

h1.littleMargin {
    margin-top: 0;
    margin-bottom: 0.7em;
}

.pageTitle {
    margin-top: 0;
    margin-bottom: 0.7em;

    width: fit-content;
    height: 3.5em;

    padding: 0.5em;
}

.pageTitle h1, h2, h3, h4 {
    margin-top: 0;
}

.noMarginTopBottom {
    margin-top: 0;
    margin-bottom: 0;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.truncate {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mt2 {
    margin-top: 2em;
}

.mt1 {
    margin-top: 1em;
}

.mt05 {
    margin-top: 0.5em;
}

.mb05 {
    margin-bottom: 1em;
}

.mb1 {
    margin-top: 1em;
}

.exportButton {
    margin-top: 3px;
}

.redTimes {
    color: #d40000;
}

.greenTick {
    color: #259ea9;
}

/*******************************************************
 * Icona Grattacieli utile per i raggruppamenti
 *******************************************************/
/*noinspection CssUnknownTarget*/
.mpSkyScrapers:before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' width='16px' height='16px'%3E%3Cg transform='translate(1 1)'%3E%3Cg%3E%3Cg%3E%3Cpath d='M493.933,92.867h-17.067v-25.6c0-5.12-3.413-8.533-8.533-8.533h-51.2c-5.12,0-8.533,3.413-8.533,8.533v25.6h-17.067 c-5.12,0-8.533,3.413-8.533,8.533v136.533h-8.533v-25.6c0-5.12-3.413-8.533-8.533-8.533H357.4v-8.533 c0-5.12-3.413-8.533-8.533-8.533c-5.12,0-8.533,3.413-8.533,8.533v8.533H331.8c-5.12,0-8.533,3.413-8.533,8.533v25.6h-25.6 V67.267c0-5.12-3.413-8.533-8.533-8.533h-25.6v-51.2C263.533,2.413,260.12-1,255-1H152.6c-5.12,0-8.533,3.413-8.533,8.533v51.2 h-25.6c-5.12,0-8.533,3.413-8.533,8.533v221.867H92.867v-25.6c0-5.12-3.413-8.533-8.533-8.533h-51.2 c-5.12,0-8.533,3.413-8.533,8.533v25.6h-8.533c-5.12,0-8.533,3.413-8.533,8.533v204.8c0,5.12,3.413,8.533,8.533,8.533h102.4 h68.267h204.8h102.4c5.12,0,8.533-3.413,8.533-8.533V101.4C502.467,96.28,499.053,92.867,493.933,92.867z M425.667,75.8H459.8 v17.067h-34.133V75.8z M340.333,220.867H357.4v17.067h-17.067V220.867z M127,75.8h25.6c5.12,0,8.533-3.413,8.533-8.533v-51.2 h85.333v51.2c0,5.12,3.413,8.533,8.533,8.533h25.6v162.133h-17.067V101.4c0-5.12-3.413-8.533-8.533-8.533 c-5.12,0-8.533,3.413-8.533,8.533v136.533H229.4V101.4c0-5.12-3.413-8.533-8.533-8.533c-5.12,0-8.533,3.413-8.533,8.533v136.533 h-17.067V101.4c0-5.12-3.413-8.533-8.533-8.533S178.2,96.28,178.2,101.4v145.067v42.667h-17.067V101.4 c0-5.12-3.413-8.533-8.533-8.533c-5.12,0-8.533,3.413-8.533,8.533v187.733H127V75.8z M41.667,272.067H75.8v17.067H41.667V272.067 z M24.6,306.2h8.533h51.2h34.133H178.2v17.067h-59.733c-5.12,0-8.533,3.413-8.533,8.533v162.133H24.6V306.2z M127,340.333h51.2 V357.4h-25.6c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533h25.6v17.067h-25.6c-5.12,0-8.533,3.413-8.533,8.533 c0,5.12,3.413,8.533,8.533,8.533h25.6v17.067h-25.6c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533h25.6V459.8h-25.6 c-5.12,0-8.533,3.413-8.533,8.533s3.413,8.533,8.533,8.533h25.6v17.067H127V340.333z M195.267,331.8v-34.133V255h93.867H331.8 h34.133H383v238.933h-17.067V280.6c0-5.12-3.413-8.533-8.533-8.533s-8.533,3.413-8.533,8.533v213.333H331.8V280.6 c0-5.12-3.413-8.533-8.533-8.533s-8.533,3.413-8.533,8.533v213.333h-17.067V280.6c0-5.12-3.413-8.533-8.533-8.533 s-8.533,3.413-8.533,8.533v213.333h-17.067V280.6c0-5.12-3.413-8.533-8.533-8.533c-5.12,0-8.533,3.413-8.533,8.533v213.333H229.4 V280.6c0-5.12-3.413-8.533-8.533-8.533c-5.12,0-8.533,3.413-8.533,8.533v213.333h-17.067V331.8z M485.4,493.933h-85.333V246.467 V109.933h17.067h51.2H485.4V493.933z' fill='%23FFFFFF'/%3E%3Cpath d='M425.667,331.8c-5.12,0-8.533,3.413-8.533,8.533V357.4c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-17.067 C434.2,335.213,430.787,331.8,425.667,331.8z' fill='%23FFFFFF'/%3E%3Cpath d='M425.667,383c-5.12,0-8.533,3.413-8.533,8.533V408.6c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-17.067 C434.2,386.413,430.787,383,425.667,383z' fill='%23FFFFFF'/%3E%3Cpath d='M425.667,434.2c-5.12,0-8.533,3.413-8.533,8.533V459.8c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-17.067 C434.2,437.613,430.787,434.2,425.667,434.2z' fill='%23FFFFFF'/%3E%3Cpath d='M425.667,280.6c-5.12,0-8.533,3.413-8.533,8.533V306.2c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-17.067 C434.2,284.013,430.787,280.6,425.667,280.6z' fill='%23FFFFFF'/%3E%3Cpath d='M425.667,127c-5.12,0-8.533,3.413-8.533,8.533V152.6c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-17.067 C434.2,130.413,430.787,127,425.667,127z' fill='%23FFFFFF'/%3E%3Cpath d='M425.667,178.2c-5.12,0-8.533,3.413-8.533,8.533V203.8c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-17.067 C434.2,181.613,430.787,178.2,425.667,178.2z' fill='%23FFFFFF'/%3E%3Cpath d='M425.667,229.4c-5.12,0-8.533,3.413-8.533,8.533V255c0,5.12,3.413,8.533,8.533,8.533S434.2,260.12,434.2,255v-17.067 C434.2,232.813,430.787,229.4,425.667,229.4z' fill='%23FFFFFF'/%3E%3Cpath d='M459.8,331.8c-5.12,0-8.533,3.413-8.533,8.533V357.4c0,5.12,3.413,8.533,8.533,8.533c5.12,0,8.533-3.413,8.533-8.533 v-17.067C468.333,335.213,464.92,331.8,459.8,331.8z' fill='%23FFFFFF'/%3E%3Cpath d='M459.8,434.2c-5.12,0-8.533,3.413-8.533,8.533V459.8c0,5.12,3.413,8.533,8.533,8.533c5.12,0,8.533-3.413,8.533-8.533 v-17.067C468.333,437.613,464.92,434.2,459.8,434.2z' fill='%23FFFFFF'/%3E%3Cpath d='M459.8,178.2c-5.12,0-8.533,3.413-8.533,8.533V203.8c0,5.12,3.413,8.533,8.533,8.533c5.12,0,8.533-3.413,8.533-8.533 v-17.067C468.333,181.613,464.92,178.2,459.8,178.2z' fill='%23FFFFFF'/%3E%3Cpath d='M459.8,127c-5.12,0-8.533,3.413-8.533,8.533V152.6c0,5.12,3.413,8.533,8.533,8.533c5.12,0,8.533-3.413,8.533-8.533 v-17.067C468.333,130.413,464.92,127,459.8,127z' fill='%23FFFFFF'/%3E%3Cpath d='M459.8,280.6c-5.12,0-8.533,3.413-8.533,8.533V306.2c0,5.12,3.413,8.533,8.533,8.533c5.12,0,8.533-3.413,8.533-8.533 v-17.067C468.333,284.013,464.92,280.6,459.8,280.6z' fill='%23FFFFFF'/%3E%3Cpath d='M459.8,383c-5.12,0-8.533,3.413-8.533,8.533V408.6c0,5.12,3.413,8.533,8.533,8.533c5.12,0,8.533-3.413,8.533-8.533 v-17.067C468.333,386.413,464.92,383,459.8,383z' fill='%23FFFFFF'/%3E%3Cpath d='M459.8,229.4c-5.12,0-8.533,3.413-8.533,8.533V255c0,5.12,3.413,8.533,8.533,8.533c5.12,0,8.533-3.413,8.533-8.533 v-17.067C468.333,232.813,464.92,229.4,459.8,229.4z' fill='%23FFFFFF'/%3E%3Cpath d='M50.2,425.667c-5.12,0-8.533,3.413-8.533,8.533v17.067c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V434.2 C58.733,429.08,55.32,425.667,50.2,425.667z' fill='%23FFFFFF'/%3E%3Cpath d='M50.2,323.267c-5.12,0-8.533,3.413-8.533,8.533v17.067c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V331.8 C58.733,326.68,55.32,323.267,50.2,323.267z' fill='%23FFFFFF'/%3E%3Cpath d='M50.2,374.467c-5.12,0-8.533,3.413-8.533,8.533v17.067c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V383 C58.733,377.88,55.32,374.467,50.2,374.467z' fill='%23FFFFFF'/%3E%3Cpath d='M84.333,374.467c-5.12,0-8.533,3.413-8.533,8.533v17.067c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V383 C92.867,377.88,89.453,374.467,84.333,374.467z' fill='%23FFFFFF'/%3E%3Cpath d='M84.333,425.667c-5.12,0-8.533,3.413-8.533,8.533v17.067c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V434.2 C92.867,429.08,89.453,425.667,84.333,425.667z' fill='%23FFFFFF'/%3E%3Cpath d='M84.333,323.267c-5.12,0-8.533,3.413-8.533,8.533v17.067c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V331.8 C92.867,326.68,89.453,323.267,84.333,323.267z' fill='%23FFFFFF'/%3E%3Cpath d='M186.733,75.8c5.12,0,8.533-3.413,8.533-8.533v-25.6c0-5.12-3.413-8.533-8.533-8.533s-8.533,3.413-8.533,8.533v25.6 C178.2,72.387,181.613,75.8,186.733,75.8z' fill='%23FFFFFF'/%3E%3Cpath d='M220.867,75.8c5.12,0,8.533-3.413,8.533-8.533v-25.6c0-5.12-3.413-8.533-8.533-8.533c-5.12,0-8.533,3.413-8.533,8.533 v25.6C212.333,72.387,215.747,75.8,220.867,75.8z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

/********************************************************/
.mpBrush:before {
    content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9Ii0yNCAwIDQ4MCA0ODAiIHdpZHRoPSIxNnB4Ij48cGF0aCBkPSJtNDMxLjcyNjU2MiA0NjkuOTM3NS02MS4zODI4MTItMjMwLjE3NTc4MWM3LjgyMDMxMi0xLjE2MDE1NyAxMy42MjEwOTQtNy44NTU0NjkgMTMuNjU2MjUtMTUuNzYxNzE5di0zMmMwLTguODM1OTM4LTcuMTY0MDYyLTE2LTE2LTE2aC0xMDR2LTI0YzAtNC40MTc5NjktMy41ODIwMzEtOC04LThoLTh2LTEzNmMwLTQuNDE3OTY5LTMuNTgyMDMxLTgtOC04aC00OGMtNC40MTc5NjkgMC04IDMuNTgyMDMxLTggOHYxMzZoLThjLTQuNDE3OTY5IDAtOCAzLjU4MjAzMS04IDh2MjRoLTEwNGMtOC44MzU5MzggMC0xNiA3LjE2NDA2Mi0xNiAxNnYzMmMuMDMxMjUgNy45MDYyNSA1LjgzNTkzOCAxNC42MDE1NjIgMTMuNjU2MjUgMTUuNzYxNzE5bC02MS4zODY3MTkgMjMwLjE3NTc4MWMtLjY0MDYyNSAyLjM5ODQzOC0uMTI4OTA2IDQuOTY0ODQ0IDEuMzg2NzE5IDYuOTMzNTk0IDEuNTExNzE5IDEuOTcyNjU2IDMuODU1NDY5IDMuMTI4OTA2IDYuMzQzNzUgMy4xMjg5MDZoMzJjMy4yNzM0MzggMCA2LjIxNDg0NC0xLjk5MjE4OCA3LjQyOTY4OC01LjAzMTI1bDguNTcwMzEyLTIxLjQzMzU5NCA4LjU2NjQwNiAyMS40MzM1OTRjMS4yMTQ4NDQgMy4wMzkwNjIgNC4xNjAxNTYgNS4wMzEyNSA3LjQzMzU5NCA1LjAzMTI1aDMyYzMuMjczNDM4IDAgNi4yMTQ4NDQtMS45OTIxODggNy40Mjk2ODgtNS4wMzEyNWw4LjU3MDMxMi0yMS40MzM1OTQgOC41NjY0MDYgMjEuNDMzNTk0YzEuMjE0ODQ0IDMuMDM5MDYyIDQuMTYwMTU2IDUuMDMxMjUgNy40MzM1OTQgNS4wMzEyNWgzMmMzLjI3MzQzOCAwIDYuMjE0ODQ0LTEuOTkyMTg4IDcuNDI5Njg4LTUuMDMxMjVsOC41NzAzMTItMjEuNDMzNTk0IDguNTY2NDA2IDIxLjQzMzU5NGMxLjIxNDg0NCAzLjAzOTA2MiA0LjE2MDE1NiA1LjAzMTI1IDcuNDMzNTk0IDUuMDMxMjVoMzJjMy4yNzM0MzggMCA2LjIxNDg0NC0xLjk5MjE4OCA3LjQyOTY4OC01LjAzMTI1bDguNTcwMzEyLTIxLjQzMzU5NCA4LjU2NjQwNiAyMS40MzM1OTRjMS4yMTQ4NDQgMy4wMzkwNjIgNC4xNjAxNTYgNS4wMzEyNSA3LjQzMzU5NCA1LjAzMTI1aDMyYzMuMjczNDM4IDAgNi4yMTQ4NDQtMS45OTIxODggNy40Mjk2ODgtNS4wMzEyNWw4LjU3MDMxMi0yMS40MzM1OTQgOC41NjY0MDYgMjEuNDMzNTk0YzEuMjE0ODQ0IDMuMDM5MDYyIDQuMTYwMTU2IDUuMDMxMjUgNy40MzM1OTQgNS4wMzEyNWgzMmMzLjI3MzQzOCAwIDYuMjE0ODQ0LTEuOTkyMTg4IDcuNDI5Njg4LTUuMDMxMjVsOC41NzAzMTItMjEuNDMzNTk0IDguNTY2NDA2IDIxLjQzMzU5NGMxLjIxNDg0NCAzLjAzOTA2MiA0LjE2MDE1NiA1LjAzMTI1IDcuNDMzNTk0IDUuMDMxMjVoMzJjMi40ODQzNzUgMCA0LjgyODEyNS0xLjE1NjI1IDYuMzQzNzUtMy4xMjg5MDYgMS41MTE3MTktMS45Njg3NSAyLjAyMzQzOC00LjUzNTE1NiAxLjM4MjgxMi02LjkzMzU5NHptLTIzMS43MjY1NjItNDUzLjkzNzVoMzJ2MTI4aC0zMnptLTE2IDE0NGg2NHYxNmgtNjR6bS0xMjAgMzJoMzA0djMyaC0zMDR6bTMzMy40MTQwNjIgMjcyLTEzLjgwMDc4MS0zNC40OTYwOTQtMTUuODU1NDY5LTYzLjQ0MTQwNmMtMS4xNDg0MzctNC4xOTE0MDYtNS40MzM1OTMtNi42OTUzMTItOS42NTIzNDMtNS42NDQ1MzEtNC4yMTQ4NDQgMS4wNTA3ODEtNi44MjAzMTMgNS4yNzczNDMtNS44NjcxODggOS41MTk1MzFsMTUuMzc1IDYxLjQ4ODI4MS0xMy4wMzEyNSAzMi41NzQyMTloLTIxLjE2Nzk2OWwtMTMuNTk3NjU2LTM0LjAyMzQzOC03Ljg3NS02Mi45Njg3NWMtLjY0MDYyNS00LjI5Njg3NC00LjU5Mzc1LTcuMjk2ODc0LTguOTAyMzQ0LTYuNzU3ODEyLTQuMzEyNS41MzkwNjItNy40MDYyNSA0LjQxNzk2OS02Ljk2ODc1IDguNzQyMTg4bDcuNzQ2MDk0IDYxLjk1MzEyNC0xMy4yMzQzNzUgMzMuMDU0Njg4aC0yMS4xNjc5NjlsLTEzLjQxNDA2Mi0zMy41NDI5Njl2LTYyLjQ1NzAzMWMwLTQuNDE3OTY5LTMuNTgyMDMxLTgtOC04cy04IDMuNTgyMDMxLTggOHY2Mi40NTcwMzFsLTEzLjQxNzk2OSAzMy41NDI5NjloLTIxLjE2Nzk2OWwtMTMuNDE0MDYyLTMzLjU0Mjk2OXYtNjIuNDU3MDMxYzAtNC40MTc5NjktMy41ODIwMzEtOC04LThzLTggMy41ODIwMzEtOCA4djYyLjQ1NzAzMWwtMTMuNDE3OTY5IDMzLjU0Mjk2OWgtMjEuMTY3OTY5bC0xMy4yMjI2NTYtMzMuMDU0Njg4IDcuNzQyMTg4LTYxLjk1MzEyNGMuNDM3NS00LjMyNDIxOS0yLjY1NjI1LTguMjAzMTI2LTYuOTY0ODQ0LTguNzQyMTg4LTQuMzEyNS0uNTM5MDYyLTguMjY1NjI1IDIuNDYwOTM4LTguOTA2MjUgNi43NTc4MTJsLTcuODcxMDk0IDYyLjk2ODc1LTEzLjYwOTM3NSAzNC4wMjM0MzhoLTIxLjE2Nzk2OWwtMTMuMDMxMjUtMzIuNTc0MjE5IDE1LjM3NS02MS40ODgyODFjLjc2OTUzMi0yLjgwMDc4MS0uMDM5MDYyLTUuNzk2ODc1LTIuMTEzMjgxLTcuODI4MTI1LTIuMDcwMzEyLTIuMDMxMjUtNS4wODIwMzEtMi43ODUxNTYtNy44NjMyODEtMS45NjA5MzctMi43ODUxNTYuODIwMzEyLTQuOTA2MjUgMy4wODU5MzctNS41NDI5NjkgNS45MTQwNjJsLTE1Ljg1NTQ2OSA2My40NDE0MDYtMTMuODAwNzgxIDM0LjQ5NjA5NGgtMTYuMTgzNTkzbDU5LjczODI4MS0yMjRoMjc1LjcxMDkzN2w1OS43NSAyMjR6bTAgMCIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPgo=);
}

/**
 * Classe utilizzata nella tabella dei raggruppamenti
 * per aggiungere come separatore "; " tra i comuni e utenti
 * :not(:last-child) = tranne l'ultimo comune (o il primo se solo)
 */
.separatorList span:not(:last-child)::after {
    content: "; ";
}

.marginLeftLabel {
    margin-left: 1em;
}

.tipoPraticheColumn {
    width: 15em;
}
.tipoPraticheColumn .chip{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*******************************************************
 * Rende responsive l'altezza dello scroll della tabella
 *******************************************************/
/* Tabella Periodi */
[id="periodiForm:periodiTbl"] .ui-datatable-scrollable-body {
    height: calc(100vh - 315px) !important;
}

[id="utentiForm:utentiTbl"] .ui-datatable-scrollable-body {
    height: calc(100vh - 315px) !important;
}

[id="movimentiTabView:formDettaglioMovimenti:tblDettaglioMovimenti"] .ui-datatable-scrollable-body {
    max-height: 150px !important;
}

/* Tabella Gestione Regole, Unità e Servizi */
#configurazioneTbl .ui-datatable-scrollable-body {
    height: calc(100vh - 315px) !important;
}

/*******************************************************/


/********************************************************
 * Non so perché la X per chiudere il dialog si muova per i fatti suoi
 * Ma facendo così resta fissa al suo posto
 ********************************************************/
a.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all {
    position: absolute;
    top: 5px;
    right: 5px;
}

/*******************************************************
 * Rende responsive la larghezza dello scroll della tabella
 * In caso di dispositivo a larghezza ridotta, occuperà il 70% della vieport
 * In caso di un eccessiva larghezza della viewport, non occuperà più di 500px
 *******************************************************/
@media (min-width: 700px) {
    .contentDlgPeriodoChiuso {
        overflow-y: auto;
        /*max-height: 70vh;*/
        /*ISSUE #263 - Tolto limite in altezza altrimenti si vede una doppia barra di scorrimento*/
        max-width: 80vw;
    }
}

@media (max-width: 700px) {
    .contentDlgPeriodoChiuso {
        overflow-y: auto;
        /*max-height: 70vh;*/
        /*ISSUE #263 - Tolto limite in altezza altrimenti si vede una doppia barra di scorrimento*/
        max-width: 500px;
    }
}

/*******************************************************/


/*******************************************************
 * Nel caso del cellulare (Preso come campione Iphone7/8 con Chrome)
 * Sostituisco i pulsanti "Mese successivo" e "Mese precedente"
 * con la relativa versione CON TESTO, SENZA TESTO.
 *******************************************************/
@media (max-width: 500px) {
    .monthButtonText {
        display: none;
    }

}

@media (min-width: 500px) {
    .monthButtonNoText {
        display: none;
    }
}

.monthButtonText {
    width: 9em !important;
}

/*******************************************************/


/*******************************************************
 * Gestisce la dimensione del titolo sulla topbar
 * in base alle dimensioni della viewport
 *******************************************************/
@media (max-width: 550px) {
    .layout-wrapper .topbar .app-name {
        font-size: 24px;
    }
}

@media (max-width: 450px) {
    .layout-wrapper .topbar .app-name {
        font-size: 20px;
    }
}

@media (max-width: 430px) {
    .layout-wrapper .topbar .app-name {
        font-size: 13px;
    }
}

/*******************************************************/


@media (max-width: 999px) {
    .mwChiusureParziali {
        min-width: 100% !important;
    }

    div > .mwChiusureParziali:not(:first-child) {
        margin-top: 1em;
    }
}

.selezioneTipoVariazione {
    width: 40%;
    min-width: 40em;
    /*margin: 0 auto;*/
}


/*******************************************************
 * Classi di prova
 * Inserisce una S dietro la lente di ingrandimento, utile per la ricerca Struttura?
 *******************************************************/

.fa-s.fa-search:after {
    font-family: "Lato", "Helvetica Neue", sans-serif;
    font-weight: bold;
    font-size: 1.6em;
    color: #f4f4f4;
    content: 'S';
    position: relative;
    left: -11px;
    z-index: 1;
    bottom: 3px;
}

.fa-s.fa-search:before {
    position: relative;
    z-index: 2;
}

/*******************************************************/


.footerStayDown {
    min-height: calc(100vh - 169px);
}

/* Toglie quella fastidiosissima scrool-bar sul calendario */
.schPeriodiChiusura .fc-scroller.fc-day-grid-container {
    overflow: hidden !important;
}

.w100 {
    width: 100%;
}

.messaggiIndirizzi {
    display: block;
    font-weight: normal;
    /*text-transform: capitalize;*/
    font-size: 18px;
    /*font-style: italic;*/
}

.indirizzoWrap .ui-selectonemenu-label {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panelIndirizzoWrap .ui-selectonemenu-list-item {
    white-space: pre-wrap;
}

.uploadAllegato .ui-fileupload-choose {
    width: 100px;
}

/*******************************************************
 * Classi per lo stile del rowToggler in una tabella
 *******************************************************/


.documentiTable .ui-row-toggler {
    /*color: #1eff02 !important;*/
    width: 20px;
    font-size: 20px;
}

.tblMovimentiPeriodoAperto .ui-row-toggler {
    width: 20px;
    font-size: 1.5em;
}

.documentiTable .conVariazioni .ui-row-toggler {
    color: #2ab1be !important;
}

:root {
    --errorColor: #d70000;
    --errorColorBackground: #d77d7660;

    --warningColor: #f7b000;
    --warningColorBackground: #f7b00060;
}

.tblMovimentiPeriodoAperto .conErrori .ui-row-toggler {
    color: var(--errorColor) !important;
}

tr.conErrori {
    background-color: var(--errorColorBackground) !important;
}

tr.conErrori + tr.ui-expanded-row-content {
    background-color: var(--errorColorBackground) !important;
}

tr.conErrori + tr.ui-expanded-row-content td div {
    /*background-color: var(--errorColorBackground) !important;*/
    background-color: white !important;
    font-weight: bold;
    font-size: 15px;
}

.tblMovimentiPeriodoAperto .conWarning .ui-row-toggler {
    color: var(--warningColor) !important;
}

tr.conWarning {
    background-color: var(--warningColorBackground) !important;
}

tr.conWarning + tr.ui-expanded-row-content {
    background-color: var(--warningColorBackground) !important;
}

tr.conWarning + tr.ui-expanded-row-content td div {
    /*background-color: var(--warningColorBackground) !important*/;
    background-color: white !important;
    font-weight: bold;
    font-size: 15px;
}


tr.conErrori td .ui-row-toggler.ui-icon-circle-triangle-e::before {
    content: "\f00d";
}

tr.conErrori td .ui-row-toggler.ui-icon-circle-triangle-s::before {
    content: "\f00d";
}

tr.conWarning td .ui-row-toggler.ui-icon-circle-triangle-e::before {
    content: "\f071";
}

tr.conWarning td .ui-row-toggler.ui-icon-circle-triangle-s::before {
    content: "\f071";
}

/*******************************************************
 * Classi per il colore del Datalist nel dialog
 * per le validazioni con livello ERROR o GRAVE
 *******************************************************/

.ui-datalist.conErrori div {
    background-color: var(--errorColorBackground) !important;
}

.ui-datalist.conWarning div {
    background-color: var(--warningColorBackground) !important;
}

/*******************************************************/

@media screen and (min-width: 640px){
    .dlgPersonaGiuridica {
        margin-top: 65px;
    }
}
@media screen and (max-width: 640px) {
    .scrollable {
        max-height: calc(100vh - 83px);
        overflow-y: auto;
        overflow-x: hidden;
    }
}

/*******************************************************
 * Classi per lo stile del riassunto situazione
 * delle UNITA' di una struttura
 *******************************************************/
.summaryUnita {
    /*font-weight: normal;*/
    text-align: left;
}

/*.summaryUnita .summaryUnitaItem:not(:first-child){
	padding-left: 1em;
}*/
@media (min-width: 835px) {
    .summaryUnitaItem {
        padding-right: 1em;
        margin-right: 1em;
        border-right: 1px solid black;
    }
}

@media (max-width: 835px) {
    .summaryUnitaItem {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #cbcbcb;
        margin: 3px 0;
    }
}


/*******************************************************/


/*******************************************************
 * Classi per customizzare l'icona e la dimensione del
 * componente primefaces UploadFile
 *******************************************************/
/*class="ui-fileupload-icon-only ui-fileupload-simple ui-widget periodoApertoCaricaFile"*/
.periodoApertoCaricaFile {
    top: 2px;
}

.periodoApertoCaricaFile .ui-icon-plusthick::before {
    content: "\f093";
}

.periodoApertoCaricaFile .ui-button-text.ui-c {
    padding-left: 15px !important;
}

.periodoApertoCaricaFile .ui-fileupload-filename {
    display: none;
}

/*******************************************************/

.uploadPeriodoAperto .ui-fileupload-progress {
    display: none;
}

/*******************************************************
 * Classi per customizzare della notificationBar
 * era troppo piccola per contenere il messaggio di notifica
 *******************************************************/
.notifyBar {
    min-height: 130px;
}

.notifyMailTo {
    color: #f7b000;
}

.notifyMailTo:hover {
    color: #f78301;
}

/*******************************************************/
#statistics {
    text-align: center;
}

#statistics h1 {
    margin-top: 0;
    color: #f5f8f9;
    font-size: 22px;
    border-bottom: 3px solid #afafc0;
    display: inline-block;
    padding-bottom: 5px;
}

.featuresDesc {
    text-align: justify;
    width: 55vw;
    margin: 0 auto;
    font-size: 1.5em;
    color: #6a6a7d;
}

/* Proprietà per il box informativo utilizzato per il lancio del servizio */
.homeLaunchBox {
    display: inline-block;
    
	margin-bottom: 1em;
	border-radius: 15px;
    padding: 10px 20px 0 20px;
	
	background-color: rgba(0, 0, 0, 0.4);
}

.homeLaunchBox .homeLaunchParagraph{
    width: 50vw;
}

@media only screen and (max-width: 500px){
    .homeLaunchBox .homeLaunchParagraph{
        width: 80vw;
    }
}

.homeLaunchParagraph {
    text-align: justify;
    width: 75vw;
    margin: 0 auto;
    font-size: 1.3em;
    color: white;
}

.homeLaunchParagraph a, .homeLaunchParagraph a:hover {
	display: inline !important;
	
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	
	background-color: transparent !important;
    color: #4b9afc !important;
}

#comeAccedereSubTitle {

    background-color: #6a6a7d;
    color: #f5f8f9;
    padding: 2px 8px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}

#contacts {
    background-color: #3b3b48;
    padding: 40px 0 0 0;
    text-align: center;
}

#contacts h1 {
    margin-top: 0;
    color: #6a6a7d;
    font-size: 22px;
    border-bottom: 3px solid #afafc0;
    display: inline-block;
    padding-bottom: 5px;
}

#contacts span {
    font-weight: bold;
    color: #5f788e;
}

#contacts ul {
    color: #5f788e;
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0;
    min-height: 100px;
}

.accediBtn {
    display: inline-block;
    border: solid 1px #dce2e7;
    color: #dce1e7;
    padding: 6px 30px;
    margin-bottom: 50px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}


/*******************************************************
 * Classi per customizzare il fileUpload di primefaces
 *******************************************************/
.ui-fileupload-buttonbar {
    text-align: center;
}

.ui-fileupload-buttonbar .ui-fileupload-cancel {
    background-color: #a7a7a7;
}

.ui-fileupload-files {
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.ui-fileupload-files .ui-fileupload-cancel {
    display: none;
}

/*******************************************************/

.nuovaStrutturaGoBack {
    float: left;
    margin-top: -35px;
    margin-left: -35px;
}

.black {
    color: black;
}

.elencoPratiche label {
    font-size: 1.3em;
}

.wizardLabel {
    font-size: 1.3em;
}

[id="formSelezionePratiche:wizarVariazioni_back"] {
    background-color: #a7a7a7 !important;
}

.carouselFullWidth {
    width: 100% !important;
}

.carouseRightButton {
    position: relative;
    top: 50%;
    right: 0;
}

.carouseLeftButton {
    position: relative;
    top: 50%;
    left: 0;
}

/*noinspection CssUnknownTarget*/
.header-content {
    background: url("/ntojsf/resources/images/slider/cuore_verde.jpeg") no-repeat center center fixed;
    transition: background 1s;
    transition-timing-function: ease;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


@media (min-width: 640px) {
    .tblMovimentiPeriodoAperto.ui-datatable table {
        width: auto !important;
    }
}

.alertMessagePart {
    margin: 2px 0;
    display: inline-block;
}

.stepCaricamentoFile {
    padding: 0 30px;
    text-align: justify;
}

.stepCaricamentoFile li {
    margin: 2px 0;
}

.alternate .ui-datatable-odd {
    background: none repeat scroll 0 0 #F2F5F9;
}

.no-border .ui-panelgrid-content {
    border: none !important;
}


.mb1 {
    margin-bottom: 1em;
}

/*
    Serve per far sparire quell'inutile SPAN quando non si vuole l'header nelle colonne
    Utile nel REFLOW della datatable
 */
@media (max-width: 400px) {
    .no-header .ui-column-title {
        display: none !important;
    }
}

.icon-in-row {
    color: #2ab1be;
    font-size: 1.5em;
}

/*******************************************************
    Cambio il colore
    dei PULSANTI
    delle icone
    delle CHECKBOX
    all'interno di righe evidenziate
 ******************************************************/
tr.ui-state-highlight button.ui-button,
tr.ui-state-highlight .ui-chkbox-box.ui-state-active {
    background-color: #416a6e;
}

tr.ui-state-highlight .ui-row-editor a span,
tr.ui-state-highlight i.fa {
    color: #416a6e;
}

/*******************************************************/


.mesiCongelatiTbl {
    max-width: 800px;
}

/* Tutte le icone presenti all'interno di un TH di una tabella */
th i.fa {
    font-size: 1.5em;
}


.s-capital::before {
    content: "+S";
    font-size: 1.5em;
    height: 15px;
    width: 21px;
    text-align: left;
    display: inline-block;
}

.l-capital::before {
    content: "+L";
    font-size: 1.5em;
    height: 15px;
    width: 21px;
    text-align: left;
    display: inline-block;
}

.contact-list{
    text-align: left;
}
/*******************************************************
    HOME RESPONSIVE (Mobile first)
 ******************************************************/
@media (max-width: 420px) {
    .noInMobile{
        display: none;
    }

    .logo {
        margin: 0 0 0 10px;
    }

    .header-content{
        width: 99vw;
    }

    .featuresDesc{
        width: 85vw;
    }

    .landing-body .landing-wrapper #statistics > .container{
        width: 90%;
    }

    #contacts .contact-list{
        text-align: center;
    }

    #contacts ul{
        min-height: 50px;
    }
}
/*******************************************************/


/*******************************************************
    PERIODO APERTO (Mobile first)
 ******************************************************/

@media (min-width: 55em){
    .periodoAperto{
        width: 800px;
    }
}

/*******************************************************/

.alert-box {
    border: 2px solid #e96d66;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #f0d1d0;
    margin-bottom: 1em;
}

.alert-text {
    color: #e96d66;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 10px;
}

.alert-text-bigger {
	font-size: 18px;
}

.alert-icon {
    color: #e96d66;
    vertical-align: middle;
}

.warning-box {
    border: 2px solid #d6aa1a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff0bd;
    margin-bottom: 1em;
}

.warning-text {
    color: #d6aa1a;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 10px;
}

.warning-icon {
    color: #d6aa1a;
    vertical-align: middle;
}

.success-box {
    border: 2px solid #00b023;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #acffac;
    margin-bottom: 1em;
}

.success-text {
    color: #00b023;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 10px;
}

.success-icon {
    color: #00b023;
    vertical-align: middle;
}

@media screen and (max-width: 640px){
    .table-action-button{
        width: 100% !important;
    }
}

/*******************************************************
    TABELLA CON REFLOW
 ******************************************************/
@media (max-width: 640px) {

    /**
        In caso di classe TextLeft applicata alla colonna
        Cambio l'allineamento verso destra
     */
    .ui-datatable-reflow td.textLeft{
        text-align: right !important;
    }

    /**
        Imposto il layout flex
        e dispongo gli elementi alle estremità
     */
    .ui-datatable-reflow td {
        display: flex !important;
        align-items: stretch;
        justify-content: space-between;
        align-content: space-between;
    }

    /**
        Faccio in modo da mantenere i pulsanti estesi al 100%
     */
    .ui-datatable-reflow td.button-column {
        display: block !important;
    }
    /**
        In teoria le colonne con i pulsanti non hanno un titolo
        quindi evito che occupi posto
     */
    .ui-datatable-reflow td.button-column span.ui-column-title {
        display: none !important;
    }

    /**
        Il testo del titolo a SX
     */
    .ui-datatable-reflow td span.ui-column-title{
        text-align: left;
        font-weight: bold;
    }


    .ui-chips-token{
        display: flex !important;
        width: auto !important;
    }

}

/******************************************************/


/**
    Dimensionamento dialog per conferma
    "Nessun movimento fino a qui"
 */
.confirmDialogNessunMovimento, .confirmDialogEliminaMovimenti {
    width: 95vw;
    max-width: 600px;
}

@media screen and (max-width: 390px){
    .aggiungiProvenienza-button{
        display: block;
        width: 100%;
        float: none !important;
    }
}

/******************************************************/

/**
    // styleClass="showHeaderOnMobile"
    Applicata ad una colonna della datatable
    Mostra l'header nella modalità reflow
    e lo nasconde nella modalità normale
 */
.showHeaderOnMobile .ui-column-title{
    display: none;
}
@media only screen and ( max-width: 640px){
    .showHeaderOnMobile{
        display: flex;
    }
}


@media screen and (max-width: 390px) {
    .layout-content {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.responsiveDialog {
    max-width: 95vw;
    max-height: 90vh;
    width: 400px;
}

@media screen and ( min-width: 420px ){
    .responsiveDialog {
        width: 600px;
    }
    .w800{
        width: 800px;
    }
}

@media screen and ( max-width: 960px ){
    #statistics > .container{
        width: 100% !important;
    }
}