/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#777;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

html {
     overflow: -moz-scrollbars-vertical;
}

body
{
  font: 12px "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
  background-color: #f9f5ec;
}

input, textarea, select {
  color: #777;
}
.veryshort
{
  width: 53px;
}

.short
{
  width: 100px;
}

#tabs,
#target-tabs,
#insomese-tabs,
#scheda-tabs {
  padding: 0 !important;
  border-width: 0 !important;
  background: transparent !important;
}

#tabs ul,
#insomese-tabs ul,
#target-tabs ul,
#scheda-tabs ul {
  background: transparent !important;
  border-width: 0 !important;
  padding: 0 !important;
  margin-top: 10px;
}

#target-tabs ul,
#insomese-tabs ul {
  margin-top: 0;
}

#target-tabs .ui-tabs-panel,
#insomese-tabs .ui-tabs-panel {
  border-width: 1px !important;
  padding:0;
}

#insomese-tabs li a{
  width: 245px;
  text-align: center;
}

#target-tabs li a{
  width: 220px;
  text-align: center;
}

#tabs .ui-tabs-panel,
#scheda-tabs .ui-tabs-panel {
  border-width: 1px !important;
  padding:0;
  min-height: 150px;
}

#tabs .tab_edit_form,
#scheda-tabs .tab_edit_form {
  padding:0px 10px 10px;
  border: 1px solid #bbb;
  border-top: 0;
  margin: 0px 5px;
}

#tabs .tab_edit_form_red,
#scheda-tabs .tab_edit_form_red {
  padding:0px 10px 10px;
  border: 1px solid #bbb;
  border-top: 0;
  margin: 0px 5px;
}

#tabs .tab_edit_form.first,
#scheda-tabs .tab_edit_form.first {
  border-top: 1px solid #bbb;
  margin-top: 5px;
  background-color: #fafafa;
  padding-bottom: 2px;
}

#tabs .tab_edit_form_red.first,
#scheda-tabs .tab_edit_form_red.first {
  border-top: 1px solid #bbb;
  margin-top: 5px;
  background-color: #fafafa;
  padding-bottom: 2px;
}

.box_form {
  padding:0px 10px 10px;
  border-top: 0;
  margin: 0px 0px;
  background-color: #fff;
  min-height: 125px;
}

.box_form.first{
  margin-top: 0px;
  border-bottom: 1px solid #bbb;
  background-color: #fafafa;
  padding-bottom: 2px;
  min-height: 0px;
}

#tabs .tab_edit_form.second,
#scheda-tabs .tab_edit_form.second{
  background-color: #ddd;
  padding-bottom: 2px;
}

#tabs .tab_edit_form_red.second,
#scheda-tabs .tab_edit_form_red.second{
  background-color: #ddd;
  padding-bottom: 2px;
}

#tabs .tab_edit_form.last,
#scheda-tabs .tab_edit_form.last{
  margin-bottom: 5px;
}

#tabs .tab_edit_form_red.last,
#scheda-tabs .tab_edit_form.last{
  margin-bottom: 5px;
}


#tabs .tab_edit_form.foot,
#scheda-tabs .tab_edit_form.foot{
  margin-bottom: 5px;
  background-color: #fafafa;
  padding: 5px 10px;
}

#tabs .tab_edit_form_red.foot,
#scheda-tabs .tab_edit_form_red.foot{
  margin-bottom: 5px;
  background-color: #fafafa;
  padding: 5px 10px;
}

.barra_grigia {
  background-color: #ccc;
}

input, select
{
  width: 150px;
}

input[type=checkbox],
input[type=radio]
{
  width: auto;
}

input, select, textarea {
  background-color: #fff !important;
}

.long
{
  width: 200px;
}

.fewlong
{
  width: 250px;
}

.verylong, textarea
{
  width: 400px;
}

.veryverylong
{
  width: 550px;
}

.almostlong
{
  width: 450px;
}

#header {
  background-color: #ffffff;
  border-bottom: 1px solid #aeaeae;
  font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
  height:79px;
  margin:0 auto 0;
  min-width:783px;
  text-align:center;
}

#headercontent {
  height:72px;
  position:relative;
  text-align:left;
}

#headercontent, #content
{
  width: 890px;
  margin:0 auto;
}

#logo {
  background:url("../images/logo.png") no-repeat scroll  transparent;
  display:block;
  height:60px;
  padding-top:6px;
  width:136px;
  float: left;
  padding: 5px;
  margin-top: 5px;
}

#username {
bottom:0;
color:#6D6D6D;
font-size:11px;
height:65px;
line-height:13px;
position:absolute;
right:15px;
text-align:right;
vertical-align:top;
width:225px;
}

#username a, #viewalltable a, #username span {
color:#49d;
line-height:14px;
}

a.menuitemactive  {
background:none repeat scroll 0 0 #f9fbfc;
border:1px solid #5f99be;
color:#5f99be;
cursor:default;
display:block;
font-size:15px;
height:32px;
line-height:13px;
padding:5px 0 0 5px;
top:5px;
width:140px;
text-decoration: none;
float:left;
padding: 5px;
margin: 10px 5px 3px 5px;
}

a.menuitem:hover
{
  border: 1px solid #5f99be;
}

a.reportitem:hover
{
  border: 1px solid #5f99be;
  color: #5f99be;
}

a.menuitem,
a.reportitem {
border:1px solid #FAFFF4;
color:#6D6D6D;
display:block;
font-size:15px;
height:32px;
line-height:13px;
padding:5px 0 0 5px;
top:5px;
width:140px;
text-decoration: none;
float:left;
padding: 5px;
margin: 10px 5px 3px 5px;
}

a.reportitem {
  background-color: #fff;
  border:1px solid #aeaeae;
  width:240px;
  height:45px;
}

div.menucontainer{
  float:left;
}

div.reportcontainer{
  width: 270px;
  float:left;
}
a.menuitem span, a.reportitem span, a.menuitemactive span, .georgiaem {
color:#6D6D6D;
display:block;
font:italic 12px Georgia,"Times New Roman",Times,serif;
}

a.reportitem.active{
  border: 1px solid #5f99be;
  color: #5f99be;
  background:none repeat scroll 0 0 #f9fbfc;
}

a.reportitem span{
  margin-top: 3px;
}

a.submenu:hover{
  background-position: 0 0;
  color: #5F99BE;
  text-decoration: none;
}

a.submenu, a.submenu.active{
  float:left;
  background: url("../images/sub-nav.png") no-repeat scroll -106px 0 transparent;
  color: #6d6d6d;
  display: block;
  height: 22px;
  padding: 1px 0 0;
  text-align: center;
  text-decoration: none;
  width: 106px;
  margin-left: -1px;
  margin: 0 9px 0 5px;
  line-height: 20px;
}

a.submenu.active{
  background: url("../images/sub-nav-active.png") no-repeat scroll 0 0 transparent;
  color: #5F99BE;
  cursor: default;
  z-index: 10;
  width: 114px;
  margin: 0 5px 0 1px;
}

a.submenu.first{
  clear:left;
}

#content #left
{
  width: 540px;
  float: left;
  display: block;
}

#content #right {
  /*float:right;*/
}

#content #center
{
  width: 200px;
}

#distinta-versati .top{
  background-color: #d66
}

#distinta-spediti .top{
  background-color: #6a6
}

#main-content,
#distinta-versati
{
  float: left;
}

#main-stats
{
  float: left;
}

#main-calendar,
#main-infos {
  float:left;
}

#distinta-spediti
{
  float: right;
}

#special-indicator
{
  margin-top:5px;
}

#main-indicator
{
  width: 350px;
  float: right;
}

#main-indicator-left
{
  width: 530px;
  float: left;
}

#main-messages
{
  float: left;
}

div.scelta-modello{
  width: 415px;
  float: left;
  margin-bottom: 8px;
}

div.scelta-modello a{
  color: #777;
  text-decoration: none;
}

div.scelta-modello a.scelto img,
div.scelta-modello a.scelto:hover img{
  border: 2px solid #0b0;
  padding: 3px;
}

div.scelta-modello a img{
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

div.scelta-modello a:hover{
  text-decoration: underline;
}

div.scelta-modello a:hover img{
  border: 2px solid #777;
  padding: 3px;
}

h2.titolo
{
  color: #777;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 7px 7px 7px;
}

h3{
  color: #777;
  font-weight: normal;
  font-size: 14px;
  padding: 10px 7px 7px 7px;
}

h4{
  color: #49d;
  border-bottom: 1px solid #ccf;
  font-size: 14px;
  padding: 2px;
  margin: 2px;
}

p, td
{
  font-size: 12px;
}

span.n-ordine
{
  float: left;
  display: block;
  width: 140px;
}

span.s0
{
  color: #bb3;
}

span.s1
{
  color: #8b3;
}

.modified
{
  text-decoration: line-through;
}

span.s2
{
  color: #444;
}

span.s3
{
  color: #444;
}

span.bold{
  font-weight: bold;
}

span.rag-soc{
  display: block;
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  height: 25px;
}

span.rag-soc-s{
  float: left;
}

span.indirizzo,
span.dati-giudizio,
span.dati-visita,
span.dati-cliente{
  line-height: 16px;
  height: 16px;
  font-size: 10px;
}

span.dati-visita span,
span.dati-giudizio span{
  width: 25%;
  display: block;
  float: left;
}

img.bottoncino
{
  float:right;
  line-height: 50px;
}

img.bottoncino:hover
{
  cursor:pointer;
}

#ordini h5, #visite h5
{
  height: 44px;
}

a.header
{
  line-height: 32px;
  cursor: default;
}

span.ricerca,
span.ricerca-alone,
span.ins-veloce{
  display: block;
  text-align: center;
  -moz-border-radius:0px 0px 5px 5px;
  border:1px solid #bbb;
  border-top: 0;
  padding: 5px;
  background-color: #f9f8da;
}

span.ricerca-alone,
span.ins-veloce{
  -moz-border-radius:5px 5px 5px 5px;
  border-top:1px solid #bbb;
}

span.ins-veloce{
  text-align: left;
  color: #666;
}

span.ins-veloce input.text{
  width: 500px;
}

input.note-edit,
input.importo-edit,
input.ordine-edit,
input.scarico-edit,
input.itinerario-edit,
input.campo-edit{
  padding:1px !important;
  width: 300px;
  display: none;
  position:absolute;
  z-index:100;
  font-size: 11px !important;
}

input.campo-edit{
  width: 25px;
}

input.scarico-edit{
  width: 75px;
}

input.importo-edit,
input.ordine-edit{
  width: 120px;
}

input.itinerario-edit{
  width: 50px;
}

span.nota.no{
  color: #a00;
}

span.itinerario.no{
  font-weight: normal;
}

span.nota, 
span.nota-readonly{
  margin-right: 5px;
}

span.nota:hover{
  cursor:pointer;
  text-decoration: underline;
}


table.edit_form
{
  width: 826px;
  margin:1px;
}

table.edit_form_red
{
  width: 826px;
  margin:1px;
}

table.vis_form
{
  width: 826px;
  margin:1px;
}

table.single_form
{
  width: 100%;
  margin:1px;
}

table.dialog_form
{
  margin:1px;
}

table.edit_form.half
{
  width: 378px;
  margin: 1px auto;
}

table.edit_form_red.half
{
  width: 378px;
  margin: 1px auto;
}

table.edit_form.total
{
  width: 100%;
}

table.edit_form_red.total
{
  width: 100%;
}

table.results
{
  margin-top: 10px;
  width: 100%;
}

table.edit_form td,
table.vis_form td,
table.single_form td,
table.dialog_form td
{
  padding:1px;
  vertical-align:middle;
  color:#777;
}

table.edit_form_red td
{
  padding:1px;
  vertical-align:middle;
  color:#f5862a;
  white-space:nowrap;
}

table.edit_form td {
  height: 26px;
}

table.edit_form_red td {
  height: 26px;
}

table.results td,
table.results th
{
  padding:7px;
  vertical-align:middle;
  color:#49d;
  white-space:nowrap;
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

table.results th
{
  border-right: 0px dotted #ccc;
}

table.results td a
{
  color: #6d6d6d;
  text-decoration: none;
  display: block;
}

table.results td a:hover
{
  color: #6d6d6d;
  text-decoration: underline;
}

table.results td
{
  color: #6d6d6d;
}

span.no-results {
  padding: 12px;
  text-align: center;
  color: #6d6d6d;
  display: block;
}

table.results tbody tr:hover
{
  background-color: #ffffff !important;
}


table.results th:last-child,
table.results td:last-child
{
  border-right: 0px;
}

table.results tr.even
{
  background-color: #F9FFEE;
}

tr.input td{
  color: #777;
  height: 25px;
  padding: 0 15px 5px 0
}

table.dialog_form tr.input td{
  padding-right: 0px;
}

tr.dati td{
  color: #777;
  height: 25px;
  padding-bottom: 5px;
}

tr.dati span {
  display: block;
}

h4.edit_form
{
  /*background-color: #5f99be;*/
  border: 0 none;
  color: #c31f1d;
  margin: 10px 0 0;
  font-weight: bold;
  padding: 4px 4px 1px;
  font-size: 12px;
  text-transform: uppercase;
}

h4.edit_form.verde{
  background-color: #B6CC93;
}
h4.edit_form.arancio{
  background-color: #f5872a;
}

h4.edit_form_red
{
  background-color: #d41717;
  border: 0 none;
  color: #FFFFFF;
  margin: 10px 0 0;
  font-weight: bold;
  padding: 4px 4px 1px;
  font-size: 12px;
  text-transform: uppercase;
}

div.edit_form
{
  border:1px solid #c31f1d;
  color:#c31f1d;
  background-color: #efe6d2;
  min-height:21px;
  padding:0 15px 3px;
  margin-bottom: 2px;
}

span.verde{
  color: #B6CC93;
}
span.arancio{
  color: #f5872a;
}

div.edit_form.verde{
  border-color: #B6CC93;
}
div.edit_form.arancio{
  border-color: #f5872a;
}

div.edit_form_red
{
  border:1px solid #d41717;
  color:#636363;
  background-color: #fafafa;
  min-height:21px;
  padding:0 15px 3px;
  margin-bottom: 2px;
}

div.box
{
  border:1px solid #5F99BE;
  color:#636363;
  background-color: #fafafa;
  min-height:21px;
  padding:0;
  margin-bottom:0;
}

td.error {
  padding-top:2px !important;
  vertical-align:baseline;
  font-size: 80%;
  font-weight: normal !important;
}

.error_list {
  color: #FF7433 !important;
  display: inline-block;
}

.error_list + input, .error_list + textarea{
  border:  1px solid #F26522 !important;
}

a.helpino
{
  line-height: 25px;
}

.edit_form_cella td
{
  padding: 0 !important;
  margin: 0 !important;
}

a.back
{
  float:right;
  margin-top: -6px;
}

.cont-tabella {
  min-height: 330px;
}

.tabella {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #bbb;
  border-top: 0;
}

.tabella tr{height: 40px;}
.tabella th{background: #cde;}
.tabella tr:nth-child(odd) {background: #f0f0f0}
.tabella tr:nth-child(even) {background: #fafafa}

.tabella td, .tabella th {
    border-bottom: 1px dotted #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    color: #222;
    padding: 5px;
    vertical-align: middle;
    white-space: nowrap;
}

.tabella td{
  color: #444;
}

.placeholder {
  color: #aaa !important;
}

.totallong {
  width:98%
}

#tabs .column{
  padding: 0 0 10px;
  margin-left: 10px;
  width: 413px;
  float: left;
}

.abs-column {
  margin-top: -10px;
  width: 270px;
  float: left;
  margin-right: 12px;
}

.abs-column.last {
  width: 390px;
  margin-right: 0px;
}

#tabs .column.last{
  margin-right: 10px;
  margin-left: 10px;
}

.clear {clear: both}

ul.radio_list {
  margin: 0 !important;
}

input.numeric,
input.currency {
  text-align:right;
}

td.riporti span {
  padding-right: 7px;
}

.saving {
  border-color: #ff0 !important;
}

.saved {
  border-color: #0f0 !important;
}

.red {
  color: #f00;
}

.green{
  color: #0b0;
}

.campi-speciali,
.star-mov{
  font-weight: normal;
  color: #444;
  font-size: 10px;
  padding-right: 5px;
  padding-top: 2px;
  text-transform: uppercase;
  cursor: default;
}

.campi-speciali{
  position:absolute;
  width: 100%;
  text-align: right;
}

.star-mov{
  float: left;
  height: 60px;
  width: 18px;
}

.ultime-visite{
  float:right;
  font-size: 10px;
  width: 66px;
  height: 50px;
  padding: 5px 0 5px 5px;
  line-height: 15px;
  border-left: 1px solid #BBBBBB;
  text-align: center;  
}

.itinerario,
.itinerario-fisso,
.ordinato{
  float:right;
  width: 40px;
  text-align: center;  
  padding: 5px;
  line-height: 15px;
  font-size: 11px;
}

.itinerario,
.itinerario-fisso{
    font-weight: bold;
}

.ordinato{
  width: 100px;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  padding: 1px 5px;
}

.itinerario:hover{
  text-decoration: underline;
}

.annotazione-visita.off,
.annotazione-visita-readonly.off,
.urgente.off,
.urgente-readonly.off{
  color: #bbb;
  font-weight: normal;
}

.annotazione-visita.red{
  color: #a00;
}

.annotazione-visita:hover,
.campagna span:hover,
.urgente:hover{
  text-decoration: underline;
}

.annotazione-visita,
.urgente{
  cursor: pointer;
}

.filtro-clienti{
  width: 190px;
  display:inline-block;
  margin: 0 4px;
}

.filtro-itinerario span{
  float:left;
  padding: 1px 5px 1px 1px;
}

.function-bar {
  padding: 3px;
  border: 1px solid #CCCCFF;
  border-radius: 0 0 5px 5px;
  border-top: 0px;
  background-color: #fAFAFF;
  position:relative;
  top: -2px;
  margin-left: 10px;
  width: 775px;
}

.function-bar a{
  color: #666;
  margin-left: 20px;
  text-decoration: none;
}

#sel-clienti-modal {
  overflow: hidden;
}

span.filtro-itinerario {
  width: 135px;
  float:right;
  color: #4f4f4f;
  background-color: #f8f8f8;
  margin: -7px 0px 0px -13px;
  padding: 10px;
  height: 195px;
  border-left: 1px solid #ccc;
}

#filtri-form .filtri input,
#filtri-form .filtri select{
  width: 175px;
}

span.ordinamento {
  width: 155px;
  float:right;
  background-color: #eee;
  margin: -7px -13px 0 0;
  padding: 10px;
  height: 195px;
  border-left: 1px solid #ccc;
  color: #4f4f4f;
}

#filtri-form{
  color:#5F99BE;
  overflow: hidden
}

span.ordinamento .filtro-clienti{
  width: 150px;
}

#sel-clienti-modal #filters {
  width: 250px;
  float:left;
  background-color: #eee;
  margin: -6px -13px;
  padding: 10px;
  height: 400px;
  border-right: 1px solid #ccc;
}

#sel-clienti-modal #results {
  width: 503px;
  height: 410px;
  overflow: auto;
  margin-left: 25px;
  float:left;
}

#tabs .barra-azioni{
  width: auto;
}

.abs-column textarea {
  margin: 10px 0 8px;
}

.elenco-clienti-zona{
  position:relative;
  top: -13px;
}

.pratica-legale{
  background: url(/images/pl.png) no-repeat 100px 7px;
  background-color: #fda !important;
}

.pratica-legale.cliente-selezionato {
  background: url(/images/pl.png) no-repeat 100px 7px, url(/images/check2.png) no-repeat 5px 7px ;
  background-color: #DDDDDD;
}

.cliente-nuovo{
  background: url(/images/cn.png) no-repeat 100px 7px;
  background-color: #ffb !important;
}

.cliente-nuovo.cliente-selezionato {
  background: url(/images/cn.png) no-repeat 100px 7px, url(/images/check2.png) no-repeat 5px 7px ;
  background-color: #DDDDDD;
}

.abituale.cliente-selezionato{
  background: url(/images/check2.png) no-repeat 5px 7px ;
  background-color: #DDDDDD;
}

.insoluto-container.saldato{
  background: url(/images/check2.png) no-repeat 5px 7px ;
  background-color: #DDDDDD;
}

.filtri{
  display:block;
  text-align: left;
}

.filtri-nascosti{
  display:none;
}

.pagination{
  margin: 5px auto 0;
}

.pagination a,
.pagination .active-page{
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background-color: #eee;
}

.pagination a:hover{
  background-color: #ddd;
}

.pagination .active-page{
  font-weight: bold;
  border:0;
  background-color: #fff;
}


#scheda-anag-cliente,
#scheda-visite-cliente,
#scheda-situazione-cliente{
  width: 830px;
  padding: 10px;
  margin: 0;
}

#scheda-situazione-cliente{
  background-color: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 20px;
  line-height: 20px;
}

#scheda-visite-cliente{
  height: 319px;
  width: 809px;
  overflow: auto;
  overflow-x: hidden;
}

#scheda-visite-cliente table,
#scheda-situazione-cliente table{
  width: 100%;
}

#scheda-table-visite td{
  padding: 5px;
}

#scheda-table-visite tr.c0 {
  background: #CCC
}
#scheda-table-visite tr.c1 {
  background: #eee
}

#dialog-modal{
  padding: 0 !important;
  margin: 0 !important;
}

.riquadro-giudizio,
.riquadro-visita,
.riquadro-ordine-scheda,
.riquadro-visita-scheda,
.riquadro-msi,
.riquadro-target,
.riquadro-insoluto,
.riquadro-incasso,
.riquadro-cliente{
  background-color: #DDDDDD;
  color: #444;
  margin-top: 2px;
  border: 1px solid #bbb;
  padding: 0;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0 0 5px 0;
  overflow: hidden;
}

.riquadro-giudizio,
.riquadro-visita,
.riquadro-ordine-scheda,
.riquadro-visita-scheda,
.riquadro-msi,
.riquadro-incasso,
.riquadro-cliente{
  height: 81px;
}

.riquadro-ordine-scheda{
  height: 61px;
}

.riquadro-visita-scheda{
  height: 44px;
}

.riquadro-giudizio,
.riquadro-ordine-scheda,
.riquadro-visita-scheda,
.riquadro-cliente,
.riquadro-insoluto,
.riquadro-visita{
  margin: 2px 0 0 0;
}

.giudizio_container,
.visita_container,
.msi_container,
.incasso_container,
.insoluto-container,
.target-container,
.cliente_container{
  border-bottom:2px solid #444; 
  padding: 2px 5px; 
  background-color: #ddd; 
}

.giudizio_container,
.visita_container,
.msi_container,
.incasso_container,
.cliente_container{
   height:60px
}

.target-container{
  border: 0px;
}

.riquadro-ordine-scheda .visita_container,
.riquadro-visita-scheda .visita_container{
  height: 40px;
}

.riquadro-giudizio:hover,
.riquadro-visita:hover,
.riquadro-ordine-scheda:hover,
.riquadro-visita-scheda:hover,
.riquadro-msi:hover,
.riquadro-incasso:hover,
.riquadro-insoluto:hover,
.riquadro-target:hover,
.riquadro-cliente:hover{
  cursor: default;
  border: 1px solid #888;
  color: #333;
}

.incasso_importo,
.insoluti,
.target-mesi{
  width: 75px;
  line-height: 60px;
  text-align: right;
  border-left: 1px solid #BBBBBB;
  vertical-align: middle;
  font-weight: bold;
  float:right;
}

.incasso_importo{
  height: 60px;
}

.target-mesi{
  min-height: 60px;
  line-height: 20px;
  width: 200px;
  font-weight: normal;
  text-align: left;
  padding-left: 3px;
  font-size: 10px;
}

.insoluti{
  min-height: 60px;
  line-height: 18px;
  width: 300px;
  font-weight: normal;
  padding-left: 3px;
  font-size: 10px;
}

.insoluti.rendere{
  width: 320px;
}

.msi_rag_soc,
.incasso_rag_soc{
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  height: 25px;
  display: block;
  overflow: auto;
}

.msi_dati,
.incasso_dati,
.target-canvass{
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  display: block;
}


.urgente, 
.urgente-readonly,
.data-visita{
  font-weight: bold;
  height: 15px;
  width: 50px;
  float: left;
}

.urgente,
.urgente-readonly{
  clear: both;
}

.data-visita{
  font-weight: normal;
  width: 60px;
}

.riquadro-localita{
  margin-left: 90px;
  font-size: 11px;
}

.riquadro-data{
  margin-left: 90px;
  font-weight: bold;
}

.riquadro-rag-soc span,
.scheda-dati span{
  line-height: 25px;
}

.riquadro-rag-soc,
.scheda-dati
{
  font-size: 12px;
  vertical-align: middle;
  height: 25px;
}

.riquadro-rag-soc{
  font-weight: bold;
  
}

.riquadro-campi{
  float: right;
  width: 151px;
  border-left: 1px solid #bbb;
  height: 100%;
  padding-left: 5px;
}

.head-insoluto,
.head-insoluto-short,
.insoluto,
.insoluto-short,
.annotazione-visita,
.annotazione-visita-readonly,
.campagna-readonly,
.campagna{
  float: left;
  width: 24px;
  text-align: center;
  font-size: 11px;
  padding: 0 3px;
  height: 30px;
  vertical-align: top;
  font-weight: bold;
}

.head-insoluto,
.head-insoluto-short,
.insoluto,
.insoluto-short{
  width: 74px;
  height: 18px;
}

.head-insoluto-short,
.insoluto-short
{
  width: 54px;
}

.insoluto,
.insoluto-short,
.campagna-readonly,
.campagna{
  vertical-align: bottom;
  font-weight: normal;
}

.insoluto.t0,
.insoluto-short.t0{
  color: #b53;
}

.insoluto.t3,
.insoluto-short.t3{
  color: #8b3;
  text-decoration: line-through;
}

.insoluto-container.editable:hover{
  cursor: pointer;
}

.insoluto-container.editable.saldato:hover{
  cursor: default;
}

.nota-insoluto{
  display: none;
}

.funzioni{
  background-image: url(/images/ios.jpg); 
  height: 15px; 
  padding: 0px 5px;
  color: #eef !important;
  font-family: "Lucida Grande",sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}


.funzioni a
{
  padding: 0;
  text-decoration: none;
  line-height: 15px;
  vertical-align: middle;
  font-weight: normal;
  color: #eef !important;
}

.funzioni a:hover
{
  text-decoration: underline;
  color: #fff !important;
}

span.nota-visita,
span.agente-msi,
span.agente-incasso,
span.agente-visita,
span.agente-insoluto
{
  float:right;
  font-size: 11px;
  text-align: right;
  height: 20px;
}

span.nota-visita{
  font-weight: normal;
  max-width: 300px;
  overflow: hidden;
}

span.agente-msi,
span.agente-incasso,
span.agente-insoluto,
span.agente-visita{
  height: 16px;
  margin-right: 5px;
  line-height : 16px;
}

span.agente-insoluto{
  margin-right: 0px;
}

.campagna span{
  display:block;
}

.in-testa{
  margin-top: -10px;
  margin-bottom: 5px;
  border-top: 0 !important;
}

.corpo-visita{
  height: 60px;
}

.riquadro-visita-scheda .corpo-visita,
.riquadro-ordine-scheda .corpo-visita{
  height: 40px;
}

.importo-ordine{
  font-size: 11px;
  height: 20px;
}

.zona-singola{
  position: relative;
  top: 3px;
}

#divCalcolatrice td{
  font-size: 14px;
  height: 37px;
}

#tblFatturato tr.fattura,
#tblDocumenti tr.documento
{
  font-weight: bold;
}

#tblDocumenti tr.documento:hover,
#tblFatturato tr.fattura:hover,
#tblScarichi tr.consumo:hover,
#tblIncassi tr.incasso:hover{
  text-decoration: underline;
  cursor: pointer;
  color: #333;
}

.tblRiepilogo td{
  padding: 1px 2px;
}

textarea:focus, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus {
  background-color: #f9ffee !important;
}

div.alert, span.alert {
    background: url("../images/div_alert.png") no-repeat scroll 3px 3px #FFF5EB;
    border-bottom: 1px dotted #FFB4A0;
    border-top: 1px dotted #FFB4A0;
    color: #FF7355;
}

div.info, span.info {
    background: url("../images/div_alert.png") no-repeat scroll 3px 3px #FFF5EB;
    border-bottom: 1px dotted #FFB4A0;
    border-top: 1px dotted #FFB4A0;
    color: #d33;
}

div.info, span.info {
    background: url("../images/div_info.png") no-repeat scroll 3px 3px #F4F5F6;
    border-bottom: 1px dotted #AAB4BE;
    border-top: 1px dotted #AAB4BE;
    color: #49d;
}

div.info, span.info, div.alert, span.alert {
    margin: 10px auto 0;
    max-width: 880px;
    padding: 7px 10px 7px 35px;
}


#loginForm.alternative,
#emailForm.alternative,
#pwdForm.alternative{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 5px solid #ddd;
  font-weight: normal;
  padding: 26px 24px 46px;
  border-radius: 0 0 0 0 ;
  box-shadow: 0 0 0 0;
}

#loginForm,
#emailForm,
#pwdForm{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.698);
  font-weight: normal;
  padding: 26px 24px 46px;
}

#loginForm input,
#emailForm input,
#pwdForm input{
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
    font-size: 24px;
    font-weight: 200;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: medium none;
    padding: 3px;
    width: 97%;
}

#impostazioni {
    margin: 55px 27px;
    width: 320px;
    float: left;
}

#impostazioni.email{
  width: 460px
}
#login {
    margin: 7em auto;
    width: 320px;
}

#login_error {
    background-color: #FFEBE8;
    border-color: #CC0000;
}

#login label,
#impostazioni label{
    color: #777777;
    font-size: 14px;
}

#add-regali-modal .filtro-clienti,
#add-prodotti-modal .filtro-clienti{
  width: 285px;
  float: none;
}

#add-regali-modal select,
#add-prodotti-modal select{
  width: 260px;
}

#add-regali-modal #filters,
#add-prodotti-modal #filters {
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    height: 50px;
    margin: -6px -13px 0;
    padding: 5px;
}

.colonna-prodotti{
  height: 330px;
  width: 320px;
  display:block;
  float:left;
  border-right: 1px solid #ccc;
}

#add-regali-modal #results td:nth-child(even),
#add-prodotti-modal #results td:nth-child(even){
  background-color: #fafafa;
}

.colonna-prodotti span.singolo-prodotto{
  display: block;
  padding: 10px 5px 0;
  height: 30px;
}

.colonna-prodotti span.desc{
  width: 177px;
  float:left;
  text-align: right;
  padding-right: 3px;
}

#add-regali-modal .colonna-prodotti span.desc{
  width: 242px;
}

.colonna-prodotti span.singolo-prodotto div{
  float:right;
  width:65px;
}

#add-regali-modal #results-container,
#add-prodotti-modal #results-container{
  height: 345px;
  overflow: auto;
}

#add-regali-modal #results,
#add-prodotti-modal #results{
  float:left;
}

span.clear-date{
  width: 22px;
  height: 24px;
  position:relative;
  left: -22px;
  background: url(aristo/images/ui-icons_454545_256x240.png) -77px -125px no-repeat !important;
  display: inline-block !important;
  margin-bottom: -8px;
  padding: 0 !important;
}

span.clear-date:hover{
  cursor:pointer;
}

div.target-mesi b:hover,
span.target-canvass b:hover,
span.n-ordine b:hover,
span.importo b:hover{
  cursor:pointer;
  text-decoration: underline;
}

.riquadro-incasso.readonly{
  height: 64px;
}

.riquadro-target,
.riquadro-insoluto{
  min-height: 64px;
  overflow: visible;
}

.riquadro-target{
  margin: 3px;
}

.ui-spinner {position: relative; border: 0px solid white; }
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}

button{
  background-color: #c31f1d;
  color: white;
  border: 0;
  font-size: 14px;
  padding: 6px 12px;
  line-height: 20px;
}

td.date span.clear-date{
  left: 0;
}

td.date input{
  position: relative;
  left: 22px;
}

.nascosto{
  display: none;
}

.invisibile{
  visibility: hidden;
}

div.trovato-nulla{
  height: 30px;
  margin: 2px auto;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #444;
  text-transform: uppercase;
}

div.barretta{
  background-color: #DDDDDD;
  border: 1px solid #BBBBBB;
  margin: 2px 0;
  text-align: right;
  padding: 2px;
  color: #444;
}

div.barretta.attaccata{
  margin: 0;
  border: 0;
  border-bottom: 1px solid #BBBBBB;
}

div.barretta a.ui-plus{
  background: url(../images/add.png) 0 no-repeat;
  line-height: 16px;
  height: 16px;
  padding-left: 18px;
}
div.barretta a.ui-xls{
  background: url(../images/xls.png) 0 no-repeat;
  line-height: 16px;
  height: 16px;
  padding-left: 18px;
}

div.barretta a.ui-checks{
  background: url(../images/checks.png) 0 no-repeat;
  line-height: 16px;
  height: 16px;
  padding-left: 18px;
}

div.barretta a.ui-10{
  background: url(../images/10.png) 0 no-repeat;
  line-height: 16px;
  height: 16px;
  padding-left: 18px;
}

div.barretta a.ui-7{
  background: url(../images/7.png) 0 no-repeat;
  line-height: 16px;
  height: 16px;
  padding-left: 18px;
}

div.barretta a.ui-8{
  background: url(../images/8.png) 0 no-repeat;
  line-height: 16px;
  height: 16px;
  padding-left: 18px;
}

div.barretta .left{
  float:left;
}

div.barretta.totop{
  
}

#insomese-tabs div.barretta
{
  margin-bottom: 10px;
}

#zone-insoluti-darend div.barretta{
  margin-top: -13px;
}

#map-cliente{
  width: 100%;
  height: 318px;
}

div.navbar{
  width: 100%;
  height: 25px;
  padding: 5px 0 0;
}

div.navbar a{
  color: #fff;
  width: 100px;
  text-align: center;
  line-height: 25px;
  text-decoration: none;
  float: left;
}

div.navbar a.verde{
  background-color: #B6CC93;
}

div.navbar a.arancio{
  background-color: #F5872A;
}

div.navbar a.right{
  float:right;
}

div.navbar a.arancio.b0{
  background-color: #f5923e;
}
div.navbar a.arancio.b2{
  background-color: #f7aa69;
}
div.navbar a.arancio.b4{
  background-color: #fac394;
}
div.navbar a.verde.b0{
  background-color: #b6d020;
}
div.navbar a.verde.b2{
  background-color: #c6da51;
}
div.navbar a.verde.b4{
  background-color: #d7e583;
}

div.navbar a img{
  height: 25px;
}
div.navbar a img.coda{
  float:left;
}

div.navbar a img.testa{
  float:right;
}

h4.edit_form span.verde,
h4.edit_form span.arancio{
  color:#fff;
}

#tabs-geo .ui-tabs-panel,
#tabs-art .ui-tabs-panel{
  padding:0;
}

#tabella-geo,
#tabella-art,
#tabella-art-distr{
  height: 440px;
  padding: 10px !important;
  overflow: auto;
}

.tabella.completa{
  border-top: 1px solid #bbb;
}

#tabella-geo a,
#tabella-art a,
#tabella-art-distr a{
  text-decoration: none;
}

#tabella-geo .barretta a:hover,
#tabella-art .barretta a:hover,
#tabella-art-distr .barretta a:hover{
  text-decoration: underline;
}

tr.riga:hover{
  text-decoration: underline;
  cursor: pointer;
}

#tabs.ordine li a{
  padding: 0.7em 0.7em;
}

.spesso{
  font-size: 12px;
}

table.edit_form.chiusura{
 width: 801px;
}

table.edit_form.chiusura td{
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 28px;
}

table.edit_form.chiusura tr{
  border-bottom: 1px solid #ddd;
}

table.edit_form.chiusura tr.noborder{
  border-bottom: 0px;
}

.cliccabile:hover{
  text-decoration: underline;
  cursor: pointer;
}

.click:hover
{
  cursor:pointer;
}

.bwizard-steps {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-bottom: 3px;
}

.bwizard-steps li {
    display: inline-block;
    position: relative;
    margin-right: 2px;
    line-height: 18px;
    list-style: none;
    padding: 12px 17px 10px 30px;
    background: #efe6d2;
    zoom: 1;
}

.bwizard-steps li:first-child:before {
    border: none;
}

.bwizard-steps li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #f9f5ec;
    border-top: 20px inset transparent;
    content: "";
}

.bwizard-steps li:after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efe6d2;
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
}
.bwizard-steps .active {
    background-color: #c31f1d;
}
.bwizard-steps .active:after {
    border-left-color: #c31f1d;
}
.bwizard-steps .active {
    color: #fff;
}
.bwizard-steps li:last-child:after {
    border: none;
}
.bwizard-steps .active .label {
    background-color: #333;
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bwizard-steps .label {
    margin: 0 5px 0 0;
    padding: 1px 5px 2px;
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 3px;
}