@CHARSET "UTF-8";

/** VENDOR IMPORT **/
@import "../../../vendor/bootstrap/5/css/bootstrap.min.css";
@import "../../../vendor/fontawesome/5/css/all.min.css";
/** END VENDOR IMPORT **/

/** FONTS IMPORT **/
@font-face {
    font-family: 'ArialMT';
    src: url('../../../fonts/Arial-BoldMT.eot');
    src: url('../../../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
    url('../../../fonts/Arial-BoldMT.woff') format('woff'),
    url('../../../fonts/Arial-BoldMT.ttf')  format('truetype'),
    url('../../../fonts/Arial-BoldMT.woff2')  format('woff2'),
    url('../../../fonts/Arial-BoldMT.svg#svgFontName') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ArialMT';
    src: url('../../../fonts/Arial-ItalicMT.eot');
    src: url('../../../fonts/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'),
    url('../../../fonts/Arial-ItalicMT.woff') format('woff'),
    url('../../../fonts/Arial-ItalicMT.ttf')  format('truetype'),
    url('../../../fonts/Arial-ItalicMT.woff2')  format('woff2'),
    url('../../../fonts/Arial-ItalicMT.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'ArialMT';
    src: url('../../../fonts/ArialMT.eot');
    src: url('../../../fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
    url('../../../fonts/ArialMT.woff') format('woff'),
    url('../../../fonts/ArialMT.ttf')  format('truetype'),
    url('../../../fonts/ArialMT.woff2')  format('woff2'),
    url('../../../fonts/ArialMT.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Expansiva';
    src: url('../../../fonts/Expansiva.eot');
    src: url('../../../fonts/Expansiva.eot?#iefix') format('embedded-opentype'),
    url('../../../fonts/Expansiva.woff') format('woff'),
    url('../../../fonts/Expansiva.ttf')  format('truetype'),
    url('../../../fonts/Expansiva.woff2')  format('woff2'),
    url('../../../fonts/Expansiva.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** END FONTS IMPORT **/

/** GENERAL Container from layout_de (Navigation, Header, Content, Footer **/

html, body {
    font-family: 'ArialMT', arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    background: #002859;
    color: #989d9e;
    height: 100%;
    margin: 0;
    padding: 0;
}

/** COLORS **/
.darkblue { color: #002859 !important; }
.darkblue-bg { background: #002859 !important; }
.grey { color: #989d9e !important; }
.grey-bg { background: #989d9e !important; }
.greyblue { color: #888c8d !important; }
.greyblue-bg { background: #888c8d !important; }
.lblack { color: #262626 !important; }

#site_wrapper {
    min-height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.logo-header {
    width: 335px;
}
.logo-footer {
    width: 439px;
}
.logo-confirm {
    width: 100px;
}
/** LINKS **/
a, a:active, a:hover, a:visited, a:focus, a:link {
    text-decoration: none;
    color: #989d9e;
}
.btn-link:focus, .btn-link:active, .btn-link:hover {
    text-decoration: none;
}
/** HEADLINES **/
h1 {
    font-family: 'Expansiva', arial, sans-serif;
    font-size: 1.6em;
    line-height: 1.6em;
}

/** FORM Stuff **/
.form-control, .form-select {
    text-align: left;
    height: 54px;
    background-color: #fff;
    border-radius: 0;
    color: #002859;
}
.form-control.centered, .form-select.centered {
    text-align: center;
}
.form-control:focus, .form-control:active{
    background-color: #eee;
    color: #002859;
}
.form-select:disabled, .form-control:disabled, .form-control[readonly] {
    background-color: #888c8d;
    color: #FFF;
    opacity: 1;
}
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23002859' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.form-control:disabled:focus {
    background-color: #888c8d;
}
.form-check-input:checked {
    background-color: #FFF;
    border-color: #FFF;
}
.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23002859'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23002859' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
textarea.form-control {
    min-height: 6em;
}
.col-form-label {
    text-align: left;
}
::placeholder {
    color: #002859 !important;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #002859 !important;
}
::-ms-input-placeholder {
    color: #002859 !important;
}
/** Validation **/
.error, label.is-invalid, div.is-invalid {
    color: #dc3545;
}
label.confirmation {
    font-weight: bold;
    text-align: left;
}

div.confirmation {
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.btn-brand {
    background-color: #002859;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    text-align: center;
    height: 54px;
    border-radius: 0;
    border: 1px solid #FFF;
}
.btn-done {
    background-color: #888c8d;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    text-align: center;
    height: 54px;
    border-radius: 0;
    border: 0;
}
.btn:hover { color: #FFFFFF; }
.btn-brand:hover {
    background-color: #002859;
}
.btn-done:hover {
    background-color: #89898f;
}
.btn-brand:active, bth-brand:focus {}
.btn-brand:disabled {}

.btn-logout {
    display: flex;
    height: 30px;
    flex-flow: column;
    justify-content: center;
}
.padded-l {
    padding-left: 30px;
}

.padded-r {
    padding-right: 30px;
}

.padded-x {
    padding-left: 30px;
    padding-right: 30px;
}
@media (min-width: 576px) {
    .footer-content {
        width: 439px;
    }
    .padded-l {
        padding-left: 0px;
    }

    .padded-r {
        padding-right: 0px;
    }

    .padded-x {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 768px) {
    .padded-l {
        padding-left: 0px;
    }

    .padded-r {
        padding-right: 0px;
    }

    .padded-x {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 992px) {
    .padded-l {
        padding-left: 0px;
    }

    .padded-r {
        padding-right: 0px;
    }

    .padded-x {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1200px) {
    .padded-l {
        padding-left: 0px;
    }

    .padded-r {
        padding-right: 0px;
    }

    .padded-x {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1400px) {
    .padded-l {
        padding-left: 123px;
    }
    .padded-r {
        padding-right: 123px;
    }
    .padded-x {
        padding-left: 123px;
        padding-right: 123px;
    }
}