/****************************************/
/* GENERALI E LAYOUT */
/****************************************/
* { margin: 0px; padding: 0px; /*font-size: 12px;*/ font-family: Arial, sans-serif; }

body, div, span, input, button, select { font-size: 12px; }

body { background: transparent url('img/bg_chiaro.png') repeat-y center top; }

#main_table    { width: 100%; border-collapse: collapse; }
#main_table td { vertical-align: top; padding: 5px; }
#riga1         { height: 890px; }
#cella1        { width: 299px; border-right: solid 1px #aaa; }
#cella2        { width: auto; }

.dCONTROLLI    { height: 149px; border-bottom: solid 1px #aaa; }
.dBODY_FRAME, 
.dQUICK_FRAME  { /* background: transparent url('img/loading.gif') no-repeat 50% 50%; */ }
.dBODY_FRAME   { }
.dQUICK_FRAME  { }

iframe         { background-color: transparent; }

#QUICK_FRAME   { width: 100%; }
#BODY_FRAME    { width: 100%; } 
#KEEP_FRAME    { display: none; }
#AGENDA_FRAME  { width: 100%; height: 650px; }
#DETCLI_FRAME  { width: 100%; height: 650px; }

.bClassQUICK_FRAME { background-color: white; }

/* MOD PER COLORI */
.bClassBODY_FRAME   { background: none; }
.bClassQUICK_FRAME  { background: none; }
.bClassDETCLI_FRAME { background-position: -800px top; } 
.bClassAGENDA_FRAME { background: none; }


/****************************************/
/* BODY e TABS */
/****************************************/
#body_barra         { height: 30px; padding: 5px; position: relative; }
#info_barra         { float:right; position: absolute; top: 0px; right: 5px; text-align: right; line-height: 150%; }
#sLabOpeConn { font-size: 14px; }
#sOpeConn    { font-size: 18px; font-weight: bold; }
#sSupport a,  
#sSupport    { font-size: 10px; }
#cliente_selezionato { font-size: 14px; }
#cliente_selezionato span { font-size: 18px; font-weight: bold; }
#bRimCli { width: 50px; font-size: 9px; padding-top: 2px; padding-bottom: 2px; margin-right: 3px; line-height: 8px; }
#bRimCliSmall { font-size: 9px; padding-top: 0px; padding-bottom: 0px; line-height: 8px; float: right; }


.tabset_gestione { }
.tabset_gestione ul li { display: inline; }
.tabset_gestione ul li a { text-decoration: none; color: transparent; }
.ui-tabs { padding: 3px; }
.ui-tabs .ui-tabs-nav { padding: 3px; padding-bottom: 0px; }
.ui-tabs .ui-tabs-nav li { margin-right: 3px; }
.ui-tabs .ui-tabs-nav li a { padding: 4px; padding-left: 10px; padding-right: 10px; }
.ui-tabs .ui-tabs-panel { padding: 0px; }
.frame_body_cont {  }


/****************************************/
/* CONTROLLI */
/****************************************/
#dCONTROLLI         { position: relative; }
#dPulsantiControlli { }
#dImpostazioni      { display: none; position: absolute; top: 26px; left: 0px; border: solid 1px #aaa; background-color: #F1FF96; width: 298px; z-index: 50;  }
#dPulsantiUtilita   { position: relative; height: 30px;  }

.bUtilita, .bImpostazioni, .bControlli { width: 78px; padding-top: 4px; padding-bottom: 4px; }
.bImpostazioniSmall { padding-top: 1px; padding-bottom: 1px; font-size: 10px; vertical-align: middle; }

.bImpostazioni      { width: 100px; margin-top : 3px; }
.bChiImp            { width: 20px; position: absolute; top: 0px; right: 5px; }
.dImpSep            { font-size: 2px; }

.bUtilita           { }
.bLogout            { width: 50px; position: absolute; right: 0px; }

#dRICERCA      { position: relative; }
.sepRicercaCliente { height: 1px; line-height: 1px; font-size: 1px; background-color: #aaa; margin-top: 5px; margin-bottom: 5px; }
#sLabelRic1         { font-weight: bold; font-size: 18px; margin-bottom: 5px; }
#sLabelRic2, 
#sLabelRic3         { font-size: 14px; width: 60px; height: 25px; display: inline-block; }
#iRicCli            { width: 180px; font-size: 13px; }
#sEleCli            { width: 235px; font-size: 13px; height: 21px; }
#imgRicLoading      { height: 18px; vertical-align: middle; float: right; margin-right: 60px; display: none; }
.indicator_comp     { height: 16px; vertical-align: middle; display: none; }
#bNuovoCliente      { float: right; width: 45px; height: 45px; position: absolute; top: 0px; right: 5px; font-size: 11px; }


/****************************************/
/* FATTURE */
/****************************************/

.dManuteFiltri { width: 100%; font-size: 13px; font-weight: normal; text-align: center; margin-bottom: 7px; }
.tFiltri       { width: auto; margin-left: auto; margin-right: auto; }
.thSep         { width: 20px; }
.bFattAgg      { padding: 2px; }

/****************************************/
/* QUICK LOOK */
/****************************************/
.sepQuickLook      { margin: 5px; }
.dSuggSelCli       { position: relative; font-style: italic; font-weight: bold; }

.dAppDiOgg,
.dAppDaFis               { border-top: solid 1px #aaa; padding-top: 5px; }
.dQuickTitApp            { font-weight: bold; height: 23px; text-align: center; }
.dQuickTitApp span       { display: inline-block; float: right; }
.dQuickTitApp span button{ font-size: 10px; }
#containerEAppOdeW,
#containerEAppFisW  { }
#containerEAppFis,
#containerEAppOde   { }

.cercaEAppOde,
.cercaEAppFis       { height: 23px; }

.cercaEAppOde input[type=text],
.cercaEAppFis input[type=text] { width: 95px; }


.cercaEAppOde input[type=button],
.cercaEAppFis input[type=button] { width: 45px; font-size: 10px; display: inline-block; float: right; }

.tElencoApp { width: 100%; }
.tElencoApp td { padding-right: 1px; }
.tElencoApp td.td4 { text-align: right; }
.tElencoApp .td1         { cursor: pointer; font-size: 11px; }
.tElencoApp td.td1:hover { text-decoration: underline; }
.tElencoApp .td2         { cursor: help; font-size: 11px; }
.tElencoApp td.td2:hover { font-style: italic; }
.tElencoApp .td3         { font-size: 11px; }
.dAppDiOgg .tElencoApp td.td3:hover { font-weight: bold; }
.tElencoApp .td4         { text-align: right;}


/****************************************/
/* LOGIN */
/****************************************/
.wrapdLogin { width: 100%; background: transparent url('img/back_home_agg.png') no-repeat center center; margin-top: 20px; padding-top: 150px; padding-bottom: 150px; } 
.dLogin { margin-left: auto; margin-right: auto; width: 250px; padding: 5px; border: solid 1px #aaa; background-color: white; }
.tLogin { width: 100%; }
.tLogin td, .tLogin th { padding: 5px; }
.tLogin tr { margin-bottom: 5px; }
.tLogin tr.trLogTitle  { }
.tLogin tr.trLogAction { }
.tLogin tr.trLogError  { color: red; }
.iLogin { width: 100%; }
.pLogin { padding: 4px; width: 150px; }

.dAuthErrMsg    { text-align: center; margin-top: 100px; font-size: 14px; }
.dAuthErrLink   { text-align: center; margin-top:  10px; font-size: 14px; }
.dAuthErrLink a { font-size: 14px; }


/****************************************/
/* DIALOG MANUTENZIONI */
/****************************************/
.ui-dialog .ui-dialog-content { padding: 0px; }

.ifBody   { }
.iFmanute { width: 100%; height: 99%; margin: 0px; padding: 0px; }
.dManuteTitolo { margin: 10px; font-size: 17px; font-weight: bold; text-align: center; }
.dManuteNuovo  { margin-bottom: 10px; }
.bAzione { padding: 4px; }
.bAzioneFatSta, .bAzioneFatVis { padding: 1px; vertical-align: bottom; }


/****************************************/
/* FORM DATI */
/****************************************/
.tdAzioni               { white-space: nowrap; }
.dFormDati              { width: 600px; padding: 10px; }  
.dFormDatiTit           { margin-left: auto; margin-right: auto; padding: 3px; font-size: 14px; text-align: center; }
.pErr, .dErrBig         { color: red; font-weight: bold; margin-top: 5px; }
.pOk                    { color: green; font-weight: bold; margin: 25px; text-align: center; font-size: 15px; }
.dErrBig                { margin: 10px; font-size: 15px; text-align: center; }
.tEdit input[type=text] { width: 450px; }
.tEdit input[type=text].halfWidth { width: 220px; }
.fixPosWrap { position: relative; }
.fixPos { position: absolute; top: 0px; right: 0px; z-index: 10; float: right; }
.fixPosB{ position: absolute; top: 0px; right: 200px; z-index: 10; float: right; }
.halfWidth              { width: 210px; }
.halfWidthComp          { width: 200px; }
.tEdit textarea         { width: 450px; }
.sFind                  { width: 450px; }
.dFormDati .pulsante    { padding: 4px; padding-left: 30px; padding-right: 30px; }
table.tEdit             { border: 1px solid #000000; margin-left: auto; margin-right: auto; width: 100%; margin-top: 5px; margin-bottom: 5px; }
table.tEdit th,
table.tEdit td          { margin: 1px; padding: 2px; text-align: left; border: 0px; }
table.tEdit th          { font-weight: bold; font-size: 12px; }
table.tEdit td          { }
table.tEdit td.l        { text-align: left; }
table.tEdit td.c        { text-align: center; }
table.tEdit td.r        { text-align: right; }
table.tEdit th.thTit    { font-weight: bold; font-size: 14px; }
table.tEdit th.l        { text-align: left; }
table.tEdit th.c        { text-align: center; }
table.tEdit th.r        { text-align: right; }
table.tEdit tr.tr_p     { }
table.tEdit tr.tr_d     { }
.dFormDati div.c        { text-align: center; }  


/****************************************/
/* CALENDAR */
/****************************************/

#dCalLoading { display:none; position:fixed; left:0; top:0; width:100%; height:100%; /*background-image:url("transparentbg.png");*/ text-align: center; } 
#dCalLoading img { margin-top: 250px; }

.hint-appunt { position: fixed; width: 170px; height: 170px; background-color: #808000; border: solid 1px black; z-index: 5000; color: black; padding: 5px; }

.hint-note   { position: fixed; width: 350px; height: 200px; background-color: #808000; border: solid 1px black; z-index: 5000; color: black; padding: 5px; text-align: left; overflow: auto; }
.hint-note pre { white-space: pre-wrap; }

.dWrapperNewEvent { height: 115px; overflow: auto; padding-bottom: 5px; margin-top:5px; padding-top: 5px; border-top: solid 1px #aaa; }
.titDialogNewEvent { font-weight: bold; }
.titDialogNewEvent span { font-style: italic; }

#event_edit_container { display: none; }
#event_edit_container label { margin-top: 1em; margin-bottom: 0.5em; display: block; }
#event_edit_container form ul {	padding: 0.3em; }
#event_edit_container select             { padding: 3px; width: 250px; }
#event_edit_container input[type='text'] { padding: 3px; width: 250px; }
#event_edit_container textarea           { padding: 3px; width: 250px; }
#event_edit_container input[type='text'] { width: 245px; }
#event_edit_container ul.formatted { margin: 1em 0.5em; display: block; }
#event_edit_container ol.formatted { margin: 1em 0.5em; display: block; }
#event_edit_container ul.formatted li {	margin: 5px 30px;}
#event_edit_container ol.formatted li {	margin: 5px 30px;}
#event_edit_container ul.formatted li { list-style-type: disc;}
#event_edit_container ol.formatted li { list-style-type: decimal;}
#event_edit_container #switcher { float: left; }

/* BARRA */
h1#h1_barra_gestione { padding: 3px; }
#vai_data   { font-size: 13px; }
#vai_a_data { width: 70px; }

#form_sel_utenti { display: inline; }

#filtro_utenti { font-size: 13px; /*margin-left: 10px; padding-left: 10px; border-left: solid 1px black; */ }
.bFilSelected  { text-decoration: underline; }
.bSelUtenti    { padding: 2px; padding-right: 5px; padding-left: 5px; }

div.wc-cal-event,
div.wc-cal-event * { font-size: 10px; }
.ui-buttonset .ui-button { margin-right: -0.1em; }

/****************************************/
/* DETTAGLI */
/****************************************/

.divDetCli        { padding: 2px; }
#divDetCliExt     { }
#divDetCliCom     { }
#divDetCliAnagra  { border-bottom: dashed 1px #aaa; margin-bottom: 2px; }
#divDetClAllcli   { border-bottom: solid 2px #aaa; margin-bottom: 2px; }
#divDetCliPratic  { width: 100%; position: relative; }
.tTabellaDettagli { width: 100%; }
.tTabellaDettagli { border-collapse: collapse; }
.trDetPra         { }
.trDetPraAll td   { border-top   : dashed 1px #aaa; }
.trDetPraAtt td   { border-bottom: dashed 1px #aaa; }
.trDetPre td      { border-top   : dashed 1px #aaa; padding-top: 4px; }
.trDetApp         { }
.trSepPre td      { /*border-bottom: dashed 1px #aaa;*/ font-size:  4px; line-height:  4px; height:  4px; }
.trDetPraFat td   { border-top   : dashed 1px #aaa; padding-top: 4px; }
.trSepPra td      { border-bottom:  solid 2px #aaa; font-size: 10px; line-height: 10px; height: 10px; }

#divDetCliCom .trDetPre td, 
#divDetCliCom .trDetApp td,
#divDetCliCom .trDetPraFat td { font-size: 11px; }

#tAnagra { width: 100%; } 
#tPratic { width: 100%; margin-top: 10px; }
#tdPulsantiAnagra { text-align: left; }
#tdPulsantiPratic { text-align: left; }
#divDetCliExt #tdPulsantiAnagra { width: 120px; }
#divDetCliExt #tdPulsantiPratic { width: 120px; }
#divDetCliCom #tdPulsantiAnagra { }
#divDetCliCom #tdPulsantiPratic { width: 115px; }
.bDivAnagra { width: 120px; padding-top: 4px; padding-bottom: 4px; }
.bDivPratic { width: 55px; font-size: 11px; padding-top: 2px; padding-bottom: 2px; }
.bDivPresta { width: 32px; font-size: 10px; padding-top: 0px; padding-bottom: 0px; }
.bDivAppunt { width: 32px; font-size: 10px; padding-top: 0px; padding-bottom: 0px; }
.bDivAppuntSmall { font-size: 10px; padding-top: 0px; padding-bottom: 0px; }
button.bDivAppuntSmallSmall { font-size: 9px; padding-top: 0px; padding-bottom: 0px; }
#divDetCliCom .bDivAnagra { width: 60px; font-size: 11px; }
#divDetCliCom .bDivPretic { width: 60px; font-size: 11px; }
#tdDatiAnagra { text-align: left; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; }
#tdDatiPratic { text-align: left; padding-right: 5px; position: relative; }
#tDettAnagra  { width: 100%; text-align: left; }
#tDettPratica { width: 100%; text-align: left; }
#tDettAnagra  th { text-align: left; vertical-align: top; }
#tDettPratica th { text-align: left; width: 90px; vertical-align: top;}
#tDettAnagra  td { vertical-align: top;}
#tDettPratica td { /*width: 15%;*/ vertical-align: top;}
#tDettAnagra tr { }
#thNomCog     { font-size: 16px; }
.thDesPra     { font-size: 16px; }
#dDialogDetCliCom { } 
#dDialogDetPraCom  { }

#sNomCog  { font-size: 13px; font-weight: bold; width: 100%; height: 15px; overflow: hidden; }
#sDesPra  { font-size: 13px; font-weight: bold; width: 100%; height: 15px; overflow: hidden; }
.sDetCont { font-size: 11px; width: 100%; height: 13px; overflow: hidden; }

#tdFotoAnagra { text-align: right; }
#iFotoAnagra { width: 87px; height: 116px; border: solid 1px #aaa; }
#divDetCliCom #iFotoAnagra { width: 45px; height: 60px; cursor: pointer; cursor:help; }

.dialog_close_sx .ui-dialog-titlebar-close { right: auto; left: 0.3em; } 
.dDummy { clear: both; height: 1px; line-height: 1px; font-size: 1px; width: 100%; }
.hideTr { display: none; }
.taFwidth { width: 100%;}
.bChiApr  { width: 85px; padding-top: 1px; padding-bottom: 1px; }
.tdChiApr { text-align: right; }
.tdDetLast { text-align: right; white-space: nowrap; }
.tdNoWrap  { white-space: nowrap; }
.clBackPar { background-color: rgb(221, 255, 221); }
.clBackDis { background-color: rgb(238, 255, 238); } 
.trClRimoss { text-decoration:line-through; }
.bAggFrame  { float: right; position: absolute; top : 0px; right: 0px; font-size: 9px; }

.sTitAll        { font-weight: bold; }
.sAllega        { display:inline; }
.sAllega a      { color: black; }
.sAllega a:visited { color: black; }
.sAllega a img  { border: 0px; vertical-align: middle; height: 15px; }
.trDetPraAll button { padding: 0px; font-size: 8px; }     
#divDetClAllcli button { padding: 0px; font-size: 8px; }

.dAllRow { overflow: auto; height: 16px; }
.heightAll { overflow: show; height: auto; }

.bFattura { padding: 3px; }
.bFattPro { margin-right: 15px; }

.valEviden { font-weight: bold; font-style: italic; }

/****************************************/
/* ALLEGATI */
/****************************************/

#dCorpoAllegato               { font-size: 13px; text-align: center; padding: 10px; }
#dCorpoAllegato div.c         { text-align: center; }
#dCorpoAllegatoEsito          { text-align: center; font-weight: bold; font-size: 15px; }
.dCorpoAllegatoTit            { text-align: center; font-weight: bold; font-size: 15px; }
.dAllField                    { text-align: left; }
.dAllField span               { display: inline-block; width: 250px; font-weight: bold; }
.dAllField input[type=text]   { }
.dAllField input[type=radio]  { margin-left: 150px; }
.dAllField input[type=button] { }
.dAllField a                  { }
.iPulAllega                   { padding: 5px; }

/****************************************/
/* NOTE */
/****************************************/

#dCorpoNote           { width: 100%; text-align: center; }
#dCorpoNoteEsito      { text-align: center; font-weight: bold; }
.dTitNot              { text-align: center; font-weight: bold; font-size: 13px;  }
.dFieldNote           { text-align: left; font-size: 13px; }
.dFieldNote textarea  { width: 590px; }
.bInviaNote           { padding: 5px; }

/****************************************/
/* DEBUG */
/****************************************/
/*
#cella1        { background-color: blue; }
#cella2        { background-color: red; }
.dCONTROLLI    { background-color: yellow; }
#QUICK_FRAME   { background-color: orange; }
#BODY_FRAME    { background-color: purple; } 
*/



/****************************************/
/* REPORT */
/****************************************/
body.report {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.wrapReport { margin-top: 15px; }
.singReport { font-size: 14px; }
.singReport button { padding: 4px; padding-left: 55px; padding-right: 55px; }




/******************************* REPORT TOTALE FATTURE ***************************************************/

tr.odd  td.spSg { background-color: green; }
tr.even td.spSg { background-color: #77ff77; }
tr.odd  td.spNr { background-color: red; }
tr.even td.spNr { background-color: #ff7777; }

@media print {
  tr.odd  td.spSg { font-weight: bold; font-size: 20px; background-color: transparent; color: green; }
  tr.even td.spSg { font-weight: bold; font-size: 20px; background-color: transparent; color: #77ff77; }
  tr.odd  td.spNr { font-weight: bold; font-size: 20px; background-color: transparent; color: red; }
  tr.even td.spNr { font-weight: bold; font-size: 20px; background-color: transparent; color: #ff7777; }
}

.rFatDivTot { text-align: center; margin: 5px; }
.rFatDivTot span { margin-left: 25px; font-size: 18px; font-weight: bold; }
.rFatNPa { color: red; }
.rFatPag { color: green; }


/*********************************** STATO FATTURAZIONE *******************************/
.cFatCeleste { background-color: rgb(226, 228, 255); /*#7777ff;*/ }
.cFatVerde   { background-color: rgb(221, 255, 221); /*#77ff77;*/ }
.cFatRosso   { background-color: #ff8888; }