/*
 * CONTENT OF THIS DOCUMENT
 * ----------------

 * - BS REBOOT
 * - OWN REBOOT
 * - BS MODAL OVERWRITES
 * - TYPE
 * - FORM
 * - FORM VALIDATION
 * - CHECKBOX
 * - RADIO
 * - BUTTONS
 * - ALERTS
 * - HELPERS
 * - ITEMS
 * - PAGES
 * - V1 STUFF
 */
/*
 *
 * REBOOT – MAINLY BASED ON BS WITH MODIFICATIONS
 * ==================================================
 * ==================================================
 *
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* mod */
:root {
    --wb-white: #fff;
    --wb-grey-00: #fafafa;
    --wb-grey-01: #f6f6f6;
    --wb-grey-02: #e8e8e8;
    --wb-grey-03: #d0d0d0;
    --wb-grey-04: #aaa;
    --wb-grey-05: #888888;
    --wb-grey-06: #535456;
    --wb-grey-07: #333;
    --wb-black: #111;
    --wb-blue-01: #e8f0f5;
    --wb-blue-02: #ebeff1;
    --wb-blue-03: #d6e1e9;
    --wb-blue-04: #cbdce9;
    --wb-blue-05: #8c9fad;
    --wb-blue-06: #768c9d;
    --wb-blue-07: #3f5e74;
    --wb-blue: #1a3f5b;
    --wb-blue-08: #132e43;
    --wb-red: #900;
    --wb-postbox: #ffc845;
    --wb-alert-red: #c51516;
    --wb-alert-yellow: #ebbd00;
    --wb-alert-green: #989e00;
    --wb-alert-green-dark: #808500;
    --wb-ocean-1: #203b58;
    --wb-ocean-1-darker: #13212f;
    --wb-ocean-1-lighter: #2b5a8c;
    --wb-berry-2: #971a1f;
    --wb-berry-2-darker: #741519;
    --wb-berry-2-lighter: #b42527;
    --wb-berry-1: #4f1419;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* mod */
html {
    font-family: sans-serif;
    line-height: 1.375;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

/* Avoids Internet Explorer 11 (IE11) to scale below 768px */
@-ms-viewport {
    width: 768px;
}

@media screen and (min-width: 777px) {
    @-ms-viewport {
        width: device-width;
    }
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

/* mod */
body {
    margin: 0;
    font-family: 'Open Sans', 'Helvetica Neue', arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375;
    color: #111;
    overflow-y: scroll;
}

/* IE11 Font Workaround */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body,
    table,
    tr,
    td {
        font-family: arial, sans-serif;
    }

    a {
        text-decoration: underline !important;
        background-image: none !important;
    }
}

[dir='rtl'] body {
    font-family: 'Open Sans';
}

/*
 * Bootstrap font stack:
 *
 * font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 */
[tabindex='-1']:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/* mod */
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

/* mod */
p {
    margin-top: 0;
    margin-bottom: 1em;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

/* mod */
ol,
ul,
dl {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

/* new */
ul ul {
    list-style-type: disc;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
    margin-right: 0;
}

blockquote {
    margin: 0 0 1rem;
}

/* mod */
b,
strong {
    font-weight: 600;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* *** HYPERLINKS *** */
a:hover,
a:hover span.wb-unstyled-link__false,
a:hover strong.wb-unstyled-link__false {
    color: #3f5e74;
    text-decoration: underline dashed;
}

a,
a span.wb-unstyled-link__false,
a strong.wb-unstyled-link__false {
    color: #1a3f5b;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration-skip-ink: auto;
}

a span.wb-unstyled-link__true:hover,
a span.wb-unstyled-link__true {
    text-decoration: none;
    color: #111;
    font-weight: 400;
}

p a,
.wb-disclaimer-checkbox a {
    letter-spacing: 0.025em;
    font-weight: 600;
}

a.wb-unstyled-link {
    text-decoration: none;
}

a#playCaptchaLink,
a#playCaptchaLink:hover,
a[role='button'] {
    background-image: none;
}

/* a:not styles deleted due to too high specificity */
a#playCaptchaLink {
    display: inline-block;
}

:focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.wb-form-input:focus {
    box-shadow: 0px 0px 0px 3px rgba(170, 170, 170, 0.6);
}

html:not(.is-tabbing) .wb-focus-on-reload:focus {
    box-shadow: 0 0 0 2px rgba(19, 46, 67, 0.5);
    border-color: #fff;
    border-style: solid;
    border-width: 3px;
    border-radius: 2px;
}

.wb-focus-on-reload {
    border-color: transparent;
    border-style: solid;
    border-width: 3px;
    border-radius: 2px;
}

.is-tabbing :focus,
.is-tabbing .btn:focus {
    outline: 3px dashed #971a1f;
    outline-offset: 2px;
}

.is-tabbing .wb-form-input:focus {
    box-shadow: none;
}

.is-tabbing a:focus,
.is-tabbing .wb-form-select:focus,
.is-tabbing .wb-btn-first-report:focus,
.is-tabbing .wb-btn-welcome-login:focus,
.is-tabbing .wb-welcome-text:focus,
.is-tabbing a.wb-btn--grey:focus,
.is-tabbing button.wb-btn--grey:focus,
.is-tabbing .wb-btn--grey:focus,
.is-tabbing a.wb-btn--blue:focus,
.is-tabbing button.wb-btn--blue:focus,
.is-tabbing .wb-btn--blue:focus,
.is-tabbing .wb-btn:focus,
.is-tabbing .wb-btn.wb-focus,
.is-tabbing .wb-form-input:focus {
    outline-color: #971a1f;
    transition: outline-color ease-in-out 0.2s;
}

.is-tabbing .wb-background-ocean-dark :focus,
.is-tabbing .wb-background-ocean-dark .btn:focus,
.is-tabbing .wb-background-ocean-dark .wb-a:focus,
.is-tabbing .wb-background-ocean-dark .wb-form-select:focus,
.is-tabbing .wb-background-ocean-dark .wb-btn-first-report:focus,
.is-tabbing .wb-background-ocean-dark .wb-btn-welcome-login:focus,
.is-tabbing .wb-background-ocean-dark .wb-welcome-text:focus,
.is-tabbing .wb-background-ocean-dark a.wb-btn--grey:focus,
.is-tabbing .wb-background-ocean-dark button.wb-btn--grey:focus,
.is-tabbing .wb-background-ocean-dark .wb-btn--grey:focus,
.is-tabbing .wb-background-ocean-dark a.wb-btn--blue:focus,
.is-tabbing .wb-background-ocean-dark button.wb-btn--blue:focus,
.is-tabbing .wb-background-ocean-dark .wb-btn--blue:focus,
.is-tabbing .wb-background-ocean-dark .wb-btn:focus,
.is-tabbing .wb-background-ocean-dark .wb-btn.wb-focus,
.is-tabbing .wb-background-ocean-dark .wb-form-input:focus,
.is-tabbing
    .wb-background-ocean-dark
    a.wb-btn-circle__inner:focus
    .wb-btn-circle__background {
    outline-color: #ebbd00;
}

.is-tabbing a:not(:focus),
.is-tabbing .wb-form-select:not(:focus),
.is-tabbing .wb-btn-first-report:not(:focus),
.is-tabbing .wb-btn-welcome-login:not(:focus),
.is-tabbing .wb-welcome-text:not(focus),
.is-tabbing .wb-form-input:not(:focus) {
    outline-color: transparent;
    transition: outline-color ease-in-out 0.2s;
}

.is-tabbing p a:focus,
.is-tabbing .wb-disclaimer-checkbox a:focus {
    outline-offset: 0;
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
        'Courier New', monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

/* mod */
label {
    display: inline-block;
    margin-bottom: 0.125rem;
}

button {
    border-radius: 0;
}

/*
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
*/
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

select {
    overflow-wrap: normal;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
    cursor: pointer;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type='radio'],
input[type='checkbox'] {
    box-sizing: border-box;
    padding: 0;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

/* mod */
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

/* h1, h2 etc headings below */
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.blockquote-footer::before {
    content: '\2014 \00A0';
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

/*
 * End of Bootstrap Reboot section
 * Grid section: /wb-bs-grid.css
 * All the rest: /wb-bs-modified.css
 */
/*
 *
 * OWN REBBOT
 * ==================================================
 * ==================================================
 *
 */
.wb-body {
    background-color: #132e43;
}

@media (min-width: 768px) {
    .wb-body {
        background-color: #1a3f5b;
    }
}

table,
tr,
td {
    font-family: 'Open Sans', 'Helvetica Neue', arial, sans-serif;
    font-size: 1rem;
    vertical-align: top;
    color: #1a3f5b;
}

/*
 *
 * BS MODAL OVERWRITES
 * ==================================================
 * ==================================================
 *
 */
.modal-content {
    border-radius: 3px;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fafafa;
}

@media (min-width: 576px) {
    .modal-header {
        padding: 0.75rem 1.5rem;
    }
}

[dir='rtl'] .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem auto -1rem -1rem;
}

.modal-title {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.2;
    font-size: 1rem;
    color: #132e43;
    font-weight: 600;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    overflow-wrap: break-word;
    font-size: 0.9375rem;
    line-height: 1.35;
}

@media (min-width: 576px) {
    .modal-body {
        padding: 1rem 1.5rem;
        font-size: 1rem;
        line-height: 1.4;
    }
}

.modal-body ol,
.modal-body ul,
.modal-body dl {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-left: 24px;
    padding-right: 0;
}

[dir='rtl'] .modal-body ol,
[dir='rtl'] .modal-body ul,
[dir='rtl'] .modal-body dl {
    padding-left: 0;
    padding-right: 24px;
}

.modal-body li {
    margin-bottom: 0.25em;
}

.modal-body ol li {
    margin-bottom: 0.5em;
}

.modal-body ol,
.modal-body ul {
    margin-bottom: 1em;
}

.modal-footer {
    justify-content: flex-end;
    padding: 0.75rem 1rem;
    border-top: 1px solid #e8e8e8;
}

@media (min-width: 576px) {
    .modal-footer {
        padding: 1rem 1.5rem;
    }
}

@media (min-width: 768px) {
    .modal-lg {
        max-width: 666px;
    }
}

@media (min-width: 768px) {
    .modal--choose-country > .modal-lg {
        max-width: 500px;
    }
}

/* overwrites bs 800px without !important */
@media (min-width: 992px) {
    .modal-lg {
        max-width: 666px;
    }
}

@media (min-width: 992px) {
    .modal--choose-country > .modal-lg {
        max-width: 500px;
    }
}

a.close {
    text-decoration: none;
}

.is-tabbing .modal-header .close:not(:disabled):not(.disabled):focus,
.modal-header .close:not(:disabled):not(.disabled):focus {
    outline-offset: -10px;
}

/*
 *
 * TYPE
 * ==================================================
 * ==================================================
 *
 */
/*
 * Headings
 * ---------------------------------
 */
h1,
h2,
h3,
h4,
h5,
h6,
.wb-h1,
.wb-h2,
.wb-h3,
.wb-h4,
.wb-h5,
.wb-h6 {
    margin-top: 1.25em;
    margin-bottom: 0.75rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    word-break: break-word;
    overflow-wrap: break-word;
}

.modal-body table {
    hyphens: auto;
    width: 100%;
    table-layout: fixed;
    overflow-wrap: break-word;
}

h1,
.wb-h1 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #1a3f5b;
    line-height: 1.1;
}

@media (min-width: 768px) {
    h1,
    .wb-h1 {
        font-size: 1.875em;
    }
}

.modal--faq h1 {
    font-size: 1.5rem;
}

.modal--maintenance h1 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 0.5rem;
    color: #4d3d00;
    color: hsla(48, 100%, 15%, 1);
}

.wb-welcome-text h1 {
    text-align: left;
    margin-bottom: 1.5rem;
}

[dir='rtl'] .wb-welcome-text h1 {
    text-align: right;
}

[dir] .wb-welcome-text h1.wb-center,
[dir] .wb-welcome-text h1.wb-centered {
    text-align: center;
}

@media (min-width: 768px) {
    .wb-welcome-text h1 {
        font-size: 1.75rem;
    }
}

@media (min-width: 992px) {
    .wb-welcome-text h1 {
        font-size: 1.875rem;
    }
}

@media (min-width: 1200px) {
    .wb-welcome-text h1 {
        font-size: 2rem;
    }
}

.wb-welcome-text .il-web-link {
    font-weight: bold;
    font-size: large;
}

h1 > small {
    font-size: 80%;
    font-weight: 400;
    display: block;
    margin-top: 0.5em;
}

h2,
.wb-h2 {
    color: #1a3f5b;
    font-size: 1.125rem;
    font-weight: 600;
    /* margin-top: 1.125em; */
}

@media (min-width: 768px) {
    h2,
    .wb-h2 {
        font-size: 1.375rem;
    }
}

h1 + h2 {
    margin-top: 1rem;
}

h3,
.wb-h3 {
    color: #1a3f5b;
    font-size: 1rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    h3,
    .wb-h3 {
        font-size: 1.125rem;
    }
}

h4,
.wb-h4 {
    color: #111;
    font-size: 1rem;
    font-weight: 600;
}

h5,
.wb-h5 {
    color: #111;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.8125rem;
}

h6,
.wb-h6 {
    color: #111;
    font-size: 0.75em;
    font-weight: 600;
    margin-bottom: 1em;
}

.wb-heading-counter {
    counter-reset: h2;
}

.wb-heading-counter h2 {
    counter-reset: h3;
}

.wb-heading-counter h3 {
    counter-reset: h4;
}

.wb-heading-counter h4 {
    counter-reset: h5;
}

.wb-heading-counter h5 {
    counter-reset: h6;
}

.wb-heading-counter h2:before {
    counter-increment: h2;
    content: counter(h2) '. ';
}

.wb-heading-counter h3:before {
    counter-increment: h3;
    content: counter(h2) '.' counter(h3) '. ';
}

.wb-heading-counter h4:before {
    counter-increment: h4;
    content: counter(h2) '.' counter(h3) '.' counter(h4) '. ';
}

.wb-heading-counter h5:before {
    counter-increment: h5;
    content: counter(h2) '.' counter(h3) '.' counter(h4) '.' counter(h5) '. ';
}

.wb-heading-counter h6:before {
    counter-increment: h6;
    content: counter(h2) '.' counter(h3) '.' counter(h4) '.' counter(h5) '.'
        counter(h6) '. ';
}

.wb-heading-counter h2.nocount:before,
.wb-heading-counter h3.nocount:before,
.wb-heading-counter h4.nocount:before,
.wb-heading-counter h5.nocount:before,
.wb-heading-counter h6.nocount:before {
    content: '';
    counter-increment: none;
}

.wb-heading-counter-no-h1 {
    counter-reset: h3;
}

.wb-heading-counter-no-h1 h3 {
    counter-reset: h4;
}

.wb-heading-counter-no-h1 h4 {
    counter-reset: h5;
}

.wb-heading-counter-no-h1 h5 {
    counter-reset: h6;
}

.wb-heading-counter-no-h1 h3::before {
    counter-increment: h3;
    content: counter(h3) '. ';
}

.wb-heading-counter-no-h1 h4::before {
    counter-increment: h4;
    content: counter(h3) '.' counter(h4) '. ';
}

.wb-heading-counter-no-h1 h5::before {
    counter-increment: h5;
    content: counter(h3) '.' counter(h4) '.' counter(h5) '. ';
}

.wb-heading-counter-no-h1 h6::before {
    counter-increment: h6;
    content: counter(h3) '.' counter(h4) '.' counter(h5) '.' counter(h6) '. ';
}

.wb-heading-counter-no-h1 h3.nocount::before,
.wb-heading-counter-no-h1 h4.nocount::before,
.wb-heading-counter-no-h1 h5.nocount::before,
.wb-heading-counter-no-h1 h6.nocount::before {
    content: '';
    counter-increment: none;
}

.wb-heading-faq {
    margin-top: 0;
}

/* Headings for report page */
h2.wb-report-section-header {
    border-top: #d0d0d0 solid 1px;
    margin: 4rem -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2rem;
    font-size: 1.5rem;
}

@media (min-width: 576px) {
    h2.wb-report-section-header {
        margin: 4rem calc(-15px - 2rem);
        padding-left: calc(15px + 2rem);
        padding-right: calc(15px + 2rem);
        padding-top: 2.5rem;
    }
}

/*
 * Lists
 * ---------------------------------
 */
ol.wb-list-style-none {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

ol.wb-list-style-lower-roman {
    list-style: lower-roman;
}

ol.wb-list-style-upper-roman {
    list-style: upper-roman;
}

ol.wb-list-style-lower-latin {
    list-style: lower-latin;
}

ol.wb-list-style-upper-latin {
    list-style: upper-latin;
}

ul.wb-list-style-none {
    list-style: none;
    padding-left: 1.5rem;
    padding-right: 0;
}

[dir='rtl'] ul.wb-list-style-none {
    padding-left: 0;
    padding-right: 1.5rem;
}

ul.wb-list-style-disc {
    list-style: disc;
}

ul.wb-list-style-circle {
    list-style: circle;
}

ul.wb-list-style-square {
    list-style: square;
}

/*
 *
 * FORM
 * ==================================================
 * ==================================================
 *
 */
.wb-form-label {
    font-weight: 600;
    margin-bottom: 0.25rem;
    margin-top: 0;
    width: 100%;
    position: relative;
}

.wb-pobox-login__inputs .wb-form-label {
    margin-bottom: 0.125rem;
}

.wb-form-input:focus:not([readonly]),
.wb-form-file:focus:not([readonly]) {
    background-color: #fff;
    border-color: rgb(136, 136, 136);
    color: #333;
}

.wb-form-input:active:not([readonly]),
.wb-form-file:active:not([readonly]) {
    border-color: rgb(136, 136, 136);
    box-shadow: 0px 0px 0px 3px rgba(136, 136, 136, 0.6);
}

.wb-form-input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 2px solid rgb(136, 136, 136);
    border-radius: 0.1875rem;
    color: #535456;
}

.wb-form-file {
    outline-color: transparent;
    border: 0;
    border-radius: 2px;
}

.is-tabbing .wb-upload-file input[type='file']:focus {
    outline-color: #971a1f;
}
.is-tabbing .wb-upload-file input[type='file'],
.is-tabbing .wb-upload-file input[type='file']:focus {
    transition: outline-color ease-in-out 0.2s;
    outline-offset: -3px;
}
.is-tabbing .wb-upload-file input[type='file']:not(:focus) {
    outline-color: transparent;
}

.is-tabbing
    .wb-upload-file__input-file
    .wb-icon-trashcan
    a.wb-btn-circle__inner:focus
    .wb-btn-circle__background {
    outline: none;
}

.is-tabbing
    .wb-upload-file__input-file
    .wb-icon-trashcan
    a.wb-btn-circle__inner:focus {
    outline: 3px dashed #971a1f;
    outline-offset: 0;
}

.wb-form-input[readonly],
.wb-form-input:disabled,
.wb-form-select:disabled {
    background-color: #ebeff1;
    opacity: 1;
    color: #535456;
}

.wb-form-input[readonly] {
    border: none;
    color: #333;
    cursor: default;
}

.wb-form-input.wb-form-input--company-id {
    margin: 0 auto 1rem;
    line-height: 1.4;
}

.wb-form-input.wb-form-input--create-pobox:focus,
.wb-form-input.wb-form-input--company-id:focus {
    box-shadow: 0 0 0 3px rgba(136, 136, 136, 0.6);
}

.is-tabbing .wb-form-input.wb-form-input--create-pobox:focus,
.is-tabbing .wb-form-input.wb-form-input--company-id:focus {
    box-shadow: none;
}

.wb-form-input--type-text,
.wb-form-input--textarea {
    width: 100%;
}

.wb-form-input--type-date,
.wb-form-input--type-time,
.wb-form-input--type-text.wb-form-input--type-date,
.wb-form-input--type-text.wb-form-input--type-time {
    max-width: 10rem;
    height: 2.5rem;
}

.wb-form-input--type-time {
    width: 5rem;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
    display: none;
}

.wb-upload-file__input-file__input-field {
    max-width: 100%;
    display: inline-block;
    margin: 0;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .wb-upload-file--has-trash-icon .wb-upload-file__input-file__input-field {
        width: calc(100% - 40px) !important;
    }
}

/* readonly appears after form validation + alert */
input.wb-upload-file__input-file__input-field[readonly],
.wb-upload-file--has-trash-icon .wb-upload-file__input-file__input-field {
    max-width: calc(100% - 40px);
    min-width: 190px;
    border-color: transparent;
    border-radius: 2px;
    background: rgba(26, 63, 91, 0.075);
    padding-right: 0.25em;
}

input.wb-upload-file__input-file__input-field[readonly] {
    width: calc(100% - 40px);
}

/*
 * Custom <select>
 * ---------------------------------
 */
.is-tabbing .wb-form-select:focus {
    background-color: #fff;
    /* border-color: rgba(136, 136, 136, .6); */
    outline-offset: 3px;
}

.wb-form-select:active {
    border-color: rgba(136, 136, 136, 1);
    box-shadow: 0px 0px 0px 3px rgba(136, 136, 136, 0.6);
    color: #535456;
}

.wb-form-select {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 2px solid rgba(136, 136, 136, 1);
    display: inline-block;
    height: calc(2.25rem + 2px);
    vertical-align: middle;
    background: #fff
        url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
        no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #292b2c;
    font-size: 1rem;
    line-height: 1.375;
    padding: 0.125rem 1.5rem 0.125rem 0.75rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

[dir='rtl'] .wb-form-select {
    background-position: center left 0.75rem;
    padding: 0.125rem 0.75rem 0.125rem 1.375rem;
}

/* hide msie select button symbol */
.wb-form-select::-ms-expand {
    opacity: 0;
    margin-right: -1rem;
}

/* report page select boxes */
.wb-form-select--report {
    width: 100%;
}

.wb-form-select--smaller {
    width: 224px;
}

.wb-form-select--small {
    width: 362px;
}

.wb-form-select > option[value='-1'] {
    background: #d0d0d0;
}

/*
 * Select Country + Language
 * ---------------------------------
 */

.wb-background-ocean-dark {
    background-color: #203b58;
}

.wb-btn-circle.wb-country-info-click {
    width: 2.5rem;
    position: absolute;
    justify-content: center;
}

[dir='ltr'] .wb-btn-circle.wb-country-info-click {
    left: -2.5rem;
}

[dir='rtl'] .wb-btn-circle.wb-country-info-click {
    right: -2.5rem;
}

@media (min-width: 768px) {
    [dir='ltr'] .wb-btn-circle.wb-country-info-click {
        left: -1.5rem;
    }

    [dir='rtl'] .wb-btn-circle.wb-country-info-click {
        right: -1.5rem;
    }
}

.wb-form-select--country,
.wb-form-select--language {
    border: 1px solid rgba(136, 136, 136, 1);
    padding-right: 1.8125rem;
    font-size: 0.9375rem;
    color: #535456;
    width: 100%;
}

.wb-select-container--country-language {
    margin: 0;
    padding: 1rem 2.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (min-width: 576px) {
    .wb-select-container--country-language:not(
            .wb-select-container--channels
        ):not(.wb-select-container--company-access) {
        border-radius: 2px 2px 0 0;
        border-top-width: 0;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    }
}

@media screen and (min-width: 768px) {
    .wb-select-container--country-language {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 992px) {
    .wb-select-container--country-language {
        justify-content: flex-start;
    }

    [dir='ltr']
        .wb-select-container--country-language:not(
            .wb-select-container--channels
        ):not(.wb-select-container--company-access) {
        padding: 1rem 1rem 1rem 2rem;
    }
    [dir='ltr']
        .wb-select-container--country-language.wb-select-container--channels,
    [dir='ltr']
        .wb-select-container--country-language.wb-select-container--company-access {
        padding: 1rem 1rem 0rem 2rem;
    }

    [dir='rtl']
        .wb-select-container--country-language:not(
            .wb-select-container--channels
        ):not(.wb-select-container--company-access) {
        padding: 1rem 2rem 1rem 1rem;
    }
    [dir='rtl']
        .wb-select-container--country-language.wb-select-container--channels,
    [dir='rtl']
        .wb-select-container--country-language.wb-select-container--company-access {
        padding: 1rem 2rem 0rem 1rem;
    }
}

.wb-select-container__country,
.wb-select-container__language {
    width: 100%;
}

.wb-select-container__country + .wb-select-container__language {
    margin-top: 1rem;
}

@media (min-width: 768px) {
    .wb-select-container__country,
    .wb-select-container__language {
        max-width: fit-content;
        width: auto;
    }

    .wb-select-container__country {
        min-width: 11rem;
    }

    .wb-select-container__language {
        min-width: 10rem;
    }

    .wb-select-container__country + .wb-select-container__language {
        margin-left: 0.75rem;
        margin-top: 0;
    }

    [dir='rtl'] .wb-select-container__country + .wb-select-container__language {
        margin-right: 0.75rem;
        margin-left: 0;
    }

    [dir='ltr'] .wb-select-container__country-inner {
        padding-left: 1rem;
    }

    [dir='rtl'] .wb-select-container__country-inner {
        padding-right: 1rem;
    }
}

@media (min-width: 992px) {
    .wb-select-container__country,
    .wb-select-container__language {
        width: auto;
        max-width: fit-content;
    }

    .wb-select-container__country {
        min-width: 14rem;
    }

    .wb-select-container__language {
        min-width: 11rem;
    }
}

.wb-select-container__country-inner {
    position: relative;
    display: flex;
    align-items: center;
}

.wb-form-select--country-modal {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.wb-icon-before {
    position: relative;
    padding: 0 0 0 1.75rem;
    margin: 0;
}

html[dir='rtl'] .wb-icon-before {
    padding: 0 1.75rem 0 0;
}

.wb-icon-before--country {
    background: transparent url('images/better-earth.svg') no-repeat left 0
        center;
}

.wb-icon-before--language {
    background: transparent url('images/language-icon.svg') no-repeat left
        0.125rem center;
}

html[dir='rtl'] .wb-icon-before--country,
html[dir='rtl'] .wb-icon-before--language {
    background-position-x: right;
}

/* replaces wb-icon-before */
.wb-icon-before-v2::before {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;

    height: 1.375rem;
    vertical-align: -0.3rem;
    content: '';
}

.wb-icon-before-v2.wb-btn--country::before {
    background: white url(images/better-earth-blue.svg) no-repeat center center;
    width: 28px;
}

.wb-icon-before-v2.wb-btn--language::before {
    background: white url(images/language-icon-blue.svg) no-repeat center center;
    width: 24px;
}

.wb-btn.wb-btn--country-language:hover {
    color: #1a3f5b;
    background-color: #fcfcfc;
    box-shadow: 0 0 0 2px #e8e8e8;
}

.wb-btn.wb-btn--country-language:active,
html:not(.is-tabbing) .wb-btn.wb-btn--country-language:focus {
    background-color: #fff;
    box-shadow: 0 0 0 3px #d0d0d0;
}

.wb-btn.wb-btn--country-language {
    border: 1px solid rgb(136, 136, 136);
    font-size: 0.875rem;
    color: #2f3233;
    font-weight: 600;
    width: 100%;
    background: #fff;
    height: calc(2.25rem + 2px);
}

.wb-btn.wb-btn--country-language[aria-expanded='true'] {
    box-shadow: 0 0 0 2px #d0d0d0;
}

.wb-dropdown-country-language {
    /*max-height: calc(100vH - 6rem);*/
    max-height: 100vh;
    overflow-y: auto;
    box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2);
    border: 0;
    background-color: rgba(254, 254, 254, 0.98);
    min-width: 12rem;
    max-width: calc(100vw - 3rem);
}

@media screen and (min-width: 768px) {
    .wb-dropdown-country-language {
        max-height: calc(100vh - 6rem);
    }
}

[dir='rtl'] .wb-dropdown-country-language {
    text-align: right;
}

.wb-dropdown-country-language.wb-dropdown-country-language--language {
    margin-top: 0.125rem;
}

.wb-dropdown-country-language--country {
    margin-top: 1.5rem;
}

[dir='ltr'] .modal-body ul.wb-dropdown-country-language {
    padding-left: 0;
}

[dir='rtl'] .modal-body ul.wb-dropdown-country-language {
    padding-right: 0;
}

.wb-dropdown-item:hover,
.is-tabbing .wb-dropdown-item:hover {
    color: #1a3f5b;
    background-color: #e8e8e8;
    text-decoration: none;
}

.wb-dropdown-item:focus {
    outline: none;
}

.is-tabbing .wb-dropdown-item:focus {
    outline: 2px dashed #971a1f;
    transition: none;
}

.wb-dropdown-item:focus,
.is-tabbing .wb-dropdown-item:focus {
    background-color: #203b58;
    color: #fff;
}

.wb-dropdown-item:active {
    background-color: #2b5a8c;
    color: #fff;
}

.wb-dropdown-item {
    color: #203b58;
    text-decoration: none;
}

.wb-dropdown-item[data-option='-1'] {
    font-weight: 600;
    text-decoration: none;
    text-align: center;
}

/*
*
* FORM VALIDATION
* ==================================================
* ==================================================
*
*/
.wb-form-input.wb-form-input--has-check-mark {
    padding-right: 1.75rem;
    height: 2.5rem;
}

[dir='rtl'] .wb-form-input.wb-form-input--has-check-mark {
    padding-right: 0.75rem;
    padding-left: 1.75rem;
}

.wb-inline-validation {
    font-size: 0.875rem;
    padding-top: 0.5em;
    color: #c51516;
}

@media (min-width: 992px) {
    .wb-inline-validation {
        padding-top: 0;
    }
}

.wb-validation-check-mark {
    display: none;
    position: absolute;
    right: 1.375rem;
    top: -1.875rem;
}

[dir='rtl'] .wb-validation-check-mark {
    left: 1.375rem;
    right: unset;
}

@media (min-width: 992px) {
    .wb-validation-check-mark {
        left: -2.625rem;
        top: 0.625rem;
    }

    [dir='rtl'] .wb-validation-check-mark {
        left: unset;
        right: -2.625rem;
    }
}

.wb-validation-check-mark-instance {
    display: none;
    position: absolute;
    right: 1.375rem;
    top: 2.2rem;
}

/*
 *
 * CHECKBOX
 * ==================================================
 * ==================================================
 *
 */
.wb-checkbox-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    color: #111;
}

.wb-checkbox-wrapper--has-tooltip,
.wb-checkbox-wrapper--no-wrap {
    flex-wrap: nowrap;
}

.wb-checkbox-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wb-checkbox-wrapper .wb-checkbox {
    display: flex;
    width: auto;
    align-self: flex-start;
}

.wb-checkbox {
    position: relative;
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    padding-left: 0;
    cursor: pointer;
    flex-wrap: wrap;
    word-break: break-word;
    overflow-wrap: break-word;
}

.wb-checkbox-row .wb-checkbox {
    flex-wrap: nowrap;
}

.wb-checkbox--tooltip {
    width: auto;
    max-width: calc(100% - 30px);
}

.wb-checkbox--tooltip > .wb-checkbox__native-control {
    width: auto;
}

.wb-checkbox-row > .wb-tooltip-ctrl {
    padding: 9px 3px;
}

[dir='rtl'] .wb-checkbox {
    padding-right: 0;
    margin-right: 0;
    margin-left: 1rem;
}

.wb-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
}

.wb-checkbox--disabled,
.wb-checkbox__native-control:disabled {
    cursor: default;
    pointer-events: none;
}

.wb-checkbox__custom-control {
    will-change: transform, opacity;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: -11px;
    top: 0px;
    padding: 12px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
    z-index: 2;
}

[dir='rtl'] .wb-checkbox__custom-control {
    right: -11px;
}

.wb-checkbox-wrapper .wb-checkbox__custom-control {
    left: -5px;
}

[dir='rtl'] .wb-checkbox-wrapper .wb-checkbox__custom-control {
    right: -5px;
}

.wb-checkbox__custom-control:hover::before,
.wb-checkbox__custom-control:focus::before,
.wb-checkbox__custom-control:active::after {
    -webkit-transition-duration: 85ms;
    transition-duration: 85ms;
    opacity: 0.6;
}

.wb-checkbox__custom-control::before {
    background-color: rgba(63, 81, 181, 0.14);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: '';
}

.wb-checkbox__custom-control::after {
    background-color: rgba(63, 81, 181, 0.14);
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: '';
}

/* Position of hover/active background circle */
.wb-checkbox__custom-control::before,
.wb-checkbox__custom-control::after {
    top: 5px;
    left: 5px;
    width: 75%;
    height: 75%;
}

.wb-checkbox__background {
    position: absolute;
    top: 11px;
    right: initial;
    bottom: 0;
    left: 11px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    width: 45%;
    height: 45%;
    -webkit-transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    background-color: transparent;
    will-change: background-color, border-color;
}

[dir='rtl'] .wb-checkbox__custom-control .wb-checkbox__background,
.wb-checkbox__custom-control[dir='rtl'] .wb-checkbox__background {
    left: initial;
    right: 11px;
}

.wb-checkbox__background::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
    will-change: opacity, transform;
    background: #1a3f5b;
}

.wb-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    opacity: 0;
    fill: white;
}

.wb-checkbox__checkmark-path {
    -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    stroke: white !important;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334;
}

/* BACKGROUND CIRCLE FOR :focus */
/*
.wb-checkbox__native-control:focus ~ .wb-checkbox__custom-control .wb-checkbox__background::before {
    -webkit-transform: scale(2.25, 2.25);
    transform: scale(2.25, 2.25);
    -webkit-transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: .26;
}
*/
/* RESET FOR TAB-CONTROLLED FOCUS */
.is-tabbing .wb-checkbox__background::before,
.is-tabbing
    .wb-checkbox__native-control:focus
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background::before {
    background-color: transparent;
}

.is-tabbing
    .wb-checkbox__native-control:not(:focus)
    ~ .wb-checkbox__custom-control {
    outline: 3px dashed transparent;
}

.is-tabbing .wb-checkbox__native-control:focus ~ .wb-checkbox__custom-control {
    outline: 3px dashed #971a1f;
    outline-offset: -6px;
    transition: outline-color ease-in-out 0.2s;
}

/* BACKGROUND-COLOUR FOR CHECKED BOX */
.wb-checkbox__native-control:checked
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background {
    -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),
        background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),
        background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
    border-color: #1a3f5b;
    background-color: #1a3f5b;
}

/* PREPARE CHECKED CHECKBOX */
.wb-checkbox__native-control:checked
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background
    .wb-checkbox__checkmark {
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),
        transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),
        transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: 1;
}

.wb-checkbox__native-control:checked
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background
    .wb-checkbox__checkmark-path {
    stroke-dashoffset: 0;
}

.wb-checkbox__native-control:disabled,
fieldset:disabled .wb-checkbox__native-control,
[aria-disabled='true'] .wb-checkbox__native-control {
    cursor: default;
}

.wb-checkbox__native-control:disabled
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background,
fieldset:disabled
    .wb-checkbox__native-control
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background,
[aria-disabled='true']
    .wb-checkbox__native-control
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background {
    border-color: rgba(0, 0, 0, 0.26);
}

.wb-checkbox__native-control:disabled:checked
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background,
fieldset:disabled
    .wb-checkbox__native-control:checked
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background,
[aria-disabled='true']
    .wb-checkbox__native-control:checked
    ~ .wb-checkbox__custom-control
    .wb-checkbox__background {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.5);
}

/* THE LABEL TEXT CONTAINER */
.wb-checkbox__description {
    padding-top: 9px;
    padding-left: 30px;
    font-weight: 400;
    z-index: 1;
    max-width: 100%;
    display: block;
}

[dir='rtl'] .wb-checkbox__description {
    padding-left: 0;
    padding-right: 30px;
}

.wb-checkbox-wrapper .wb-checkbox__description {
    padding-left: 39px;
}

[dir='rtl'] .wb-checkbox-wrapper .wb-checkbox__description {
    padding-right: 39px;
}

/* overwrite previous faulty configurations */
.wb-report-form .wb-checkbox-wrapper.answers {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*
 *
 * RADIO
 * ==================================================
 * ==================================================
 *
 */
.wb-radio {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-grow: 1;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    min-height: 45px;
    margin-top: -10px;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    cursor: pointer;
}

.wb-radio.wb-radio--report-form {
    max-width: 100%;
    display: flex;
}

.wb-radio:first-of-type {
    margin-top: 0;
}

.wb-radio__caption {
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    margin: 0;
    margin-top: -3px;
    padding: 0.5rem 0 0.5rem 4px;
    width: calc(100% - 48px);
}

[dir='rtl'] .wb-radio__caption {
    padding-right: 4px;
    padding-left: 0;
}

.wb-radio__hidden-text-input {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 43px;
}

.wb-radio-long-text .bs-col-lg-8 {
    max-width: 910px;
    flex: 0 0 100%;
}

.wb-radio-long-text .wb-radio {
    margin-bottom: 0.5rem;
}

.wb-radio--report-form:last-of-type {
    margin-bottom: -0.5rem;
}

/*
   THE ACTUAL BUTTON
   INSPIRED BY MATERIAL DESIGN
*/
.wb-radio-button {
    will-change: transform, opacity;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    padding: 10px;
    vertical-align: middle;
    cursor: pointer;
    will-change: opacity, transform, border-color, background-color, color;
    margin-top: 0;
    margin-left: -5px;
    z-index: 2;
}

[dir='rtl'] .wb-radio-button {
    margin-left: 0;
    margin-right: -5px;
}

.wb-radio-button:hover::before,
.wb-radio-button:focus::before,
.wb-radio-button:active::after {
    -webkit-transition-duration: 85ms;
    transition-duration: 85ms;
    opacity: 0.6;
}

/* TRANSITIONS E.G. FOR :hover*/
.wb-radio-button::before {
    background-color: rgba(63, 81, 181, 0.14);
    /*MD*/
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: '';
}

.wb-radio-button::after {
    background-color: rgba(63, 81, 181, 0.14);
    /*MD*/
    position: absolute;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: '';
}

.wb-radio-button::before,
.wb-radio-button::after {
    /*MD*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*BK*/
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

/* SIZE OF THE CIRCLE BOX */
.wb-radio-button__background {
    display: inline-block;
    position: absolute;
    left: 10px;
    width: 50%;
    height: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* COLOR AND FORM OF THE BACKGROUND CIRCLE */
.wb-radio-button__background::before {
    background-color: rgb(128, 128, 128);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
}

/* COLOR OF OUTER RING */
.wb-radio-button__outer-circle {
    border-color: rgba(0, 0, 0, 0.66);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

/* COLOR OF INNER RING */
.wb-radio-button__inner-circle {
    background-color: rgba(0, 0, 0, 0.66);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: background-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: background-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        background-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        background-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

/* MANIPULATION OF THE ORIGINAL RADIO BUTTON */
.wb-radio__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: inherit;
    opacity: 0;
    z-index: 1;
}

/* TRANSITIONS FOR :CHECKED AND :DISABLED */
.wb-radio__native-control:checked
    + .wb-radio-button
    .wb-radio-button__background,
.wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background {
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.wb-radio__native-control:checked
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__outer-circle,
.wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__outer-circle {
    -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.wb-radio__native-control:checked
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__inner-circle,
.wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__inner-circle {
    -webkit-transition: background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.wb-radio-button--disabled {
    cursor: default;
    pointer-events: none;
}

/* COLOR OF OUTER CIRCLE IF RADIO = CHECKED */
.wb-radio__native-control:checked
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__outer-circle {
    border-color: rgba(69, 69, 69, 1);
}

/* COLOR OF INNER CIRCLE IF RADIO = CHECKED */
.wb-radio__native-control:checked
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__inner-circle {
    background-color: rgba(69, 69, 69, 1);
    -webkit-transform: scale(0.5);
    transform: scale(0.49);
    /*instead of 0.5 due to rounding error @ firefox */
    -webkit-transition: background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

/* PROPERTIES FOR DISABLED BUTTONS */
.wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background,
fieldset:disabled
    .wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background,
[aria-disabled='true']
    .wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background {
    cursor: default;
}

.wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__outer-circle,
fieldset:disabled
    .wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__outer-circle,
[aria-disabled='true']
    .wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__outer-circle {
    border-color: rgba(0, 0, 0, 0.26);
}

.wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__inner-circle,
fieldset:disabled
    .wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__inner-circle,
[aria-disabled='true']
    .wb-radio__native-control:disabled
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__inner-circle {
    background-color: rgba(0, 0, 0, 0.26);
}

/* :FOCUS BACKGROUND CIRCLE SIZE */
/* This one is needed for radios that have a focus on page load, e.g. delictSelect */
html:not(.is-tabbing)
    .wb-radio__native-control:focus
    + .wb-radio-button
    .wb-radio-button__background::before {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: 0.26;
}

.is-tabbing .wb-radio__native-control + .wb-radio-button {
    outline: 3px dashed transparent;
    outline-offset: -6px;
}

.is-tabbing .wb-radio__native-control:focus + .wb-radio-button {
    outline-color: #971a1f;
    transition: outline-color ease-in-out 0.2s;
}

/*
 * RADIO BUTTON – CATEGORY/DELICT/TOPIC/SCHWERPUNKT SELECT PAGE
 * ---------------------
 */
/* delictSelect page */
.wb-radio--delict-select .wb-radio-button {
    margin-left: 0;
}

.wb-radio--delict-select .wb-radio-button::before {
    background-color: rgba(63, 94, 116, 0.14);
    /* #3f5e74; 14% */
}

.wb-radio--delict-select .wb-radio-button::after {
    background-color: rgba(63, 94, 116, 0.14);
    /* #3f5e74; 14% */
}

.wb-radio--delict-select .wb-radio-button__background::before {
    background-color: #3f5e74;
}

.wb-radio--delict-select .wb-radio-button__outer-circle {
    border-color: #3f5e74;
}

.wb-radio--delict-select .wb-radio-button__inner-circle {
    background-color: #3f5e74;
}

.wb-radio--delict-select
    .wb-radio__native-control:checked
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__outer-circle {
    border-color: #1a3f5b;
}

.wb-radio--delict-select
    .wb-radio__native-control:checked
    + .wb-radio-button
    .wb-radio-button__background
    .wb-radio-button__inner-circle {
    background-color: #1a3f5b;
}

/*
.wb-radio--delict-select .wb-radio__native-control:focus + .wb-radio-button .wb-radio-button__background::before {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
*/
.wb-radio--delict-select .wb-radio__caption {
    padding-left: 0;
}

/*
 *
 * BUTTONS
 * ==================================================
 * ==================================================
 *
 */
button:not(:disabled) {
    cursor: pointer;
}

.wb-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wb-btn:hover,
.wb-btn:focus {
    text-decoration: none;
}

/*
.wb-btn:focus,
.wb-btn.wb-focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
*/
.wb-btn.wb-disabled,
.wb-btn:disabled {
    opacity: 0.7;
}

.wb-btn:not(:disabled):not(.wb-disabled) {
    cursor: pointer;
}

.wb-btn:not(:disabled):not(.wb-disabled):not(.wb-btn--keep-bg-img):active,
.wb-btn:not(:disabled):not(.wb-disabled):not(.wb-btn--keep-bg-img).wb-active {
    background-image: none;
}

a.wb-btn.wb-disabled,
fieldset:disabled a.wb-btn {
    pointer-events: none;
}

a.wb-btn,
button.wb-btn,
.wb-btn {
    text-decoration: none;
}

/* BY COLOUR */
a.wb-btn--grey:hover,
button.wb-btn--grey:hover,
.wb-btn--grey:hover {
    background-color: rgba(232, 232, 232, 0.5);
    transition: background-color ease-in-out 0.1s;
}

a.wb-btn--grey:hover:disabled,
button.wb-btn--grey:hover:disabled,
.wb-btn--grey:hover:disabled {
    background-color: #e8e8e8;
}

.is-tabbing a.wb-btn--grey:focus,
.is-tabbing button.wb-btn--grey:focus,
.is-tabbing .wb-btn--grey:focus {
    background-color: rgba(232, 232, 232, 0.02);
    border-color: rgb(136, 136, 136);
    color: #535452;
    outline-offset: 4px;
    transition: outline-color ease-in-out 0.2s, background-color ease-in 0.1s,
        color ease-in-out 0.15s;
}

a.wb-btn--grey:active,
button.wb-btn--grey:active,
.wb-btn--grey:active {
    border-style: inset;
    border-color: rgba(210, 210, 210, 1);
    background-color: rgba(232, 232, 232, 0.1);
}

a.wb-btn--grey,
button.wb-btn--grey,
.wb-btn--grey {
    background-color: #e8e8e8;
    background-color: var(--wb-grey-02, #e8e8e8);
    color: #132e43;
    color: var(--wb-blue-08, #132e43);
    border: 1px solid #d0d0d0;
}

a.wb-btn--blue:hover,
button.wb-btn--blue:hover,
.wb-btn--blue:hover {
    outline: 0;
    border-color: #888888;
    background-color: #132e43;
}

a.wb-btn--blue:hover:disabled,
button.wb-btn--blue:hover:disabled,
.wb-btn--blue:hover:disabled {
    border-color: transparent;
    background-color: #1a3f5b;
}

.is-tabbing .wb-btn.wb-btn--blue:focus {
    background-color: rgba(26, 63, 91, 0.02);
    color: #203b58;
    border: 1px solid #203b58;
    transition: outline-color ease-in-out 0.2s, background-color ease-in 0.1s,
        color ease-in-out 0.15s;
    outline-offset: 4px;
}

a.wb-btn--blue:active,
button.wb-btn--blue:active,
.wb-btn--blue:active {
    border-style: inset;
    border-color: rgb(158, 158, 158);
}

a.wb-btn--blue,
button.wb-btn--blue,
.wb-btn--blue {
    color: #fff;
    background-color: #1a3f5b;
}

a.wb-btn--blue[aria-expanded='true'],
button.wb-btn--blue[aria-expanded='true'],
.wb-btn--blue[aria-expanded='true'] {
    background-color: #d6e1e9;
    border-color: #aaa;
}

a.wb-btn--transparent,
button.wb-btn--transparent,
.wb-btn--transparent {
    background-color: transparent;
    color: #1a3f5b;
    color: var(--wb-blue, #1a3f5b);
    box-shadow: none;
}

a.wb-btn--shadow,
button.wb-btn--shadow,
.wb-btn--shadow {
    -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
}

/* BY SIZE */
a.wb-btn--size-xs,
button.wb-btn--size-xs,
.wb-btn--size-xs {
    font-size: 0.75rem;
}

a.wb-btn--size-s,
button.wb-btn--size-s,
.wb-btn--size-s {
    font-size: 0.875rem;
}

a.wb-btn--size-xs,
button.wb-btn--size-xs,
.wb-btn--size-xs,
a.wb-btn--size-s,
button.wb-btn--size-s,
.wb-btn--size-s {
    font-weight: 600;
    line-height: 1.5;
    padding: 1px 0.5rem;
    border-radius: 0.125rem;
    min-width: 5rem;
}

a.wb-btn--size-m,
button.wb-btn--size-m,
.wb-btn--size-m {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    height: 2rem;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    min-width: 6rem;
}

a.wb-btn--size-m.wb-btn--modal,
button.wb-btn--size-m.wb-btn--modal,
.wb-btn--size-m.wb-btn--modal {
    font-size: 0.9375rem;
    height: auto;
}

@media (min-width: 576px) {
    a.wb-btn--size-m.wb-btn--modal,
    button.wb-btn--size-m.wb-btn--modal,
    .wb-btn--size-m.wb-btn--modal {
        font-size: 1rem;
    }
}

a.wb-btn--size-l,
button.wb-btn--size-l,
.wb-btn--size-l {
    font-size: 1.125rem;
    line-height: 1.4;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    min-width: 7rem;
}

a.wb-btn--size-l,
button.wb-btn--size-l,
.wb-btn--size-l {
    font-weight: 600;
}

/*
 * BUTTONS: SPECIAL BUTTONS FOR HOMEPAGE
 * -----------------------------
 */
.wb-btn-first-report,
.wb-btn-welcome-login {
    margin-top: 0.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.wb-btn-welcome-login:hover {
    text-decoration: none;
    background-color: #f6f6f6;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.wb-btn-first-report:hover {
    text-decoration: none;
    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5) 40%,
        rgba(255, 255, 255, 0.25)
    );
    border-color: #888888;
    background-color: #132e43;
}

.is-tabbing .wb-btn-welcome-login:focus {
    /*
    outline: 0;
    box-shadow: 0 0 0 3px rgba(170, 170, 170, 0.6);
    box-shadow: 0 0 0 3px rgba(19, 46, 67, 0.57);
    transition: all .15s cubic-bezier(0.4,0.0,0.2,1);
    */
    box-shadow: none;
    background-image: none;
}

.is-tabbing .wb-btn-first-report:focus {
    /*
    background-image: linear-gradient(to top, rgba(0,0,0,.5) 40%, rgba(255,255,255,.25));
    outline: 0;
    border-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 0 3px rgba(19, 46, 67, 0.57);
    transition: border-color .15s cubic-bezier(0.4,0.0,0.2,1), box-shadow .15s cubic-bezier(0.4,0.0,0.2,1);
    */
    background-image: none;
    box-shadow: none;
}

.wb-btn-welcome-login:active {
    outline: none !important;
    border-style: inset;
    border-color: rgba(210, 210, 210, 1);
    background-color: #e8e8e8;
    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.2) 40%,
        rgba(255, 255, 255, 0.2)
    );
}

.wb-btn-first-report:active {
    background-image: none;
    border-style: inset;
    border-color: rgb(158, 158, 158);
}

.wb-btn-first-report:focus {
    border-color: rgb(158, 158, 158);
    border-style: solid;
    border-width: 3px;
}

.wb-btn-welcome-login {
    color: #111;
    font-weight: 600;
    background-color: #e8e8e8;
    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.1) 40%,
        rgba(255, 255, 255, 0.1)
    );
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: normal;
}

.wb-btn-first-report {
    font-weight: 700;
    color: #fff;
    background-color: #1a3f5b;
    background-image: linear-gradient(to top, #132e43 40%, #3f5e74);
    white-space: nowrap;
    transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.wb-btn-welcome-login,
.wb-btn-first-report {
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1.125rem;
    font-family: inherit;
    line-height: 1.2;
    min-height: 2.75rem;
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    display: block;
    width: 100%;
    transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1),
        border-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.wb-icon-trashcan {
    cursor: pointer;
    margin-left: 5px;
}

/*
 * BUTTONS: ROUND ICONs
 * -----------------------------
 */
.wb-btn-circle {
    display: inline-flex;
    flex-grow: 0;
    width: 30px;
    height: 30px;
    background: transparent;
    position: relative;
}

.wb-btn-circle--white .wb-btn-circle__path {
    fill: #fff;
}

.wb-btn-circle__inner {
    width: 30px;
    height: 30px;
}

.wb-btn-circle--info {
    top: 0.5rem;
    margin: 0 0.25rem;
}

.wb-btn-circle__background {
    width: 30px;
    height: 30px;
    flex-grow: 0;
    border-radius: 50%;
    outline: none;
    position: absolute;
    transition: background-color 180ms linear;
    display: inline-flex;
    align-items: center;
}

.wb-btn-circle__svg {
    margin-left: auto;
    margin-right: auto;
    width: 20px;
    height: 20px;
}

.wb-btn-circle__inner:hover .wb-btn-circle__background {
    background: rgba(0, 0, 0, 0.08);
    transition: background-color 180ms linear;
}

.wb-btn-circle--white .wb-btn-circle__inner:hover .wb-btn-circle__background {
    background: rgba(255, 255, 255, 0.2);
}

.wb-btn-circle__inner:hover::after {
    color: #132e43;
    transition: color 180ms linear;
}

.wb-btn-circle--white .wb-btn-circle__inner:hover::after {
    color: #fff;
}

.wb-btn-circle__inner .wb-btn-circle__background {
    outline: 3px dashed transparent;
    outline-offset: 2px;
}

.is-tabbing a.wb-btn-circle__inner:focus {
    outline: none;
}

.is-tabbing a.wb-btn-circle__inner:focus .wb-btn-circle__background {
    outline-color: #971a1f;
    transition: outline-color ease-in-out 0.2s;
}

.wb-btn-circle__inner:active .wb-btn-circle__background {
    background: rgba(0, 0, 0, 0.2);
    transition: background-color 180ms linear;
}

.wb-btn-circle--white .wb-btn-circle__inner:focus .wb-btn-circle__background,
.wb-btn-circle--white .wb-btn-circle__inner:active .wb-btn-circle__background {
    background: rgba(255, 255, 255, 0.33);
}

.wb-btn-circle__inner:active::after {
    color: #fafafa;
    transition: color 120ms linear;
}

.wb-btn-circle__inner:active .wb-btn-circle__path {
    fill: #fafafa;
    transition: fill 120ms ease-out;
}

.wb-btn-circle--white .wb-btn-circle__inner:active .wb-btn-circle__path {
    fill: #fff;
}

/*
 * TOOLTIP
 * -----------------------------
 */
.tooltip {
    font-family: inherit;
}

.tooltip-inner {
    background-color: #132e43;
    max-width: 250px;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
    border-bottom-color: #132e43;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
    border-right-color: #132e43;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
    border-top-color: #132e43;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
    border-left-color: #132e43;
}

.wb-tooltip__svg {
    width: 16px;
    height: 16px;
}

.wb-tooltip__path {
    fill: #888888;
}

.wb-tooltip-ctrl {
    padding: 3px;
}

/*
 *
 * ALERTS
 * ==================================================
 * ==================================================
 *
 */
.wb-alert-nocookie,
.wb-alert-noscript {
    background: #c51516;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    width: 100%;
    position: relative;
    transition: height 0.3s ease-in;
    padding: 0.5rem 15px;
}

.wb-alert-nocookie {
    display: none;
}

.wb-alert-nocookie a {
    cursor: pointer;
    color: #fff;
    text-decoration: underline;
    text-shadow: 0px 0px 10px #36000047;
}

.wb-alert-nocookie a:hover {
    color: #3f5e74;
    text-decoration: underline;
}

.wb-alert-invalid,
.wb-alert-feedback,
.errMarkupWb {
    list-style-type: none;
    position: relative;
    display: none;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    border-left-width: 15px;
    border-top: none;
    border-bottom: none;
    border-right: none;
    color: #111;
    background-color: #fafafa;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-left-color: #c51516;
    font-size: 0.875rem;
    padding: 0.875rem;
    margin: 1rem 0;
    width: 100%;
    max-width: 100%;
    visibility: visible;
    opacity: 1;
    transition: all ease-out 0.2s;
    text-align: left;
}

[dir='rtl'] .wb-alert-invalid,
[dir='rtl'] .wb-alert-feedback,
[dir='rtl'] .errMarkupWb {
    text-align: right;
    border-left-width: 0;
    border-left-color: transparent;
    border-left: none;
    border-right: 15px solid #c51516;
}

.wb-alert-feedback.invalid-feedback::before {
    content: '\0021';
    width: 14px;
    height: 14px;
    position: absolute;
    top: calc(50% - 8px);
    left: -17px;
    color: #c51516;
    text-align: center;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    line-height: 14px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .wb-checkbox-wrapper + .wb-alert-feedback.invalid-feedback {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

.wb-alert-feedback.invalid-feedback {
    border-left-width: 20px;
    margin: 0.5rem 0;
}

.wb-report-multi__instance .wb-alert-feedback.invalid-feedback {
    margin-bottom: 0;
}

.wb-send-reply-alert .errMarkupWb li,
.wb-send-addition-alert .errMarkupWb li {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375;
}

/* Works different than wb-alert-invalid, so we need this */
.errMarkupWb {
    display: block;
}

/* Red Alert Box (e.g. shown after Form Validation) */
.errMarkupWb h3 {
    margin: 0;
    font-size: 1rem;
}

/* Alert Box Links */
.errMarkupWb a.wb-invalid-fields-link:hover {
    color: #c51516d1 !important;
    text-decoration: none;
}

.errMarkupWb a.wb-invalid-fields-link {
    color: #c51516 !important;
    text-decoration: underline;
}

ul.errMarkupWb > li > div[style='color:#1a3f5b;'] {
    color: #111 !important;
}

/* Text Counter postbox info message */
#countTexts2 {
    margin-top: 0.25rem;
}

/* Advice (yellow line) */
/* keep */
.wb-alert-advice,
/* keep */
.wb-alert-advice__consent,
/* drop */
.attInfo,
/* drop */
.wb-advice {
    border: none;
    border-left: 3px solid #ebbd00;
    padding-left: 15px;
}

/* keep */
[dir="rtl"] .wb-alert-advice,
/* keep */
[dir="rtl"] .wb-alert-advice__consent,
/* drop */
[dir="rtl"] .attInfo,
/* keep */
[dir="rtl"] .wb-advice {
    border-left: 0;
    border-right: 3px solid #ebbd00;
    padding-right: 15px;
}

/* drop */
.attInfo {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0.5rem;
}

.wb-alert-advice__consent .wb-checkbox__custom-control {
    left: 3px;
}

.wb-alert-advice__consent .wb-checkbox__description {
    padding-left: 40px;
}

[dir='rtl'] .wb-alert-advice__consent {
    padding-right: 22px;
}

[dir='rtl'] .wb-alert-advice__consent .wb-checkbox__custom-control {
    right: 3px;
}

[dir='rtl'] .wb-alert-advice__consent .wb-checkbox__description {
    padding-left: 15px;
    padding-right: 40px;
}

/* Warning (pink box with red font color) */
/* keep */
.wb-alert-warning,
/* drop */
.wb-warning {
    color: #721c24;
    background-color: #f8d7da;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
}

/* keep */
.wb-alert-warning>.subDynBlock,
/* drop */
.wb-warning>.subDynBlock {
    margin-bottom: 0;
}

/* Alert box for homepage */
.wb-alert-warningbox {
    color: #721c24;
    background-color: #f8d7da;
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.wb-alert-warningbox h1,
.wb-welcome-text .wb-alert-warningbox h1 {
    color: #721c24;
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.wb-alert-warningbox > :last-child {
    margin-bottom: 0;
}

/* Neutral info text (box) for homepage */
.wb-alert-infobox {
    border-radius: 2px;
    padding: 0.75em 1em;
    margin-bottom: 2rem;
    font-size: 0.875rem;
    background-color: rgba(232, 240, 245, 0.25);
    color: #132e43;
    border: 1px solid #cbdce9;
}

.wb-alert-infobox--centered {
    text-align: center;
}

.wb-alert-infobox__item {
    margin-bottom: 0.125em;
}

.wb-alert-infobox__item:last-child {
    margin-bottom: 0;
}

.wb-alert-advice ol,
.wb-alert-advice ul,
.wb-alert-advice dl {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-left: 24px;
    padding-right: 0;
}

[dir='rtl'] .wb-alert-advice ol,
[dir='rtl'] .wb-alert-advice ul,
[dir='rtl'] .wb-alert-advice dl {
    padding-left: 0;
    padding-right: 24px;
}

.wb-alert-advice li {
    margin-bottom: 0.5rem;
}

/*
 *
 * HELPERS
 * ==================================================
 * ==================================================
 *
 */
/* Switch on auto hyphenation */
.wb-hyphenate {
    hyphens: auto;
    overflow-wrap: break-word;
}

.wb-centered,
.wb-center {
    text-align: center;
    justify-content: center;
}

.wb-justify-text {
    text-align: justify;
}

.wb-page-wrapper,
.wb-stretch {
    flex: 1 0 auto;
}

@media print {
    .wb-noprint {
        display: none;
    }
}

.wb-clear-float {
    clear: both;
}

.wb-clearfix::after,
.wb-clear-both-after::after {
    clear: both;
    content: '';
    display: table;
    visibility: hidden;
}

.wb-no-float {
    float: none;
    width: auto;
}

@media (max-width: 900px) {
    .wb-small-full-width {
        float: none !important;
        width: 100% !important;
    }
}

.wb-screenreader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.wb-margin-bottom-05 {
    margin-bottom: 0.5rem !important;
}

.wb-margin-bottom-10 {
    margin-bottom: 1rem !important;
}

.wb-margin-bottom-20 {
    margin-bottom: 2rem !important;
}

.wb-margin-bottom-25 {
    margin-bottom: 2.5rem !important;
}

.wb-margin-bottom-30 {
    margin-bottom: 3rem !important;
}

.wb-display-none {
    display: none;
}

.wb-no-wrap {
    white-space: nowrap;
}

.wb-break-word {
    word-break: break-word;
    overflow-wrap: break-word;
}

.wb-footnote {
    display: block;
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 1rem;
}

.wb-footnote-number {
    color: #666;
}

.wb-divider-top {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/*
 *
 * ITEMS (= OTHER STUFF)
 * ==================================================
 * ==================================================
 *
 */
/*
 * Session TimeOut Warning Window
 * -----------------------------------
 */
.wb-session-lost-alert,
.wb-session-timeout-warning {
    display: none;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100vw;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 9999;
}

.wb-session-lost__inner,
.wb-session-timeout-warning__inner {
    text-align: center;
    margin: 1rem auto 0;
    width: 569px;
    max-width: 95%;
    padding: 0;
    border: none;
    border-radius: 4px;
}

.wb-session-timeout-warning__header {
    text-align: right;
    vertical-align: bottom;
    margin: 0;
    padding: 1rem 15px;
    background-color: #d6e1e9;
    display: flex;
    align-items: flex-end;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.wb-session-timeout-warning__header a {
    margin-left: auto;
    font-weight: bold;
}

.wb-session-timeout-warning__text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0 15px;
}

.wb-session-timeout-warning__footer {
    background-color: #f6f6f6;
    border-top: 1px solid #e8e8e8;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    margin-top: 2rem;
    padding: 1rem 15px;
}

.wb-session-timeout-warning__keep-button {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: 0;
    font-weight: 200 !important;
}

.wb-session-lost-alert__header {
    display: none;
}

.wb-session-lost-alert__body {
    padding: 3rem 2rem 2rem;
}

.wb-session-lost-alert__text {
    text-align: left;
    border-left: 3px solid #c51516;
    padding-left: 1rem;
    margin-bottom: 2rem;
}

[dir='rtl'] .wb-session-lost-alert__text {
    text-align: right;
    border-left: 0;
    border-right: 3px solid #c51516;
    padding-left: 0;
    padding-right: 1rem;
}

.wb-session-lost-alert__link {
    text-align: center;
    font-weight: 600;
}

.wb-session-lost-alert__footer {
    display: none;
}

@media screen and (device-aspect-ratio: 40/71) {
    .wb-session-lost-alert__body {
        padding: 1rem 1rem 1rem 1rem;
    }

    .wb-session-lost-alert__text {
        margin-bottom: 1rem;
    }
}

.wb-huge-timer {
    background-color: inherit;
    text-align: center;
    font-weight: 600;
    font-size: 4rem;
    color: #768c9d;
    margin-bottom: 0;
}

/*
 * FAQ Window
 * -----------------------------------
 */

.wb-modal,
.window {
    max-width: 98vw;
    top: 0.5rem !important;
    height: auto;
    max-height: calc(100vh - 5.5rem);
    max-height: 100vh;
    border-radius: 2px !important;
    box-shadow: rgba(0, 0, 0, 0.8) 0px 10px 50px 5px !important;
    overflow: hidden !important;
    padding: 0 !important;
    z-index: 99 !important;
    position: fixed !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    overflow-wrap: break-word;
}

@media (min-width: 410px) {
    .wb-modal {
        max-width: 90vw;
    }
}

@media (min-width: 768px) {
    .wb-modal {
        max-width: 38rem;
        top: 5rem !important;
    }
}

@media (min-width: 768px) {
    .wb-modal.wb-modal--choose-country {
        max-width: 450px !important;
        top: 2rem !important;
    }
}

/* the modal box container */
.wb-modal__inner,
.window > div:first-child {
    background: #fff !important;
    border: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* the blue header bar */
.wb-modal__header {
    height: 3rem !important;
    background-color: #cdd9e2;
    cursor: move;
    border: 0px solid;
    text-align: right;
    padding: 0.5rem 15px !important;
}

[dir='rtl'] .wb-modal__header {
    text-align: left;
}

/* the text body */
.wb-modal__body {
    padding: 0 15px !important;
    max-height: calc(100vh - 5rem) !important;
    height: auto !important;
}

.wb-modal__body > :last-child {
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .wb-modal__body {
        max-height: calc(100vh - 300px) !important;
        padding: 0 30px !important;
    }
}

/* choose country box */
/* keep */
.wb-modal--choose-country .wb-modal__body,
/* drop */
.wb-modal--choose-country__body {
    padding: 2rem 30px !important;
}

/* the fenster schließen button */
.wb-modal__close-link {
    font-weight: 600 !important;
    font-size: 32px;
    line-height: 1;
}

a.wb-modal__close-link:hover {
    text-decoration: none;
}

.wb-modal--report-info {
    max-width: 450px;
}

.wb-modal--report-info .wb-modal__body {
    padding: 1rem 30px;
}

/*
 * FAQ icons
 * -----------------------------------
 */
.wb-faq-has-icons .wb-faq-contents {
    list-style-type: none;
    position: relative;
    margin-bottom: 4rem;
    margin-top: 1rem;
    padding-left: 2.75rem;
    padding-top: 1rem;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    background: #fafafa;
}

.wb-faq-has-icons .wb-faq-contents li {
    margin-bottom: 1.25rem;
}

.wb-faq-contents__icon {
    margin-left: 0.75rem;
    display: inline-block;
    position: absolute;
    left: 0;
}

[dir='rtl'] .wb-faq-contents__icon {
    margin-right: 0.5rem;
    margin-left: 0;
    left: auto;
    right: 0;
}

.wb-faq-contents__image-img {
    width: 20px;
    height: 20px;
}

.wb-faq-icon {
    display: flex;
    border-top: 1px solid #d0d0d0;
    padding-top: 0.5rem;
    position: relative;
    margin-top: 3rem;
}

.wb-faq-icon__text {
    flex: 1 0 auto;
    align-self: flex-end;
    max-width: 100%;
    margin-top: 0.5em;
}

.wb-faq-icon__image {
    flex: 0 1 30px;
    position: absolute;
    left: 0;
    top: -2rem;
}

.wb-faq-icon__image-inner {
    text-align: right;
}

[dir='rtl'] .wb-faq-icon__image-inner {
    text-align: left;
}

a.wb-faq-icon__nav-to-top-link:hover {
    text-decoration: none;
    color: #1a3f5b;
    border-bottom: 1px solid rgba(26, 63, 91, 0.69);
}

a.wb-faq-icon__nav-to-top-link {
    text-decoration: none;
    border-bottom: 1px dotted rgba(26, 63, 91, 0.69);
    color: rgba(26, 63, 91, 0.69);
}

.wb-faq-icon__nav-to-top {
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 768px) {
    .wb-faq-has-icons {
        padding: 0 30px 0 30px;
    }

    .wb-faq-icon {
        border-top: none;
        padding-top: 0;
        margin-top: 3rem;
        margin-left: -37px;
        margin-right: -37px;
    }

    .wb-faq-icon__text {
        order: 2;
        max-width: calc(100% - 74px);
        margin-top: 0;
    }

    .wb-faq-icon__image {
        position: static;
        top: 0;
        order: 1;
        flex: 0 0 24px;
        width: 24px;
        margin-right: 13px;
        /* background: orange; */
        text-align: center;
    }

    [dir='rtl'] .wb-faq-icon__image {
        margin-right: 0;
        margin-left: 13px;
    }
}

/*
 * Maintenance Modal Window
 * -----------------------------------
 */
.modal--maintenance .modal-header {
    border-bottom: 1px solid #ebbd00;
}

.modal--maintenance .modal-body {
    background: #f5dd7f;
    background: hsla(48, 100%, 46%, 0.5);
    color: #4d3d00;
}

.modal--maintenance .modal-footer {
    border-top: 1px solid #ebbd00;
}

/*
 * Send Attachment Box
 * -----------------------------------
 */
.wb-report-block.wb-upload-file,
.dynBlock.wb-upload-file {
    border: 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin: 1rem -15px 2rem;
    padding: 2rem 15px 1.5rem;
}

@media (min-width: 576px) {
    .wb-report-block.wb-upload-file,
    .dynBlock.wb-upload-file {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),
            0 0 0 1px rgba(0, 0, 0, 0.08);
        border: 0;
        border-radius: 2px;
        margin: 1rem 0 2rem;
        padding: 2rem 30px 1.5rem;
    }
}

.wb-upload-file__intro-text {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.wb-upload-file__advice {
    margin-bottom: 0.5rem;
}

.wb-upload-file__checkbox {
    height: auto;
    min-height: 40px;
    margin-bottom: 1rem;
}

.wb-upload-file__input-file {
    /*overflow: hidden;*/
    display: flex;
    align-items: center;
    line-height: 30px;
}

.attachment-error {
    margin-bottom: 1rem !important;
}

/*
 * BKMS System Version info
 * -----------------------------------
 */
.wb-version-info {
    color: #3f5e74;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    line-height: 12px;
    min-height: 20px;
    height: auto;
    padding: 3px 5px;
    border-bottom: 1px solid #d0d0d0;
    border-top-color: #f6f6f6;
    background: #f6f6f6;
    display: block;
}

@media (min-width: 768px) {
    .wb-version-info {
        top: 140px;
        position: absolute;
        min-width: 100px;
        width: auto;
        height: 20px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px dashed #d0d0d0;
        box-shadow: 0px 0px 0px 2px #f6f6f6;
    }

    [dir='ltr'] .wb-version-info {
        transform-origin: left top;
        transform: rotate(-90deg) translateX(-100%);
        left: -20px;
    }

    [dir='rtl'] .wb-version-info {
        transform-origin: right top;
        transform: rotate(90deg) translateX(100%);
        right: -20px;
    }
}

@media print {
    .wb-version-info {
        display: none;
    }
}

.wb-env-info {
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    line-height: 12px;
    min-height: 22px;
    height: auto;
    padding: 3px 20px;
    border-bottom: 1px solid #d0d0d0;
    border-top-color: #f6f6f6;
    background: #990000;
    display: block;
}

@media (min-width: 768px) {
    .wb-env-info {
        /*top: 32px;*/
        position: absolute;
        min-width: 142px;
        width: auto;
        height: 20px;
        border-radius: 0 5px 0 0;
        border-bottom: 1px dashed #d0d0d0;
    }

    [dir='ltr'] .wb-env-info {
        transform-origin: left top;
        transform: rotate(-90deg) translateX(-100%);
        left: -22px;
    }

    [dir='rtl'] .wb-env-info {
        transform-origin: right top;
        transform: rotate(90deg) translateX(100%);
        right: -22px;
    }
}

@media print {
    .wb-env-info {
        display: none;
    }
}

.wb-env-info-plain {
    color: #FFFFFF;
    font-size: 16px;
    text-align: right;
    line-height: 12px;
    min-height: 22px;
    height: auto;
    padding: 3px 20px;
    border-bottom: 1px solid #d0d0d0;
    border-top-color: #f6f6f6;
    background: #990000;
    display: block;
}

@media (min-width: 768px) {
    .wb-env-info-plain {
        top: 140px;
        position: absolute;
        /*min-width: 100px;*/
        width: 285px;
        height: 20px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px dashed #d0d0d0;
    }

    [dir='ltr'] .wb-env-info-plain {
        transform-origin: left top;
        transform: rotate(-90deg) translateX(-100%);
        left: -22px;
    }

    [dir='rtl'] .wb-env-info-plain {
        transform-origin: right top;
        transform: rotate(90deg) translateX(100%);
        right: -22px;
    }
}

@media print {
    .wb-env-info-plain {
        display: none;
    }
}

/* Mouseover popup */
#popup {
    border: 5px solid #111;
    margin-top: 50px;
    text-align: center;
}

#popup > * {
    background-color: #111 !important;
    color: #fff;
    font-size: 0.75rem;
}

/*
 * CEO quote
 * -----------------------------------
 */

.wb-ceo-quote {
    margin: 2rem 0;
}

.wb-ceo-quote::after {
    clear: both;
}

.wb-ceo-quote--centered-no-pic,
.wb-ceo-quote--two-or-more-pics {
    display: flex;
    flex-wrap: nowrap;
}

@media (min-width: 576px) {
    .wb-ceo-quote {
        display: flex;
        flex-wrap: nowrap;
    }
}

.wb-ceo-quote--centered-no-pic {
    border-top: 0;
    border-bottom: 0;
    text-align: center;
}

@media (min-width: 768px) {
    .wb-ceo-quote--centered-no-pic {
        padding: 0 4rem;
    }
}

.wb-ceo-quote--two-or-more-pics {
    flex-direction: column;
    text-align: center;
    margin: 2rem 0px;
}

@media (min-width: 410px) {
    .wb-ceo-quote--two-or-more-pics {
        margin: 2rem 15px;
    }
}

@media (min-width: 576px) {
    .wb-ceo-quote--two-or-more-pics {
        margin: 2rem 60px;
    }
}

@media (max-width: 575.98px) {
    [dir='ltr']
        .wb-ceo-quote:not(.wb-ceo-quote--two-or-more-pics)
        .wb-ceo-quote__img-container,
    [dir='rtl']
        .wb-ceo-quote:not(.wb-ceo-quote--two-or-more-pics)[dir='ltr']
        .wb-ceo-quote__img-container {
        float: left;
    }

    [dir='rtl']
        .wb-ceo-quote:not(.wb-ceo-quote--two-or-more-pics)
        .wb-ceo-quote__img-container {
        float: right;
    }
}

.wb-ceo-quote__img-container {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.wb-ceo-quote--centered-no-pic .wb-ceo-quote__img-container {
    display: none;
}

.wb-ceo-quote--two-or-more-pics .wb-ceo-quote__img-container {
    flex-wrap: nowrap;
    justify-content: space-around;
}

.wb-ceo-quote--two-or-more-pics .wb-ceo-quote__figure {
    /* margin: 0 .5rem 1rem; */
    flex: 1 1 100px;
}

.wb-ceo-quote__img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    object-fit: cover;
}

.wb-ceo-quote__img-rectangle {
    height: 84px;
    width: auto;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) {
    .wb-ceo-quote__img {
        width: 100px;
        height: 100px;
    }

    .wb-ceo-quote__img-rectangle {
        height: 100px;
    }
}

[dir='ltr'] .wb-ceo-quote__img,
[dir='rtl']
    .wb-ceo-quote[dir='ltr']:not(.wb-ceo-quote--two-or-more-pics)
    .wb-ceo-quote__img,
[dir='ltr'] .wb-ceo-quote__img-rectangle,
[dir='rtl']
    .wb-ceo-quote[dir='ltr']:not(.wb-ceo-quote--two-or-more-pics)
    .wb-ceo-quote__img-rectangle {
    margin-right: 30px;
    margin-left: 0;
}

[dir='rtl'] .wb-ceo-quote__img,
[dir='rtl'] .wb-ceo-quote__img-rectangle {
    margin-left: 30px;
    margin-right: 0;
}

[dir='ltr'] .wb-ceo-quote--two-or-more-pics .wb-ceo-quote__img,
[dir='ltr'] .wb-ceo-quote--two-or-more-pics .wb-ceo-quote__img-rectangle {
    margin-right: 0;
}

[dir='rtl'] .wb-ceo-quote--two-or-more-pics .wb-ceo-quote__img,
[dir='rtl'] .wb-ceo-quote--two-or-more-pics .wb-ceo-quote__img-rectangle {
    margin-left: 0;
}

.wb-ceo-quote__figcaption {
    margin-top: 0.25rem;
    font-size: 0.6875rem;
    text-align: center;
    color: #333;
}

@media (min-width: 576px) {
    .wb-ceo-quote__figcaption {
        font-size: 0.75rem;
    }
}

.wb-ceo-quote__text-container {
    flex: 1 1 auto;
    font-style: italic;
    font-family: Cambria, Georgia, serif;
}

[dir='rtl'] .wb-ceo-quote__text-container {
    font-style: normal;
}

.wb-ceo-quote__text-body {
    color: #1a3f5b;
    font-size: 1.125rem;
    font-weight: 600;
}

.wb-ceo-quote--two-or-more-pics .wb-ceo-quote__text-body {
    margin: 1rem 0 0;
}

@media (min-width: 576px) {
    .wb-ceo-quote--two-or-more-pics .wb-ceo-quote__text-body {
        margin: 2rem -30px;
    }
}

.wb-ceo-quote__text-footer {
    margin-top: 0.5rem;
    font-size: 1rem;
    color: #535456;
    padding: 2px;
}

.wb-ceo-quote--two-or-more-signatures {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    text-align: center;
    margin: 2rem 0;
}

@media (min-width: 410px) {
    .wb-ceo-quote--two-or-more-signatures {
        margin: 2rem 15px;
    }
}

@media (min-width: 576px) {
    .wb-ceo-quote--two-or-more-signatures {
        margin: 2rem 60px;
    }
}

.wb-ceo-quote--two-or-more-signatures .wb-ceo-quote__text-body {
    margin: 0 0 2rem 0;
}

.wb-ceo-quote--two-or-more-signatures .wb-ceo-quote__img-container {
    flex-wrap: nowrap;
    justify-content: space-around;
}

.wb-ceo-quote--two-or-more-signatures .wb-ceo-quote__figure {
    flex: 1 1 100px;
}

.wb-ceo-quote--two-or-more-signatures .wb-ceo-quote__img {
    width: 100px;
    height: 50px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: contain;
}

/*
 *
 * PAGES
 * ==================================================
 * ==================================================
 *
 */
/*
 * Page Container
 * -----------------------------------
 * contains header, main and footer
 *
 */
.wb-page-container {
    background: #fff;
    border-radius: 0;
    float: none;
    padding: 0;
    display: flex;
}

@media (min-width: 576px) {
    .wb-page-container {
        background: #f6f6f6;
    }
}

@media (min-width: 992px) {
    .wb-page-container {
        margin: 1rem auto;
    }
}

.wb-page-container__inner {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    min-height: 100vh;
}

@media (min-width: 992px) {
    .wb-page-container__inner {
        min-height: calc(100vh - 2rem);
    }
}

/*
 * Page Header
 * -----------------------------------
 *
 */
/* + + + Page Header Container + + + */
.wb-page-header--new {
    border-bottom: 2px solid #900;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 15px;
    background: #fff;
    z-index: 1;
}

@media (min-width: 576px) {
    .wb-page-header--new {
        padding: 1rem 30px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .wb-page-header--new {
        padding: 1rem 38px;
        width: 960px;
        transform: scale(0.75) translate(-160px, -21px);
    }

    [dir='rtl'] .wb-page-header--new {
        transform: scale(0.75) translate(160px, -21px);
    }
}

/* + + + Page Header Main + + + */
.wb-page-header__main {
    order: 1;
    width: 100%;
    height: 60px;
    display: flex;
    overflow-x: hidden;
    align-items: center;
    justify-content: flex-start;
}

/* IE11: Always 95px height */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .wb-page-header__main {
        height: 95px;
    }
}

.wb-page-header__aside:not(:empty) + .wb-page-header__main {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .wb-page-header__aside:not(:empty) + .wb-page-header__main {
        flex: 0 1 auto;
        width: auto;
        margin-bottom: 0;
    }

    .wb-page-header__main {
        height: 95px;
    }
}

/* + + + Page Header Aside + + + */
.wb-page-header__aside:empty {
    height: 0;
    width: 0;
}

.wb-page-header__aside:not(:empty) {
    order: 2;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (min-width: 768px) {
    .wb-page-header__aside:not(:empty) {
        flex: 1 1 auto;
        width: auto;
        /* height: 95px; */
        max-height: 95px;
        justify-content: flex-end;
    }
}

/* + + + Helper classes for aside container + + + */
@media (min-width: 768px) {
    .wb-page-header__aside.wb-page-header__aside--height-fix {
        height: 95px;
    }

    [dir='ltr']
        .wb-page-header__aside.wb-page-header__aside--padding-start-half {
        padding-left: 7.5px;
    }

    [dir='rtl']
        .wb-page-header__aside.wb-page-header__aside--padding-start-half {
        padding-right: 7.5px;
    }

    [dir='ltr']
        .wb-page-header__aside.wb-page-header__aside--padding-start-full {
        padding-left: 15px;
    }

    [dir='rtl']
        .wb-page-header__aside.wb-page-header__aside--padding-start-full {
        padding-right: 15px;
    }
}

/* + + + Correct main margin-bottom for hidden aside images on small screens + + + */
@media (max-width: 767.98px) {
    .wb-page-header__aside.bs-display-none.bs-display-md-flex
        ~ .wb-page-header__main {
        margin-bottom: 0;
    }
}

/* + + + Page Header Bottom + + + */
.wb-page-header__bottom:empty {
    display: none;
}

.wb-page-header__bottom:not(:empty) {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
}

/* + + + Page Header Image + + + */
.wb-page-header__image--new {
    max-height: 60px;
    width: auto;
    max-width: 100%;
    min-height: 1px;
}

@media (min-width: 768px) {
    .wb-page-header__image--new {
        max-height: 100%;
    }
}

/* + + + Helpers for Legacy PNG images + + + */
.wb-page-header__legacy-img-full-width .wb-page-header__image--new {
    width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .wb-page-header__legacy-img-700px-width .wb-page-header__image--new {
        width: 100%;
        max-width: 700px;
    }
}

/* + + + Page Header Text + + + */
.wb-page-header__text {
    margin: 0;
    font-size: 0.75rem;
    color: #666;
}

.wb-page-header__text:empty {
    padding: 0;
}

@media (min-width: 768px) {
    .wb-page-header__text {
        font-size: 0.75rem;
    }

    .wb-page-header__aside > .wb-page-header__text {
        max-width: 425px;
    }

    /* Helpers */
    .wb-page-header__larger-text > .wb-page-header__text {
        font-size: 0.875rem;
    }

    .wb-page-header__text-shrink > .wb-page-header__text {
        max-width: 320px;
    }

    .wb-page-header__text-expand > .wb-page-header__text {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .wb-page-header__text-shrink-small-only > .wb-page-header__text {
        max-width: 250px;
    }
}

/* + + + Page Header Text – Alignment Helpers + + + */
[dir='ltr'] .wb-page-header__text-align-right {
    text-align: right;
}

[dir='rtl'] .wb-page-header__text-align-right {
    text-align: left;
}

[dir='ltr'] .wb-page-header__text-align-left {
    text-align: left;
}

[dir='rtl'] .wb-page-header__text-align-left {
    text-align: right;
}

.wb-page-header__text-align-center {
    text-align: center;
}

@media (min-width: 768px) {
    [dir='ltr'] .wb-page-header__text-align-right--medium-large {
        text-align: right;
    }

    [dir='rtl'] .wb-page-header__text-align-right--medium-large {
        text-align: left;
    }

    [dir='ltr'] .wb-page-header__text-align-left--medium-large {
        text-align: left;
    }

    [dir='rtl'] .wb-page-header__text-align-left--medium-large {
        text-align: right;
    }

    .wb-page-header__text-align-center--medium-large {
        text-align: center;
    }
}

.wb-page-header__font-bold .wb-page-header__text {
    font-weight: 600;
}

.wb-page-header__font-red > .wb-page-header__text {
    color: #900;
}

.wb-page-header__font-black > .wb-page-header__text {
    color: #111;
}

/* + + + Page Header – Flex Items Alignment + + + */
.wb-page-header__main.wb-page-header__justify-start,
.wb-page-header__aside.wb-page-header__justify-start,
.wb-page-header__bottom.wb-page-header__justify-start {
    justify-content: flex-start;
}

.wb-page-header__main.wb-page-header__justify-center,
.wb-page-header__aside.wb-page-header__justify-center,
.wb-page-header__bottom.wb-page-header__justify-center {
    justify-content: center;
}

.wb-page-header__main.wb-page-header__justify-end,
.wb-page-header__aside.wb-page-header__justify-end,
.wb-page-header__bottom.wb-page-header__justify-end {
    justify-content: flex-end;
}

.wb-page-header__main.wb-page-header__align-start,
.wb-page-header__aside.wb-page-header__align-start,
.wb-page-header__bottom.wb-page-header__align-start {
    align-items: flex-start;
}

.wb-page-header__main.wb-page-header__align-center,
.wb-page-header__aside.wb-page-header__align-center,
.wb-page-header__bottom.wb-page-header__align-center {
    align-items: center;
}

.wb-page-header__main.wb-page-header__align-end,
.wb-page-header__aside.wb-page-header__align-end,
.wb-page-header__bottom.wb-page-header__align-end {
    align-items: flex-end;
}

@media (min-width: 768px) {
    .wb-page-header__main.wb-page-header__justify-start--medium-large,
    .wb-page-header__aside.wb-page-header__justify-start--medium-large,
    .wb-page-header__bottom.wb-page-header__justify-start--medium-large {
        justify-content: flex-start;
    }

    .wb-page-header__main.wb-page-header__justify-center--medium-large,
    .wb-page-header__aside.wb-page-header__justify-center--medium-large,
    .wb-page-header__bottom.wb-page-header__justify-center--medium-large {
        justify-content: center;
    }

    .wb-page-header__main.wb-page-header__justify-end--medium-large,
    .wb-page-header__aside.wb-page-header__justify-end--medium-large,
    .wb-page-header__bottom.wb-page-header__justify-end--medium-large {
        justify-content: flex-end;
    }

    .wb-page-header__main.wb-page-header__align-start--medium-large,
    .wb-page-header__aside.wb-page-header__align-start--medium-large,
    .wb-page-header__bottom.wb-page-header__align-start--medium-large {
        align-items: flex-start;
    }

    .wb-page-header__main.wb-page-header__align-center--medium-large,
    .wb-page-header__aside.wb-page-header__align-center--medium-large,
    .wb-page-header__bottom.wb-page-header__align-center--medium-large {
        align-items: center;
    }

    .wb-page-header__main.wb-page-header__align-end--medium-large,
    .wb-page-header__aside.wb-page-header__align-end--medium-large,
    .wb-page-header__bottom.wb-page-header__align-end--medium-large {
        align-items: flex-end;
    }
}

/* + + + Page Header – Miscellaneous + + + */
.wb-page-header__border-top {
    border-top: 1px solid #ddd;
    padding-top: 0.5rem;
}

/*
 * Page Main Area – Containers
 * -----------------------------------
 *
 */
.wb-page-main {
    margin: 0;
    /* stretch */
    flex: 1 0 auto;
    width: 100%;
}

@media (min-width: 576px) {
    .wb-page-main {
        margin: 1rem 0 0 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media print {
    .wb-page-main {
        margin: 0;
    }
}

.wb-box-white {
    padding: 1rem 15px;
    background: #fff;
    margin: 0;
    border-top: 1px solid #e6e6e6;
}

@media (min-width: 576px) {
    .wb-box-white {
        margin: 0 0 1rem;
        border-radius: 2px;
        border-top-width: 0;
        padding: 1rem 2rem;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    }
}

@media print {
    .wb-box-white {
        box-shadow: none;
    }
}

.wb-box-white--client-info {
    padding-top: 1.5rem;
}

@media (min-width: 992px) {
    .wb-box-white--introduction-text {
        min-height: 30rem;
    }
}

/*
 * Clickable widgets
 * -----------------------------------
 *
 */
.wb-box-white--voice-intake,
.wb-box-white--open-umbrella,
.wb-box-white--switch-cin {
    height: 100%;
    width: 100%;
}

a.wb-voice-intake-info__link,
a.wb-switch-cin__link,
.wb-open-umbrella {
    display: flex;
    align-items: center;
}

.wb-voice-intake-info,
.wb-open-umbrella,
.wb-switch-cin {
    min-height: 2.225rem;
}

.wb-voice-intake-info__text,
.wb-open-umbrella__text,
.wb-switch-cin__text {
    vertical-align: middle;
    display: inline;
}

.wb-box-white--voice-intake,
.wb-box-white--switch-cin,
.wb-box-white--open-umbrella {
    padding: 1.5rem 1rem 1.5rem 0.725rem;
    display: inline-flex;
}

.wb-switch-cin-feedback__icon,
.wb-voice-intake-info__icon,
.wb-switch-cin__icon,
.wb-open-umbrella__icon {
    display: block;
    min-height: 2.25rem;
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: left 0 center;
    flex: 1 0 3rem;
    width: 3rem;
}

.wb-switch-cin-feedback__icon {
    background-image: url('images/thumbs_up_down.svg');
}

.wb-voice-intake-info__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='38' height='38' viewBox='0 0 38.000001 38.000001' id='svg2' version='1.1' inkscape:version='0.91 r13725' sodipodi:docname='handset.svg'%3E%3Cdefs id='defs4' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='6.64' inkscape:cx='19.228916' inkscape:cy='11.500369' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' inkscape:window-width='1331' inkscape:window-height='986' inkscape:window-x='510' inkscape:window-y='126' inkscape:window-maximized='0' showguides='true' inkscape:snap-page='false' units='px' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0'%3E%3Cinkscape:grid type='xygrid' id='grid4312' originx='-11.000001' originy='-10.999978' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata7'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(-11,-1003.3622)'%3E%3Cpath style='fill:%23132e43;fill-opacity:1' d='m 28.714573,1041.3407 c -1.469386,-0.1031 -3.325855,-0.4811 -4.793278,-0.9759 -4.202954,-1.4173 -7.914609,-4.3933 -10.147119,-8.1359 -1.007253,-1.6886 -1.762748,-3.4742 -2.180408,-5.1536 -0.487426,-1.9598 -0.688512,-4.1072 -0.551868,-5.8934 0.104589,-1.3671 0.269704,-2.4291 0.548058,-3.5249 0.331348,-1.3044 0.754569,-2.4165 1.446203,-3.8001 0.444238,-0.8888 0.635021,-1.221 1.151907,-2.006 0.767438,-1.1656 1.442589,-1.971 2.602006,-3.1041 2.069977,-2.0228 4.452331,-3.481 7.2065,-4.4108 1.879856,-0.6347 3.51123,-0.9186 5.520398,-0.9607 1.26396,-0.027 2.028675,0.016 3.175259,0.1771 2.789738,0.3916 5.609947,1.4701 7.868287,3.0091 2.4276,1.6542 4.73837,4.1519 6.016395,6.503 0.35395,0.6511 0.940219,1.8918 1.177529,2.4919 0.853932,2.1595 1.310269,4.8485 1.238131,7.2958 -0.07355,2.4954 -0.580447,4.8127 -1.538106,7.0315 -2.117668,4.9066 -6.270153,8.7523 -11.290631,10.4565 -1.540246,0.5228 -3.087933,0.8389 -4.830907,0.9867 -0.467416,0.04 -2.125692,0.048 -2.618356,0.014 z m 3.378523,-2.4574 c 0.870123,-0.1182 1.235506,-0.1897 2.069345,-0.4053 1.171222,-0.3027 2.042696,-0.6281 3.167365,-1.1827 3.519602,-1.7353 6.251215,-4.5561 7.852071,-8.1084 0.676846,-1.5019 1.100067,-3.0031 1.340598,-4.7551 0.08252,-0.6011 0.0951,-0.8745 0.09502,-2.0653 0,-1.4277 -0.02773,-1.7781 -0.233162,-2.9562 -0.681823,-3.91 -2.855405,-7.5349 -6.04295,-10.0778 -1.933167,-1.5422 -4.452444,-2.7356 -6.889575,-3.2636 -1.985386,-0.4302 -4.563085,-0.4555 -6.553187,-0.064 -0.480129,0.094 -1.887871,0.4602 -2.238272,0.5817 -0.996396,0.3455 -2.622458,1.1216 -3.492842,1.6671 -1.781034,1.1163 -3.60401,2.8664 -4.869204,4.6746 -1.516777,2.1677 -2.487066,4.7607 -2.836645,7.5805 -0.117589,0.9485 -0.106464,2.9437 0.02178,3.9064 0.490997,3.6861 2.058699,6.9306 4.608768,9.5383 1.45788,1.4908 2.85547,2.5009 4.709955,3.404 1.807329,0.8802 3.722723,1.4058 5.849066,1.605 0.69884,0.065 2.720735,0.019 3.44187,-0.079 z m 3.495345,-4.6932 c -2.100396,-0.2652 -4.409462,-1.3462 -6.916099,-3.2381 -1.326216,-1.001 -2.560377,-2.0962 -3.972058,-3.5248 -2.614248,-2.6457 -4.234195,-4.7784 -5.383652,-7.0878 -1.665773,-3.3467 -1.54962,-6.1661 0.33455,-8.1207 0.746722,-0.7746 1.537516,-1.2487 2.594254,-1.5552 0.753562,-0.2187 1.469458,-0.1919 1.84591,0.069 0.388856,0.2695 0.77704,1.0722 1.606732,3.3227 0.643048,1.7442 0.680602,1.8703 0.704054,2.3641 0.01933,0.407 0.01215,0.4699 -0.07394,0.6478 -0.127014,0.2623 -0.392461,0.4642 -1.250973,0.9514 -0.385934,0.219 -0.774393,0.4687 -0.863244,0.5549 -0.220498,0.214 -0.261182,0.3959 -0.243754,1.0897 l 0.01442,0.574 0.22163,0.4557 c 0.552387,1.1357 1.242234,2.1799 2.0963,3.1729 0.410265,0.4771 1.569989,1.643 2.095265,2.1066 0.988639,0.8724 1.93739,1.5162 3.076062,2.0873 l 0.647749,0.3249 0.582068,0.014 c 0.698357,0.016 0.877064,-0.023 1.097036,-0.2432 0.08896,-0.089 0.346458,-0.4878 0.572211,-0.8863 0.493433,-0.8711 0.667645,-1.1012 0.929651,-1.228 0.177212,-0.086 0.240538,-0.093 0.647264,-0.074 0.509294,0.024 0.688362,0.079 2.646874,0.8129 2.058655,0.7713 2.60924,1.0333 2.924702,1.3917 0.358955,0.4078 0.432894,0.9188 0.245088,1.694 -0.482592,1.9919 -1.918024,3.5946 -3.67839,4.1068 -0.748403,0.2178 -1.784132,0.308 -2.499711,0.2177 z' id='path4201' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/svg%3E");
}

.wb-switch-cin__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns='http://www.w3.org/2000/svg' height='38' width='38' version='1.1' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' viewBox='0 0 38.000001 38.000001'%3E%3Cg transform='translate(-11 -1003.36)'%3E%3Cpath d='m33.547 1016.76v3.2542c0 0.537-0.43931 0.9763-0.97625 0.9763h-10.5871l1.15 5.4507c0.1797 0.8517-1.04947 1.3016-1.66776 0.6915l-8.05408-8.054c-0.38237-0.3825-0.38237-1.0007 0-1.3831l8.05408-8.0541c0.61829-0.6183 1.66776-0.1789 1.66776 0.6915l-1.14962 5.4506 10.5867 0.0002c0.53693 0 0.97625 0.4393 0.97625 0.9762z' fill='%23aaa'/%3E%3Cpath d='m26.625 1024.71v3.2542c0 0.537 0.43931 0.9763 0.97625 0.9763h10.5871l-1.15 5.4507c-0.1797 0.8517 1.04947 1.3016 1.66776 0.6915l8.05408-8.054c0.38237-0.3825 0.38237-1.0007 0-1.3831l-8.05408-8.0541c-0.61829-0.6183-1.66776-0.1789-1.66776 0.6915l1.14962 5.4506-10.5867 0.0002c-0.53693 0-0.97625 0.4393-0.97625 0.9762z' fill='%231a3f5b'/%3E%3C/g%3E%3C/svg%3E");
}

.wb-open-umbrella__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns='http://www.w3.org/2000/svg' height='38' width='38' version='1.1' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' viewBox='0 0 38.000001 38.000001'%3E%3Cg transform='translate(-11 -1003.36)'%3E%3Cpath fill='%231a3f5b' d='m28.7146 1041.34c-1.46939-0.1031-3.32586-0.4811-4.79328-0.9759-4.20295-1.4173-7.91461-4.3933-10.1471-8.1359-1.00725-1.6886-1.76275-3.4742-2.18041-5.1536-0.487426-1.9598-0.688512-4.1072-0.551868-5.8934 0.104589-1.3671 0.269704-2.4291 0.548058-3.5249 0.331348-1.3044 0.754569-2.4165 1.4462-3.8001 0.444238-0.8888 0.635021-1.221 1.15191-2.006 0.767438-1.1656 1.44259-1.971 2.60201-3.1041 2.06998-2.0228 4.45233-3.481 7.2065-4.4108 1.87986-0.6347 3.51123-0.9186 5.5204-0.9607 1.26396-0.027 2.02868 0.016 3.17526 0.1771 2.78974 0.3916 5.60995 1.4701 7.86829 3.0091 2.4276 1.6542 4.73837 4.1519 6.0164 6.503 0.35395 0.6511 0.940219 1.8918 1.17753 2.4919 0.853932 2.1595 1.31027 4.8485 1.23813 7.2958-0.07355 2.4954-0.580447 4.8127-1.53811 7.0315-2.11767 4.9066-6.27015 8.7523-11.2906 10.4565-1.54025 0.5228-3.08793 0.8389-4.83091 0.9867-0.467416 0.04-2.12569 0.048-2.61836 0.014z'/%3E%3Cpath fill='%23fff' d='m32.0931 1038.88c0.870123-0.1182 1.23551-0.1897 2.06934-0.4053 1.17122-0.3027 2.0427-0.6281 3.16736-1.1827 3.5196-1.7353 6.25122-4.5561 7.85207-8.1084 0.676846-1.5019 1.10007-3.0031 1.3406-4.7551 0.08252-0.6011 0.0951-0.8745 0.09502-2.0653 0-1.4277-0.02773-1.7781-0.233162-2.9562-0.681823-3.91-2.8554-7.5349-6.04295-10.0778-1.93317-1.5422-4.45244-2.7356-6.88958-3.2636-1.98539-0.4302-4.56308-0.4555-6.55319-0.064-0.480129 0.094-1.88787 0.4602-2.23827 0.5817-0.996396 0.3455-2.62246 1.1216-3.49284 1.6671-1.78103 1.1163-3.60401 2.8664-4.8692 4.6746-1.51678 2.1677-2.48707 4.7607-2.83664 7.5805-0.117589 0.9485-0.106464 2.9437 0.02178 3.9064 0.490997 3.6861 2.0587 6.9306 4.60877 9.5383 1.45788 1.4908 2.85547 2.5009 4.70996 3.404 1.80733 0.8802 3.72272 1.4058 5.84907 1.605 0.69884 0.065 2.72074 0.019 3.44187-0.079z'/%3E%3Cpath d='m39.397 1020.71v3.2542c0 0.537-0.43931 0.9763-0.97625 0.9763h-10.5871l1.15 5.4507c0.1797 0.8517-1.04947 1.3016-1.66776 0.6915l-8.05408-8.054c-0.38237-0.3825-0.38237-1.0007 0-1.3831l8.05408-8.0541c0.61829-0.6183 1.66776-0.1789 1.66776 0.6915l-1.14962 5.4506 10.5867 0.0002c0.53693 0 0.97625 0.4393 0.97625 0.9762z' fill='%231a3f5b'/%3E%3C/g%3E%3C/svg%3E");
}

.wb-voice-intake-info__link:hover .wb-voice-intake-info__icon,
.wb-switch-cin__link:hover .wb-switch-cin__icon,
.wb-switch-cin__link:hover .wb-switch-cin-feedback__icon,
.wb-open-umbrella__link:hover .wb-open-umbrella__icon {
    background-size: 2.175rem;
    transition: background-size 90ms cubic-bezier(0.4, 0, 1, 1);
}

[dir='rtl'] .wb-voice-intake-info__link:hover .wb-voice-intake-info__icon,
[dir='rtl'] .wb-switch-cin__link:hover .wb-switch-cin__icon,
[dir='rtl'] .wb-switch-cin__link:hover .wb-switch-cin-feedback__icon,
[dir='rtl'] .wb-open-umbrella__link:hover .wb-open-umbrella__icon {
    background-position: right calc(1rem - 0.175rem) center;
}

[dir='rtl'] .wb-voice-intake-info__icon,
[dir='rtl'] .wb-switch-cin__icon,
[dir='rtl'] .wb-switch-cin-feedback__icon,
[dir='rtl'] .wb-open-umbrella__icon {
    background-position: right 1rem center;
    transform: rotate(180deg);
}

@media (min-width: 410px) {
    .wb-box-white--voice-intake,
    .wb-box-white--switch-cin,
    .wb-box-white--open-umbrella {
        padding: 1.5rem 2rem 1.5rem 1.725rem;
    }

    [dir='rtl'] .wb-box-white--voice-intake,
    [dir='rtl'] .wb-box-white--switch-cin,
    [dir='rtl'] .wb-box-white--open-umbrella {
        padding: 1.5rem 2rem 1.5rem 2rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .wb-box-white--voice-intake,
    .wb-box-white--switch-cin,
    .wb-box-white--open-umbrella {
        padding: 1.5rem 1rem 1.5rem 0.725rem;
    }

    [dir='rtl'] .wb-box-white--voice-intake,
    [dir='rtl'] .wb-box-white--switch-cin,
    [dir='rtl'] .wb-box-white--open-umbrella {
        padding: 1.5rem 0.725rem 1.5rem 1rem;
    }
}

.wb-box-white--postbox {
    padding-bottom: 2rem;
}

@media (min-width: 992px) {
    .wb-box-white--postbox {
        padding: 2rem 5rem 5rem;
    }
}

/* Navigation area at the bottom of a page */
.wb-page-nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    font-weight: 600;
    align-items: center;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .wb-page-nav {
        margin-bottom: 0.5rem;
        border-bottom: 0;
    }
}

@media print {
    .wb-page-nav {
        display: none;
    }
}

.wb-report-form .wb-page-nav {
    margin-top: 4rem;
}

.wb-page-nav a {
    text-decoration-skip-ink: none;
}

.wb-page-nav--no-pobox {
    margin-top: 2rem;
}

[dir='ltr'] .wb-page-nav > :not(:last-child) {
    margin-left: 7.5px;
}

[dir='rtl'] .wb-page-nav > :not(:last-child) {
    margin-right: 7.5px;
}

[dir='ltr'] .wb-page-nav > :not(:first-child) {
    margin-right: 7.5px;
}

[dir='rtl'] .wb-page-nav > :not(:first-child) {
    margin-left: 7.5px;
}

.wb-page-nav__logout,
.wb-page-nav__refresh,
.wb-page-nav__proceed,
.wb-page-nav__back {
    padding: 0;
    font-weight: 600;
    height: 3rem;
    font-size: 1.125rem;
    display: inline-flex;
    align-items: center;
}

.wb-page-nav--postbox .wb-page-nav__logout,
.wb-page-nav--postbox .wb-page-nav__refresh,
.wb-page-nav--postbox .wb-page-nav__proceed,
.wb-page-nav--postbox .wb-page-nav__back,
.wb-page-nav--postbox .wb-page-nav__overview {
    font-size: 0.875rem;
    /* font-weight: normal; */
    height: auto;
}

@media (min-width: 768px) {
    .wb-page-nav--postbox .wb-page-nav__logout,
    .wb-page-nav--postbox .wb-page-nav__refresh,
    .wb-page-nav--postbox .wb-page-nav__proceed,
    .wb-page-nav--postbox .wb-page-nav__back,
    .wb-page-nav--postbox .wb-page-nav__overview {
        font-weight: 600;
    }
}

.wb-page-nav__divider {
    color: #aaa;
    font-weight: normal;
    margin: 0px -4px !important;
}

/* The footer of a page */
.wb-page-footer {
    background: #fff;
    border-top: 2px solid #990000;
    padding: 1.5rem 15px;
}

@media (min-width: 576px) {
    .wb-page-footer {
        margin-top: 1rem;
        padding: 0.75rem 30px;
        background: #fff;
    }
}

.wb-page-footer__legal {
    font-size: 0.875rem;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0.5em;
}

@media (min-width: 768px) {
    .wb-page-footer__legal {
        width: auto;
        margin-right: auto;
        margin-top: 0.5rem;
    }
}

/* address only */
.wb-page-footer__address {
    font-size: 0.75rem;
    padding-left: 0;
    line-height: 1.125;
    text-align: center;
    margin-bottom: 0.5em;
}

@media (min-width: 992px) {
    .wb-page-footer__address {
        width: 100%;
        display: inline-block;
    }
}

/* address + impressum */
.wb-page-footer__legal + .wb-page-footer__address {
    margin: 1rem -15px 0;
    padding: 1rem 15px 0;
    border-top: 1px solid #e6e6e6;
    width: auto;
    text-align: left;
    font-size: 0.75rem;
}

@media (min-width: 576px) {
    .wb-page-footer__legal + .wb-page-footer__address {
        margin: 0.75rem 0 1em 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .wb-page-footer__legal + .wb-page-footer__address {
        padding-top: 0;
        float: right;
        display: inline-block;
        border-top: 0;
    }

    [dir='rtl'] .wb-page-footer__legal + .wb-page-footer__address {
        float: left;
    }
}

.wb-page-footer__multi-block--1 {
    margin-bottom: 1em;
}

.wb-page-footer__imprint-link {
    font-size: 0.875rem;
}

html[dir='ltr'] .wb-page-footer__imprint-link:not(:last-of-type) {
    margin-right: 1em;
}

html[dir='rtl'] .wb-page-footer__imprint-link:not(:last-of-type) {
    margin-left: 1em;
}

.wb-page-footer__imprint-content {
    display: none;
}

.wb-page-footer__break--auto,
.wb-page-footer__break {
    padding: 0;
    margin: 0;
    height: 0.25em;
    display: block;
}

.wb-page-footer__divider::after {
    display: inline-block;
    text-align: center;
    width: 1em;
    content: '•';
}

.wb-page-footer__address-item {
    display: inline-block;
}

/*
 * SessionTimeOutEnd
 * (displayed after the session has timed out)
 * ---------------------------------------------------
 */
.wb-timeout-after {
    text-align: center;
    font-weight: 600;
}

.wb-timeout-after__item {
    margin: 1rem 0;
}

/*
 * clientInfo/welcome Page
 * ---------------------------------------------------
 */
@media (min-width: 992px) {
    .wb-page-column-right {
        float: right;
        padding-left: 1rem !important;
    }

    [dir='rtl'] .wb-page-column-right {
        float: left;
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    .wb-page-column-left {
        float: left;
    }

    [dir='rtl'] .wb-page-column-left {
        float: right;
    }
}

.wb-content {
    padding: 0;
    margin: 0;
    overflow-wrap: break-word;
}

.wb-welcome-buttons__item {
    margin-bottom: 1rem;
}

.wb-welcome-buttons__container {
    margin: 0 auto;
    max-width: 17.75rem;
}

span.wb-welcome-buttons__intro-text {
    font-size: 0.875rem;
    display: block;
    text-align: center;
}

@media (min-width: 410px) {
    span.wb-welcome-buttons__intro-text {
        padding: 0.5rem 1rem;
    }
}

@media (min-width: 768px) {
    span.wb-welcome-buttons__intro-text {
        font-size: 1rem;
    }
}

@media (min-width: 992px) {
    span.wb-welcome-buttons__intro-text {
        padding: 0;
        font-size: 0.9375rem;
    }
}

@media (min-width: 1200px) {
    span.wb-welcome-buttons__intro-text {
        font-size: 1rem;
    }
}

.wb-welcome-buttons__label {
    display: block;
    font-size: 1.125rem;
    padding: 0;
    width: auto;
    overflow: visible;
    white-space: normal;
}

@media (max-width: 575.98px) {
    .wb-welcome-faqs.wb-box-white {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

[dir] .wb-welcome-faqs__ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-wrap: break-word;
}

.wb-welcome-faqs__li {
    margin-bottom: 0.75rem;
    line-height: 1.325rem;
    max-width: 100%;
    overflow-wrap: break-word;
}

.wb-welcome-faqs__link {
    font-weight: 600;
    max-width: 100%;
    overflow-wrap: break-word;
    display: inline-block;
}

.wb-welcome-faqs__content {
    display: none;
}

/* Images within the welcome text container */
/* max-height needed for msie */
.wb-welcome-teaser {
    margin-bottom: 2rem;
    max-height: 500px;
}

.wb-welcome-teaser.wb-welcome-teaser--info-graphic {
    margin-top: 2rem;
}

.wb-welcome-teaser.wb-welcome-teaser--with-people {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 2rem;
    max-height: initial;
    display: flex;
    align-items: center;
}

@media (min-width: 420px) {
    .wb-welcome-teaser.wb-welcome-teaser--with-people {
        max-width: 400px;
        width: 100%;
        height: 100%;
    }
}

.wb-welcome-teaser__image {
    width: 100%;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.wb-welcome-teaser--small .wb-welcome-teaser__image {
    display: block;
    max-width: 400px;
    margin: 0 auto;
}

.wb-welcome-teaser--with-people .wb-welcome-teaser__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .wb-welcome-teaser--with-people .wb-welcome-teaser__image {
        max-width: 400px;
        max-height: 450px;
        height: auto;
        width: auto;
    }
}

.wb-welcome-teaser--medium .wb-welcome-teaser__image {
    display: block;
    margin: 0 auto;
    max-width: 525px;
}

.wb-welcome-teaser--no-shadow .wb-welcome-teaser__image,
.wb-welcome-teaser--info-graphic .wb-welcome-teaser__image {
    box-shadow: none;
}

.wb-welcome-teaser--info-graphic .wb-welcome-teaser__image {
    border-radius: 0;
}

.wb-welcome-teaser__caption {
    font-size: 0.75rem;
    line-height: 1;
    color: #535456;
    margin-top: 0.5rem;
    text-align: center;
}

.wb-welcome-eyecatcher-text {
    color: #132e43;
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

/*
 * clientInfo/Company ID Page
 * ---------------------------------------------------
 */
.wb-company-access {
    border-top: 1px solid #d0d0d0;
    margin-top: 1.5rem;
    padding: 2rem 0;
    text-align: center;
}

.wb-company-access__intro {
    margin-bottom: 1rem;
}

.wb-company-access__input {
    display: block;
    margin: 0 auto;
    width: 290px;
}

/*
 * Disclaimer Page
 * ---------------------------------------------------
 */
.wb-disclaimer-checkbox {
    padding: 0.5rem 0 1.5rem 0;
}

.wb-captcha {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .wb-captcha {
        flex-wrap: nowrap;
    }
}

/* The intro text for the captcha */
.wb-captcha-intro {
    max-width: 100%;
    padding-bottom: 1.5rem;
}

/* The actual captcha column */
.wb-captcha-input {
    width: 100%;
    margin: 0 0 2.5rem 0;
    border: 0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    padding: 1.5rem 0;
}

@media (min-width: 992px) {
    .wb-captcha-input {
        max-width: 380px;
        width: 100%;
        border: 0;
        border-left: 3px solid #ebbd00;
        padding: 0 0 0 1.5rem;
        margin: 0 0 2.5rem 2.5rem;
    }

    [dir='rtl'] .wb-captcha-input {
        border: 0;
        border-right: 3px solid #ebbd00;
        padding: 0 1.5rem 0 0;
        margin: 0 2.5rem 2.5rem 0;
    }
}

.wb-captcha-input input {
    width: 100%;
}

.wb-captcha-input .captchaImage {
    border-radius: 4px;
}

.wb-captcha-input__row {
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.wb-captcha-input__actions {
    margin-right: 0;
    margin-left: 1rem;
}

[dir='rtl'] .wb-captcha-input__actions {
    margin-right: 1rem;
    margin-left: 0;
}

@media screen and (max-width: 380px) {
    .wb-captcha-input__row {
        display: block;
    }

    .wb-captcha-input__actions {
        margin: 0;
    }
}

.wb-captcha-input__actions img {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir='rtl'] .wb-captcha-input__actions img {
    margin-left: 0.5rem;
    margin-right: 0;
}

.wb-captcha-input__actions a {
    font-size: 12px;
    cursor: pointer;
}

.wb-captcha-audio {
    border: 1px solid #eee;
    width: 125px;
    height: 35px;
    align-items: center;
    display: flex;
}

.wb-captcha .errMarkupWb {
    margin: 1rem 0 1.5rem;
    max-width: 100%;
}

@media (min-width: 768px) {
    .wb-captcha .errMarkupWb {
        margin: 0 0 1.5rem;
    }
}

/* Text für Datenschutzerklärung; soll immer versteckt sein */
#dataPrivacy {
    display: none;
}

/*
 * delictSelect = choose topic page
 * ---------------------------------------------------
 */
.wb-delict-intro-text {
    margin-bottom: 1rem;
}

.wb-delict-accordion {
    margin-bottom: 2.5rem;
}

.wb-choose-topic {
    margin-bottom: 1.5rem;
}

.wb-choose-topic__intro {
    margin-bottom: 1.5rem;
    overflow-wrap: break-word;
}

.wb-choose-topic__container {
    padding: 0;
    list-style-type: none;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 -15px;
}

@media screen and (min-width: 576px) {
    .wb-choose-topic__container {
        margin: 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),
            0 0 0 1px rgba(0, 0, 0, 0.08);
        border-bottom: 0;
    }
}

.wb-choose-topic__item {
    position: relative;
    background: #e8f0f5;
    padding: 0;
    border-bottom: 2px solid #fbfbff;
}

.wb-choose-topic__item:nth-of-type(even) {
    background: #f6f6f6;
}

.wb-choose-topic__header {
    padding: 0.25em 7.5px;
    display: flex;
}

.wb-choose-topic__label {
    cursor: pointer;
    color: #132e43;
    font-weight: 600;
    hyphens: auto;
    overflow-wrap: break-word;
}

.wb-choose-topic__radio-section {
    flex-wrap: nowrap;
    flex-grow: 1;
    width: 100%;
}

.wb-choose-topic__info-section {
    margin: 0 3px;
    align-self: center;
}

.wb-choose-topic__item .wb-choose-topic__description {
    background: #fff;
    color: #111;
    padding: 1em 15px;
    font-size: 0.875rem;
}

@media screen and (min-width: 576px) {
    .wb-choose-topic__item .wb-choose-topic__description {
        font-size: 1rem;
        padding: 1em 30px;
    }
}

.wb-choose-topic__description__inner > * {
    margin: 0;
    padding-bottom: 0.5em;
}

.wb-choose-topic__description p,
.wb-choose-topic__description ol,
.wb-choose-topic__description ul {
    margin: 0;
    padding: 0.5rem 0;
}

.wb-choose-topic__description ol,
.wb-choose-topic__description ul {
    padding-left: 17px;
}

.wb-choose-topic__description ul {
    list-style: disc;
}

.wb-choose-topic__description ul > ul {
    list-style: circle;
}

.wb-choose-topic__description ul > ul > ul {
    list-style: square;
}

.wb-choose-topic__examples {
    font-style: italic;
}

/* drop */
.wb-choose-topic__description p.cursive,
/* keep */
.wb-choose-topic__examples {
    padding-bottom: 0.5rem;
    color: #535456;
    font-style: normal;
}

.wb-choose-topic__examples:last-child,
.wb-choose-topic__examples p:first-child {
    padding-bottom: 0;
}

/*
 * Meldeseite aka report page
   Send addition page (via postbox)
   Feedback page (via postbox)
 * ---------------------------------------------------
 */
.wb-report-frame {
    padding: 0.5rem 0;
}

@media screen and (min-width: 576px) {
    .wb-report-frame {
        padding: 0.5rem 15px;
    }
}

@media print {
    .wb-report-frame {
        padding: 0;
    }
}

.wb-report-header__row {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
}

@media screen and (min-width: 768px) {
    .wb-report-header__row {
        font-size: 1rem;
    }
}

.wb-report-header__col-one {
    flex: 0 0 100%;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .wb-report-header__col-one {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.wb-report-header__col-two {
    flex: 0 0 100%;
    max-width: 100%;
    hyphens: auto;
    overflow-wrap: break-word;
}

@media screen and (min-width: 768px) {
    .wb-report-header__col-two {
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 0.5em;
    }

    [dir='rtl'] .wb-report-header__col-two {
        padding-right: 0.5em;
        padding-left: 0;
    }
}

.wb-report-header--send-addition .wb-report-header__col-one,
.wb-report-header--feedback .wb-report-header__col-one {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
    margin-bottom: 0;
}

.wb-report-header--send-addition .wb-report-header__col-two,
.wb-report-header--feedback .wb-report-header__col-two {
    font-weight: 600;
    line-height: 1.2;
    overflow-wrap: break-word;
    margin-bottom: 0;
}

.wb-report-form__info-required {
    font-size: 0.75rem;
    text-align: right;
    margin-bottom: 1rem;
}

[dir='rtl'] .wb-report-form__info-required {
    text-align: left;
}

.wb-report-form__info-required__symbol {
    color: #c51516;
}

.wb-report-block,
.dynBlock {
    margin: 0 0 2.5rem;
}

.wb-report-block--text-closer-to-next {
    margin-bottom: 1.25em;
}

.wb-report-block__item,
.subDynBlock,
.subDynBlockMandatory {
    margin: 0 0 1rem 0;
}

.subDynBlock .wb-report-answer,
.wb-report-form .subDynBlock .answers,
.wb-report-form .subDynBlock .answer,
.wb-report-form .subDynBlockMandatory .answer,
.wb-report-form .subDynBlockMandatory .answers {
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 992px) {
    .wb-report-form .wb-report-please-specify .answers,
    .wb-report-form .wb-report-please-specify .answer {
        margin-right: 0;
    }

    [dir='rtl'] .wb-report-form .wb-report-please-specify .answers,
    [dir='rtl'] .wb-report-form .wb-report-please-specify .answer {
        margin-right: -15px;
        margin-left: 0;
    }
}

/* If 1 answer follows another answer
   give it space to breath */
.wb-report-answer + .wb-report-answer {
    margin-top: 1rem;
}

/* Headings for input fields */
/* --> .wb-form-label */
.wb-report-question,
.wb-report-form label.question,
.wb-report-form legend.question,
legend.wb-report-damage-group__legend,
.wb-report-input-group legend {
    font-weight: 600;
    margin-bottom: 0.25rem;
    margin-top: 0;
    width: 100%;
    position: relative;
    display: block;
}

/* List inside input field heading, found at report detail input textarea */
.wb-report-question__checklist,
.wb-report-form label.question > ul {
    font-weight: 400;
    margin: 0.5rem 0 1rem !important;
    padding: 0 1.5rem !important;
}

/* Red asterisk for required fields */
.wb-report-question__required,
.wb-report-form .required,
.wb-report-form .requireColor,
.wb-checkbox__required,
.wb-checkbox__description .requireColor {
    color: #c51516;
    position: absolute;
    left: -10px;
    top: 0;
    font-size: 0.875rem;
}

.wb-report-form .required {
    font-weight: 600;
}

[dir='rtl'] .wb-report-question__required,
[dir='rtl'] .wb-report-form .required,
[dir='rtl'] .wb-report-form .requireColor,
[dir='rtl'] .wb-checkbox__required,
[dir='rtl'] .wb-checkbox__description .requireColor {
    right: -10px;
}

.wb-checkbox__required,
.wb-checkbox__description .requireColor {
    top: 0px;
}

/*

/*
 * Report Text Area Block
 * ---------------------------------------------------
 */
.wb-report-divider,
.wb-report-detail {
    border-bottom: 1px solid #d6e1e9;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

/* .msgFormTextLeft */
.wb-report-detail__container {
    width: 100%;
}

@media (min-width: 992px) {
    .wb-report-detail__container {
        order: 1;
    }
}

.wb-report-detail__container--no-privacy {
    width: 100%;
}

.wb-report-detail__textarea,
.msgFormTextField {
    width: 100%;
    min-height: 20rem;
}

/* .dynBlock .msgInfo */
.wb-report-info-text {
    color: #535456;
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .wb-report-info-text {
        order: 2;
        font-size: 0.875rem;
    }
}

.wb-report-info-text__first-text {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wb-report-info-text__second-text ul {
    margin-bottom: 0.5rem;
    padding-left: 20px;
}

.wb-addition-textarea {
    margin-bottom: 1rem;
}

.wb-report-textarea__counter-text,
.wb-report-detail__counter-text,
.wb-reply-answer__counter-text,
.wb-addition-textarea__counter-text {
    color: #535456;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.2;
    height: 2rem;
    margin-top: 0;
    width: 5rem;
    position: relative;
    display: block;
    margin-left: auto;
    top: 0;
    right: 0.5rem;
    text-align: right;
}

.wb-report-textarea__counter-number,
.wb-report-detail__counter-number,
.wb-reply-answer__counter-number,
.wb-addition-textarea__counter-number {
    border: 0;
    color: inherit;
    font-size: inherit;
    outline: 0;
    background-color: transparent;
    margin-right: 0;
    text-align: right;
    padding-right: 0;
    width: 100%;
    height: 2rem;
}

/*
 * MultiAnswer
 * ---------------------------------------------------
 */
.wb-report-multi__instance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.wb-report-multi__instance .wb-report-answer,
.wb-report-form .wb-report-multi__instance .answers,
.wb-report-form .wb-report-multi__instance .answer {
    margin-left: 0;
    margin-right: 0;
}

/* --- for single field multi answer --- */
/* col-lg-8 */
.wb-report-multi__instance > .subDynBlockMandatory:not(.wb-report-multi__col),
.wb-report-multi__instance > .subDynBlock:not(.wb-report-multi__col) {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0.5rem;
}

.wb-report-multi__instance
    > .subDynBlockMandatory:not(.wb-report-multi__col)
    > .answers
    > .wb-report-textarea,
.wb-report-multi__instance
    > .subDynBlock:not(.wb-report-multi__col)
    > .answers
    > .wb-report-textarea {
    width: 100%;
}

@media (min-width: 992px) {
    .wb-report-multi__instance
        > .subDynBlockMandatory:not(.wb-report-multi__col),
    .wb-report-multi__instance > .subDynBlock:not(.wb-report-multi__col) {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

/* please specify as part of multianswer block */
.wb-report-multi__instance
    > .subDynBlock.wb-report-please-specify:not(.wb-report-multi__col) {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0.5rem;
    margin-left: 15px;
}

[dir='rtl']
    .wb-report-multi__instance
    > .subDynBlock.wb-report-please-specify:not(.wb-report-multi__col) {
    margin-left: 0;
    margin-right: 15px;
}

@media (min-width: 576px) {
    .wb-report-multi__instance
        > .subDynBlock.wb-report-please-specify:not(.wb-report-multi__col) {
        margin-left: 28px;
    }

    [dir='rtl']
        .wb-report-multi__instance
        > .subDynBlock.wb-report-please-specify:not(.wb-report-multi__col) {
        margin-left: 0;
        margin-right: 28px;
    }
}

/* col-lg-8 */
@media (min-width: 992px) {
    .wb-report-multi__instance
        > .subDynBlock.wb-report-please-specify:not(.wb-report-multi__col) {
        flex: 1 0 auto;
        max-width: calc(66.666667% - 28px);
    }

    [dir='rtl']
        .wb-report-multi__instance
        > .subDynBlock.wb-report-please-specify:not(.wb-report-multi__col)
        .answer,
    [dir='rtl']
        .wb-report-multi__instance
        > .subDynBlock.wb-report-please-specify:not(.wb-report-multi__col)
        .answers {
        margin-left: 0;
        margin-right: 0;
    }
}

:not(.wb-report-multi--three-fields) > .wb-report-multi__instance,
:not(.wb-report-multi--two-fields) > .wb-report-multi__instance {
    margin-bottom: 0.5rem;
}

.subDynBlockMandatory,
.wb-report-block__item-invalid {
    position: relative;
}

form:not(.was-validated) .wb-report-block__item-invalid::before,
.subDynBlockMandatory::before {
    content: '\0021';
    display: flex;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    position: static;
    top: 2px;
    margin-bottom: 0.25rem;
    color: #fff;
    text-align: center;
    background-color: #c51516;
    border-radius: 50%;
    line-height: 1;
    font-size: 0.875rem;
}

[dir='ltr'] form:not(.was-validated) .wb-report-block__item-invalid::before,
[dir='ltr'] .subDynBlockMandatory::before {
    left: -31px;
}
[dir='ltr'] .wb-report-multi__instance .subDynBlockMandatory::before {
    left: -16px;
}
[dir='rtl'] form:not(.was-validated) .wb-report-block__item-invalid::before,
[dir='rtl'] .subDynBlockMandatory::before {
    right: -31px;
}
[dir='rtl'] .wb-report-multi__instance .subDynBlockMandatory::before {
    right: -16px;
}

@media (min-width: 576px) {
    form:not(.was-validated) .wb-report-block__item-invalid::before,
    .subDynBlockMandatory::before {
        position: absolute;
        display: inline-flex;
    }
}

.was-validated .subDynBlockMandatory::before {
    display: none;
}

/* --- for multi field multi answer --- */
.wb-report-multi__heading {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.wb-report-multi__label {
    position: relative;
}

.wb-report-multi--two-fields .wb-report-multi__instance,
.wb-report-multi--three-fields .wb-report-multi__instance {
    margin-bottom: 0.5rem;
}

.wb-report-multi--three-fields .wb-report-multi__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .wb-report-multi--three-fields .wb-report-multi__col {
        -ms-flex: 0 0 22.222223%;
        flex: 0 0 22.222223%;
        max-width: 22.222223%;
    }

    .wb-report-multi--three-fields .wb-report-multi__col-one {
        padding-left: 15px;
        padding-right: 7px;
    }

    [dir='rtl'] .wb-report-multi--three-fields .wb-report-multi__col-one {
        padding-right: 15px;
        padding-left: 7px;
    }

    .wb-report-multi--three-fields .wb-report-multi__col-two {
        padding-left: 0;
        padding-right: 7px;
    }

    [dir='rtl'] .wb-report-multi--three-fields .wb-report-multi__col-two {
        padding-left: 7px;
        padding-right: 0;
    }

    .wb-report-multi--three-fields .wb-report-multi__col-three {
        padding-left: 0;
        padding-right: 15px;
    }

    [dir='rtl'] .wb-report-multi--three-fields .wb-report-multi__col-three {
        padding-left: 15px;
        padding-right: 0;
    }
}

.wb-report-multi--two-fields .wb-report-multi__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .wb-report-multi--two-fields .wb-report-multi__col {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .wb-report-multi--two-fields .wb-report-multi__col-one {
        padding-left: 15px;
        padding-right: 7px;
    }

    [dir='rtl'] .wb-report-multi--two-fields .wb-report-multi__col-one {
        padding-right: 15px;
        padding-left: 7px;
    }

    .wb-report-multi--two-fields .wb-report-multi__col-two {
        padding-left: 0;
        padding-right: 15px;
    }

    [dir='rtl'] .wb-report-multi--two-fields .wb-report-multi__col-two {
        padding-left: 15px;
        padding-right: 0;
    }
}

/* The buttons */
.wb-report-multi__buttons-inner {
    height: 2.25rem;
    padding: 0;
    display: flex;
}

.wb-report-multi--two-fields .wb-report-multi__buttons-inner,
.wb-report-multi--three-fields .wb-report-multi__buttons-inner {
    padding: 0.125rem 0;
}

.wb-report-multi__buttons {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .wb-report-multi__buttons {
        justify-content: flex-start;
    }
}

.wb-report-multi__btn-more {
    margin-left: 0.5rem;
}

[dir='rtl'] .wb-report-multi__btn-more {
    margin-left: 0;
    margin-right: 0.5rem;
}

@media (min-width: 992px) {
    .wb-report-multi__btn-more {
        margin: 0;
    }

    .wb-report-multi__btn-delete {
        margin-right: 0.5rem;
    }

    [dir='rtl'] .wb-report-multi__btn-delete {
        margin-right: 0;
        margin-left: 0.5rem;
    }
}

.wb-report-multi__col {
    margin-bottom: 0.5rem;
}

.wb-report-multi__field {
    max-width: 100%;
    height: 2.25rem;
}

/*
 * Please specify sub questions
 * --------------------------------------------------
 */
.wb-report-please-specify {
    width: 100%;
    border-left: 3px solid #e8e8e8;
    padding: 0 0 0 1rem;
    margin-bottom: 1.25rem;
}

[dir='rtl'] .wb-report-please-specify {
    border-left: 0;
    border-right: 3px solid #e8e8e8;
    padding: 0 1rem 0 0;
}

@media (min-width: 576px) {
    .wb-report-please-specify {
        width: calc(100% - 1rem);
        margin-left: 13px;
    }

    [dir='rtl'] .wb-report-please-specify {
        margin-left: 0;
        margin-right: 1rem;
    }
}

.wb-report-form label.wb-report-please-specify__label,
.wb-report-please-specify__label {
    font-size: 0.875rem;
    color: #333;
    width: 100%;
}

.wb-report-please-specify__input,
.wb-report-please-specify__select {
    width: 100%;
    line-height: 1.2;
    height: 2rem;
}

.wb-report-please-specify__input-short {
    width: 100px;
    line-height: 1.2;
    height: 2rem;
}

.wb-report-please-specify__textarea {
    width: 100%;
    min-height: 4rem;
    padding: 0.25rem 0.75rem;
}

/*
 * Damage Question: Amount + Currency
 * --------------------------------------------------
 */
.wb-report-damage-group__legend-block {
    font-weight: 600;
}

.wb-report-damage-group__amount-block,
.wb-report-damage-group__legend-block {
    margin-bottom: 0.5rem;
}

.wb-report-damage-group__label,
.wb-report-input-group label {
    position: relative;
}

/*
 * Input Group Question
 * --------------------------------------------------
 */
.wb-report-input-group > fieldset > .subDynBlock:not(:last-of-type) {
    margin-bottom: 0.5rem;
}

/*
 * Required Checkbox (Single Checkbox)
 * --------------------------------------------------
 */

.wb-required-checkbox {
    position: relative;
}

.wb-required-checkbox::before {
    position: absolute;
    left: -10px;
    content: '*';
    color: #c51516;
    font-size: 0.875rem;
    font-weight: 700;
}

[dir='ltr'] .wb-required-checkbox::before {
    left: -10px;
}

[dir='rtl'] .wb-required-checkbox::before {
    right: -10px;
}

/*
 * Form Validation
 * ---------------------------------------------------
 */
/* Validation: required fields */
.wb-report-block__item-invalid,
.wb-invalid,
.errorValColor,
.subDynBlockMandatory,
.wb-report-form .subDynBlockMandatory label.wb-report-please-specify__label,
.wb-report-form .subDynBlockMandatory legend.wb-report-please-specify__label {
    background-color: inherit;
    color: #c51516;
}

.subDynBlockMandatory .wb-radio__caption,
.was-validated .wb-report-block__item-invalid,
.was-validated .wb-invalid,
.was-validated .errorValColor,
.was-validated .subDynBlockMandatory,
.was-validated
    .wb-report-form
    .subDynBlockMandatory
    label.wb-report-please-specify__label,
.was-validated
    .wb-report-form
    .subDynBlockMandatory
    legend.wb-report-please-specify__label {
    color: #111;
}

/*
 * ETC
 * -----------------------------------------------------
 */
.wb-label-addition {
    display: block;
    font-weight: normal;
    font-size: 0.8125rem;
    padding: 3px 0px 1px;
}

.wb-label-addition ul {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    padding-left: 20px;
}

/*
 * createPostbox aka thankYou aka success
 * ---------------------------------------------------
 */
.wb-create-pobox {
    padding-bottom: 1rem;
}

.wb-create-pobox__row {
    margin-bottom: 1rem;
}

.wb-success-head__row {
    margin-bottom: 0.5rem;
}

.wb-success-head__ref-number {
    margin-bottom: 0.5rem;
}

.wb-success-head__ref-number-number {
    font-size: 1.5rem;
    color: #333;
}

.wb-success-head__ref-number-explanation {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    /* border-bottom: 1px solid #d0d0d0; */
}

.wb-success-head__divider {
    border-bottom: 1px solid #d0d0d0;
    border-top: none;
}

.wb-success-head__print-btn {
    width: 100%;
    text-align: right;
}

[dir='rtl'] .wb-success-head__print-btn {
    text-align: left;
}

.wb-success-head__logout-btn {
    text-align: right;
    margin: 2rem 0 1rem 0;
}

[dir='rtl'] .wb-success-head__logout-btn {
    text-align: left;
}

.wb-success-body {
    padding: 2rem 15px;
}

@media (min-width: 768px) {
    .wb-success-body {
        padding: 2rem 30px;
    }
}

.wb-success-body__text-1 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1rem;
    color: inherit;
}

.wb-success-body__notes {
    margin-bottom: 2rem;
}

.wb-success-body__no-thanks__btn {
    text-align: right;
}

[dir='rtl'] .wb-success-body__no-thanks__btn {
    text-align: left;
}

.wb-set-up-pobox {
    padding: 1.5rem 15px;
    margin: 0 -15px;
}

@media (min-width: 768px) {
    .wb-set-up-pobox {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),
            0 0 0 1px rgba(0, 0, 0, 0.08);
        border-radius: 2px;
        padding: 1.5rem 15px;
        margin: 1.5rem 0;
    }
}

.wb-set-up-pobox__yes-i-will {
    padding: 0 0 1.5rem;
    margin: 0 -15px 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .wb-set-up-pobox__yes-i-will {
        padding: 0 0 1.5rem;
        margin: 0 15px 2rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.wb-set-up-pobox__alert {
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .wb-set-up-pobox__alert {
        margin: 0 15px 2rem;
    }
}

.wb-set-up-pobox__yes-i-will__inner {
    display: block;
    background-color: #ffc845;
    padding: 0.5rem 15px;
    border-radius: 2px;
}

@media (min-width: 768px) {
    .wb-set-up-pobox__yes-i-will__inner {
        display: inline;
        background-color: #ffc845;
        padding: 2px 7.5px;
        border-radius: 2px;
    }
}

@media (min-width: 768px) {
    .wb-set-up-pobox__row {
        margin-left: 0;
        margin-right: 0;
    }
}

.wb-report-postbox-info,
.wb-set-up-pobox__col-help {
    font-size: 0.875rem;
    color: #333;
}

.wb-set-up-pobox__submit-btn {
    margin: 1rem auto;
    display: block;
}

@media (min-width: 768px) {
    .wb-set-up-pobox__submit-btn {
        margin-right: 0;
    }

    [dir='rtl'] .wb-set-up-pobox__submit-btn {
        margin-right: auto;
        margin-left: 0;
    }
}

.wb-success-body__no-thanks {
    margin: 3rem -15px 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .wb-success-body__no-thanks {
        margin: 1rem 0;
    }
}

.wb-success-body__no-thanks__txt {
    margin: 1rem 15px;
}

.wb-success-body__no-thanks__btn {
    margin: 1rem 15px;
}

/*
 * Mandatory Postbox
 * ---------------------------------------------------
 */
.wb-success-body__text-0 ul {
    padding-left: 1rem;
}

.wb-print-report__link {
    padding: 0;
    font-weight: 600;
    height: 3rem;
    font-size: 1.125rem;
}

.wb-success-body__text-0 li {
    margin-bottom: 0.5rem;
}

.wb-success-body__text-0 ol,
.wb-success-body__text-0 ul,
.wb-success-body__text-0 dl {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-left: 24px;
    padding-right: 0;
}

[dir='rtl'] .wb-success-body__text-0 ol,
[dir='rtl'] .wb-success-body__text-0 ul,
[dir='rtl'] .wb-success-body__text-0 dl {
    padding-left: 0;
    padding-right: 24px;
}

/*
 * postboxNoCreate page
 * ---------------------------------------------------
 */
.wb-no-pobox__row {
    margin-bottom: 0.5rem;
}

/*
 * postboxCreated page
 * ---------------------------------------------------
 */
.wb-goto-pobox__content {
    margin-bottom: 2rem;
}

.wb-goto-pobox__help-us {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

/*
 * userLogin (psotbox login)
 * ---------------------------------------------------
 */
@media (min-width: 395px) {
    .wb-pobox-login__heading {
        text-align: center;
    }
}

.wb-pobox-login__alert-container {
    margin: 0 auto 2rem;
}

.wb-pobox-login__main {
    width: 100%;
    max-width: 362px;
    margin: 0 auto 2rem;
}

.wb-pobox-login__intro {
    margin: 2rem 0 1rem;
}

.wb-pobox-login__username,
.wb-pobox-login__password {
    margin-bottom: 1rem;
}

.wb-pobox-login__voice-intake {
    width: 100%;
    max-width: 362px;
    margin: 0 auto 2rem;
    border-left: 3px solid #ebbd00;
    padding-left: 1rem;
    font-size: 0.875rem;
}

[dir='rtl'] .wb-pobox-login__voice-intake {
    border-left: none;
    padding-left: 0;
    border-right: 3px solid #ebbd00;
    padding-right: 1rem;
}

/*
 * t h e   p o s t b o x
 * ---------------------------------------------------

           ..--""|
           |     |
           | .---'
     (\-.--| |---------.
    / \) \ | |          \
    |:.  | | |           |
    |:.  | |o|           |
    |:.  | `"`           |
    |:.  |_ __  __ _  __ /
    `""""`""|=`|"""""""`
            |=_|
            |= |       ..--""|

*/
.wb-postbox-intro {
    font-size: 0.75rem;
    margin-bottom: 2rem;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 576px) {
    .wb-postbox-intro {
        font-size: 0.875rem;
    }
}

@media (min-width: 992px) {
    .wb-postbox-intro {
        padding-bottom: 1rem;
        margin-bottom: 3rem;
        border-bottom: 1px solid #e8e8e8;
    }
}

.wb-postbox-new-report-btn {
    text-align: right;
}

[dir='rtl'] .wb-postbox-new-report-btn {
    text-align: left;
}

.wb-postbox-new-feedback {
    margin-bottom: 2rem;
    text-align: center;
    border: 1px solid #e8e8e8;
    padding: 0.5rem;
}

@media (min-width: 768px) {
    .wb-postbox-new-feedback {
        text-align: left;
        border: 0;
        padding: 0;
    }
}

.wb-postbox-new-feedback__text {
    color: #c51516;
    margin: 0 7.5px;
}

.wb-postbox-report {
    margin: 0 -15px 2rem;
    border-bottom: 1px solid #e8e8e8;
    overflow-x: hidden;
}

@media (min-width: 576px) {
    .wb-postbox-report {
        margin: 0 0 2rem;
        border-radius: 2px;
        border: 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),
            0 0 0 1px rgba(0, 0, 0, 0.08);
    }
}

@media (min-width: 768px) {
    .wb-postbox-report {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),
            0 0 0 1px rgba(0, 0, 0, 0.08);
    }
}

@media (min-width: 992px) {
    .wb-postbox-report {
        margin-bottom: 3rem;
    }
}

.wb-postbox-report__header,
.wb-postbox-report__body-row {
    padding: 1rem 20px;
    border-bottom: 1px solid #e8e8e8;
}

.wb-postbox-report__header {
    background-color: #244f70;
    color: #fff;
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .wb-postbox-report__header {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        display: table;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .wb-postbox-report__header {
        /* font-size: 1rem; */
        background-color: #1a3f5b;
    }
}

.wb-postbox-report__header-row {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 576px) {
    .wb-postbox-report__header-row {
        display: table-row;
    }
}

.wb-postbox-report__header-col-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.5rem;
    padding-bottom: 0.25rem;
}

[dir='rtl'] .wb-postbox-report__header-col-1 {
    padding-right: 15px;
    padding-left: 0.5rem;
}

.wb-postbox-report__header-col-2 {
    font-weight: 600;
    overflow-wrap: break-word;
    padding-bottom: 0.25rem;
    width: 100%;
}

@media (min-width: 576px) {
    .wb-postbox-report__header-col-1,
    .wb-postbox-report__header-col-2 {
        display: table-cell;
    }

    .wb-postbox-report__header-col-1 {
        max-width: 150px;
    }

    .wb-postbox-report__header-col-2 {
        max-width: 260px;
    }
}

.wb-postbox-report__body {
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .wb-postbox-report__body {
        font-size: 1rem;
    }
}

.wb-postbox-report__body-row {
    background: #fafafa;
}

@media (min-width: 768px) {
    .wb-postbox-report__body-row {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
}

.wb-postbox-report__body-date {
    float: right;
}

[dir='rtl'] .wb-postbox-report__body-date {
    float: left;
}

.wb-postbox-report__body-row--my-report .wb-postbox-report__body-link {
    font-weight: 600;
}

.wb-postbox-report__body-row--their-feedback {
    border-left: 2px solid #990000;
    background: #e8eef3;
}

.wb-postbox-report__footer {
    padding: 2rem 15px;
    background: #fff;
    text-align: right;
}

[dir='rtl'] .wb-postbox-report__footer {
    text-align: left;
}

.wb-postbox-report__send-addition-btn {
    font-size: 1rem;
}

@media (min-width: 768px) {
    .wb-postbox-report__send-addition-btn {
        font-size: 1.125rem;
    }
}

.wb-postbox-report__max-entries {
    margin: 1rem 0 0 0;
    text-align: left;
    padding: 1rem;
    border: 1px solid #e5b506;
    border-left-width: 5px;
    background: hsla(47, 92%, 97%, 1);
    border-radius: 3px;
    font-size: 0.8125rem;
}

@media (min-width: 768px) {
    .wb-postbox-report__max-entries {
        font-size: 0.875rem;
        margin: 1rem 0 0.5rem 5px;
    }
}

[dir='rtl'] .wb-postbox-report__max-entries {
    text-align: right;
    border-right-width: 5px;
    border-left-width: 1px;
}

@media (min-width: 768px) {
    [dir='rtl'] .wb-postbox-report__max-entries {
        margin: 1rem 5px 0.5rem 0;
    }
}

/*
 * Other postbox related pages
 * ---------------------------------------------------
 */
.wb-addition-ok__help-us {
    font-weight: 600;
}

.wb-addition-ok__look-pobox {
    margin-bottom: 2rem;
}

.wb-feedback-message__label {
    margin-bottom: 0.5rem;
}

.wb-feedback-message {
    border-bottom: 1px solid #d0d0d0;
}

.wb-feedback-message__body {
    overflow: hidden;
    overflow-wrap: break-word;
    border-radius: 2px;
    background-color: #fafafa;
    border-bottom: 0;
    padding: 1rem 15px;
    margin-bottom: 2rem;
}

@media print {
    .wb-feedback-message__body {
        padding-left: 0;
        padding-bottom: 0;
    }
}

.wb-feedback-maximum-entries {
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
}

/*
 *
 * V1 STUFF
 * ==================================================
 * ==================================================
 *
 */
.loadingOverlay {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 900;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
}

.loadingDots {
    position: fixed;
    height: 20px;
    width: 60px;
    margin: auto;
    z-index: 950;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loadingDots--hidden {
    display: none;
}

.configurationError {
    color: red;
    font-size: 1.4em;
}

.hidden {
    visibility: hidden;
    display: none;
}

.clearFloat {
    clear: both;
}

/* Please choose another country Modal*/
.countryInfo {
    margin: 2rem 1rem 2.5rem;
}

/* Mein geschützer Postkasten Header */
.anoPostbox {
    text-align: right;
    display: inline-block;
    width: calc(100% - 90px);
    color: #1a3f5b;
    font-weight: 700;
}

[dir='rtl'] .anoPostbox {
    text-align: left;
}

@media (min-width: 992px) {
    .anoPostbox {
        font-size: 1.125rem;
    }
}

.IMGPostbox {
    display: inline-block;
    max-width: 90px;
}

/* keep */
.wb-copyright,
/* drop */
.bkreg {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
}

/* Quellenauswahl (Sprache/Datum) */
.wb-form-input--source-selection,
.wb-form-select--source-selection {
    width: 100%;
    max-width: 196px;
}

/* Quellenauswahl (Sprache/Datum) ENDE */
/* jQuery UI Datepicker */
.datepicker {
    width: 100%;
    /* max-width: 196px; */
    /* Einheitlichkeit zu input type=date */
    max-width: 10rem;
    height: 2.5rem;
}

.datepicker:focus {
    box-shadow: 0px 0px 0px 3px rgba(170, 170, 170, 0.6);
}

.datepicker[readonly] {
    background-color: #ffffff;
    border: 2px solid #aaaaaa;
    color: #535456;
}

#ui-datepicker-div {
    width: auto !important;
    margin: 0;
    padding: 0;
    border: 2px solid #aaaaaa;
    border-radius: 0.25rem;
    font-family: 'Open Sans', 'Helvetica Neue', arial, sans-serif;
    z-index: 3 !important;
}

.ui-datepicker .ui-datepicker-group {
    width: auto;
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
    margin: 2px;
}

.ui-datepicker .ui-datepicker-title select {
    width: 100px;
    margin: 0 2px;
}

.ui-datepicker .ui-datepicker-title > * {
    height: 36px;
    line-height: 36px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 36px;
    height: 36px;
    margin: 2px;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    top: 0;
    bottom: 0;
    border: 0;
    opacity: 0.5;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
    background-image: url('images/chevron-left-solid.svg');
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
    background-image: url('images/chevron-right-solid.svg');
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    opacity: 1;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
    background-image: none;
}

.ui-datepicker table.ui-datepicker-calendar {
    margin: 12px 6px;
    width: auto;
}

.ui-datepicker table.ui-datepicker-calendar th,
.ui-datepicker table.ui-datepicker-calendar td {
    width: 37px;
    max-width: 37px;
    font-size: 0.8rem;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.ui-datepicker table.ui-datepicker-calendar th {
    padding: 0;
    opacity: 0.7;
    font-weight: normal;
}

.ui-datepicker table.ui-datepicker-calendar td {
    padding: 2px;
}

.ui-datepicker .ui-datepicker-week-col {
    color: #1a3f5b;
    opacity: 0.7;
    border-right: 1px solid #aaaaaa;
}

.ui-datepicker .ui-datepicker-week-end * {
    color: #990000;
}

.ui-datepicker .ui-state-default {
    border: 1px solid #f6f6f6;
    border-radius: 0.25rem;
    padding: 0;
    line-height: 26px;
    text-align: center;
    overflow: hidden;
}

.ui-datepicker .ui-state-default:hover {
    border: 1px solid #333333;
}

.ui-datepicker .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    font-weight: 600;
}

.ui-datepicker .ui-state-active {
    border: 1px solid #007fff;
    background: #3daee9;
    font-weight: 600;
    color: white;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0;
    padding: 0 2px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    margin: 12px 6px;
    padding: 0.375rem 0.75rem;
    border: none !important;
    border-radius: 0.25rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
    font-weight: 600;
}

@media only screen and (max-width: 380px) {
    #ui-datepicker-div {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 342px) {
    #ui-datepicker-div {
        max-width: 19.5rem;
    }
}

@media only screen and (min-width: 992px) {
    #ui-datepicker-div {
        max-width: 38.75rem;
    }
}

@media only screen and (min-width: 1200px) {
    #ui-datepicker-div {
        max-width: 58rem;
    }
}

/* jQuery UI Datepicker ENDE */
/* Temporary Footnote emulation */
span[style='font-size: x-small;'] {
    display: inline-block;
    font-size: 0.75rem !important;
    color: #666;
}

/* Temporary Footnote emulation ENDE */
/*
 * Maintenance Warning Box
 * -----------------------------------
 */
.wb-maintenance-alert {
    margin: 1rem 15px;
    padding: 1rem 15px 0.5rem;
    background: #f8e28b;
    background: hsla(48, 89%, 76%, 1);
    color: #4d3d00;
    color: hsla(48, 100%, 15%, 1);
    border: 1px solid #cca300;
    border: 1px solid hsla(48, 100%, 40%, 1);
    border-radius: 3px;
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .wb-maintenance-alert {
        padding-left: 30px;
        padding-right: 30px;
        margin: 1rem 30px 0;
    }
}

@media (min-width: 992px) {
    .wb-maintenance-alert {
        margin: 1.5rem 30px 0.5rem;
        font-size: 1rem;
    }
}

.wb-maintenance-alert > h1 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 0.5rem;
    color: #4d3d00;
    color: hsla(48, 100%, 15%, 1);
}

@media (min-width: 992px) {
    .wb-maintenance-alert > h1 {
        font-size: 1.25rem;
    }
}

.wb-size-zero {
    width: 0;
    height: 0;
    z-index: -1;
    outline: 0 !important;
}

/*
 * Skip to Main Content
 * -----------------------------------
 */
.wb-skip__link {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: block;
    text-align: center;
    width: auto;
    padding: 0.5rem 1rem;
    background: #fff;
    border-radius: 2px;
    z-index: -100;
    border: #1a3f5b 1px solid;
    opacity: 0;
}

.wb-skip__link:active,
.wb-skip__link:focus {
    z-index: 100;
    opacity: 1;
}

/*
 * Link to Introduction Page
 * -----------------------------------
 */
.wb-goto-introduction {
    margin: 0.5rem 0;
    font-size: 0.75rem;
    padding: 0 15px;
}

@media (min-width: 576px) {
    .wb-goto-introduction {
        font-size: 0.875rem;
        margin: 1rem 0 0 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    [dir='ltr'] .wb-goto-introduction {
        text-align: right;
    }

    [dir='rtl'] .wb-goto-introduction {
        text-align: left;
    }
}

@media print {
    .wb-goto-introduction {
        display: none;
    }
}

/* Prevent Flash Of Original Content (FOOC) */
/* ---------------------------------------- */
#reportPage .wb-goto-introduction,
#reportPage .wb-page-main {
    opacity: 0;
}

#reportPage.wb-page-loaded .wb-goto-introduction,
#reportPage.wb-page-loaded .wb-page-main {
    opacity: 1;
    transition: opacity 0.15s ease-in;
    -webkit-transition: opacity 0.15s ease-in;
}

#reportPage.wb-page-loaded .wb-activity-indicator {
    display: none;
}

.wb-activity-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.wb-activity-indicator-pip {
    margin: 0 1px;
    width: 18px;
    height: 18px;
    background: #7e7e7e;
    border-radius: 100%;
    animation: activity-indicator 1.4s infinite 0s ease-in-out;
}

.wb-activity-indicator-pip:nth-child(1) {
    animation-delay: -0.32s;
}

.wb-activity-indicator-pip:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes activity-indicator {
    0%,
    80%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

/*
 * Bootstrap Popover
 * -----------------------------------
 */

h3.popover-header {
    margin-top: 0;
}

.popover-header {
    border-bottom: 1px solid #d0d0d0;
}

.popover {
    border: 1px solid rgba(26, 63, 91, 0.5);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    background-color: #fdfdfd;
}

.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^='top'] > .arrow::before {
    border-top-color: rgba(26, 63, 91, 0.75);
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^='right'] > .arrow::before {
    border-right-color: rgba(26, 63, 91, 0.75);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^='bottom'] > .arrow::before {
    border-bottom-color: rgba(26, 63, 91, 0.75);
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^='left'] > .arrow::before {
    border-left-color: rgba(26, 63, 91, 0.75);
}

.wb-checkbox--popover {
    width: auto;
    max-width: calc(100% - 30px - 0.5rem);
}

[dir='ltr'] .wb-checkbox-row .wb-btn-circle--report-popover {
    margin-left: 0.5rem;
}
[dir='rtl'] .wb-checkbox-row .wb-btn-circle--report-popover {
    margin-right: 0.5rem;
}

.wb-label-outer {
    display: flex;
}

.wb-label-outer .wb-btn-circle--report-popover {
    margin-top: -0.25rem;
    z-index: 1;
}

.wb-label--has-popover
    + .wb-btn-circle
    .wb-btn-circle__inner
    .wb-btn-circle__background {
    outline-offset: 0;
}

.wb-report-form label.question.wb-label--has-popover {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    max-width: calc(100% - 30px);
}

.wb-report-form legend .wb-btn-circle--report-popover,
.wb-report-form .wb-upload-file__intro-text .wb-btn-circle--report-popover,
.wb-report-frame .wb-upload-file__intro-text .wb-btn-circle--report-popover {
    margin-top: -1rem;
    top: 0.5rem;
}

.wb-postbox-report__field {
    margin-bottom: 10px;
}

.wb-postbox-report__label {
    margin-right: 5px;
}

.wb-postbox-report__value {
    margin-right: 5px;
    font-weight: bold;
}

.wb-postbox-report__password-group {
    display: inline-flex;
    align-items: center;
}

.wb-postbox-report__link {
    color: #337ab7;
    text-decoration: underline;
}

/* END OF FILE */