/*area riservata*/
.area_riservata table a{
  color:#000000;
  text-decoration:underline;
}
.area_riservata table a:hover{
  color:#555555;
  text-decoration:none;
}
.area_riservata table td{
  padding:2px;
}
.area_riservata h4.navigation{
  float:right;
}
.area_riservata h4.navigation a{
  color:#F45C5D;
}

/*campi all'interno del form*/
.area_riservata input[type=text],
.area_riservata select,
.area_riservata textarea{
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.area_riservata input.button{
    border-radius: 4px;
    display: inline-block;
    outline: 0 none !important;
    padding: 0.7rem 1.2rem;
    font-size:15px; 
    text-align: center;
    text-transform: uppercase;
    background-color: #337ab7;
    border:1px solid #2e6da4;
    color: #fff;
}
.area_riservata input.button:hover{
    background-color: #286090;
}
.area_riservata input.button.reso {
    font-size: 13px;
    padding: 0.5rem 1.0rem;
    background-color: #F27A10;
    border: 1px solid #DD6802;
}
/*.area_riservata input.button.reso:hover{
    background-color: #EF6D10;
}*/
.area_riservata input.button.reso.inviato{
  background-color: #1087EF;
  border: 1px solid #1064EA;  
}
.area_riservata input.button.reso.accettato{
  background-color: #0FAA0A;
  border: 1px solid #0D8E08;  
}
.area_riservata input.button.reso.rifiutato{
  background-color: #F73333;
  border: 1px solid #C62929;  
}
.area_riservata input.button.reso:hover{
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}
.area_riservata .err_msg_area{
    background-color: #ee0000;
    font-size:1.0em;
    padding:5px;
    color:#ffffff;
}
.area_riservata input.readonly{
  background-color: #eeeeee;
}

/* tabelle con dimensione fissa e scroll */
.table_fixed_container{
  border:1px solid #eeeeee;
  position:relative;
  width:100%;
}
.table_fixed_width { 
  overflow-x:scroll;
  overflow-y:visible;
  margin-left:200px;
}

/*tabella ordini, tabella download*/
table.tabella_ordini,
table.tabella_download{
    border-collapse: collapse;
    border: 1px solid #999999;
}
table.tabella_ordini td,
table.tabella_download td {
    font-size:1em;
    border: 1px solid #999999;
    padding:5px;
}
table.tabella_ordini th,
table.tabella_download th{
    font-size:1.1em;
    font-weight:normal;
    background-color:#0b5caa;
    color:#ffffff;
    padding:3px;
    border: 1px solid #999999;
    text-align:center;
}
table.tabella_ordini th.col_reso{
  background-color:#F27A10;
  border: 1px solid #DD6802;
}
table.tabella_ordini tr.riga1{
    background-color:#eeeeee;
}
table.tabella_ordini tr.riga2{
    background-color:#ffffff;
}
table.tabella_ordini tr.riga_green{
    background-color:#c0f3ab;
}
table.tabella_ordini tr.riga_yellow{
    background-color:#f3f1ab;
}


/*tabella prenotazioni*/
table.prenotazioni{
    border-collapse: collapse;
    font-size:12px;
    table-layout: fixed; 
    width: 100%;
    *margin-left: -200px;/*ie7*/
}
table.prenotazioni .headcol {
  position:absolute;
  *position: relative; /*ie7*/
  left:0; 
  width:200px;
}
table.prenotazioni thead th{
    background-color: #222222;
    color:#ffffff;
    text-align:center;
    padding:5px;
    border:1px solid #999999;
    font-weight:normal;
}
table.prenotazioni tbody td{
    text-align:center;
    padding:5px;
    border:1px solid #999999;
    font-size:11px;
    height:50px;
}
table.prenotazioni tbody td.intestazione{
    background-color: #444444;
    color:#eeeeee;
    font-size:12px;
}
table.prenotazioni tbody td.content{
    background-color: #FFFFFF;
    color:#000000;
}
table.prenotazioni tbody td.content:hover{
    background-color: #FFE100;
}
table.prenotazioni tbody td.content.disabled,
table.prenotazioni tbody td.content.disabled:hover{
    background-color: #dddddd;
    color:#222222;
}
table.prenotazioni tbody td.content.highlight,
table.prenotazioni tbody td.content.highlight:hover{
    background-color: #79D5FC;
    color:#000000;
}
table.prenotazioni tbody td.content.filtered,
table.prenotazioni tbody td.content.filtered:hover{
    background-color: #fa8f15;
    color:#000000;
}


/*tabella statistiche*/
table.statistiche th,
table.statistiche td{
  border:1px solid #dddddd;
  padding:5px;
}
table.statistiche thead th,
table.statistiche tfoot th{
  background-color: #393947;
  color:#ffffff;
  font-size:1.1em;
  font-weight:normal;
  text-align:center; 
}
table.statistiche tbody td{
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
  text-align:center;
}
table.statistiche td.number,
table.statistiche th.number{
  text-align:right;
}
table.statistiche td.number.green,
table.statistiche th.number.green{
  color:#0D8E08
}
table.statistiche td.number.red,
table.statistiche th.number.red{
  color:#C62929;
}
table.statistiche tfoot th.totale{
  text-align:right;
  background-color: #474752;
}


/*modal*/
.modal .modal-header{
  background-color: #337ab7;
}
.modal textarea{
  width:100%;
  height:100px;
  margin-top:5px;
}
/*modal resi*/
#modal_dettaglio_reso #sostituzione_articoli_selezionati{
  border-top:1px solid #dddddd;
  margin-top:20px;
  padding-top:10px;
  text-align:right;
  font-weight:bold;
  font-size:1.1em;
}
#modal_dettaglio_reso #sostituzione_articoli_selezionati input[type=text]{
  text-align:right;
  width:80px;
  background-color: #eeeeee;
  color:#333333;
  margin:1px 0px;
}
.modal-xl{
  width:95%;
}
.tableFixHeadInModal{ 
  overflow-y: auto; 
  height: 600px; 
}
.tableFixHeadInModal thead th{ 
  position: sticky; 
  top: 0; 
}

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }


/* alert primary */
.alert-primary{
  background-color: #dddddd;
  color: #333333;
}

/* dot */
.dot {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
.alert-primary .dot{
  float:right;
}
.red{
  background-color: #dd0000;
}
.yellow{
  background-color: rgb(226, 195, 19);
}
.green{
  background-color: rgb(37, 165, 69);
}