/**
 * Copyright (c) 2008 - 2024 Christoph Jäger, christoph.jaeger@derwald.at
 * All rights reserved.
 */
* {
    font-family: sans-serif;
}

body {
    margin: 8px;
}

label {
    margin: 0;
}

a:link {
    font-weight: bold;
    color: black;
    text-decoration: none;
}

a:visited {
    font-weight: bold;
    color: black;
    text-decoration: none;
}

a:focus {
    font-weight: bold;
    color: #4a6a0c;
    text-decoration: underline;
}

a:hover {
    font-weight: bold;
    color: #4a6a0c;
    text-decoration: underline;
}

a:active {
    font-weight: bold;
    color: #4a6a0c;
    text-decoration: underline;
}

table.main {
    table-layout: fixed;
    width: 100%;
}

td.left-column {
    width: 212px;
    text-align: center;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

td.right-column {
    width: 250px;
    text-align: center;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

td.spacer {
    width: 10px;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

span.news-title {
    font-size: 1.3em;
    font-weight: bold
}

span.copyright {
    font-size: 0.8em;
    color: grey;
}

td.border-right {
    vertical-align: top;
    border-right: 1px dotted gray;
    padding-right: 15px;
    margin-top: 15px;
}

td.border-left {
    vertical-align: top;
    border-left: 1px dotted gray;
    padding-left: 10px;
    padding-bottom: 10px;
}

td.main-content {
    padding: 0 10px 0 10px;
    margin: 0;
    vertical-align: top;
    background-color: #edf5dc;
}

tr.bar {
    font-size: 1.3em;
    text-transform: uppercase;
}

td.bar {
    background-color: #81B716;
    padding: 3px 10px 0 10px;
    color: white;
}

td.bar .selected {
    font-weight: bold;
    color: white;
}

td.bar .unselected {
    font-weight: normal;
    color: white;
}

td.bar a {
    color: white;
}

.menu .menu1:first-child {
    margin-top: 0;
}

.menu1 {
    font-weight: bold;
    border-top: 1px dotted gray;
    padding-top: 5px;
    padding-left: 5px;
    margin-top: 10px;
    text-transform: uppercase;
}

.menu2 {
    padding-top: 0.2em;
    padding-left: 0.5em;
    line-height: 1em;
}

.menu2 a {
    font-weight: normal;
}

.menu3 {
    padding-top: 0.2em;
    padding-left: 1.5em;
    text-indent: -0.5em;
    line-height: 1em;
}

.menu3 a {
    font-weight: normal;
}

div.username {
    font-weight: bold;
}

/** general settings for forms **/

input {
    border: 1px solid gray;
    padding-left: 1px;
    padding-right: 1px;
    font-size: inherit;
}

input[type=submit] {
    background-color: #81B716;
    color: white;
    font-weight: bold;
}

input[type=submit][disabled=disabled] {
    background-color: #cccccc;
}

input[type=reset] {
    background-color: #81B716;
    color: white;
    font-weight: bold;
}

input[type=reset][disabled=disabled] {
    background-color: #cccccc;
}

input.numeric {
    text-align: right;
}

#formLogin input {
    width: 220px;
}

#formLogin div.login-error ul {
    list-style-type: none;
    color: red;
}

td.buttons {
    text-align: left;
}

td.buttons input {
    margin-right: 5px;
}

input.number, input.n {
    text-align: right;
}

select {
    border: 1px solid gray;
    padding-left: 1px;
    padding-right: 1px;
    font-size: inherit;
}

textarea {
    border: 1px solid gray;
    padding-left: 1px;
    padding-right: 1px;
    font-size: inherit;
}

/** settings for edit pages **/

table.edit {
    margin-bottom: 20px;
}

table.edit th {
    padding: 4px;
    vertical-align: top;
}

table.edit th.header {
    background-color: #81B716;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 2px 5px 2px 2px;
}

table.edit td {
    text-align: left;
    padding: 2px;
}

table.edit td.num {
    text-align: right;
}

table.edit td input {
    padding: 2px 5px;
}

table.edit td textarea {
    padding: 2px 5px;
}

table.edit td select {
    padding: 2px 5px;
}

table.edit td.buttons input {
    margin-top: 2px;
}

div.palette div.palette-title {
    background-color: #81B716;
}

input.inline-4em {
    display: inline;
    width: 4em;
}

input.inline-8em {
    display: inline;
    width: 8em;
}

input.inline-20em {
    display: inline;
    width: 20em;
}

/** settings for parse error display table **/

table.parseError {
    border: 1px solid gray;
    padding: 3px;
}

table.parseError th {
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
}

table.parseError td {
    text-align: left;
    vertical-align: top;
}

/** settings for dateRange table **/

table.dateRange {
    border: 1px solid gray;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

table.dateRange td {
    text-align: left;
    vertical-align: top;
    border-width: 1px 0 1px 0;
    border-color: gray;
    border-style: solid;
    padding: 0;
}

table.dateRange tr.level1 {
    border-top: 1px solid black;
}

table.dateRange tr.level1 th {
    text-align: left;
    vertical-align: top;
    padding: 1px;
    border-width: 0 1px 0 1px;
    border-color: gray;
    border-style: solid;
}

table.dateRange tr.level2 {
/ / border-top: 1 px solid black;
}

table.dateRange tr.level2 th {
    text-align: right;
    vertical-align: top;
    padding: 1px;
    font-size: 0.8em;
    border-width: 0 1px 0 1px;
    border-color: gray;
    border-style: solid;
}

table.dateRange tr.level3 th {
    text-align: right;
    vertical-align: top;
    padding: 1px;
    font-size: 0.8em;
    border-width: 0 1px 0 1px;
    border-color: gray;
    border-style: solid;
}

table.dateRange tr.underline {
    border-bottom: 1px solid black;
}

table.dateRange tr.overline {
    border-top: 1px solid black;
}

table.dateRange tr.spacer {
    font-size: 0.7em;
    visibility: collapse;
}

table.dateRange td.u {
    background-color: white;
}

table.dateRange td.n {
    background-color: #cccccc;
}

table.dateRange td.v {
    background-color: #81B716;
}

table.dateRange .rightline {
    border-right: 1px solid gray;
}

/** settings for permissions pages **/

table.perm {
    border: 1px solid gray;
    padding: 0;
}

table.perm th {
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
}

table.perm tr.country th {
    vertical-align: middle;
    background-color: #81B716;
    color: white;
}

table.perm th.expand {
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
    background-color: #81B716;
    color: white;
}

table.perm tr.hidden {
    background-color: #dde5cc;
    color: gray;
}

table.perm tr.hidden a:link {
    color: gray;
}

table.perm tr.hidden a:visited {
    color: gray;
}

table.perm td {
    text-align: left;
    vertical-align: middle;
}

table.perm tbody.r tr td {
    text-align: center;
    vertical-align: middle;
}

table.perm tbody.r tr td.l {
    text-align: left;
}

table.perm td.rh {
    text-align: center;
    vertical-align: middle;
    background-color: gray;
}

table.perm tbody.r input {
    padding: 0;
    height: initial;
}

table.perm {
    margin-bottom: 20px;
}

/** settings for study information **/
table.study {
    border: 1px solid gray;
    padding: 0;
}

table.study th {
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
}

table.study td {
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
}

/** settings for sessions **/
table.sessions {
    border: 1px solid gray;
    padding: 0;
}

table.sessions th {
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
}

table.sessions td {
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
}

/** settings for events **/

.events ul {
    margin: 0;
    padding: 10px;
}

.events ul a {
    font-weight: normal;
}

span.date {
    color: #81B716;
}

h1 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.4em;
}

h2 {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    padding: 0;
    color: #81B716;
    font-weight: bold;
    font-size: 1.2em;
}

p {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

div.border {
    border: 1px solid gray;
    padding: 2px;
}

div.border-highlight {
    border: 1px solid gray;
    background-color: white;
    padding: 2px;
}

/* settings for the login and events box */
DIV.right-box {
    float: right;
    width: 250px;
    padding: 0 0 5px 10px;
    background-color: white;
    border-left: 1px dotted gray;
    border-bottom: 1px dotted gray;
}

/* adjustments for error messages */

DIV.t-error div {
    background-color: #81B716;
}

DIV.t-error {
    border: 1px solid #81B716;
    background-color: white;
}

/* adjustments for the beaneditor component */

DIV.t-beaneditor label {
    width: 20%;
    display: block;
    float: left;
    text-align: left;
    clear: left;
    padding-right: 3px;
}

/* adjustments for the palette component */

DIV.t-palette-title {
    background-color: #81B716;
}

/* adjustments for the data-grid-pager */

ul.pagination {
    margin: 5px;
}

ul.pagination a {
    text-decoration: none;
    padding: 2px 5px;
    border: 1px solid gray;
    font-size: 1em;
    font-weight: normal;
}

ul.pagination .active a {
    background-color: #81B716;
    color: #ffffff;
}

DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
    text-decoration: none;
    padding: 2px 5px;
    border: 1px solid gray;
    font-size: 1em;
    font-weight: normal;
    margin-right: 5px;
}

DIV.t-data-grid-pager A:hover {
    border: 1px solid black;
}

DIV.t-data-grid-pager SPAN.current {
    color: white;
    background-color: #81B716;
}

table.table thead tr th {
    padding: 4px;
}

table.table tbody tr td {
    padding: 4px;
}

table.table tbody tr.inactive {
    background-color: #dde5cc;
    color: gray;
}

table.table tbody tr.inactive a:link {
    color: gray;
}

table.table tbody tr.inactive a:visited {
    color: gray;
}

table.table th {
    background-color: #81B716;
    color: white;
}

table.table th a {
    color: white;
}

TABLE.t-data-grid tr.deleted {
    background-color: #dde5cc;
    color: gray;
    text-decoration: line-through;
}

TABLE.t-data-grid tr.deleted a:link {
    color: gray;
}

TABLE.t-data-grid tr.deleted a:visited {
    color: gray;
}

/* adjustments for the beaneditor component */

DIV.t-beaneditor {
    display: block;
    background: none;
    border: 1px solid gray;
    padding: 2px;
    font-family: sans-serif;
}

/* adjustments for the beandisplay component */

DIV.t-beandisplay {
    display: block;
    background: none;
    border: 1px solid gray;
    padding: 2px;
    font-family: sans-serif;
}

/* adjustments for the palette component */
DIV.t-palette SELECT {
    width: 200px;
}

/* make the date picker popup visible above images */
.datePicker {
    z-index: 3;
}

/* settings for the particle count table */

table.particleCount {
    border-collapse: collapse;
    margin-bottom: 10px;
}

table.particleCount td {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    background-color: white;
    padding: 2px;
    margin: 0;
}

table.particleCount td input {
    padding: 0;
    margin: 0;
    text-align: right;
    height: 25px;
}

table.particleCount th {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    background-color: #eeeeee;
    font-weight: normal;
    text-align: left;
    padding: 5px;
}

table.particleCount tr.data td {
    text-align: right;
}

table.particleCount input#previousbutton {
    margin-right: 5px;
}

/* settings for the update viewer table */

table.updateViewer {
    border-collapse: collapse;
    margin-bottom: 10px;
}

table.updateViewer td {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    background-color: white;
    text-align: right;
    padding: 2px;
}

table.updateViewer td.e {
    background-color: #eeeeee;
}

table.updateViewer td.n {
}

table.updateViewer td.cu {
    background-color: #ffeeee;
}

table.updateViewer td.c {
    background-color: #ffeeee;
    font-weight: bold;
}

table.updateViewer td.u {
    color: gray;
}

table.updateViewer td.total {
    font-style: italic;
}

table.updateViewer th {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    background-color: #eeeeee;
    font-weight: normal;
    text-align: left;
    padding: 2px;
}

table.updateViewer th.small {
    font-size: 0.8em;
    text-align: right;
}

/* settings for statistics */

table.statistic {
    border-collapse: collapse;
    background-color: white;
}

table.statistic td {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
}

table.statistic td.plain {
    font-style: normal;
    font-weight: normal;
}

table.statistic td.bold {
    font-style: normal;
    font-weight: bold;
}

table.statistic td.italic {
    font-style: italic;
    font-weight: normal;
}

table.statistic td.left {
    text-align: left;
}

table.statistic td.center {
    text-align: center;
}

table.statistic td.right {
    text-align: right;
}

/* settings for the changelog tables */

table.changelog {
    border-collapse: collapse;
}

table.changelog td {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding: 3px;
}

table.changelog th {
    border-style: solid;
    border-width: 1px;
    background-color: #eeeeee;
    border-color: gray;
    padding: 3px;
}

/* settings for highlight errors */

span.err, span.warn {
    color: red;
}

span.grey {
    color: grey;
}

p.text {
    line-height: 120%;
}

table.pidedit {
    border-collapse: collapse;
}

table.pidedit > tbody > tr > td {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding: 3px;
}

table.pidedit td.code {
    vertical-align: top;
    text-align: right;
}

table.pidedit td.name {
    font-size: 0.8em;
}

table.pidedit td.field {
    vertical-align: top;
}

table.pidedit th.center {
    text-align: center;
}

table.pidedit td.field input.num {
    text-align: right;
}

table.pidedit td.flag {
    text-align: center;
    font-size: 1.2em;
}

table.pidedit td span.taxon {
    font-style: italic;
}

table.pidedit th {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding: 3px;
    background-color: white;
    text-align: left;
}

img.hint {
    height: 20px;
    position: relative;
    top: 5px;
    margin-left: 5px;
}

img.svg-icon {
    height: 20px;
}

.data-use-policy td,
.data-use-policy th {
    vertical-align: top;
    padding-left: 10px;
}

.data-use-policy tr.section-start {
    border-top: 10px solid transparent;
}