body {
    background-color: #F0FFF0 ;
    padding-right: 20px;    padding-left: 20px; 
    font-family: 'Gentium Book Basic', serif; font-size:14pt;
    font-size: 16pt; color: black;
    
    /*  #E8E8E8   #5E5853  */
}

h1,h2,h3,h4 {
    color: #055; margin:0;  margin-bottom:5pt; margin-top: 5pt;
    font-family: 'Merriweather Sans';
}
h1 {
    font-size:18pt;
}
h2 {
    font-size: 16pt;
}
h3 {
    font-size:14pt;
}
h4 {
    font-size:12pt;
}


div,li {font-family: 'Gentium Book Basic', serif; font-size:14pt; padding-bottom:5pt; }
a.external {
    background-image: url('../../assets/Icon_External_Link.png');
    padding-right: 12px;
    text-decoration: underline;
    background-position: right;
    background-repeat:no-repeat;
}


table {
  border-collapse: collapse;
  
}

tr {
  border-bottom: 1px solid #888;

}
th {text-align:left;}
td.nb {white-space: nowrap;}
td.right {text-align: right;}
td.left {text-align: left;}
th.right {text-align: right;}
th.left {text-align: left;}
th.centre {text-align: center;}
td.centre {text-align: center;}
td.negative {color:red;}
td.positive {color:green;}
td.number {text-align: right; padding-right: 10pt;}
td,th  {border-right: 1px solid  #777;}
.bar {border-right: 3px solid  #888;}
th {font-size: 80%; text-align:centre;}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}


button {font-family: 'Merriweather Sans', sans; font-size:16pt; background-color: '#EfEfEf'}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}