body, table {
	font-family: 'Open Sans', sans-serif;
}

body {
    margin-left: 0px;
}

h2 {
    margin-top: 40px;
}

ul {
  margin: 1em;
  padding: 0px;
  list-style-type: square;
}

li {
  margin: 1em 0;
}

ul.compressed li {
  margin: 0 0;
}

p.copyright {
	color: grey;
	font-size: 10pt;
}

td.year {
	font-weight: bold;
	padding-right: 15px;
}

table {
  border-collapse: collapse;
}

table td {
  padding: 4px;
  vertical-align: top;
}

tr.border_top td {
    border-top: 1pt solid black;
}

td.border_left {
    border-left: 1pt solid black;
}

table.colright td + td + td {
  text-align: right;
  padding-right: 10px;
}

td.padright {
  padding-right: 10px;
}

.code {
    font-family:'Lucida Console', monospace;
}

.indented {
    padding-left: 20px;
}

tr.grey {
    background-color: lavender;
}

td.green {
    color: #009600;
}

td.red {
    color: #FF0000;
}

a {
	text-decoration: none;
}

a:link {
	color: #5858FA;
}

a:visited {
	color: #5858FA;
}

a:hover {
	color: #FF8000;
}

a:active {
	color: black;
}

/* Navigation bar */
.navbar {
    /*overflow: hidden;*/
    background-color: whitesmoke;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    /*padding-left: 45px;*/
    font-size: 10pt;
    text-transform: uppercase;
}

/* Links inside the navbar */
.navbar a {
    float: left;
    display: block;
    text-align: center;    
    padding: 14px 12px 14px 16px;
    text-decoration: none;
}

/* Main content */
.main {
    margin: 60px 60px 0 60px;
}

.anchor{
  display: block;
  height: 20px; /*same height as header*/
  margin-top: -20px; /*same height as header*/
  visibility: hidden;
}

.anchor:link, .anchor:visited, .anchor:hover, .anchor:active {
    color: black;
}

.highlight {
    background-color: pink;
    padding: 15px;
}

.citation {
    padding-left: 15px;
    padding-right: 15px;
    font-style: italic;
}

tr.detailed-heading td {
    border-top: 5px solid white;
    background-color: grey;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

tr.detailed-heading td:hover {
    background-color: #5A5A5A;
}

tr.detailed-table-overall-header td {
    font-weight: bold; 
    background-color: orange;
    text-align: center;
}

tr.detailed-table-main-header td {
    border-top: 5px solid white;
    font-weight: bold; 
    background-color: gold;
    text-align: center;
    cursor: pointer;
}

tr.detailed-table-main-header td:hover {
    background-color: orange;
}

tr.detailed-table-sub-header td {
    font-weight: bold; 
    background-color: moccasin;
}

table.detailed {
    width: 100%;
    margin-left:auto; 
    margin-right:auto;
}

tr.no-corr {
    color: #BDBDBD;
}

h4.codalab {
    color: #5858fa;
}

input.tab {
    visibility:hidden;
}

label.tab {
    float: left;
    padding: 5px 20px 5px 20px;
    background-color: #E5E5E5;
    cursor: pointer;
    margin-right: 10px;
}

label.tab:hover {
    background: gold;
}

input.tab:checked + label {
    background: orange;
}

div.tab-content {
    display: none;
}

tr.cs, tr.ds, tr.dt {
    display: none;
}

.leaderboard {
    height: 500px; 
    width: 100%; 
    border: none;
}


/* Codalab leaderboard */

.resultsTable {
    width: 100%;
}

.resultsTable tbody tr:nth-child(2n) {
    background: lavender;
}

.hide {
    display: none !important;
}

tr.leaderboard-result-table-header {
    background-color: #C2C2FF;
}

.column-selected {
    font-weight: bold;
}

.column-selectable {
    padding: 4px;
    text-align: right;
}

table.sortable th {
    cursor: pointer;
}

.sortable th:not(.sorttable_nosort):not(.sorttable_sorted):not(.sorttable_sorted_reverse):after{
	opacity:0.25;
	display:inline;
	content:'\a0\25B4';
}