html {
  height: 100%;
}

body{
  margin:0;
  padding:0;
  text-align:center;
  background:transparent;
  font-size:11px;
  color:#000000;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight:normal;
}

div {

  position: relative;
  float: left;
 
}

span {
	
	line-height: 20px;  

}

a {
	
	text-decoration: none;
	color: #000000;

}

input {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	padding: 1px 3px 1px 3px;
	margin: 1px 0 1px 4px;		
	height:14px;
	border: 1px solid #DDDDDD;
	line-height: 14px;
}

input:hover {
	border: 1px solid #888888;
}

input:focus {
  background-color: #EEEEEE;
}

input[type=checkbox] {
  #margin-top: 4px;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; 
}

textarea {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	padding: 1px 3px 1px 3px;
	margin: 1px 0 1px 2px;		
	height:14px;
	border: 1px solid #dddddd;
	line-height: 14px;
}

textarea:hover {
  border: 1px solid #888888;
}

textarea:focus {
  background-color: #EEEEEE;
}

select {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #eeeeee;
	padding: 0px;
	margin: 1px 0 1px 2px;		
	height:18px;
	border: 1px solid #999999;
	line-height: 18px;
}

#pn_Ajax {

  width: 100%;
  height: 100%;

}

.treb {

  font-family: trebuchet MS;

}

.bold {

  font-weight: bold;

}

.grigio {

  color: #999999;

}

.grassetto {

  font-weight: bold;

}

.navigationMenu {
  
  position: relative;
  float: left;
  display: block;
  padding: 0 25px 0 10px;
  margin-top: 2px;
  height: 20px;
  line-height: 20px;
  color: #000000;
  #border-right: 1px solid transparent;
  border-left: 1px solid transparent;    
  
}
  
.navigationMenu:first-child:hover {
  
  #border-right: 1px solid #AAAAAA;
  #border-left: 1px solid transparent;
  
} 
  
.navigationMenu:hover {
  
  #border-right: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  background: url('/public/backoffice/images/sfondo_top_menu.png') center right no-repeat;
  
}  

.jHtmlArea iframe {

  border: 1px solid #DDDDDD;

}

.jHtmlArea iframe:hover {

  border: 1px solid #888888;

}

.jHtmlArea iframe:focus {

  background-color: #EEEEEE;

}

.tabella {
 
  border-collapse:collapse;
  width: 100%;
 
}

.tabella td {

  height: 24px;
  border: 1px solid #CCCCCC;
 
}

.testataTabella {

  font-family: arial, verdana, courier; 
  font-size:11px; 
  color: #000000;
  background: url('/public/backoffice/images/sfondo_testata_tabella.png') repeat-x;
  height: 16px;    
  line-height: 16px;   
  background-color: #DDDDDD;
  color: #000000;

}

.testataTabella td {

  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
}

.celleTabella {

  background: #FFFFFF;

}

.celleTabella:hover {

  background: #EEEEEE;

}

.celleTabella td {

  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
 
}

.tabellaSecondaria {
 
  border-collapse:collapse;
  width: auto;
 
}

.tabellaSecondaria td {

  height: 18px;
  border: 1px solid #CCCCCC;
 
}

.testataTabellaSecondaria {

  font-family: arial, verdana, courier; 
  font-size:11px; 
  color: #000000;
  background: url('/public/backoffice/images/sfondo_testata_tabella_secondaria.png') repeat-x;
  height: 16px;    
  line-height: 16px;   
  background-color: #DDDDDD;
  color: #000000;

}

.testataTabellaSecondaria td {

  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
  
}

.celleTabellaSecondaria:hover {

  background: #DDDDDD;
 
}

.celleTabellaSecondaria {

  background: #F1F1F1;
 
}

.celleTabellaSecondaria td {

  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
 
}

.navigationSubMenu {

  position: absolute;
  display: block;
  width: 250px;
  #height: 100px;
  height: auto;
  top: 24px;
  left: 0px;
  display: none;
  border: 1px solid #AAAAAA; 
  background: #FFFFFF;
  padding: 2px;  
  z-index: 149;

}

.navigationSubMenuItem {

  display: block;
  width: 100%;
  clear: both;
  color: #AAAAAA;
  text-decoration: none;  
  text-indent: 5px;

}  

.navigationSubMenuItem:last-child {

  margin-bottom: 0px;

}

.navigationSubMenuItem:hover {

  background: #EEEEEE;
  text-decoration: none;
  color: #333333;
 
}

.titoloPagina {

  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;

}

hr.rigaSottoTitoloPagina {

  width: 100%;
  clear: both;
  border: 1px solid #cccccc;
  height: 0px;

}

#MMWrapper {

  //width: 715px;   
  width: -moz-calc(100% - 235px);
  width: -webkit-calc(100% - 235px);
  width: -o-calc(100% - 235px);
  width: calc(100% - 235px);

}

.TabMenu, TabMenu:active, .TabMenu2, TabMenu2:active {
    
  font-family: Arial;
  font-size: 11px;    
  position: relative;
  float: left;
  width: 100px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: url('/public/backoffice/images/sfondo_tab_menu.png') repeat-x top;
  border-left: 1px solid #aaaaaa;  
  color: #666666;
  font-weight: normal;
  
}
  
.TabMenu:link, .TabMenu2:link {

  text-decoration: none;
  
}
  
.TabMenu:hover, .TabMenu2:hover {
  
  background: url('/public/backoffice/images/sfondo_tab_menu1.png') repeat-x top;    
  color: #000000;
  font-weight: normal;
  
}
  
.TabMenu:last-child, .TabMenu2:last-child {
  
  border-right: 1px solid #aaaaaa;
  
}    
  
.selectedTab {
  
  background: url('/public/backoffice/images/sfondo_tab_menu_selezionato.png') repeat-x top;
  color: #FFFFFF;

}  

.TestataAreaContestuale {
  background-color: #8E8A88;
  color: #FFFFFF;
  #margin-bottom: 5px;
}

.riga {
  
  width: 100%;
  clear: both;
  
}    
  
.etichetta {
  
  color: #666666;
  margin-right: 5px;
  
} 

.etichettaInterruttore {
  
  color: #999999;
  
} 

  .casellaRicercaConti {

  }

  .righeRicercaConti{
    clear: both;
    text-align: left;
  }
  
  .etichetteRicercaConti{
    margin-right: 5px;
    color: #888888;
  }

  .datiRicercaConti{
    color: #000000;
  }
  
  .aCasellaRicercaConti {
    position: relative; 
    float: left;
    width: 155px; 
    height: 155px; 
    margin: 0 0 10px 10px;
    padding: 5px;    
    border: 1px solid #aaaaaa;
  }

  .aCasellaRicercaConti:hover { 
    border: 1px solid #666666;
  }  
  
  .aCasellaAltriRisultatiConti {
    position: relative; 
    float: left;
    width: 155px; 
    height: 155px; 
    margin: 0 0 10px 10px;
    padding: 5px;    
    border: 1px solid #aaaaaa;
  }

  .aCasellaAltriRisultatiConti:hover { 
    border: 1px solid #666666;
  }   
  
  .casellaRicercaArticoli {

  }

  .righeRicercaArticoli{
    clear: both;
    text-align: left;
  }
  
  .etichetteRicercaArticoli{
    margin-right: 5px;
    color: #888888;
  }

  .datiRicercaArticoli{
    color: #000000;
  }
  
  .aCasellaRicercaArticoli {
    position: relative; 
    float: left;
    width: 215px; 
    height: 195px; 
    margin: 0 0 10px 10px;
    padding: 5px;    
    border: 1px solid #aaaaaa;
  }

  .aCasellaRicercaArticoli:hover { 
    border: 1px solid #666666;
  }  
  
  .aCasellaAltriRisultatiArticoli {
    position: relative; 
    float: left;
    width: 215px; 
    height: 195px; 
    margin: 0 0 10px 10px;
    padding: 5px;    
    border: 1px solid #aaaaaa;
  }

  .aCasellaAltriRisultatiArticoli:hover { 
    border: 1px solid #666666;
  }      
      
  #WrapperAreaContenuti {
  
    //width: 750px; 
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    width: calc(100% - 200px);
      
  }
  
  #WrapperAreaContenuti #colonnaSinistra { 
  
    width: 280px;
  
  }
  
  #WrapperAreaContenuti #colonnaDestra { 
  
    width: 420px;
  
  }
  
  .navigationSubMenuItemWithChildren {
  
    background: url('/public/backoffice/images/freccia_destra.png') right center no-repeat ;
    background-size: 14px 12px;
  
  }
  
  .navigationSubMenuItemWithChildren:hover {

    text-decoration: none;
    color: #333333;
    background: url('/public/backoffice/images/freccia_destra.png') right center no-repeat #EEEEEE;
    background-size: 14px 12px;  
 
  }
  
  .navigationSubMenu .navigationSubMenu {
  
    position: absolute;
    display: block;
    width: 250px;
    height: auto;
    top: 0px;
    left: 0px;
    display: none;
    border: 1px solid #AAAAAA; 
    background: #FFFFFF;
    padding: 2px;  
    z-index: 149;
    margin: 0 0 0 250px;
  
  }
  
  .navigationSubMenuContainer {
  
    display: block;
    width: 100%;
    clear: both;
  
  }
  
  .colonnaCodiceArticolo {

    width: 110px;

  }
      
  .colonnaDatiAggiuntivi {
  
    width: 110px;
    text-align: center;
  
  }

  .colonnaCustom {

    width: 0px;

  }

  .colonnaCodiceArticolo .zLookupDescription {

    width: -moz-calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: -o-calc(100% - 35px);
    width: calc(100% - 35px);    
      
  }      
  
  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
  }

  input[type='number'] {
      -moz-appearance:textfield;
  }  
  
  input:required {
      box-shadow:none!important;
  }
  
  input:invalid {
      box-shadow:none!important;
  }  
  
  .areaDatiAggiuntivi {
    
    display: none;
    
  }  
  
  .datiSuperflui {
  
    display1: none;
  
  }
  
  .select2-choice {
  
    height: 16px!important;  
  
  }
  
  .select2-choice .select2-search-choice-close {
  
    top: 2px;
  
  }
  
  .select2-choice div b {
  
    background-position: 0px -4px!important;
  
  } 
  
  .select2-container .select2-choice {  
  
    padding: 0 0 0 4px;
  
  }
  
  .select2-choice .select2-search-choice-close {

    top: 1px!important;

  }
       
  .Pulsantiera {
    
    position: relative;
    float: left;      
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;      
    border-right: 1px solid #888888;
    
  }

  .Pulsantiera:hover {

    position: relative;
    float: left;      
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    border-right: 1px solid #888888;
    
  }       
     
  .pulsantiGrigiTondi {
  
    display: block;
    clear: both;
    margin: 2px 0 0 0;
    float: left;
    padding: 2px 7px 2px 7px;
    margin: 0px;
    background: gray;
    color: #FFFFFF;
    font-size: 10px;
    border-radius: 0.4em 0.4em 0.4em 0.4em;   
    position: relative;
    height: 20px;
    line-height: 20px;
    border: 1px solid #DDDDDD;    
    text-align: center;
    font-weight: normal;
                 
  } 
  
  .pulsanti16 {
  
    padding-top: 0px; 
    padding-bottom: 0px; 
    line-height: 16px; 
    height: 16px;  
  
  } 
  
  .pulsantiCerchio {
  
    position: relative;
    float: left;
    display: inline-block;
    width: 13px;
    height: 12px;
    line-height: 13px;
    border: 1px solid #AAAAAA;
    border-radius: 1.0em 1.0em 1.0em 1.0em;   
    text-align: center;
    font-weight: bold;
    color: #AAAAAA;
    font-size: 12px;
    margin-top: 1px;
    padding: 1px 0 0 0;
  
  }             
  
  .paragrafi, a.paragrafi, a.paragrafi:link, a.paragrafi:active {
  
    font-size: 14px; 
    font-weight: bold; 
    color: #A716A2;  
  
  }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  

  .attenzione, a.attenzione, a.attenzione:link, a.attenzione:active {
  
    font-weight: bold; 
    color: #A716A2;  
  
  }    
  
.logoOrizzontale {

  width: 263px;
  height: 69px;
  background: url('/public/backoffice/images/logo_Zeus_orizzontale.png') no-repeat;

}    

#loginLogoWrapper {

  width: 400px; 
  height: 69px;
  float: none; 
  clear: both; 
  text-align: left; 
  margin-bottom: 2px;
  background: url('/public/backoffice/images/logo_Zeus_orizzontale.png') no-repeat;

}

.listaPratiche .praticaCollegata {

  padding-left: 40px;
  /* display: none; */

}

a[disabled], button[disabled] {
  pointer-events: none;
  cursor: wait;
}
                