html {
font-size:16px;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444;
}
 
/*
 * Create dark blue header with a white logo
 */
  
header {
  background-color: #000080;
  height: 30px;
  width: 100%;
  opacity: .9;
  margin-bottom: 10px;
}
 

header h1.logo {
  margin: 0;
  font-size: 1.5rem;
  color: #fff;
  float: left;
  text-transform: capitalize;
}
header h1.logo:hover {
  color: #ccf;
  text-decoration: none;
}
 


 
/*
 * Center the body content
 */
  
.container {
  width: 1000px;  /* era width: 940px!!! */
  height:50px;
  margin: 0 auto; 
}


 
div.jumbo {
  padding: 10px 0 30px 0;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
 
h2 {
  font-size: 1.4em;
  margin-top: 10px;
  text-align: center;
  letter-spacing: -2px;
}
 
h3 {
  font-size: 1.2em;
  font-weight: 100;
  margin-top: 5px;
  text-align: center;
  letter-spacing: -1px;
  color: #b9ceeb;
}

h4 {
  font-size: 1.1rem;
  font-weight: 100;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
  letter-spacing: -1px;
  color: navy;
}


/* aggiunti da me*/
li {display:inline}

herr {
  color:red;
} 
dat {
  color:darkblue;
  background-color: #e6ffff;
}
od{
  color: darkgreen;
  background-color: #eeeeee;
}
/* questo serve x far apparire il checkbox in chrome e safari ma non funziona!! 
input[type=checkbox] { -webkit-appearance:checkbox; }
*/
#ch input[type=checkbox]
{
  display: inline-table;
}

/*
table, th, td {border: 1px solid black;border-collapse: collapse;}
th, td {padding: 1px;}
*/
/* secondo tipo di table */
table, th, td {
    border: 1px solid lightgray;
    border-collapse: collapse;
    padding: 1px;
}
th, td {
    padding: 1px;
}

tavolaeff {
    font-family: "Lucida Console", Monaco, monospace;
}

/* colore rosso per i button principali con id="butt" 
#butt {color:red;}
*/

datac { color:darkblue}


/*
trasformazioni del testo
*/
p.u {
    text-transform: uppercase;
}

p.l {
    text-transform: lowercase;
}

p.c {
    text-transform: capitalize;
}

.button {
    background-color: red;
}


.button1 {
  background-color: green; /* Green */
  border-radius:7px;
  border: outset;
  color: white;
  padding: 1px 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.8rem;
  margin: 2px 2px;
  cursor: pointer;
}



.button_reset {
  background-color: red; /* Green */
  border-radius:7px;
  border: outset;
  color: white;
  padding: 1px 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  margin: 2px 2px;
  cursor: pointer;
}

  /*In  Firefox elimina le fastidiose freccine nei campi di input number*/
input[type=number] {
  -moz-appearance: textfield;
}


.button1:disabled {
    background-color: lightgrey;
    color: linen;
    opacity: 1;
}
.button1:enabled {
    background-color: red;
    color: linen;
    opacity: 1;
}

.pandastable {
    border: 3px solid navy;
    text-align: right;
    font-family: "Lucida Console", Monaco, monospace;
    font-size:0.8rem;
    /* Override rule above to left align specific columns */

}


#dftable td {
  text-align: center;
  font-weight: 100;
  font-family: "Lucida Console", Monaco, monospace;
  font-size:0.8rem;
  padding: 4px;
  border: 1px solid navy; 
}

#dftable tr td:nth-child(1) {
    font-size:1rem;
    font-weight: 200;
    text-align: right;
}
#dftable tr td:nth-child(2) {
    text-align: right;
}
#dftable tr td:nth-child(3) {
    text-align: right;
}

#dftable tr td:nth-child(4) {
    font-size:0.7rem;
    font-weight: 100;
    text-align: left;
}



#dftable2 td {
  text-align: center;
  font-weight: 100;
  font-family: "Lucida Console", Monaco, monospace;
  font-size:0.8rem;
  padding: 4px;
  border: 1px solid navy; 
  background-color: lightyellow;  
}

#dftable2 tr td:nth-child(1) {
    font-size:1rem;
    font-weight: 200;
    text-align: right;
}
#dftable2 tr td:nth-child(2) {
    text-align: right;
}
#dftable2 tr td:nth-child(3) {
    text-align: right;
}

#dftable2 tr td:nth-child(4) {
    font-size:0.7rem;
    font-weight: 100;
    text-align: left;
}