/* Component containers
----------------------------------*/

/* Girelli 28/05/2014: Font Arial su tutti gli oggetti jQuery UI */
.ui-widget,
.lightGray .ui-widget
{
    font-family: Roboto, Arial, Verdana, sans-serif;
    font-size: 13px;
}

/* Girelli 15/05/2014: uniformato lo stile font dell'autocomplete */
.ui-widget .ui-widget,
.lightGray .ui-widget .ui-widget
{
    font-size: 13px;
}
/* Mazzola 01/10/2014: z-index per le autocomplete jquery perche' col il nuovo layout non vengono visualizzati */
.ui-autocomplete.ui-widget-content
{
    z-index:1501;
    border: 1px solid #D2D7D7;

    /* Girelli 02/12/2016: aggiunti altezza max e overflow, per permettere pių di 20 risultati con scroll */
    max-height: 446px;  
	overflow-y: auto;

}

/* Girelli 14/05/2014: uniformato lo stile dei parametri di Search della Prompt a quelli della Search Page */
/* Girelli 23/10/2014: uniformato anche i bottoni della Prompt */
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button,
.lightGray .ui-widget input,
.lightGray .ui-widget select,
.lightGray .ui-widget textarea,
.lightGray .ui-widget button
{
    font-family: Roboto, Arial, Verdana, sans-serif;
	font-size: 12px;
}

.lightGray .ui-widget-overlay
{
    opacity: .07;
}

ui-widget input, .ui-widget select, .ui-widget textarea, .lightGray .ui-widget input, .lightGray .ui-widget select, .lightGray .ui-widget textarea {
    -webkit-border-radius: 2px;
    border-color: #D2D7D7;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
}
ui-widget input:hover, .ui-widget select:hover, .ui-widget textarea:hover
{
    border-color: #C2C7C7;
}



.ui-widget-content  
{
    border: 0px; 
}
/* Girelli 16/10/2014: aggiunto classe ui-tabs, per evitare che diventino trasparenti anche le multiselect */
.ui-tabs.ui-widget-content
{
    /* Mazzola 15/10/2014: sulle sezioni non vogliamo background */
    background: transparent;    
}

/* Mazzola 14/10/2014 : barra lunga tutta la pagina delle tab delle sezioni di ecos */
.ui-widget-header,
.lightGray .ui-widget-header
{
	border-top: 0px; 
	border-left: 0px; 
	border-right: 0px; 
	border-bottom: 0px solid white; 
	background:none;
}

/* Interaction states
----------------------------------*/
/* Girelli 13/05/2014: uniformato lo stile anche ai bottoni di Upload File */
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default,
.lightGray .ui-widget-content .ui-state-default
{
    border: 1px solid #D2D7D7;
    padding: 1px;
    font-weight: bold;
}

/*
 * jQuery UI Tabs 1.8.7
 */

.ui-tabs 
{
    padding: 0px;
}
/*joeyelrassi 20102023 changed margin top from 10px to 4px*/
.ui-tabs .ui-tabs-nav 
{
	padding: 0px 0px 0px 4px;
}


.ui-tabs .ui-tabs-nav li a { padding: .3em .7em }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px }

/* Girelli 13/05/2014: cambiato colore alla tab selezionata, allineato al colore di sfondo del contenuto */
/* Tab non selezionata o impostazioni generiche */
.ui-tabs .ui-tabs-nav li 
{
	/* margin: 0px 2px 2px 0px; */
	background: #a5a5a5 50% 50% repeat-x;
	-webkit-backface-visibility: hidden;  /* Girelli 13/05/2014: Per evitare flicker durante lo zoom su alcuni pc */
	backface-visibility: hidden;
	position: relative;    
}


/* Colore testo su tab non selezionata */
.ui-tabs li.ui-state-default a
{
    color: #fff;
}
/* Effetto mouseover su tab non selezionata */
.ui-tabs li.ui-state-default.ui-state-hover
{
    opacity: 0.7;
    -webkit-transition: opacity .10s linear;
    -moz-transition: opacity .10s linear;
    transition: opacity .10s linear;
    border: 1px solid #ddd;
    border-bottom: 0px;
}

/* Colore testo su tab selezionata */
.ui-tabs li.ui-state-active a
{
    color: #000;
}
/* Stile Tab attualmente selezionata e Tab del Risultato ricerca */
.ui-tabs li.ui-tabs-active.ui-state-active,
.ui-tabs li.ui-tabs-active.ui-state-active.ui-state-hover,
.ui-tabs li.ui-tabs-selected.ui-state-active
{
    background: #FFF;
	/* padding-bottom: 1px; */
    opacity: 1;	
}


/* Girelli 27/05/2014: stili della tab della DetailTable spostati fuori da .vb */
.ui-tabs ul.DetailTableTab.ui-tabs-nav
{
    padding: 0px; 
}
.ui-tabs ul.DetailTableTab.ui-tabs-nav li.ui-tabs-selected.ui-state-active
{
    padding: 4px 10px 4px 10px;
    color: #FFF;
    border:0px;
}





/*joeyelrassi 22042022 set padding to 0 instead of 1 0 0 0;*/
.ui-tabs .ui-tabs-panel
{
    padding: 0;
    clear: both; 
}
#tabs_S.ui-tabs .ui-tabs-panel, #tabs.ui-tabs .ui-tabs-panel {
    padding:0 0 0 0;
}

/*
 * Multi Select
 */
.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 3px 7px 4px !important;
    margin:0;
    white-space: nowrap;
    border-radius: 6px;
}

.ui-multiselect-checkboxes {
	overflow-y: auto;
	max-height: 300px;
}

.ui-multiselect-menu {
    border-radius: 6px;
    padding: 2px;
    box-shadow: 0 0 6px 2px rgba(153,153,153,.5);
    background:#fff;
}

.ui-multiselect-checkboxes label
{
	border-radius: 6px;
	white-space: nowrap;
    cursor:pointer;
}

.ui-multiselect>span, .ui-multiselect-checkboxes span
{
    font-weight:normal;
    padding: 1px;
}


/* Mazzola 23/01/2014: nelle multiselect testo bianco se l'elemento ha il mouse sopra */
.ui-multiselect-checkboxes>li>label:hover,
.ui-multiselect-checkboxes>li>label:active,
.ui-multiselect-checkboxes>li>label:visited
{    
	color: white;
}
/* Girelli 09/09/2014: stile delle OptionGroup della Multiselect */
li.ui-multiselect-optgroup-label 
{
    background: #8da3b9;    
}
.ui-multiselect-optgroup-label a,
.ui-multiselect-optgroup-label a:hover
{
    color: #FFF;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label
{
    border-bottom: 1px solid #CCC;
}
/* Girelli 17/10/2014: stile checkbox multiselect per aggiustare posizione spostata da Bootstrap */
ul.ui-multiselect-checkboxes input[type=checkbox] {
    margin: 0 2px 4px;
}


button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all
{
    height: 26px;
	background-image: none;
	background-color: white;
	border-radius: 6px;
    transition:300ms ease-in-out;
    padding: 0 2px 0 4px;
}
/* Girelli 14/04/2014: Testo nero per gli elementi attivi della Multiselect aperta */
button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.ui-state-active span
{
	color: #000; 
}

/* Mazzola 23/01/2014: colore bianco per l'elemento attivo nella multiselect */
.ui-state-active>span
{    
	color: white;
}
/* Girelli 14/04/2014: Testo bianco per gli elementi attivi della Multiselect aperta, all'HOVER */
button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.ui-state-hover span {
    color: #1d1d1d;
}
/* Sfondo grigio della combo Multiselect */
button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.ui-state-hover {
    /*background: #a5a5a5;*/
    color: #1d1d1d;
}

button.ui-multiselect > span.ui-icon.ui-icon-triangle-2-n-s {
    background: none !important;
    background-image: none !important;
    text-indent: 0px;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    color: #757575;
}
button.ui-multiselect > span.ui-icon.ui-icon-triangle-2-n-s:before {
    content: "\f0d7";
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;
    position: relative;
    left:2px;
    top:2px;
}


button.ui-multiselect+a>img
{
    height: 16px;
	vertical-align: bottom;
}

/*
Tree
*/

.jstree-default.jstree-focused
{
    background-color: transparent !important
}


/* Mazzola */
 
.lightGray .ui-dialog .ui-dialog-buttonpane button {
    margin: 5px 7px;   
    width:62px;
    padding: 6px 2px; /*joeyelrassi 28092022 adjust padding otherwise elements do not fit in button with set width*/
}
 

.lightGray .ui-button-text-only .ui-button-text {
    font-size: 13px; 
}

/* Mazzola 22/1/2014: cambia colore all'item selezionato mentre mi muovo con il mouse nei menų a tendina */
/* Girelli 14/05/2014: aggiunto effetto anche all'item in stato Active */
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover,
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus,
.ui-state-active,
.lightGray .ui-widget-content .ui-state-hover,
.lightGray .ui-widget-content .ui-state-focus    /* Fix bottoni in Prompt */
{
    border: 1px solid #ddd;
    background: #a5a5a5;     
    font-weight: bold;
    color: #ffffff;     
}


/* Girelli 29/05/2014: Ombra sulla Prompt, la Dialog, la SectionPreview e DialogConfirm */
.lightGray .ui-dialog {
    -webkit-box-shadow: 0 0 6px 2px rgba(153, 153, 153, 0.85);
    -moz-box-shadow: 0 0 6px 2px rgba(153, 153, 153, 0.85);
    box-shadow: 0 0 6px 2px rgba(153, 153, 153, 0.85);
    border-radius: 6px;
    border:0px;
    /* Girelli 16/10/2014: alzato z-index per layout nuovo */
    z-index: 2001 !important;
}
/* Girelli 28/11/2014: alzo z-index della modale per coprire tutto il layout, incluso menu e oggetti fullscreen */
.lightGray .ui-widget-overlay.ui-front
{
    z-index: 2000;
}



/* Girelli 28/04/2014: Titolo della dialog di colore bianco (usata per es. in Info sulla persona) */
.ui-dialog-title 
{
    color: #FFF;
    padding-left: 5px;
    font-size: 14px;
}
/* Girelli 15/05/2014: Fix tasto X del Prompt per IE*/
.lightGray .ui-dialog-titlebar-close .ui-button-text
{
    line-height: 5px;
}
/* Girelli 15/05/2014: Fix per togliere colore di focus al Tasto X di chiusura Prompt */
.lightGray .ui-widget-content .ui-dialog-titlebar-close.ui-state-default.ui-state-focus,
.lightGray .ui-dialog-titlebar-close.ui-state-default.ui-state-focus .ui-button-text
{
    background: transparent;
}

/* Girelli 12/05/2014: Bottoni senza Bold e con Gradiente, anche le input[button] e anche in stato "focus" o "active" */
.ui-button.ui-widget.ui-state-default .ui-button-text,
input.ui-button.ui-widget.ui-state-default 
{
    color: #000;
    font-weight: normal;
	background: -webkit-linear-gradient(white, #DDD);
	background: linear-gradient(white, #DDD);
}
input.ui-button.ui-widget.ui-state-default 
{
	padding: .4em 1em;
}
/* Stile bottoni in Hover e Focus */
.ui-button.ui-state-default.ui-state-hover .ui-button-text,
.ui-button.ui-state-default.ui-state-focus .ui-button-text,
input.ui-button.ui-state-default.ui-state-hover,
input.ui-button.ui-state-default.ui-state-focus
{
    background: #6c91b7 url(../../Images/ui-bg_highlight-soft_25_8da3b9_1x100_light.png) 50% 50% repeat-x;
    color: #fff;
/*
	background: -webkit-linear-gradient(white, #6c91b7);
	background: -ms-linear-gradient(white, #6c91b7);
	background: linear-gradient(white, #6c91b7);
*/
     
}
/* Girelli 09/05/2014: Stile del bottone disabilitato */
button:disabled
{
    opacity: .35; 
} 



/* Girelli 20/05/2014: Tooltip per i messaggi di errore, con fumetto */
.ui-tooltip {
    background: #666;
    color: white;
    border: none;
    padding: 0;
    border-radius: 4px;
}
.ui-tooltip-content {
    position: relative;
    padding: 1em;
    background: #F17171;
    border-radius: 4px;
}
.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.right .ui-tooltip-content::after {
    top: 18px;
    left: -10px;
    border-color: transparent #F17171;
    border-width: 10px 10px 10px 0;
}
.left .ui-tooltip-content::after {
    top: 18px;
    right: -10px;
    border-color: transparent #F17171;
    border-width: 10px 0 10px 10px;
}
.top .ui-tooltip-content::after {
    bottom: -10px;
    /*left: 72px;*/
    border-color: #F17171 transparent;
    border-width: 10px 10px 0;    
}
.bottom .ui-tooltip-content::after {
    top: -10px;
    /*left: 72px;*/
    border-color: #F17171 transparent;
    border-width: 0 10px 10px;
}
/* Girelli 13/3/2018: freccia del tooltip sulla destra */
.bottom .ui-tooltip-content.right::after {
    right: 16px;
}


/* Girelli 14/07/2014: Stile aggiuntivo per i tooltip relation */
.ui-tooltip-content.relationMessage
{
    background: #AAAAAA;
    min-width: 400px;
}
.bottom .ui-tooltip-content.relationMessage::after {
    border-color: #AAAAAA transparent;
}



/* Girelli 21/05/2014: Stile Calendario jQuery DatePicker */
/* Bordo e ombra calendario */
.ui-datepicker
{
    border: 1px solid #ddd;
    -webkit-box-shadow: 1px 1px 2px #888;
    -moz-box-shadow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888;
}
.ui-datepicker table
{
    font-size: 1.1em;
    margin: 0 auto;
    width: 1%; /* Girelli 28/05/2014: Per evitare che si allarghi, soprattutto in IE */
}
.ui-datepicker tbody
{
    background: #ccc;
}
.ui-datepicker th 
{
    padding: .7em 0;
}
    .ui-datepicker td {
        line-height: 23px/*joeyelrassi 29052022 changed from 1.9em for alignment since height and width are fixed at 23 (style below)*/;
        padding: 0px;
        border: 1px solid #949694;
    }
/* Cella data del calendario  */
.ui-datepicker-calendar .ui-state-default
{
    width: 23px;
    height: 23px;
    text-align: center;
    font-weight: normal; 
    border: 0;
}
/* Intestazione giorni settimana calendario */
table.ui-datepicker-calendar thead 
{
    background: #FFF;
    color: #000;
}
/* Barra di cambio mese/anno */
.ui-datepicker .ui-datepicker-header {
    background: #DDD;
}
/* Stile giorno di oggi */
a.ui-state-default.ui-state-highlight {
    background: #D3FAFF;
    color: initial;    
}
.ui-datepicker .ui-datepicker-buttonpane
{
    margin: 0;
}


/* Girelli 09/06/2014: Impedisce che vada a capo il testo dei bottoni */
.ui-button-text 
{
    white-space: nowrap;
}

/* Girelli 10/06/2014: Cursore manina sulle frecce su e giu' dello spinner (incrementa-decrementa) */
.ui-spinner-button
{
    cursor:pointer;   
}
span.ui-spinner {
    overflow:visible;
}