/* ----------------------------------------------- COMMON */
@font-face {
    font-family: 'Trebuchet MS';
    src: url('../fonts/TrebuchetMS.eot');
    src: url('../fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'), url('../fonts/TrebuchetMS.woff') format('woff'), url('../fonts/TrebuchetMS.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html{
	height:100%;
	padding:0px;
	margin:0px;
	background-color:#FFF;
}

body {
	height: 100% !important;
	margin: 0 !important;
	padding:0 !important;
	/*font-size: 11px;*/
	font: 11px Trebuchet MS, 'segoe ui', Arial, sans-serif;
	letter-spacing: 0;
	-webkit-user-select: text;
	overflow-y: hidden;

    cursor: auto;
    background-image: url(../images/bodybackground.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/*DEFAULT*/
table {
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
}

input[type="text"],
input[type="password"],
select,
textarea {
    font-family: Trebuchet MS, "Segoe UI", Tahoma;
    font-size: 11px;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    outline: none;
    padding: 5px 5px 5px 5px;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
}

select {
    padding: 2px 5px 2px 5px;
}

    input[disabled],
    select[disabled],
    textarea[disabled] {
        background-color: #FcFcFc !important;
        cursor: default !important;
        opacity: 0.6;
        color: #000;
    }

.btn-default {
    border-color: #dcdcdc;
}
.btn.disabled, [disabled].btn, fieldset[disabled] .btn {
    opacity: 0.5;
}

button {
    margin: 0;
    padding: 0;
}

img {
    border-width: 0;
}

.color-base1 {
    color: #22505f;
}
.background-color-base1, .background-color-base1:focus {
    background-color: #22505f !important;
}

    .background-color-base1:hover {
        background-color: #183944 !important;
    }

.color-base2 {
    color: #e98300;
}

.background-color-base2 {
    background-color: #e98300;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: #bbb;
    border: 2px solid #fff;

}

.form-control.multiselect-search {
    border: 1px solid #dcdcdc;
}

.dropdown-toggle.btn.btn-default {
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    border-radius:0;
    padding: 5px;
    line-height: unset;
}

/* ----------------------------------------------- JQUERY-UI */
.ui-dialog .ui-dialog-content {
    padding: 0px;
}

.ui-dialog-titlebar.ui-widget-header {
    border: 0;
    background: none;
    border-bottom: 1px solid #DDD;
    border-radius: 0;
}

.ui-dialog-titlebar.ui-widget-header .ui-dialog-title {
    padding: 0;
    margin: 0;
    color: #666;
    font-weight: bold;
    margin-left: 5px;
}


.ui-widget {
    font-family: Trebuchet MS, sans-serif;
    font-size: 12px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS, sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 0px;
}
.ui-dialog-buttonpane {
    border-top :1px solid #ddd;
}


.ui-dialog > div {
    overflow: hidden !important;
}


.ui-dialog-title {
}

.ui-dialog-titlebar.ui-widget-header .ui-button.ui-dialog-titlebar-close {
    background: none;
    border: none;
}

.ui-dialog {
    border-radius: 0;
    padding: 0;
}

.ui-dialog-titlebar.ui-widget-header {
    background: rgb(255,255,255);
    padding: 7px;
    color: #D7E5F3;
}

.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    background: url(../Images/popupclose.png) !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-front {
    box-shadow: 0px 0px 30px 9px rgba(0, 0, 0, 0.3);
    border-radius: 10px !important;
}


/* ----------------------------------------------- INDEX */
#divLogin
{
	display: block;
	width:1000px;
	min-height: 250px;
	margin:0 auto;
}

#divMain
{
	display: none;
	min-width:1278px;
	min-height: 250px;
	margin:0 auto;
	border: 1px solid #CCCCCC;
	position:relative;
	border-radius: 3px;
    background-color: #fff;
    height: 100%;
}

#divMainHeader {
    background-image: linear-gradient(bottom, rgb(245,245,245) 34%, rgb(250,250,250) 67%);
    background-image: -o-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(250,250,250) 67%);
    background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(250,250,250) 67%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(250,250,250) 67%);
    background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 34%, rgb(250,250,250) 67%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.34, rgb(245,245,245)), color-stop(0.67, rgb(250,250,250)) );
    min-height: 40px;
}

#divMainBody {
    display: flex;
    min-height: 200px;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: calc(100% - 95px);
}
#divMainFooter {
    border-top: 1px solid #CCCCCC;
    font-size: 11px;
    position: relative;
    background-color: #fff;
}

    #divMainFooter > div {
        padding: 5px;
    }

.container-box {
    flex: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.PdLColorGreen{
	color: green !important;
}

.PdLColorRed{
	color: Red !important;
}

.PdLColorBlue{
	color: Blue !important;
}

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

.PdLBackgroundColorTipologiaComplesso{
	background-color:#ff9191 !important;
}

.PdLBackgroundColorTipologiaSemplice{
	background-color: #FFFD8C !important;
}

.PdLBackgroundColorTipologiaCP, .PdLBackgroundColorTipologiaRadiografico{
	background-color:#FFFFFF !important;
}

.PdLBackgroundColorTipologiaDINU, .PdLBackgroundColorTipologiaDDM{
	background-color: #629dff !important;
}

.PdLBackgroundColorTipologiaSDC{
	background-color: #FF9900 !important;
}

.PdLBackgroundColorRichiedente, .PdLBackgroundColorResponsabileAreaCoinvolta, .PdLBackgroundColorEsercizio, .PdLBackgroundColorRMSES, .PdLBackgroundColorPIS,
.PdLBackgroundColorNS3_LavoriAssistenzaImpianto, .PdLBackgroundColorNS2_Manutenzione, .PdLBackgroundColorNS4_MontSmont, .PdLBackgroundColorNS5_Rilievi,
.PdLBackgroundColorNS6_EstrIns, .PdLBackgroundColorNS8_AccessoMezzi, .PdLBackGroundColorNS9_TrasportoMaterialiDaMagazzino, .PdLBackgroundColorNS71F_MontSmont
{
	background-color:#f0fff0 !important;
}

.PdLBackgroundColorEsecutore, .PdLBackgroundColorAttestazioni, .PdLBackgroundColorAccettazione{
	background-color:#fde7e7 !important;
}

.PdLBackgroundColorEmittente, .PdLBackgroundColorMANMONTATECMA,
.PdLBackgroundColorNS5_Prescrizioni, .PdLBackgroundColorNS_Prescrizioni{
	background-color:#fdfde1 !important;
}

.PdLBackgroundColorParteSeconda, .PdLBackgroundColorProveAmbientali{
	background-color:#feedfe !important;
}

.PdLBackgroundColorCapoTurno, .PdLBackgroundColorChiusura, .PdLBackgroundColorDINU, .PdLBackgroundColorRaccoltaDati, .PdLBackgroundColorDDM{
	background-color:#e6f3fe !important;
}

.PdLBackgroundColorEmittente, .PdLBackgroundColorNS3_CapoTurno{
	background-color:#fdfde1 !important;
}

.PdLRicerca {
	background-color:#DDEAF4 !important;
}

.doc-section{
	position: relative;
	overflow:visible;
	border-bottom: Solid 1px #dddddd;
    box-sizing: border-box;
}

.DocTitle {
    font-family: Trebuchet MS, Verdana;
    font-size: 14px;
    color: navy;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    line-height: 21px;
    width: 100%;
    height: 24px;
    z-index: 1;
}

.doc-section-title {
    font-family: Trebuchet MS, Verdana;
    font-size: 12px;
    color: Red;
    font-weight: bold;
    font-style: normal;
    background-color: #FFFFFF;
    min-width: 1000px;
    /*width: 100%;*/
    padding-top: 2px;
    height: 17px;
    text-align: center;
    border-bottom: Solid 1px #dddddd;
    user-select: none;
}

.doc-section-title-clickable {
    font-family: Trebuchet MS, Verdana;
    font-size: 12px;
    color: Red;
    font-weight: bold;
    font-style: normal;
    background-color: #FFFFFF;
    min-width: 1000px;
    /*width: 100%;*/
    padding-top: 2px;
    height: 17px;
    text-align: center;
    border-bottom: Solid 1px #dddddd;
    user-select: none;
    cursor: pointer;
}

.doc-sub-section{
	position:relative;
}

.doc-sub-section-title {
    font-family: Trebuchet MS, Verdana;
    font-size: 11px;
    color: green;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    min-width: 1000px;
    height: 16px;
    padding-top: 2px;
}

.doc-section-title-note {
    font-family: Trebuchet MS, Verdana;
    font-size: 11px;
    color: green;
    font-weight: bold;
    font-style: normal;
    height: 16px;
    padding-top: 5px;
    padding-left: 30px;
}

.doc-sub-section-title-note {
    font-family: Trebuchet MS, Verdana;
    font-size: 11px;
    color: red;
    font-style: normal;
    height: 16px;
    padding-top: 5px;
    padding-left: 30px;
}

.doc-sub-section-testo-note {
    font-family: Trebuchet MS, Verdana;
    font-size: 11px;
    font-style: normal;
    height: 16px;
    padding-top: 5px;
    padding-left: 10px;
}

.PdLSubSectionTitle{
	font-family: Trebuchet MS, Verdana;
	font-size: 11px;
	color: rgb(79,114,127);
	font-weight: bold;
	text-align: center;
	font-style: normal;
	width: 100%;
	height: 16px;
	padding-top:2px;
}

.gis-label{
	font-family: Trebuchet MS, "Segoe UI", Tahoma;
	font-size:11px;
	box-sizing: border-box;
}

.gis-checkbox{
	font-family: Trebuchet MS, "Segoe UI", Tahoma;
	font-size:11px;
	color: black;
	box-sizing: border-box;
}

.gis-textbox{
	font-family: Trebuchet MS, "Segoe UI", Tahoma;
	font-size:11px;
	color: blue;
	box-sizing: border-box;
}

.invalid {
    border: 1px solid #f00 !important;
}

.gis-textarea{
	font-family: Trebuchet MS, "Segoe UI", Tahoma;
	font-size:11px;
	/*color: blue;*/
	box-sizing: border-box;
}

.PdLSmallButton{
	box-sizing: border-box;
	height: 16px !important;
	width: 16px !important;
}


.disable-text-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-dialog-buttonset {
	float:none !important;
}

.toolBar {
    background-position: 1px 1px !important;
    /*width:21px;
    height:22px;*/
    width:24px;
    height:24px;
    display: inline-block;
    background-repeat:no-repeat !important;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.menuBar {
    background-position: 5px 2px !important;
    width:16px;
    height:16px;
    display: inline-block;
    background-repeat:no-repeat !important;
}

.sideBar {
    background-position: 20px 0px !important;
    width:173px;
    height:40px;
    padding-left:80px;
    display: inline-block;
    background-repeat:no-repeat !important;
}

#sidebar_standard li {
    margin-top: 5px;
}

.button {
    background-position: 5px center;
    width: 80px;
    height: 20px;
    padding-left: 30px;
    padding-top: 1px;
    display: inline-block;
    background-repeat: no-repeat !important;
    text-decoration: none;
    /*border:1px solid #000;   */
}

.buttonBarGrafico {
	position: absolute;
	top: 5px;
    background-position: left;
    width: 55px;
    height: 20px;
    padding-left: 25px;
    padding-top: 5px;
    display: inline-block;
    background-repeat: no-repeat !important;
    text-decoration: none;
	font-size: 8pt;
    /*border:1px solid #000;   */
}

.button:hover {
	background-color: #f5FaFb;
}

.buttonBarGrafico:hover {
	background-color: #f5FaFb;
}

.disabled, input[type="image"][disabled] {
    opacity: 0.35;
    cursor: default;
}

.iconHome { background-image: url(..\\Images\\Tb_Home.png) !important;}
.iconDisconnetti { background-image: url(..\\Images\\Tb_Disconnetti.png) !important;}
.iconNuovoDoc { background-image: url(..\\Images\\NuovoDoc.png) !important;}

.iconRicercaPdL { background-image: url(..\\Images\\Tb_RicercaPdL.png) !important;}
.iconPdLAssegnati { background-image: url(..\\Images\\Tb_PdLAssegnati.png) !important; }
.iconVisualizzaAttivita { background-image: url(..\\Images\\Tb_VisualizzaAttivita.png) !important;}
.iconSelezionaApp { background-image: url(..\\Images\\Tb_SelezionaApp.png) !important;}
.iconValidaApp { background-image: url(..\\Images\\Tb_ValidaApp.png) !important; }
.iconNS8Attesa { background-image: url(..\\Images\\Tb_NS8Attesa.png) !important; }
.iconInvioEmail { background-image: url(..\\Images\\Tb_InvioEmail.png) !important; }
.iconVisualizzaMessaggi { background-image: url(..\\Images\\Tb_VisualizzaMessaggi.png) !important; }
.iconPreCoda { background-image: url(..\\Images\\Tb_PreCoda.png) !important; }

.iconAnteprimaStampa { background-image: url(..\\Images\\Tb_AnteprimaStampa.png) !important;}
.iconStampa { background-image: url(..\\Images\\Tb_Stampa.png) !important;}
.iconEsportaExcel { background-image: url(..\\Images\\ExportExcel.png) !important;}

.iconRicercaPdLVeloce { background-image: url(..\\Images\\Tb_RicercaPdL.png) !important;}

.iconRelazioniPdL { background-image: url(..\\Images\\Tb_RelazioniPdL.png) !important;}
.iconEliminaPdL { background-image: url(..\\Images\\Tb_EliminaPdL.png) !important;}
.iconDuplicaPdL { background-image: url(..\\Images\\Tb_DuplicaPdL.png) !important;}
.iconRetroceDiStato { background-image: url(..\\Images\\Tb_RetrocediStato.png) !important;}
.iconChiusuraRiserva { background-image: url(..\\Images\\Tb_ChiusuraRiserva.png) !important;}
.iconAggiungiNS7 { background-image: url(..\\Images\\Tb_AggiungiNS7.png) !important;}
.iconAggiungiNS8 { background-image: url(..\\Images\\Tb_AggiungiNS8.png) !important;}
.iconAggiungiNS10 { background-image: url(..\\Images\\Tb_AggiungiNS10.png) !important;}
.iconAggiungiNota { background-image: url(..\\Images\\Tb_AggiungiNota.png) !important;}
.iconProsieguoPdL { background-image: url(..\\Images\\Tb_ProsieguoPdL.png) !important;}
.iconAggiungiPES { background-image: url(..\\Images\\AggiungiPES.png) !important;}

.iconRimuoviPreparatorio { background-image: url(..\\Images\\Tb_RimuoviPreparatorio.png) !important;}
.iconAssociaDoc { background-image: url(..\\Images\\Tb_AssociaDoc.png) !important;}
.iconVisualizzaAllegatoPdL { background-image: url(..\\Images\\visualizza-allegato.png) !important;}
.iconCambiaApp { background-image: url(..\\Images\\Tb_CambiaApp.png) !important;}
.iconRipristinaPdL { background-image: url(..\\Images\\Tb_RipristinaPdL.png) !important;}
.iconCreaModello { background-image: url(..\\Images\\Tb_CreaModello.png) !important;}
.iconVisualizzaModelli { background-image: url(..\\Images\\Tb_VisualizzaModelli.png) !important;}
.iconRegistroPermessi { background-image: url(..\\Images\\Tb_RegistroPermessi.png) !important;}
.iconConsegne { background-image: url(..\\Images\\Tb_Consegne.png) !important;}
.iconPresenzeInCampo { background-image: url(..\\Images\\Tb_PresenzeInCampo.png) !important;}
.iconElencoContinuazionePdL { background-image: url(..\\Images\\Tb_ElencoContinuazionePdL.png) !important;}
.iconInserimentoEsecutori { background-image: url(..\\Images\\Tb_InserimentoEsecutori.png) !important;}
.iconSincronizzazioneUtenti { background-image: url(..\\Images\\ruolo.png) !important;}
.iconDownLoadAppFirma { background-image: url(..\\Images\\applica-firma.png) !important;}

.iconCambiaPassword { background-image: url(..\\Images\\CambiaPwd.png) !important;}
.iconGestioneATI { background-image: url(..\\Images\\ATI.png) !important;}
.iconMonitoraggioQuote { background-image: url(..\\Images\\Warning.png) !important;}
.iconStatistiche { background-image: url(..\\Images\\Statistiche.png) !important;}

.iconAllegatiDoc { background-image: url(..\\Images\\Tb_AllegatiDoc.png) !important;}

.iconReimposta { background-image: url(..\\Images\\clear.png) !important;}
.iconCerca { background-image: url(..\\Images\\cerca.png) !important;}
.iconSalvaRicerca { background-image: url(..\\Images\\salva.png) !important; }
.iconSeleziona { background-image: url(..\\Images\\seleziona.png) !important;}
.iconChiudi { background-image: url(..\\Images\\chiudi.png) !important;}

.iconRinomina { background-image: url(..\\Images\\Tb_VisualizzaModelli.png) !important; }
.iconModificaApp { background-image: url(..\\Images\\apparecchiatura_mod.png) !important; }
.iconNuovaApp { background-image: url(..\\Images\\apparecchiatura_add.png) !important; }

.iconZoomIn { background-image: url(..\\Images\\Zoom-In.png) !important; }
.iconZoomOut { background-image: url(..\\Images\\Zoom-Out.png) !important; }

.iconAggiungiAllegato { background-image: url(..\\Images\\allega.png) !important; }
.iconPlanimetria { background-image: url(..\\Images\\planimetria.png) !important;}
.iconAllegaFile { background-image: url(..\\Images\\aggiungi-allegato.png) !important;}
.iconSalvaFile { background-image: url(..\\Images\\Save.png) !important;}
.iconSospendiPdL { background-image: url(..\\Images\\Tb_SospendiPermesso.png) !important; }
.iconEliminaAllegato { background-image: url(..\\Images\\chiudi.png) !important;}
.iconInfo { background-image: url(..\\Images\\info.png) !important;}
.iconFirmeApposte { background-image: url(..\\Images\\ruolo.png) !important;}
.iconProgrammazionePdL { background-image: url(..\\Images\\Tb_VisualizzaProgrammazione.png) !important;}

.iconAggiungi { background-image: url(..\\Images\\Nav_Aggiungi.png) !important;
                background-repeat: no-repeat;
}

.iconUsers {
    background-image: url(..\\Images\\Users.png) !important;
}

.PlusMinus {
	position: absolute;
	left: 0px;
}

#main {
	overflow-y: auto;
	overflow-x: hidden;
    float: right;
    width: 100%;
    padding: 2px;
    min-height: 400px;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    border-right: none;
}

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

.ui-state-default {
	border: none;
	background: rgba(0, 0, 0, 0);
	font-weight: 400;
	color: #555;
}

#topMenu {
	font-size:11px;
	list-style:none;
}

#topMenu a, #topMenu a:hover, #topMenu a:visited  {
	text-decoration: none;
	color:#333;
}

#topMenu > li {
	padding: 0 15px;
	float: left;
}
#topMenu > li:first-child {
	padding-left:0;
}

#topMenu>li>ul {
	display: none;
	position: absolute;
	z-index: 99;
	list-style: none;
	padding: 0;
	background: #FFF;
	min-width:110px;
	/*padding-left:10px;
	padding-right:20px;*/
	border:1px solid #B6B6B6;
	margin-top:4px;
}

#topMenu>li>ul>li {
	display: block;
}

#topMenu.active>li>ul.active {
	display: block;
}

#topMenu.active>li>ul.active>li>a {
	min-width: 120px;
    min-height: 30px;
    width: auto;
	background: #F8F8F8;
	padding: 8px 5px 8px 35px;
	display: block;
	border-bottom: 1px solid #DDD;
    white-space: nowrap;
}

#topMenu.active>li>ul.active>li>a:hover {
	background: #eee;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.no-close {
	background-image: none;
	background: rgb(181, 197, 213);

	-webkit-box-shadow: 6px 6px 6px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    6px 6px 6px rgba(50, 50, 50, 0.4);
	box-shadow:         6px 6px 6px rgba(50, 50, 50, 0.4);
}

.no-close * {
	color: #000;
}

.no-close .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
	border:none;
	background:none;
}

.no-close.ui-dialog .ui-dialog-title {
	width: 100%;
	text-align:center;
}

.ui-widget-overlay {
	background: rgba(255, 255, 255, 0.48) 50% 50% repeat-x;
	opacity: .3;
}

    /* ----------------------------------------------- SIDEBAR */
    .sidebar_divinfo {
        height: 25px;
        background-color: #f9f7f6; /*rgba(246, 246, 246, 1);*/
        text-align: left;
        border-bottom: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
        position: relative;
    }

.sidebar_labelinfo {
    font-variant: small-caps;
    font-size: 11px;
    line-height: 25px;
    margin-left: 10px;
}

.sidebar_label {
    position: absolute;
    font-size: 13px;
    left: 10px;
}

.sidebar_label_sign {
    font-size: 12px;
    padding-left: 10px;
    padding-top: 10px;
}

.sidebar_sign {
    padding-left:20px;
    font-size:13px;
    font-weight:bold
}

.doc {
    display: flex;
    background-color: #FFFFFF;
    color: #445;
    height:100%;
    overflow: hidden;
}

.doc-sidebar {
    flex: 0 0 251px;
    position: relative;
    width: 300px;
    border-right: 1px solid #dddddd
}
.doc-container {
    flex: auto;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar_doc_btn {
	height: 25px;
	line-height: 25px;
	text-shadow: none!important;
	font-size: 13px;
	text-decoration: none;
    cursor: pointer;
    text-align: right;
    position: absolute;
    right: 10px;
}

.sidebar_doc_btn:hover {
    color: #000;
}

.avanza_di_stato_btn {
	display: block;
	height: 38px;
	line-height: 36px;
	padding: 0 0 0 10px;
	/*background-color: rgba(154, 204, 207, 0.3);/*rgba(224, 236, 250, 1);*//*#EDF4FC*/
    background-color: #FAC698;
	color: #585858;
	text-shadow: none!important;
	font-size: 13px;
	text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    margin-top: 15px;
}

.avanza_di_stato_btn:not([disabled]):hover {
    background-color: #FA963E;
	/*background-color:  rgba(154, 204, 207, 0.8);/*rgba(202, 220, 242, 1);*/ /*#dfeaf7*/
    color: #000;
}
.avanza_di_stato_btn[disabled], .avanza_di_stato_btn[disabled] i  {
    opacity: 0.50;
    cursor: default;
}

#fldRicercaPdLVeloce {
	width: 100px;
	height: 13px;
}

#presaCarico_txt{
	/*color: red;*/
	font-weight: bold;
}

#calPresaCarico {
	text-align: center;
	font-size: 16px;
	width: 120px;
	font-weight: bold;
	color: #000080;
	border: 1px solid gray;
	border-radius: 5px;
}

#overlay {
	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
}

#navTabellaPdL .first, #navTabellaPdL  .prev, #navTabellaPdL  .next, #navTabellaPdL  .last{
	color: #333;
	font-size: 11px;
	padding: 4px 10px ;

	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;

	background: #e6EEEE;
}

#navTabellaPdL .first:hover , #navTabellaPdL  .prev:hover, #navTabellaPdL  .next:hover, #navTabellaPdL  .last:hover{
	background-color:#8dbdd8;
}

#navTabellaPdL  {
	margin: 8px 0;
	font-size:13px;
	/*margin-bottom:3px;*/
}
#navTabellaPdL  * {
	margin-right: 5px;
}

#navTabellaPdL  a,#navTabellaPdL   a:hover, #navTabellaPdL  a:visited {
	color: inherit;
	text-decoration: none;
}

#navGrafico .first,#navGrafico  .prev,#navGrafico  .next,#navGrafico  .last{
	color: #333;
	font-size: 11px;
	padding: 4px 10px ;

	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;

	background: #e6EEEE;
}

#navGrafico .first:hover,#navGrafico  .prev:hover,#navGrafico  .next:hover,#navGrafico  .last:hover{
	background-color:#8dbdd8;
}

#navGrafico  {
	margin: 8px 0;
	font-size:13px;
	/*margin-bottom:3px;*/
}

#navGrafico  * {
	margin-right: 5px;
}

#navGrafico  a,#navGrafico   a:hover, #navGrafico  a:visited {
	color: inherit;
	text-decoration: none;
}

#pdlFermata {
	background-color: #F4BFAD;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	height: 23px;
	right: 3px;
	position: absolute;
	bottom: 27px;
	display: inline-block;
}

#zoom {
	font-size: 13px;
	text-align: center;
	/* vertical-align: middle; */
	width: 50px;
	height: 30px;
	left: 255px;
	position: absolute;
	bottom: 20px;
	display:inline-block;
}

/* ----------------------------------------------- SLIDER ZOOM */
input[type=range] {
	left: 320px;
	position: absolute;
	bottom: 0px;
	display:inline-block;
	width: 100px;
}

/* slider zoom (bar) */
input[type=range]::-ms-track {
	width: 100px;
	height: 5px;

	/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	background: transparent;

	/*leave room for the larger thumb to overflow with a transparent border */
	border-color: transparent;
	border-width: 6px 0;

	/*remove default tick marks*/
	color: transparent;
}
input[type=range]::-ms-fill-lower {
	/* background: #777; */
	background: lightgray;
	border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
	/* background: #ddd; */
	background: lightgray;
	border-radius: 10px;
}

/* clip di avanzamento */
input[type=range]::-ms-thumb {
	border: none;
	height: 16px;
	width: 8px;
	border-radius: 1px;
	background: gray;
}

/* ----------------------------------------------- TABELLA */
table.StileGisTable {
	/* font-family:arial;*/
	background-color: #CDCDCD;
	/*margin:10px 0pt 15px;*/
	/*margin-top:10px;*/

	font-size: 8pt;
	width: 100%;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	empty-cells: show;
	table-layout: fixed !important;
	overflow:hidden;
	/*border-bottom: 2px solid #C50 !important;*/
}

table.StileGisTable thead tr th{
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #e6EEEE;
	color:#333;
	font-size: 8pt;
	padding: 4px;
	padding-right:20px;
	text-align: left;
	cursor: pointer;
	height: 20px;
	border-bottom: 1px solid #c50 !important;
}

table.StileGisTable thead tr th th{
	padding-right: 0px;
	text-align: center;
}

table.StileGisTable tbody td{
	color: #3D3D3D;
	padding: 6px;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 230px;
	min-height: 20px;
	/* border: 1px solid rgba(233, 233, 233, 0.25); */ /* Bordo colonne GisTable */
	border-top: none;
	vertical-align: middle;
	overflow: hidden !important;
}

table.StileGisTable input[type="checkbox"]  {
	padding:0;
	/*margin:0; */
	border:0;
	display:block;
}

table.StileGisTable input[type="text"] {
	border:0;
	font-size: 11px;
	width:100%;
	padding:0;
}

table.StileGisTable td.edit {
	padding: 2px !important;
}

table.StileGisTable *{
	-webkit-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	transition: background-color 100ms linear;
}

table.StileGisTable thead tr .headerSortUp {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");
}

table.StileGisTable thead tr .headerSortDown {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");
}

table.StileGisTable tr:nth-child(2n) {
	background-color: #F2F2F2;
}

table.StileGisTable tr:nth-child(2n+1) {
	background-color: #fff;
}

/*table.StileGisTable tr:hover, table.StileGisTable tr:hover td {
    background-color: #e8e8e8;
    color: #000;
    cursor: pointer;
}*/

table.StileGisTable th{
	width: 60px;
	background-color: navy;
	color: #ffffff;
	text-align: left;
}

table.StileGisTable tr.selected td {
    background-color: #e8e8e8;
}

/* Colora sfondo caselle input della tabella con lo stesso colore della selezione della riga a cui appartiene */
table.StileGisTable tr.selected input {
    background-color: #e8e8e8;
}

/* Colora sfondo caselle input 'DISABLED' di una riga selezionata della tabella con lo stesso colore della selezione della riga a cui appartiene */
table.StileGisTable tr.selected input[disabled]{
	background-color: #B3CFFD !important;
}

/* Colora sfondo caselle input 'DISABLED' di una riga non selezionata della tabella con lo stesso colore della selezione della riga a cui appartiene */
table.StileGisTable tr input[disabled]{
	background-color: #FFFFFF !important;
}

table.StileGisTable tfoot tr td{
	border-top: 1px solid #c50 !important;
}

table.StileGisTable * {
	-webkit-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	transition: background-color 100ms linear;
}

table.StileGisTable input {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	margin: 2px 0;
}

table.StileGisTable select {
	width: 100%;
	height: 14px;
	font-size: 10px;
	border:0;
	margin: 0 2px;
}

.navGisTable .first,.navGisTable .prev,.navGisTable .next,.navGisTable .last{
	color: #333;
	font-size: 11px;
	padding: 4px 10px ;

	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;

	background: #EFF7FC;
}

.navGisTable .first:hover, .navGisTable .prev:hover, .navGisTable .next:hover, .navGisTable .last:hover{
	background-color:#8dbdd8;
}

.navGisTable  {
	margin: 8px 0;
	font-size:13px;
	/*margin-bottom:3px;*/
}

.navGisTable  * {
	margin-right: 5px;
}

.navGisTable  a,.navGisTable   a:hover, .navGisTable a:visited {
	color: inherit;
	text-decoration: none;
}

table.StileGisTable tr.pdlFermataColor{
	background-color:#F4BFAD;
}

table.StileGisTable tr.pdlFermataColor td{
	background-color: #F4BFAD !important;
}

table.StileGisTable select  {
	width: 50%;
}

#ISABPDLRMSES_SCHEMAELETTRICO>img {
	padding-top: 30px;
	padding-left:30px;
}

/* No background in tabs */
.TabStyle {
	background: #EFF7FC;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #484;
}
.TabStyle>div {
	background-color: #EFF7FC;
	padding-bottom: 11px;
	border: 0;
	border-top: 1px solid #484;
	border-radius: 0;
}
.TabStyle.ui-widget-content {
	border-bottom: 1px solid #484;
}
.TabStyle .ui-widget-header {
	border:0;
	background: #FFF;
	border-radius: 0;
	border-bottom: 1px solid #484;
}
.TabStyle>ul>li>a:focus {
	outline: none;
}

.TabStyle>ul>li.ui-tabs-active>a {
	cursor: default !important;
}

.TabStyle>ul>li>a:focus {
	outline: none;
}

.TabStyle>ul>li.ui-tabs-active {
	background: #EFF7FC;
}


/* ----------------------------------------------- DIALOG */
.dialog-wait {}

.dialog-wait>.ui-dialog-titlebar {
	display:none;
}

.dialog-wait .dialog-icon {
	padding-top: 14px;
}

.dialog-wait .dialog-text {
	width: 173px;
	padding-top: 17px;
	padding-left: 14px;
}

/* DA DEFINIRE LO STILE DEI PULSANTI. */
.sw-button , .ui-dialog .ui-dialog-buttonpane button.sw-button{
	text-align: center ;
	cursor:pointer ;
    padding: 1px 1px 1px 1px;
    border-radius: 6px !important;
	cursor:pointer ;
	background: #f3f3f4 ; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjJmMmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmJmYmZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmJmYmZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZjJmMmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjZjJmMmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZWJlYmVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZWJlYmVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
	background: -moz-linear-gradient(top, #f3f3f4 0%, #f2f2f4 8%, #fbfbfd 20%, #fbfbfd 68%, #f2f2f4 80%, #f2f2f4 88%, #ebebed 92%, #ebebed 96%, #cccccc 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f4), color-stop(8%,#f2f2f4), color-stop(20%,#fbfbfd), color-stop(68%,#fbfbfd), color-stop(80%,#f2f2f4), color-stop(88%,#f2f2f4), color-stop(92%,#ebebed), color-stop(96%,#ebebed), color-stop(100%,#cccccc)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#cccccc',GradientType=0 ) !important; /* IE6-8 */
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	margin-left: 6px;
	margin-right: 0px;
	margin-top: 0px;
	vertical-align: middle;
	color: #000 !important;
	/*float:right !important;*/
}

.sw-button.disabled  {
	cursor: default !important;
	background: #FFF !important;/*inherit;*/
	/*border: 1px solid #d3d3d3;*/
	color: #888 !important;
	border: 1px solid #A0ADA0 !important;

	/*width: 200px;*/
}

.sw-button > span {
	/*padding: 10px;*/

	display: block;

	font-size: 11px;

	/*height: 13px;*/
	/*padding: 4px 25px;*/
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 2px;
	text-align: center;
	vertical-align: baseline;
    background-size: contain;
}

.left {
	float:left;
}

.right {
	float: right;
}
.clear {
	clear: both;
}

.button-area {
	padding-top: 10px;
	padding-left: 5px;
	border-top: 2px solid #484;
	height: 30px;
}

ul.button-list {
	list-style-type: none;
	display: block;
	padding: 0;
	margin:0;
	float: right;
}

ul.button-list>li {
	float: left;
}

ul.button-list>li:last-child div {
	margin: 0;
	padding: 0;
}

.corso-actionbar-container {
	padding: 0 10px;
}

.titolo-scheda {
	font-size: 17px;
	margin-bottom: 8px;
	color: #000080;
	font-weight: bold;
	margin-top: 6px;
}

.sottotitolo-scheda {
	font-size: 12px;
	color: #000080;
	font-weight: bold;
	border-bottom: 2px solid #484;
	padding-bottom: 9px;
}


#navTabellaPdLRecordTotali {
	margin: 8px 0 0 4px;
	font-size: 13px;
}

/* -- Fogli di stile per i livelli dei PopUp -- */
#frame-nuovo-pdl {
	margin:0;
	padding:0;
}

.PanelOverlay {
	opacity:0.5;
}

.PanelOverlay2 {
	opacity:1;
}

.PdLAttesaFD{
	font-family: Trebuchet MS, Verdana;
	font-size: 16px;
	color: Navy;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	background-color: #FFFFFF;
	line-height: 1;
	width: 300px;
	height: 37px;
	border-bottom:Solid 1px grey;
	position: absolute;
	top: 50%;
	left: 45%;
	border: solid 1px grey;
	z-index: 50;
}

.PdLAttesaStampa{
	font-family: Trebuchet MS, Verdana;
	font-size: 16px;
	color: Navy;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	background-color: #FFFFFF;
	line-height: 1;
	width: 300px;
	height: 37px;
	border-bottom:Solid 1px grey;
	position: absolute;
	top: 50%;
	left: 35%;
	border: solid 1px grey;
	z-index: 50;
}

.PdLAttesaAllegati{
	font-family: Trebuchet MS, Verdana;
	font-size: 16px;
	color: Navy;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	background-color: #FFFFFF;
	line-height: 1;
	width: 340px;
	height: 37px;
	border-bottom:Solid 1px grey;
	position: absolute;
	top: 50%;
	left: 27.5%;
	border: solid 1px grey;
	z-index: 50;
}

.EspandiCollassaTitolo {
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.buttonPopup {
    text-align:center !important;

    /*cursor:pointer !important;*/
    border: 1px solid #484 !important;
    /*font-weight: bold;*/

    background: #f3f3f4 !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjJmMmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmJmYmZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZmJmYmZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZjJmMmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjZjJmMmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZWJlYmVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZWJlYmVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
    background: -moz-linear-gradient(top, #f3f3f4 0%, #f2f2f4 8%, #fbfbfd 20%, #fbfbfd 68%, #f2f2f4 80%, #f2f2f4 88%, #ebebed 92%, #ebebed 96%, #cccccc 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f4), color-stop(8%,#f2f2f4), color-stop(20%,#fbfbfd), color-stop(68%,#fbfbfd), color-stop(80%,#f2f2f4), color-stop(88%,#f2f2f4), color-stop(92%,#ebebed), color-stop(96%,#ebebed), color-stop(100%,#cccccc)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #f3f3f4 0%,#f2f2f4 8%,#fbfbfd 20%,#fbfbfd 68%,#f2f2f4 80%,#f2f2f4 88%,#ebebed 92%,#ebebed 96%,#cccccc 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#cccccc',GradientType=0 ) !important; /* IE6-8 */

    color: #000 !important;
    float:right ;
}

.version {
    position: absolute;
    width: 200px;
    right: 20px;
    top: 0px;

    /*cursor: pointer;*/
}

.versiontext{
	position: absolute;
	top: 9px;
	right: 0px;
    padding-left: 5px;
    font-size:11px;
    min-height: 22px;
    left: 165px;
}

.versionicon {
    position: absolute;
    top: 3px;
    right: 85px;
    width: 24px;
    height: 24px;
    background-image: url(../Images/versione-applicativo.png) !important;
}

.small-icon {
    margin: 3px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.lingua {
	position: absolute;
    right: 0px;
    top: 0px;
    height: 23px;
    box-sizing: border-box;
}

.lingua-select {
	vertical-align: middle;
}

/* ----------------------------------------------- SAIPEM */
.filter-row {
    width: 100%;
    height: 30px;
    padding-left: 5px;
    margin-top: 5px;
}

.doc-title-ptw {
    color: #fff;
    background-color: rgb(27, 62, 76);
}

.doc-title-ic {
    color: #fff;
    background-color: rgb(27, 62, 76);
}

.doc-title-ec {
    color: #fff;
    background-color: rgb(27, 62, 76);
}

.divTitle{
	font-family: Trebuchet MS, Verdana;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	width: 100%;
	padding-top: 5px;
	padding-left: 5px;
	height: 20px;
}

.divSubTitle{
	font-family: Trebuchet MS, Verdana;
	font-size: 9px;
	font-style: italic;
	width: 100%;
	padding-top: 5px;
	padding-left: 5px;
	height: 17px;
}

.subSectionTitle{
	font-family: Trebuchet MS, Verdana;
	font-size: 11px;
	color: #445;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	width: 1000px;
	height: 12px;
	padding-top: 2px;
}

.divBox{
	 position: relative;
	 /*border: 1px solid grey;*/
}

.label {
	font-family: Trebuchet MS, Verdana;
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
	height: 17px;
    color:black;
}

.TaskToBePerformed {
    position: relative;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bolder;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    background-color: #f44;
    border-radius: 11px;
    padding: 1px 6px 2px 6px;
    text-shadow: 0px 0px 2px rgba(50,50,0,1);
    box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.1);
    border: 1px solid #448;
}

.doc-backgroundcolor1 {
    background-color: rgba(223, 227, 236, 0.7);
}

.doc-backgroundcolor2 {
    background-color: rgba(222, 217, 242, 0.26);
}
.colorTitleSaipem {
    color: #e96100 !important;
}
.PdLSectionTitleSaipem{
	font-family: Trebuchet MS, Verdana;
	font-size: 12px;
	color: #e96100;
	font-weight: bold;
	font-style: normal;
	background-color: #FFFFFF;
	width: 100%;
	padding-top:2px;
	height: 17px;
	text-align:center;
	border-bottom:Solid 1px grey;
    user-select: none;
}

.miniaturaAllegato {
    position: relative;
}
.miniaturaAllegatoFoto {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    max-width:100%;
    max-height:100%;
    z-index: 10
}

.miniaturaAllegatoLoading {
    position: absolute;
    top: Calc(50% - 15px);
    left: Calc(50% - 15px);
    z-index: 9;
}

.divSelezioneApparecchiatura {
    position: absolute;
}

.label-titolo-apparecchiatura{
    border-top: 1px solid #aaa;
    background-color: rgba(34, 80, 95, 1);
    color: white;
    font-size: 12px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
}

.dettagli-app .nav > li > a{
    padding: 8px 10px;
}
/* ----------------------------------------------- GIS BUTTON */
.gisbutton {
    padding: 2px;
    box-sizing: border-box;
    transition-property: width, height, background-color;
    transition-duration: 100ms;
    transition-timing-function: linear;
    background-color: transparent;
    border: 0 !important;
    padding: 5px;
    margin: 0;
    /*border:1px solid #f00;*/
    line-height: 11px;
    border-radius: 5px;
    width: auto;
}

.gisbutton:focus, .gisbutton:hover{
    background-color: transparent !important;
}

.gisbutton[disabled] {
    opacity: 0.6;
    cursor: default;
}


    .gisbutton img {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        background-position: center center;
        background-size: contain;
    }

    /*workaround per bordo nelle img con backgroundimage in chrome, punlsanti nei popup*/
        .gisbutton.float-left > img,
        .gisbutton.float-left > img,
        .gisbutton img.iconSeleziona,
        .gisbutton img.iconChiudi,
        .gisbutton img.iconModificaApp,
        .gisbutton img.iconNuovaApp,
        .gisbutton img.iconReimposta,
        .gisbutton img.iconCerca {
            width: 0px;
            height: 0px;
            padding: 8px;
        }

.gisbutton span {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 5px;
    font-size: 12px;
    line-height: 12px;
    color: #505050;
}
.gisbutton i {
    font-size: 16px;
    vertical-align: middle;
}

.gisbutton.notext{
    padding:3px;
}

.gisbutton.noicon img{
    display: none;
}

.gisbutton.notext img{
    width: 18px;
    height: 18px;

}

.gisbutton.notext span{
    display: none;
}

.gisbutton:not([disabled]):hover{
    transition-property: width, height, background-color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: linear;

    background-color: rgba(247, 250, 253, 0.52);
    box-shadow: 0px 0px 5px 2px rgba(173,204,235,0.82);
    cursor: pointer;
}
/*
.gisbutton:hover img{
    /*width: 22px;
    height: 22px;
}*/

.gisbutton.large{
    line-height: 14px;
}

.gisbutton.large img {
    width: 20px;
    height: 20px;
}

.gisbutton.large i {
    font-size: 20px;
}

.gisbutton.large.noicon img{
    display: none;
}

.gisbutton.large span {
    font-size: 14px;
    margin: 3px 7px;
}

.gisbutton.small{
        line-height: 11px;
}
.gisbutton.small img, .gisbutton img.small {
    width: 13px;
    height: 13px;
}

.gisbutton.small i {
    font-size: 11px;
}

.gisbutton.small span {
    font-size: 11px;
    line-height: 11px;
    margin: 2px 3px;
}

.gisbutton.small.noicon img{
    display: none;
}

.gisbutton.xlarge img { /*img.xlarge*/
    width: 24px;
    height: 24px;
}

/* ----------------------------------------------- RICERCA */
#ricerca-filtri-campi {
    display: flex;
    flex-direction: column;
    width: 100%
}

.ricerca-campo {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    min-height: 35px;
    width: 100%;
    min-width: 280px;
    padding: 0px 3px;
}

.ricerca-campo-titolo {
    width: 90px;
    line-height: 11px;
    flex: 0 0 90px;
    text-align: right;
    padding-right:5px;
}

.ricerca-campo-valore {
    position: relative;
    flex: 1 1 auto;
}

/* ----------------------------------------------- TREE */
/*CASO NORMALE (sfondo blu)*/
.gj-tree-bootstrap-list {
    color: black;
}

/*CASO PERSONALIZZATO */
.gj-tree-item[data-selected=true], .gj-tree-item.active[data-selected=true]:focus, .gj-tree-item.active[data-selected=true]:hover {
    background-color: transparent;
    color: black;
    font-weight: bold;
}

.gj-tree-item, .gj-tree-item.active:focus, .gj-tree-item.active:hover {
    background-color: transparent;
    color: black;
    font-weight: 100;
}

.comprimi {
    background: url(../Images/arrow_down.png) 0px 0 no-repeat;
    display: inline-block;
    width: 7px;
    height: 10px;
    vertical-align: middle;
}

.espandi {
    background: url(../Images/arrow_right.png) 0px 0 no-repeat;
    display: inline-block;
    width: 7px;
    height: 13px;
    vertical-align: middle;
}

/* ----------------------------------------------- MULTISELECT */
.multiselect-native-select,
.multiselect-native-select button.multiselect,
.multiselect-native-select .dropdown-menu {
    font-family: Trebuchet MS, "Segoe UI", Tahoma;
    font-size: 11px !important;
}

.multiselect-native-select span.multiselect-selected-text {
    float: left;
}

.multiselect-native-select b.caret {
    float: right;
    margin-top: 6px;
}

.multiselect-native-select button.multiselect{
    padding:3px 5px;
}
.multiselect-container {
    width: 100%;
}

.multiselect-container > li > a > label {
    padding: 6px 20px 6px 30px;
}

.multiselect-container input[type=checkbox],
.multiselect-container input[type=radio] {
    margin-top: 1px;
}

.multiselect[disabled] {
    opacity: 0.5 !important;
}

    .multiselect[disabled] span {
        color: #000;
        /*background-color: #F5F5F5 !important;*/
    }

/* ----------------------------------------------- GRID */
.gridColumn{
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    height: 15px !important;
}

.gridHeader {
    background-color: rgb(230,238,238) !important;
    border-bottom: 1px solid #c50 !important;
    height:20px;
}

/* ----------------------------------------------- MODAL */
.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.bootstrap-dialog-title,
.modal-title {
    padding: 0;
    margin: 0;
    color: #666;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: move;
    text-align: left;
}
.modal-content {
    overflow: visible;
    /*border-radius: 15px;*/
    box-shadow: 0px 0px 26px rgba(0,0,0,1);
    border: 0;
    margin: auto auto;
}

.modal-header {
    height: 30px;
    padding: 7px 15px;
    cursor: move;
}

.modal-footer {
    height: 35px;
    padding: 5px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* ----------------------------------------------- POPUP LOGIN */
.popup-login {
    vertical-align: top;
}

    .popup-login .modal-dialog {
        width: 300px;
        outline: none;
        /*overflow: hidden !important;*/
        font-size: 13px;
        font-family: sans-serif;
    }

    .popup-login .modal-body,
    .popup-login .modal-footer {
        background-color: #fff;
    }

    .popup-login .btn-login {
        box-sizing: border-box;
        height: 35px;
        width: 100%;
        margin: 0px;
        padding: 4px 15px 4px 15px !important;
        background-color: #1158ab !important;
        border: 0px solid #000 !important;
        font-family: Trebuchet MS, 'Segoe UI', Arial;
        font-size: 12px !important;
        color: #fff !important;
        border-radius: 4px;
        display: inline-block;
    }

        .popup-login .btn-login > span {
            color: #fff !important;
        }

        .popup-login .btn-login:hover {
            background-color: #0f4686 !important;
        }

    .popup-login .label-input {
        text-transform: uppercase;
        color: #888;
        font-weight: normal;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .popup-login .modal-content {
        border-radius: 0px;
        box-shadow: 0px 0px 26px rgba(0,0,0,1);
    }

    .popup-login .modal-body {
        padding: 30px;
    }

    .popup-login .modal-footer {
        border: 0;
        padding: 15px;
        text-align: center;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        height: 65px;
    }

    .popup-login .dropdown-toggle.btn-default {
        padding: 7px 5px 7px 5px !important;
        background-color: #fff;
        border-radius: 0px;
        border: 0px;
        border-bottom: 1px solid #dcdcdc;
        font-size: 14px !important;
    }

    .popup-login .multiselect.dropdown-toggle.btn.btn-default,
    .popup-login .multiselect-container.dropdown-menu {
        font-size: 14px !important;
    }

    .popup-login .dropdown-menu{
        border: 0;
    }


/*--------------*/
/*alert, confirm, prompt*/
.alert-dialog .modal-dialog {
    width: 350px;
    vertical-align: top;
}
.alert-dialog .modal-content {
    border-radius: 10px;
    min-height: 100px;
    min-width: 200px;
    overflow: hidden;
    box-shadow: 0px 0px 30px 9px rgba(0,0,0,0.3);
}
.alert-dialog .modal-body {
    margin-bottom: 35px;
    height: Calc(100% - 65px);
    -ms-overflow-y: auto;
    overflow-y: auto;
}
.alert-dialog .modal-footer{
    position: absolute;
    bottom:0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    white-space: nowrap;

}
/*--------------*/
/*alert, confirm*/
.dialog-btn {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;

    padding: 3px 8px 3px 5px;
    text-align: left;
}

.dialog-btn.btn{
    background-color: transparent;
}

.dialog-btn:not([disabled]):hover {
    transition-property: background-color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: linear;
    background-color: rgba(247, 250, 253, 0.52);
    box-shadow: 0px 0px 5px 2px rgba(173,204,235,0.82);
    cursor: pointer;
}

button.dialog-btn {
    width: auto;
}

    button.dialog-btn i {
        display: block;
        background-size: 16px 16px;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        float: left;
    }

.dialog-btn.btn-ok,
.dialog-btn.btn-cancel {
    width: auto;
}

    .dialog-btn.btn-ok:before {
        background-image: url(../Images/seleziona.png);
        background-size: 16px 16px;
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        content: "";
        float: left;
    }

    .dialog-btn.btn-cancel:before {
        background-image: url(../Images/chiudi.png);
        background-size: 16px 16px;
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        content: "";
        float: left;
    }

/* ----------------------------------------------- DEFINITI */
.focus.btn-default,
.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active:hover,
.btn-default:active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    background-color: #f6f6f7 !important;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.disabled.btn, [disabled].btn, fieldset[disabled] .btn {
    opacity: 0.40;
}

/*common*/
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center{
    text-align: center;
}

.dettagli-app .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: rgba(223, 227, 236, 0.7);
    color: #505050;
}

/* ----------------------------------------------- GRID */
.grid-home {
    overflow-x: auto;
    /*width: 1205px;*/
    margin-left: 30px;
    margin-right: 30px;
    /*margin-top: 30px;*/
}
.grid-home .gj-grid-wrapper {
    /*height: 100%;*/
    margin: 0;
}

.grid-home .gj-grid-wrapper tbody {
    height:inherit;
}

.grid-home .gj-grid-wrapper tbody tr {
    height: 20px;
    min-height: 20px;
}

.grid-home .gj-grid-wrapper tfoot{
    /*position: absolute;
    bottom: 0px;
    width: 1200px;*/
}
    .grid-home .gj-grid-wrapper tfoot th {
        /*width: 1200px;*/
    }


.section-title {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 30px;
}

/* ----------------------------------------------- RICERCA RAPIDA */
.box-ricerca {
    position: absolute;
    right: 5px;
    top: 26px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 0px 5px;
    width: 180px;
    border-radius: 15px;
    overflow: hidden;
}

    .box-ricerca.box-ricerca-avanzata-open {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom: 0px;
    }

    .box-ricerca input {
        border: 0px solid #000;
        width: Calc(100% - 45px);
        height: 25px;
        margin-top: 2px;
        padding-top: 5px;
    }

    .box-ricerca .icona-ricerca {
        font-size: 14px;
        padding-left: 5px;
    }

    .box-ricerca .pin-ricerca-avanzata {
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-color: #eee;
        width: 30px;
        font-size: 14px;
        padding-left: 5px;
        /*border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;*/
        border-left: 1px solid #ccc;
    }

        .box-ricerca .pin-ricerca-avanzata:hover {
            background-color: #ddd;
            cursor: pointer;
        }

        .box-ricerca .pin-ricerca-avanzata .icona-ricerca-avanzata {
            font-size: 16px;
            padding-left: 4px;
            padding-top: 6px;
        }

.search-box {
    position: absolute;
    top: 0px;
    left: 4000px;
    width: calc(100% - 50px);

    bottom: 0px;
    transition: left 300ms ease-in-out;
    background-color: #fff;
    z-index: 10;
    box-shadow: -13px 0px 60px rgba(0,0,0,0.4);
    /*padding-left: 3px;*/
}
.notransition {
    transition: none;
}
    .search-box.show {
        right: 0px !important;
    }
    .search-box .handle {
        width: 3px;
        background-color: #615555;
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        cursor: ew-resize;
        z-index:2;
    }

.splitter{
    flex: 0 0 auto;
    width: 10px;
    cursor: col-resize;
    background-color: #ddd;
    border-left: 1px solid #eee;
    border-right: 1px solid #ccc;
}

.filtro-ricerca-titolo {
    background-color: #f5f5f5;
    padding: 2px 5px;
    color: #888;
    text-align: center;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}

/* ----------------------------------------------- GIS POPUP */
.gis-popup {
    opacity: 0;
    box-sizing: border-box;
}

.gis-popup-content {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    min-height: 80px;
    overflow: hidden;
}

.gis-popup-body {
    overflow: auto;
    box-sizing: border-box;
}
.gis-popup-header {
    height: 30px;
    box-sizing: border-box;
}

.gis-popup-footer button {
    display: inline-block;
    box-sizing: border-box;
}

/* ----------------------------------------------- COLORI STATI */
.tree-image-state {
    display: block;
    width: 12px;
    height: 12px;
    border: solid 1px #888;
    border-radius: 15px;
}

.tree-image-attachment {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/Tv_Allegato.png);
    background-repeat: no-repeat;
}

.tree-label-state {
    font-size: 12px;
    color: #444;
}

.tree-commands {
    display: none;
    position: absolute;
    right: 10px;
}

.tree-commands .command{
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-color: transparent;
    color: #aaa;
    font-size: 16px;
}

.tree-commands .command:hover {
    color: #444;
    font-weight: bold;
}

li > div:hover > .tree-commands {
        display: block;
    }


.legend {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

#divLegendaDoc .dropdown-menu {
    left: 223px !important;
    width: 300px;
}

.doc-state-AUTHORISED {
    background-color: rgba(250,210,1,1);
}

.doc-state-AUTHORISED_APPLICANT_OK {
    background-color: rgba(250,185,185,1);
}

.doc-state-CANCELED {
    background-color: rgba(255,0,0,1);
}

.doc-state-CLEARED_WAITING_CH_ENG {
    background-color: rgba(175,175,175,1);
}

.doc-state-CLEARED_WAITING_COMP_PERS {
    background-color: rgba(175,175,175,1);
}

.doc-state-CLOSED {
    background-color: rgba(0,0,0,1);
}

.doc-state-CLOSED_WAITING_FOR_AUTH {
    background-color: rgba(175,175,175,1);
}

.doc-state-CREATED {
    background-color: rgba(255,255,0,1);
}

.doc-state-EXPIRED {
    background-color: rgba(128,0,0,1);
}

.doc-state-ISOLATED {
    background-color: rgba(148,239,252,1);
}

.doc-state-ISOLATED_WAITING_CH_ENG {
    background-color: rgba(148,239,252,1);
}

.doc-state-OPEN {
    background-color: rgba(0,255,0,1);
}

.doc-state-REQUESTED {
    background-color: rgba(0,100,255,1);
}

.doc-state-SUSPENDED {
    background-color: rgba(255,130,0,1);
}

.doc-state-SUSPENDED_END_SHIFT {
    background-color: rgba(255,130,0,1);
}

.doc-state-WAITING_FOR_AUTHORISATION {
    background-color: rgba(174,1,249,1);
}

/* ----------------------------------------------- NODI ALBERO */
ul.gj-tree-bootstrap-list li [data-role=display] {
    padding: 5px 0 5px 5px;
}

/* ----------------------------------------------- CONSOLE */
.console-commands {
    position: relative;
    height: 40px;
}

.permesso-utente-item {
    width: 100%;
    line-height: 15px;
    font-size: 12px;
}
.permesso-utente-item:hover {
    color: #555;
    background-color: #f5f5f5;
}
.permesso-utente-codice {
    float: right;
    font-weight: bold;
}
.permesso-utente-evidenzia {
    background-color: rgba(47, 150, 59, 0.21);
}

.profilo-gruppo {
    position: absolute;
    width: 5px;
    height: 100%;
    background: green;
    left: 0;
    top: 0;
}

#divAlberoDoc .list-group-item {
    z-index: 0;
}

.apparecchiatura-allegati{

}

    .apparecchiatura-allegati td {
        height: 20px;
        padding-left: 5px;
    }

.apparecchiatura-allegati td:hover{
    cursor: pointer;
    background-color: #f5f5ff;
}
/*--------------------------------------------- HOMEPAGE*/
.divHomepage {
    height: 300px;
    padding: 10px 10px;
    position:relative;
    line-height: 2;
    border: 1px solid #888;
    margin-left: 30px;
    margin-right: 30px;
    color: navy;
    font-size: 14px;
}

.divHomepage label {
    font-weight: 500;
}
.divHomepage label:hover {
    text-decoration: underline;
    cursor: pointer;
}

/*--------------------------------------------- PREPARATORI*/
table.tblPreparatoriPdL {
    background-color: #CDCDCD;
    font-size: 8pt;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    empty-cells: show;
    table-layout: fixed !important;
   /* overflow: hidden;*/
}

    table.tblPreparatoriPdL thead tr th {
        background-color: #e6EEEE;
        color: #333;
        /*border: 1px solid #FFF;*/
        font-size: 8pt;
        padding: 4px;
        padding-right: 20px;
    }

    table.tblPreparatoriPdL * {
        -webkit-transition: background-color 100ms linear;
        -moz-transition: background-color 100ms linear;
        -o-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear;
        transition: background-color 100ms linear;
    }

    table.tblPreparatoriPdL thead tr th {
        cursor: pointer;
    }

    table.tblPreparatoriPdL thead tr .headerSortUp {
    }

    table.tblPreparatoriPdL thead tr .headerSortDown {
    }

    table.tblPreparatoriPdL thead tr .headerSortDown, table.tblPreparatoriPdL thead tr .headerSortUp {
        background-color: #8dbdd8;
    }

    table.tblPreparatoriPdL tr:nth-child(2n) {
        background-color: #fefefe;
    }

    table.tblPreparatoriPdL tr:nth-child(2n+1) {
        background-color: #FAFAFA;
    }

    table.tblPreparatoriPdL tr:hover {
        background-color: #F2F2F2;
        color: #000;
        cursor: pointer;
    }

    table.tblPreparatoriPdL th {
        background-color: navy;
        color: #ffffff;
        text-align: left;
    }

    table.tblPreparatoriPdL tbody td {
        color: #3D3D3D;
        padding: 4px;
        vertical-align: top;
        /*white-space: nowrap;*/
        max-width: 280px;
        min-height: 14px;
        /*overflow: hidden !important;*/
    }

    table.tblPreparatoriPdL tr.selected {
        background-color: #F5DEB3;
    }

    table.tblPreparatoriPdL th:nth-child(1) {
        width: 5px;
    }

    table.tblPreparatoriPdL th:nth-child(2) {
        width: 55px;
    }

    table.tblPreparatoriPdL th:nth-child(3) {
        width: 230px;
    }

    table.tblPreparatoriPdL th:nth-child(4) {
        width: 115px;
    }

    table.tblPreparatoriPdL td:nth-child(4) {
        text-align: center;
    }

    table.tblPreparatoriPdL th:nth-child(6) {
        width: 25px;
    }

    table.tblPreparatoriPdL select {
        width: 100%;
        /*background-color:#F5DEB3;*/
    }

table.tblPreparatoriDDM {
    color: red;
}

table.tblPreparatoriDDM td:nth-child(1) {
    width: 25px;
    text-align:center;
}

/* ----------------------------------------------- DUPLICAZIONE */
table.stileTabellaDuplicazione {
    background-color: #E5E5E5;
    font-size: 11px;
    width: 100%;
    text-align: left;
    border: 0;
}

    table.stileTabellaDuplicazione thead td {
        background-repeat: no-repeat;
        background-position: center right;
        background-color: #e6EEEE;
        color: navy;
        font-size: 12px;
        padding: 4px;
        text-align: left;
        cursor: pointer;
        height: 20px;
        font-weight: bold;
    }

    table.stileTabellaDuplicazione tbody td {
        color: navy;
        padding: 6px;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-top: none;
        overflow: hidden !important;
    }

        table.stileTabellaDuplicazione td:nth-child(1) {
            width: 25px;
        }

    table.stileTabellaDuplicazione td:nth-child(2) {
        width: 100px;
        overflow: visible !important
    }

        table.stileTabellaDuplicazione td:nth-child(3) {
            width: 200px;
        }

        table.stileTabellaDuplicazione td:nth-child(4) {
            width: 340px;
            white-space:normal;
        }

    table.stileTabellaDuplicazione input[type="checkbox"] {
        padding: 0;
        border: 0;
        display: block;
    }

    table.stileTabellaDuplicazione input[type="text"] {
        border: 0;
        font-size: 11px;
        width: 100%;
        padding: 0;
    }

    table.stileTabellaDuplicazione select {
        width: 100%;
        height: 14px;
        font-size: 11px;
        border: 0;
        margin: 0 2px;
        color:navy;
    }


    table.stileTabellaDuplicazione select option{
        color: navy;
    }

/* ----------------------------------------------- MODELLI */
table.tblModelli {
    color: navy;
}

    table.tblModelli td:nth-child(1) {
        width: 25px;
        text-align: center;
    }

.grid-safework {
    height: calc(100% - 40px);
    font-family: "Trebuchet MS", "segoe ui", Arial, sans-serif;
    font-size: 11px !important;
}

.grid-safework-footer {
    position: relative;
    min-width:600px;
    width: 100%;
    background-color: #f5f5f5;
}

.grid-icon {
    display: inline-block;
    background: transparent;
    border: 0px solid #000;
    width: 30px;
    padding: 1px;
    font-size: 16px;
}

/* ----------------------------------------------- LOADING */
.popup-loading {
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255, 0.8);
    align-items: center; /* horizontal */
    justify-content: center; /* vertical */
}

.popup-loading div {
    font-size: 25px;
    color: rgba(76, 133, 124, 1);
    padding-left:10px;
}


/* ----------------------------------- GIS TOAST */

.gis-toast {
position: fixed;
bottom: 40px;
right: 20px;
background-color: #2f972fd6;
width: 250px;
height: 40px;
border: 1px solid white;
opacity: 0;
z-index: 99999;
}

.gis-toast i {
display: block;
width: 40px;
height: 100%;
float: left;
text-align:  center;
color: white;
font-size: 20px;
line-height: 40px;
vertical-align: middle;
}

.gis-toast span {
display: table-cell;
width: calc(100% - 40px);
height: 38px;
vertical-align: middle;
color: white;
font-size: 14px;
text-align: center;
}

.gis-toast-show {
opacity: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

.gis-toast-hide {
opacity: 0;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

/*-------------------------
    GISDialog*/
.gis-dialog .gis-popup-body {
    font-family: Arial;
    font-size: 12px;
    padding: 10px 15px;
}
/*----------*/


.tabulator .tabulator-row:hover {
    background-color: lightblue !important; /* rgba(154, 204, 207, 0.6) !important; */
}

.tabulator .tabulator-row.tabulator-selectable:hover {
    background-color: lightblue !important; /* rgba(154, 204, 207, 0.6) !important; */
    cursor: pointer;
}

/*********** NOTE PLAV*/
.plav-nota {
    height: 49px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.plav-nota:hover {
    background-color: rgba(230,230,230,0.8);
}

.plav-nota:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.plav-nota .header {
    padding-top: 5px;
    font-size: 10px;
    color: rgba(153,153,153,1);
}

.plav-nota .text {
    margin-top: 3px;
    text-overflow: ellipsis;
    max-height: 24px;
    overflow: hidden;
    white-space: nowrap;
}
/*----------*/
/*Maintenance alert*/
.maintenance-alert {
    background-image: url(../Images/maintenance.png);
    background-repeat: no-repeat;
    background-size: 100px;
}

    .maintenance-alert h1 {
        height: 34px;
        font-size: 32px;
        color: #c56a6a;
        margin-top: 10px;
        text-align: left;
        padding-left: 120px;
        letter-spacing: 3px;
    }

    .maintenance-alert h3 {
        height: 21px;
        font-size: 21px;
        color: #747486;
        font-weight: 600;
        text-align: left;
        padding-left: 120px;
    }

    .maintenance-alert h4 {
        height: 18px;
        font-size: 16px;
        color: #747486;
        padding-left: 120px;
        text-align: left;
    }

    .maintenance-alert p {
        padding: 10px 23px;
        text-align: center;
        color: #747486;
        line-height: 18px;
    }
/*------------------------*/
/*Style CSS per Radio button e Checkbox */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input.gischeckbox[type='checkbox'],
    input.gisradio[type='radio'] {
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 18px;
        width: 18px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid #dcdcdc;
        background: #fff;
    }

        input.gischeckbox[type='checkbox']:after,
        input.gisradio[type='radio']:after {
            content: '';
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            transition: opacity 0.2s, -webkit-transform 0.3s ease;
            transition: transform 0.3s ease, opacity 0.2s;
        }

        input.gischeckbox[type='checkbox']:disabled,
        input.gisradio[type='radio']:disabled {
            cursor: not-allowed;
            opacity: .8;
        }

            input.gischeckbox[type='checkbox']:disabled + label,
            input.gisradio[type='radio']:disabled + label {
                cursor: not-allowed;
            }

        input.gischeckbox[type='checkbox']:hover:not(:disabled),
        input.gisradio[type='radio']:hover:not(:disabled) {
            background: #F6F8FF;
        }

        input.gischeckbox[type='checkbox']:focus,
        input.gisradio[type='radio']:focus {
            box-shadow: 0 0 0 1px rgba(39, 94, 254, .3);
        }

        input.gischeckbox[type='checkbox']:after,
        input.gisradio[type='radio']:after {
            opacity: 0;
        }

        input.gischeckbox[type='checkbox']:checked:after,
        input.gisradio[type='radio']:checked:after {
            opacity: 1;
        }

        input.gischeckbox[type='checkbox'] + label,
        input.gisradio[type='radio'] + label {
            font-size: 14px;
            line-height: 21px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 4px;
        }

            input.gischeckbox[type='checkbox']:after {
                width: 6px;
                height: 10px;
                border: 2px solid #666;
                border-top: 0;
                border-left: 0;
                left: 5px;
                top: 2px;
                -webkit-transform: rotate(43deg);
                transform: rotate(43deg);
            }

    input.gisradio[type='radio'] {
        border-radius: 50%;
    }

        input.gisradio[type='radio']:after {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #666;
            opacity: 0;
            transform: scale(0.4);
        }
}

/*------------------------*/
/*Style CSS per Dashboard */
.dashboard {
    display: flex;
    width: 100%;
    padding: 10px;
}

.dashboard-button {
    width: 35px;
    height: 130px;
    padding: 0;
    display: inline-block;
    font-size: medium;
}

    .dashboard-button:hover{
        background-color: #ddd;
    }

    .dashboard-box {
        display: inline-flex;
        align-content: space-between;
        position: relative;
        background-color: #ddd;
        min-width: 280px;
        height: 130px;
        font-size: 14px;
        text-align: left;
        margin-right: 5px;
        color: white;
        border: 2px solid rgba(0,0,0,0.1);
        cursor: pointer;
        user-select: none;
        transition: .3s ease;
        box-sizing: border-box;
        overflow: hidden;
    }

    .dashboard-box:hover{
        border: 2px solid #444444;
    }

    .dashboard-box.blue {
        background-color: #337ab7;
    }
    .dashboard-box.green {
        background-color: #5cb85c;
    }
    .dashboard-box.orange {
        background-color: #f0ad4e;
    }
    .dashboard-box.red {
        background-color: #d9534f;
    }

.dashboard-box-count {
    display: flex;
    text-align: center;
}

    .dashboard-box-count-pdl {
        flex:0 0 50%
    }
    .dashboard-box-count-persone{
        flex:0 0 50%;
        padding-left: 20px;
    }

.dashboard-overlay {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .3s ease;
  opacity: 1;
  text-align: right;
  padding-top: 10px;
  height:40px;
}

    .dashboard-overlay span {
        margin: 3px;
        padding: 6px 8px;
        border-radius: 50px;
    }

        .dashboard-overlay span:hover {
            background-color: rgba(102, 102, 102, 0.19);
        }

    .dashboard-box:hover .dashboard-overlay {
        top: 0;
    }

.dashboard-box.active {
    /*border: 1px solid black;*/
    box-shadow: 0px 7px 9px #737373;
}

.dashboard-box .dashboard-box-body {
    padding: 10px 15px 10px 15px;
    flex: 1 1 auto;
}

.dashboard-box .dashboard-box-body h2 {
    margin-top:0px!important;
    margin-bottom: 5px!important;
    font-weight: 600!important;
    font-size:40px;
}

.dashboard-box .dashboard-box-icon {
    flex: 0 0 40px;
    line-height: 130px;
    text-align: center;
    font-size: 20px;
    background-color: rgba(0,0,0,.1)
}

/*CAMPI FORM*/
.gis-fields-container {
    display: flex;
    min-height: 50px;
    padding-top: 20px;
}

.gis-fields-container > div.gis-field {
    margin-right: 5px;
}

input.gis-field {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 2px;
    line-height: 26px;
    color: #444;
    padding: 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    height: 28px;
}

label.gis-field {
    position: absolute;
    margin-top: -14px;
    font-size: 12px;
    margin-left: 5px;
    color: #666;
    font-weight: 100;
}

/*----------------------------------- TABULATOR */
.grid-safework,
.tabulator {
    margin-bottom: 0px;
}

.tabulator-footer, .grid-safework-footer {
    position: relative;
    min-width: 600px;
    width: 100%;
    background-color: #f5f5f5 !important;
}

/*  PRENOTAZIONI    */
.popup-elenco-prenotazioni {
    min-width: 800px;
    height: 800px;
    left: 430px;
    bottom: 31px;
    background-color: white;
    position: fixed;
    display: none;
    border: 1px solid #ddd;
    z-index: 1000;
    box-shadow: 0 -2px 10px black;
}

.popup-elenco-prenotazioni div#tab_appValidate.tabulator {
    border: 0.5px solid #cccc;
}

/*------------------------------------------ Coda prenotazioni CT*/
#btnCodePrenotazioniContainer {
    position: absolute;
    top: 0;
    right: 10px;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    font-size: 18px;
}

    #btnCodePrenotazioniContainer i {
        font-size: 20px;
        margin: auto;
        margin-right: 10px;
    }

#divCodePrenotazioniCT {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2000px;
    width: 670px;
    border: 1px solid #ccc;
    background: white;
    transition: right 300ms ease-in-out;
    z-index: 50;
    overflow: auto;
}

    #divCodePrenotazioniCT #divCodeAdmin .dropdown-menu li:hover {
        background: #ccc;
    }

/*----------------------------------- PUPOP PRENOTAZIONI PDL */

#PopupPrenotazionePdL a#btnRiaccoda:hover {
    background-color: #f5FaFb;
}

#divCodePrenotazioniCT .tabulator .dropdown-menu li:hover {
    background: #ccc;
}

#divCodePrenotazioniCT .tabulator-row {
    border: 0px !important;
}

#divCodePrenotazioniCT .tabulator-row:hover {
    background-color: rgb(154, 204, 207) !important;
}

.programmazione-ordinata {
    width: 16px;
    height: 16px;
    margin: 2px;
    display: inline-block;
    background-color: #38c738;
    border-radius: 50%;
}