#content-header {
  margin: 0 16px !important;
  }
#geomar-header {
  float: right;
  color: #18438C;
  display: block;
}
#metadata-section {
  padding-top: 1em;
}
#metadata-section ul {
  list-style-type: none;
  display: inline-flex;
}


#content-header input {
    padding: 3px 10px !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 3px !important;
    color: white !important;
    text-shadow: 0 1px 0 #777 !important;
}
#content-header input:hover {
    opacity: 0.5 !important;
}
#content-header .darkorange {
    background-color: darkorange !important;
}
#content-header .dodgerblue {
    background-color: dodgerblue !important;
}
#content-header .yellowgreen {
    background-color: yellowgreen !important;
}
#content-header .steelblue {
    background-color: steelblue !important;
}
#content-header .blueviolet {
    background-color: blueviolet !important;
}
#content-header .strongyellow {
    background-color: #d1d100 !important;
}
#content-header .cadetblue {
    background-color: cadetblue !important;
}
#content-header .teal {
    background-color: teal !important;
}
#content-header .firebrick {
    background-color: firebrick !important;
}
#content-header .green {
    background-color: green !important;
}
#content-header .midnightblue {
    background-color: midnightblue !important;
}
#content-header button {
    padding: 3px 10px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
}
#content-header button:hover {
    opacity: 0.5 !important;
}
#crumbbar a.crumb:nth-child(1) span.label::before {
    content: "hdl:20.500.12085/";
}