body {
  font-family: "Gotham SSm A", "Gotham SSm B", Verdana, sans-serif;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}


.code-value-uri
{
    margin-top: 6px;
    color: #999;
    font-size: 80%;
}

.firstCol3 { width: 33%; max-width: 33%; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.secondCol3 { width: 33%; max-width: 33%; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.thirdCol3 { width: 34%; max-width: 34%; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;}

.firstCol2 { width: 40%; max-width: 40%; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.secondCol2 { width: 60%; max-width: 60%; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;}

.tableheader {
font-size: 150%;
font-weight: 700;
text-align: left;
width: 100%;
background-color: #000000;
color: #FFFFFF;
padding-left: 0.5em;
margin-top: 1.5em;
}

h3.tableheader {
padding-top: 0.2em;
padding-bottom: 0.2em;
}

a[target^="_blank"] {
    background: url("../images/external.png") center right no-repeat;
    background-size: contain;
    padding-right: 25px;
}


p.unstable {background-color: #FED0A4;}
tr:nth-child(odd).testing>td {background-color: #F9F9F9; }
tr:nth-child(even).testing>td {background-color: #FFFFFF; }
tr:nth-child(odd).unstable>td {background-color: #FED0A4; }
tr:nth-child(even).unstable>td {background-color: #FCAF6C; }

#termName.testing {background-color: #FFFFFF; }
#termName.unstable {background-color: #FED0A4; }



.oval {
-moz-border-radius: 50% / 50%;
-webkit-border-radius: 50% / 50%;
border-radius: 50% / 50%;
border: 1px solid black;
padding-left: 2em;
padding-right: 2em;
text-align: center;
display: table-cell;
padding-top: 0.6em;
padding-bottom: 0.2em;
background-color: #EEFFFF;
}

.rect {
border: 1px solid black;
padding-left: 2em;
padding-right: 2em;
text-align: center;
display: table-cell;
padding-top: 0.6em;
padding-bottom: 0.2em;
background-color: #EEFFFF;
}

.predicate {
display: table-cell;
text-align: center;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 1.2em;
vertical-align: top;
background-repeat: no-repeat;
background-position: right center;
background-image: url('../images/rightarrow.svg');
}

#triple {
padding-top: 1em;
padding-bottom: 1em;
}

.footer {
position: relative; padding-top: 6em; bottom: 4px; left: 4px; font-size: 0.8em;
}

.italic {font-style: italic; color: #999999;}


input.chck {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.licencerow {
  display: flex;
}
.licencerow .licencecol {
  flex: 1;
}
.licencerow .licencecol:last-child {
  margin-left: 1em;
}

/* Accordion styles */
.licencetabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.licencetab {
  width: 100%;
  color: #000099;
  overflow: hidden;
}
.licencetab-label {
  display: flex;
  justify-content: space-between;
  padding: 0.1em 1em 0.1em;
  background: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}

.licencetab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all .35s;
}
.licencetab-content {
  max-height: 0;
  padding: 0.1em 1em 0.1em;
  color: black;
  background: #FFFFFF;
  transition: all .35s;
}
.licencetab-close {
  display: flex;
  justify-content: flex-end;
  padding: 0.1em 1em 0.1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.licencetab-close:hover {
  background: #1a252f;
}



/* Accordion styles */
.abouttabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.abouttab {
  width: 100%;
  color: #000099;
  overflow: hidden;
}
.abouttab-label {
  display: flex;
  justify-content: space-between;
  padding: 0.1em 1em 0.1em;
  background: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}

.abouttab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all .35s;
}
.abouttab-content {
  max-height: 0;
  padding: 0.1em 1em 0.1em;
  color: black;
  background: #FFFFFF;
  transition: all .35s;
}
.abouttab-close {
  display: flex;
  justify-content: flex-end;
  padding: 0.1em 1em 0.1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.abouttab-close:hover {
  background: #1a252f;
}



input.chck:checked + .licencetab-label {
}

input.chck:checked + .licencetab-label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
input.chck:checked ~ .licencetab-content {
  max-height: 100vh;
  padding: 0.1em 1em 0.1em;
}

iframe#licence { margin-left: 0em; margin-right: 0em; width: 100%; }