body{font-size: 12px; background-color: #444444}

#logo{float: left; margin-right: 20px;margin-bottom: 10px;}

#login {background-color: white; border:5px solid #888888;  border-radius: 10px; bottom: 40px; height: 350px; left: 0;    margin: auto; padding: 35px; position: absolute; right: 0; top: 0; width: 355px;}
#login form{text-align: center;}
#login .username, #login .password{font-size: 20px;box-shadow: 0 2px 2px #743030 inset; color: #666666; width: 90%}
#login .usernamePanel{margin-bottom: 20px;margin-top: 1px}
#login .passwordPanel{margin-bottom: 46px}
#login .loginButton{border-radius: 4px; height: 50px; width: 330px; height: 37px; color: white; background-image:  linear-gradient(to right bottom, #cae287 0%, #99c64c 100%)}
#login .loginButton:HOVER{background-image:  linear-gradient(to right bottom, #99c64c 0%, #cae287 100%)}

#west{text-align: center;background-color: #8E1025; padding: 0px !important;}
#west > div{text-align: center;background-color: #8E1025; padding-top: 0px;}
#west img{margin-bottom: 20px;}
#west button{height: 50px; width: 99%;margin-bottom: 5px;background: none;text-shadow: none !important; color: #dddddd; border: none;}
#west button.selected{background-color: #9D3143}

#header{width: 100%; height:50px; margin-bottom: 4px; background-color: #666666}
#header tr,#header td{border: 0px;background-color: transparent;padding: 0px;}
#header .left{}
#header .right form{text-align: right;}
#header .userArea .buttonUser{background: none; border: none;}
#header button{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none;
    border-image: none;
    border-left: medium none;
    border-radius: 0;
    border-top: medium none;
    box-shadow: none;
    color: white;
    height: 49px;
    text-shadow: none !important; margin-bottom: -1px;}
#header button.selected{background:  url("../resources/images/bg_current.png") no-repeat center bottom rgba(0, 0, 0, 0)}

#center{padding: 0px !important;}
#center .listaForm{margin: 47px 12px 0px 10px; font-size: 11px;}
#center .listaForm .headerTable{background-color: transparent;}
#center .listaForm .headerTable tr, #center .listaForm .headerTable td{background-color: transparent; border: 0px;color: white}
#center .listaForm .headerTable .left{text-align: left;color: white}
#center .listaForm .headerTable .right{text-align: right;color: white}
#center .ui-layout-unit-content.ui-widget-content{padding: 0px; background-image: linear-gradient(to right bottom, #ddd 0%, #eeeeee 100%) !important}


#center .breadcrumb{background: none; width: 300px; background-color: #dddddd}


#center .dettaglio{padding: 10px 10px 10px 20px;}
#center .dettaglio .infoLabel{width: 110px; border: 5px solid #dddddd; background-color: #9D3143; color: white; text-shadow: none; font-weight: normal;}/*#8E1025*/
#center .dettaglio .infoText{width: 200px; border: none;}
#center .dettaglio .infoText input{width: 95%}
#center .dettaglio .blanck{border: none;}

#center .headerDettaglio{padding: 20px 10px 0px 10px;text-align: right; right: 10px;  border-top:2px solid #cccccc;}

#center .info, #center .note{margin-bottom: 20px;text-shadow: none; color: white;}
#center .info tr{border: none; background-color: transparent;}
#center .summary{margin-bottom: 20px;text-align: center; float: left; margin-right: 30px;}
#center .note{margin-bottom: 20px; width: 60%; text-shadow: none; color: white;}
#center .note tr{border: none; background-color: transparent;}
#center .tabview{margin: 0px 20px 20px 28px}
#center .tabview .infoLabel{width: 110px; border: 5px solid #dddddd; background-color: rgb(157,49,67); color: white; text-shadow: none; font-weight: normal; white-space: nowrap;}/*#8E1025*/
#center .tabview .infoText{width: 200px; border: none;}
#center .tabview .infoText input{width: 95%}

#center .tableTabs {font-size: 11px;}
#center .tableTabs .headerTable{background-color: transparent; font-size: 11px; }
#center .tableTabs .headerTable tr, #center .tableTabs .headerTable td{background-color: transparent; border: 0px; color: white; text-shadow: none;}
#center .tableTabs .headerTable .left{text-align: left; width: 71px}
#center .tableTabs .headerTable .right{text-align: right;}
#center .tableTabs .headerTable button{width: 80px}


.dialog tr {border: none !important}
.dialog .infoLabel{width: 110px; border: 5px solid #dddddd !important; background-color: #9D3143; color: white; text-shadow: none; font-weight: normal;}/*#8E1025*/
.dialog .infoText{width: 200px; border: none !important;}
.dialog .infoText input{width: 95%}
.dialog .blanck{border: none;} 

#south{background-color: #888888; color: white}
#south > div{text-align: center;background-color: #888888; color: white; text-align: right;}
#south .left{text-align: left; float: left; color: #eeeeee}
#south .left label{font-family: Georgia,serif; font-size: 12px}
#south .right{text-align: right;}
#south .right .red{color: #9f0408}

#footer{background-color: #888888; color: white;height: 30px; position: absolute; bottom: 0px; width: 100%; left: 0;}
#footer > div{text-align: center;background-color: #888888; color: white; text-align: right;}
#footer .left{text-align: left; float: left; color: #eeeeee; margin-top: 7px}
#footer .left label{font-family: Georgia,serif; font-size: 12px; margin-left: 10px}
#footer .right{text-align: right; margin-top: 7px;margin-right: 10px}
#footer .right .red{color: #9f0408; }
	


#calcolo{margin-left: 10px; margin-right: 12px;margin-bottom: 10px}
#calcolo .datiCC{margin-bottom: 15px;}
#calcolo .risultatoCC{width: 100%}
#calcolo .risultatoCC > tr{border-left: 0px;border-right: 0px;}



#finanziamenti{width: 100%; vertical-align: top;margin-top: 30px; margin-bottom: 20px;}
#finanziamenti > tbody > tr, #finanziamenti > tbody > tr > td{border: none !important; vertical-align: top}
#finanziamenti input{width: 100%}
#finanziamenti textarea{width: 100%}

#finanziamenti .dati-finanziamento{width: 100%}
#finanziamenti .dati-finanziamento .descrizione{width: 30%}
#finanziamenti .dati-finanziamento .dati{width: 35%}
#finanziamenti .dati-finanziamento .note{width: 35%}

#finanziamenti-seconda{margin-left: 10px; margin-bottom: 20px; width: 50%; text-align: right;}
#finanziamenti-seconda tr,#finanziamenti-seconda td{border: none;}
#finanziamenti-seconda input{width: 100%}

#riassunto{margin-left: 30px}

#separator1, #separator2, #separator3{height: 20px; border: 0px}
#separator1 td, #separator2 td,#separator3 td{border: 0px}


#nuovaOfferta .norme{min-height: 100px; width: 600px}
#nuovaOfferta .norme > div{min-height: 100px}
#nuovaOfferta .settori{min-height: 80px; width: 600px}
#nuovaOfferta .settori > div{min-height: 80px}
#nuovaOfferta .larghezzaMenu{width: 200px}
#nuovaOfferta .ui-wizard-content{min-height: 450px}
#nuovaOfferta .sedeNuovaOfferta{}
#nuovaOfferta .sedeNuovaOfferta th{border: none !important; background: none;box-shadow:none;}
#nuovaOfferta .sedeNuovaOfferta tr{border-width: 0px !important; background-color: transparent;}
#nuovaOfferta .sedeNuovaOfferta td{border: none !important}
#nuovaOfferta .rowExpanded{background-color: #eeeeee}
#nuovaOfferta .rowExpanded tbody{border-width: 0px; background-color: transparent;}
#nuovaOfferta .dettaglioSedeGG{width: 138px}
#nuovaOfferta .dettaglioSedeCosto{width: 341px}

#dettaglioOfferta .norme{min-height: 100px; width: 600px}
#dettaglioOfferta .norme > div{min-height: 100px}
#dettaglioOfferta .larghezzaMenu{width: 200px}
#dettaglioOfferta .sedeNuovaOfferta{}
#dettaglioOfferta .sedeNuovaOfferta th{border: none !important; background: none;box-shadow:none;}
#dettaglioOfferta .sedeNuovaOfferta tr{border-width: 0px !important; background-color: transparent;}
#dettaglioOfferta .sedeNuovaOfferta td{border: none !important}
#dettaglioOfferta .rowExpanded{background-color: #eeeeee}
#dettaglioOfferta .rowExpanded tbody{border-width: 0px; background-color: transparent;}
#dettaglioOfferta .dettaglioSedeGG{width: 143px}
#dettaglioOfferta .dettaglioSedeCosto{width: 261px}


.dataColumn{width:105px; text-align: center;}
.normaColumn{width:120px; text-align:center;}
.commessaColumn{width:80px; text-align:center;}
.codiceColumn{width:55px; text-align:center;}

.actions{border: none !important;padding: 2px !important}
.buttons{width: 35px;padding: 0px 4px  !important;}
.buttons .ui-dt-c{padding: 2px 8px;}
.buttons-allegati{width: 70px;padding: 0px 4px  !important;} 
.buttons-allegati .ui-dt-c{padding: 2px 8px;}
.buttons3{width: 90px;padding: 0px 4px  !important;}
.buttons3 .ui-dt-c{padding: 2px 8px;}

.ui-panelgrid-cell.top.yellow	{border-top-color: #cece09}
.ui-panelgrid-cell.bottom.yellow{border-bottom-color: #cece09}
.ui-panelgrid-cell.left.yellow{border-left-color: #cece09}
.ui-panelgrid-cell.right.yellow{border-right-color: #cece09}
.ui-panelgrid-cell.top-left.yellow{border-top-color: #cece09;border-left-color: #cece09}
.ui-panelgrid-cell.bottom-left.yellow{border-bottom-color: #cece09;border-left-color: #cece09}
.ui-panelgrid-cell.top-right.yellow{border-top-color: #cece09;border-right-color: #cece09}
.ui-panelgrid-cell.bottom-right.yellow{border-bottom-color: #cece09;border-right-color: #cece09}


.ui-panelgrid-cell.top.red	{border-top-color: red}
.ui-panelgrid-cell.bottom.red{border-bottom-color: red}
.ui-panelgrid-cell.left.red{border-left-color: red}
.ui-panelgrid-cell.right.red{border-right-color: red}
.ui-panelgrid-cell.top-left.red{border-top-color: red;border-left-color: red}
.ui-panelgrid-cell.bottom-left.red{border-bottom-color: red;border-left-color: red}
.ui-panelgrid-cell.top-right.red{border-top-color: red;border-right-color: red}
.ui-panelgrid-cell.bottom-right.red{border-bottom-color: red;border-right-color: red}


.ui-panelgrid-cell.top.green	{border-top-color: green}
.ui-panelgrid-cell.bottom.green{border-bottom-color: green}
.ui-panelgrid-cell.left.green{border-left-color: green}
.ui-panelgrid-cell.right.green{border-right-color: green}
.ui-panelgrid-cell.top-left.green{border-top-color: green;border-left-color: green}
.ui-panelgrid-cell.bottom-left.green{border-bottom-color: green;border-left-color: green}
.ui-panelgrid-cell.top-right.green{border-top-color: green;border-right-color: green}
.ui-panelgrid-cell.bottom-right.green{border-bottom-color: green;border-right-color: green}


.ui-layout-unit{padding: 4px !important; background-color: #bbbbbb}

.ui-widget-header{	background: rgb(142, 16, 37);
					background: #9d3143 none repeat scroll 0 0;
    				color: white;
    				text-shadow: none;
    			}

.ui-cell-editor-input{text-align: center; padding-top: 2px;}
.ui-cell-editor-input input{width: 97%}
.ui-datatable .ui-column-filter {width: 90% !important}

.ui-accordion-header.ui-state-default.ui-state-active{background-color: #8e1025 !important; text-shadow: none; color: white}

.scadenziarioBox {width: 950px;}
.agendaBox {width: 1000px;}
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#666666);

.rowStyleClass2Months{background:#F4774D}
.rowStyleClass6Months{background:orange}
.rowStyleClass12Months{background:yellow}
.rowStyleClassExpired{background:red}


.fattureDettaglioLeft{width: 60%; vertical-align: top; padding-top: 10px;}
.fattureDettaglioRight{width: 40%;vertical-align: top; padding-top: 10px;}
#fatturaDettaglio tr{background: none;border: 0px;}
#fatturaDettaglio td{border: 0px;}
 
#notificheButton{width: 34px; float: left; background-color: red !important;border-radius:15px !important; height: 28px !important; margin-top: 10px}
#notifichePanel table{}
#notifichePanel table thead{display: none}

.dialogButtons{text-align: right; width: 97%; position: relative; bottom: -10px}
.dialogButtons > button{margin-right: 5px; margin-top: 5px}

#formVisitaDettaglio .tableTabs {font-size: 11px;}
#formVisitaDettaglio .tableTabs .headerTable{background-color: transparent; font-size: 11px; }
#formVisitaDettaglio .tableTabs .headerTable tr, #formVisitaDettaglio .tableTabs .headerTable td{background-color: transparent; border: 0px; color: white; text-shadow: none;}
#formVisitaDettaglio .tableTabs .headerTable .left{text-align: left; width: 71px}
#formVisitaDettaglio .tableTabs .headerTable .right{text-align: right;}
#formVisitaDettaglio .tableTabs .headerTable button{width: 80px}

.infoText .ui-selectonemenu{
	width:85% !important;
}


.loader {
    background-color: white;
    background-size: cover;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.8;
    overflow: auto;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 10000;
}
.loader .loaderLogo {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.loader .loaderImage {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 150px;
}

.checkBoxDisabled .ui-chkbox-box.ui-state-disabled{opacity:0.85}
.selectOneDisabled.ui-selectonemenu.ui-state-disabled{opacity:0.85}
.selecCheckBoxDisabled.ui-selectcheckboxmenu.ui-state-disabled{opacity:0.85}