html,
body,
input,
textarea,
select,
button {
    font-family: "Open Sans", Verdana, Helvetica, Arial, sans-serif;
}

html,
body {
    background: linear-gradient(to bottom, #dce3ea 0%, #ffffff 100%) fixed !important;
}

.wrapper {
    max-width: 1000px;
}

h1,
h2 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25;
    color: #244b8d !important;
}

.action {
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
}

.action:hover {
    background: #f36088;
}

.header-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0 25px 0;
}

.header-logo img {
    margin: 0 !important;
}

#header-container .header-logo img {
    max-width: 250px;
    max-height: 100px;
}

#header-container .header-logo #logo-bankawards {
    max-height: 125px;
}

body#top .theme-design-progressSecondary-backgroundColor {
    background-color: transparent;
}

.flow-progress {
    margin-left: 15px;
    position: relative;
}

.flow-progress-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flow-progress-bar div[role="status"] {
    height: 8px;
    min-width: 35px;
}

.flow-progress-bar>div span {
    position: absolute;
    right: 0;
    color: #000;
    bottom: 10px;
    font-weight: normal;
    font-size: 0.9rem;
}

#progress-container .flow-progress-bar>div.full {
    border-top-left-radius: 25px;
}

#components-container {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

body#top #lang-switch {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 99;
}

body#top #lang-switch-current {
    display: block !important;
    background-color: white !important;
    color: black !important;
}

body#top #lang-switch .lang-switch-icon {
    display: none !important;
}

body#top #lang-switch #lang-switch-current::after {
    display: inline-block;
}

[closed-multiple] ul.answerStyle-type-0 li.checked label,
[closed-single] ul.answerStyle-type-0 li.checked label {
    color: white;
}

[closed-multiple] ul.answerStyle-type-1 li.checked label,
[closed-single] ul.answerStyle-type-1 li.checked label {
    color: black;
}

[closed-single] ul.answerStyle-type-1 li:not(.disabled):hover label {
    border-color: transparent;
}

#footer-container .footer {
    margin-top: 0;
}

.ix-footer-block {
    display: none;
}

.ix-footer-block span,
.ix-footer-block a {
    display: inline-block;
}

.ix-footer-block a {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
    color: #09e;
    padding: 0 !important;
    margin: 0 25px 25px;
}

[lang="nl-BE"] #ix-footer-nl {
    display: block;
}

[lang="fr-BE"] #ix-footer-fr {
    display: block;
}

[closed-single="dZi8pmzX8FhYP6ygcNNLhM"] {}

[closed-single="dZi8pmzX8FhYP6ygcNNLhM"] ul {
    justify-content: center;
}

[closed-single="dZi8pmzX8FhYP6ygcNNLhM"] ul li {
    max-width: 150px;
}

[closed-multiple] ul.grid-4 li label {
    background: transparent !important;
    border: 1px solid #C8CCCE;
    border-radius: 0.5rem 0 0.5rem 0;
    padding: 7px 9px;
    transition: background 0.4s;
}

[closed-multiple] ul.grid-4 li.checked label {
    background: #FDF0E7 !important;
    border: 1px solid #F09B63;
}

[closed-multiple] ul.grid-4 li label .text {
    display: flex;
    height: 100px;
    max-width: 150px;
    margin: 0 auto;
    align-items: center;
    text-align: center;
    justify-content: center;
    cursor: inherit;
}

[closed-multiple] ul.grid-4 li label img {
    display: inline-block;
    border: 0;
    cursor: inherit;
}

[page^="random"] [open-text],
[page^="random"] [role="navigation"].actions {
    display: none;
}

.errors .error,
.errors-question .error {
    background: #ee3669;
}

body#top .theme-design-buttons-borderRadius {
    border-radius: 30px;
}

@media (max-width: 1000px) {
    body#top #lang-switch {
        position: relative;
        margin: 0 10px 0 0;
    }

    .header-logo img {
        margin: 0 10px !important;
    }
}

@media (max-width: 35em) {
    body#top .theme-layout-components-padding {
        padding: 25px;
    }
}

@media (max-width: 30em) {
    #header-container .header-logo img {
        max-width: 175px;
        max-height: 90px;
    }
}