body {
    background: #fff;
}

body, table td {
    font-family: 'DIN Pro' !important;
}

body, a:link, a:visited, a:hover, a:active {
    color: #404040;
}

input {
    border: none;
    background: transparent;
}

h1 {
    font-size: 2em;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    text-align: center;
}

.dockLayout {
    overflow-x: auto;
}

.rootCenter {
    margin: auto;
}

.rootCenter img {
    max-height: 80px;
}

.gwt-Image {
    width: auto;
}

/* WIDGETS */
.oaseLabel {
    margin: 3px;
}

.oaseTitleLabel {
    font-weight: bold;
}

.oaseLoginPanel .oaseTitleLabel.size16 {
    font-size: 1.7rem;
    margin-bottom: 1rem;
}

.oaseLoginPanel .oaseTitleLabel.size12 {
    margin: .75rem;
    font-size: 1.3rem;
}

.oaseTextbox {
    margin: 3px;
}

.oaseTextarea {
    margin: 3px;
}

.oaseListbox {
    margin: 3px;
}

.oaseSuggestbox {
    margin: 3px;
}

.oaseButton {
    margin: 3px;
}

.oaseImageButton {
    margin: 3px;
}

.oaseCheckbox {
    margin: 3px;
}

.oaseTable {
    margin: 1rem 0;
    border: 1px solid #6e99d4;
}

.oaseLoginPanel {
    width: 100%;
    background: white;
    text-align: center;
    border-radius: 1rem;

    padding: .5rem;

    /* overwrite inline styles */
    margin: 0 auto !important;
    position: relative !important;
    left: auto !important;
    min-width: 22rem;
}

.oaseLoginPanel .oaseLoginPanel {
    padding: 0;
}

.oaseBackgroundImagePanel {
    min-height: 850px;
}

.oaseBackgroundImagePanel img {
    width: 100%;
    height: 850px;
    min-height: 100vh;
    object-fit: cover;
}

@media only screen and (min-width:1921px) {
    .oaseBackgroundCurveImage {
        width: 100%;
        top: auto !important;
        left: auto !important;
    }
}

.oaseInfoText {
    text-align: center;
    color: #fff;
    background: #696969;
    white-space: pre;
    padding: 1rem;
    margin: .5rem -.5rem;
}

/* Size */
.size16 {
    font-size: 18px;
}
.size14 {
    font-size: 16px;
}
.size12 {
    font-size: 14px;
}
.size11 {
    font-size: 13px;
}
.size10 {
    font-size: 12px;
}

/* Panel */
.header {
    background: #c3d5ed;
    border-bottom: 1px solid #6e99d4;
}

.panelMargin {
    margin: 3px;
}

.panelMarginL {
    margin: 0 0 0 3px;
}

.panelMarginL2 {
    margin: 0 0 0 15px;
}

.panelMarginTop20 {
    margin: 20px 0 0 0;
}

.panelMarginTop100 {
    margin: 100px 0 0 0;
}

.panelMarginR {
    margin: 0 3px 0 0;
}

.panelMarginR2 {
    margin: 0 15px 0 0;
}

.panelMarginTRB {
    margin: 3px 3px 3px 0;
}

.panelMarginTLB {
    margin: 3px 0 3px 3px;
}

.panelPadding {
    padding: 3px;
}

/* Label Align */
.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

/* Button Farben */
.buttonColorBlue {
	color: #0000FF;
}

.buttonColorRed {
	color: #FF0000;
}

.buttonColorGray {
	color: #777777;
}

/* Foreground */
.colorBlack {
    color: #000000;
}

.colorWhite {
    color: #FFFFFF;
}

.colorGreen {
    color: #00FF00;
}

.colorBlue {
    color: #0000FF;
}

.colorRed {
    color: #FF0000;
}

.colorOrange {
    color: #FFA500;
}

.colorYellow {
    color: #FFFF00;
}

/* Background */
.backgroundValid {
    background-color: #efefef;
}

.backgroundRequired {
    background: #efefef;
    border: 1px solid #efefef;
}

.backgroundInvalid {
    border-color: #ee0a00;
}

.backgroundDisabled {
    background-color: #d9d9d9;
}

.backgroundLightBlue {
    background-color: #dfe9f6;
}

.backgroundWhite {
    background: white;
}

.backgroundGray {
    background: gray;
}

.backgroundDimGray {
    background: #696969;
}

/* Navigation menu formatting */
.navigationMenu {
    font-weight: bold;
    text-align: center;
}

/* Newsletter box */
.newsletterInfoBox {
	font-family: 'DIN Pro' !important;
	background-color: #dfe9f6;
	border-radius: 1rem;
	padding: .5rem;
	color: #404040;
	font-weight: bold;
	text-align: left;
	
	/* overwrite inline styles */
    margin: 0 auto !important;
    position: relative !important;
    left: auto !important;
    min-width: 22rem;
}

/* Table header formatting */
.tableHeader {
    background-color: #6e99d4;
    color: white;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.tableColumnAlignLeft {
    text-align: left;
}

.tableColumnAlignCenter {
    text-align: center;
}

.tableColumnAlignRight {
    text-align: right;
}

/* Popup */
.popup {
    background-color: #FFFFFF;
    border-color: gray gray gray gray;
    border-width: 1px 3px 3px 1px;
    border-style: solid solid solid solid;
}

.gwt-DisclosurePanel {
    margin: .5rem 0;
}

.gwt-DisclosurePanel td {
    vertical-align: middle !important;
}

.oaseLoginPanel .panelMarginTop20 {
    margin-bottom: 1rem;
}

.oaseLoginPanel .panelMarginTop20 a {
    text-decoration: none;
    font-size: .8rem;
}

.backgroundWhite tbody tr:first-child {
    height: fit-content;
}


.oaseLoginPanel .oaseLoginPanel td[align=right] .gwt-Anchor {
    display: inline-block;
    font-size: .8rem;
    margin: .75rem 0 .5rem;

}