/*
 * https://www.drweb.de/magazin/zeitgemaesse-rasterlayouts-mit-css-grids-48432/
 * http://jsfiddle.net/u6xZF/1/
 * http://jsfiddle.net/Nnjpq/1/
 */
* {
/* So 100% means 100% */
box-sizing:border-box;
scrollbar-width:thin;
scrollbar-color:rgba(155, 155, 155, 0.5) transparent;
}
*::-webkit-scrollbar {
width:5px;
}
*::-webkit-scrollbar-track {
background:transparent;
}
*::-webkit-scrollbar-thumb {
background-color:rgba(155, 155, 155, 0.5);
border-radius:20px;
border:transparent;
}
body {
width:100%;
min-width:265px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding:0px;
overflow-y:hidden;
overflow-x:hidden;
}

form, table, td {
padding:0px;
margin:0px;
border-spacing:0px;
}

table {
width:100%;
}

th {
padding:0px 0px 0px 3px;
text-align:left;
font-weight:bold;
}

thead th {
position:sticky;
top:0;
}

th.actions {
height:24px;
padding-top:3px;
padding-right:3px;
text-align:right;
font-weight:bold;
overflow:visible;
}
td.nobreak {
white-space:nowrap;
word-wrap:none;
word-break:keep-all;
}

/*
thead th.actions div.actions {
position:absolute;
right:22px;
margin-top:-14px;
padding-top:4px;
padding-right:4px;
}
*/

td {
vertical-align:top;
padding:1px 0px 1px 3px;
}

td.actions {
padding-top:2px;
padding-right:3px;
text-align:right;
}

h2, h2 a {
padding:0px;
margin:0px;
line-height:18px;
font-size:18px;
}

h3, h3 a {
padding:0px;
margin:0px;
line-height:16px;
font-size:16px;
}

h4, h4 a {
padding:0px;
margin:0px;
font-weight:bold;
font-size:12px;
line-height:12px;
}

a {
text-decoration:none;
}

a:focus {outline:none;}

img {border:0px none;}

a > img {
border:0px none;
margin:0px;
}

input, textarea, select, file {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
border-style:solid;
border-width:1px;
}

/* input[type="text"], input[type="password"], input[type="select"], input[type="file"],
input[type="email"] */
input {
height:19px;
padding:0px 0px 2px 2px;
vertical-align:middle;
}
input[type="checkbox"] {
padding:0px;
}
input[type="checkbox"], input[type="radio"] {
width:15px;
margin:0px 0px -1px -4px;
outline:none;
}

select {
height:18px;
position:relative;
margin-top:-1px;
padding:0px;
cursor:pointer;
}

input[type="submit"], input[type="button"] {
height:18px;
font-size:12px;
font-weight:bold;
line-height:9px;
padding:1px 2px 0px 2px;
outline:none;
position:relative;
cursor:pointer;
}

input[type="text"], input[type="password"], input[type="file"] {
padding-top:1px;
}

input[type="file"] {
width:170px;
height:19px;
margin-top:1px;
font-size:9px;
cursor:pointer;
opacity:0;
}

textarea {
height:18px;
padding-top:2px;
}

ul {
padding:0px 0px 0px 10px;
}

/** SCROLLBARS */
/*
::-webkit-scrollbar {
width:16px;
background-color:#cccccc;
}
::-webkit-scrollbar-thumb {
background-color:#B03C3F;
border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
background-color:#BF4649;
border:1px solid #333333;
}
::-webkit-scrollbar-thumb:active {
background-color:#A6393D;
border:1px solid #333333;
}
::-webkit-scrollbar-track {
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
}
thumb {
-moz-appearance:none!important;
background:red!important
}
scrollbar {
-moz-appearance:none!important;
background-color:#e9e9f3!important
}
scrollbarbutton {
-moz-appearance:none!important;
background-color:#a6a7d0!important
}
*/
.unselectable {
-moz-user-select:none;
-webkit-user-select:none;
-webkit-touch-callout:none;
-ms-user-select:none;
-khtml-user-select:none;
-o-user-select:none;
user-select:none;
}

.none {
display:none;
}

.bold {
font-weight:bold;
}

/** Out-faded elements */
img.opacityFade {
opacity:0.5;
}

/** TRANSPARENCY */
.transparentBorder {
border:1px solid transparent;
}
.transparentBackground {
background:transparent;
}
/** UPLOADS */
.uploadSelector {
padding:0px;
margin:0px;
height:0px;
}
/** UPLOAD */
.uploadCopy {
display:none;
}
.uploadCount {
padding-bottom:1px;
}
.uploadFileName {
max-width:100px;
height:17px;
overflow:hidden;
float:left;
word-wrap:break-word;
word-break:break-all;
}
.uploadFilePercent {
 float:left;
}
.uploadFileProgress {
width:100px;
height:5px;
/* float:left;
margin-left:5px;
*/
margin-top:3px;
margin-left:2px;
outline:1px solid white;
overflow:hidden;
display:none;
}
.uploadFileProgressBar {
width:0px;
height:5px;
background-color:white;
}
.uploadFileAbort, .uploadFileDelete {
width:10px;
display:none;
float:left;
margin-left:5px;
}

/** OBJECT FIT */
.objectFitContain {
object-fit:contain;
}
.objectFitCover {
object-fit:cover;
}
.centered {
/* position:fixed; */
top:50%;
left:50%;
/* bring your own prefixes */
transform:translate(-50%, -50%);
}
/** CALENDAR */
table.calendarView {
border:1px solid #0eaabf;
}
table.calendarView tr:nth-child(even) {
background:#eef9fa;
}
table.calendarView tr:nth-child(odd) {
background:#daf1f5;
}
table.calendarView tr:hover {
background:#cafbd1;
}
.calendarEventContainer:hover {
background:#f7dbed;
}
.messages {
padding:5px;
background-color:#999999;
color:white;
opacity:1;
transition:opacity 0.6s;
margin-bottom:5px;
}
.error, .messages.error {
background-color:#f44336;
}
.warning, .messages.warning {
background-color:#ff9800;
}
.notice, .messages.notice {
background-color:#32dc39;
}
.info, .messages.info {
background-color:#2196F3;
}

.messagesClose {
margin-top:-2px;
margin-left:15px;
color:white;
font-weight:bold;
float:right;
font-size:22px;
line-height:20px;
cursor:pointer;
transition:0.3s;
}

.messagesClose:hover {
color:black;
}
/* http://caniuse.com/#feat=viewport-units */
body.noFrame {
height:auto;
overflow:auto;
}

.contentOuterWrapper {
border:1px;
border-style:solid;
}
.contentOuter {
width:calc(100% - 20px);
/* height:calc(100vh - 20px); */
height:calc(var(--vh, 1vh) * 100 - 25px);
margin:10px 10px 10px 10px;
overflow:hidden;
border:1px;
border-style:solid;
border-radius:10px;
}
.contentOuter.noFrame {
height:auto;
overflow:auto;
}

.contentInner {
/* height:100vh; */
height:var(--vh, 1vh) * 100;
padding-bottom:13px;
overflow:hidden;
}
.contentInner.noFrame {
height:auto;
overflow:auto;
padding-bottom:0px;
}

.contentHeader {
height:50px;
border:1px;
border-style:solid;
border-radius:10px;
}

.contentFooter {
width:calc(100% - 21px);
height:23px;
position:fixed;
bottom:0px;
margin-left:-2px;
padding-top:3px;
border:1px;
border-style:solid;
border-radius:10px;
}
.contentFooter.noFrame {
position:relative;
width:calc(100% - 0px);
margin-top:5px;
}
.debugInfo {
display:none;
}

.globalApiContent {
width:100%;
min-width:265px;
max-width:calc(100vw - 18px);
/* height:calc(100vh - 50px); */
height:calc(var(--vh, 1vh) * 100 - 82px);
/* min-height:calc(100vh - 95px); */
min-height:calc(var(--vh, 1vh) * 100 - 127px);
padding:25px 5px 10px 5px;
overflow-x:auto;
overflow-y:scroll;
border-width:1px;
border-style:solid;
border-color:transparent;
}
.globalApiContent.noFrame {
height:auto;
padding-bottom:5px;
}

.contentToolbarOuter {
width:100%;
position:absolute;
top:0px;
left:0px;
z-index:3;
}

.contentToolbar h2 {
display:inline;
}

.contentOverlay, .sublistOverlay {
width:calc(100% - 6px);
max-width:calc(100vw - 18px);
/* height:calc(100vh - 84px); */
height:calc(var(--vh, 1vh) * 100 - 84px);
position:absolute;
top:25px;
background:#FFF;
overflow-y:scroll;
z-index:1;
}
.sublistOverlay {
z-index:2;
}
.contentOverlay.noFrame, .sublistOverlay.noFrame {
/* height:calc(100vh - 22px); */
height:calc(var(--vh, 1vh) * 100 - 22px);
}

div.dataListFilterOptions {
border:1px;
border-style:solid;
}

table.dataList tr:hover {
cursor:pointer;
}
table.dataList td {
white-space:nowrap;
word-wrap:nowrap;
word-break:break-all;
overflow:hidden;
vertical-align:middle;
}

@media all and (max-width: 460px) {
table.dataList {
max-width:calc(100vw - 35px);
}
table.dataList th:not(.actions),
table.dataList td:not(.actions) {
display:none;
}
table.dataList th:nth-child(1) {
max-width:calc((100% - 130px) / 2);
display:table-cell;
}
table.dataList td:nth-child(1) {
max-width:calc((100% - 130px) / 2);
display:table-cell;
}
table.dataList th:nth-child(2) {
max-width:calc((100% - 130px) / 2);
display:table-cell;
}
table.dataList td:nth-child(2) {
display:table-cell;
}
}

div.dataItemEditLeft {
min-width:265px;
width:calc(50% - 10px);
float:left;
}
div.dataItemEditRight {
min-width:265px;
width:calc(50% - 10px);
float:right;
}
div.noEdit {
padding:5px;
}

div.searchDynamicContainer {
position:absolute;
z-index:1;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {
opacity:0.7;
}
button:active, input[type="button"]:active, input[type="submit"]:active,
input[type=button]:active, input[type=submit]:active,
input[type="button"]:focus, input[type="submit"]:focus,
input[type=button]:focus, input[type=submit]:focus {
border-color:#FFFFFF;
border-style:outset;
}

input[type="checkbox"], input[type=checkbox], input[type="radio"], input[type=radio] {
padding:0px;
font-size:1em;
opacity:1;
color:rgb(153,204,102);
}
input[type="checkbox"], input[type=checkbox] {
width:2em;
/* margin:0px 0px 2px 0px; */
border:0.0625em solid rgb(192,192,192);
border-radius:0.25em;
background:rgb(224,224,224);
background-image:-moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:-ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:-o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:-webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:linear-gradient(rgb(240,240,240),rgb(224,224,224));
vertical-align:bottom;
}
input[type="checkbox"]:before, input[type=checkbox]:before {
width:1em;
content:'✓';
display:block;
color:rgb(153,204,102);
font-size:0.875em;
line-height:1em;
text-align:center;
text-shadow:0 0 0.0714em rgb(115,153,77);
font-weight:bold;
}
input[type="radio"], input[type=radio] {
width:0.5em;
height:0.5em;
margin:0.125em;
border:0.0625em solid rgb(115,153,77);
border-radius:0.125em;
background:rgb(153,204,102);
background-image:-moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
background-image:-ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
background-image:-o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
background-image:-webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
background-image:linear-gradient(rgb(179,217,140),rgb(153,204,102));
}
input[type="checkbox"]:hover, input[type=checkbox]:hover, input[type="radio"]:hover, input[type=radio]:hover {
cursor:pointer;
}

select.selectValue {
width:50px;
}
select.selectUnit {
width:90px;
}

input.noEditOverride, select.noEditOverride, textarea.noEditOverride {
border:1px;
border-style:solid;
}

/*
input[type=checkbox]:not(old) + label > span,
input[type=radio]:not(old) + label > span{
display: inline-block;
width: 0.875em;
height: 0.875em;
margin: 0.25em 0.5em 0.25em 0.25em;
border:0.0625em solid rgb(192,192,192);
border-radius:0.25em;
background:rgb(224,224,224);
background-image:-moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:-ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:-o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:-webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
background-image:linear-gradient(rgb(240,240,240),rgb(224,224,224));
vertical-align:bottom;
}
*/
/*
 * https://proto.io/freebies/onoff/
 */
.onoffswitch {
width:28px;
display:inline-block;
position:relative;
margin-top:1px;
margin-left:0px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
.onoffswitch-checkbox {
display:none;
}
.onoffswitch-label {
display:block;
overflow:hidden;
cursor:pointer;
border:2px solid #999999;
border-radius:20px;
}
.onoffswitch-inner {
width:200%;
display:block;
margin-left:-100%;
transition:margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
width:50%;
height:10px;
display:block;
float:left;
padding:0;
line-height:12px;
font-size:10px;
color:white;
font-family:Trebuchet, Arial, sans-serif;
font-weight:bold;
box-sizing:border-box;
}
.onoffswitch-inner:before {
content:"";
padding-left:5px;
background-color:#47C20E;
color:#FFFFFF;
}
.onoffswitch-inner:after {
content:"";
padding-right:5px;
background-color:#F20000;
color:#FFFFFF;
text-align:right;
}
.onoffswitch-switch {
width:10px;
display:block;
margin:3px;
background:#FFFFFF;
position:absolute;
top:0;
bottom:0;
right:11px;
border:2px solid #999999;
border-radius:20px;
transition:all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left:0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right:0px;
}
/** DEFAULT */
.columns {
overflow-x:hidden;
}

.columnsList {
overflow-x:visible;
margin-left:-4px;
margin-right:-4px;
}

.columnsList > div {
float:left;
}

/** 1/3:2/3 Columns nebeneinander mit mindestens 265px */
.column-33, .column-50, .column-77 {
width:100%;
float:none;
}
/* Komischerweise funktioniert die exakte Breiten-Berechnung nicht und wir muessen mehr Raum in die
 * Breite beruecksichtigen als rechnerisch notwendig waere
 */
@media all and (min-width: 540px) {
.column-50 {
width:calc(50% - 5px);
min-width:265px;
max-width:calc(50% - 5px);
margin:0px;
}
.column-50:nth-child(odd) {
float:left;
margin-right:5px;
}
.column-50:nth-child(even) {
float:right;
margin-left:5px;
}
}
/*
 * http://www.mediaevent.de/css/display-flex.html
 * https://blog.kulturbanause.de/2013/07/einfuhrung-in-das-flexbox-modell-von-css/
 * http://caniuse.com/#feat=flexbox
 */
.flexboxContainer {
display:flex;
flex-direction:row;
flex-wrap:wrap;
/* justify-content:space-between; */
justify-content:center;
align-items:stretch;
align-content:stretch;

margin-left:-5px;
margin-right:-5px;
}

/*
.flexboxContainer:after, .flexboxContainerImages:after, .flexboxContainerVideos:after, .flexboxContainerAudios:after {
content:"";
display:inline-block;
padding-left:100%;
}
*/
.flexboxItem, .flexboxContainer > div {
flex:1;
}
/*
.flexboxContainer > div > div > a > img {
height:80px;
max-height:80px;
}
*/
.flexboxItem, .flexboxContainer > div {
min-width:205px;
}
.dropdownLayer {
display:inline-block;
margin-top:-3px;
overflow:visible;
}
.headerLeft > .dropdownLayer {
float:left;
}
.headerRight > .dropdownLayer {
float:right;
}

/** Container 1 */
.dropdownLayer > div:nth-child(1) {
position:relative;
cursor:pointer;
display:block;
padding:2px;
margin-right:-0.5px;
font-weight:bold;
/* z-index:6; */
border-bottom:0px none !important;
}
.dropdownActive > div:nth-child(1) {
z-index:7;
}

/** Container 2 */
.dropdownLayer > div:nth-child(2) {
display:none;
margin-top:-0.5px;
margin-bottom:0.5px;
z-index:6;
}
.dropdownActive > div:nth-child(2) {
display:block;
z-index:6;
}
.dropdownActive > div:nth-child(2) {
display:block;
}
.dropdownActive, .dropdownActive div, .dropdownActive a, .dropdownActive span, .dropdownActive * {
z-index:7;
}
.dropdownRight > div:nth-child(2) {
position:relative;
right:0px;
margin-right:-0.5px;
z-index:6;
}

/** Overlay */
.dropdownLayer > div:nth-child(1) > .dropdownOverlay {
width:100%;
height:3px;
display:none;
/* visibility:hidden; */
position:absolute;
margin-left:-2px;
margin-top:1px;
z-index:8;
border-top:0px none !important;
border-bottom:0px none !important;
}
.dropdownActive .dropdownOverlay {
display:block;
z-index:7;
}

/** Content Container */
.dropdownLayer > div:nth-child(2) > div {
position:absolute;
}
.dropdownRight > div:nth-child(2) > div {
right:0px;
}

.dropdownLayer > div:nth-child(1),
.dropdownLayer > div:nth-child(2) > div,
.dropdownActive > div:nth-child(1),
.dropdownActive > div:nth-child(2) > div,
.dropdownLayer > .dropdownOverlay {
border-width:1px;
border-style:solid;
border-color:transparent;
}

/** Container 2 -> a */
.dropdownLayer > div:nth-child(2) > div > a, .dynamicGroups > a, a.dropdown, .containerHover > a, .dropdownContainer > a {
display:block;
padding:3px;
white-space:nowrap;
font-weight:bold;
}

/** Dropsides */
.dropsideLayer {
display:none;
float:right;
position:absolute;
margin-top:-37px;
}
.dropsideLayer > .dropdownOverlay {
width:3px;
height:36px;
z-index:8;
position:absolute;
margin-top:1px;
margin-right:-3px;
}
.dropsideLayer > .dropdownContainer {
position:absolute;
}
.dropdownActive .dropdownHide {
display:none;
}
/**
.popupActive {
z-index:7;
}

.popupLayer {
min-width:300px;
min-height:30px;
}

.popupLayer > div {
height:100%;
}
*/

.popupActive {
z-index:7;
}

.popup {
min-width:300px;
max-width:700px;
width:calc(100vw - 50%);
min-height:30px;
max-height:calc(100vh - 20% - 20px);
position:fixed;
top:calc(100vh - 85vh);
/*
left:25%;
*/
left:50%;
transform:translateX(-50%);
overflow-x:hidden;
overflow-y:auto;
border:1px;
border-style:solid;
}

.popup input.popupAbort, .popup input.popupConfirm {
margin-right:5px;
margin-bottom:5px;
}

@media all and (max-width: 799px) {
.popup {
min-width:calc(100vw - 20%);
max-width:calc(100vw - 10%);
width:calc(100vw - 20%);
}
}

.popupMove {
width:calc(100% - 20px);
height:25px;
position:absolute;
top:2px;
cursor:move;
margin-top:0px;
}

.popupResize {
width:20px;
height:20px;
position:sticky;
right:0px;
bottom:0px;
margin-top:-20px;
float:right;
cursor:se-resize;
}

.popupWrapper {
padding:10px;
margin-right:2px;
}

.popupWrapper .bg1 {
max-width:calc(100% - 0px);
}

.popupLayer > div:not(.popupMove) {
height:100%;
}

.popupModalLayer {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000;
opacity:0.4;
z-index:6;
}
.sortablePlaceholder {
float:left;
margin-right:10px;
margin-bottom:10px;
border:1px dashed white;
}
.sortablePlaceholderImageContainer {
width:126px;
height:100px;
margin-bottom:10px;
border:1px dashed white;
}

/* HIGHLIGHTER */
.highlight{background-color:yellow}

/* COLORPICKER */
.jPicker .Title,
.jPicker .Button,
.jPicker .Move,
.jPicker .AHex,
.jPicker .Current {
display:none !important;
}
.jPicker .Preview {
padding:0px !important;
}
div.jPicker {
width:380px !important;
max-width:380px !important;
height:260px !important;
padding:0px 0px 0px 0px !important;
overflow:hidden !important;
position:relative !important;
margin-top:0px !important;
margin-left:0px !important;
background-color:transparent;
border:0px none;
}
table.jPicker {
width:380px !important;
max-width:380px !important;

height:260px !important;
padding:0px !important;
background-color:transparent !important;
border:0px none !important;
}
.jPicker .Map {
margin:0px !important;
padding:0px !important;
}
.jPicker .Bar {
margin:0px 5px 0px 10px !important;
}
.jPicker .Preview {
height:40px !important;
}
.jPicker .Preview div {
height:30px !important;
overflow:hidden !important;
}
table.jPicker td.Radio {
width:40px !important;
white-space:nowrap;
word-break:keep-all;
word-wrap:normal;
}
table.jPicker td.Text {
width:40px !important;
white-space:nowrap;
word-break:keep-all;
word-wrap:normal;
}
table.jPicker td.Text input {
margin:0px !important;
}
.jPicker input {
/* color:#000 !important; */
font-size:11px;
}

/* FLOT Chart */
.legendLabel {padding-left: 5px;}

/* DRAGGABLE */
.ui-state-disabled {opacity : 1 !important;}

/* RESIZABLE */
.ui-resizable-handle {
opacity:0 !important;
}

/* OSM */
.olControlZoomIn, .olControlZoomOut, #OpenLayers_Control_MaximizeDiv_innerImage {
display:none;
}

/* Zoom Function */
.zoomLens, .zoomContainer, .zoomWindow {
z-index:99;
}
/*
var oDocumentRoot= document.documentElement;
console.log(getComputedStyle(oDocumentRoot).getPropertyValue('--window-light-border'));
oDocumentRoot.style.setProperty('--window-dark-background', '#FFF');
oDocumentRoot.style.setProperty('--window-dark-background', getComputedStyle(oDocumentRoot).getPropertyValue('--window-light-border'));

--scrollbars-background:#FFF;
--scrollbars-border:#FFF;

--content-dynamic-search-background:#FFF;
--content-dynamic-search-border:#bd0e12;

--window-dark-background:#9b3355;
--window-dark-border:#7d2b45;
--window-light-background:#c65378;
--a-main-color:#dddddd;

*/

:root {
--vh:100vh;
--window-dark-background:#ede9cd;
--window-dark-border:#4b4b4b;
--window-dark-color:#f8f1d6;
--window-light-background:#808080;
--window-light-border:#2c746b;
--window-light-color:var(--window-dark-background);
--a-color:#970047;
--a-hover-color:var(--a-color);
--a-hover-background:var(--window-light-background);
--a-hover-text-decoration:underline transparent;
--a-no-color:var(--table-th-background);
--a-headerLogo-color:var(--window-dark-color);
--input-border:var(--window-dark-border);
--input-color:var(--window-dark-border);
--dropdown-border:var(--window-dark-border);
--dropdown-background:var(--window-light-background);
--dropdown-hover-background:var(--a-color);
--dropdown-color:var(--window-dark-color);
--dropdown-a-color:var(--window-dark-color);
--dropdown-a-hover-color:var(--window-dark-background);
--popup-background:var(--window-light-background);
--popup-border:var(--window-dark-border);
--popup-color:var(--window-light-color);
--table-border:var(--window-dark-color);
--table-background-even:var(--window-light-background);
--table-background-odd:#959595;
--table-background-hover:var(--window-light-border);
--table-th-background:var(--window-dark-border);
--table-th-color:var(--window-dark-color);
--table-td-color:var(--window-dark-background);
--content-header-background:var(--window-dark-border);
--content-header-border:var(--window-dark-color);
--content-header-color:var(--window-dark-color);
--content-footer-background:var(--content-header-background);
--content-footer-border:var(--content-header-background);
--content-footer-color:var(--window-dark-color);
--content-footer-a-color:var(--window-dark-color);
--content-footer-a-hover-color:var(--window-light-border);
--content-footer-a-hover-background:transparent;
--content-footer-a-hover-text-decoration:underline transparent;
--content-background:var(--window-dark-color);
--content-color:var(--window-dark-border);
--toolbar-background:var(--window-dark-background);
--toolbar-color:var(--window-dark-border);
--toolbar-a-background:transparent;
--toolbar-a-color:var(--window-dark-border);
--toolbar-a-hover-color:var(--a-color);
--toolbar-a-hover-background:transparent;
--toolbar-a-hover-text-decoration:transparent;
--input-noedit-background:var(--window-light-background);
--input-noedit-border:var(--a-color);
--input-nodit-input-color:var(--window-dark-background);
--input-noedit-overridden-border:var(--a-main-color);
}

body {
background:var(--window-dark-background);
}

table.dataList, table.dataItem {
border-width:1px;
border-style:solid;
border-color:var(--table-border);
}

th, thead th.actions div.actions {
background:var(--table-th-background);
color:var(--table-th-color);
}

table.dataList td {
color:var(--table-td-color);
}

table.dataList tr:nth-child(even) {
background:var(--table-background-even);
}
table.dataList tr:nth-child(odd) {
background:var(--table-background-odd);
}
table.dataList tr:hover:not(.noHover), table.dataItem tr:hover:not(.noHover) {
background:var(--table-background-hover);
}

/** Links */
a {
color:var(--a-color);
}
a.noColor {
color:var(--a-no-color);
}
a:hover {
color:var(--a-color-hover);
text-decoration:var(--a-hover-text-decoration);
}
a.hover {
color:var(--a-color-hover);
background-color:var(--a-hover-background);
text-decoration:var(--a-hover-text-decoration);
}
a img:hover {
opacity:0.4;
}
a.headerLogo {
color:var(--a-headerLogo-color);
}

input, select, textarea {
border-color:var(--input-border);
color:var(--input-color);
font-weight:bold;
}

/** Content classes */
.contentHeader {
background:var(--content-header-background);
border-color:var(--content-header-border);
color:var(--content-header-color);
}

.contentFooter {
background:var(--content-footer-background);
border-color:var(--content-footer-border);
color:var(--content-footer-color);
}

.contentOuterWrapper {
background:var(--window-dark-background);
border-color:var(--window-light-border);
}

.contentOuter {
border-color:var(--window-dark-border);
}

.contentInner {
background:var(--content-background);
color:var(--content-color);
}

.searchDynamicContainer {
background-color:var(--window-light-color);
border:1px solid var(--window-dark-border);
}

/** Toolbar */
.contentToolbarOuter {
background:var(--toolbar-background);
color:var(--toolbar-color);
}
.contentToolbar {
color:var(--toolbar-color);
}
.contentToolbar a {
background:var(--toolbar-a-background);
color:var(--toolbar-a-color);
}
.contentToolbar a:hover {
color:var(--toolbar-a-hover-color);
text-decoration:var(--toolbar-a-hover-text-decoration);
background-color:var(--toolbar-a-hover-background);
}
/** (Global) Content */
.globalApiContent {
background:var(--content-background);
}

div.dataListFilterOptions {
background:var(--content-background);
border-color:var(--window-dark-border);
}

/** Scrollbars */
/*
.scrollbarsContainer {
border:1px solid var(--scrollbars-border);
}
.scrollbarsScroller {
background:var(--scrollbars-background);
}
*/

/** Popups */
.popup {
background:var(--popup-background);
border-color:var(--popup-border);
color:var(--popup-color);
}

/** Dropdowns */
.dropdownHeader, .dropdownOverlay, .dropdownContainer {
background:var(--dropdown-background);
}
.dropdownLayer .containerHover a,
.dropdownContainer a {
color:var(--dropdown-a-color);
}
.dropdownLayer > div:nth-child(2) a:hover,
.dropdownLayer .containerHover:hover,
.dropdownLayer .dropdownContainer a:hover {
background:var(--dropdown-hover-background);
color:var(--dropdown-a-hover-color);
}
.dropdownActive > div:nth-child(1),
.dropdownActive > div:nth-child(2) > div,
.dropdownActive .dopdownOverlay {
border-color:var(--dropdown-border);
}
/** Eingabefelder */
/** div.noEdit, input.noEdit, select.noEdit, textarea.noEdit { */
.noEdit {
border-color:var(--input-noedit-border);
background:var(--noedit-markup-background);
color:var(--nodit-input-color);
}
input.noEditOverride, select.noEditOverride, textarea.noEditOverride {
border-color:var(--noedit-overridden-border);
}
/*
div.noEdit {
color:var(--nodit-input-color);
}
*/
/**
div.searchDynamicContainer {
background:var(--content-dynamic-search-background);
border:1px solid var(--content-dynamic-search-border);
}
*/

.contentFooter a {
color:var(--content-footer-a-color);
}
.contentFooter a:hover {
color:var(--content-footer-a-hover-color);
background-color:var(--content-footer-a-hover-background);
text-decoration:var(--content-footer-a-hover-text-decoration);
}