@import"https://fonts.googleapis.com/css?family=Titillium+Web:600";.centered-image {
    max-width: 120%
}

.centered-image img,.centered-image video,.centered-image object,.centered-image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.centered-image.focus-MiddleCenter img,.centered-image.focus-MiddleCenter video,.centered-image.focus-MiddleCenter object,.centered-image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.centered-image.focus-TopCenter img,.centered-image.focus-TopCenter video,.centered-image.focus-TopCenter object,.centered-image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.centered-image.focus-BottomCenter img,.centered-image.focus-BottomCenter video,.centered-image.focus-BottomCenter object,.centered-image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.centered-image.focus-TopLeft img,.centered-image.focus-TopLeft video,.centered-image.focus-TopLeft object,.centered-image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.centered-image.focus-MiddleLeft img,.centered-image.focus-MiddleLeft video,.centered-image.focus-MiddleLeft object,.centered-image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.centered-image.focus-BottomLeft img,.centered-image.focus-BottomLeft video,.centered-image.focus-BottomLeft object,.centered-image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.centered-image.focus-TopRight img,.centered-image.focus-TopRight video,.centered-image.focus-TopRight object,.centered-image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.centered-image.focus-MiddleRight img,.centered-image.focus-MiddleRight video,.centered-image.focus-MiddleRight object,.centered-image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.centered-image.focus-BottomRight img,.centered-image.focus-BottomRight video,.centered-image.focus-BottomRight object,.centered-image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.centered-image.focus-stretch img,.centered-image.focus-stretch video,.centered-image.focus-stretch object,.centered-image.focus-stretch picture {
    max-width: 100%
}

button>* {
    pointer-events: none
}

@keyframes widget-card-ENTER-ANIMATION {
    0% {
        opacity: .01;
        max-height: 0
    }

    80% {
        max-height: 100vh;
        opacity: .01
    }

    99% {
        opacity: 1;
        max-height: 100vh
    }

    100% {
        opacity: 1;
        max-height: none
    }
}

@keyframes list-item-ENTER-ANIMATION {
    0% {
        opacity: .01;
        max-height: 0
    }

    80% {
        max-height: 200px;
        opacity: .01
    }

    99% {
        opacity: 1;
        max-height: 200px
    }

    100% {
        max-height: none
    }
}

@font-face {
    font-family: "Lato";
    src: url("../../../assets/fonts/Lato-Regular.eot");
    src: url("../../../assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("../../../assets/fonts/Lato-Regular.woff2") format("woff2"),url("../../../assets/fonts/Lato-Regular.woff") format("woff"),url("../../../assets/fonts/Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: "Lato";
    src: url("../../../assets/fonts/Lato-Italic.eot");
    src: url("../../../assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("../../../assets/fonts/Lato-Italic.woff2") format("woff2"),url("../../../assets/fonts/Lato-Italic.woff") format("woff"),url("../../../assets/fonts/Lato-Italic.svg#Lato-Italic") format("svg");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: "Lato";
    src: url("../../../assets/fonts/Lato-Black.eot");
    src: url("../../../assets/fonts/Lato-Black.eot?#iefix") format("embedded-opentype"),url("../../../assets/fonts/Lato-Black.woff2") format("woff2"),url("../../../assets/fonts/Lato-Black.woff") format("woff"),url("../../../assets/fonts/Lato-Black.svg#Lato-Black") format("svg");
    font-weight: 900;
    font-style: bolder;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: "Titillium Web";
    src: url("../assets/fonts/TitilliumWeb-SemiBold.eot");
    src: url("../assets/fonts/TitilliumWeb-SemiBold.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/TitilliumWeb-SemiBold.woff2") format("woff2"),url("../assets/fonts/TitilliumWeb-SemiBold.woff") format("woff"),url("../assets/fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details,menu {
    display: block
}

summary {
    display: list-item
}

* {
    box-sizing: border-box
}

html {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto
    }
}

html.scrollBehaviorDisabled {
    scroll-behavior: unset
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

.body--hidden-outlines *:focus {
    outline: none
}

.neos-ebank body {
    transition: padding-top .2s ease-in;
    background-color: #f8f8f8;
    margin: 0;
    padding: 112px 0 0 0;
    overflow-x: hidden
}

.neos-ebank .neos-ebank--noLinkToOldNetbank {
    padding-top: 64px
}

@media print {
    .neos-ebank body,.neos-ebank .neos-ebank--noLinkToOldNetbank {
        padding-top: 0
    }
}

.neos-ebank--account-selector-sidebar body {
    padding-left: 64px
}

@media(max-width: 1024px) {
    .neos-ebank--account-selector-sidebar body {
        padding-left:0
    }
}

.dev body:after {
    content: "none";
    display: block;
    position: fixed;
    background: rgba(0,0,0,.1);
    padding: .1em 1em;
    bottom: 0;
    font-size: 10px;
    right: 0;
    z-index: 18000
}

@media(min-width: 360px) {
    .dev body:after {
        content:"rat"
    }
}

@media(min-width: 460px) {
    .dev body:after {
        content:"rabbit"
    }
}

@media(min-width: 640px) {
    .dev body:after {
        content:"cat"
    }
}

@media(min-width: 768px) {
    .dev body:after {
        content:"dog"
    }
}

@media(min-width: 1024px) {
    .dev body:after {
        content:"wolf"
    }
}

@media(min-width: 1100px) {
    .dev body:after {
        content:"lion"
    }
}

@media(min-width: 1400px) {
    .dev body:after {
        content:"horse"
    }
}

@media(min-width: 1520px) {
    .dev body:after {
        content:"rhino"
    }
}

@media(min-width: 1670px) {
    .dev body:after {
        content:"elephant"
    }
}

#main-container {
    display: flex;
    flex-direction: column
}

#main-content {
    flex-grow: 1
}

.grid-viewer {
    pointer-events: none;
    opacity: .3;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99000
}

.grid-viewer .cell {
    border: 1px solid blue;
    height: 100%;
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .grid-viewer .cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .grid-viewer .cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .grid-viewer .cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .grid-viewer .cell {
        padding:0 8px
    }
}

.grid-viewer .cell__item {
    position: relative;
    border: 1px solid red;
    width: 50%;
    float: left;
    height: 100%
}

.grid-viewer .cell__item:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid blue;
    top: 0;
    right: 8px;
    bottom: 0;
    left: 8px
}

@media(max-width: 640px) {
    .grid-viewer .cell__item:nth-child(2)~.cell__item {
        display:none
    }
}

@media(min-width: 640px)and (max-width: 1024px) {
    .grid-viewer .cell__item:nth-child(4)~.cell__item {
        display:none
    }

    .grid-viewer .cell__item {
        width: 25%
    }
}

@media(min-width: 1024px) {
    .grid-viewer .cell__item {
        width:12.5%
    }
}

.neos-grid-container {
    max-width: 1362px;
    margin: auto
}

@media(min-width: 640px) {
    .neos-grid-container {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .neos-grid-container {
        max-width:1362px
    }
}

.neos-grid-container:after {
    content: "";
    display: block;
    clear: both
}

.neos-grid-padding {
    padding: 0 8px
}

@media(min-width: 640px) {
    .neos-grid-padding {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .neos-grid-padding {
        padding:0 8px
    }
}

@media only screen and (max-width: 360px) {
    .hide-belowrat {
        display:none
    }
}

@media only screen and (min-width: 360px) {
    .neos-col--rat-25 {
        width:25%;
        float: left
    }

    .neos-col--rat-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--rat-50 {
        width: 50%;
        float: left
    }

    .neos-col--rat-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--rat-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 460px) {
    .hide-belowrabbit {
        display:none
    }
}

@media only screen and (min-width: 460px) {
    .neos-col--rabbit-25 {
        width:25%;
        float: left
    }

    .neos-col--rabbit-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--rabbit-50 {
        width: 50%;
        float: left
    }

    .neos-col--rabbit-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--rabbit-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 640px) {
    .hide-belowcat {
        display:none
    }
}

@media only screen and (min-width: 640px) {
    .neos-col--cat-25 {
        width:25%;
        float: left
    }

    .neos-col--cat-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--cat-50 {
        width: 50%;
        float: left
    }

    .neos-col--cat-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--cat-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 768px) {
    .hide-belowdog {
        display:none
    }
}

@media only screen and (min-width: 768px) {
    .neos-col--dog-25 {
        width:25%;
        float: left
    }

    .neos-col--dog-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--dog-50 {
        width: 50%;
        float: left
    }

    .neos-col--dog-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--dog-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 1024px) {
    .hide-belowwolf {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .neos-col--wolf-25 {
        width:25%;
        float: left
    }

    .neos-col--wolf-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--wolf-50 {
        width: 50%;
        float: left
    }

    .neos-col--wolf-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--wolf-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 1100px) {
    .hide-belowlion {
        display:none
    }
}

@media only screen and (min-width: 1100px) {
    .neos-col--lion-25 {
        width:25%;
        float: left
    }

    .neos-col--lion-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--lion-50 {
        width: 50%;
        float: left
    }

    .neos-col--lion-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--lion-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 1400px) {
    .hide-belowhorse {
        display:none
    }
}

@media only screen and (min-width: 1400px) {
    .neos-col--horse-25 {
        width:25%;
        float: left
    }

    .neos-col--horse-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--horse-50 {
        width: 50%;
        float: left
    }

    .neos-col--horse-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--horse-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 1520px) {
    .hide-belowrhino {
        display:none
    }
}

@media only screen and (min-width: 1520px) {
    .neos-col--rhino-25 {
        width:25%;
        float: left
    }

    .neos-col--rhino-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--rhino-50 {
        width: 50%;
        float: left
    }

    .neos-col--rhino-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--rhino-75 {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 1670px) {
    .hide-belowelephant {
        display:none
    }
}

@media only screen and (min-width: 1670px) {
    .neos-col--elephant-25 {
        width:25%;
        float: left
    }

    .neos-col--elephant-33 {
        width: 33.333332%;
        float: left
    }

    .neos-col--elephant-50 {
        width: 50%;
        float: left
    }

    .neos-col--elephant-66 {
        width: 66.66666662%;
        float: left
    }

    .neos-col--elephant-75 {
        width: 25%;
        float: left
    }
}

.scd-bg {
    background-color: #3f4346
}

.scd-color {
    color: #3f4346
}

.scd-border {
    border-color: #3f4346
}

.t-color-1 {
    color: #3f4346 !important
}

.t-bg-color-1 {
    background: #3f4346 !important;
    background-color: #3f4346 !important
}

.t-border-color-1 {
    border-color: #3f4346 !important
}

.t-fill-color-1 {
    fill: #3f4346 !important
}

.t-stroke-color-1 {
    stroke: #3f4346 !important
}

.t-color-2 {
    color: #6c757b !important
}

.t-bg-color-2 {
    background: #6c757b !important;
    background-color: #6c757b !important
}

.t-border-color-2 {
    border-color: #6c757b !important
}

.t-fill-color-2 {
    fill: #6c757b !important
}

.t-stroke-color-2 {
    stroke: #6c757b !important
}

.t-color-3 {
    color: #fff1b5 !important
}

.t-bg-color-3 {
    background: #fff1b5 !important;
    background-color: #fff1b5 !important
}

.t-border-color-3 {
    border-color: #fff1b5 !important
}

.t-fill-color-3 {
    fill: #fff1b5 !important
}

.t-stroke-color-3 {
    stroke: #fff1b5 !important
}

.t-color-4 {
    color: #fedd46 !important
}

.t-bg-color-4 {
    background: #fedd46 !important;
    background-color: #fedd46 !important
}

.t-border-color-4 {
    border-color: #fedd46 !important
}

.t-fill-color-4 {
    fill: #fedd46 !important
}

.t-stroke-color-4 {
    stroke: #fedd46 !important
}

.t-color-gray {
    color: #f2f2f2 !important
}

.t-bg-color-gray {
    background: #f2f2f2 !important;
    background-color: #f2f2f2 !important
}

.t-border-color-gray {
    border-color: #f2f2f2 !important
}

.t-fill-color-gray {
    fill: #f2f2f2 !important
}

.t-stroke-color-gray {
    stroke: #f2f2f2 !important
}

.t-color-1-contrast {
    color: #fff !important
}

.t-bg-color-1-contrast {
    background: #fff !important;
    background-color: #fff !important
}

.t-border-color-1-contrast {
    border-color: #fff !important
}

.t-fill-color-1-contrast {
    fill: #fff !important
}

.t-stroke-color-1-contrast {
    stroke: #fff !important
}

.t-color-2-contrast {
    color: #fff !important
}

.t-bg-color-2-contrast {
    background: #fff !important;
    background-color: #fff !important
}

.t-border-color-2-contrast {
    border-color: #fff !important
}

.t-fill-color-2-contrast {
    fill: #fff !important
}

.t-stroke-color-2-contrast {
    stroke: #fff !important
}

.t-color-3-contrast {
    color: #000 !important
}

.t-bg-color-3-contrast {
    background: #000 !important;
    background-color: #000 !important
}

.t-border-color-3-contrast {
    border-color: #000 !important
}

.t-fill-color-3-contrast {
    fill: #000 !important
}

.t-stroke-color-3-contrast {
    stroke: #000 !important
}

.t-color-4-contrast {
    color: #000 !important
}

.t-bg-color-4-contrast {
    background: #000 !important;
    background-color: #000 !important
}

.t-border-color-4-contrast {
    border-color: #000 !important
}

.t-fill-color-4-contrast {
    fill: #000 !important
}

.t-stroke-color-4-contrast {
    stroke: #000 !important
}

.t-color-on-white-brand-1 {
    color: #3f4346 !important
}

.t-bg-color-on-white-brand-1 {
    background: #3f4346 !important;
    background-color: #3f4346 !important
}

.t-border-color-on-white-brand-1 {
    border-color: #3f4346 !important
}

.t-fill-color-on-white-brand-1 {
    fill: #3f4346 !important
}

.t-stroke-color-on-white-brand-1 {
    stroke: #3f4346 !important
}

.t-color-1-dark-5 {
    color: #65696b !important
}

.t-bg-color-1-dark-5 {
    background: #65696b !important;
    background-color: #65696b !important
}

.t-border-color-1-dark-5 {
    border-color: #65696b !important
}

.t-fill-color-1-dark-5 {
    fill: #65696b !important
}

.t-stroke-color-1-dark-5 {
    stroke: #65696b !important
}

.t-color-1-dark-10 {
    color: #797b7e !important
}

.t-bg-color-1-dark-10 {
    background: #797b7e !important;
    background-color: #797b7e !important
}

.t-border-color-1-dark-10 {
    border-color: #797b7e !important
}

.t-fill-color-1-dark-10 {
    fill: #797b7e !important
}

.t-stroke-color-1-dark-10 {
    stroke: #797b7e !important
}

.t-color-light {
    color: #f2f2f2 !important
}

.t-bg-color-light {
    background: #f2f2f2 !important;
    background-color: #f2f2f2 !important
}

.t-border-color-light {
    border-color: #f2f2f2 !important
}

.t-fill-color-light {
    fill: #f2f2f2 !important
}

.t-stroke-color-light {
    stroke: #f2f2f2 !important
}

.t-color-dark {
    color: #242424 !important
}

.t-bg-color-dark {
    background: #242424 !important;
    background-color: #242424 !important
}

.t-border-color-dark {
    border-color: #242424 !important
}

.t-fill-color-dark {
    fill: #242424 !important
}

.t-stroke-color-dark {
    stroke: #242424 !important
}

.t-color-white {
    color: #fff !important
}

.t-bg-color-white {
    background: #fff !important;
    background-color: #fff !important
}

.t-border-color-white {
    border-color: #fff !important
}

.t-fill-color-white {
    fill: #fff !important
}

.t-stroke-color-white {
    stroke: #fff !important
}

.t-color-black {
    color: #000 !important
}

.t-bg-color-black {
    background: #000 !important;
    background-color: #000 !important
}

.t-border-color-black {
    border-color: #000 !important
}

.t-fill-color-black {
    fill: #000 !important
}

.t-stroke-color-black {
    stroke: #000 !important
}

.frame.spacer {
    margin: 48px 0 0 0;
    height: 1px
}

@media(min-width: 1024px) {
    .frame.spacer {
        margin:80px 0 0 0
    }
}

.body-skip-nav {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    color: #3f4346;
    background: #fff;
    padding: 5px;
    opacity: 0
}

.body-skip-nav:focus {
    opacity: 1;
    z-index: 10000
}

.error-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    padding: 15px;
    background-color: rgba(0,0,0,.8);
    color: #fff
}

.error-overlay__trace {
    margin: .3em;
    white-space: pre-wrap
}

.a-arrow-link__container:after {
    clear: both;
    content: "";
    display: block
}

.a-arrow-link {
    color: #3f4346;
    font-weight: 900;
    display: inline-flex;
    line-height: 1.25em;
    padding-left: 1.375rem;
    position: relative;
    text-decoration: none;
    margin-left: -0.1875rem
}

.a-arrow-link.a-arrow-link--invert {
    color: #fff
}

.a-arrow-link.a-arrow-link--invert:visited {
    color: #fff
}

.a-arrow-link.a-arrow-link--brand-1 {
    color: #3f4346
}

.a-arrow-link.a-arrow-link--brand-1:visited,.a-arrow-link.a-arrow-link--brand-1:hover {
    color: #3f4346
}

.a-arrow-link.a-arrow-link--brand-2 {
    color: #6c757b
}

.a-arrow-link.a-arrow-link--brand-2:visited,.a-arrow-link.a-arrow-link--brand-2:hover {
    color: #6c757b
}

.a-arrow-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.a-arrow-link .a-arrow-link__text {
    transition: transform .15s ease
}

.a-arrow-link .a-arrow-link__icon {
    left: 0;
    position: absolute;
    transition: transform .15s ease;
    height: 100%;
    max-height: 1.2em
}

.a-arrow-link svg {
    display: block;
    width: 1.35em;
    height: 1.35em;
    fill: currentcolor
}

.a-arrow-link svg.a-arrow-link__icon--line-right {
    display: none
}

.a-arrow-link:visited,.a-arrow-link:hover {
    color: #3f4346
}

.a-arrow-link:hover .a-arrow-link__icon {
    transform: translateX(10%)
}

.a-arrow-link:active .a-arrow-link__text {
    transform: scale(0.9)
}

.a-arrow-link:active .a-arrow-link__icon {
    transform: scale(0.8) translateX(20%)
}

.a-arrow-link.a-arrow-link--small {
    font-size: .9em;
    padding-left: 1.0625rem
}

.a-arrow-link.a-arrow-link--large {
    font-size: 1.1em;
    padding-left: 0;
    padding-right: 3.125rem
}

.a-arrow-link.a-arrow-link--large .a-arrow-link__icon {
    position: absolute;
    left: auto;
    right: 0;
    top: .65em
}

.a-arrow-link.a-arrow-link--large svg {
    position: relative;
    top: 0;
    right: -0.5em;
    width: 2.8em;
    height: 2.8em;
    transform: translate(0, -50%)
}

.a-arrow-link.a-arrow-link--large svg.a-arrow-link__icon--right {
    display: none
}

.a-arrow-link.a-arrow-link--large svg.a-arrow-link__icon--line-right {
    display: block
}

.a-arrow-link.a-arrow-link--large:hover .a-arrow-link__icon {
    transform: translateX(-5%)
}

.a-arrow-link__container .a-arrow-link.a-arrow-link--large {
    float: right
}

.btn {
margin: 10px 10px;    
border: none;
    border-radius: 60px;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0,0,0,0);
    color: #fff;
    line-height: 1.28em;
    max-width: 18.75rem;
    position: relative;
    transition-timing-function: cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98),background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1;
    padding: 1.125rem 1.25rem
}

.btn.btn--disabled,.btn:disabled {
    opacity: .3;
    pointer-events: none
}

.btn:visited {
    color: #fff
}

.btn.full-width {
    margin-right: 0;
    max-width: none
}

.btn.btn--primary,.btn.btn.btn--secondary {
    border: 2px solid rgba(0,0,0,0)
}

.btn.btn--primary.btn--default {
    background-color: #fedd46;
    color: #000
}

.btn.btn--primary.btn--default:hover {
    background-color: #feda37
}

.btn.btn--primary.btn--default.btn--invert {
    background-color: #000;
    color: #fedd46
}

.btn.btn.btn--secondary.btn--default {
    border-color: #fedd46;
    color: #fedd46
}

.btn.btn.btn--secondary.btn--default:hover {
    background: #fedd46;
    color: #000
}

.btn.btn.btn--secondary.btn--default.btn--invert {
    border-color: #000;
    color: #000
}

.btn.btn.btn--secondary.btn--default.btn--invert:hover {
    background: #000;
    color: #fedd46
}

.btn.btn--primary,.btn.btn.btn--secondary {
    border: 2px solid rgba(0,0,0,0)
}

.btn.btn--primary.btn--brand-1 {
    background-color: #3f4346;
    color: #fff
}

.btn.btn--primary.btn--brand-1:hover {
    background-color: #383b3e
}

.btn.btn--primary.btn--brand-1.btn--invert {
    background-color: #fff;
    color: #3f4346
}

.btn.btn.btn--secondary.btn--brand-1 {
    border-color: #14ADBA;
    color: #11100B
}

.btn.btn.btn--secondary.btn--brand-1:hover {
    background: #14ADBA;
    color: #fff
}

.btn.btn.btn--secondary.btn--brand-1.btn--invert {
    border-color: #fff;
    color: #fff
}

.btn.btn.btn--secondary.btn--brand-1.btn--invert:hover {
    background: #fff;
    color: #3f4346
}

.btn.btn--primary,.btn.btn.btn--secondary {
    border: 2px solid rgba(0,0,0,0)
}

.btn.btn--primary.btn--brand-2 {
    background-color: #6c757b;
    color: #fff
}

.btn.btn--primary.btn--brand-2:hover {
    background-color: #656d73
}

.btn.btn--primary.btn--brand-2.btn--invert {
    background-color: #fff;
    color: #6c757b
}

.btn.btn.btn--secondary.btn--brand-2 {
    border-color: #6c757b;
    color: #6c757b
}

.btn.btn.btn--secondary.btn--brand-2:hover {
    background: #6c757b;
    color: #fff
}

.btn.btn.btn--secondary.btn--brand-2.btn--invert {
    border-color: #fff;
    color: #fff
}

.btn.btn.btn--secondary.btn--brand-2.btn--invert:hover {
    background: #fff;
    color: #6c757b
}

.btn.btn--primary,.btn.btn.btn--secondary {
    border: 2px solid rgba(0,0,0,0)
}

.btn.btn--primary.btn--brand-3 {
    background-color: #fff1b5;
    color: #000
}

.btn.btn--primary.btn--brand-3:hover {
    background-color: #ffeea6
}

.btn.btn--primary.btn--brand-3.btn--invert {
    background-color: #000;
    color: #fff1b5
}

.btn.btn.btn--secondary.btn--brand-3 {
    border-color: #fff1b5;
    color: #fff1b5
}

.btn.btn.btn--secondary.btn--brand-3:hover {
    background: #fff1b5;
    color: #000
}

.btn.btn.btn--secondary.btn--brand-3.btn--invert {
    border-color: #000;
    color: #000
}

.btn.btn.btn--secondary.btn--brand-3.btn--invert:hover {
    background: #000;
    color: #fff1b5
}

.a-input-number {
    height: 40px;
    padding: 0 .5em
}

button,input,optgroup,select,textarea {
    font-family: "Lato","Helvetica",sans-serif
}

.rt-a-arrow-link {
    font-size: 1.1em;
    padding-right: 3.125rem;
    color: #3f4346;
    font-weight: 900;
    display: inline-flex;
    line-height: 1.25em;
    position: relative;
    text-decoration: none;
    transition: transform .15s ease
}

.rt-a-arrow-link:visited,.rt-a-arrow-link:hover {
    color: #3f4346
}

.rt-a-arrow-link::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 16px;
    right: -9px;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%20fill%3D%27%233f4346%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M11.9%204.6c-.2-.2-.5-.2-.7%200s-.2.5%200%20.7L13.8%208H1c-.3%200-.5.2-.5.5s.2.5.5.5h12.9l-2.7%202.7c-.2.2-.2.5%200%20.7.1.1.2.1.4.1s.3%200%20.4-.1l3.9-3.9-4-3.9z%27%2F%3E%3C%2Fsvg%3E");
    background-size: 100% 100%;
    z-index: 100;
    transform: translate(0, -16px)
}

.rt-a-arrow-link:hover::after {
    right: -7px
}

.rt-a-arrow-link--invert {
    font-size: 1.1em;
    padding-right: 3.125rem;
    color: #fff;
    font-weight: 900;
    display: inline-flex;
    line-height: 1.25em;
    position: relative;
    text-decoration: none;
    transition: transform .15s ease
}

.rt-a-arrow-link--invert:visited,.rt-a-arrow-link--invert:hover {
    color: #fff
}

.rt-a-arrow-link--invert::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 16px;
    right: -9px;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%20fill%3D%27%23ffffff%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M11.9%204.6c-.2-.2-.5-.2-.7%200s-.2.5%200%20.7L13.8%208H1c-.3%200-.5.2-.5.5s.2.5.5.5h12.9l-2.7%202.7c-.2.2-.2.5%200%20.7.1.1.2.1.4.1s.3%200%20.4-.1l3.9-3.9-4-3.9z%27%2F%3E%3C%2Fsvg%3E");
    background-size: 100% 100%;
    z-index: 100;
    transform: translate(0, -16px)
}

.rt-a-arrow-link--invert:hover::after {
    right: -7px
}

.rt-a-arrow-link--small {
    font-size: .9em;
    padding-left: 1.125rem;
    margin-left: -0.1875rem;
    color: #3f4346;
    font-weight: 900;
    display: inline-flex;
    line-height: 1.25em;
    position: relative;
    text-decoration: none;
    transition: transform .15s ease
}

.rt-a-arrow-link--small:visited,.rt-a-arrow-link--small:hover {
    color: #3f4346
}

.rt-a-arrow-link--small::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: -6px;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%20fill%3D%27%233f4346%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M5.5%2013.5c-.1%200-.3%200-.4-.1-.2-.2-.2-.5%200-.7L9.8%208%205.1%203.4c-.1-.2-.1-.6%200-.8s.5-.2.7%200L11.2%208l-5.4%205.4c0%20.1-.2.1-.3.1z%27%2F%3E%3C%2Fsvg%3E");
    background-size: 100% 100%;
    z-index: 100;
    transform: translate(0, -4px)
}

.rt-a-arrow-link--small:hover::after {
    left: -7.5px
}

.rt-a-arrow-link--small-inverted {
    font-size: .9em;
    padding-left: 1.125rem;
    margin-left: -0.1875rem;
    color: #fff;
    font-weight: 900;
    display: inline-flex;
    line-height: 1.25em;
    position: relative;
    text-decoration: none;
    transition: transform .15s ease
}

.rt-a-arrow-link--small-inverted:visited,.rt-a-arrow-link--small-inverted:hover {
    color: #fff
}

.rt-a-arrow-link--small-inverted::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: -6px;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20preserveAspectRatio%3D%27none%27%20fill%3D%27%23ffffff%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M5.5%2013.5c-.1%200-.3%200-.4-.1-.2-.2-.2-.5%200-.7L9.8%208%205.1%203.4c-.1-.2-.1-.6%200-.8s.5-.2.7%200L11.2%208l-5.4%205.4c0%20.1-.2.1-.3.1z%27%2F%3E%3C%2Fsvg%3E");
    background-size: 100% 100%;
    z-index: 100;
    transform: translate(0, -4px)
}

.rt-a-arrow-link--small-inverted:hover::after {
    left: -7.5px
}

.rt-button--link-color-inverted {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0,0,0,0);
    color: #fff;
    line-height: 1.28em;
    max-width: 18.75rem;
    position: relative;
    transition-timing-function: cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98),background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1;
    padding: 1.125rem 1.25rem;
    border: 2px solid rgba(0,0,0,0);
    background-color: #fff;
    color: #3f4346
}

.rt-button--link-color-inverted.btn--disabled,.rt-button--link-color-inverted:disabled {
    opacity: .3;
    pointer-events: none
}

.rt-button--link-color-inverted:visited {
    color: #fff
}

.rt-button--link-color-inverted.full-width {
    margin-right: 0;
    max-width: none
}

.rt-button--link-color-inverted:active {
    font-size: .8em
}

.rt-button--link-color-inverted:hover {
    background-color: #f7f7f7;
    color: #383b3e
}

.rt-button--link-color-inverted:visited {
    background-color: #f7f7f7;
    color: #383b3e
}

.rt-button--link-color {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0,0,0,0);
    color: #fff;
    line-height: 1.28em;
    max-width: 18.75rem;
    position: relative;
    transition-timing-function: cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98),background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1;
    padding: 1.125rem 1.25rem;
    border: 2px solid rgba(0,0,0,0);
    background-color: #3f4346;
    color: #fff
}

.rt-button--link-color.btn--disabled,.rt-button--link-color:disabled {
    opacity: .3;
    pointer-events: none
}

.rt-button--link-color:visited {
    color: #fff
}

.rt-button--link-color.full-width {
    margin-right: 0;
    max-width: none
}

.rt-button--link-color:active {
    font-size: .8em
}

.rt-button--link-color:hover {
    background-color: #383b3e;
    color: #f7f7f7
}

.rt-button--link-color:visited {
    background-color: #383b3e;
    color: #f7f7f7
}

.rt-button--brand-1 {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0,0,0,0);
    color: #fff;
    line-height: 1.28em;
    max-width: 18.75rem;
    position: relative;
    transition-timing-function: cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98),background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1;
    padding: 1.125rem 1.25rem;
    border: 2px solid rgba(0,0,0,0);
    background-color: #3f4346;
    color: #fff
}

.rt-button--brand-1.btn--disabled,.rt-button--brand-1:disabled {
    opacity: .3;
    pointer-events: none
}

.rt-button--brand-1:visited {
    color: #fff
}

.rt-button--brand-1.full-width {
    margin-right: 0;
    max-width: none
}

.rt-button--brand-1:active {
    font-size: .8em
}

.rt-button--brand-1:hover {
    background-color: #383b3e;
    color: #f7f7f7
}

.rt-button--brand-1:visited {
    background-color: #383b3e;
    color: #f7f7f7
}

.rt-button--brand-2 {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0,0,0,0);
    color: #fff;
    line-height: 1.28em;
    max-width: 18.75rem;
    position: relative;
    transition-timing-function: cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98),background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1;
    padding: 1.125rem 1.25rem;
    border: 2px solid rgba(0,0,0,0);
    background-color: #6c757b;
    color: #fff
}

.rt-button--brand-2.btn--disabled,.rt-button--brand-2:disabled {
    opacity: .3;
    pointer-events: none
}

.rt-button--brand-2:visited {
    color: #fff
}

.rt-button--brand-2.full-width {
    margin-right: 0;
    max-width: none
}

.rt-button--brand-2:active {
    font-size: .8em
}

.rt-button--brand-2:hover {
    background-color: #656d73;
    color: #f7f7f7
}

.rt-button--brand-2:visited {
    background-color: #656d73;
    color: #f7f7f7
}

.rt-button--brand-3 {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0,0,0,0);
    color: #fff;
    line-height: 1.28em;
    max-width: 18.75rem;
    position: relative;
    transition-timing-function: cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98),background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1;
    padding: 1.125rem 1.25rem;
    border: 2px solid rgba(0,0,0,0);
    background-color: #fff1b5;
    color: #000
}

.rt-button--brand-3.btn--disabled,.rt-button--brand-3:disabled {
    opacity: .3;
    pointer-events: none
}

.rt-button--brand-3:visited {
    color: #fff
}

.rt-button--brand-3.full-width {
    margin-right: 0;
    max-width: none
}

.rt-button--brand-3:active {
    font-size: .8em
}

.rt-button--brand-3:hover {
    background-color: #ffeea6;
    color: #000
}

.rt-button--brand-3:visited {
    background-color: #ffeea6;
    color: #000
}

.rt-button--brand-4 {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: rgba(0,0,0,0);
    color: #fff;
    line-height: 1.28em;
    max-width: 18.75rem;
    position: relative;
    transition-timing-function: cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98),background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1;
    padding: 1.125rem 1.25rem;
    border: 2px solid rgba(0,0,0,0);
    background-color: #fedd46;
    color: #000
}

.rt-button--brand-4.btn--disabled,.rt-button--brand-4:disabled {
    opacity: .3;
    pointer-events: none
}

.rt-button--brand-4:visited {
    color: #fff
}

.rt-button--brand-4.full-width {
    margin-right: 0;
    max-width: none
}

.rt-button--brand-4:active {
    font-size: .8em
}

.rt-button--brand-4:hover {
    background-color: #feda37;
    color: #000
}

.rt-button--brand-4:visited {
    background-color: #feda37;
    color: #000
}

[class*=t-bg-].rich-text a:not([class]),[class*=" t-bg-"] .rich-text a:not([class]) {
    color: currentColor;
    text-decoration: underline
}

[class*=t-bg-].rich-text a:not([class]) svg,[class*=" t-bg-"] .rich-text a:not([class]) svg {
    fill: currentColor
}

[class*=t-bg-].rich-text a:not([class]):hover,[class*=" t-bg-"] .rich-text a:not([class]):hover {
    color: currentColor
}

[class*=t-bg-].rich-text a:not([class]):hover svg,[class*=" t-bg-"] .rich-text a:not([class]):hover svg {
    fill: currentColor
}

[class*=t-bg-].rich-text a:not([class]):visited,[class*=" t-bg-"] .rich-text a:not([class]):visited {
    color: currentColor
}

.rich-text p {
    max-width: 41.125rem
}

.rich-text img {
    max-width: 100%;
    height: auto !important
}

.rich-text ul {
    max-width: 41.125rem;
    margin-left: .7em;
    padding-left: 1em
}

.rich-text ul.arrow-list {
    padding-left: 0;
    margin-left: 0
}

.rich-text ul.arrow-list li {
    list-style: none;
    position: relative;
    padding-left: 3em
}

.rich-text ul.arrow-list li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2.5em;
    height: 100%;
    background: url("/dist/styles/assets/gfx/iconImages/icon_arrow-line-right-small.svg") no-repeat
}

.rich-text li {
    padding-left: 1em;
    margin: 1.5em 0
}

.rich-text li:first-of-type {
    margin-top: 1em
}

.rich-text li:last-of-type {
    margin-bottom: 1em
}

.rich-text ul li {
    list-style-type: disc;
    padding-left: .7em
}

.rich-text ol {
    max-width: 41.125rem;
    margin-left: 0;
    padding-left: 3em
}

.rich-text ol.large {
    counter-reset: li;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0
}

.rich-text ol.large li {
    position: relative;
    padding-left: 2.5rem
}

.rich-text ol.large li:before {
    font-size: 2.5rem;
    line-height: 3.125rem;
    line-height: 1em;
    font-weight: 900;
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: 0
}

@media(max-width: 360px) {
    .rich-text ol.large li:before {
        word-break:break-word;
        line-height: 2.625rem
    }
}

@media(min-width: 768px) {
    .rich-text ol.large li:before {
        font-size:3.125rem;
        line-height: 3.75rem
    }
}

@media(min-width: 1024px) {
    .rich-text ol.large li:before {
        font-size:4.5rem;
        line-height: 5rem
    }
}

@media(min-width: 768px) {
    .rich-text ol.large li {
        padding-left:3.5rem
    }

    .rich-text ol.large li:before {
        top: -0.11em
    }
}

@media(min-width: 1024px) {
    .rich-text ol.large li {
        padding-left:5rem
    }
}

.neos-ebank .rich-text>*:first-child {
    margin-top: 0
}

.neos-ebank .rich-text>*:last-child {
    margin-bottom: 0
}

body {
    font-family: "Lato","Helvetica",sans-serif;
    color: #242424;
    font-size: 1rem;
    line-height: 22px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,.h1 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

@media(max-width: 360px) {
    h1,.h1 {
        word-break:break-word;
        line-height: 2rem
    }
}

@media(min-width: 768px) {
    h1,.h1 {
        font-size:2.5rem;
        line-height: 3.125rem
    }
}

@media(min-width: 1024px) {
    h1,.h1 {
        font-size:4.5rem;
        line-height: 5rem
    }
}

h2,.h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

@media(max-width: 360px) {
    h2,.h2 {
        word-break:break-word;
        line-height: 2rem
    }
}

@media(min-width: 768px) {
    h2,.h2 {
        font-size:2.5rem;
        line-height: 3.125rem
    }
}

h3,.h3 {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

@media(min-width: 768px) {
    h3,.h3 {
        font-size:1.875rem;
        line-height: 2.1875rem
    }
}

h4,.h4 {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-weight: 900;
	margin-bottom: 5px
}

@media(min-width: 768px) {
    h4,.h4 {
        font-size:1.375rem;
        line-height: 1.75rem
		margin-bottom: 5px
    }
}

h5,.h5 {
    font-size: 1rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

h6,.h6 {
    font-size: 1rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

input {
    font-family: "Lato","Helvetica",sans-serif
}

a {
    color: #3f4346;
    transition: color .2s cubic-bezier(0.78, -0.07, 0.28, 0.98)
}

a svg {
    transition: fill .2s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    fill: #3f4346
}

a:hover {
    color: #242424
}

a:hover svg {
    fill: currentcolor
}

a:visited {
    color: #3f4346
}

blockquote {
    max-width: 41.125rem;
    padding: 1rem 2rem;
    margin: 0
}

figure {
    margin-left: 0
}

.manchet {
    font-size: 1.375rem;
    line-height: 2.125rem
}

@media(min-width: 768px) {
    .manchet {
        font-size:1.625rem;
        line-height: 2.5625rem
    }
}

[class*=text-module-] h2,[class*=text-module-] h3,[class*=text-module-] h4,[class*=text-module-] h5,[class*=text-module-] h6,[class*=text-module-] p,[class*=text-module-] ul,[class*=text-module-] ol {
    max-width: 510.75px
}

[class*=text-module-] h1,[class*=text-module-] h1+.manchet {
    max-width: 681px
}

.u-no-overflow-x {
    overflow-x: hidden !important
}

.u-no-overflow-y {
    overflow-y: hidden !important
}

.u-text-center {
    text-align: center !important
}

.u-text-left {
    text-align: left !important
}

.u-text-right {
    text-align: right !important
}

.u-text-uppercase {
    text-transform: uppercase !important
}

.icon-link {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-right: .5em;
    text-decoration: none;
    color: inherit
}

.icon-link:hover {
    text-decoration: underline
}

.icon-link:visited {
    color: inherit
}

.icon-link .icon {
    display: block;
    margin-right: .2em;
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    fill: currentcolor
}

.icon-link span {
    font-weight: bold
}

.pagination {
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center
}

.pagination__link {
    color: #242424;
    padding: 0 .35em .35em;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.pagination__link svg {
    width: 1rem;
    height: 1rem;
    fill: #242424
}

.pagination__link:hover {
    color: #6c757b
}

.pagination__link:hover svg {
    fill: #6c757b
}

.pagination__link.disabled {
    visibility: hidden
}

.pagination__link--isCurrent:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #6c757b
}

.pagination__link--firstpage,.pagination__link--lastpage,.pagination__link--nextpage,.pagination__link--previouspage {
    padding: 1em .5em
}

.pagination__link--firstpage span,.pagination__link--lastpage span,.pagination__link--nextpage span,.pagination__link--previouspage span {
    position: absolute;
    display: none
}

.pagination__list {
    padding: 0 2em;
    margin: 0;
    text-align: center
}

.pagination__list-item {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.pagination__list-item {
    display: inline-block
}

.search-field {
    position: relative;
    width: 100%;
    z-index: 1000
}

.search-field input {
    padding: 20px 70px 20px 20px;
    height: 70px;
    line-height: 16px;
    border: none;
    width: 100%;
    border-radius: 0
}

@media(min-width: 1400px) {
    .search-field input {
        font-size:18px
    }
}

.search-field button {
    background: #fff;
    border: none;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;
    position: absolute;
    display: block;
    float: right;
    cursor: pointer
}

.search-field button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%) scale(0.5)
}

.search-field .react-autosuggest__suggestions-container {
    margin-top: 1px;
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: 100
}

.search-field .react-autosuggest__suggestions-container--open {
    background-color: #fff
}

.search-field .react-autosuggest__suggestions-list,.search-field .react-autosuggest__suggestion {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.search-field .react-autosuggest__suggestion--highlighted {
    background-color: rgba(0,0,0,.05)
}

.search-field .react-autosuggest__suggestion-item {
    padding: 10px 20px
}

a.a-social-link {
    color: inherit;
    position: relative;
    border: 1px solid currentcolor;
    width: 64px;
    height: 64px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .5em
}

a.a-social-link:last-of-type {
    margin-right: 0
}

a.a-social-link:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: currentcolor;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    z-index: 1
}

a.a-social-link .a-social-link__text {
    display: none
}

a.a-social-link .a-social-link__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    margin: auto
}

a.a-social-link svg {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    fill: currentcolor;
    transition: fill .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

a.a-social-link:hover:after {
    opacity: 1
}

a.a-social-link:hover svg {
    fill: currentcolor;
    color: #fff
}

a.a-social-link:visited {
    color: inherit
}

a.a-social-link:focus {
    border: 2px solid currentcolor;
    outline: none
}

.social-share-widget {
    position: relative;
    z-index: 6950;
    width: 100%;
    border: 1px solid rgba(0,0,0,0);
    clear: both
}

@media(min-width: 1024px) {
    .social-share-widget {
        min-height:6.8125rem
    }
}

.social-share-widget__inner {
    margin: auto;
    max-width: 1362px
}

.social-share-widget__cell {
    position: relative;
    margin-right: 16px;
    margin-top: 20px;
    float: right
}

@media(min-width: 1024px) {
    .social-share-widget__cell {
        margin-right:12.5%
    }
}

@media(min-width: 1400px) {
    .social-share-widget__cell {
        margin-right:7.5%
    }
}

@media(min-width: 1520px) {
    .social-share-widget__cell {
        margin-right:5%
    }
}

@media(min-width: 1670px) {
    .social-share-widget__cell {
        margin-right:0
    }
}

.social-share-widget__button {
    background-color: #f2f2f2;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.social-share-widget__button svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-53%, -50%);
    width: 1.75rem;
    height: 1.75rem;
    transition: fill .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

@media(min-width: 1024px) {
    .social-share-widget__button {
        display:none
    }

    .social-share-widget__link {
        margin-left: 8px
    }

    .a-icon_facebook,.a-icon_twitter,.a-icon_linkedin,.a-icon_google-plus {
        border: 1px solid rgba(0,0,0,0)
    }

    .a-icon_facebook:hover,.a-icon_facebook:active,.a-icon_twitter:hover,.a-icon_twitter:active,.a-icon_linkedin:hover,.a-icon_linkedin:active,.a-icon_google-plus:hover,.a-icon_google-plus:active {
        border: 1px solid rgba(0,0,0,0) !important
    }

    .a-icon_facebook:hover svg,.a-icon_facebook:active svg,.a-icon_twitter:hover svg,.a-icon_twitter:active svg,.a-icon_linkedin:hover svg,.a-icon_linkedin:active svg,.a-icon_google-plus:hover svg,.a-icon_google-plus:active svg {
        fill: #fff !important
    }

    a.a-icon_facebook:after {
        background-color: #4469af
    }

    a.a-icon_twitter:after {
        background-color: #2aa2ef
    }

    a.a-icon_linkedin:after {
        background-color: #1178b3
    }

    a.a-icon_google-plus:after {
        background-color: #da4b3e
    }
}

@media(max-width: 1024px) {
    .social-share-widget.scrolled-past {
        top:220px;
        position: fixed
    }

    .social-share-widget .social-share-widget__link {
        position: absolute;
        top: 0;
        right: 0;
        transform: scale(0.8);
        transition: transform .2s cubic-bezier(0.78, -0.07, 0.28, 0.98);
        margin-right: 0;
        visibility: hidden;
        border: none;
        color: #fff
    }

    .social-share-widget .social-share-widget__link:after {
        content: none
    }

    .social-share-widget .social-share-widget__link:nth-child(1) {
        transition-delay: .05s
    }

    .social-share-widget .social-share-widget__link:nth-child(2) {
        transition-delay: .1s
    }

    .social-share-widget .social-share-widget__link:nth-child(3) {
        transition-delay: .15s
    }

    .social-share-widget .social-share-widget__link:nth-child(4) {
        transition-delay: .2s
    }

    .social-share-widget .social-share-widget__link:nth-child(5) {
        transition-delay: .2s
    }

    .social-share-widget .a-icon_28_social-facebook svg,.social-share-widget .a-icon_28_social-twitter svg,.social-share-widget .a-icon_28_social-linkedin svg,.social-share-widget .a-icon_28_social-youtube svg,.social-share-widget .a-icon_28_social-trustpilot svg,.social-share-widget .a-icon_28_social-google-plus svg {
        fill: #fff
    }

    .social-share-widget .a-icon_28_mail svg,.social-share-widget .a-icon_email svg {
        fill: #242424
    }

    .social-share-widget.social-share-widget--open .social-share-widget__cell .social-share-widget__link {
        visibility: visible
    }

    .social-share-widget .a-icon_28_social-facebook,.social-share-widget .a-icon_28_social-twitter,.social-share-widget .a-icon_28_social-linkedin,.social-share-widget .a-icon_28_social-youtube,.social-share-widget .a-icon_28_social-trustpilot,.social-share-widget .a-icon_28_social-google-plus {
        border: 1px solid rgba(0,0,0,0)
    }

    .social-share-widget .a-icon_28_social-facebook:hover,.social-share-widget .a-icon_28_social-twitter:hover,.social-share-widget .a-icon_28_social-linkedin:hover,.social-share-widget .a-icon_28_social-youtube:hover,.social-share-widget .a-icon_28_social-trustpilot:hover,.social-share-widget .a-icon_28_social-google-plus:hover {
        background-color: #fff
    }

    .social-share-widget .a-icon_28_social-facebook {
        background-color: #4469af
    }

    .social-share-widget .a-icon_28_social-facebook:hover,.social-share-widget .a-icon_28_social-facebook:focus {
        color: #4469af
    }

    .social-share-widget .a-icon_28_social-facebook:hover svg,.social-share-widget .a-icon_28_social-facebook:focus svg {
        fill: #4469af
    }

    .social-share-widget .a-icon_28_social-twitter {
        background-color: #2aa2ef
    }

    .social-share-widget .a-icon_28_social-twitter:hover,.social-share-widget .a-icon_28_social-twitter:focus {
        color: #2aa2ef
    }

    .social-share-widget .a-icon_28_social-twitter:hover svg,.social-share-widget .a-icon_28_social-twitter:focus svg {
        fill: #2aa2ef
    }

    .social-share-widget .a-icon_28_social-linkedin {
        background-color: #1178b3
    }

    .social-share-widget .a-icon_28_social-linkedin:hover,.social-share-widget .a-icon_28_social-linkedin:focus {
        color: #1178b3
    }

    .social-share-widget .a-icon_28_social-linkedin:hover svg,.social-share-widget .a-icon_28_social-linkedin:focus svg {
        fill: #1178b3
    }

    .social-share-widget .a-icon_28_social-google-plus {
        background-color: #da4b3e
    }

    .social-share-widget .a-icon_28_social-google-plus:hover,.social-share-widget .a-icon_28_social-google-plus:focus {
        color: #da4b3e
    }

    .social-share-widget .a-icon_28_social-google-plus:hover svg,.social-share-widget .a-icon_28_social-google-plus:focus svg {
        fill: #da4b3e
    }

    .social-share-widget .a-icon_28_social-youtube {
        background-color: #da4b3e
    }

    .social-share-widget .a-icon_28_social-youtube:hover,.social-share-widget .a-icon_28_social-youtube:focus {
        color: #da4b3e
    }

    .social-share-widget .a-icon_28_social-youtube:hover svg,.social-share-widget .a-icon_28_social-youtube:focus svg {
        fill: #da4b3e
    }

    .social-share-widget .a-icon_28_social-trustpilot {
        background-color: #f9a220
    }

    .social-share-widget .a-icon_28_social-trustpilot:hover,.social-share-widget .a-icon_28_social-trustpilot:focus {
        color: #f9a220
    }

    .social-share-widget .a-icon_28_social-trustpilot:hover svg,.social-share-widget .a-icon_28_social-trustpilot:focus svg {
        fill: #f9a220
    }

    .social-share-widget .a-icon_28_mail,.social-share-widget .a-icon_email {
        background-color: #f2f2f2;
        color: #242424
    }

    .social-share-widget .a-icon_28_mail:hover,.social-share-widget .a-icon_28_mail:focus,.social-share-widget .a-icon_email:hover,.social-share-widget .a-icon_email:focus {
        background-color: #242424;
        color: #f2f2f2
    }

    .social-share-widget .a-icon_28_mail:hover svg,.social-share-widget .a-icon_28_mail:focus svg,.social-share-widget .a-icon_email:hover svg,.social-share-widget .a-icon_email:focus svg {
        fill: #fff
    }

    .social-share-widget--open .social-share-widget__link:nth-child(1):nth-last-child(5) {
        transform: scale(1) translate(0, -100px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(2):nth-last-child(4) {
        transform: scale(1) translate(-75px, -75px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(3):nth-last-child(3) {
        transform: scale(1) translate(-100px, 0)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(4):nth-last-child(2) {
        transform: scale(1) translate(-75px, 75px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(5):nth-last-child(1) {
        transform: scale(1) translate(0, 100px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(1):nth-last-child(4) {
        transform: scale(1) translate(-50px, -100px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(2):nth-last-child(3) {
        transform: scale(1) translate(-100px, -40px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(3):nth-last-child(2) {
        transform: scale(1) translate(-100px, 40px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(4):nth-last-child(1) {
        transform: scale(1) translate(-50px, 100px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(1):nth-last-child(3) {
        transform: scale(1) translate(-75px, -75px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(2):nth-last-child(2) {
        transform: scale(1) translate(-100px, 0)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(3):nth-last-child(1) {
        transform: scale(1) translate(-75px, 75px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(1):nth-last-child(2) {
        transform: scale(1) translate(-100px, -40px)
    }

    .social-share-widget--open .social-share-widget__link:nth-child(2):nth-last-child(1) {
        transform: scale(1) translate(-100px, 40px)
    }

    .social-share-widget--count-1 .social-share-widget__button {
        display: none
    }

    .social-share-widget--count-1 .social-share-widget__link {
        transform: scale(1)
    }
}

@keyframes rotation-animation {
    0% {
        transform: rotate(0) scale(0.3);
        opacity: .5
    }

    50% {
        transform: rotate(180deg) scale(1);
        opacity: 1
    }

    100% {
        transform: rotate(360deg) scale(0.3);
        opacity: .5
    }
}

.load-spinner {
    position: relative;
    width: 6em;
    height: 6em;
    margin: 1em auto;
    will-change: transform;
    z-index: 1;
    border: 1px solid rgba(0,0,0,0)
}

.load-spinner__part1,.load-spinner__part2 {
    display: block;
    position: absolute;
    width: 50%;
    height: 50%;
    top: -20%;
    left: 25%;
    animation-duration: 2s;
    animation-name: rotation-animation;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: bottom center;
    transform: rotate(0) scale(0.3);
    opacity: 0;
    border: 1px solid rgba(0,0,0,0)
}

.load-spinner__part2 {
    animation-delay: 1s
}

.load-spinner__part1:after,.load-spinner__part2:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: teal;
    position: absolute;
    border-radius: 50%;
    bottom: 2em
}

.load-spinner--invert .load-spinner__part1:after,.load-spinner--invert .load-spinner__part2:after {
    background-color: #fff
}

.accordion-a {
    padding: 24px 0 0 0
}

@media(min-width: 640px) {
    .accordion-a {
        padding:32px 0 0 0
    }
}

.accordion-a .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .accordion-a .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .accordion-a .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .accordion-a .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .accordion-a .frame__cell {
        padding:0 8px
    }
}

.accordion-a .frame__cell-item {
    max-width: 1362px;
    margin: auto;
    max-width: 100%;
    margin-left: 0%;
    padding: 0 8px
}

@media(min-width: 640px) {
    .accordion-a .frame__cell-item {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .accordion-a .frame__cell-item {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .accordion-a .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .accordion-a .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .accordion-a .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .accordion-a .frame__cell-item {
        margin-left:12.5%
    }
}

.accordion-a .accordion-a__wrapper {
    background-color: #f2f2f2;
    padding: 0.625rem 16px 2.5rem
}

@media(min-width: 640px) {
    .accordion-a .accordion-a__wrapper {
        padding:0.625rem 2.5rem 4.5rem
    }
}

@media(min-width: 1100px) {
    .accordion-a .accordion-a__wrapper {
        padding-left:15%;
        padding-right: 15%
    }
}

.two-column-module .accordion-a .frame__cell,.two-column-module .accordion-a .frame__cell-item {
    padding-left: inherit;
    padding-right: inherit
}

.two-column-module .accordion-a .accordion-a__wrapper {
    width: 100%
}

@media(min-width: 1024px) {
    .two-column-module .accordion-a .accordion-a__wrapper {
        padding:0.625rem 16px 2.5rem
    }
}

@media(min-width: 1280px) {
    .two-column-module .accordion-a .accordion-a__wrapper {
        padding:0.625rem 2.5rem 4.5rem
    }
}

@media(min-width: 1520px) {
    .two-column-module .accordion-a .accordion-a__wrapper {
        padding-left:15%;
        padding-right: 15%
    }
}

.accordion-a__title {
    margin-left: 16px;
    margin-right: 16px
}

@media(min-width: 640px) {
    .accordion-a__title {
        margin-left:2.25rem;
        margin-right: 2.25rem
    }
}

.anchor-module {
    display: block;
    position: relative
}

@media(min-width: 640px) {
    .anchor-module {
        top:-120px
    }
}

@media(min-width: 1024px) {
    .anchor-module {
        top:-96px
    }
}

.ape-wrapper {
    width: 100%;
    background-color: #f2f2f2;
    background-size: cover
}

.ape-container {
    width: 1080px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: auto;
    padding: 60px 0 140px
}

@media(max-width: 1280px) {
    .ape-container {
        width:100%;
        padding: 60px 60px 140px
    }
}

@media(max-width: 1024px) {
    .ape-container {
        flex-direction:column
    }
}

@media(max-width: 640px) {
    .ape-container {
        padding:20px 20px 140px
    }
}

.ape-container--single-form {
    width: 680px;
    max-width: 90%
}

.ape-cell {
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    width: 100%
}

.ape-cell--main {
    flex-basis: 70%
}

@media(max-width: 1024px) {
    .ape-cell--main {
        margin-bottom:32px
    }
}

.ape-cell--side {
    flex-basis: 30%
}

.ape-cell:first-child {
    margin-right: 16px
}

.ape-grid-container {
    display: flex;
    flex-flow: row nowrap;
    background-color: #f2f2f2;
    justify-content: center
}

.ape-grid-container--70-30 .ape-grid-cell {
    flex-basis: 70%
}

.ape-grid-container--70-30 .ape-grid-cell:last-child {
    flex-basis: 30%
}

.article-top-a {
    position: relative;
    overflow: hidden;
    top: -1px;
    margin-bottom: -1px
}

.article-top-a:after {
    content: "";
    display: block;
    clear: both
}

.article-top-a__image {
    max-width: 120%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden
}

.article-top-a__image img,.article-top-a__image video,.article-top-a__image object,.article-top-a__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.article-top-a__image.focus-MiddleCenter img,.article-top-a__image.focus-MiddleCenter video,.article-top-a__image.focus-MiddleCenter object,.article-top-a__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.article-top-a__image.focus-TopCenter img,.article-top-a__image.focus-TopCenter video,.article-top-a__image.focus-TopCenter object,.article-top-a__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.article-top-a__image.focus-BottomCenter img,.article-top-a__image.focus-BottomCenter video,.article-top-a__image.focus-BottomCenter object,.article-top-a__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.article-top-a__image.focus-TopLeft img,.article-top-a__image.focus-TopLeft video,.article-top-a__image.focus-TopLeft object,.article-top-a__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.article-top-a__image.focus-MiddleLeft img,.article-top-a__image.focus-MiddleLeft video,.article-top-a__image.focus-MiddleLeft object,.article-top-a__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.article-top-a__image.focus-BottomLeft img,.article-top-a__image.focus-BottomLeft video,.article-top-a__image.focus-BottomLeft object,.article-top-a__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.article-top-a__image.focus-TopRight img,.article-top-a__image.focus-TopRight video,.article-top-a__image.focus-TopRight object,.article-top-a__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.article-top-a__image.focus-MiddleRight img,.article-top-a__image.focus-MiddleRight video,.article-top-a__image.focus-MiddleRight object,.article-top-a__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.article-top-a__image.focus-BottomRight img,.article-top-a__image.focus-BottomRight video,.article-top-a__image.focus-BottomRight object,.article-top-a__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.article-top-a__image.focus-stretch img,.article-top-a__image.focus-stretch video,.article-top-a__image.focus-stretch object,.article-top-a__image.focus-stretch picture {
    max-width: 100%
}

@media(min-width: 768px) {
    .article-top-a__image {
        width:auto;
        left: 16px;
        right: 16px
    }
}

@media(min-width: 1024px) {
    .article-top-a__image {
        width:auto;
        left: 80px;
        right: 80px;
        padding-bottom: 30%
    }
}

.article-top-a__primary {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px;
    position: relative;
    z-index: 5;
    margin-top: 45vw
}

@media(min-width: 640px) {
    .article-top-a__primary {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .article-top-a__primary {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .article-top-a__primary {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .article-top-a__primary {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .article-top-a__primary {
        margin-top:20.35%
    }
}

@media(min-width: 1100px) {
    .article-top-a__primary {
        margin-top:25.325%
    }
}

.article-top-a__primary .frame__cell-item {
    position: relative;
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%;
    background-color: #3f4346;
    color: #fff
}

@media(min-width: 640px) {
    .article-top-a__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .article-top-a__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .article-top-a__primary .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .article-top-a__primary .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .article-top-a__primary .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .article-top-a__primary .frame__cell-item {
        margin-left:12.5%
    }
}

.article-top-a__primary .frame__cell-item:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: inherit;
    z-index: -1;
    transform: translateX(-99%)
}

@media(min-width: 640px)and (max-width: 1024px) {
    .article-top-a__primary .frame__cell-item {
        width:calc(100% - 24px)
    }
}

@media(min-width: 1400px) {
    .article-top-a__primary .frame__cell-item {
        position:static
    }

    .article-top-a__primary .frame__cell-item:after {
        left: 50%;
        transform: translateX(-50%);
        width: 85%
    }
}

@media(min-width: 1520px) {
    .article-top-a__primary .frame__cell-item:after {
        width:90%
    }
}

@media(min-width: 1670px) {
    .article-top-a__primary .frame__cell-item:after {
        width:100%
    }
}

.article-top-a__primary .frame__cell-item__inner {
    position: relative;
    padding: 24px 48px 24px 24px;
    margin-left: -24px
}

@media(min-width: 768px)and (max-width: 1024px) {
    .article-top-a__primary .frame__cell-item__inner {
        margin-right:48px
    }
}

.article-top-a__primary time {
    margin: 1em 0
}

@media(min-width: 640px) {
    .article-top-a__primary time {
        position:absolute;
        top: 24px;
        right: 48px
    }
}

@media(min-width: 640px) {
    .article-top-a__primary .trumpet {
        min-height:1em
    }
}

.article-top-a__secondary {
    position: relative;
    z-index: 5;
    max-width: 1362px;
    margin: auto;
    padding: 0 16px;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media(min-width: 640px) {
    .article-top-a__secondary {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .article-top-a__secondary {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .article-top-a__secondary {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .article-top-a__secondary {
        padding:0 8px
    }
}

.article-top-a__secondary .frame__cell-item {
    padding: 0 8px;
    margin-left: 0%
}

@media(min-width: 640px) {
    .article-top-a__secondary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .article-top-a__secondary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .article-top-a__secondary .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .article-top-a__secondary .frame__cell-item {
        margin-left:12.5%
    }
}

.article-top-a__secondary strong {
    display: block
}

.article-top-b {
    position: relative;
    overflow: hidden
}

.article-top-b__primary {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px;
    position: relative;
    z-index: 5
}

@media(min-width: 640px) {
    .article-top-b__primary {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .article-top-b__primary {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .article-top-b__primary {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .article-top-b__primary {
        padding:0 8px
    }
}

@media(max-width: 640px) {
    .article-top-b__primary {
        padding-right:24px
    }
}

.article-top-b__primary h1,.article-top-b__primary h2 {
    margin-top: .4em
}

.article-top-b__primary .frame__cell-item {
    position: relative;
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%;
    background-color: #f2f2f2
}

@media(min-width: 640px) {
    .article-top-b__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .article-top-b__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .article-top-b__primary .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .article-top-b__primary .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .article-top-b__primary .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .article-top-b__primary .frame__cell-item {
        margin-left:12.5%
    }
}

.article-top-b__primary .frame__cell-item:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: inherit;
    z-index: -1;
    transform: translateX(-99%)
}

@media(min-width: 1400px) {
    .article-top-b__primary .frame__cell-item {
        position:static
    }

    .article-top-b__primary .frame__cell-item:after {
        transform: none
    }
}

.article-top-b__primary .frame__cell-item__inner {
    position: relative;
    padding: 24px 48px 24px 24px;
    margin-left: -24px
}

@media(min-width: 768px)and (max-width: 1024px) {
    .article-top-b__primary .frame__cell-item__inner {
        margin-right:48px
    }
}

.article-top-b__primary time {
    margin: 1em 0
}

@media(min-width: 640px) {
    .article-top-b__primary time {
        position:absolute;
        top: 24px;
        right: 48px
    }
}

@media(min-width: 640px) {
    .article-top-b__primary .trumpet {
        min-height:1em
    }
}

.article-top-b__secondary {
    position: relative;
    z-index: 5;
    max-width: 1362px;
    margin: auto;
    padding: 0 16px;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media(min-width: 640px) {
    .article-top-b__secondary {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .article-top-b__secondary {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .article-top-b__secondary {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .article-top-b__secondary {
        padding:0 8px
    }
}

.article-top-b__secondary .frame__cell-item {
    padding: 0 8px;
    margin-left: 0%
}

@media(min-width: 640px) {
    .article-top-b__secondary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .article-top-b__secondary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .article-top-b__secondary .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .article-top-b__secondary .frame__cell-item {
        margin-left:12.5%
    }
}

.article-top-b__secondary strong {
    display: block
}

.benefit-list-a .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .benefit-list-a .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .benefit-list-a .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .benefit-list-a .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .benefit-list-a .frame__cell {
        padding:0 8px
    }
}

.benefit-list-a .benefit-list-a__wrapper {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: stretch
}

.benefit-list-a .benefit-list-a__item {
    flex-basis: 100%;
    margin-bottom: 3rem;
    position: relative;
    text-align: center
}

.benefit-list-a .benefit-list-a__item img {
    display: block;
    max-width: 18.75rem;
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media(min-width: 640px) {
    .benefit-list-a .benefit-list-a__item {
        flex-basis:50%
    }
}

@media(min-width: 1024px) {
    .benefit-list-a .benefit-list-a__item {
        flex-basis:33.33%
    }
}

.benefit-list-a .benefit-list-a__item:nth-child(3n+1):last-child {
    margin: 0 auto 3rem
}

.benefit-list-a .benefit-list-a__item:before {
    background-color: #f2f2f2;
    bottom: 0;
    content: "";
    left: 8px;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: -1
}

.benefit-list-a .benefit-list-a__image {
    padding: 1.875rem 2.5rem 1rem;
    position: relative
}

.benefit-list-a .benefit-list-a__text {
    margin: 0 auto;
    max-width: 23.75rem;
    padding: 0rem 2.5rem 3.125rem;
    position: relative
}

.benefit-list-a .benefit-list-a__text h3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 18.75rem;
    text-align: left
}

.benefit-list-a .benefit-list-a__text p {
    text-align: left
}

.benefit-list-a .a-arrow-link__container {
    padding: 16px 0
}

.benefit-list-a .a-arrow-link__container .a-arrow-link {
    float: left;
    padding-left: 1.875rem
}

.benefit-list-a .benefit-list-a__cta {
    bottom: 0;
    left: 8px;
    position: absolute;
    right: 8px;
    text-align: center;
    transform: translateY(50%)
}

.benefit-list-a .benefit-list-a__cta .btn {
    margin: 0
}

.benefit-list-a .benefit-list-a__list {
    margin: 0 auto;
    max-width: 18.75rem;
    padding: 0;
    text-align: left
}

.benefit-list-a .benefit-list-a__list li:first-of-type {
    margin-top: 0
}

.benefit-list-a .benefit-list-a__list-item {
    list-style-type: none;
    padding-left: 1.875rem;
    position: relative;
    margin: 1.2em 0
}

.benefit-list-a .benefit-list-a__list-icon {
    left: .1em;
    position: absolute;
    top: .1em
}

.benefit-list-a .benefit-list-a__list-icon svg {
    width: 1rem;
    height: 1rem
}

.benefit-list-b {
    background-color: #f2f2f2
}

.benefit-list-b .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .benefit-list-b .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .benefit-list-b .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .benefit-list-b .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .benefit-list-b .frame__cell {
        padding:0 8px
    }
}

.benefit-list-b .frame__cell-item {
    max-width: 1362px;
    margin: auto;
    max-width: 100%;
    padding: 0 8px
}

@media(min-width: 640px) {
    .benefit-list-b .frame__cell-item {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .benefit-list-b .frame__cell-item {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .benefit-list-b .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .benefit-list-b .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 768px) {
    .benefit-list-b .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 768px) {
    .benefit-list-b.benefit-list-b--invert .benefit-list-b__item {
        order:1
    }

    .benefit-list-b.benefit-list-b--invert .benefit-list-b__item:last-child {
        order: 2
    }

    .benefit-list-b.benefit-list-b--invert .benefit-list-b__image {
        padding: 0 24px 0 0
    }

    .benefit-list-b.benefit-list-b--invert .benefit-list-b__text {
        padding: 24px 0 3.5rem 24px
    }
}

@media(min-width: 768px) {
    .benefit-list-b__wrapper {
        display:flex;
        justify-content: center;
        flex-flow: row nowrap;
        align-items: center
    }
}

@media(min-width: 1024px) {
    .benefit-list-b__wrapper {
        padding:0 2rem
    }
}

@media(min-width: 1400px) {
    .benefit-list-b__wrapper {
        padding:0 3.5rem
    }
}

@media(min-width: 768px) {
    .benefit-list-b__item {
        flex-basis:50%;
        order: 2;
        min-width: 50%
    }

    .benefit-list-b__item:last-child {
        order: 1
    }
}

.benefit-list-b__image {
    padding: 24px 0 0;
    position: relative
}

.benefit-list-b__image img,.benefit-list-b__image picture {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    min-width: 100%
}

@media(min-width: 768px) {
    .benefit-list-b__image {
        padding:0 0 0 24px
    }
}

.benefit-list-b__text {
    margin: 0;
    padding: 12px 0 1.5rem
}

@media(min-width: 768px) {
    .benefit-list-b__text {
        padding:24px 24px 3.5rem 0
    }
}

.benefit-list-b__text h3,.benefit-list-b__text p {
    max-width: 510.75px
}

.benefit-list-b__list {
    margin-left: 0;
    max-width: 510.75px;
    padding: 0
}

.benefit-list-b__list li:first-of-type {
    margin-top: 0
}

.benefit-list-b__list-item {
    list-style-type: none;
    padding-left: 1.875rem;
    position: relative;
    margin: 1.2em 0
}

.benefit-list-b__list-icon {
    left: .1em;
    position: absolute;
    top: .1em
}

.benefit-list-b__list-icon svg {
    width: 1rem;
    height: 1rem
}

.benefit-list-b__cta {
    margin-top: 1em
}

.benefit-list-b__cta .a-arrow-link__container {
    padding: 16px 0
}

.benefit-list-b__cta .a-arrow-link__container .a-arrow-link {
    float: left;
    padding-left: 1.875rem
}

.benefit-list-c .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .benefit-list-c .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .benefit-list-c .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .benefit-list-c .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .benefit-list-c .frame__cell {
        padding:0 8px
    }
}

@media screen and (min-width: 640px) {
    .benefit-list-c .frame__cell-item {
        max-width:1000px;
        margin: 0 auto
    }
}

.benefit-list-c__title {
    padding: 0 8px
}

.benefit-list-c__title * {
    text-align: left
}

.benefit-list-c__wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start
}

.benefit-list-c__wrapper>.benefit-list-c__item,.benefit-list-c__wrapper>div {
    flex-basis: calc(50% - (16px / 2));
    margin: 4px;
    text-align: center;
    position: relative;
    display: block
}

@media screen and (min-width: 360px) {
    .benefit-list-c__wrapper>.benefit-list-c__item,.benefit-list-c__wrapper>div {
        margin:8px;
        flex-basis: calc(100% / 2 - 16px)
    }
}

@media screen and (min-width: 640px) {
    .benefit-list-c__wrapper>.benefit-list-c__item,.benefit-list-c__wrapper>div {
        flex-basis:calc(100% / 3 - 16px);
        max-width: calc(100% / 3 - 16px)
    }
}

@media screen and (min-width: 768px) {
    .benefit-list-c__wrapper>.benefit-list-c__item,.benefit-list-c__wrapper>div {
        flex-basis:calc(100% / 4 - 16px);
        max-width: calc(100% / 4 - 16px)
    }
}

.benefit-list-c__item img {
    height: auto;
    width: 100%;
    max-width: 120%
}

.benefit-list-c__item img img,.benefit-list-c__item img video,.benefit-list-c__item img object,.benefit-list-c__item img picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.benefit-list-c__item img.focus-MiddleCenter img,.benefit-list-c__item img.focus-MiddleCenter video,.benefit-list-c__item img.focus-MiddleCenter object,.benefit-list-c__item img.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.benefit-list-c__item img.focus-TopCenter img,.benefit-list-c__item img.focus-TopCenter video,.benefit-list-c__item img.focus-TopCenter object,.benefit-list-c__item img.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.benefit-list-c__item img.focus-BottomCenter img,.benefit-list-c__item img.focus-BottomCenter video,.benefit-list-c__item img.focus-BottomCenter object,.benefit-list-c__item img.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.benefit-list-c__item img.focus-TopLeft img,.benefit-list-c__item img.focus-TopLeft video,.benefit-list-c__item img.focus-TopLeft object,.benefit-list-c__item img.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.benefit-list-c__item img.focus-MiddleLeft img,.benefit-list-c__item img.focus-MiddleLeft video,.benefit-list-c__item img.focus-MiddleLeft object,.benefit-list-c__item img.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.benefit-list-c__item img.focus-BottomLeft img,.benefit-list-c__item img.focus-BottomLeft video,.benefit-list-c__item img.focus-BottomLeft object,.benefit-list-c__item img.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.benefit-list-c__item img.focus-TopRight img,.benefit-list-c__item img.focus-TopRight video,.benefit-list-c__item img.focus-TopRight object,.benefit-list-c__item img.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.benefit-list-c__item img.focus-MiddleRight img,.benefit-list-c__item img.focus-MiddleRight video,.benefit-list-c__item img.focus-MiddleRight object,.benefit-list-c__item img.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.benefit-list-c__item img.focus-BottomRight img,.benefit-list-c__item img.focus-BottomRight video,.benefit-list-c__item img.focus-BottomRight object,.benefit-list-c__item img.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.benefit-list-c__item img.focus-stretch img,.benefit-list-c__item img.focus-stretch video,.benefit-list-c__item img.focus-stretch object,.benefit-list-c__item img.focus-stretch picture {
    max-width: 100%
}

.benefit-list-c__item>a,.benefit-list-c__item>a:hover {
    color: inherit;
    position: relative;
    display: block;
    height: 100%;
    text-decoration: none
}

.benefit-list-c__item-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.benefit-list-c__cta--hasLink {
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.benefit-list-c__cta--hasLink .a-arrow-link {
    color: inherit
}

.benefit-list-c__cta--hasButton .btn {
    padding: 12px
}

.benefit-list-c__text {
    margin: 0 auto;
    padding: 12px 12px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    position: relative
}

@media screen and (min-width: 1024px) {
    .benefit-list-c__text {
        padding:16px 40px 24px
    }
}

.benefit-list-c__text h3 {
    margin: 8px -24px 8px
}

@media screen and (max-width: 1023px) {
    .benefit-list-c__text h3 {
        font-size:1.25rem
    }
}

.button-module .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .button-module .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .button-module .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .button-module .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .button-module .frame__cell {
        padding:0 8px
    }
}

.button-module .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .button-module .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .button-module .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .button-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .button-module .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .button-module .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .button-module .frame__cell-item {
        margin-left:12.5%
    }
}

@media(max-width: 640px) {
    .button-module .btn {
        margin-right:0
    }
}

.button-module .btn:last-of-type {
    margin-right: 0
}

.no-consent-module {
    margin-top: 24px
}

.no-consent-module .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0rem 1.5rem
}

@media(min-width: 640px) {
    .no-consent-module .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .no-consent-module .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .no-consent-module .frame__cell {
        padding:0rem 2rem
    }
}

@media(min-width: 1024px) {
    .no-consent-module .frame__cell {
        padding:0rem 1.125rem
    }
}

.no-consent-module .frame__cell-item {
    padding: 3rem 2.5rem 3rem;
    background: #f2f2f2;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .no-consent-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .no-consent-module .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .no-consent-module .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .no-consent-module .frame__cell-item {
        margin-left:12.5%
    }
}

.contact-icon-link {
    width: auto;
    color: inherit;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: .9rem;
    text-align: center
}

.contact-icon-link:visited {
    color: inherit
}

@media(max-width: 640px) {
    .contact-icon-link {
        width:25%;
        min-width: 62px
    }
}

.contact-icon-link svg {
    max-width: 76px;
    width: auto;
    height: 42px;
    fill: currentcolor;
    transform: scale(0.8)
}

@media(min-width: 640px) {
    .contact-icon-link svg {
        height:76px
    }
}

.contact-icon-link span {
    width: 100%;
    display: block;
    line-height: 1em
}

.contact-module-a {
    text-align: center;
    background-color: #fff1b5;
    color: #000;
    padding: 24px;
    margin: 32px auto 0
}

@media(min-width: 640px) {
    .contact-module-a {
        padding:24px 24px 40px
    }
}

@media(min-width: 1024px) {
    .contact-module-a {
        padding:40px 0
    }
}

@media(min-width: 1100px) {
    .contact-module-a {
        margin:64px auto 0
    }
}

.contact-module-a .contact-module__content {
    margin: 0 auto;
    max-width: 510.75px
}

.contact-module-a .contact-module__text {
    font-size: 1.0rem;
    line-height: 1.6
}

@media(min-width: 768px) {
    .contact-module-a .contact-module__text {
        font-size:1.0rem
    }
}

.contact-module-a .contact-module__phone {
    margin-bottom: 3.5em
}

.contact-module-a .a-arrow-link__container {
    padding: 16px 0;
    display: flex;
    justify-content: center
}

.contact-module-a .a-arrow-link__container .a-arrow-link {
    float: left
}

.contact-module-b {
    background-color: #fff1b5;
    color: #000;
    padding: 24px;
    margin: 32px auto 0;
    position: relative;
    padding-top: 0;
    margin-top: 80px
}

@media(min-width: 640px) {
    .contact-module-b {
        padding:24px 24px 40px
    }
}

@media(min-width: 1024px) {
    .contact-module-b {
        padding:40px 0
    }
}

@media(min-width: 1100px) {
    .contact-module-b {
        margin:64px auto 0
    }
}

.contact-module-b:after {
    content: "";
    display: block;
    clear: both
}

.contact-module-b .frame__cell-item {
    max-width: 1362px;
    margin: auto;
    position: relative
}

.contact-module-b .frame__cell {
    max-width: 1362px;
    margin: auto
}

@media(min-width: 640px) {
    .contact-module-b .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .contact-module-b .frame__cell {
        max-width:1362px
    }
}

.contact-module-b .frame__cell-item {
    max-width: 100%;
    margin-left: 0%;
    position: relative
}

@media(min-width: 640px) {
    .contact-module-b .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .contact-module-b .frame__cell-item {
        max-width:87.5%
    }
}

@media(min-width: 640px) {
    .contact-module-b .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .contact-module-b .frame__cell-item {
        margin-left:12.5%
    }
}

@media(min-width: 1024px) {
    .contact-module-b .contact-module__wrapper {
        padding:8px
    }
}

@media(min-width: 640px) {
    .contact-module-b .contact-module__content {
        padding:16px 24px 16px 8px
    }
}

@media(min-width: 768px) {
    .contact-module-b .contact-module__content {
        padding:16px 0 0 0
    }
}

@media(min-width: 640px) {
    .contact-module-b .contact-module__text,.contact-module-b .contact-module__title {
        max-width:50%
    }
}

@media(min-width: 1024px) {
    .contact-module-b .contact-module__text,.contact-module-b .contact-module__title {
        max-width:37.5%
    }
}

.contact-module-b .contact-module__image {
    max-width: 120%;
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
    height: 0;
    width: 90%;
    max-width: 400px;
    margin: 0 auto -62.4px;
    top: -62.4px
}

.contact-module-b .contact-module__image img,.contact-module-b .contact-module__image video,.contact-module-b .contact-module__image object,.contact-module-b .contact-module__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.contact-module-b .contact-module__image.focus-MiddleCenter img,.contact-module-b .contact-module__image.focus-MiddleCenter video,.contact-module-b .contact-module__image.focus-MiddleCenter object,.contact-module-b .contact-module__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.contact-module-b .contact-module__image.focus-TopCenter img,.contact-module-b .contact-module__image.focus-TopCenter video,.contact-module-b .contact-module__image.focus-TopCenter object,.contact-module-b .contact-module__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.contact-module-b .contact-module__image.focus-BottomCenter img,.contact-module-b .contact-module__image.focus-BottomCenter video,.contact-module-b .contact-module__image.focus-BottomCenter object,.contact-module-b .contact-module__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.contact-module-b .contact-module__image.focus-TopLeft img,.contact-module-b .contact-module__image.focus-TopLeft video,.contact-module-b .contact-module__image.focus-TopLeft object,.contact-module-b .contact-module__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.contact-module-b .contact-module__image.focus-MiddleLeft img,.contact-module-b .contact-module__image.focus-MiddleLeft video,.contact-module-b .contact-module__image.focus-MiddleLeft object,.contact-module-b .contact-module__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.contact-module-b .contact-module__image.focus-BottomLeft img,.contact-module-b .contact-module__image.focus-BottomLeft video,.contact-module-b .contact-module__image.focus-BottomLeft object,.contact-module-b .contact-module__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.contact-module-b .contact-module__image.focus-TopRight img,.contact-module-b .contact-module__image.focus-TopRight video,.contact-module-b .contact-module__image.focus-TopRight object,.contact-module-b .contact-module__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.contact-module-b .contact-module__image.focus-MiddleRight img,.contact-module-b .contact-module__image.focus-MiddleRight video,.contact-module-b .contact-module__image.focus-MiddleRight object,.contact-module-b .contact-module__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.contact-module-b .contact-module__image.focus-BottomRight img,.contact-module-b .contact-module__image.focus-BottomRight video,.contact-module-b .contact-module__image.focus-BottomRight object,.contact-module-b .contact-module__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.contact-module-b .contact-module__image.focus-stretch img,.contact-module-b .contact-module__image.focus-stretch video,.contact-module-b .contact-module__image.focus-stretch object,.contact-module-b .contact-module__image.focus-stretch picture {
    max-width: 100%
}

.contact-module-b .contact-module__image img,.contact-module-b .contact-module__image picture {
    max-width: 500px
}

@media(min-width: 640px) {
    .contact-module-b .contact-module__image {
        max-width:42%;
        height: 355px;
        padding-bottom: 0;
        right: 36px;
        float: right;
        width: 50%
    }
}

@media(min-width: 1024px) {
    .contact-module-b .contact-module__image {
        height:400px;
        max-width: 500px;
        right: 7%
    }
}

@media(min-width: 1100px) {
    .contact-module-b .contact-module__image {
        height:400px;
        max-width: 420px;
        right: 5%
    }
}

@media(min-width: 1400px) {
    .contact-module-b .contact-module__image {
        right:16px;
        height: 480px;
        max-height: 650px;
        max-width: 600px;
        width: 50%
    }
}

@media(min-width: 768px) {
    .contact-module-b .contact-module__phone a {
        font-size:4.5rem;
        line-height: normal
    }
}

.contact-module-b .a-arrow-link__container {
    padding: 16px 0
}

.contact-module-b .a-arrow-link__container .a-arrow-link {
    float: left;
    margin-left: 0
}

.contact-module-c {
    background-color: #fff1b5;
    color: #000;
    padding: 24px;
    margin: 32px auto 0;
    text-align: center
}

@media(min-width: 640px) {
    .contact-module-c {
        padding:24px 24px 40px
    }
}

@media(min-width: 1024px) {
    .contact-module-c {
        padding:40px 0
    }
}

@media(min-width: 1100px) {
    .contact-module-c {
        margin:64px auto 0
    }
}

.contact-module-c .contact-module__text {
    margin: 1em auto;
    max-width: 510.75px
}

@media(min-width: 768px) {
    .contact-module-c .contact-module__text {
        font-size:1.625rem;
        line-height: normal
    }
}

.contact-module-c .contact-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto
}

.contact-module-d {
    background-color: #fff1b5;
    color: #000;
    padding: 24px;
    margin: 32px auto 0;
    padding: 0 0 16px 0;
    position: relative;
    text-align: center;
    margin-top: 80px
}

@media(min-width: 640px) {
    .contact-module-d {
        padding:24px 24px 40px
    }
}

@media(min-width: 1024px) {
    .contact-module-d {
        padding:40px 0
    }
}

@media(min-width: 1100px) {
    .contact-module-d {
        margin:64px auto 0
    }
}

@media(min-width: 640px) {
    .contact-module-d {
        margin-top:80px
    }
}

@media(min-width: 1100px) {
    .contact-module-d {
        font-size:1.625rem;
        padding: 0 0 40px 0
    }
}

@media(min-width: 1400px) {
    .contact-module-d {
        margin-bottom:4.375rem;
        margin-top: 4.375rem;
        text-align: left
    }
}

@media(min-width: 1520px) {
    .contact-module-d {
        margin-bottom:6.875rem;
        margin-top: 6.875rem
    }
}

@media(min-width: 1670px) {
    .contact-module-d {
        margin-bottom:8.75rem;
        margin-top: 8.75rem
    }
}

.contact-module-d .frame__cell-item {
    max-width: 1362px;
    margin: auto;
    position: relative
}

.contact-module-d .contact-module__image {
    max-width: 120%;
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
    height: 0;
    width: 90%;
    max-width: 400px;
    margin: 0 auto -62.4px;
    top: -62.4px
}

.contact-module-d .contact-module__image img,.contact-module-d .contact-module__image video,.contact-module-d .contact-module__image object,.contact-module-d .contact-module__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.contact-module-d .contact-module__image.focus-MiddleCenter img,.contact-module-d .contact-module__image.focus-MiddleCenter video,.contact-module-d .contact-module__image.focus-MiddleCenter object,.contact-module-d .contact-module__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.contact-module-d .contact-module__image.focus-TopCenter img,.contact-module-d .contact-module__image.focus-TopCenter video,.contact-module-d .contact-module__image.focus-TopCenter object,.contact-module-d .contact-module__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.contact-module-d .contact-module__image.focus-BottomCenter img,.contact-module-d .contact-module__image.focus-BottomCenter video,.contact-module-d .contact-module__image.focus-BottomCenter object,.contact-module-d .contact-module__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.contact-module-d .contact-module__image.focus-TopLeft img,.contact-module-d .contact-module__image.focus-TopLeft video,.contact-module-d .contact-module__image.focus-TopLeft object,.contact-module-d .contact-module__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.contact-module-d .contact-module__image.focus-MiddleLeft img,.contact-module-d .contact-module__image.focus-MiddleLeft video,.contact-module-d .contact-module__image.focus-MiddleLeft object,.contact-module-d .contact-module__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.contact-module-d .contact-module__image.focus-BottomLeft img,.contact-module-d .contact-module__image.focus-BottomLeft video,.contact-module-d .contact-module__image.focus-BottomLeft object,.contact-module-d .contact-module__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.contact-module-d .contact-module__image.focus-TopRight img,.contact-module-d .contact-module__image.focus-TopRight video,.contact-module-d .contact-module__image.focus-TopRight object,.contact-module-d .contact-module__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.contact-module-d .contact-module__image.focus-MiddleRight img,.contact-module-d .contact-module__image.focus-MiddleRight video,.contact-module-d .contact-module__image.focus-MiddleRight object,.contact-module-d .contact-module__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.contact-module-d .contact-module__image.focus-BottomRight img,.contact-module-d .contact-module__image.focus-BottomRight video,.contact-module-d .contact-module__image.focus-BottomRight object,.contact-module-d .contact-module__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.contact-module-d .contact-module__image.focus-stretch img,.contact-module-d .contact-module__image.focus-stretch video,.contact-module-d .contact-module__image.focus-stretch object,.contact-module-d .contact-module__image.focus-stretch picture {
    max-width: 100%
}

.contact-module-d .contact-module__image img,.contact-module-d .contact-module__image picture {
    max-width: 500px
}

@media(min-width: 640px) {
    .contact-module-d .contact-module__image {
        max-width:42%;
        height: 355px;
        padding-bottom: 0;
        right: 36px;
        float: right;
        width: 50%
    }
}

@media(min-width: 1024px) {
    .contact-module-d .contact-module__image {
        height:400px;
        max-width: 500px;
        right: 7%
    }
}

@media(min-width: 1100px) {
    .contact-module-d .contact-module__image {
        height:400px;
        max-width: 420px;
        right: 5%
    }
}

@media(min-width: 1400px) {
    .contact-module-d .contact-module__image {
        right:16px;
        height: 480px;
        max-height: 650px;
        max-width: 600px;
        width: 50%
    }
}

.contact-module-d .contact-module__content {
    padding: 24px
}

@media(min-width: 1100px) {
    .contact-module-d .contact-module__content {
        line-height:normal;
        margin: 0 auto;
        max-width: 1362px
    }
}

@media(min-width: 1400px) {
    .contact-module-d .contact-module__content {
        padding:24px 16px
    }
}

@media(min-width: 640px) {
    .contact-module-d .contact-module__title {
        margin-left:0;
        padding-right: 24px;
        text-align: left;
        width: 50%
    }
}

.contact-module-d .contact-module__text {
    max-width: none
}

@media(min-width: 640px) {
    .contact-module-d .contact-module__text {
        padding-right:24px;
        text-align: left;
        width: 45%
    }
}

@media(min-width: 1100px) {
    .contact-module-d .contact-module__text {
        width:50%
    }
}

.contact-module-d .contact-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px;
    clear: both
}

@media(min-width: 1100px) {
    .contact-module-d .contact-row {
        clear:none;
        max-width: 681px;
        margin: 0;
        justify-content: flex-start
    }
}

@media(max-width: 768px) {
    .contact-module__title {
        font-size:1.875rem;
        line-height: 2.5rem
    }
}

.contact-module__phone a {
    color: currentColor;
    cursor: default;
    display: inline-block;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    text-decoration: none;
    font-size: 2.5rem;
    line-height: 3.125rem
}

.contact-module__phone a:visited {
    color: currentColor
}

@media(max-width: 360px) {
    .contact-module__phone a {
        word-break:break-word;
        line-height: 2.625rem
    }
}

@media(min-width: 768px) {
    .contact-module__phone a {
        font-size:3.125rem;
        line-height: 3.75rem
    }
}

@media(min-width: 1024px) {
    .contact-module__phone a {
        font-size:4.5rem;
        line-height: 5rem
    }
}

.contact-module__cta .btn {
    margin: 0
}

.contact-icon-link {
    flex-basis: 5.875rem;
    font-size: 0.875rem;
    min-width: 5.875rem;
    min-height: 5.875rem;
    padding: 0.625rem
}

@media(min-width: 640px) {
    .contact-icon-link {
        min-height:8rem;
        padding-top: 1.25rem
    }
}

@media(min-width: 768px) {
    .contact-icon-link {
        flex-basis:8rem;
        min-width: 8rem
    }
}

.contact-icon-link:hover {
    background: rgba(255,255,255,.3);
    color: currentColor
}

.contact-overlay__content .frame__cell {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.contact-overlay__content .frame__cell:last-of-type {
    border: none
}

.contact-overlay__content .frame__cell-item {
    max-width: 100%;
    padding: 0 16px
}

@media(min-width: 640px) {
    .contact-overlay__content .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .contact-overlay__content .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 1100px) {
    .contact-overlay__content .frame__cell-item {
        max-width:93.75%;
        margin-left: 3.125%
    }
}

@media(min-width: 1520px) {
    .contact-overlay__content .frame__cell-item {
        max-width:75%;
        margin-left: 12.5%
    }
}

.neos-modal .contact-overlay__content .frame__cell-item {
    margin-left: 0;
    max-width: none
}

@media(min-width: 1024px) {
    .contact-overlay__content .frame__cell-item {
        padding:0 8px
    }
}

.contact-overlay__content .contact-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 16px;
    padding-bottom: 16px
}

.contact-widget {
    margin: 0 0 32px;
    padding: 0 16px;
    width: 100%
}

@media(min-width: 640px) {
    .contact-widget {
        width:50%
    }
}

@media(min-width: 1400px) {
    .contact-widget {
        width:25%
    }
}

.contact-widget-title {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .contact-widget-title {
        font-size:1.375rem;
        line-height: 1.75rem
    }
}

@media(min-width: 1024px) {
    .contact-widget-title {
        margin-bottom:16px
    }
}

.contact-widget-phonelink {
    color: inherit;
    font-size: 2.5rem;
    line-height: 3.125rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    text-decoration: none
}

.contact-widget-phonelink:visited {
    color: inherit
}

@media(max-width: 360px) {
    .contact-widget-phonelink {
        word-break:break-word;
        line-height: 2.625rem
    }
}

@media(min-width: 768px) {
    .contact-widget-phonelink {
        font-size:3.125rem;
        line-height: 3.75rem
    }
}

@media(min-width: 1024px) {
    .contact-widget-phonelink {
        font-size:4.5rem;
        line-height: 5rem
    }
}

@media(min-width: 1024px) {
    .contact-widget-phonelink {
        font-size:2.5rem;
        line-height: 3.125rem
    }
}

.contact-widget-linklist__link {
    color: inherit;
    display: block;
    margin: 16px 0;
    text-decoration: none
}

.contact-widget-linklist__link svg {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    max-width: 20px;
    height: .7em;
    fill: currentcolor;
    transition: transform .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.contact-widget-linklist__link:hover svg {
    transform: translateX(25%)
}

.contact-widget-linklist__link:visited {
    color: inherit
}

.contact-widget-linklist__link span {
    margin-left: .5em
}

.cookie-warning {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12000;
    width: 100%;
    max-width: 1000px;
    margin: auto
}

.cookie-warning--leaving {
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.cookie-warning__inner {
    display: flex;
    flex-direction: row;
    background-color: #f2f2f2
}

.cookie-warning__text {
    padding: 1em 2em;
    flex-grow: 1
}

.cookie-warning__button {
    cursor: pointer;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.875rem;
    padding: 1rem 3rem;
    background-color: #fedd46;
    color: #000;
    border-radius: 0;
    border: none
}

.cookie-warning__button:hover {
    background-color: #feda37
}

.download-module-a {
    text-align: center
}

.download-module-a .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .download-module-a .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .download-module-a .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .download-module-a .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .download-module-a .frame__cell {
        padding:0 8px
    }
}

.download-module-a .frame__cell-item {
    margin-left: 0%;
    padding: 0 8px
}

@media(min-width: 640px) {
    .download-module-a .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .download-module-a .frame__cell-item {
        margin-left:12.5%
    }
}

.download-module-a .download-module__content {
    margin: 0 auto;
    max-width: 18.75rem
}

@media(min-width: 640px) {
    .download-module-a .download-module__content {
        margin:0
    }
}

.download-module-a .download-module__icon {
    background-color: #f2f2f2;
    padding: 1rem 0 0.625rem
}

.download-module-a svg {
    display: inline-block;
    fill: currentcolor;
    height: 4.75rem;
    width: 4.75rem;
    margin: 0 auto
}

.download-module-a .btn {
    margin: 0
}

.two-column-module .download-module-a .frame__cell,.two-column-module .download-module-a .frame__cell-item {
    padding-left: inherit;
    padding-right: inherit
}

.download-module-b .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .download-module-b .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .download-module-b .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .download-module-b .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .download-module-b .frame__cell {
        padding:0 8px
    }
}

.download-module-b .frame__cell-item {
    margin-left: 0%;
    padding: 0 8px
}

@media(min-width: 640px) {
    .download-module-b .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .download-module-b .frame__cell-item {
        margin-left:12.5%
    }
}

.download-module-b .download-module__list {
    margin-left: 0;
    padding: 0
}

.download-module-b .download-module__list-item {
    display: flex;
    list-style: none;
    margin: 1rem 0 0;
    padding: 0
}

.download-module-b .download-module__list-item:first-of-type {
    margin-top: 1.5em
}

.download-module-b .download-module__link {
    align-items: center;
    color: #242424;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1.125rem;
    font-weight: bold;
    position: relative;
    text-decoration: none
}

.download-module-b .download-module__link:hover svg:first-child {
    transform: translate(-50%, -73%)
}

.download-module-b .download-module__link:active svg:first-child {
    transform: translate(-50%, -42%)
}

.download-module-b .download-module__link:hover,.download-module-b .download-module__link:focus {
    outline: none
}

.download-module-b .download-module__link:hover .download-module__link-icon:before,.download-module-b .download-module__link:focus .download-module__link-icon:before {
    background-color: #65696b
}

.download-module-b .download-module__link-icon {
    margin-right: 1rem;
    position: relative;
    width: 60px;
    flex-shrink: 0
}

.download-module-b .download-module__link-icon:before {
    background-color: #242424;
    border-radius: 50%;
    content: "";
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    transition: background-color .3s ease
}

.download-module-b .download-module__link-icon svg {
    fill: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -55%);
    z-index: 5;
    width: 1.75rem;
    height: 1.75rem;
    transition: transform .3s ease
}

.two-column-module .download-module-b .download-module__list-item:first-of-type {
    margin-top: 0
}

.two-column-module .download-module-b .frame__cell,.two-column-module .download-module-b .frame__cell-item {
    padding-left: inherit;
    padding-right: inherit
}

@media(max-width: 1400px) {
    .footer-widget-area {
        max-width:1362px;
        margin: auto
    }
}

@media(max-width: 1400px)and (min-width: 640px) {
    .footer-widget-area {
        max-width:853.3333333333px
    }
}

@media(max-width: 1400px)and (min-width: 1024px) {
    .footer-widget-area {
        max-width:1362px
    }
}

@media(min-width: 640px)and (max-width: 1400px) {
    .footer-widget-area {
        padding:0 8px
    }
}

@media(min-width: 640px)and (max-width: 1400px)and (min-width: 640px) {
    .footer-widget-area {
        padding:0 8px
    }
}

@media(min-width: 640px)and (max-width: 1400px)and (min-width: 1024px) {
    .footer-widget-area {
        padding:0 8px
    }
}

@media(max-width: 1400px) {
    .footer-widget-area-content {
        max-width:100%;
        margin-left: 0%
    }
}

@media(max-width: 1400px)and (min-width: 640px) {
    .footer-widget-area-content {
        max-width:100%
    }
}

@media(max-width: 1400px)and (min-width: 1024px) {
    .footer-widget-area-content {
        max-width:75%
    }
}

@media(max-width: 1400px)and (min-width: 640px) {
    .footer-widget-area-content {
        margin-left:0%
    }
}

@media(max-width: 1400px)and (min-width: 1024px) {
    .footer-widget-area-content {
        margin-left:12.5%
    }
}

@media(min-width: 640px)and (max-width: 1400px) {
    .footer-widget-area-content {
        padding:0 8px
    }
}

@media(min-width: 640px)and (max-width: 1400px)and (min-width: 640px) {
    .footer-widget-area-content {
        padding:0 8px
    }
}

@media(min-width: 640px)and (max-width: 1400px)and (min-width: 1024px) {
    .footer-widget-area-content {
        padding:0 8px
    }
}

@media(min-width: 1400px) {
    .footer-widgets {
        display:flex;
        justify-content: stretch;
        flex-direction: row;
        margin-left: 24px
    }

    .footer-widgets>* {
        flex-grow: 1
    }
}

.footer-widgets a,.footer-widgets a:visited {
    color: inherit
}

.footer-widgets a:hover,.footer-widgets a:visited:hover {
    opacity: .8
}

.footer-widget {
    background-color: #3f4346;
    color: #fff
}

@media(min-width: 1400px) {
    .footer-widget {
        background-color:rgba(0,0,0,0)
    }
}

@media(max-width: 1400px) {
    .footer-widget {
        border-bottom:1px solid rgba(255,255,255,.2);
        margin: auto
    }
}

.footer-widget__title {
    cursor: pointer;
    font-size: 18px;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    position: relative;
    display: block;
    padding: 16px
}

.footer-widget__title:hover .footer-widget__title-icon {
    transform: translateY(10%)
}

.footer-widget__title-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    transition: transform .2s ease
}

.footer-widget__title-icon svg {
    width: 25px;
    height: 25px;
    fill: currentcolor
}

.footer-widget__title-icon svg+svg {
    display: none
}

.footer-widget__list {
    padding: 0 16px 16px;
    margin-left: 0
}

.footer-widget__list li {
    list-style-type: none;
    padding-left: 0;
    margin: 1em 0
}

.footer-widget__list a {
    text-decoration: none
}

input[type=checkbox][id*=footer-widget-id-] {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

@media(min-width: 1400px) {
    .footer-widget__title-icon {
        display:none
    }
}

@media(max-width: 1400px) {
    .footer-widget__list {
        padding:0 16px 0;
        margin: 0;
        transition: margin-bottom .8s cubic-bezier(0.24, 0.5, 0.22, 0.89)
    }

    .footer-widget__list li {
        margin: 0
    }

    .footer-widget__list a {
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: max-height .2s cubic-bezier(0.24, 0.5, 0.22, 0.89) .2s,padding .25s cubic-bezier(0.24, 0.5, 0.22, 0.89) .2s,opacity .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
        opacity: 0
    }

    input[type=checkbox][id*=footer-widget-id-]:checked~.footer-widget__title:hover .footer-widget__title-icon {
        transform: translateY(-10%)
    }

    input[type=checkbox][id*=footer-widget-id-]:checked~.footer-widget__title .footer-widget__title-icon svg {
        display: none
    }

    input[type=checkbox][id*=footer-widget-id-]:checked~.footer-widget__title .footer-widget__title-icon svg+svg {
        display: block
    }

    input[type=checkbox][id*=footer-widget-id-]:checked~.footer-widget__list {
        margin-bottom: 16px;
        transition: margin-bottom .4s cubic-bezier(0.24, 0.5, 0.22, 0.89)
    }

    input[type=checkbox][id*=footer-widget-id-]:checked~.footer-widget__list a {
        max-height: 3em;
        padding: 8px 0;
        opacity: 1;
        transition: max-height .35s cubic-bezier(0.24, 0.5, 0.22, 0.89),padding .4s cubic-bezier(0.24, 0.5, 0.22, 0.89),opacity .2s cubic-bezier(0.24, 0.5, 0.22, 0.89) .3s
    }

    @keyframes slideDown {
        0% {
            opacity: 0;
            margin-top: -1.25em
        }

        100% {
            opacity: 1;
            margin-top: 0
        }
    }
}

@media(min-width: 1400px) {
    .footer-module {
        margin-top:80px
    }
}

.footer-module .frame__cell {
    overflow: visible
}

@media(min-width: 1400px) {
    .footer-module .frame__cell {
        min-height:320px;
        display: flex;
        flex-direction: row-reverse;
        max-width: 1362px;
        margin: auto
    }
}

@media(max-width: 1400px) {
    .footer-widget-area {
        transform:translateY(50px);
        z-index: 8
    }
}

.footer-widget-area,.footer-contact-area {
    position: relative
}

@media(min-width: 1400px) {
    .footer-widget-area,.footer-contact-area {
        padding:53.3333333333px 16px
    }

    .footer-widget-area:after,.footer-contact-area:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: inherit;
        z-index: 1
    }

    .footer-widget-area>*,.footer-contact-area>* {
        position: relative;
        z-index: 2
    }
}

.footer-widget-area {
    color: #fff
}

@media(min-width: 1400px) {
    .footer-widget-area {
        padding:80px 16px;
        background-color: #3f4346;
        width: 62.5%
    }
}

.footer-contact-area {
    padding: 80px 16px;
    background-color: #f2f2f2
}

@media(min-width: 520px)and (max-width: 1400px) {
    .footer-contact-area {
        padding-left:80px;
        padding-right: 80px
    }
}

@media(min-width: 1400px) {
    .footer-contact-area {
        width:37.5%
    }

    .footer-contact-area:after {
        transform: translateX(-99%)
    }
}

.footer-contact-area-content {
    font-size: 14px
}

@media(min-width: 1400px) {
    .footer-contact-area-content {
        padding-right:80px
    }
}

.footer-contact-area__trumpet {
    font-size: 18px;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.footer-contact-area__logowrap {
    margin: 24px 0
}

.footer-contact-area__logowrap a {
    display: block
}

.footer-contact-area__logowrap img {
    width: auto;
    height: auto;
    max-height: 40px;
    max-width: 100%
}

.footer-contact-area__social {
    margin: 1.5em 0
}

.form-module-a {
    padding: 24px 0 0 0
}

@media(min-width: 640px) {
    .form-module-a {
        padding:32px 0 0 0
    }
}

.form-module-a .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .form-module-a .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .form-module-a .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .form-module-a .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .form-module-a .frame__cell {
        padding:0 8px
    }
}

.form-module-a .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .form-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .form-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .form-module-a .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .form-module-a .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .form-module-a .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .form-module-a .frame__cell-item {
        margin-left:12.5%
    }
}

.two-column-module .form-module-a .frame__cell,.two-column-module .form-module-a .frame__cell-item {
    padding-left: inherit;
    padding-right: inherit;
    background-color: #f2f2f2
}

.two-column-module .form-module-a .form-module-a__content {
    width: 100%
}

@media(min-width: 1024px) {
    .two-column-module .form-module-a .form-module-a__content {
        padding:0.625rem 16px 2.5rem
    }
}

@media(min-width: 1280px) {
    .two-column-module .form-module-a .form-module-a__content {
        padding:0.625rem 2.5rem 4.5rem
    }
}

@media(min-width: 1520px) {
    .two-column-module .form-module-a .form-module-a__content {
        padding-left:15%;
        padding-right: 15%
    }
}

.form-module-a__content {
    background-color: #f2f2f2;
    padding: 0.625rem 16px 2.5rem
}

@media(min-width: 640px) {
    .form-module-a__content {
        padding:0.625rem 2.5rem 4.5rem
    }
}

@media(min-width: 1100px) {
    .form-module-a__content {
        padding-left:15%;
        padding-right: 15%
    }
}

.form-module-a__content form>div {
    position: relative;
    max-width: 510.75px
}

.form-module-a__content>*:first-child {
    margin-top: 0
}

.form-module-a__content>*:last-child {
    margin-bottom: 0
}

.form-module-a__content span {
    color: rgba(36,36,36,.8);
    display: inline-block;
    font-size: 0.8125rem;
    line-height: normal;
    margin-top: 0.25rem
}

.form-module-a__content .field-validation-valid {
    display: block
}

.form-module-a__content .field-validation-valid span {
    color: #dd1d26;
    margin-top: 0;
    margin-bottom: 1em
}

.form-module-a__content .field-validation-error {
    display: block;
    color: #dd1d26
}

.form-module-a__content .field-validation-error span {
    color: #dd1d26;
    margin-top: 0;
    margin-bottom: 1em
}

.form-module-a__content label {
    color: rgba(36,36,36,.8);
    display: block;
    margin-top: 16px;
    padding: 0rem 0rem 0.25rem 0rem
}

.form-module-a__content label+label {
    margin-top: 4px
}

.form-module-a__content label>input[type=radio],.form-module-a__content label>input[type=checkbox] {
    margin-right: 4px
}

.form-module-a__content textarea,.form-module-a__content select,.form-module-a__content input[type=text],.form-module-a__content input[type=number],.form-module-a__content input[type=email],.form-module-a__content input[type=tel],.form-module-a__content input[type=date],.form-module-a__content input[type=password],.form-module-a__content input.formEmail {
    background-color: #fff;
    border: 1px solid #fff;
    display: block;
    outline: none;
    padding: 1.25rem 1.375rem;
    position: relative;
    resize: none;
    transition: border-color .3s ease;
    width: 100%;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-module-a__content textarea:focus,.form-module-a__content textarea:hover,.form-module-a__content select:focus,.form-module-a__content select:hover,.form-module-a__content input[type=text]:focus,.form-module-a__content input[type=text]:hover,.form-module-a__content input[type=number]:focus,.form-module-a__content input[type=number]:hover,.form-module-a__content input[type=email]:focus,.form-module-a__content input[type=email]:hover,.form-module-a__content input[type=tel]:focus,.form-module-a__content input[type=tel]:hover,.form-module-a__content input[type=date]:focus,.form-module-a__content input[type=date]:hover,.form-module-a__content input[type=password]:focus,.form-module-a__content input[type=password]:hover,.form-module-a__content input.formEmail:focus,.form-module-a__content input.formEmail:hover {
    border-color: rgba(36,36,36,.4)
}

.form-module-a__content textarea[data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content textarea[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content select[data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content select[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=text][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=text][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=number][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=number][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=email][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=email][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=tel][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=tel][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=date][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=date][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=password][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=password][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input.formEmail[data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input.formEmail[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after {
    content: "*";
    display: block;
    font-size: 1.25rem;
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 100
}

.form-module-a__content textarea[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content select[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=text][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=number][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=email][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=tel][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=date][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input[type=password][data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.form-module-a__content input.formEmail[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after {
    top: -4.1em
}

.form-module-a__content textarea[data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content select[data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=text][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=number][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=email][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=tel][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=date][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input[type=password][data-val-required]:not([data-val-required=""])+.field-validation-error:before,.form-module-a__content input.formEmail[data-val-required]:not([data-val-required=""])+.field-validation-error:before {
    content: "!";
    color: #dd1d26;
    right: .15em;
    top: -0.2em
}

.form-module-a__content textarea.input-validation-error,.form-module-a__content textarea:invalid,.form-module-a__content select.input-validation-error,.form-module-a__content select:invalid,.form-module-a__content input[type=text].input-validation-error,.form-module-a__content input[type=text]:invalid,.form-module-a__content input[type=number].input-validation-error,.form-module-a__content input[type=number]:invalid,.form-module-a__content input[type=email].input-validation-error,.form-module-a__content input[type=email]:invalid,.form-module-a__content input[type=tel].input-validation-error,.form-module-a__content input[type=tel]:invalid,.form-module-a__content input[type=date].input-validation-error,.form-module-a__content input[type=date]:invalid,.form-module-a__content input[type=password].input-validation-error,.form-module-a__content input[type=password]:invalid,.form-module-a__content input.formEmail.input-validation-error,.form-module-a__content input.formEmail:invalid {
    border-color: #dd1d26
}

.form-module-a__content textarea+span,.form-module-a__content select+span,.form-module-a__content input[type=text]+span,.form-module-a__content input[type=number]+span,.form-module-a__content input[type=email]+span,.form-module-a__content input[type=tel]+span,.form-module-a__content input[type=date]+span,.form-module-a__content input[type=password]+span,.form-module-a__content input.formEmail+span {
    position: relative;
    float: right;
    padding-right: 1.5em
}

@supports(-webkit-appearance: none) or (-moz-appearance: none) {
    .form-module-a__content select:not([size]) {
        background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),linear-gradient(135deg, currentColor 50%, transparent 50%);
        background-position: calc(100% - 21px) calc(.5em + 20px),calc(100% - 16px) calc(.5em + 20px);
        background-size: 5px 5px,5px 5px;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none
    }
}

.form-module-a__content input[type=date] {
    padding: 0.875rem 1.375rem
}

.form-module-a__content input[type=date]::-webkit-clear-button {
    font-size: 12px;
    margin-right: 4px
}

.form-module-a__content input[type=date]::-webkit-inner-spin-button {
    height: 30px
}

.form-module-a__content input[type=date]::-webkit-calendar-picker-indicator {
    font-size: 12px;
    margin-left: 4px
}

.form-module-a__content input[type=submit] {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    background-color: #fedd46;
    color: #000;
    line-height: 2.125rem;
    margin-top: 32px;
    max-width: 18.75rem;
    padding: 0.6875rem 1.25rem;
    position: relative;
    transition-timing-function: ease;
    transition: color .3s ease,background-color .3s,font-size .1s;
    width: 100%;
    z-index: 1
}

.form-module-a__content input[type=submit].btn--disabled,.form-module-a__content input[type=submit]:disabled {
    opacity: .3;
    pointer-events: none
}

.neos-ebank .form-module-a {
    padding-top: 0
}

.neos-ebank .form-module-a .form-module-a__content {
    background-color: #fff;
    padding: 24px 32px
}

.neos-ebank .form-module-a .form-module-a__content textarea,.neos-ebank .form-module-a .form-module-a__content select,.neos-ebank .form-module-a .form-module-a__content input {
    border-color: #e5e5e5
}

.neos-ebank .form-module-a .form-module-a__content textarea:focus,.neos-ebank .form-module-a .form-module-a__content textarea:hover,.neos-ebank .form-module-a .form-module-a__content select:focus,.neos-ebank .form-module-a .form-module-a__content select:hover,.neos-ebank .form-module-a .form-module-a__content input:focus,.neos-ebank .form-module-a .form-module-a__content input:hover {
    border-color: rgba(36,36,36,.4)
}

.neos-ebank .form-module-a .form-module-a__content textarea[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.neos-ebank .form-module-a .form-module-a__content select[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after,.neos-ebank .form-module-a .form-module-a__content input[data-val-required]:not([data-val-required=""])+[class*=field-validation-]:after {
    top: -4.5em
}

.neos-ebank .form-module-a .frame__cell {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background-color: #fff
}

.neos-ebank .form-module-a .frame__cell-item {
    margin: 0;
    max-width: 100%
}

@media(max-width: 1024px) {
    .neos-ebank .form-module-a .form-module-a__content {
        padding:8px 8px 24px
    }

    .neos-ebank .form-module-a input[type=submit] {
        max-width: 100%
    }
}

.hero-module-a {
    position: relative;
    margin-bottom: 24px
}

@media(min-width: 1024px) {
    .hero-module-a {
        margin:0 0px 20px 0px
    }
}

.hero-module-a .frame__cell {
    position: relative
}

.hero-module-a .frame__cell:after {
    content: "";
    display: block;
    clear: both
}

.hero-module-a__content {
    max-width: 1362px;
    margin: auto;
    padding: 0
}

@media(min-width: 640px) {
    .hero-module-a__content {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .hero-module-a__content {
        max-width:1362px
    }
}

.hero-module-a__content-frame {
    max-width: 510.75px;
    position: relative;
    z-index: 5;
    background: #fff;
    padding: 24px;
    margin-top: 144px;
    margin-bottom: 48px;
    margin-right: 48px;
    margin-left: 0;
    float: left
}

.invert .hero-module-a__content-frame {
    margin-right: 0;
    margin-left: 48px;
    float: right
}

.hero-module-a__content-frame>*:first-child {
    margin-top: 0
}

@media(min-width: 640px) {
    .hero-module-a__content-frame {
        padding:36px
    }
}

@media(min-width: 1024px) {
    .hero-module-a__content-frame {
        max-width:590.75px;
        padding: 64px;
        margin: 20vw 80px 80px 80px
    }

    .invert .hero-module-a__content-frame {
        margin-right: 80px
    }
}

@media(min-width: 1670px) {
    .hero-module-a__content-frame {
        margin-left:0
    }

    .invert .hero-module-a__content-frame {
        margin-right: 0
    }
}

.hero-module-a__content-frame--invisible {
    visibility: hidden
}

.hero-module-a__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    max-width: 120%
}

.hero-module-a__image img,.hero-module-a__image video,.hero-module-a__image object,.hero-module-a__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.hero-module-a__image.focus-MiddleCenter img,.hero-module-a__image.focus-MiddleCenter video,.hero-module-a__image.focus-MiddleCenter object,.hero-module-a__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.hero-module-a__image.focus-TopCenter img,.hero-module-a__image.focus-TopCenter video,.hero-module-a__image.focus-TopCenter object,.hero-module-a__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.hero-module-a__image.focus-BottomCenter img,.hero-module-a__image.focus-BottomCenter video,.hero-module-a__image.focus-BottomCenter object,.hero-module-a__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.hero-module-a__image.focus-TopLeft img,.hero-module-a__image.focus-TopLeft video,.hero-module-a__image.focus-TopLeft object,.hero-module-a__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.hero-module-a__image.focus-MiddleLeft img,.hero-module-a__image.focus-MiddleLeft video,.hero-module-a__image.focus-MiddleLeft object,.hero-module-a__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.hero-module-a__image.focus-BottomLeft img,.hero-module-a__image.focus-BottomLeft video,.hero-module-a__image.focus-BottomLeft object,.hero-module-a__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.hero-module-a__image.focus-TopRight img,.hero-module-a__image.focus-TopRight video,.hero-module-a__image.focus-TopRight object,.hero-module-a__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.hero-module-a__image.focus-MiddleRight img,.hero-module-a__image.focus-MiddleRight video,.hero-module-a__image.focus-MiddleRight object,.hero-module-a__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.hero-module-a__image.focus-BottomRight img,.hero-module-a__image.focus-BottomRight video,.hero-module-a__image.focus-BottomRight object,.hero-module-a__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.hero-module-a__image.focus-stretch img,.hero-module-a__image.focus-stretch video,.hero-module-a__image.focus-stretch object,.hero-module-a__image.focus-stretch picture {
    max-width: 100%
}

.hero-module-a__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

@media(max-width: 360px) {
    .hero-module-a__title {
        word-break:break-word;
        line-height: 2rem
    }
}

@media(min-width: 768px) {
    .hero-module-a__title {
        font-size:2.5rem;
        line-height: 3.125rem
    }
}

.hero-module-a__cta {
    text-align: right
}

.hero-module-a .btn+.hero-module-a__cta {
    margin-top: 1rem
}

.hero-module-b {
    margin-bottom: 24px
}

@media(min-width: 640px) {
    .hero-module-b {
        margin:0 16px 16px 16px
    }
}

@media(min-width: 1024px) {
    .hero-module-b {
        margin:0 80px 80px 80px
    }
}

.hero-module-b .frame__cell {
    display: flex;
    flex-direction: row-reverse
}

@media(max-width: 1024px) {
    .hero-module-b .frame__cell {
        flex-direction:column
    }
}

.hero-module-b .invert {
    flex-direction: row
}

.hero-module-b .invert>.hero-module-b__content {
    justify-content: start
}

@media(max-width: 1024px) {
    .hero-module-b .invert {
        flex-direction:column
    }
}

.hero-module-b__content {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: end;
    background: #3f4346;
    color: #fff;
    padding: 24px
}

@media(min-width: 640px) {
    .hero-module-b__content {
        width:52.5%;
        min-height: 35vw
    }
}

@media(min-width: 768px) {
    .hero-module-b__content {
        padding:48px
    }
}

@media(min-width: 1280px) {
    .hero-module-b__content {
        padding:80px
    }
}

@media(max-width: 1024px) {
    .hero-module-b__content {
        justify-content:start
    }
}

.hero-module-b__content-frame {
    max-width: 510.75px
}

.hero-module-b__content-frame a,.hero-module-b__content-frame a:hover {
    color: currentcolor
}

.hero-module-b__content-frame a svg,.hero-module-b__content-frame a:hover svg {
    fill: currentcolor
}

@media(min-width: 768px) {
    .hero-module-b__content-frame {
        width:510.75px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .hero-module-b__content-frame>* {
        flex-grow: 0
    }

    .hero-module-b__content-frame .hero-module-b__cta {
        align-self: flex-end;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        color: inherit
    }

    .invert .hero-module-b__content-frame .hero-module-b__cta {
        align-self: flex-start
    }
}

.hero-module-b__cta {
    margin-top: 1rem;
    color: currentColor
}

.hero-module-b__cta a,.hero-module-b__cta a:visited {
    color: currentColor
}

.hero-module-b .btn+.hero-module-b__cta {
    margin-top: 1rem
}

.hero-module-b__image {
    display: flex;
    flex: 1;
    position: relative;
    overflow: hidden
}

.hero-module-b__image.focus-TopCenter img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: top center
}

.hero-module-b__image.focus-MiddleCenter img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: center center
}

.hero-module-b__image.focus-BottomCenter img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: bottom center
}

.hero-module-b__image.focus-TopLeft img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: top left
}

.hero-module-b__image.focus-MiddleLeft img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: center left
}

.hero-module-b__image.focus-BottomLeft img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: bottom left
}

.hero-module-b__image.focus-TopRight img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: top right
}

.hero-module-b__image.focus-MiddleRight img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: center right
}

.hero-module-b__image.focus-BottomRight img,.hero-module-b__image video,.hero-module-b__image object,.hero-module-b__image picture {
    object-position: bottom right
}

.hero-module-b__image>div {
    flex: 1;
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden;
    position: relative
}

.hero-module-b__image>div img,.hero-module-b__image>div video,.hero-module-b__image>div object,.hero-module-b__image>div picture {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-module-b__title {
    margin-top: 0;
    margin-bottom: 1rem
}

.hero-module-c {
    background: #f2f2f2;
    margin: 0 24px 24px
}

@media(min-width: 1024px) {
    .hero-module-c {
        margin:0 80px 80px
    }
}

.hero-module-c .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 16px
}

@media(min-width: 640px) {
    .hero-module-c .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .hero-module-c .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .hero-module-c .frame__cell {
        padding:24px
    }
}

@media(min-width: 1024px) {
    .hero-module-c .frame__cell {
        padding:36.3636363636px 80px
    }
}

.hero-module-c .frame__cell-item {
    padding: 16px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .hero-module-c .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .hero-module-c .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .hero-module-c .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .hero-module-c .frame__cell-item {
        margin-left:12.5%
    }
}

.hero-module-c .frame__cell-item>* :first-child {
    margin-top: 0
}

.hero-module-c__title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    margin-bottom: 1.5rem
}

@media(max-width: 360px) {
    .hero-module-c__title {
        word-break:break-word;
        line-height: 2.625rem
    }
}

@media(min-width: 768px) {
    .hero-module-c__title {
        font-size:3.125rem;
        line-height: 3.75rem
    }
}

@media(min-width: 1024px) {
    .hero-module-c__title {
        font-size:4.5rem;
        line-height: 5rem
    }
}

.hero-module-campaign {
    position: relative;
    margin-bottom: 24px
}

@media(min-width: 640px) {
    .hero-module-campaign {
        margin:0 16px 16px 16px
    }
}

@media(min-width: 1024px) {
    .hero-module-campaign {
        margin:0 80px 80px 80px
    }
}

.hero-module-campaign .frame__cell {
    position: relative;
    padding-top: 480px
}

@media(min-width: 640px) {
    .hero-module-campaign .frame__cell {
        padding-top:0
    }
}

.hero-module-campaign .frame__cell:after {
    content: "";
    display: block;
    clear: both
}

.hero-module-campaign__content {
    position: relative;
    z-index: 5;
    padding: 24px;
    margin-right: 48px
}

.invert .hero-module-campaign__content {
    margin-right: auto
}

@media(min-width: 640px) {
    .invert .hero-module-campaign__content {
        margin-left:48px
    }
}

@media(min-width: 640px) {
    .hero-module-campaign__content {
        width:52.5%;
        min-height: 35vw
    }

    .invert .hero-module-campaign__content {
        float: right
    }
}

@media(min-width: 768px) {
    .hero-module-campaign__content {
        padding:48px;
        display: flex;
        justify-content: flex-start
    }

    .invert .hero-module-campaign__content {
        justify-content: center
    }

    .hero-module-campaign__content:after {
        content: "";
        display: block;
        clear: both
    }
}

@media(min-width: 1024px) {
    .hero-module-campaign__content {
        padding:80px
    }
}

@media(min-width: 1400px) {
    .hero-module-campaign__content {
        height:0
    }
}

.hero-module-campaign__content-frame {
    max-width: 510.75px
}

.hero-module-campaign__content-frame a,.hero-module-campaign__content-frame a:hover {
    color: currentcolor
}

.hero-module-campaign__content-frame a svg,.hero-module-campaign__content-frame a:hover svg {
    fill: currentcolor
}

@media(min-width: 768px) {
    .hero-module-campaign__content-frame {
        width:510.75px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .hero-module-campaign__content-frame>* {
        flex-grow: 0
    }
}

.hero-module-campaign__cta {
    margin-top: 1rem;
    color: currentColor;
    align-self: flex-end;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    color: inherit
}

.hero-module-campaign__cta a,.hero-module-campaign__cta a:visited {
    color: currentColor
}

.hero-module-campaign__cta a:before {
    display: none
}

.hero-module-campaign__cta .a-arrow-link__container:after {
    display: none
}

.hero-module-campaign .btn+.hero-module-campaign__cta {
    margin-top: 1rem
}

.hero-module-campaign__image {
    max-width: 120%;
    position: absolute;
    top: 0;
    right: 24px;
    bottom: 216px;
    left: 24px;
    overflow: hidden;
    z-index: 1
}

.hero-module-campaign__image img,.hero-module-campaign__image video,.hero-module-campaign__image object,.hero-module-campaign__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.hero-module-campaign__image.focus-MiddleCenter img,.hero-module-campaign__image.focus-MiddleCenter video,.hero-module-campaign__image.focus-MiddleCenter object,.hero-module-campaign__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.hero-module-campaign__image.focus-TopCenter img,.hero-module-campaign__image.focus-TopCenter video,.hero-module-campaign__image.focus-TopCenter object,.hero-module-campaign__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.hero-module-campaign__image.focus-BottomCenter img,.hero-module-campaign__image.focus-BottomCenter video,.hero-module-campaign__image.focus-BottomCenter object,.hero-module-campaign__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.hero-module-campaign__image.focus-TopLeft img,.hero-module-campaign__image.focus-TopLeft video,.hero-module-campaign__image.focus-TopLeft object,.hero-module-campaign__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.hero-module-campaign__image.focus-MiddleLeft img,.hero-module-campaign__image.focus-MiddleLeft video,.hero-module-campaign__image.focus-MiddleLeft object,.hero-module-campaign__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.hero-module-campaign__image.focus-BottomLeft img,.hero-module-campaign__image.focus-BottomLeft video,.hero-module-campaign__image.focus-BottomLeft object,.hero-module-campaign__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.hero-module-campaign__image.focus-TopRight img,.hero-module-campaign__image.focus-TopRight video,.hero-module-campaign__image.focus-TopRight object,.hero-module-campaign__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.hero-module-campaign__image.focus-MiddleRight img,.hero-module-campaign__image.focus-MiddleRight video,.hero-module-campaign__image.focus-MiddleRight object,.hero-module-campaign__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.hero-module-campaign__image.focus-BottomRight img,.hero-module-campaign__image.focus-BottomRight video,.hero-module-campaign__image.focus-BottomRight object,.hero-module-campaign__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.hero-module-campaign__image.focus-stretch img,.hero-module-campaign__image.focus-stretch video,.hero-module-campaign__image.focus-stretch object,.hero-module-campaign__image.focus-stretch picture {
    max-width: 100%
}

@media(max-width: 640px) {
    .hero-module-campaign__image {
        height:480px
    }
}

@media(min-width: 640px) {
    .hero-module-campaign__image {
        top:0;
        right: 0;
        bottom: 0;
        left: 52%
    }

    .hero-module-campaign__image picture,.hero-module-campaign__image img {
        height: 120%;
        width: auto
    }

    .invert .hero-module-campaign__image {
        right: 52%;
        left: 0
    }
}

.hero-module-campaign__title {
    margin-top: 0;
    margin-bottom: 1rem
}

.hero-module-d {
    position: relative;
    margin-bottom: 24px
}

@media(min-width: 1024px) {
    .hero-module-d {
        margin:0 80px 80px 80px
    }
}

.hero-module-d .frame__cell {
    position: relative
}

.hero-module-d .frame__cell:after {
    content: "";
    display: block;
    clear: both
}

.hero-module-d .hero-module-d__content {
    max-width: 1362px;
    margin: auto;
    padding: 0
}

@media(min-width: 640px) {
    .hero-module-d .hero-module-d__content {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .hero-module-d .hero-module-d__content {
        max-width:1362px
    }
}

.hero-module-d .hero-module-d__content-frame {
    max-width: 510.75px;
    position: relative;
    z-index: 5;
    background: #fff;
    padding: 24px;
    margin-top: 144px;
    margin-bottom: 48px;
    margin-right: 48px;
    margin-left: 0;
    float: left
}

.invert .hero-module-d .hero-module-d__content-frame {
    margin-right: 0;
    margin-left: 48px;
    float: right
}

.hero-module-d .hero-module-d__content-frame>*:first-child {
    margin-top: 0
}

@media(min-width: 640px) {
    .hero-module-d .hero-module-d__content-frame {
        padding:36px
    }
}

@media(min-width: 1024px) {
    .hero-module-d .hero-module-d__content-frame {
        max-width:590.75px;
        padding: 64px;
        margin: 20vw 80px 80px 80px
    }

    .invert .hero-module-d .hero-module-d__content-frame {
        margin-right: 80px
    }
}

@media(min-width: 1670px) {
    .hero-module-d .hero-module-d__content-frame {
        margin-left:0
    }

    .invert .hero-module-d .hero-module-d__content-frame {
        margin-right: 0
    }
}

.hero-module-d .hero-module-d__content-frame--invisible {
    visibility: hidden
}

.hero-module-d .hero-module-d__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    max-width: 120%
}

.hero-module-d .hero-module-d__image img,.hero-module-d .hero-module-d__image video,.hero-module-d .hero-module-d__image object,.hero-module-d .hero-module-d__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.hero-module-d .hero-module-d__image.focus-MiddleCenter img,.hero-module-d .hero-module-d__image.focus-MiddleCenter video,.hero-module-d .hero-module-d__image.focus-MiddleCenter object,.hero-module-d .hero-module-d__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.hero-module-d .hero-module-d__image.focus-TopCenter img,.hero-module-d .hero-module-d__image.focus-TopCenter video,.hero-module-d .hero-module-d__image.focus-TopCenter object,.hero-module-d .hero-module-d__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.hero-module-d .hero-module-d__image.focus-BottomCenter img,.hero-module-d .hero-module-d__image.focus-BottomCenter video,.hero-module-d .hero-module-d__image.focus-BottomCenter object,.hero-module-d .hero-module-d__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.hero-module-d .hero-module-d__image.focus-TopLeft img,.hero-module-d .hero-module-d__image.focus-TopLeft video,.hero-module-d .hero-module-d__image.focus-TopLeft object,.hero-module-d .hero-module-d__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.hero-module-d .hero-module-d__image.focus-MiddleLeft img,.hero-module-d .hero-module-d__image.focus-MiddleLeft video,.hero-module-d .hero-module-d__image.focus-MiddleLeft object,.hero-module-d .hero-module-d__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.hero-module-d .hero-module-d__image.focus-BottomLeft img,.hero-module-d .hero-module-d__image.focus-BottomLeft video,.hero-module-d .hero-module-d__image.focus-BottomLeft object,.hero-module-d .hero-module-d__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.hero-module-d .hero-module-d__image.focus-TopRight img,.hero-module-d .hero-module-d__image.focus-TopRight video,.hero-module-d .hero-module-d__image.focus-TopRight object,.hero-module-d .hero-module-d__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.hero-module-d .hero-module-d__image.focus-MiddleRight img,.hero-module-d .hero-module-d__image.focus-MiddleRight video,.hero-module-d .hero-module-d__image.focus-MiddleRight object,.hero-module-d .hero-module-d__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.hero-module-d .hero-module-d__image.focus-BottomRight img,.hero-module-d .hero-module-d__image.focus-BottomRight video,.hero-module-d .hero-module-d__image.focus-BottomRight object,.hero-module-d .hero-module-d__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.hero-module-d .hero-module-d__image.focus-stretch img,.hero-module-d .hero-module-d__image.focus-stretch video,.hero-module-d .hero-module-d__image.focus-stretch object,.hero-module-d .hero-module-d__image.focus-stretch picture {
    max-width: 100%
}

.hero-module-d .hero-module-d__media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden
}

.hero-module-d .hero-module-d__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

@media(max-width: 360px) {
    .hero-module-d .hero-module-d__title {
        word-break:break-word;
        line-height: 2rem
    }
}

@media(min-width: 768px) {
    .hero-module-d .hero-module-d__title {
        font-size:2.5rem;
        line-height: 3.125rem
    }
}

.hero-module-d .hero-module-d__cta {
    text-align: right
}

.hero-module-d .hero-module-d .btn+.hero-module-d__cta {
    margin-top: 1rem
}

.hero-module-d .bg-video-player {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99
}

.hero-module-d .bg-video-player:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0)
}

.hero-module-d .bg-video-player-wrapper,.hero-module-d .bg-video-player-wrapper iframe {
    position: absolute;
    top: 0;
    height: 100%;
    pointer-events: none;
    width: 300%;
    left: -100%
}

.hero-module-d .bg-video-player-wrapper--vimeo,.hero-module-d .bg-video-player-wrapper--vimeo iframe {
    position: absolute;
    top: 0;
    height: 100%;
    pointer-events: none;
    width: 300%;
    left: -25%
}

.hero-module-d .bg-video-player-wrapper {
    height: 150%;
    top: -25%
}

@media(min-width: 768px) {
    .hero-module-d .bg-video-player-wrapper {
        height:250%;
        top: -75%
    }
}

@media(min-width: 1670px) {
    .hero-module-d .bg-video-player-wrapper {
        height:200%;
        top: -50%
    }
}

.hero-module-d .bg-video-player-wrapper .bg-video-player-item>div {
    opacity: 0;
    transition: opacity .3s ease
}

.hero-module-d .bg-video-player-wrapper.bg-video-player-wrapper--playing .bg-video-player-item>div {
    opacity: 1
}

.image-module-a {
    position: relative;
    overflow: hidden
}

.image-module-a .frame__cell:not(.image-module__image-container) {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        padding:0 8px
    }
}

.image-module-a .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .image-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .image-module-a .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .image-module-a .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell-item {
        margin-left:0%
    }
}

.image-module-b {
    position: relative;
    overflow: hidden
}

.image-module-b .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .image-module-b .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .image-module-b .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell {
        padding:0 8px
    }
}

.image-module-b .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .image-module-b .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .image-module-b .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .image-module-b .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 640px) {
    .image-module-b__wrapper {
        display:flex;
        justify-content: space-around;
        flex-flow: row nowrap;
        align-items: baseline
    }

    .image-module-b__wrapper .image-module__image-container {
        flex-basis: 50%;
        flex-grow: 0;
        min-width: calc(50% - 6px)
    }

    .image-module-b__wrapper .image-module__image-container:first-child {
        margin-right: 0.375rem
    }

    .image-module-b__wrapper .image-module__image-container:last-child {
        margin-left: 0.375rem
    }
}

.image-module__image-container img,.image-module__image-container picture {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    min-width: 100%
}

.image-module__image-text {
    font-size: 0.8125rem
}

.image-module-a {
    position: relative;
    overflow: hidden
}

.image-module-a .frame__cell:not(.image-module__image-container) {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell:not(.image-module__image-container) {
        padding:0 8px
    }
}

.image-module-a .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .image-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .image-module-a .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .image-module-a .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .image-module-a .frame__cell-item {
        margin-left:0%
    }
}

.image-module-b {
    position: relative;
    overflow: hidden
}

.image-module-b .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .image-module-b .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .image-module-b .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell {
        padding:0 8px
    }
}

.image-module-b .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .image-module-b .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .image-module-b .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .image-module-b .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .image-module-b .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 640px) {
    .image-module-b__wrapper {
        display:flex;
        justify-content: space-around;
        flex-flow: row nowrap;
        align-items: baseline
    }

    .image-module-b__wrapper .image-module__image-container {
        flex-basis: 50%;
        flex-grow: 0;
        min-width: calc(50% - 6px)
    }

    .image-module-b__wrapper .image-module__image-container:first-child {
        margin-right: 0.375rem
    }

    .image-module-b__wrapper .image-module__image-container:last-child {
        margin-left: 0.375rem
    }
}

.link-list-a {
    color: #fff;
    margin: 32px auto
}

.link-list-a .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .link-list-a .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .link-list-a .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .link-list-a .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .link-list-a .frame__cell {
        padding:0 8px
    }
}

@media(min-width: 1100px) {
    .link-list-a {
        margin:64px auto
    }
}

.link-list-a__intro {
    max-width: 1362px;
    margin: auto;
    max-width: 100%;
    margin-left: 0%;
    padding: 0 16px;
    text-align: center;
    color: #242424;
    margin-bottom: 24px
}

@media(min-width: 640px) {
    .link-list-a__intro {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .link-list-a__intro {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .link-list-a__intro {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .link-list-a__intro {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .link-list-a__intro {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .link-list-a__intro {
        margin-left:12.5%
    }
}

@media(min-width: 640px) {
    .link-list-a__intro {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .link-list-a__intro {
        padding:0 8px
    }
}

.link-list-a__intro p {
    margin: auto;
    font-size: 18px
}

@media(min-width: 1100px) {
    .link-list-a__intro {
        margin-bottom:48px
    }
}

.link-list-a__link-text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.link-list-a__intro-title {
    margin-top: 0;
    margin-bottom: .5rem
}

.link-list-a__list {
    margin: 0 auto;
    padding: 0;
    max-width: 750px
}

.link-list-a__list li:first-of-type {
    margin-top: 0em
}

.link-list-a__list:after {
    content: "";
    display: block;
    clear: both
}

.link-list-a__list-item {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 8px;
    width: 50%
}

.link-list-a__list-item .a-arrow-link__icon--line-right {
    display: none
}

@media(min-width: 640px) {
    .link-list-a__list-item {
        width:33.233332%
    }
}

.link-list-a__link,.link-list-a__link:visited {
    background-color: #3f4346;
    color: currentcolor;
    display: block;
    padding-bottom: 100%;
    position: relative;
    transition: background-color .25s ease-in-out
}

.link-list-a__link:after,.link-list-a__link:visited:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.1);
    z-index: 1
}

.link-list-a__link:after,.link-list-a__link:visited:after {
    opacity: 0
}

.link-list-a__link:hover,.link-list-a__link:visited:hover {
    background-color: #65696b;
    color: currentcolor
}

.link-list-a__link:hover:after,.link-list-a__link:visited:hover:after {
    opacity: 0
}

.link-list-a__link-image {
    align-items: center;
    display: flex;
    height: 60%;
    left: 20%;
    position: absolute;
    top: 16px;
    width: 60%;
    overflow: hidden
}

.link-list-a__link-image img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.link-list-a__link-title {
    position: absolute;
    top: 70%;
    width: 100%;
    display: block;
    text-align: center;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.5625rem
}

@media(min-width: 1100px) {
    .link-list-a__link-title {
        font-size:1.875rem;
        line-height: 2.1875rem
    }
}

.link-list-a__link-cta {
    position: absolute;
    display: none
}

.link-list-a__link-image,.link-list-a__link-title,.link-list-a__link-cta {
    transition: opacity .25s ease-in-out
}

@media(min-width: 1100px) {
    .link-list-a__link-image {
        width:80%;
        top: 10%;
        left: 10%;
        height: 80%;
        opacity: 0
    }

    .link-list-a__link-title {
        position: absolute;
        top: auto;
        bottom: 42%
    }

    .link-list-a__link-cta {
        position: absolute;
        bottom: 20%;
        width: 100%;
        text-align: center;
        display: block;
        font-weight: bold;
        font-size: 14px;
        height: .8em
    }

    .link-list-a__link-cta svg {
        position: relative;
        width: 10px;
        fill: currentcolor
    }

    .link-list-a__link:hover .link-list-a__link-title,.link-list-a__link:hover .link-list-a__link-cta {
        opacity: 0
    }

    .link-list-a__link:hover .link-list-a__link-image {
        opacity: 1
    }
}

.login-grid-wrapper {
    width: 100%;
    background-color: #f2f2f2;
    background-size: cover
}

.login-grid-container {
    width: 1080px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: auto;
    padding: 60px 0 140px
}

@media(max-width: 1280px) {
    .login-grid-container {
        width:100%;
        padding: 60px 60px 140px
    }
}

@media(max-width: 1024px) {
    .login-grid-container {
        flex-direction:column
    }
}

@media(max-width: 640px) {
    .login-grid-container {
        padding:20px 20px 140px
    }
}

@media(max-width: 460px) {
    .login-grid-container {
        padding:0px 0px 140px
    }
}

.login-grid-container--single-form {
    width: 680px;
    max-width: 90%
}

@media(max-width: 460px) {
    .login-grid-container--single-form {
        max-width:100%
    }
}

.login-grid-cell {
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    width: 100%
}

.login-grid-cell--main {
    width: 70%;
    margin-right: 16px
}

@media(max-width: 1024px) {
    .login-grid-cell--main {
        width:100%;
        margin-right: 0px
    }
}

.login-grid-cell--side {
    width: 30%
}

@media(max-width: 1024px) {
    .login-grid-cell--side {
        margin-top:16px;
        width: 100%
    }
}

.manual-list--2-items {
    padding-bottom: 1.75rem
}

.manual-list--2-items .manual-list__wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

.manual-list--2-items .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .manual-list--2-items .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .manual-list--2-items .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .manual-list--2-items .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .manual-list--2-items .frame__cell {
        padding:0 8px
    }
}

.manual-list--2-items .frame__cell-item {
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .manual-list--2-items .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .manual-list--2-items .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .manual-list--2-items .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .manual-list--2-items .frame__cell-item {
        margin-left:12.5%
    }
}

@media(min-width: 640px) {
    .manual-list--2-items .manual-list__item {
        flex-basis:50%;
        margin-bottom: 0;
        min-width: 50%
    }
}

.manual-list--4-items {
    padding-bottom: 1.75rem
}

.manual-list--4-items .manual-list__wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

.manual-list--4-items .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .manual-list--4-items .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .manual-list--4-items .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .manual-list--4-items .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .manual-list--4-items .frame__cell {
        padding:0 8px
    }
}

.manual-list--4-items .frame__cell-item {
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .manual-list--4-items .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .manual-list--4-items .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 640px) {
    .manual-list--4-items .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .manual-list--4-items .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .manual-list--4-items .manual-list__item {
        width:25%
    }
}

@media(min-width: 1024px)and (max-width: 1400px) {
    .manual-list--4-items .manual-list__wrapper {
        padding-left:80px;
        padding-right: 80px
    }
}

.manual-list__item {
    flex-grow: 1;
    position: relative;
    width: 100%;
    margin-bottom: 24px
}

@media(max-width: 1024px) {
    .manual-list__item .a-arrow-link {
        font-size:.9em;
        padding-left: 1.0625rem
    }
}

@media(min-width: 640px) {
    .manual-list__item {
        width:50%
    }
}

.manual-list__image {
    position: relative;
    padding: 0 8px;
    flex-grow: 0
}

.manual-list__image img,.manual-list__image picture {
    display: block;
    max-width: 100%;
    width: 100%
}

.manual-list__text {
    padding: 1em 8px;
    flex-grow: 1
}

.manual-list__text>*:first-child {
    margin-top: 0
}

.manual-list__text>*:last-child {
    margin-bottom: 0
}

.manual-list__cta {
    padding: 0 8px
}

.manual-list__cta .btn {
    margin-right: 0
}

.manual-list__cta .btn:hover span,.manual-list__cta .btn:focus span {
    white-space: inherit
}

.manual-list__item--with-cta {
    position: relative;
    padding-bottom: 3em
}

@media(min-width: 640px) {
    .manual-list__item--with-cta {
        padding-bottom:5em
    }
}

.manual-list__item--with-cta .manual-list__cta {
    width: 100%;
    text-align: center
}

@media(min-width: 640px) {
    .manual-list__item--with-cta .manual-list__cta .btn {
        max-width:100%
    }
}

.map-module-a .frame__cell-item {
    position: relative
}

.map-module-a .map-module-a__wrapper {
    height: 16.375rem;
    position: relative
}

@media(min-width: 640px) {
    .map-module-a .map-module-a__wrapper {
        height:25rem
    }
}

@media(min-width: 768px) {
    .map-module-a .map-module-a__wrapper {
        height:37.5rem
    }
}

.map-module-a .map-module-a__wrapper div {
    font-family: "Lato","Helvetica",sans-serif !important;
    font-weight: normal !important
}

.map-module-a .map-module-a__wrapper .gm-style-pbt {
    max-width: none
}

@media(min-width: 768px) {
    .map-module-a .map-module-a__wrapper .gm-style-pbt {
        margin-left:22.5rem;
        text-align: center
    }
}

@media(min-width: 1024px) {
    .map-module-a .map-module-a__wrapper .gm-style-pbt {
        margin-left:26.25rem
    }
}

.map-module-a .map-module-a__title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900;
    margin: 1em 0 .8em
}

@media(min-width: 768px) {
    .map-module-a .map-module-a__title {
        font-size:1.375rem;
        line-height: 1.75rem
    }
}

.map-module-a .map-module-a__marker {
    background: #fff;
    flex: 1 100%
}

.map-module-a .map-module-a__info-container {
    position: relative;
    overflow: hidden
}

@media(min-width: 768px) {
    .map-module-a .map-module-a__info-container {
        position:absolute;
        top: 3.125rem;
        left: 1.5rem;
        width: 20rem
    }
}

@media(min-width: 1024px) {
    .map-module-a .map-module-a__info-container {
        left:6.25rem
    }
}

.map-module-a .map-module-a__search-container {
    background-color: #3f4346;
    color: #fff;
    padding: 0 1.375rem 0 1.875rem;
    position: relative
}

.map-module-a .map-module-a__search-input {
    background-color: rgba(0,0,0,0);
    border: 0;
    color: currentColor;
    height: 3.5rem;
    padding: 0.9375rem 0;
    line-height: 1.625rem;
    position: relative;
    width: 15rem
}

.map-module-a .map-module-a__search-input:focus {
    outline: none
}

.map-module-a .map-module-a__search-input::-ms-input-placeholder {
    color: currentColor
}

.map-module-a .map-module-a__search-input::placeholder {
    color: currentColor
}

.map-module-a .map-module-a__search-input:-ms-input-placeholder {
    color: currentColor
}

.map-module-a .map-module-a__search-button {
    background-color: rgba(0,0,0,0);
    border: 0;
    color: currentColor;
    cursor: pointer;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0.75rem;
    display: block;
    top: 50%;
    transform: translateY(-50%)
}

.map-module-a .map-module-a__search-button svg {
    fill: currentColor;
    width: 1.75rem;
    height: 1.75rem
}

.map-module-a .map-module-a__search-results {
    flex: 1 100%;
    max-height: 25.9375rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.map-module-a .map-module-a__search-results::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.map-module-a .map-module-a__search-results:hover::-webkit-scrollbar {
    height: 8px
}

.map-module-a .map-module-a__search-results::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.map-module-a .map-module-a__search-results::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.map-module-a .map-module-a__search-results::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.map-module-a .map-module-a__search-results::-webkit-scrollbar {
    height: 8px
}

.map-module-a .map-module-a__search-results::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2)
}

.map-module-a .map-module-a__search-results__list {
    margin: 0;
    padding: 0 1.75rem;
    background-color: #fff
}

.map-module-a .map-module-a__search-results__list-item {
    border-bottom: 1px solid #f2f2f2;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.map-module-a .map-module-a__search-results__list-item:last-of-type {
    border-bottom: 0
}

.map-module-a .map-module-a__search-results__link {
    color: #242424;
    display: block;
    padding: 0.75rem 2rem 0.75rem 0rem;
    text-decoration: none;
    transition: color .3s ease
}

.map-module-a .map-module-a__search-results__link:hover {
    color: #fedd46
}

.map-module-a .map-module-a__search-results__link:hover svg {
    opacity: 1;
    transform: translate(0, -50%)
}

.map-module-a .map-module-a__search-results__link svg {
    fill: currentColor;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-30%, -50%);
    transition: opacity .2s cubic-bezier(0.24, 0.5, 0.22, 0.89),transform .3s ease;
    width: 1.6875rem;
    height: 1.6875rem
}

.map-module-a .map-module-a__search-results__title {
    font-weight: 900
}

.map-module-a .map-module-a__search-results__address {
    font-size: 0.875rem
}

.map-module-a .map-module-a__no-results,.map-module-a .map-module-a__multiple-results {
    background-color: #fff;
    padding: 1.875rem 1.875rem
}

.map-module-a .map-module-a__info {
    max-height: 28.125rem;
    overflow: hidden;
    overflow-y: auto;
    padding: 0rem 1.875rem 1.875rem
}

.map-module-a .map-module-a__info *:last-child {
    margin-bottom: 0
}

.map-module-a .map-module-a__back-link {
    border-bottom: 1px solid #f2f2f2;
    color: #242424;
    display: block;
    font-size: 0.875rem;
    font-weight: 900;
    padding: 1.0625rem 1.875rem 0.9375rem 3rem;
    position: relative;
    text-decoration: none
}

.map-module-a .map-module-a__back-link:hover {
    color: #fedd46
}

.map-module-a .map-module-a__back-link svg {
    fill: currentColor;
    position: absolute;
    left: 1.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.625rem;
    height: 0.625rem
}

.map-module-a .document-loader {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.map-module-a .btn {
    margin: 0;
    max-width: 100%
}

.map-module-a__info-wrapper {
    display: flex;
    flex-flow: row nowrap;
    width: 200%;
    transition: transform .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.map-module-a__info-container--show-marker .map-module-a__info-wrapper {
    transform: translateX(-50%)
}

.multiple-teaser-module-row-1-item .multiple-teaser-module__title,.multiple-teaser-module-row-1-item--variant.invert .multiple-teaser-module__title {
    font-size: 2.5rem;
    line-height: 3.125rem
}

@media screen and (max-width: 359px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__title,.multiple-teaser-module-row-1-item--variant.invert .multiple-teaser-module__title {
        word-break:break-word
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__title,.multiple-teaser-module-row-1-item--variant.invert .multiple-teaser-module__title {
        font-size:3.75rem;
        line-height: 4.375rem
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__title,.multiple-teaser-module-row-1-item--variant.invert .multiple-teaser-module__title {
        font-size:4.5rem;
        line-height: 5rem
    }
}

.multiple-teaser-module-row-1-item--variant .multiple-teaser-module__title {
    font-size: 2.5rem;
    line-height: 3.125rem
}

@media screen and (max-width: 359px) {
    .multiple-teaser-module-row-1-item--variant .multiple-teaser-module__title {
        word-break:break-word
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-1-item--variant .multiple-teaser-module__title {
        font-size:3.75rem;
        line-height: 4.375rem
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-1-item--variant {
        width:100%
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-1-item--variant .row__cell-item:first-child,.multiple-teaser-module-row-1-item--variant.invert .row__cell-item:last-child {
        width:35%
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-1-item--variant .row__cell-item:last-child,.multiple-teaser-module-row-1-item--variant.invert .row__cell-item:first-child {
        width:65%
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-1-item.invert .row__cell {
        flex-direction:row-reverse
    }
}

.multiple-teaser-module-row-1-item .row__cell {
    padding: 8px 0;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-1-item .row__cell {
        display:flex;
        flex-direction: row;
        padding: 0
    }
}

.multiple-teaser-module-row-1-item .row__cell-item {
    width: calc(100% - 16px);
    overflow: hidden;
    position: relative;
    margin: 0
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-1-item .row__cell-item {
        max-height:none;
        margin: 8px;
        width: 50%
    }

    .multiple-teaser-module-row-1-item .row__cell-item--hasRichText {
        width: 100%
    }
}

.multiple-teaser-module-row-2-item .row__cell-item,.multiple-teaser-module-row-3-item .row__cell-item {
    display: inline-block;
    width: 100%;
    margin: 8px 0
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-2-item .row__cell-item,.multiple-teaser-module-row-3-item .row__cell-item {
        margin:8px
    }
}

.multiple-teaser-module-row-2-item .multiple-teaser-module__title,.multiple-teaser-module-row-3-item .multiple-teaser-module__title {
    font-size: 1.25rem;
    line-height: 1.625rem
}

@media screen and (max-width: 359px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__title,.multiple-teaser-module-row-3-item .multiple-teaser-module__title {
        word-break:break-word
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__title {
        font-size:2.5rem;
        line-height: 3.125rem
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__title {
        font-size:1.875rem;
        line-height: 2.25rem;
        word-break: break-word
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__title {
        font-size:2.5rem;
        line-height: 3.125rem
    }
}

.multiple-teaser-module-row-3-item .row__cell,.multiple-teaser-module-row-2-item .row__cell {
    position: relative
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-3-item .row__cell,.multiple-teaser-module-row-2-item .row__cell {
        display:flex
    }
}

.multiple-teaser-module-row-3-item .row__cell-item,.multiple-teaser-module-row-2-item .row__cell-item {
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-3-item .row__cell-item,.multiple-teaser-module-row-2-item .row__cell-item {
        display:flex
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-3-item .row__cell-item {
        width:calc(100% / 3 - 16px)
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-2-item .row__cell-item {
        width:calc(100% / 2 - 16px)
    }
}

.multiple-teaser-module {
    padding: 8px 0
}

.multiple-teaser-module .frame__cell {
    padding: 0 24px
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module .frame__cell {
        padding:0 16px
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module .frame__cell {
        padding:0 40px
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module .frame__cell {
        padding:0 72px
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module .frame__cell {
        padding:0 7.5vw
    }
}

.multiple-teaser-module .frame__cell-item {
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .multiple-teaser-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .multiple-teaser-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 640px) {
    .multiple-teaser-module .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .multiple-teaser-module .frame__cell-item {
        margin-left:0%
    }
}

.multiple-teaser-module .multiple-teaser-module__image {
    position: relative
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image {
    max-width: 120%
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleCenter img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleCenter video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleCenter object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleCenter picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleCenter img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleCenter video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleCenter object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopCenter img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopCenter video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopCenter object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopCenter picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopCenter img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopCenter video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopCenter object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomCenter img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomCenter video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomCenter object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomCenter picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomCenter img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomCenter video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomCenter object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopLeft img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopLeft video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopLeft object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopLeft picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopLeft img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopLeft video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopLeft object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleLeft img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleLeft video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleLeft object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleLeft picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleLeft img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleLeft video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleLeft object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomLeft img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomLeft video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomLeft object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomLeft picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomLeft img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomLeft video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomLeft object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopRight img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopRight video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopRight object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-TopRight picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopRight img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopRight video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopRight object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleRight img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleRight video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleRight object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-MiddleRight picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleRight img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleRight video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleRight object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomRight img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomRight video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomRight object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-BottomRight picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomRight img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomRight video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomRight object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-stretch img,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-stretch video,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-stretch object,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image.focus-stretch picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-stretch img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-stretch video,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-stretch object,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image.focus-stretch picture {
    max-width: 100%
}

.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image picture,.multiple-teaser-module .multiple-teaser-module-row-2-item .multiple-teaser-module__image img,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image picture,.multiple-teaser-module .multiple-teaser-module-row-3-item .multiple-teaser-module__image img {
    max-width: 100%
}

.multiple-teaser-module .multiple-teaser-module__cta {
    color: currentColor;
    display: inline-block;
    width: 100%
}

.multiple-teaser-module .multiple-teaser-module__cta .a-arrow-link--small {
    padding-left: 24px;
    margin: 24px 0;
    margin-left: -6px;
    font-size: 1rem
}

.multiple-teaser-module .multiple-teaser-module__cta .a-arrow-link--large {
    margin-left: 0;
    margin: 16px 0
}

.multiple-teaser-module .multiple-teaser-module__cta .a-arrow-link__container {
    float: left
}

.multiple-teaser-module .multiple-teaser-module__cta .a-arrow-link {
    color: currentColor
}

.multiple-teaser-module .multiple-teaser-module__cta .a-arrow-link__text {
    color: currentColor
}

.multiple-teaser-module .multiple-teaser-module__title {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    padding-bottom: 12px;
    margin: 0
}

.multiple-teaser-module .multiple-teaser-module__video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    margin: 0 !important
}

.multiple-teaser-module .multiple-teaser-module__text {
    max-width: 41.125rem
}

.multiple-teaser-module .multiple-teaser-module__text p {
    margin: 0
}

.multiple-teaser-module .multiple-teaser-module__text .btn {
    margin: 24px 0
}

.multiple-teaser-module .multiple-teaser-module__text *:last-child {
    margin-bottom: 0
}

.multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasText,.multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasText,.multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasText {
    padding: 26px 30px 32px 30px
}

.multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasNews,.multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasNews,.multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasNews {
    padding: 18px 30px 32px 30px
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasText {
        padding:42px 24px 32px 24px
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasText {
        padding:56px 52px
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasText {
        padding:80px
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasText {
        padding:24px
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasText {
        padding:40px
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasText {
        padding:56px 40px
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasText {
        padding:72px
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasNews {
        padding:20px 24px 32px 24px
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasNews {
        padding:20px 40px 40px
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasNews {
        padding:32px 52px 56px
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasNews {
        padding:56px 80px 80px
    }
}

.multiple-teaser-module-row-2-item .multiple-teaser-module__content--hasImage {
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasText {
        padding:24px
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasText {
        padding:40px
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasText {
        padding:64px 72px
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasNews {
        padding:20px 24px 24px
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasNews {
        padding:24px 40px 40px
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasNews {
        padding:40px 72px 72px
    }
}

.multiple-teaser-module-row-3-item .multiple-teaser-module__content--hasImage {
    overflow: hidden
}

.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-2-item .multiple-teaser-module__image,.multiple-teaser-module-row-2-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-3-item .multiple-teaser-module__image,.multiple-teaser-module-row-3-item .bg-video-player__no-consent-image {
    height: calc((100vw - (24px * 2)) / 1.7777777778)
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__image {
        height:calc( ( (100vw - (16px * 2) - (16px * 2)) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__image {
        height:calc( ( (100vw - (16px * 2) - (40px * 2)) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__image {
        height:calc( ( (100vw - (16px * 2) - (72px * 2)) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__image {
        height:calc( ( ( 100vw - (16px * 2) - (7.5vw * 2) ) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__image {
        height:calc( ( (100vw - (16px * 3) - (16px * 3)) * 0.3333333333 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__image {
        height:calc( ( (100vw - (16px * 3) - (40px * 3)) * 0.3333333333 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1280px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__image {
        height:calc( ( (100vw - (16px * 3) - (72px * 3)) * 0.3333333333 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1670px) {
    .multiple-teaser-module-row-3-item .multiple-teaser-module__image {
        height:calc( ( ( 100vw - (16px * 3) - (7.5vw * 3) ) * 0.3333333333 ) / 1.7777777778 )
    }
}

.multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
    height: calc((100vw - (24px * 2)) / 1.7777777778)
}

@media screen and (min-width: 768px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        height:auto
    }
}

@media screen and (min-width: 768px)and (min-width: 768px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (16px * 2)) * 0.75 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 768px)and (min-width: 1024px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (40px * 2)) * 0.75 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 768px)and (min-width: 1280px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (72px * 2)) * 0.75 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 768px)and (min-width: 1670px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( ( 100vw - (16px * 2) - (7.5vw * 2) ) * 0.75 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1100px)and (min-width: 768px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (16px * 2)) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1100px)and (min-width: 1024px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (40px * 2)) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1100px)and (min-width: 1280px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (72px * 2)) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1100px)and (min-width: 1670px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item .row__cell-item--hasVideo {
        min-height:calc( ( ( 100vw - (16px * 2) - (7.5vw * 2) ) * 0.5 ) / 1.7777777778 )
    }
}

@media screen and (max-width: 767px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image {
        max-width:120%
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image picture {
        max-width: none;
        position: absolute;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        display: block;
        right: 50%;
        bottom: 50%;
        transform: translate(50%, 50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter picture {
        right: 50%;
        bottom: 50%;
        transform: translate(50%, 50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter picture {
        right: 50%;
        bottom: auto;
        transform: translateX(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter picture {
        right: 50%;
        bottom: 0;
        transform: translateX(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft picture {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft picture {
        left: 0;
        right: auto;
        bottom: 50%;
        transform: translateY(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft picture {
        left: 0;
        right: auto;
        bottom: 0;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight picture {
        right: 0;
        bottom: auto;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight picture {
        right: 0;
        bottom: 50%;
        transform: translateY(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight picture {
        right: 0;
        bottom: 0;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch picture {
        max-width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image {
        max-width:120%
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image picture {
        max-width: none;
        position: absolute;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        display: block;
        right: 50%;
        bottom: 50%;
        transform: translate(50%, 50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleCenter picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleCenter picture {
        right: 50%;
        bottom: 50%;
        transform: translate(50%, 50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopCenter picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopCenter picture {
        right: 50%;
        bottom: auto;
        transform: translateX(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomCenter picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomCenter picture {
        right: 50%;
        bottom: 0;
        transform: translateX(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopLeft picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopLeft picture {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleLeft picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleLeft picture {
        left: 0;
        right: auto;
        bottom: 50%;
        transform: translateY(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomLeft picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomLeft picture {
        left: 0;
        right: auto;
        bottom: 0;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-TopRight picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-TopRight picture {
        right: 0;
        bottom: auto;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-MiddleRight picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-MiddleRight picture {
        right: 0;
        bottom: 50%;
        transform: translateY(50%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-BottomRight picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-BottomRight picture {
        right: 0;
        bottom: 0;
        transform: translate(0%, 0%)
    }

    .multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch img,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch video,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch object,.multiple-teaser-module-row-1-item .multiple-teaser-module__image.focus-stretch picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch video,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch object,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image.focus-stretch picture {
        max-width: 100%
    }
}

@media screen and (min-width: 768px)and (max-width: 1023px) {
    .multiple-teaser-module-row-1-item .multiple-teaser-module__image picture,.multiple-teaser-module-row-1-item .multiple-teaser-module__image img,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image img {
        height:100%
    }
}

.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image picture,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image img {
    max-width: none;
    height: 100%
}

.multiple-teaser-module-row-1-item .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item .multiple-teaser-module__image,.multiple-teaser-module-row-1-item .bg-video-player__no-consent-image {
    height: 100%
}

@media screen and (min-width: 1100px)and (min-width: 768px) {
    .multiple-teaser-module-row-1-item--variant .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item--variant .multiple-teaser-module__image,.multiple-teaser-module-row-1-item--variant .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item--variant .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (16px * 2)) * 0.65 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1100px)and (min-width: 1024px) {
    .multiple-teaser-module-row-1-item--variant .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item--variant .multiple-teaser-module__image,.multiple-teaser-module-row-1-item--variant .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item--variant .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (40px * 2)) * 0.65 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1100px)and (min-width: 1280px) {
    .multiple-teaser-module-row-1-item--variant .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item--variant .multiple-teaser-module__image,.multiple-teaser-module-row-1-item--variant .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item--variant .row__cell-item--hasVideo {
        min-height:calc( ( (100vw - (16px * 2) - (72px * 2)) * 0.65 ) / 1.7777777778 )
    }
}

@media screen and (min-width: 1100px)and (min-width: 1670px) {
    .multiple-teaser-module-row-1-item--variant .multiple-teaser-module__content--hasImage,.multiple-teaser-module-row-1-item--variant .multiple-teaser-module__image,.multiple-teaser-module-row-1-item--variant .bg-video-player__no-consent-image,.multiple-teaser-module-row-1-item--variant .row__cell-item--hasVideo {
        min-height:calc( ( ( 100vw - (16px * 2) - (7.5vw * 2) ) * 0.65 ) / 1.7777777778 )
    }
}

.multiple-teaser-module .frame__cell-item>a,.multiple-teaser-module .frame__cell-item>a:visited,.multiple-teaser-module .frame__cell-item>a:hover,.multiple-teaser-module .frame__cell-item>a:focus,.multiple-teaser-module .row__cell-item>a,.multiple-teaser-module .row__cell-item>a:visited,.multiple-teaser-module .row__cell-item>a:hover,.multiple-teaser-module .row__cell-item>a:focus {
    color: currentColor;
    text-decoration: none
}

.multiple-teaser-module-row-2-item .multiple-teaser-module__new-info,.multiple-teaser-module-row-3-item .multiple-teaser-module__new-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.multiple-teaser-module-row-2-item .multiple-teaser-module__new-info>div,.multiple-teaser-module-row-3-item .multiple-teaser-module__new-info>div {
    flex-grow: 1
}

.multiple-teaser-module-row-2-item .multiple-teaser-module__new-info time,.multiple-teaser-module-row-3-item .multiple-teaser-module__new-info time {
    margin: 11px 0 4px;
    font-size: 0.8125rem;
    height: 22px
}

@media screen and (min-width: 1024px) {
    .multiple-teaser-module-row-2-item .multiple-teaser-module__new-info {
        display:flex;
        justify-content: space-between;
        margin-bottom: 24px;
        flex-direction: row
    }

    .multiple-teaser-module-row-2-item .multiple-teaser-module__new-info>div {
        flex-grow: 1
    }

    .multiple-teaser-module-row-2-item .multiple-teaser-module__new-info time {
        font-size: 0.8125rem;
        margin: 0 0 0 32px;
        height: auto
    }
}

.news-article-top-a {
    position: relative;
    overflow: hidden;
    top: -1px;
    margin-bottom: -1px
}

.news-article-top-a:after {
    content: "";
    display: block;
    clear: both
}

.news-article-top-a__image {
    max-width: 120%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden
}

.news-article-top-a__image img,.news-article-top-a__image video,.news-article-top-a__image object,.news-article-top-a__image picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.news-article-top-a__image.focus-MiddleCenter img,.news-article-top-a__image.focus-MiddleCenter video,.news-article-top-a__image.focus-MiddleCenter object,.news-article-top-a__image.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.news-article-top-a__image.focus-TopCenter img,.news-article-top-a__image.focus-TopCenter video,.news-article-top-a__image.focus-TopCenter object,.news-article-top-a__image.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.news-article-top-a__image.focus-BottomCenter img,.news-article-top-a__image.focus-BottomCenter video,.news-article-top-a__image.focus-BottomCenter object,.news-article-top-a__image.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.news-article-top-a__image.focus-TopLeft img,.news-article-top-a__image.focus-TopLeft video,.news-article-top-a__image.focus-TopLeft object,.news-article-top-a__image.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.news-article-top-a__image.focus-MiddleLeft img,.news-article-top-a__image.focus-MiddleLeft video,.news-article-top-a__image.focus-MiddleLeft object,.news-article-top-a__image.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.news-article-top-a__image.focus-BottomLeft img,.news-article-top-a__image.focus-BottomLeft video,.news-article-top-a__image.focus-BottomLeft object,.news-article-top-a__image.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.news-article-top-a__image.focus-TopRight img,.news-article-top-a__image.focus-TopRight video,.news-article-top-a__image.focus-TopRight object,.news-article-top-a__image.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.news-article-top-a__image.focus-MiddleRight img,.news-article-top-a__image.focus-MiddleRight video,.news-article-top-a__image.focus-MiddleRight object,.news-article-top-a__image.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.news-article-top-a__image.focus-BottomRight img,.news-article-top-a__image.focus-BottomRight video,.news-article-top-a__image.focus-BottomRight object,.news-article-top-a__image.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.news-article-top-a__image.focus-stretch img,.news-article-top-a__image.focus-stretch video,.news-article-top-a__image.focus-stretch object,.news-article-top-a__image.focus-stretch picture {
    max-width: 100%
}

@media(min-width: 768px) {
    .news-article-top-a__image {
        width:auto;
        left: 16px;
        right: 16px
    }
}

@media(min-width: 1024px) {
    .news-article-top-a__image {
        width:auto;
        left: 80px;
        right: 80px;
        padding-bottom: 30%
    }
}

.news-article-top-a__primary {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px;
    position: relative;
    z-index: 5;
    margin-top: 45vw
}

@media(min-width: 640px) {
    .news-article-top-a__primary {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .news-article-top-a__primary {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .news-article-top-a__primary {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .news-article-top-a__primary {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .news-article-top-a__primary {
        margin-top:20vw
    }
}

@media(min-width: 1100px) {
    .news-article-top-a__primary {
        margin-top:25vw
    }
}

.news-article-top-a__primary .frame__cell-item {
    position: relative;
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%;
    background-color: #3f4346;
    color: #fff
}

@media(min-width: 640px) {
    .news-article-top-a__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .news-article-top-a__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .news-article-top-a__primary .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .news-article-top-a__primary .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .news-article-top-a__primary .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .news-article-top-a__primary .frame__cell-item {
        margin-left:12.5%
    }
}

.news-article-top-a__primary .frame__cell-item:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: inherit;
    z-index: -1;
    transform: translateX(-99%)
}

@media(min-width: 640px)and (max-width: 1024px) {
    .news-article-top-a__primary .frame__cell-item {
        width:calc(100% - 24px)
    }
}

@media(min-width: 1400px) {
    .news-article-top-a__primary .frame__cell-item {
        position:static
    }

    .news-article-top-a__primary .frame__cell-item:after {
        left: 50%;
        transform: translateX(-50%);
        width: 85%
    }
}

@media(min-width: 1520px) {
    .news-article-top-a__primary .frame__cell-item:after {
        width:90%
    }
}

@media(min-width: 1670px) {
    .news-article-top-a__primary .frame__cell-item:after {
        width:100%
    }
}

.news-article-top-a__primary .frame__cell-item__inner {
    position: relative
}

.news-article-top-b {
    position: relative;
    overflow: hidden
}

.news-article-top-b__primary {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px;
    position: relative;
    z-index: 5
}

@media(min-width: 640px) {
    .news-article-top-b__primary {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .news-article-top-b__primary {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .news-article-top-b__primary {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .news-article-top-b__primary {
        padding:0 8px
    }
}

@media(max-width: 640px) {
    .news-article-top-b__primary {
        padding-right:24px
    }
}

.news-article-top-b__primary .frame__cell-item {
    position: relative;
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%;
    background-color: #f2f2f2
}

@media(min-width: 640px) {
    .news-article-top-b__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .news-article-top-b__primary .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .news-article-top-b__primary .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .news-article-top-b__primary .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .news-article-top-b__primary .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .news-article-top-b__primary .frame__cell-item {
        margin-left:12.5%
    }
}

.news-article-top-b__primary .frame__cell-item:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: inherit;
    z-index: -1;
    transform: translateX(-99%)
}

@media(min-width: 1400px) {
    .news-article-top-b__primary .frame__cell-item {
        position:static
    }

    .news-article-top-b__primary .frame__cell-item:after {
        transform: none
    }
}

[class^=news-article-top-] div.news-categories {
    width: 75%
}

@media(min-width: 640px) {
    [class^=news-article-top-] div.news-categories {
        width:55%
    }
}

@media(min-width: 1024px) {
    [class^=news-article-top-] div.news-categories .news-categories__ellipsis:hover>span {
        color:inherit
    }
}

[class^=news-article-top-] .frame__cell-item__inner {
    padding: 24px 48px 24px 24px;
    margin-left: -24px
}

@media(min-width: 768px)and (max-width: 1024px) {
    [class^=news-article-top-] .frame__cell-item__inner {
        margin-right:48px
    }
}

[class^=news-article-top-] time {
    margin: 1em 0
}

@media(min-width: 640px) {
    [class^=news-article-top-] time {
        position:absolute;
        top: 8px;
        right: 48px
    }
}

@media(min-width: 640px) {
    [class^=news-article-top-] .trumpet {
        min-height:1em
    }
}

.search-results {
    width: 100%
}

.search-results__top {
    background-color: #f2f2f2;
    padding: 24px
}

@media(min-width: 768px) {
    .search-results__top {
        padding:24px 80px
    }
}

@media(min-width: 1100px) {
    .search-results__top {
        margin:0 80px;
        padding: 80px
    }
}

.search-results__top .frame__cell-item__inner {
    max-width: 700px;
    margin: auto
}

.search-results__banner {
    display: block;
    text-decoration: none;
    background-color: #6c757b;
    color: #fff;
    margin-top: 1px;
    margin-bottom: 1px
}

.search-results__banner:after {
    content: "";
    display: block;
    clear: both
}

.search-results__banner-inner {
    padding: 1em
}

@media(min-width: 1100px) {
    .search-results__banner-inner {
        padding:2em 2.5em
    }
}

.search-results__banner-image {
    float: right;
    width: 150px;
    height: 150px;
    border-left: 1px solid rgba(0,0,0,.05);
    overflow: hidden
}

.search-results__banner-image img {
    display: block;
    max-width: 100%;
    height: auto
}

.search-results__banner-title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    margin-bottom: .5em
}

@media(min-width: 768px) {
    .search-results__banner-title {
        font-size:1.375rem;
        line-height: 1.75rem
    }
}

.search-results__top-message {
    padding: 1em
}

@media(min-width: 1100px) {
    .search-results__top-message {
        padding:1em 2.5em
    }
}

.search-results__main {
    max-width: 700px;
    margin: auto
}

.search-results__link {
    display: block;
    text-decoration: none;
    border-top: 1px solid rgba(0,0,0,.05);
    color: #242424;
    padding: 1em
}

.search-results__link:visited {
    color: #242424
}

.search-results__link:first-child() {
    border-top: none
}

.search-results__link:hover {
    background-color: rgba(0,0,0,.05)
}

@media(min-width: 1100px) {
    .search-results__link {
        padding:2em 2.5em
    }
}

.search-results__link-title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    margin-bottom: .5em
}

@media(min-width: 768px) {
    .search-results__link-title {
        font-size:1.375rem;
        line-height: 1.75rem
    }
}

.search-results__link-url {
    font-size: 0.75rem;
    margin-bottom: .5em
}

.search-results__pagination {
    max-width: 700px;
    margin: auto
}

.search-results__banner.cludo-banner {
    padding: 1em
}

@media(min-width: 1100px) {
    .search-results__banner.cludo-banner {
        padding:2em 2.5em
    }
}

.search-results__banner.cludo-banner h1,.search-results__banner.cludo-banner h2,.search-results__banner.cludo-banner h3 {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    margin-top: 0;
    margin-bottom: .5em
}

@media(min-width: 768px) {
    .search-results__banner.cludo-banner h1,.search-results__banner.cludo-banner h2,.search-results__banner.cludo-banner h3 {
        font-size:1.375rem;
        line-height: 1.75rem
    }
}

.search-results__banner.cludo-banner p {
    margin: 0
}

.search-results__banner.cludo-banner img {
    max-width: 150px;
    height: auto
}

.search-results__banner.cludo-banner a {
    color: #fff
}

.search-results__banner.cludo-banner a:hover {
    color: #fff;
    text-decoration: none;
    opacity: .8
}

.table-module {
    background-color: #fff1b5;
    padding: 24px 24px
}

@media(min-width: 1024px) {
    .table-module {
        padding:40px 80px
    }
}

.table-module .frame__cell {
    max-width: 1362px;
    margin: auto
}

@media(min-width: 640px) {
    .table-module .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .table-module .frame__cell {
        max-width:1362px
    }
}

.table-module .frame__cell-item {
    max-width: 100%;
    margin-left: 0%;
    text-align: center
}

@media(min-width: 640px) {
    .table-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .table-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 640px) {
    .table-module .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .table-module .frame__cell-item {
        margin-left:0%
    }
}

.table-module .table-module__wrapper {
    background-color: #fff;
    display: inline-block;
    max-height: calc(100vh - 48px);
    max-width: 100%;
    padding: 0.5rem 3rem 1rem;
    overflow: auto;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-module .table-module__wrapper::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.table-module .table-module__wrapper:hover::-webkit-scrollbar {
    height: 8px
}

.table-module .table-module__wrapper::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.table-module .table-module__wrapper::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.table-module .table-module__wrapper::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.table-module .table-module__wrapper::-webkit-scrollbar {
    height: 8px
}

.table-module .table-module__wrapper::-webkit-scrollbar-thumb {
    background: #ffec9c
}

@media(min-width: 1024px) {
    .table-module .table-module__wrapper {
        padding:0.5rem 4rem 2rem
    }
}

.table-module small {
    display: block;
    margin: 1em 0;
    max-width: 510.75px
}

.table-module table {
    max-width: calc(100% + 48px);
    margin: 1em -1.5rem
}

.table-module table th,.table-module table td {
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 1rem 1.5rem;
    text-align: left
}

@media(min-width: 1024px) {
    .teaser-list--1-item .frame__cell {
        padding:0
    }
}

.teaser-list--1-item .teaser-list__item {
    flex-basis: 100%
}

.teaser-list--1-item .teaser-list__item+.teaser-list__item {
    margin-top: 2.5rem
}

.teaser-list--1-item .teaser-list__image {
    padding: 0 8px
}

@media(min-width: 1024px) {
    .teaser-list--1-item .teaser-list__image {
        padding:0
    }
}

.teaser-list--1-item .teaser-list__text {
    max-width: 41.125rem;
    padding: 0 8px
}

@media(min-width: 1024px) {
    .teaser-list--1-item .teaser-list__text {
        margin:0 16px;
        padding-left: 12.5%;
        position: relative
    }
}

@media(min-width: 1400px) {
    .teaser-list--1-item .teaser-list__text {
        margin-left:16px
    }
}

@media(min-width: 1024px) {
    .teaser-list--1-item .teaser-list__text-category {
        left:0;
        margin: 0;
        position: absolute;
        top: 0
    }
}

@media(min-width: 1024px) {
    .teaser-list--2-items .frame__cell {
        padding:0
    }
}

@media(min-width: 1400px) {
    .teaser-list--2-items .frame__cell {
        max-width:none
    }
}

.teaser-list--2-items .teaser-list__item {
    margin-bottom: 3.5rem;
    min-width: 50%;
    flex-basis: 50%
}

.teaser-list--2-items .teaser-list__item:after {
    clear: both;
    content: "";
    display: block
}

@media(max-width: 640px) {
    .teaser-list--2-items .teaser-list__item {
        flex-basis:100%
    }
}

@media(min-width: 640px) {
    .teaser-list--2-items .teaser-list__item {
        margin-bottom:0
    }

    .teaser-list--2-items .teaser-list__item:nth-child(n+3) {
        margin-top: 3.5rem
    }
}

@media(max-width: 1024px) {
    .teaser-list--2-items .teaser-list__item .teaser-list__text,.teaser-list--2-items .teaser-list__item .teaser-list__image {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .teaser-list--2-items .teaser-list__item:nth-child(odd) .teaser-list__image {
        padding-right:8px
    }

    .teaser-list--2-items .teaser-list__item:nth-child(odd) .teaser-list__text {
        margin-left: 16px;
        margin-right: 8px
    }

    .teaser-list--2-items .teaser-list__item:nth-child(even) .teaser-list__image {
        padding-left: 8px
    }

    .teaser-list--2-items .teaser-list__item:nth-child(even) .teaser-list__text {
        margin-left: 8px;
        margin-right: 16px
    }

    .teaser-list--2-items .teaser-list__item .teaser-list__text {
        padding-left: 25%;
        position: relative
    }
}

@media(min-width: 1400px) {
    .teaser-list--2-items .teaser-list__item .teaser-list__text {
        width:41.125rem;
        padding-left: 10.6875rem;
        padding-right: 1rem
    }

    .teaser-list--2-items .teaser-list__item:nth-child(odd) .teaser-list__text {
        margin-left: 8px;
        float: right
    }

    .teaser-list--2-items .teaser-list__item:nth-child(even) .teaser-list__text {
        float: left
    }
}

@media(min-width: 1024px) {
    .teaser-list--2-items .teaser-list__text-category {
        left:0.0625rem;
        margin: 0;
        position: absolute;
        top: 0
    }
}

@media(min-width: 1400px) {
    .teaser-list--2-items .teaser-list__text-category {
        top:1.75rem
    }
}

.teaser-list--3-items .teaser-list__image,.teaser-list--4-items .teaser-list__image {
    margin: 0;
    padding: 0 8px
}

.teaser-list--3-items .teaser-list__text,.teaser-list--4-items .teaser-list__text {
    max-width: 510.75px;
    padding: 0 8px
}

.teaser-list--3-items .teaser-list__item,.teaser-list--4-items .teaser-list__item {
    margin-bottom: 3.5rem;
    flex-basis: 50%;
    min-width: 50%
}

@media(min-width: 1024px) {
    .teaser-list--3-items .teaser-list__item,.teaser-list--4-items .teaser-list__item {
        margin-bottom:2.5rem;
        flex-basis: 25%;
        min-width: 25%
    }
}

.teaser-list--3-items .teaser-list__item:first-child {
    flex-basis: 100%;
    min-width: 100%
}

@media(min-width: 1024px) {
    .teaser-list--3-items .teaser-list__item:first-child {
        flex-basis:50%;
        min-width: 50%
    }
}

@media(min-width: 1024px) {
    .teaser-list--3-items .teaser-list__item:nth-child(2) .teaser-list__image,.teaser-list--3-items .teaser-list__item:nth-child(3) .teaser-list__image {
        padding-top:100%
    }
}

.teaser-list .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .teaser-list .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .teaser-list .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .teaser-list .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .teaser-list .frame__cell {
        padding:0 8px
    }
}

.teaser-list .frame__cell-item {
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .teaser-list .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .teaser-list .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 640px) {
    .teaser-list .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .teaser-list .frame__cell-item {
        margin-left:0%
    }
}

.teaser-list .teaser-list__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap
}

.teaser-list .teaser-list__item {
    flex-grow: 0;
    margin-bottom: 16px
}

.teaser-list .teaser-list__item img,.teaser-list .teaser-list__item picture {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    min-width: 100%
}

@media(max-width: 1024px) {
    .teaser-list .teaser-list__item .a-arrow-link {
        font-size:.9em;
        padding-left: 1.0625rem
    }
}

.teaser-list .a-arrow-link__container {
    padding: 16px 0
}

@media(min-width: 1024px) {
    .teaser-list--1-item .frame__cell {
        padding:0
    }
}

.teaser-list--1-item .teaser-list__item {
    flex-basis: 100%
}

.teaser-list--1-item .teaser-list__item+.teaser-list__item {
    margin-top: 2.5rem
}

.teaser-list--1-item .teaser-list__image {
    padding: 0 8px
}

@media(min-width: 1024px) {
    .teaser-list--1-item .teaser-list__image {
        padding:0
    }
}

.teaser-list--1-item .teaser-list__text {
    max-width: 41.125rem;
    padding: 0 8px
}

@media(min-width: 1024px) {
    .teaser-list--1-item .teaser-list__text {
        margin:0 16px;
        padding-left: 12.5%;
        position: relative
    }
}

@media(min-width: 1400px) {
    .teaser-list--1-item .teaser-list__text {
        margin-left:16px
    }
}

@media(min-width: 1024px) {
    .teaser-list--1-item .teaser-list__text-category {
        left:0;
        margin: 0;
        position: absolute;
        top: 0
    }
}

@media(min-width: 1024px) {
    .teaser-list--2-items .frame__cell {
        padding:0
    }
}

@media(min-width: 1400px) {
    .teaser-list--2-items .frame__cell {
        max-width:none
    }
}

.teaser-list--2-items .teaser-list__item {
    margin-bottom: 3.5rem;
    min-width: 50%;
    flex-basis: 50%
}

.teaser-list--2-items .teaser-list__item:after {
    clear: both;
    content: "";
    display: block
}

@media(max-width: 640px) {
    .teaser-list--2-items .teaser-list__item {
        flex-basis:100%
    }
}

@media(min-width: 640px) {
    .teaser-list--2-items .teaser-list__item {
        margin-bottom:0
    }

    .teaser-list--2-items .teaser-list__item:nth-child(n+3) {
        margin-top: 3.5rem
    }
}

@media(max-width: 1024px) {
    .teaser-list--2-items .teaser-list__item .teaser-list__text,.teaser-list--2-items .teaser-list__item .teaser-list__image {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .teaser-list--2-items .teaser-list__item:nth-child(odd) .teaser-list__image {
        padding-right:8px
    }

    .teaser-list--2-items .teaser-list__item:nth-child(odd) .teaser-list__text {
        margin-left: 16px;
        margin-right: 8px
    }

    .teaser-list--2-items .teaser-list__item:nth-child(even) .teaser-list__image {
        padding-left: 8px
    }

    .teaser-list--2-items .teaser-list__item:nth-child(even) .teaser-list__text {
        margin-left: 8px;
        margin-right: 16px
    }

    .teaser-list--2-items .teaser-list__item .teaser-list__text {
        padding-left: 25%;
        position: relative
    }
}

@media(min-width: 1400px) {
    .teaser-list--2-items .teaser-list__item .teaser-list__text {
        width:41.125rem;
        padding-left: 10.6875rem;
        padding-right: 1rem
    }

    .teaser-list--2-items .teaser-list__item:nth-child(odd) .teaser-list__text {
        margin-left: 8px;
        float: right
    }

    .teaser-list--2-items .teaser-list__item:nth-child(even) .teaser-list__text {
        float: left
    }
}

@media(min-width: 1024px) {
    .teaser-list--2-items .teaser-list__text-category {
        left:0.0625rem;
        margin: 0;
        position: absolute;
        top: 0
    }
}

@media(min-width: 1400px) {
    .teaser-list--2-items .teaser-list__text-category {
        top:1.75rem
    }
}

.teaser-list--3-items .teaser-list__image,.teaser-list--4-items .teaser-list__image {
    margin: 0;
    padding: 0 8px
}

.teaser-list--3-items .teaser-list__text,.teaser-list--4-items .teaser-list__text {
    max-width: 510.75px;
    padding: 0 8px
}

.teaser-list--3-items .teaser-list__item,.teaser-list--4-items .teaser-list__item {
    margin-bottom: 3.5rem;
    flex-basis: 50%;
    min-width: 50%
}

@media(min-width: 1024px) {
    .teaser-list--3-items .teaser-list__item,.teaser-list--4-items .teaser-list__item {
        margin-bottom:2.5rem;
        flex-basis: 25%;
        min-width: 25%
    }
}

.teaser-list--3-items .teaser-list__item:first-child {
    flex-basis: 100%;
    min-width: 100%
}

@media(min-width: 1024px) {
    .teaser-list--3-items .teaser-list__item:first-child {
        flex-basis:50%;
        min-width: 50%
    }
}

@media(min-width: 1024px) {
    .teaser-list--3-items .teaser-list__item:nth-child(2) .teaser-list__image,.teaser-list--3-items .teaser-list__item:nth-child(3) .teaser-list__image {
        padding-top:100%
    }
}

.text-module-a .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .text-module-a .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .text-module-a .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .text-module-a .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .text-module-a .frame__cell {
        padding:0 8px
    }
}

.text-module-a .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .text-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .text-module-a .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .text-module-a .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .text-module-a .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .text-module-a .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .text-module-a .frame__cell-item {
        margin-left:12.5%
    }
}

.text-module-a__content {
    max-width: 1000px
}

.text-module-b .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .text-module-b .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .text-module-b .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .text-module-b .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .text-module-b .frame__cell {
        padding:0 8px
    }
}

.text-module-b .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 1100px) {
    .text-module-b .frame__cell-item {
        display:flex;
        align-items: flex-start
    }
}

.text-module-b .frame__cell-item:after {
    content: "";
    display: table;
    clear: both
}

@media(min-width: 640px) {
    .text-module-b .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .text-module-b .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .text-module-b .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .text-module-b .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .text-module-b .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .text-module-b .frame__cell-item {
        margin-left:12.5%
    }
}

.text-module-b__content {
    max-width: 510.75px;
    margin-bottom: 1em
}

@media(min-width: 1100px) {
    .text-module-b__content {
        margin-right:1em;
        margin-bottom: 0
    }
}

@media(min-width: 1400px) {
    .text-module-b__content {
        margin-right:2em
    }
}

.text-module-b__infobox {
    color: #242424;
    padding: 1.1rem 1rem;
    background: #f2f2f2;
    max-width: 510.75px
}

.text-module-b__infobox>*:first-child {
    margin-top: 0
}

.text-module-b__infobox>*:last-child {
    margin-bottom: 0
}

@media(min-width: 1100px) {
    .text-module-b__infobox {
        margin-top:10px;
        padding-left: 1em;
        float: right;
        width: 35%
    }
}

@media(min-width: 1400px) {
    .text-module-b__infobox {
        width:45%;
        padding: 1.5rem 1.5rem
    }
}

.text-module-a,.text-module-b,.two-column-module {
    padding: 24px 0 0 0
}

@media(min-width: 640px) {
    .text-module-a,.text-module-b,.two-column-module {
        padding:32px 0 0 0
    }
}

.two-column-module .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .two-column-module .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .two-column-module .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .two-column-module .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .two-column-module .frame__cell {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .two-column-module .frame__cell {
        padding:0 80px
    }
}

@media(min-width: 1520px) {
    .two-column-module .frame__cell {
        padding:0
    }
}

.two-column-module .frame__cell-item {
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .two-column-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .two-column-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 640px) {
    .two-column-module .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .two-column-module .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .two-column-module .frame__cell-item {
        display:flex
    }
}

.two-column-module .rich-text img {
    max-width: calc(100vw - 64px)
}

@media(min-width: 41.125rem) {
    .two-column-module .rich-text img {
        max-width:30.84375rem
    }
}

@media(min-width: 1024px) {
    .two-column-module .rich-text img {
        max-width:100%
    }
}

@media(min-width: 1520px) {
    .two-column-module .rich-text img {
        max-width:641px
    }
}

.two-column-module .rich-text p {
    max-width: 100%
}

.two-column-module .rich-text>*:first-child {
    margin-top: 0
}

.two-column-module .rich-text>*:last-child {
    margin-bottom: 0
}

.two-column-module .two-column-module__content {
    width: 100%
}

@media(min-width: 1024px) {
    .two-column-module .two-column-module__content {
        width:50%
    }
}

.two-column-module .two-column-module__content {
    overflow: hidden
}

.two-column-module .two-column-module__content>div {
    padding-top: 24px
}

@media(min-width: 1024px) {
    .two-column-module .two-column-module__content:first-child {
        padding:32px 32px 56px 8px
    }

    .two-column-module .two-column-module__content:last-child {
        padding: 32px 8px 56px 32px
    }
}

.netbank-two-column-module {
    display: flex
}

@media(max-width: 1024px) {
    .netbank-two-column-module {
        flex-direction:column
    }
}

@media(min-width: 1024px) {
    .netbank-two-column-module>:first-child {
        margin-right:32px
    }
}

.netbank-two-column-module__item {
    width: 50%
}

@media(max-width: 1024px) {
    .netbank-two-column-module__item {
        width:100%
    }
}

.two-column-module .bg-video-player {
    overflow: hidden;
    max-width: calc(1024px - (1024px/6) - 48px);
    max-height: calc((1024px - (1024px/6) - 48px) / 1.7777777778);
    width: calc(100vw + 14px - 64px);
    height: calc((100vw + 14px - 64px) / 1.7777777778)
}

@media(min-width: 640px) {
    .two-column-module .bg-video-player {
        width:calc(100vw - 64px);
        height: calc((100vw - 64px) / 1.7777777778)
    }
}

@media(min-width: 1024px) {
    .two-column-module .bg-video-player {
        width:calc(50vw - 128px);
        height: calc((50vw - 128px) / 1.7777777778)
    }
}

@media(min-width: 1378px) {
    .two-column-module .bg-video-player {
        height:calc(561px / 1.7777777778);
        width: 561px
    }
}

@media(min-width: 1520px) {
    .two-column-module .bg-video-player {
        height:calc((1362px / 2 - 40px) / 1.7777777778);
        width: 641px
    }
}

.two-column-module .bg-video-player-wrapper {
    top: 10%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.two-column-module .bg-video-player-wrapper--hasControls {
    pointer-events: auto
}

.two-column-module .bg-video-player__no-consent-image img {
    width: 100%
}

.multiple-teaser-module .multiple-teaser-module__video .bg-video-player {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
    width: 100%;
    height: 100%
}

.multiple-teaser-module .multiple-teaser-module__video .bg-video-player-wrapper {
    height: 100%;
    width: 100%;
    pointer-events: none
}

.multiple-teaser-module .multiple-teaser-module__video .bg-video-player-wrapper--hasControls {
    pointer-events: auto
}

.hero-module-d .bg-video-player {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99
}

.hero-module-d .bg-video-player:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0)
}

.hero-module-d .bg-video-player-wrapper,.hero-module-d .bg-video-player-wrapper iframe {
    position: absolute;
    top: 0;
    height: 100%;
    pointer-events: none;
    width: 300%;
    left: -100%
}

.hero-module-d .bg-video-player-wrapper--vimeo,.hero-module-d .bg-video-player-wrapper--vimeo iframe {
    position: absolute;
    top: 0;
    height: 100%;
    pointer-events: none;
    width: 300%;
    left: -25%
}

.hero-module-d .bg-video-player-wrapper {
    height: 150%;
    top: -25%
}

@media(min-width: 768px) {
    .hero-module-d .bg-video-player-wrapper {
        height:250%;
        top: -75%
    }
}

@media(min-width: 1670px) {
    .hero-module-d .bg-video-player-wrapper {
        height:200%;
        top: -50%
    }
}

.hero-module-d .bg-video-player-wrapper .bg-video-player-item>div {
    opacity: 0;
    transition: opacity .3s ease
}

.hero-module-d .bg-video-player-wrapper.bg-video-player-wrapper--playing .bg-video-player-item>div {
    opacity: 1
}

.video-player-frame {
    padding: 24px 0 0 0
}

@media(min-width: 640px) {
    .video-player-frame {
        padding:32px 0 0 0
    }
}

.video-player-frame .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .video-player-frame .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .video-player-frame .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .video-player-frame .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .video-player-frame .frame__cell {
        padding:0 8px
    }
}

.video-player-frame .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .video-player-frame .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .video-player-frame .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .video-player-frame .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .video-player-frame .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .video-player-frame .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .video-player-frame .frame__cell-item {
        margin-left:12.5%
    }
}

.video-player {
    position: relative
}

.video-player-overlay {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0)
}

.video-player-wrap {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    position: relative;
    background: #f2f2f2
}

.video-player-wrap .video,.video-player-wrap iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0
}

.video-player-button {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    text-align: center;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #3f4346;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.video-player-button.btn--disabled,.video-player-button:disabled {
    opacity: .3;
    pointer-events: none
}

.video-player-button svg {
    position: absolute;
    top: 50%;
    left: 53.5%;
    transform: translate(-50%, -50%);
    fill: currentColor;
    width: 2.25rem;
    height: 2.25rem
}

.widget-spacer {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    height: 1rem
}

.pay-from-account-abroad,.take-home-from-account-abroad {
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 1362px;
    margin: 48px auto
}

@media screen and (min-width: 640px) {
    .pay-from-account-abroad,.take-home-from-account-abroad {
        padding:0 16px
    }
}

.pay-from-account-abroad__content,.take-home-from-account-abroad__content {
    display: block;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background-color: #fff;
    width: 620px;
    max-width: 100%;
    margin-bottom: 32px;
    position: relative
}

.pay-from-account-abroad__top,.take-home-from-account-abroad__top {
    background-color: #3f4346;
    color: #fff
}

.pay-from-account-abroad__headline,.take-home-from-account-abroad__headline {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 1.25rem;
    text-align: center;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.pay-from-account-abroad__form-section,.take-home-from-account-abroad__form-section {
    padding: 32px 64px 40px
}

.pay-from-account-abroad__form-section--bottom,.take-home-from-account-abroad__form-section--bottom {
    background-color: #f8f8f8
}

.pay-from-account-abroad__amount-currency-row,.take-home-from-account-abroad__amount-currency-row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: stretch
}

.pay-from-account-abroad__amount,.take-home-from-account-abroad__amount {
    margin-right: 10px
}

.pay-from-account-abroad__amount.form-control.field-text .form-label,.take-home-from-account-abroad__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.pay-from-account-abroad__amount .form-input-wrap,.take-home-from-account-abroad__amount .form-input-wrap {
    margin-bottom: 0
}

.pay-from-account-abroad__amount .form-control__content,.take-home-from-account-abroad__amount .form-control__content {
    text-align: center
}

.pay-from-account-abroad__amount input.form-input__input,.take-home-from-account-abroad__amount input.form-input__input {
    padding: 0 1em;
    font-size: 1.75rem;
    text-align: center
}

.pay-from-account-abroad__amount input::-ms-input-placeholder, .take-home-from-account-abroad__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.pay-from-account-abroad__amount input::placeholder,.take-home-from-account-abroad__amount input::placeholder {
    color: #9b9b9b
}

.pay-from-account-abroad__currency,.take-home-from-account-abroad__currency {
    width: 90px !important;
    margin-top: 9px
}

.pay-from-account-abroad__submit-buttons-container,.take-home-from-account-abroad__submit-buttons-container {
    display: flex
}

.pay-from-account-abroad__bic-swift {
    flex: 1
}

.pay-from-account-abroad__bic-swift-checkbox .form-checkbox {
    margin-right: 0;
    display: flex;
    align-items: flex-start;
    padding: 1.5rem 0 0 10px
}

.pay-from-account-abroad__form-section--bottom-left-align {
    padding: unset
}

.pay-from-account-abroad__form-section--bottom-left-align>:first-child {
    text-align: left
}

.accept-terms {
    display: flex;
    justify-content: center;
    align-items: center
}

.accept-term {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 256px);
    width: 100vw;
    max-width: 681px;
    background-color: #fff
}

@media(max-width: 768px) {
    .accept-term {
        max-width:460px;
        max-height: calc(100vh - 128px)
    }
}

.accept-term__top {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-width: calc(100vw - 32px)
}

.accept-term__top::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.accept-term__top:hover::-webkit-scrollbar {
    height: 8px
}

.accept-term__top::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.accept-term__top::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.accept-term__top::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.accept-term__image {
    max-height: 300px;
    width: 100%
}

.accept-term__content {
    padding: 0 80px
}

.accept-term__content h2 {
    margin-bottom: 0
}

@media(max-width: 768px) {
    .accept-term__content {
        width:100%;
        padding: 0px 32px
    }
}

.accept-term__bottom {
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.accept-term__button {
    min-width: 125px
}

.account-balance-summation {
    display: flex;
    flex-direction: column;
    margin: 10px 24px
}

.account-balance-summation__header {
    color: #6e6e6e;
    font-size: 0.75rem;
    font-style: italic;
    text-transform: uppercase
}

.account-balance-summation__list {
    color: #242424;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 0.6875rem
}

.account-balance-summation__list-item {
    padding: 15px 0
}

.account-balance-summation__list-item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.account-balance-summation__value {
    display: flex;
    justify-content: space-between
}

.account-balance-summation__value .amount__currency-postfix {
    font-size: 0.6875rem;
    margin: 0 5px
}

.account-balance-summation__currency {
    color: #6e6e6e
}

.account-balance-summation--small {
    margin: 10px 1.25rem
}

.account-card-list {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.account-card-list--small .account-card-list__item {
    max-width: 100%
}

.account-card-list--medium .account-card-list__item {
    max-width: 50%
}

.account-card-list--medium.account-card-list--2-cards .account-card-list__item {
    max-width: 50%
}

.account-card-list--medium.account-card-list--1-cards .account-card-list__item {
    max-width: 100%
}

.account-card-list--large .account-card-list__item {
    max-width: 33.333334%
}

.account-card-list--large.account-card-list--few-cards .account-card-list__item {
    max-width: 50%
}

.account-card-list--extraLarge .account-card-list__item {
    max-width: 25%
}

.account-card-list--extraLarge.account-card-list--few-cards .account-card-list__item {
    max-width: 50%
}

.account-card-list--extraLarge.account-card-list--3-cards .account-card-list__item {
    max-width: 33.333333334%
}

.account-card-list--extraLarge.account-card-list--many-cards .account-card-list__item {
    max-width: 25%
}

.account-card {
    position: relative;
    flex-grow: 1;
    padding: 8px;
    width: 100%;
    color: #6e6e6e;
    text-decoration: none;
    display: flex;
    justify-content: center
}

.account-card__card {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

.account-card-list--many-cards .account-card {
    flex-grow: 0
}

.account-card:visited {
    color: #6e6e6e
}

.account-card__container {
    display: flex;
    justify-content: space-between;
    min-height: 5rem;
    padding: 1.2em 1.8em 1.2em;
    position: relative;
    text-decoration: none
}

.account-card__container>* {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.account-card__container:focus {
    outline: 1px solid
}

.account-card__container .circle-list {
    left: 1.75rem;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    z-index: 201
}

.account-card__right {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 200px;
    text-align: right
}

.account-card__title {
    min-height: 38px;
    font-size: 11px;
    color: #242424;
    padding: 8px 20px;
    font-weight: 900
}

.account-card__account-name {
    overflow: hidden;
    padding: 0rem 0.625rem 0rem 0rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.account-card__account-name,.account-card__total {
    color: #242424;
    line-height: 1.5rem;
    font-size: 0.875rem;
    font-weight: 900
}

.account-card__total .amount__currency-postfix {
    font-size: 0.75rem
}

.account-card__account-nr,.account-card__funds {
    color: #6e6e6e;
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: normal
}

.account-card__total--negative {
    color: #dd1d26
}

.account-card__data-container {
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    position: relative;
    flex-grow: 1
}

.account-card__data-container--empty {
    background-color: #f8f8f8
}

.account-card__bar-chart-label {
    font-size: 13px;
    color: #6e6e6e;
    padding: 8px 20px
}

.account-card__bar-chart-label {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.account-card__bar-chart-content {
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100px;
    margin-top: 16px;
    margin-bottom: 40px
}

.account-card__bar-chart-container .account-card__bar-chart-inactive {
    position: absolute;
    z-index: 1;
    opacity: 1;
    width: 100%;
    opacity: .05;
    top: 50%;
    transform: translateY(-50%);
    height: 100px
}

.account-card__bar-chart-container .account-card__bar-chart-inactive .bar-chart__credit-bar {
    background: #6e6e6e
}

.account-card__bar-chart-container {
    position: relative;
    max-width: 400px;
    margin: auto
}

.account-card__bar-chart-no-activity {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.account-card__card-tools {
    position: absolute;
    z-index: 800;
    top: 16px;
    right: 20px
}

.account-card__market-value-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 140px
}

.account-card__market-value-currency {
    font-size: 0.6875rem;
    margin-bottom: 10px
}

.account-card__market-value-amount {
    font-size: 1.6875rem;
    font-weight: 800
}

.example-account-colours__account-list {
    list-style-type: none;
    padding: 0
}

.example-account-colours__private-account {
    width: 16rem;
    padding: 2rem;
    margin: 2rem 0
}

.example-account-colours__account--blue {
    background-color: #83a5ff
}

.example-account-colours__account--red {
    background-color: #ff6464
}

.example-account-colours__business-account {
    width: 16rem;
    padding: 2rem;
    margin: 2rem 0;
    display: flex;
    justify-content: space-between
}

.example-account-colours__business-account-button {
    color: #242424 !important
}

.account-details {
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 128px);
    max-width: calc(100vw - 32px)
}

.account-details::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.account-details:hover::-webkit-scrollbar {
    height: 8px
}

.account-details::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.account-details::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.account-details::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.account-details__section {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
    padding: 16px 32px;
    font-size: 0.8125rem;
    border-bottom: 1px solid #e5e5e5
}

@media(max-width: 460px) {
    .account-details__section {
        padding:8px 16px
    }

    .account-details__section:last-of-type {
        padding-bottom: 8px
    }
}

.account-details__section--grey {
    background-color: #f8f8f8
}

.account-details__top-headline {
    font-size: 1.125rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900;
    margin: 0 0 16px 0
}

.account-details__main-headline {
    font-size: 1.875rem;
    font-weight: 800;
    margin: 0
}

.account-details__account-number {
    font-size: 0.6875rem;
    margin: 8px 0 20px 0
}

.account-details__items-headline {
    font-size: 0.75rem;
    letter-spacing: .37px;
    font-weight: 400;
    margin: 8px 0;
    color: #6e6e6e;
    text-transform: uppercase
}

.account-details__item--sub-items .account-details__item {
    height: 2rem
}

.account-details__item--sub-items .account-details__item:last-child {
    padding-bottom: 0.5rem
}

.account-details__section__date {
    width: 100%
}

.account-details__section__date .account-details__section__date-picker {
    text-align: left;
    margin-bottom: 8px
}

.account-details__section__date .account-details__section__date-error {
    padding: 16px 24px;
    background: #f0f0f0
}

.account-details__items {
    width: 100%
}

.account-details__items-group {
    transition: max-height .2s cubic-bezier(0, 1, 0, 1),opacity .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    max-height: 0;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    opacity: 0
}

.account-details__items-group--expanded {
    max-height: 4000px;
    transition: max-height 1s ease-in-out,opacity .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    opacity: 1
}

.account-details__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.5rem;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    flex-wrap: wrap
}

.account-details__item--sub-items {
    height: auto
}

.account-details__item-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 2rem;
    font-weight: 900;
    width: 100%;
    padding-top: 0.5rem
}

.account-details__items-group .account-details__item-header {
    padding-top: 16px
}

.account-details__item--hiden {
    display: none;
    visibility: hidden
}

.account-details__item--no-border {
    border-bottom: none
}

.account-details__item-key {
    text-align: left
}

.account-details__item-value {
    font-weight: 900;
    text-align: right
}

.account-details__item-clickable {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    background-color: rgba(0,0,0,0);
    border: none;
    width: 100%;
    padding: 0;
    cursor: pointer
}

.account-details__item-icon {
    width: 13px;
    transition: transform .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.account-details__item-icon--flipped {
    transform: rotateX(180deg)
}

.account-details__item-clickable {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    background-color: rgba(0,0,0,0);
    border: none;
    width: 100%
}

.account-details__item-with-icon {
    display: flex;
    gap: 16px
}

.account-details__row-keys {
    display: flex;
    gap: 0.3125rem
}

.account-details__row-key {
    width: 100px
}

.account-details__notification {
    background-color: #f8f8f8;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8125rem;
    padding: 16px 24px;
    margin: 0
}

.form-control.account-details__nem-konto-switch {
    padding: 0
}

.form-control.account-details__nem-konto-switch .form-switch {
    margin-right: 0;
    margin-top: 12px
}

.account-favorite-button {
    display: inline;
    vertical-align: text-bottom;
    pointer-events: auto;
    background-color: rgba(0,0,0,0);
    border: none;
    font-size: 1rem;
    height: 100%;
    cursor: pointer;
    padding: 0;
    width: 1rem;
    height: 1rem;
    transition: transform .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.account-favorite-button:hover {
    transform: scale(1.25)
}

.account-favorite-button--off svg,a:hover .account-favorite-button--off svg {
    fill: #242424
}

.account-favorite-button--on svg,a:hover .account-favorite-button--on svg {
    fill: #3f4346
}

.account-favorite-button--isUpdating {
    opacity: .3;
    animation-name: rotateYAxis;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    cursor: default
}

.account-favorite-button--isUpdating:hover {
    transform: none
}

.account-header {
    color: #242424;
    padding-top: 16px;
    padding-bottom: 16px
}

.account-header.account-header--pullContentBelow {
    padding-bottom: 128px;
    margin-bottom: -96px
}

.account-header.account-header--pullContentBelow.account-header--business {
    padding-bottom: 96px
}

.account-header.account-header--large,.account-header.account-header--extraLarge {
    padding-top: 24px
}

.account-header.account-header--small.account-header--pullContentBelow {
    padding-bottom: 128px;
    margin-bottom: -128px
}

.account-header__reconciliation--modal {
    overflow: visible !important;
    width: 648px
}

.account-header__top-bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px;
    margin-bottom: 8px
}

@media(min-width: 768px) {
    .account-header__top-bar {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .account-header__top-bar {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .account-header__top-bar {
        padding:0 56px
    }
}

.account-header--large .account-header__top-bar,.account-header--extraLarge .account-header__top-bar {
    margin-bottom: 24px
}

.account-header__inner {
    display: flex;
    justify-content: space-between;
    font-size: 1.6875rem;
    font-weight: 600;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px
}

@media(min-width: 768px) {
    .account-header__inner {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .account-header__inner {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .account-header__inner {
        padding:0 56px
    }
}

.account-header__left,.account-header__right {
    padding: 0 8px;
    margin-bottom: 16px
}

.account-header__left:last-child,.account-header__right:last-child {
    margin-bottom: 0
}

.account-header__left {
    display: flex;
    flex-direction: row
}

.account-header--medium .account-header__left {
    padding-left: 32px
}

.account-header--large .account-header__left {
    padding-left: 32px
}

.account-header--extraLarge .account-header__left {
    padding-left: 64px
}

.account-header__right {
    display: flex
}

.account-header--medium .account-header__right {
    padding-right: 32px
}

.account-header--large .account-header__right {
    padding-right: 32px
}

.account-header--extraLarge .account-header__right {
    padding-right: 64px
}

.account-header__favorite {
    align-self: flex-start;
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    padding: 0;
    margin-right: 16px;
    color: currentColor;
    transition: all .5s;
    transform: rotateY(0deg)
}

.account-header__favorite .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: currentColor
}

.account-header--small .account-header__favorite {
    width: auto;
    padding: 8px 16px 0 8px
}

.account-header__favorite--isUpdating {
    opacity: .3;
    animation-name: rotateYAxis;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.account-header__favorite--isFavorite {
    transform: rotateY(360deg)
}

.account-header__name,.account-header__balance {
    line-height: 1.75rem
}

.account-header__name {
    display: inline-block
}

.account-header__button-name {
    font-weight: inherit;
    color: inherit;
    position: relative;
    cursor: pointer;
    border: none;
    background: rgba(0,0,0,0);
    padding: 0;
    padding-right: 32px;
    text-align: left;
    word-break: break-word;
    line-height: 1em;
    margin-right: 40px
}

.account-header__selector {
    margin-left: 5px;
    font-size: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 24px
}

.account-header__selector svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.account-header__account-number {
    margin-right: 25px
}

.account-header__available {
    width: 100%;
    vertical-align: middle
}

.account-header__button {
    align-self: flex-start;
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    padding: 16px 16px 0 16px
}

.account-header__button .icon {
    width: 1.75rem;
    height: 1.75rem
}

.account-header__footer {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-top: 16px;
    line-height: 16px;
    display: flex
}

.account-header__balance {
    text-align: right
}

.account-header__search {
    margin-left: 20px
}

.account-header--medium .account-header__name,.account-header--medium .account-header__balance {
    font-size: 1.3rem
}

.account-header--small .account-header__right {
    flex-direction: column;
    flex-grow: 1
}

.account-header--small .account-header__name,.account-header--small .account-header__balance {
    flex-grow: 1;
    font-size: 1rem
}

.account-header--small .account-header__footer {
    margin-top: 4px;
    margin-bottom: 8px
}

.account-header--small .account-header__name .account-header__footer {
    flex-direction: column;
    align-items: flex-start
}

.account-header--small .account-header__name .account-header__account-number {
    margin-bottom: 10px
}

.account-header--small .account-header__button {
    display: none
}

.account-header__account-selector .account-selector {
    width: 768px;
    max-width: 100%
}

.account-header__account-selector .account-selector .expandable-list {
    border-top: 1px solid #e5e5e5
}

.account-header__account-selector .account-selector .expandable-list .account-selector__account-list {
    border: none
}

.account-header__account-selector .account-selector .account-selector__account-list {
    border-top: 1px solid #e5e5e5
}

.account-header__actions {
    display: flex;
    padding: 0 8px
}

.button.account-header-actions__export-button {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    margin-right: 10px;
    border-radius: 25px;
    font-weight: normal
}

.button.account-header-actions__export-button .icon {
    width: 16px;
    height: 16px;
    margin-right: 10px
}

@media(max-width: 640px) {
    .button.account-header-actions__export-button {
        display:none
    }
}

@keyframes rotateYAxis {
    from {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(360deg)
    }
}

.account-header__context-info-form,.account-header__context-info-additions {
    padding: 16px 32px
}

.account-header__context-info-additions {
    border-top: 1px solid #e5e5e5;
    font-size: 0.75rem;
    padding-bottom: 24px
}

.account-header__context-info-addition {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    margin-left: -16px
}

.account-header__actions .button--color-white,.account-header__actions .button--color-white:hover {
    color: #242424
}

.account-header__actions .button--color-white:hover,.account-header__actions .button--color-white:hover:hover {
    background-color: #faf9f5
}

.account-header-context-menu__button {
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #fff;
    color: #242424;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    padding: 0;
    border: 0;
    line-height: 0
}

.account-header-context-menu__button:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1);
    background-color: #faf9f5
}

.account-header-context-menu__button.account-header-context-menu__button--isOpen,.account-header-context-menu__button.account-header-context-menu__button--isOpen:hover {
    background: #fff;
    border-radius: 50% 50% 0 0;
    opacity: 1
}

@media screen and (max-width: 639px) {
    .account-header-context-menu__button.account-header-context-menu__button--isOpen,.account-header-context-menu__button.account-header-context-menu__button--isOpen:hover,.account-header-context-menu__button:hover {
        border-radius:50% 50%
    }
}

.account-header-context-menu__wrapper {
    background: #fff;
    color: #242424;
    box-shadow: 15px 5px 13px 0 rgba(0,0,0,.05),0 15px 15px 0 rgba(0,0,0,.05)
}

@media(min-width: 641px) {
    .account-header-context-menu__wrapper {
        width:400px
    }
}

.account-header-context-menu__icon .icon {
    fill: currentColor;
    width: 1rem;
    height: 1rem
}

.account-header-export-reconciliation__section {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 0.8125rem;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    height: 86px
}

@media(max-width: 460px) {
    .account-header-export-reconciliation__section {
        padding:8px 16px
    }

    .account-header-export-reconciliation__section:last-of-type {
        padding-bottom: 8px
    }
}

.account-header-export-reconciliation__headline {
    font-size: 1.125rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900;
    margin: 0
}

.account-header-export-reconciliation__headline--success {
    font-size: 1.6875rem;
    font-weight: 800;
    line-height: 32.4px;
    margin: 0
}

.account-header-export-reconciliation__container {
    display: flex;
    flex-direction: column;
    margin: 24px 64px
}

.account-header-export-reconciliation__title {
    font-size: 1.6875rem;
    font-weight: 800;
    line-height: 32.4px;
    margin: 0
}

.account-header-export-reconciliation__title--success {
    font-size: 1rem;
    line-height: 22px;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 400;
    margin-bottom: 64px
}

.account-header-export-reconciliation__filter {
    margin-top: 16px;
    display: flex;
    flex-direction: row
}

.account-header-payment-cards__spinner {
    margin: -12px auto -12px
}

div.account-holder-sorting-modal__overlay {
    z-index: 9001
}

.account-holder-sorting-modal__content {
    max-height: 90vh;
    overflow-y: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #f8f8f8
}

.account-holder-sorting-modal__content::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.account-holder-sorting-modal__content:hover::-webkit-scrollbar {
    height: 8px
}

.account-holder-sorting-modal__content::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.account-holder-sorting-modal__content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.account-holder-sorting-modal__content::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.account-holder-sorting-modal__top {
    text-align: center;
    padding: 16px
}

.account-holder-sorting-modal__top-header {
    max-width: 90%;
    margin: 30px auto
}

@media screen and (min-width: 1024px) {
    .account-holder-sorting-modal__top-header {
        max-width:70%
    }
}

.account-holder-sorting-modal__top-subheader {
    max-width: 90%;
    margin: 16px auto
}

@media screen and (min-width: 460px) {
    .account-holder-sorting-modal__top-subheader {
        max-width:60%
    }
}

@media screen and (min-width: 1024px) {
    .account-holder-sorting-modal__top-subheader {
        max-width:70%
    }
}

.account-holder-sorting {
    padding: 16px
}

.account-holder-sorting__save {
    position: sticky;
    bottom: 0;
    background-color: #fff
}

.account-holder-sort-list__item {
    cursor: move
}

.account-holder-sort-list .sortable-drag {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.account-holder-sort-list .sortable-ghost {
    background-color: #f0f0f0
}

.account-holder-sort-list--disabled {
    pointer-events: none
}

.account-holder-sort-list__item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    margin-bottom: 2px
}

.account-holder-sort-list__item.account-holder-sort-list__item--unSelected {
    background-color: #fafafa;
    opacity: .5;
    box-shadow: none
}

.account-holder-sort-list__item-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center
}

.account-holder-sort-list__item-name {
    flex-grow: 1;
    font-size: 1rem
}

.account-holder-sort-list__item-controls {
    display: flex;
    flex-direction: column;
    margin: -24px 0;
    padding-left: 24px
}

.account-list {
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.account-overview .account-list,.company-list .account-list {
    background-color: rgba(0,0,0,0);
    box-shadow: none
}

.account-list-row {
    position: relative;
    background-color: rgba(0,0,0,0);
    color: #6e6e6e;
    display: block;
    font-size: 0.8125rem;
    line-height: 1rem;
    text-decoration: none;
    transition: all .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.account-list-row+.account-list-row .account-list-row__container {
    border-color: #e5e5e5
}

.account-list-row:first-child .account-list-row__container {
    border-color: rgba(0,0,0,0)
}

.account-list-row:last-of-type .account-list-row__container {
    border-bottom: none
}

.account-list-row:visited {
    color: #6e6e6e
}

.account-list-row:hover,.account-list-row:focus {
    background-color: #f0f0f0;
    color: #242424
}

.account-list-row:hover .account-list-row__container,.account-list-row:focus .account-list-row__container {
    border-color: rgba(0,0,0,0)
}

.account-list-row:hover+.account-list-row .account-list-row__container,.account-list-row:focus+.account-list-row .account-list-row__container {
    border-top-color: rgba(0,0,0,0)
}

.account-list-row__container {
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0rem 3.25rem;
    padding: 0.75rem 0rem;
    transition: border-color .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.account-list-row__container>* {
    white-space: nowrap;
    overflow: hidden;
    padding: 0 .5em
}

.account-list-row__container .account-list-row__left {
    flex-basis: 14.375rem;
    flex-grow: 1;
    padding-left: 0;
    text-align: left
}

.account-list-row__container .account-list-row__right {
    flex-basis: 10rem;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 0;
    text-align: right
}

.account-list-row__container .account-list-row__title {
    overflow: hidden;
    text-overflow: ellipsis
}

.account-list-row__favorite {
    position: absolute;
    left: 16px;
    overflow: visible
}

.account-list-row--small .account-list-row__container {
    margin: 0rem 1.25rem
}

.account-list-row--small .account-list-row__left,.account-list-row--small .account-list-row__right {
    flex-basis: auto
}

.account-list-row--small .account-list-row__title {
    min-width: auto;
    padding-right: 0.625rem
}

.account-list-row--small .account-list-row__latest-label,.account-list-row--small .account-list-row__currency {
    display: none
}

.account-list-row--small .account-list-row__favorite {
    margin-right: 8px;
    position: relative;
    left: auto
}

.account-list-row__title {
    max-width: 100%;
    min-width: 13.4375rem;
    padding-right: 3.125rem;
    position: relative
}

.account-list-row__title,.account-list-row__total {
    color: #242424;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    padding-bottom: 1px
}

.account-list-row__currency {
    flex-basis: 3.125rem
}

.account-list-row__total--negative {
    color: #dd1d26
}

.account-overview {
    margin-bottom: 20px
}

.account-overview__card-spinner {
    height: 150px
}

.account-overview-card-section__cards-container {
    position: relative
}

.account-overview-card-section__accounts-link {
    margin-top: 20px
}

.account-overview-card-section__accounts-link .button__icon {
    transform: rotate(0);
    transition: .2s ease-in transform
}

.account-overview-card-section__accounts-link--open .button__icon {
    transform: rotate(180deg)
}

.account-overview-sections-widget-title__credential-status {
    display: flex;
    align-items: center
}

.account-overview-sections-widget-title__credential-status-button {
    margin-right: 8px
}

.account-overview-sections-widget-title__credential-status-button--warning>span {
    color: #dd1d26
}

.account-overview-sections-widget-title__renew-credentials-wrapper {
    font-size: .75rem;
    display: flex;
    align-items: center;
    padding-top: 4px
}

.account-overview-sections-widget-title__renew-credentials-wrapper .button {
    padding: 4px 0;
    text-decoration: none;
    display: inline-block;
    min-height: 0
}

.account-overview-sections-widget-title__renew-credentials__link-label {
    margin-right: 8px;
    display: inline-block
}

.account-overview-table-section__table-container {
    position: relative;
    background-color: #fff;
    padding-top: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.account-overview-table-section__accounts-link {
    margin-top: 20px
}

.account-overview-table-section__accounts-link .button__icon {
    transform: rotate(0);
    transition: .2s ease-in transform
}

.account-overview-table-section__accounts-link--open .button__icon {
    transform: rotate(180deg)
}

.account-overview-tools {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.account-overview-tools>* {
    flex-basis: 33.3%;
    flex-grow: 1
}

.account-overview--small .account-overview-tools {
    flex-direction: row;
    flex-wrap: wrap
}

.account-overview--small .account-overview-tools .account-overview-tools__list-toggle {
    order: 1
}

.account-overview-tools__list-toggle {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.account-overview-tools__list-toggle>.tooltip-wrapper {
    margin-bottom: 3px
}

.account-overview-tools__options-separator {
    height: 14px;
    border-right: 1px solid #e5e5e5;
    display: inline-block;
    margin: 0 12px
}

.account-sales-card {
    position: relative;
    flex-grow: 1;
    padding: 8px;
    width: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    height: 300px;
    overflow: hidden
}

.account-sales-card--hasImageOnly {
    display: inline-block;
    height: auto
}

.account-sales-card__card {
    display: flex;
    flex-direction: column
}

.account-sales-card__content {
    flex-shrink: 0;
    padding: 1.2em 1.8em 1.2em;
    color: #242424
}

.account-sales-card__title {
    margin: 0
}

.account-sales-card--hasTitle .account-sales-card__text {
    margin-top: 4px
}

.account-sales-card__image {
    height: 100%;
    position: relative;
    overflow: hidden
}

.account-sales-card--hasImageOnly .account-sales-card__image {
    height: 150px
}

.account-sales-card__link {
    line-height: 1.5rem;
    font-size: 0.875rem;
    margin-top: 8px;
    color: #3f4346
}

.account-card-list--small h4 {
    font-size: 1rem;
    line-height: 1.375rem
}

@media screen and (min-width: 360px) {
    .account-card-list--small h4 {
        font-size:1.125rem;
        line-height: 1.375rem
    }
}

.account-card-list--medium h4,.account-card-list--large h4,.account-card-list--extraLarge h4 {
    font-size: 1rem;
    line-height: 1.375rem
}

.account-sales-card--hasNoImage h4 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.account-sales-list-item {
    position: relative;
    padding: 8px 0;
    width: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 102px
}

.account-sales-list-item__card {
    display: flex;
    justify-content: flex-start
}

.account-sales-list-item__image {
    max-width: 130px;
    position: relative;
    display: flex;
    flex-direction: column
}

.account-sales-list-item__image img {
    display: block;
    max-width: 100%;
    height: auto
}

.account-sales-list-item--small .account-sales-list-item__image {
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px
}

.account-sales-list-item__content {
    display: flex;
    width: 100%;
    padding: 24px 48px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.account-sales-list-item--small .account-sales-list-item__content,.account-sales-list-item--medium .account-sales-list-item__content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.account-sales-list-item--medium .account-sales-list-item__content {
    padding: 16px 32px
}

.account-sales-list-item--small .account-sales-list-item__content {
    padding: 16px
}

.account-sales-list-item__content-text {
    display: flex;
    color: #242424;
    flex-direction: column;
    justify-content: center;
    margin-right: 16px
}

.account-sales-list-item--large .account-sales-list-item__content-text,.account-sales-list-item--extraLarge .account-sales-list-item__content-text {
    margin-right: 32px
}

.account-sales-list-item__content-link {
    display: flex;
    white-space: nowrap;
    color: #3f4346;
    justify-self: flex-end
}

.account-sales-list-item--small .account-sales-list-item__content-link,.account-sales-list-item--medium .account-sales-list-item__content-link {
    margin-top: .8em
}

.account-sales-list-item__title {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.625rem
}

.account-select-field-notice {
    display: flex;
    justify-content: space-between
}

.account-selector-sidebar {
    position: fixed;
    top: 64px;
    bottom: 0;
    display: flex;
    z-index: 2;
    background-color: #fff;
    transform: translateX(-380px);
    transition: transform .2s ease-out,top .2s ease-in;
    box-shadow: 0 2px 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.09);
    left: 0
}

.account-selector-sidebar .account-selector-sidebar__content {
    transition: visibility 0s linear .2s;
    visibility: hidden
}

@media screen and (max-width: 1023px) {
    .account-selector-sidebar {
        display:none
    }
}

.account-selector-sidebar .account-selector .expandable-list {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.account-selector-sidebar .account-selector .expandable-list .account-selector__account-list {
    border: none
}

.account-selector-sidebar .account-selector .account-selector__account-list {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

@media print {
    .account-selector-sidebar {
        display: none
    }
}

.account-selector-sidebar--addMarginFromLinkToOldNetbank {
    top: 112px
}

.account-selector-sidebar__content {
    width: 380px
}

.account-selector-sidebar__label {
    transform: rotate(90deg)
}

.account-selector-sidebar__trigger {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 64px;
    border: none;
    border-left: 1px solid #e5e5e5;
    color: currentColor;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap
}

.account-selector-sidebar__full-width-button {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 16px;
    transform: translateX(50%);
    line-height: 1
}

.account-selector-sidebar__full-width-button .icon {
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: #fff;
    fill: #000;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 2px 1px rgba(0,0,0,.1)
}

.account-selector-sidebar--isOpen {
    transform: translateX(0)
}

.account-selector-sidebar--isOpen .account-selector-sidebar__content {
    transition: visibility 0s linear 0s;
    visibility: visible;
    overflow-y: auto
}

.account-selector button {
    cursor: pointer
}

.account-selector.account-selector--small .account-selector__header {
    padding: 1.5rem 1.25rem
}

.account-selector.account-selector--small .expandable-list__item-head {
    padding-right: 1.25rem
}

.account-selector.account-selector--small .account-selector__account-holder {
    margin-left: 1.25rem
}

.account-selector.account-selector--small .account-selector__account-holder-name {
    width: 100%;
    padding-right: 1.25rem;
    font-size: 1rem;
    color: #242424
}

.account-selector.account-selector--small .account-selector__account-title {
    width: 50%
}

.account-selector.account-selector--small .account-selector__account-list__item-inner {
    margin: 0rem 1.25rem
}

.account-selector .expandable-list .expandable-list__item {
    background-color: #fff;
    transition: background-color .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.account-selector .expandable-list .expandable-list__item:hover:not(.expandable-list__item--isExpanded) {
    background: #f8f8f8
}

.account-selector .expandable-list .expandable-list__item--isExpanded {
    background-color: #f8f8f8;
    border-color: rgba(0,0,0,0)
}

.account-selector .expandable-list .expandable-list__item--isExpanded+.expandable-list__item {
    border-top-color: rgba(0,0,0,0)
}

.account-selector .expandable-list .expandable-list__item--isExpanded+.expandable-list__item--isExpanded {
    border-color: #e5e5e5
}

.account-selector .expandable-list .account-selector__account-list__item {
    background-color: rgba(0,0,0,0)
}

.account-selector .expandable-list .account-selector__account-list__item.account-selector__account-list__item--isSelected .account-selector__account-list__item-inner {
    border-top: none
}

.account-selector .expandable-list .account-selector__account-list__item:hover {
    background-color: #f0f0f0
}

.account-selector .expandable-list .account-selector__account-list__item-inner {
    padding: 1.125rem 0rem
}

.account-selector__header {
    display: flex;
    align-items: center;
    padding: 1.5rem 3.125rem;
    font-size: 0.75rem;
    font-style: italic;
    text-transform: uppercase
}

.account-selector__account-list__item {
    display: block;
    border: 1px solid rgba(0,0,0,0);
    text-decoration: none;
    color: #242424;
    background-color: #f7f7f8;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
    text-align: left
}

.account-selector__account-list__item:visited {
    color: #242424
}

.account-selector__account-list__item+.account-selector__account-list__item .account-selector__account-list__item-inner {
    border-top: 1px solid #e5e5e5
}

.account-selector__account-list__item.account-selector__account-list__item--isSelected {
    background-color: #fff;
    border: 1px solid #3f4346;
    z-index: 1
}

.account-selector__account-list__item.account-selector__account-list__item--isSelected .account-selector__account-list__item-inner {
    border: none
}

.account-selector__account-list__item.account-selector__account-list__item--isSelected+.account-selector__account-list__item .account-selector__account-list__item-inner {
    border: none
}

.account-selector__account-list__item:hover {
    background-color: #f0f0f0
}

.account-selector__account-list__item:hover .account-selector__account-list__item-inner {
    border-top-color: rgba(0,0,0,0)
}

.account-selector__account-list__item:hover+.account-selector__account-list__item .account-selector__account-list__item-inner {
    border-top-color: rgba(0,0,0,0)
}

.account-selector__account-list__item-inner {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    padding: 1.4375rem 0rem;
    margin: 0rem 3.125rem
}

.account-selector__account-title {
    width: 60%
}

.account-selector__account-name,.account-selector__account-number {
    display: block
}

.account-selector__account-number {
    font-size: .8em;
    line-height: 1.2em;
    margin-top: .2em
}

.account-selector__account-currency {
    padding: 0rem 0.625rem
}

.account-selector__account-balance {
    font-weight: 600;
    text-align: right;
    flex-grow: 1
}

.account-selector__account-holder-wrapper--hasSelectedAccount:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    background: #3f4346
}

.expandable-list__item--isExpanded .account-selector__account-holder-wrapper--hasSelectedAccount:after {
    content: "";
    width: 0
}

.account-selector__account-holder {
    display: flex;
    align-items: center;
    font-size: 1.1875rem;
    margin-left: 3.125rem;
    padding: 1.5rem 0rem
}

.account-selector__account-holder-name {
    font-weight: 600;
    width: 60%
}

.account-selector__account-holder-currency {
    padding: 0rem 0.625rem;
    font-size: 0.8125rem
}

.account-selector__account-holder-balance {
    font-weight: 600;
    text-align: right;
    flex-grow: 1
}

.account-selector__account-holder-balance--right {
    text-align: right;
    flex-grow: 1
}

.account-selector__account-holder-balance-disposable {
    display: block;
    font-size: .8em;
    line-height: 1.2em;
    margin-top: .2em
}

.account-sort-list .sortable-drag {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.account-sort-list .sortable-ghost {
    background-color: #f0f0f0
}

.account-sort-list--disabled {
    pointer-events: none
}

.account-sort-list__item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    margin-bottom: 2px
}

.account-sort-list__item.account-sort-list__item--noDebitAllowed {
    background-color: #fafafa;
    opacity: .5;
    box-shadow: none
}

.account-sort-list__item-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center
}

.account-sort-list__item-favorite-mark {
    display: flex;
    padding-right: 8px;
    pointer-events: none
}

.account-sort-list__item-favorite-mark--hidden {
    visibility: hidden;
    height: 1px;
    overflow: hidden
}

.account-sort-list__item-favorite-mark .icon {
    width: 1rem;
    height: 1rem;
    fill: #3f4346
}

.account-sort-list__item-name {
    flex-grow: 1;
    font-size: 1rem
}

.account-sort-list__item-number {
    font-size: 0.875rem
}

.account-sort-list__item-controls {
    display: flex;
    flex-direction: column;
    margin: -24px 0;
    padding-left: 24px
}

.account-sorting-modal__content {
    max-height: 90vh;
    overflow-y: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #f8f8f8
}

.account-sorting-modal__content::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.account-sorting-modal__content:hover::-webkit-scrollbar {
    height: 8px
}

.account-sorting-modal__content::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.account-sorting-modal__content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.account-sorting-modal__content::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.account-sorting-modal__top {
    text-align: center;
    padding: 16px
}

.account-sorting-modal__top-header {
    color: #6e6e6e;
    max-width: 90%;
    margin: 30px auto
}

@media screen and (min-width: 1024px) {
    .account-sorting-modal__top-header {
        max-width:70%
    }
}

.account-sorting-modal__top-subheader {
    max-width: 90%;
    margin: 16px auto
}

@media screen and (min-width: 460px) {
    .account-sorting-modal__top-subheader {
        max-width:60%
    }
}

@media screen and (min-width: 1024px) {
    .account-sorting-modal__top-subheader {
        max-width:70%
    }
}

.account-sorting {
    padding: 16px
}

.account-sorting__section-title {
    padding-left: 24px
}

.account-sorting__save {
    position: sticky;
    bottom: 0;
    margin-bottom: -16px;
    padding-bottom: 16px;
    background-color: #fff
}

.account-sort-list__item {
    cursor: move
}

.account-statement-details-header {
    padding: 48px 0
}

.account-statement-details-header__account-info {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    width: 100%
}

.account-statement-details-header__col {
    font-weight: 600;
    font-size: 1.6875rem
}

.account-statement-details-header__selector-button {
    display: flex;
    gap: 16px;
    align-items: center;
    background-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-weight: 600
}

.account-statement-details-header__selector-button-icon {
    width: 16px
}

.account-statement-details-header__reception-time {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-top: 16px;
    line-height: 16px
}

.account-statement-details-header__details {
    text-align: right
}

.account-statement-details__search {
    width: 220px;
    max-width: 100%
}

.account-statement-details-header__top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 32px
}

@media(max-width: 640px) {
    .account-statement-details-header {
        padding:32px 0
    }

    .account-statement-details-header__account-info {
        flex-direction: column
    }

    .account-statement-details-header__details {
        font-size: 1.25rem
    }

    .account-statement-details-header__reception-time {
        margin-top: 8px
    }
}

.account-statement-details__date-selectors {
    display: flex;
    flex-wrap: wrap
}

.account-statement-details__filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 16px 0 32px
}

.account-statement-details__table table td {
    padding: 8px
}

.account-statement-details__date-range-picker {
    margin: 8px 16px 8px 0
}

.account-statement-details__fallback-text {
    text-align: center
}

@media(max-width: 640px) {
    .account-statement-details .account-statement-details__card-body {
        padding:16px
    }

    .account-statement-details__filters {
        margin: 0 0 32px
    }
}

.account-statement {
    width: 1362px;
    max-width: 100%
}

.account-statement-list__table {
    margin-bottom: 48px
}

.account-statement-list__table tbody tr td {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.account-statement-list__table tbody tr:not(.account-statement-list__no-results-text):hover td {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb
}

.account-statement-list__table tbody tr:not(.account-statement-list__no-results-text) td {
    cursor: pointer
}

.account-table__table {
    display: table;
    width: 100%
}

.account-table__header {
    cursor: initial
}

.account-table__header .table-column {
    white-space: nowrap
}

.account-overview__favorite {
    width: 16px;
    padding-right: 10px
}

.account-table__funds,.account-table__total,.account-table__market_value {
    text-align: right
}

.account-table__market_value {
    padding-right: 32px
}

.account-table__total,.account-table__title {
    font-weight: 600
}

.account-table__title {
    color: #242424;
    padding-left: 0;
    max-width: 90px;
    width: 235px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 360px) {
    .account-table__title {
        max-width:235px
    }
}

.account-table__account-nr,.account-table__latest,.account-table__account-owner {
    padding-left: 16px;
    padding-right: 16px;
    width: 200px
}

.account-table__total {
    color: #242424;
    padding-left: 16px;
    white-space: nowrap;
    width: 200px
}

.account-table__total .amount__currency-postfix {
    color: #6e6e6e
}

.account-table__title-link {
    text-decoration: none;
    color: currentColor
}

.account-table__title-link:visited {
    color: currentColor
}

.account-table__header--isTinkAccount .account-table__latest,.account-table__header--isTinkAccount .account-table__funds,.account-table__header--isTinkAccount .account-table__market_value,.account-table__header--isTinkAccount .account-table__account-owner {
    display: none
}

.account-totals-item {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding: 20px;
    text-decoration: none;
    cursor: pointer;
    animation: list-item-ENTER-ANIMATION .7s cubic-bezier(0.24, 0.5, 0.22, 0.89) forwards;
    font-size: 13px
}

.account-totals-item:hover {
    background: #f0f0f0
}

.account-totals-item:hover:after {
    opacity: 0
}

.account-totals-item:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-bottom: 1px solid #e5e5e5
}

.account-totals-item:last-of-type:after {
    display: none
}

.account-totals-item>div {
    width: 50%
}

.account-totals-item__title {
    color: #242424;
    width: 50%
}

.account-totals-item__account-number {
    font-size: 11px;
    color: #6e6e6e;
    order: 3
}

.account-totals-item__ingoing {
    text-align: right;
    order: 2
}

.account-totals-item__outgoing {
    text-align: right;
    order: 4
}

.account-totals {
    background-color: #fff
}

.account-totals__list {
    border-top: 1px solid #e5e5e5
}

.account-totals__tabs {
    margin-bottom: -1px
}

.account-totals__tabs-button--pushdown {
    margin-top: 13px
}

.add-favorites-teaser {
    display: flex;
    width: 40%;
    background-color: #3f4346;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    width: 90%;
    max-width: 530px
}

.add-favorites-teaser__container {
    position: relative
}

.add-favorites-teaser:visited {
    color: #fff
}

.add-favorites-teaser:hover {
    color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.add-favorites-teaser:hover .add-favorites-teaser__arrow {
    transform: translateX(3px)
}

.add-favorites-teaser__content {
    display: flex;
    flex-flow: row nowrap;
    margin: 31px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.add-favorites-teaser__left {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.add-favorites-teaser__icon {
    width: 1.6rem;
    height: 1.6rem;
    fill: #fff;
    margin-right: 31px
}

.add-favorites-teaser__title {
    margin: 0;
    font-size: 16px;
    font-weight: bold
}

.add-favorites-teaser__text {
    font-size: 13px;
    margin: 0
}

.add-favorites-teaser__arrow {
    fill: #fff;
    width: 1.25rem;
    height: 1.25rem;
    transition: transform .15s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.add-favorites-teaser {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.add-favorites-teaser+.account-card-list:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%
}

.add-favorites-teaser__children {
    pointer-events: none;
    min-height: 200px
}

.add-favorites-teaser__children .company-list__show-summary-button {
    opacity: .5
}

.add-favorites-teaser__children .account-card-list .account-card {
    opacity: .5
}

.advisor-information__card-wrapper {
    display: flex;
    flex-wrap: wrap
}

.advisor-information__card {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    margin: 8px;
    position: relative;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 32px
}

.advisor-information__card>* {
    margin-bottom: 16px
}

@media screen and (min-width: 460px) {
    .advisor-information__card {
        max-width:calc(50% - 16px)
    }
}

@media screen and (min-width: 768px) {
    .advisor-information__card {
        max-width:calc(33.33332% - 16px)
    }
}

@media screen and (min-width: 1100px) {
    .advisor-information__card {
        max-width:calc(25% - 16px)
    }
}

.advisor-information__card .advisor-information__button {
    color: #3f4346;
    margin: 16px
}

.advisor-information__account-holder {
    width: 100%;
    font-weight: 900;
    font-size: .8rem;
    margin-bottom: 0
}

.advisor-information__card-top {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px
}

.advisor-information__card-top-avatar {
    position: relative;
    margin-bottom: 24px;
    transform: translateY(50%)
}

.advisor-information__card-circle {
    background-color: #fff
}

.amount-filter {
    height: 42px
}

.amount-filter.button-dropdown--isOpen .button:hover {
    background-color: #3f4346
}

.amount-filter--inactive-with-input button {
    border: 1px solid #3f4346
}

.amount-filter__button-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 8px
}

.amount {
    color: #242424;
    letter-spacing: .5px
}

.amount--incoming {
    color: #008755
}

.amount--incoming .amount__currency-postfix {
    color: #008755
}

.amount--light {
    color: #6e6e6e
}

.amount--light .amount__currency-postfix {
    color: #6e6e6e
}

.amount--overdraft {
    color: #dd1d26
}

.amount--overdraft .amount__currency-postfix {
    color: #dd1d26
}

.amount__currency-postfix {
    display: inline-block;
    margin-left: 5px;
    font-weight: normal
}

.ape-form__progress {
    padding-bottom: 10px
}

.ape-form__progress-bar-label {
    text-align: right;
    font-size: .7rem;
    color: #6e6e6e
}

.ape-form__progress-bar-label span {
    font-weight: bold
}

.ape-form__progress-bar {
    padding: 45px 100px 0
}

@media(max-width: 640px) {
    .ape-form__progress-bar {
        padding:20px 20px 0
    }
}

.ape-form__container {
    display: flex;
    justify-content: center
}

.ape-form__content {
    position: relative;
    width: 100%
}

.ape-form__content--hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden
}

.ape-form__content-title {
    padding: 0 100px;
    color: #242424
}

@media(max-width: 640px) {
    .ape-form__content-title {
        padding:20px 20px 0
    }
}

.ape-form__content-title--label,.ape-form__content-title--description {
    display: block
}

.ape-form__content-title--label {
    margin-bottom: 0;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 27px;
    font-weight: 800;
    line-height: 33px
}

.ape-form__content-title--description {
    padding-top: 8px;
    font-size: 16px;
    line-height: 24px
}

.ape-form__content-title--progressbar-hidden {
    padding-top: 60px
}

@media(max-width: 640px) {
    .ape-form__content-title--progressbar-hidden {
        padding-top:20px
    }
}

@media(max-width: 640px) {
    .ape-form__content-title {
        padding-bottom:20px
    }
}

.ape-form__content-item {
    padding: 15px
}

.ape-form__page-buttons {
    position: absolute;
    left: 50%;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ape-form__page-buttons-prev,.ape-form__page-buttons-next {
    position: relative;
    left: -50%;
    cursor: pointer;
    color: #242424;
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 13px;
    line-height: 20px;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    width: 160px;
    height: 50px;
    border-radius: 30px;
    color: #fff;
    justify-content: center;
    transition: transform .15s ease
}

.ape-form__page-buttons-prev[disabled],.ape-form__page-buttons-next[disabled] {
    opacity: .3;
    cursor: initial
}

.ape-form__page-buttons-prev .icon,.ape-form__page-buttons-next .icon {
    height: 16px;
    fill: #fff
}

.ape-form__page-buttons-prev {
    border: none;
    margin: 0 10px 0 0;
    padding: 0
}

.ape-form__page-buttons-prev .icon {
    transform: rotate(180deg);
    margin-right: 5px;
    width: 16px
}

.ape-form__page-buttons-prev:hover,.ape-form__page-buttons-prev:focus {
    background-color: #3f4346;
    transition: background-color 250ms
}

.ape-form__page-buttons-prev:hover svg,.ape-form__page-buttons-prev:focus svg {
    transform: rotate(180deg) translateX(3px)
}

.ape-form__page-buttons-prev--faded {
    background-color: rgba(0,0,0,0);
    color: #242424
}

.ape-form__page-buttons-prev--faded .icon {
    fill: #242424
}

.ape-form__page-buttons-prev--faded:hover,.ape-form__page-buttons-prev--faded:focus {
    background-color: rgba(0,0,0,0)
}

.ape-form__page-buttons-next .icon {
    margin-left: 5px
}

.ape-form__item-container--padding-wrap {
    padding: 45px 100px 0
}

@media(max-width: 640px) {
    .ape-form__item-container--padding-wrap {
        padding:20px 20px 0
    }
}

.ape-form__item-container--submit-errors {
    padding: 45px 100px
}

@media(max-width: 640px) {
    .ape-form__item-container--submit-errors {
        padding:20px 20px
    }
}

.ape-form__item-container-item {
    padding-bottom: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 16px
}

@media(max-width: 640px) {
    .ape-form__item-container-item {
        padding-bottom:20px
    }
}

.ape-form__item-container-item>*,.form-repeater__content>* {
    grid-column: span 4
}

.ape-form__item-container-title {
    font-size: 16px;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900;
    line-height: 19px;
    color: #242424;
    text-align: left;
    margin: 0
}

@media screen and (min-width: 768px) {
    .ape-form__item-container-content--small {
        grid-column:span 1
    }

    .ape-form__item-container-content--medium {
        grid-column: span 2
    }

    .ape-form__item-container-content--large {
        grid-column: span 3
    }

    .ape-form__item-container-content--full {
        grid-column: span 4
    }
}

.ape-form__item-container-content--hidden {
    display: none
}

.ape-form__item-container-content .field-radio__horizontal-group {
    display: block
}

.ape-form__item-container-content .field-radio__horizontal-group .form-radio {
    display: inline-block
}

.ape-form__item-container-content .form-switch {
    margin-right: 0
}

.ape-form__item-container-title {
    margin: 0
}

.ape-form__field-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative
}

.ape-form__field-container--tooltip-top {
    align-items: flex-start
}

.ape-form__field-container--tooltip-floating {
    flex-direction: column;
    align-items: flex-start
}

.ape-form__field-container--tooltip-floating .ape-form__tooltip {
    position: absolute;
    top: -10px;
    right: 0
}

.ape-form__tooltip {
    margin: 0 0 7px 16px
}

@media(max-width: 768px) {
    .ape-form__tooltip .tooltip-large {
        width:250px;
        left: -100px
    }

    .ape-form__tooltip .tooltip-pointer {
        left: 87%
    }
}

.ape-form__section {
    padding: 10px 0;
    display: flex;
    flex-direction: column
}

.ape-form__form-error {
    display: flex;
    color: #dd1d26;
    font-size: 14px;
    margin: 15px 0
}

.ape-form__form-error-icon {
    display: flex;
    min-width: 28px
}

.ape-form__form-error-icon .icon {
    align-self: center;
    fill: #dd1d26;
    height: 20px;
    width: 20px
}

.ape-form__container .form-control {
    font-size: 14px;
    line-height: 19px
}

.ape-form__container .field-select-multiple .form-label,.ape-form__container .field-radio .form-label,.ape-form__container .form-checkbox__label,.ape-form__container .form-repeater__repeatable-label.form-label,.ape-form__container .field-text .form-label {
    white-space: normal
}

.ape-form__load-spinner {
    height: calc(70vh - 40px);
    display: flex;
    align-items: center;
    justify-content: center
}

.ape-navigation-buttons {
    display: flex
}

.ape-navigation-buttons .ape-form__cancel-button {
    border-top: 1px solid #e5e5e5;
    color: #3f4346
}

.form-checkbox__content {
    display: flex
}

.form-checkbox__content--text-on-right-side {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.form-checkbox__content--text-on-right-side .form-checkbox__label {
    margin-left: 10.6666666667px
}

.form-checkbox__label {
    margin-right: 10.6666666667px
}

.form-label.form-checkbox__label {
    margin-top: 0;
    font-size: 13px;
    line-height: 19px;
    display: flex;
    align-items: center
}

.file-uploader {
    width: 100%
}

.file-uploader__modal-qr .neos-modal__content-inner {
    background: #fff;
    padding: 64px 64px 112px;
    text-align: center
}

.file-uploader__modal-qr .file-uploader__modal-close {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    margin: 0;
    left: 0;
    height: 56px;
    font-weight: normal;
    font-size: 1rem
}

.file-uploader__modal-qr-title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1rem
}

.file-uploader__modal-qr-description {
    font-size: .9rem;
    margin: 0;
    padding-bottom: 2rem
}

.file-uploader__qrCode-container {
    position: relative;
    padding-bottom: 2rem
}

.file-uploader__qrCode-border-wrapper {
    position: relative;
    display: inline-block;
    margin: 5px
}

.file-uploader__qrCode-border-wrapper:before,.file-uploader__qrCode-border:before,.file-uploader__qrCode-border-wrapper:after,.file-uploader__qrCode-border:after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    border-color: #fedd46;
    border-width: 2px;
    border-style: hidden
}

.file-uploader__qrCode-border-wrapper:before {
    top: -5px;
    right: -5px;
    border-top-style: solid;
    border-right-style: solid
}

.file-uploader__qrCode-border-wrapper:after {
    bottom: 0;
    left: -5px;
    border-bottom-style: solid;
    border-left-style: solid
}

.file-uploader__qrCode-border:before {
    top: -5px;
    left: -5px;
    border-left-style: solid;
    border-top-style: solid
}

.file-uploader__qrCode-border:after {
    bottom: 0;
    right: -5px;
    border-right-style: solid;
    border-bottom-style: solid
}

.file-uploader__qrCode {
    width: auto;
    height: auto;
    width: 170px;
    height: 170px
}

.file-uploader__qrCode-expires-at {
    font-size: .8rem
}

.file-uploader__qrCode-expired-label {
    position: absolute;
    top: 85px;
    width: 100%;
    color: #dd1d26;
    font-size: 3.4rem;
    line-height: 0;
    font-weight: bold;
    text-align: center;
    transform: rotate(-20deg)
}

.file-uploader__qrCode-expired-label span {
    padding: 5px;
    text-transform: uppercase
}

.file-uplader__qrCode--expired {
    opacity: .2
}

.file-uploader__modal-qr-error {
    font-size: 1rem;
    color: #dd1d26;
    font-weight: normal;
    line-height: 1rem;
    margin: 0;
    padding-bottom: 2rem
}

.file-uploader__qrCode-upload-success .circle,.file-uploader__qrCode-upload-error .circle {
    height: 110px;
    width: 110px;
    margin: 0 auto;
    color: #fedd46;
    border: 1px solid #e5e5e5
}

.file-uploader__qrCode-upload-success .circle__icon,.file-uploader__qrCode-upload-error .circle__icon {
    width: 100%;
    height: 100%
}

.file-uploader__qrCode-upload-success .circle__icon .icon,.file-uploader__qrCode-upload-error .circle__icon .icon {
    width: 2.875rem;
    height: 2.875rem
}

.file-uploader__qrCode-upload-error .circle {
    color: #dd1d26
}

.file-container {
    display: flex;
    align-items: flex-start;
    width: 100%;
    position: relative;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width: 360px) {
    .file-container {
        align-items:center;
        flex-direction: row;
        height: 40px
    }
}

.file-container--waiting-for-upload {
    margin-top: 5px
}

.file-container__delete-icon,.file-container__upload-spin {
    z-index: 1;
    width: 1rem;
    height: 1rem;
    transform: translate(0px, 3px);
    border: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

.file-container__delete-icon .icon,.file-container__upload-spin .icon {
    width: 1rem;
    height: 1rem
}

.file-container__upload-spin {
    display: inline-block;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.input-file:focus+.file-container__label {
    border-color: #3f4346
}

.file-container .button {
    margin: 8px;
    width: 100%;
    line-height: 1rem;
    font-weight: normal;
    background-color: #e5e5e5
}

@media screen and (min-width: 360px) {
    .file-container .button {
        margin:0;
        width: auto
    }

    .file-container .button.file-wrapper__upload-mobile {
        margin-left: 16px
    }
}

.file-container .button .icon {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    margin-right: 5px
}

.file-container__label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    white-space: nowrap
}

@media screen and (min-width: 360px) {
    .file-container__label {
        left:0;
        top: 50%;
        flex-direction: row;
        transform: translateY(-50%);
        height: 38px;
        white-space: nowrap
    }
}

.file-container__label--with-file .button {
    font-size: 16px;
    text-decoration: none;
    background-color: rgba(0,0,0,0);
    padding: 0;
    line-height: 1.3rem;
    color: #000;
    box-shadow: none
}

.file-container__label--with-file .button .icon {
    fill: #000
}

.file-container__label--with-file .button:hover,.file-container__label--with-file .button:focus {
    background-color: rgba(0,0,0,0);
    color: #000
}

.file-container__label--without-file .button {
    background-color: #fff;
    border-radius: 20px;
    border: none;
    max-width: 300px;
    padding: 10px 20px;
    font-size: 11px;
    color: #000;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.file-container__label--without-file .button:hover,.file-container__label--without-file .button:focus {
    cursor: pointer;
    border: none;
    color: #008755;
    background-color: #fff
}

.file-container__label--without-file .button:hover .icon,.file-container__label--without-file .button:focus .icon {
    fill: #008755
}

.file-container__label .icon {
    height: 16px;
    width: 16px;
    overflow: visible;
    margin-right: 8px;
    fill: #000
}

.form-control--disabled .file-container__label .button {
    cursor: default;
    pointer-events: none
}

.file-container__file-name {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px
}

.input-file {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.file-drop {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 20px
}

.file-drop>.file-drop__target {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center
}

.file-drop>.file-drop__target.file-drop--dragging-over-frame {
    border-radius: 20px;
    border: none;
    background-color: rgba(0,0,0,.65);
    box-shadow: none;
    z-index: 50;
    opacity: 1;
    color: #fff
}

.file-drop>.file-drop__target.file-drop--dragging-over-target {
    color: #ff6e40;
    box-shadow: 0 0 13px 3px #ff6e40
}

.form-repeater {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.form-label.form-repeater__repeatable-label {
    display: block;
    color: #242424;
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 16px;
    line-height: 19px
}

.form-repeater__top {
    display: flex;
    justify-content: space-between
}

.form-repeater__content,.form-repeater__content-add-button {
    font-size: 13px;
    position: relative;
    padding: 15px 25px 20px 25px;
    margin: 28px -25px 0 -25px;
    background-color: #f2f2f2
}

.form-repeater__content-add-button {
    padding: 15px 25px
}

.form-repeater__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 16px
}

@media(max-width: 640px) {
    .form-repeater__content,.form-repeater__content-add-button {
        position:relative;
        margin: 22px 0 0 0
    }
}

.form-repeater__content-remove {
    z-index: 1;
    right: 25px;
    top: 0;
    position: absolute !important;
    margin: 8px 0;
    display: flex;
    align-items: center
}

@media screen and (min-width: 640px) {
    .form-repeater__content-remove {
        right:0
    }
}

.form-repeater__content-remove-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #6e6e6e;
    border: none;
    padding: 0;
    background-color: rgba(0,0,0,0);
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: #f2f2f2
}

.form-repeater__content-remove-button:hover,.form-repeater__content-remove-button:focus {
    background-color: #fff
}

.form-repeater__content-remove-button:hover .icon,.form-repeater__content-remove-button:focus .icon {
    fill: #fedd46
}

.form-repeater__content-remove-button .icon {
    margin: auto;
    height: 16px;
    width: 16px;
    fill: #000
}

.form-repeater__content-remove .tooltip-wrapper {
    display: flex;
    align-self: flex-end
}

.form-repeater__content-remove .tooltip-wrapper .tooltip {
    bottom: -100%
}

.form-repeater__add-button {
    cursor: pointer;
    color: #3f4346;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.form-repeater__add-button .icon {
    margin-right: 5px;
    height: 16px;
    width: 16px;
    fill: #3f4346
}

.form-summary {
    position: relative;
    margin-top: 2px;
    background-color: #fff
}

.form-summary__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 55px
}

.form-summary__date {
    font-size: 1rem
}

.form-summary__circle {
    height: 110px;
    width: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 20px;
    margin-bottom: 10px
}

.form-summary__amount {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 2.5rem;
    margin: 20px 0;
    font-weight: 800;
    line-height: 1
}

.form-summary__content,.form-summary__error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 20px 40px
}

.form-summary__details {
    margin: 0 60px
}

.form-summary__details .file-container__label {
    position: relative;
    transform: translateY(0);
    cursor: pointer;
    font-size: 13px;
    height: auto;
    color: #242424;
    margin-left: auto;
    flex-basis: 50%;
    font-weight: 800;
    white-space: pre-wrap;
    text-align: left
}

.form-summary__details .tooltip-wrapper {
    display: flex;
    align-self: flex-end
}

@media(max-width: 640px) {
    .form-summary__details {
        margin:0
    }
}

.form-summary__detail {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 0.8125rem;
    padding: 20px 0
}

.form-summary__detail:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.form-summary__detail-name {
    display: flex;
    align-items: center;
    align-self: flex-start;
    padding-right: 20px;
    color: #6e6e6e;
    flex-basis: 50%;
    font-size: 0.6875rem
}

.form-summary__detail-edit {
    z-index: 1;
    display: flex;
    align-items: center;
    margin-left: 30px
}

@media screen and (min-width: 640px) {
    .form-summary__detail-edit {
        right:0;
        margin-right: 20px
    }
}

.form-summary__detail-edit-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #6e6e6e;
    border: none;
    padding: 0;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0)
}

.form-summary__detail-edit-button:hover,.form-summary__detail-edit-button:focus {
    background-color: #f2f2f2
}

.form-summary__detail-edit-button .icon {
    margin: auto;
    height: 16px;
    width: 16px
}

.form-summary__files {
    border: none
}

.form-summary__item-value {
    text-align: right;
    margin-left: 15px
}

.form-summary__detail-value {
    flex-basis: 50%;
    font-weight: 800;
    white-space: pre-wrap;
    text-align: left
}

.form-summary__detail-value {
    margin-left: auto
}

.form-summary__divider {
    transform: translateY(2px);
    border-top: 4px dashed #9b9b9b
}

.form-summary__headline {
    margin: 20px 0;
    font-weight: bold;
    text-align: left
}

@media screen and (min-width: 640px) {
    .form-summary__headline {
        margin:20px 60px
    }
}

.form-summary__headline-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.ape-mobile-upload {
    text-align: center;
    padding: 3rem
}

.ape-mobile-upload__title {
    font-size: 1rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: bold;
    line-height: 1.2rem;
    color: #242424;
    text-align: center;
    margin-top: 0
}

.ape-mobile-upload__error-message {
    font-size: 1rem;
    color: #dd1d26;
    font-weight: normal;
    line-height: 1rem;
    padding-bottom: 1rem
}

.ape-mobile-upload__description {
    margin: 0 0 3rem 0
}

.ape-mobile-upload .file-container {
    margin-top: 0;
    display: block
}

.ape-mobile-upload .file-drop,.ape-mobile-upload .file-container__delete-icon {
    display: none
}

.ape-mobile-upload .file-container__label {
    position: relative;
    width: 100%;
    transform: none;
    display: block;
    top: initial;
    left: initial;
    margin-bottom: 1rem
}

@media(max-width: 460px) {
    .ape-mobile-upload .file-container__label.file-container__label {
        max-width:none
    }
}

.ape-mobile-upload__file,.ape-mobile-upload__file:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,0);
    padding: 0;
    color: #242424;
    cursor: pointer;
    line-height: 18px;
    font-weight: normal;
    box-shadow: none
}

.ape-mobile-upload__file .icon,.ape-mobile-upload__file:hover .icon {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    margin-right: 5px
}

.neos-modal-overlay.app-error-modal__overlay--unknown {
    z-index: 19001
}

.autogiro-se__description {
    padding-bottom: 16px
}

.autogiro-se__card {
    max-width: 33%
}

.autogiro-se__list {
    list-style-type: none;
    padding: 10px 24px;
    margin: 0
}

.autogiro-se__list-item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.autogiro-se__list-item-anchor {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    text-decoration: none;
    cursor: pointer
}

.autogiro-se__account-icon {
    width: 16px;
    color: #6e6e6e
}

.avoid-overdrafts__button {
    margin-top: 16px
}

.avoid-overdrafts__button .icon {
    max-width: 20px
}

.avoid-overdrafts__account-title {
    font-size: 0.8125rem;
    line-height: 1rem;
    text-transform: uppercase;
    margin-top: 24px
}

.avoid-overdrafts--has-max-width {
    width: 681px;
    max-width: 100%
}

.avoid-overdraft-modal__form-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px
}

.avoid-overdraft-modal__form-footer {
    width: 100%
}

.avoid-overdraft-modal__form-main-title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.avoid-overdraft-modal__form-accounts {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
    width: 100%
}

.avoid-overdraft-modal__form-accounts-disabled>.form-control .form-control__content {
    pointer-events: none;
    opacity: .5
}

.avoid-overdraft-modal__form-receiver-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 32px
}

.avoid-overdraft-modal__form-receiver-buttons .avoid-overdraft-modal__form-receiver-buttons-button {
    grid-template-columns: 20px 1fr;
    grid-column-gap: 8px;
    display: grid
}

.avoid-overdraft-modal__form-receiver-buttons .avoid-overdraft-modal__form-receiver-buttons-button>p {
    white-space: nowrap;
    margin: unset
}

.avoid-overdraft-modal__form-receiver-buttons .avoid-overdraft-modal__form-receiver-buttons-button:not(:first-child) {
    direction: rtl
}

.avoid-overdraft-modal__form-receiver-buttons-icon {
    max-width: 20px
}

.avoid-overdraft-modal__form-title {
    color: #757575;
    font-size: 0.8125rem;
    line-height: 1rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 8px
}

.avoid-overdraft-modal__form-receiver-info {
    display: flex;
    align-items: flex-start;
    line-height: 1.125rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #6e6e6e
}

.avoid-overdraft-modal__form-receiver-info-icon {
    max-width: 20px;
    margin-right: 8px
}

.avoid-overdraft-modal__form-delete {
    margin-top: 32px
}

.avoid-overdraft-modal__form-delete-button {
    box-shadow: 0px 5px 5px rgba(0,0,0,.03),0px 2px 10px rgba(0,0,0,.06),0px 0px 5px -1px rgba(0,0,0,.11)
}

.avoid-overdrafts-sweep-agreement {
    border: 1px solid #e5e5e5;
    padding: 16px;
    margin: 16px 0
}

.avoid-overdrafts-sweep-agreement__table-body .avoid-overdrafts-sweep-agreement__table-row {
    height: unset
}

.avoid-overdrafts-sweep-agreement__table-body>:first-child {
    border-bottom: 1px solid #e5e5e5
}

.avoid-overdrafts-sweep-agreement__table-row {
    display: flex;
    justify-content: space-between
}

.avoid-overdrafts-sweep-agreement__table-row:not(:last-child) {
    margin-bottom: 16px
}

.avoid-overdrafts-sweep-agreement__table-column {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.avoid-overdrafts-sweep-agreement__table-row-details {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.avoid-overdrafts-sweep-agreement__table-row-details>:last-child {
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.1875rem
}

.avoid-overdrafts-sweep-agreement__table-row-details-title {
    color: #757575;
    font-size: .8125rem;
    line-height: 1rem;
    font-weight: 400;
    margin-bottom: 8px
}

.avoid-overdrafts-sweep-agreement__table-row-details-account {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1875rem
}

.avoid-overdrafts-sweep-agreement__table-row-details-account:not(:last-child) {
    margin-bottom: 16px
}

.bank-giro-deposit header {
    padding-bottom: 48px
}

.bank-giro-deposit header h2 {
    margin-bottom: 0
}

.bank-giro-deposit header p {
    margin-top: 8px
}

.bank-giro-deposit__accounts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px
}

.bank-giro-deposit__account ul {
    list-style-type: none;
    padding: 10px 24px;
    margin: 0
}

.bank-giro-deposit__account ul li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.bank-giro-deposit__account ul li a {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    text-decoration: none;
    cursor: pointer
}

.bank-giro-deposit__account-icon {
    width: 16px;
    color: #6e6e6e
}

.bank-giro-deposit__account-name {
    text-transform: uppercase
}

.bank-giro-deposit__account-title {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.25rem;
    padding: 24px
}

.bank-giro-deposit__account-title p {
    margin: 0;
    font-weight: bold
}

.bank-giro-deposit__account-list-item--loading {
    opacity: .6;
    pointer-events: none
}

@media(min-width: 1024px) {
    .bank-id-no {
        width:50%
    }
}

.bank-id-no__text-card-body {
    padding: 0 !important;
    background-color: #f8f8f8;
    border: none
}

.bank-id-no__data_card-footer {
    padding: 0 !important;
    min-height: auto !important;
    border-top: 1px solid #e5e5e5
}

.bank-id-no__data_card-footer>button {
    width: 120%;
    height: 100%;
    padding: 25px 0 25px 0;
    margin-bottom: -20px
}

.bank-id-no__data_card-footer>button>svg {
    width: 16px;
    height: 16px
}

.bank-id-no__modal-body {
    text-align: left
}

.bank-id-no__modal-body>div:first-child {
    padding-bottom: 15px
}

.order-bank-id-no__sub-title {
    font-weight: 600
}

.order-bank-id-no__buttons-container {
    display: flex;
    border-top: 1px solid #e5e5e5
}

.order-bank-id-no__modal {
    max-width: 526px
}

.order-bank-id-no-step p {
    white-space: pre-wrap
}

.order-bank-id-no-step--centered .card__body {
    text-align: center
}

.order-bank-id-no-step--centered .icon,.order-bank-id-no-step--centered .circle {
    width: 100px;
    margin: auto
}

.order-bank-id-no-step--update-information {
    padding-top: 16px;
    width: 526px !important
}

.order-bank-id-no-step--update-information .card__body {
    padding-top: 0
}

.bank-id__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 320px));
    gap: 16px;
    margin-top: 32px
}

@media(max-width: 768px) {
    .bank-id__cards {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media(max-width: 460px) {
    .bank-id__cards {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }
}

.bank-id-signing-page {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.bank-id-signing-page>h2,.bank-id-signing-page p {
    margin: unset
}

.bank-id-signing-page>h2:last-of-type {
    margin-bottom: 32px
}

.bank-id-signing-page .bank-id-signing-page__order-button {
    margin-top: 48px
}

.bank-id-card .bank-id-card__header {
    aspect-ratio: 1/.7
}

.bank-id-card .bank-id-card__header img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.bank-id-card .bank-id-card__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    height: auto;
    min-height: 300px
}

.bank-id-card .bank-id-card__body h2 {
    font-size: 1.25rem;
    line-height: normal;
    margin: 0
}

.batch-payment-details__loading {
    padding: 50px
}

.batch-payment-details__header {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: auto;
    font-size: 0.8125rem;
    padding: 32px
}

.batch-payment-details__info {
    margin: 8px 0;
    word-break: break-all;
    max-width: 768px;
    text-align: center
}

.batch-payment-details__info:first-child {
    margin-top: 16px
}

.batch-payment-details__info:last-child {
    margin-bottom: 16px
}

.batch-payment-details__payments {
    width: 100%;
    background-color: #f8f8f8
}

.batch-payment-details__sum-banner {
    display: flex
}

.batch-payment-details__payments-value {
    margin-left: 4px;
    color: #242424;
    line-height: 1.5rem;
    font-size: 0.875rem;
    font-weight: 900
}

.batch-payment-details__sum-value {
    color: #242424;
    line-height: 1.5rem;
    font-size: 0.875rem;
    font-weight: 900
}

.batch-payment-details__export-btn {
    position: absolute;
    inset: 16px 16px auto auto
}

.batch-payment-files-upload {
    display: flex
}

.batch-payment-files-upload__footer-links {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    color: #fedd46
}

@media screen and (max-width: 1023px) {
    .batch-payment-files-upload {
        flex-direction:column
    }

    .batch-payment-files-upload section {
        flex-basis: 100%
    }
}

.agreement-file {
    display: flex;
    font-size: 0.8125rem
}

.agreement-file:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.agreement-file--success .agreement-file__icon {
    fill: #fff;
    background-color: #fedd46
}

.agreement-file__actions,.agreement-file__column {
    justify-content: center;
    flex-direction: column;
    display: flex
}

.agreement-file__column {
    padding: 16px
}

.agreement-file__actions {
    margin-left: auto;
    padding: 0
}

.agreement-file__action {
    display: flex;
    white-space: nowrap
}

button.agreement-file__action {
    height: 32px
}

.agreement-file__error {
    font-size: 0.6875rem
}

.agreement-file__error--failed,.agreement-file__error--duplicate {
    color: #dd1d26;
    fill: #dd1d26
}

.agreement-file__information {
    flex-direction: column
}

.agreement-file__information .icon {
    width: 0.625rem;
    margin-right: 4px
}

.agreement-file__name {
    font-size: 1rem
}

.agreement-file__format {
    font-size: 0.8125rem
}

.agreement-file__actions .icon {
    width: 0.75rem;
    padding: 16px;
    cursor: pointer;
    box-sizing: content-box
}

.agreement-file__icon {
    padding: 8px;
    align-self: center;
    border-radius: 50%;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.agreement-file__icon svg,.agreement-file__icon .agreement-file__icon-spinner {
    width: 16px
}

.agreement-file__icon-spinner {
    width: 1rem;
    height: 1rem;
    display: block;
    border-radius: 50%;
    border: 1px solid currentColor;
    border-top-color: rgba(0,0,0,0);
    animation: loading-indicator .7s linear infinite
}

.agreement-file__button-remove-item {
    border: none;
    background: none;
    cursor: pointer;
    display: block;
    height: 100%
}

@keyframes loading-indicator {
    to {
        transform: rotate(360deg)
    }
}

.agreement-file-group__title {
    font-weight: 800;
    font-size: 0.875rem;
    margin-top: 16px
}

.batch-payment-files-upload .agreement-file__information {
    max-width: 100%
}

@media screen and (max-width: 1023px) {
    .batch-payment-files-upload .batch-payment-files-upload__section .agreement-file {
        flex-direction:column;
        padding-bottom: 16px
    }

    .batch-payment-files-upload .batch-payment-files-upload__section .agreement-file .agreement-file__icon {
        margin-top: 16px
    }

    .batch-payment-files-upload .batch-payment-files-upload__section .agreement-file__column,.batch-payment-files-upload .batch-payment-files-upload__section .agreement-file__actions {
        display: flex;
        margin: 0;
        justify-content: center;
        text-align: center
    }

    .batch-payment-files-upload .batch-payment-files-upload__section .agreement-file__action {
        display: block
    }
}

.batch-payment-files-upload__form-files {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    position: relative;
    border: 1px dashed rgba(36,36,36,.2);
    text-align: center;
    padding: 48px 16px;
    margin: 32px 0
}

.batch-payment-files-upload__form-files:hover,.batch-payment-files-upload__form-files--hover {
    background-color: #f0f0f0
}

.batch-payment-files-upload__form-files input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.batch-payment-files-upload__form-files .icon {
    width: 16px;
    margin-right: 8px
}

.batch-payment-files-upload__form-notice {
    margin: 16px 0
}

.batch-payment-files-upload__form-notice .icon {
    width: 12.8px;
    float: left
}

.batch-payment-files-upload__form-notice .icon,.batch-payment-files-upload__form-notice .batch-payment-upload-form__info-text {
    display: inline-block
}

.batch-payment-files-upload__form-notice .batch-payment-upload-form__info-text {
    position: relative;
    bottom: 17.6px;
    margin-left: 24px
}

.batch-payment-files-upload__section-list {
    background: #fff;
    min-height: 100vh;
    border-left: 1px solid #e5e5e5
}

.batch-payment-files-upload__section-list .batch-payment-files-upload__section-content {
    margin-left: 64px
}

.batch-payment-files-upload .list__bulk-menu-container {
    background: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    border: none;
    padding-left: 32px
}

.batch-payment-files-upload__section-content {
    max-width: 681px
}

.batch-payment-files-upload__section-content {
    margin-right: 64px;
    margin-left: auto
}

.batch-payment-files-upload__section-close-button {
    position: fixed;
    right: 50%;
    z-index: 1;
    margin-right: -32px;
    margin-top: -68.8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    background: #fff;
    padding: 8px 24px;
    border: 1px solid #e5e5e5;
    border-radius: 24px
}

.batch-payment-files-upload__section-close-button .icon {
    width: 16px;
    margin-left: 8px
}

.batch-payment-files-upload__section {
    flex-basis: 50%;
    padding: 64px 0;
    position: relative
}

.batch-payment-files-upload__section--hidden {
    visibility: hidden
}

.batch-payment-files-upload__section--muted::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5)
}

.batch-payment-files-upload__section-close-button-spinner {
    width: 1rem;
    height: 1rem;
    display: block;
    border-radius: 50%;
    border: 1px solid currentColor;
    border-top-color: rgba(0,0,0,0);
    animation: loading-indicator .7s linear infinite
}

@keyframes loading-indicator {
    to {
        transform: rotate(360deg)
    }
}

@media screen and (max-width: 1023px) {
    .batch-payment-files-upload .batch-payment-files-upload__section .batch-payment-files-upload__section-close-button {
        right:0;
        bottom: 0;
        margin: 0 0 -20px 0;
        position: absolute
    }

    .batch-payment-files-upload .batch-payment-files-upload__section .batch-payment-files-upload__section-content {
        margin: 0;
        padding: 0 16px;
        max-width: 100%;
        width: 100%
    }
}

.batch-payment-files-upload__section--has-helptext .batch-payment-files-upload__section-title {
    margin-bottom: 0
}

.batch-payment-files-upload__section--has-helptext .batch-payment-files-upload__section-helptext {
    margin-bottom: 1.875rem
}

.batch-payment-history {
    max-width: 768px
}

.batch-payment-history--has-state-details {
    cursor: pointer
}

.batch-payment-history--is-expanded {
    background-color: #f8f8f8
}

.batch-payment-history__header {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font-size: 0.8125rem;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px
}

.batch-payment-history__section {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font-size: 0.8125rem;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    padding-bottom: 32px
}

.batch-payment-history__info {
    margin: 8px 0;
    word-break: break-all;
    text-align: center
}

.batch-payment-history__info:first-child {
    margin-top: 16px
}

.batch-payment-history__info:last-child {
    margin-bottom: 16px
}

.batch-payment-history__table-container {
    width: 100%
}

.batch-payment-history__table-container.table__container--widen {
    margin-top: 16px
}

@media screen and (max-width: 639px) {
    .batch-payment-history__column--created-date {
        display:none
    }
}

.batch-payment-history__column--completed-date {
    text-align: right
}

.batch-payment-history__state-details {
    display: flex;
    flex-direction: column
}

.batch-payment-history__state-details-item {
    padding: 8px 0;
    display: flex;
    justify-content: space-between
}

.batch-payment-history__state-details-item+.batch-payment-history__state-details-item {
    border-top: 1px solid #e5e5e5
}

.batch-payment-history__state-details-item-value {
    font-weight: bold;
    text-align: right
}

.batch-payment-history__export-btn {
    position: absolute;
    inset: 16px 16px auto auto
}

.batch-payment-list__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 16px
}

.batch-payment-list__filter {
    margin: 0 16px 16px 0
}

.table-column.batch-payment-list__column--status:last-child {
    text-align: left;
    padding-left: 32px
}

.batch-payment-list__column--created-date {
    width: 100px
}

.batch-payment-list__column--file-name {
    word-break: break-word;
    max-width: 250px;
    padding: 8px 16px 8px 0
}

@media(max-width: 460px) {
    .batch-payment-list__column--file-name {
        max-width:150px;
        padding-right: 0
    }
}

.bonus-summary-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bonus-summary-card__account-name {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 800;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.brf-loan-details__card-body.card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    padding-top: 32px
}

.brf-loan-details__card-body-title>h3 {
    font-size: 1.875rem
}

.brf-loan-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.brf-loan-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.brf-loan-details__row:last-child {
    border-bottom: none
}

.brf-loan-details__icon {
    max-height: 67px
}

.brf-loan-details__row-label {
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.brf-loan-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.brf-loan-header {
    margin-bottom: 32px
}

.brf-loan-header__inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px;
    justify-content: space-between
}

@media(min-width: 768px) {
    .brf-loan-header__inner {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .brf-loan-header__inner {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .brf-loan-header__inner {
        padding:0 56px
    }
}

.brf-loan-header__left {
    padding: 0 32px;
    align-self: flex-end
}

.brf-loan-header__right {
    text-align: right;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 32px
}

.brf-loan-header__address,.brf-loan-header__balance {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 16px
}

.brf-loan-header__address .amount__currency-postfix,.brf-loan-header__balance .amount__currency-postfix {
    font-weight: 600;
    font-size: inherit;
    color: inherit
}

.brf-loan-header--medium .brf-loan-header__address,.brf-loan-header--medium .brf-loan-header__balance {
    font-size: 1.3rem
}

.brf-loan-header--small .brf-loan-header__address,.brf-loan-header--small .brf-loan-header__balance {
    font-size: 1rem
}

.brf-loan-header__detail-text {
    margin-bottom: 8px;
    font-size: 0.8125rem;
    font-weight: 400
}

.brf-loan-header__detail-text .amount__currency-postfix {
    font-weight: 400;
    font-size: inherit;
    color: inherit
}

.brf-loan-header__detail-label {
    margin-right: 8px
}

.brf-loan-see-account-details {
    align-items: center;
    border-radius: 25px;
    font-weight: normal;
    margin-bottom: 32px
}

.brf-loan__action-buttons {
    justify-content: flex-end;
    width: 100%;
    display: flex;
    padding: 0 32px
}

.brf-loan-details {
    margin-top: 5.625rem
}

.brf-loan-details__instalments {
    margin-bottom: 32px
}

.brf-loan-details__instalments .brf-loan-details__instalments-header {
    margin: 16px 0
}

.brf-loan-details__instalments .brf-loan-details__instalments-header>:first-child {
    font-size: 0.875rem
}

.brf-loan-details__header-logo {
    max-height: 16px;
    place-self: flex-start
}

.bundle-approval-receipt {
    padding: 32px;
    display: flex;
    flex-flow: column;
    align-items: center
}

.bundle-approval-receipt__circle {
    height: 110px;
    width: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 30px;
    margin: 64px 0 32px
}

.bundle-approval-receipt__message {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0 64px;
    line-height: 1;
    text-align: center
}

.calculate-loan {
    background-color: #fff
}

.calculate-loan__header {
    padding: 32px 40px 24px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e5e5e5;
    gap: 12px
}

.calculate-loan__header>svg {
    width: 28px;
    height: 28px
}

.calculate-loan__header>span {
    font-size: 1rem;
    font-weight: 800;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.calculate-loan__info-text {
    display: flex;
    flex-direction: column;
    padding: 32px 24px
}

.calculate-loan__loan-info {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    padding: 12px 24px
}

.calculate-loan__loan-info span:last-child {
    font-size: 1rem;
    font-weight: 700
}

.calculate-loan__form {
    padding: 32px 24px
}

.calculate-loan__form .calculate-loan__form-header {
    font-size: 1rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900;
    line-height: 1.375rem
}

.calculate-loan__form .calculate-loan__form-submit-button {
    font-size: 1rem;
    font-family: "Lato","Helvetica",sans-serif;
    line-height: 1.375rem;
    border-radius: 50px;
    padding: 20px 0
}

.calculate-loan__form .calculate-loan__form-custom-radio-buttons {
    display: flex;
    align-items: center
}

.calculate-loan__form .calculate-loan__form-error-message {
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #d90e19;
    margin-bottom: 32px
}

.calculate-loan__modal {
    max-width: 900px
}

.calculate-loan__modal-content {
    display: flex;
    flex-direction: column
}

.calculate-loan__modal-content-inner {
    padding-bottom: 24px
}

.calculate-payment-plan {
    display: flex;
    flex-direction: column;
    padding: 56px 56px 0
}

.calculate-payment-plan__title {
    font-size: 1.75rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900
}

.calculate-payment-plan__disclaimer {
    font-size: 1rem;
    font-family: "Lato","Helvetica",sans-serif;
    line-height: 1.375rem;
    margin: 16px 0 64px;
    max-width: 550px
}

.calculate-payment-plan__result-dropdown {
    margin-bottom: 12px;
    border-bottom: 1px solid #bbb;
    width: 260px
}

.calculate-payment-plan__result-dropdown .calculate-payment-plan__result-dropdown-content {
    left: unset;
    width: inherit;
    border: 2px solid #d6d6d6
}

.calculate-payment-plan__result-dropdown .calculate-payment-plan__result-dropdown-content>:last-child {
    padding: 8px 8px 0 16px
}

.calculate-payment-plan__result-dropdown .calculate-payment-plan__result-dropdown-content>:last-child .calculate-payment-plan__result-dropdown-content-button {
    border-bottom: 2px solid #d6d6d6;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 6px 4px 12px;
    cursor: pointer
}

.calculate-payment-plan__result-dropdown .calculate-payment-plan__result-dropdown-content>:last-child .calculate-payment-plan__result-dropdown-content-button:last-child {
    border-bottom: unset
}

.calculate-payment-plan__result-dropdown .calculate-payment-plan__result-dropdown-button {
    border: unset;
    background: unset;
    width: 100%;
    color: #242424 !important;
    justify-content: space-between;
    padding: 8px;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.375rem
}

.calculate-payment-plan__result-dropdown .calculate-payment-plan__result-dropdown-button:hover {
    background-color: unset !important;
    color: #242424
}

.calculate-payment-plan__result {
    margin: 12px 0 48px
}

.calculate-payment-plan__result .calculate-payment-plan__result-title {
    font-size: 1.25rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900
}

.calculate-payment-plan__result-table .calculate-payment-plan__result-table-row {
    background: #f2f2f6;
    height: unset;
    border: unset
}

.calculate-payment-plan__result-table .calculate-payment-plan__result-table-row>td {
    font-size: .875rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 400;
    line-height: 1.25rem;
    padding: 8px 16px
}

.calculate-payment-plan__result-table .blank {
    background: #fff
}

.combined-posting-details thead .table-row:before,.combined-posting-details tbody .table-row:before {
    content: "";
    width: 24px;
    display: table-cell
}

.neos-modal-content .combined-posting-details {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.combined-posting-details .table-column:first-child .combined-posting-details__checkbox {
    padding: 0
}

.combined-posting-details .list__bulk-menu-container {
    background-color: #fff
}

.combined-posting-details .list__bulk-menu-container .list__bulk-menu-count {
    flex: none;
    padding-right: 24px
}

.combined-posting-details .list__bulk-menu-container .list__bulk-menu-actions {
    border-left: solid 1px #bbb
}

.combined-posting-details .list__bulk-menu-container .list__bulk-menu-actions .action-menu {
    width: 250px;
    justify-content: center
}

.combined-posting-details__modal {
    width: 640px;
    max-width: calc(100vh - 32px)
}

.combined-posting-details__header-actions {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 32px 24px;
    flex-direction: row;
    gap: 16px;
    background-color: #f8f8f8
}

.combined-posting-details-card-body {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f8f8
}

.combined-posting-details__search-filter {
    flex-basis: 250px
}

.combined-posting-details__amount-filter {
    flex: auto
}

.combined-posting-details__bottom-pagination {
    justify-content: flex-end;
    margin: 16px
}

@media(max-width: 460px) {
    .combined-posting-details__search-filter {
        flex-basis:100%
    }

    .combined-posting-details__amount-filter {
        flex-basis: 100%
    }

    .combined-posting-details__bottom-pagination {
        justify-content: flex-start
    }
}

.combined-posting-details__table {
    min-width: 520px;
    background-color: #f8f8f8
}

.combined-posting-details__empty-message {
    padding: 48px 16px;
    text-align: center;
    display: flex;
    justify-content: center
}

.combined-posting-details-table__arrow {
    width: 2.625rem
}

tbody .table-column.combined-posting-details-table__price {
    text-align: right;
    padding-right: 0
}

.combined-posting-details-table__expanded .table-column {
    background-color: #fff
}

.combined-posting-details-table--is-open {
    background-color: #fff
}

.combined-posting-details-table__row {
    cursor: pointer
}

.combined-posting-details-table__spinner {
    display: flex;
    justify-content: center
}

.combined-posting-details-table__container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: .5rem 1.5rem;
    padding-right: 2.75rem
}

@media(min-width: 640px) {
    .combined-posting-details-table__container {
        grid-template-columns:repeat(2, 1fr)
    }

    .combined-posting-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.combined-posting-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
        border-bottom: none
    }
}

@media(min-width: 1024px) {
    .combined-posting-details-table__container {
        grid-template-columns:repeat(3, 1fr)
    }

    .combined-posting-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.combined-posting-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
        border-bottom: none
    }
}

.neos-modal-content .combined-posting-details-table__container {
    grid-template-columns: 100%
}

@media(min-width: 1024px) {
    .neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
        border-bottom:1px solid #e5e5e5
    }

    .neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2):last-child,.neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item:last-child {
        border-bottom: none
    }

    .neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
        border-bottom: 1px solid #e5e5e5
    }

    .neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3):last-child,.neos-modal-content .combined-posting-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item:last-child {
        border-bottom: none
    }
}

.combined-posting-details__checkbox {
    padding-right: 8px
}

.combined-posting-details__checkbox .checkbox-select__indicator {
    width: 20px;
    height: 20px;
    color: #bbb
}

.communication-create-message__wrapper {
    display: flex;
    flex-direction: column
}

.communication-create-message__inputs {
    display: flex;
    align-items: flex-end;
    width: 100%
}

.communication-create-message__body {
    flex-grow: 1;
    max-height: 460px;
    background-color: #fff;
    color: currentColor
}

.communication-create-message__attach-file {
    margin-right: 0.625rem
}

.communication-create-message__body-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 1.25rem;
    padding: 0.75rem 1.5rem;
    background-color: #fff;
    margin-right: 0.625rem;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    transition: box-shadow .1s ease-in;
    min-width: 0
}

.communication-create-message__body-wrapper--active {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.communication-create-thread--details {
    background-color: #fff;
    border-radius: 24px;
    padding: 16px 32px 48px;
    margin-bottom: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.communication-create-thread--details .communication__threads-header-title {
    margin: 0
}

.communication-create-thread__form--disabled {
    pointer-events: none
}

.communication-create-thread__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.communication-messages {
    padding: 20px
}

.communication-messages__list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: visible
}

.communication-messages__list:after {
    content: "";
    display: block;
    clear: both
}

.communication-message-item__body {
    display: inline-block;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 4px 4px 8px rgba(0,0,0,.07);
    white-space: pre-line;
    word-break: break-word
}

.communication-message-item__timestamp {
    color: #6e6e6e;
    font-size: .8rem;
    margin-bottom: 8px
}

.communication-message-item {
    display: block;
    clear: both;
    max-width: 80%;
    color: #242424;
    margin: 16px 0
}

.communication-message-item--received {
    float: left
}

.communication-message-item--received .communication-message-item__body {
    background: #fff
}

.communication-message-item--received .communication-message-item__body--message {
    border-bottom-left-radius: 0
}

.communication-message-item--sent {
    float: right;
    text-align: right
}

.communication-message-item--sent .communication-message-item__body {
    background: #fedd46;
    color: #000;
    box-shadow: -4px 4px 8px rgba(0,0,0,.07)
}

.communication-message-item--sent .communication-message-item__body--message {
    border-bottom-right-radius: 0;
    text-align: left
}

.communication-message-item--received+.communication-message-item--sent .communication-message-item__body--message {
    border-bottom-right-radius: 0
}

.communication-message-item--sent+.communication-message-item--sent .communication-message-item__body--message {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.communication-message-item--sent:last-of-type .communication-message-item__body--message {
    border-bottom-right-radius: 30px
}

.communication-message-item--received.communication-message-item--with-attachments:last-of-type .communication-message-item__body--message {
    border-bottom-left-radius: 0
}

.communication-message-item--received .communication-message-item--attachment:first-of-type .communication-message-item__body--attachment {
    border-bottom-left-radius: 0
}

.communication-message-item--received .communication-message-item--attachment .communication-message-item__body--attachment {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.communication-message-item--received .communication-message-item--attachment:last-of-type .communication-message-item__body--attachment {
    border-bottom-left-radius: 30px
}

.communication-message-item--sent.communication-message-item--with-attachments .communication-message-item__body--message {
    border-bottom-right-radius: 0
}

.communication-message-item--sent .communication-message-item--attachment:first-of-type .communication-message-item__body--attachment {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.communication-message-item--sent .communication-message-item--attachment .communication-message-item__body--attachment {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.communication-message-item--sent .communication-message-item--attachment:last-of-type .communication-message-item__body--attachment {
    border-bottom-right-radius: 30px
}

.communication-messages__footer {
    width: 100%;
    background-color: inherit;
    position: sticky;
    bottom: 0;
    padding: 16px;
    margin-top: auto
}

.communication-message-item--attachment {
    margin: 2px 0
}

.communication-message-item--attachment:last-child {
    margin-bottom: 16px
}

.communication-message-item__body--attachment {
    justify-content: space-between;
    align-items: center
}

.communication-message-item__body--attachment .icon {
    height: 16px;
    width: 16px;
    overflow: visible;
    margin-right: 5px;
    fill: #fff
}

.communication-message-item__body--attachment .button {
    padding: 0.625rem;
    margin: -0.625rem;
    font-size: inherit;
    color: inherit;
    min-height: auto;
    opacity: 1
}

.communication-message-item--received .communication-message-item__body--attachment .icon {
    fill: inherit
}

.communication-threads {
    position: relative
}

.communication-threads__list {
    margin: 0;
    padding: 0
}

.communication-threads__list li {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.communication-threads__list .form-rounded-text-area {
    outline: none
}

.communication-threads__list .collection-item {
    padding: 0
}

.communication-threads__list button {
    padding: 16px;
    border: none;
    background-color: rgba(0,0,0,0);
    width: 100%;
    outline: none
}

.communication-threads__list button svg {
    fill: currentColor
}

.communication-threads__TEMPORARY {
    padding: 20px;
    margin-bottom: 16px
}

.communication-threads__information {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.communication-threads__information>* {
    margin-left: 8px
}

.communications-threads__information-icon {
    width: 1rem;
    height: 1rem
}

.communications-threads__information-icon--highlighted {
    fill: #fff
}

.communication-threads__unread-messages {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 5px;
    background-color: #6c757b
}

.communication {
    position: relative;
    background-color: #f8f8f8;
    display: flex
}

.communication__wrap {
    background-color: inherit;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    width: 100%;
    max-height: calc(100vh - 64px);
    overflow: auto
}

.has-old-ebank-link .communication__wrap {
    max-height: calc(100vh - 112px)
}

.communication__threads {
    background-color: inherit;
    width: 100%;
    padding: 0
}

.communication--isWide .communication__threads {
    padding-right: 16px
}

.communication__threads-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: inherit;
    padding: 0 16px;
    margin: 0 -16px
}

.communication__messages {
    background-color: inherit;
    width: 100%;
    overflow: auto
}

.communication__thread-create {
    padding: 16px;
    width: 100%
}

.task-center .communication__thread-create {
    margin-bottom: auto
}

.communication__thread-create-header {
    margin-bottom: 16px
}

.communication--isNarrow .communication__messages {
    display: none
}

.communication--isNarrow.communication--mobileFocusIsMessages .communication__threads {
    display: none
}

.communication--isNarrow.communication--mobileFocusIsMessages .communication__messages {
    display: block
}

.communication--isNarrow .communication__message-header {
    justify-content: normal
}

.communication--isNarrow .ebank-load-spinner {
    margin: 0 auto
}

.communication--isWide {
    flex-direction: column
}

.task-center .communication--isWide {
    height: calc(100vh - 64px)
}

.has-old-ebank-link .task-center .communication--isWide {
    height: calc(100vh - 112px)
}

.communication--isWide .communication__threads {
    flex-grow: 1;
    min-width: 320px;
    width: 30%;
    overflow: auto;
    padding-left: 4px
}

.communication--isWide .communication__messages {
    border-left: 1px solid #e5e5e5;
    flex-grow: 2;
    width: 70%;
    overflow: auto;
    display: flex;
    flex-direction: column
}

.communication__header {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    position: sticky;
    top: 0;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background-color: inherit;
    z-index: 1
}

.communication--isNarrow .communication__header {
    padding-left: 4px
}

.communication__message-header-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 0
}

.communication__header-navigation {
    margin-right: 8px
}

.communication__message-header-info-title {
    font-size: 1.125rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    word-break: break-word
}

.communication--isWide .communication__message-header-info-title {
    font-size: 1.5rem
}

.communication__contact {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #242424
}

.communication__contact:hover {
    color: #3f4346
}

.communication__contact-info {
    font-size: 0.8125rem;
    margin-right: 1em;
    line-height: 1.2em
}

.communication-list-upload-files {
    margin: 1rem -1.5rem -0.75rem -1.5rem
}

.communication-list-upload-files__list {
    padding: 0;
    margin: .2rem .1rem;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

.communication-list-upload-files__list-item {
    background-color: #f2f2f2;
    padding: 0px 15px;
    height: 36px;
    font-size: .8rem;
    border-radius: 1.25rem;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: .1rem;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    max-width: 50%
}

.communication-list-upload-files__image-info {
    justify-content: space-between;
    width: 100%;
    display: flex;
    align-items: center
}

.communication-list-upload-files__image-info .icon {
    height: 16px;
    width: 16px;
    overflow: visible;
    margin-right: 5px;
    fill: #000
}

.communication-list-upload-files__progress-bar-container {
    background-color: #e5e5e5;
    width: 100%;
    height: 2px
}

.communication-list-upload-files--small .communication-list-upload-files__list-item {
    max-width: none
}

.communication-list-upload-files__progress-bar {
    background-color: #3f4346;
    height: 100%
}

.communication-list-upload-files__button-wrapper {
    position: absolute;
    right: 0
}

.communication-list-upload-files__name-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden
}

.communication-list-upload-files__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px
}

.communication-create-attachment__file {
    display: none
}

.communication-create-attachment__button {
    margin-right: 0.625rem
}

.communication-create-attachment__button:hover {
    background-color: #fff
}

.company-list {
    position: relative
}

.company-list__wrapper {
    background: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.company-list__tools {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0rem 3.125rem
}

.company-list__tools>* {
    flex-basis: 33.3%;
    flex-grow: 1;
    margin-bottom: 1rem
}

.company-list__tools .company-list__search-filter {
    padding-right: 5px
}

.company-list--small .company-list__tools {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0rem 1.25rem
}

.company-list--small .company-list__tools .company-list__search-filter,.company-list--small .company-list__tools .company-list__list-toggle,.company-list--small .company-list__tools .company-list__account-toggle {
    flex-basis: 100%;
    margin-bottom: 1.25rem;
    text-align: center
}

.company-list--small .company-list__tools .company-list__search-filter {
    order: 3;
    padding: 0
}

.company-list--small .company-list__tools .company-list__search-filter .filter-field {
    max-width: none
}

.company-list--small .company-list__tools .company-list__list-toggle {
    order: 1;
    margin-right: 0
}

.company-list--small .company-list__tools .company-list__list-toggle.company-list__list-toggle--isHidden {
    display: none
}

.company-list--small .company-list__tools .company-list__account-toggle {
    order: 2
}

.company-list__account-toggle {
    text-align: center
}

.company-list__list-toggle {
    text-align: right;
    margin-right: -0.5rem
}

.company-list__list-toggle--isHidden {
    visibility: hidden
}

.company-list__container {
    border-top: 1px solid rgba(0,0,0,0);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 24px 64px;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.company-list__container>div {
    flex-shrink: 0;
    padding: 0 .5em;
    white-space: nowrap
}

.company-list__container>div:first-of-type {
    padding-left: 0
}

.company-list__container>div:last-of-type {
    padding-right: 0
}

.company-list__container .company-list__title {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-list__footer-link {
    padding: 16px 16px 32px 56px
}

.company-list--small .company-list__footer-link {
    padding: 16px 16px 32px 16px
}

.company-list__summary-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5
}

.company-list__summary-section--isOpen {
    border-top: none
}

.company-list__summary-section--expandedAccountOverviewLinkEnabled {
    padding: 0 32px
}

.company-list__summary-section--expandedAccountOverviewLinkEnabled .company-list__bottom-row .button__icon {
    margin: 0 0 0 0
}

.company-list__summary-section--expandedAccountOverviewLinkEnabled .company-list__bottom-row .button__icon-text {
    margin-left: 16px
}

.company-list__summary-section--expandedAccountOverviewLinkEnabled .account-balance-summation {
    margin-left: 0;
    margin-right: 0
}

.company-list__show-summary-button .button__icon,.company-list__show-all-accounts-button .button__icon {
    transform: rotate(0);
    transition: .2s ease-in transform;
    margin-left: 0
}

.company-list__show-summary-button--active .button__icon,.company-list__show-all-accounts-button--active .button__icon {
    transform: rotate(180deg)
}

.company-list__bottom-row {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
    padding: 6px 0 14px 0
}

.company-list--expandedAccountOverviewLinkEnabled {
    z-index: 1
}

.company-list--expandedAccountOverviewLinkEnabled .account-group__toggle-button {
    padding-right: 54px
}

.company-list--expandedAccountOverviewLinkEnabled .account-group--small .account-group__toggle-button {
    padding-right: 54px
}

.company-list--expandedAccountOverviewLinkEnabled .account-table-row::after,.company-list--expandedAccountOverviewLinkEnabled .account-table-row--small::after {
    width: 8px;
    min-width: 8px;
    max-width: 8px
}

.company-list__actions-container {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%) translateX(-42px)
}

.company-list__actions-container>div {
    margin-left: 8px
}

.company-list__no_accounts {
    text-align: center;
    padding: 16px 0 16px
}

.company-selector {
    display: flex;
    flex-direction: column;
    background: #fff
}

@media(max-width: 640px) {
    .company-selector {
        position:relative;
        height: 100%;
        width: 100%
    }
}

@media(min-width: 640px) {
    .company-selector {
        max-height:90vh;
        width: 560px
    }

    .company-selector--multiple-business-or-private {
        height: 600px
    }
}

.company-selector-no-modal {
    width: 560px;
    min-width: 300px;
    margin: 0 auto
}

.company-selector__form {
    flex-grow: 1
}

.company-selector__header {
    padding: 32px 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 640px) {
    .company-selector__header {
        display:none
    }
}

.company-selector__header-title {
    text-align: center;
    font-size: 1.4375rem;
    font-weight: bold;
    margin: 0
}

.company-selector__header-info {
    margin-left: 8px
}

.company-selector__header-info .tooltip-wrapper {
    vertical-align: middle
}

.company-selector__header-info .icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.company-selector__header-info .tooltip-label {
    width: 300px;
    white-space: normal
}

.company-selector__flex-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media(max-width: 640px) {
    .company-selector-modal .neos-modal-close-button.modal__button--outside {
        width:4rem;
        height: 4rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 70;
        background: rgba(0,0,0,0);
        border: none;
        padding: 0;
        cursor: pointer
    }

    .company-selector-modal .neos-modal-close-button.modal__button--outside svg {
        fill: #242424
    }
}

.company-private-toggle {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    z-index: 2
}

@media(min-width: 640px) {
    .company-private-toggle {
        flex-wrap:nowrap
    }
}

@media(max-width: 640px) {
    .company-selector--is-page-list .company-private-toggle {
        display:none
    }
}

.company-private-toggle button {
    cursor: pointer
}

.company-private-toggle__edit-companies__indicator {
    width: 1rem;
    height: 1rem
}

.company-private-toggle__agreement-option {
    height: 4.5rem;
    width: 100%;
    flex-grow: 1;
    position: relative
}

.company-private-toggle__agreement-option::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5
}

@media(max-width: 640px) {
    .company-private-toggle__agreement-option:last-child::after {
        content:none
    }
}

@media(min-width: 640px) {
    .company-selector--multiple-business-or-private .company-private-toggle__agreement-option--active::after {
        height:2px;
        background-color: #fedd46
    }
}

.company-private-toggle__agreement-btn {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 16px 32px;
    color: #242424;
    text-decoration: none
}

.company-private-toggle__agreement-btn .circle {
    flex-shrink: 0
}

.company-private-toggle__agreement-btn:hover {
    background: #f0f0f0
}

@media(min-width: 640px) {
    .company-private-toggle__agreement-option--active .company-private-toggle__agreement-btn {
        pointer-events:none
    }
}

.company-private-toggle__agreement-option--active .company-private-toggle__agreement-btn .circle {
    border-color: #fedd46
}

.company-private-toggle__checked {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-left: auto
}

.company-private-toggle__checked .icon {
    fill: #3f4346
}

.company-private-toggle__checked:hover .company-private-toggle__checked .icon {
    fill: #3f4346
}

.company-private-toggle__agreement-description {
    margin: 0 10px;
    text-align: left
}

.company-private-toggle__agreement-name {
    color: #242424;
    line-height: 1.5em
}

.company-private-toggle__agreement-type {
    font-size: 9px;
    text-transform: uppercase;
    color: #6e6e6e;
    line-height: 1.5em
}

.company-selector-company-list {
    flex-grow: 1;
    background-color: #fff
}

@media(max-width: 640px) {
    .company-selector--is-page-toggle .company-selector-company-list {
        display:none
    }
}

.company-selector-company-list__head {
    position: relative;
    display: flex;
    padding: 8px 32px;
    justify-content: space-between
}

.company-selector-company-list .company-selector-company-list__body {
    padding: 16px 0;
    overflow: hidden
}

.company-selector-company-list__title-section {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 1
}

.company-selector-company-list__head--filter-field-visible .company-selector-company-list__title-section {
    display: none
}

.company-selector-company-list__title {
    margin: 0 16px;
    font-weight: bold
}

@media(max-width: 640px) {
    .company-selector-company-list__title {
        margin:1.25rem 1.0625rem
    }
}

.company-selector-company-list__filter {
    flex-grow: 1;
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 4px 0
}

@media(max-width: 640px) {
    .company-selector-company-list__filter.filter-field--inFocus {
        position:absolute;
        top: 19px;
        right: 32px;
        left: 32px;
        background: #fff
    }
}

.company-selector-company-list__filter .filter-text__label {
    opacity: 0
}

.company-selector-company-list__filter .company-selector-company-list__filter-field {
    visibility: hidden;
    display: none;
    max-width: 100%;
    width: 100%
}

.company-selector-company-list__filter .company-selector-company-list__filter-field--visible {
    visibility: visible;
    display: flex
}

.company-selector-company-list__filter .company-selector-company-list__list-items {
    flex: 1 1 0;
    min-height: 100px
}

.company-selector-company-list__no-results {
    text-align: center;
    padding: 16px 32px
}

.company-selector-row {
    position: relative;
    padding: 16px 32px
}

.company-selector-row.isCurrentSelection .company-selector-row__company {
    color: #fedd46
}

.company-selector-row:hover {
    background: #f0f0f0
}

.company-selector-row:hover a {
    color: #3f4346
}

.company-selector-row:hover mark {
    color: #3f4346
}

.company-selector-row__company {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0.9375rem 0.9375rem 0.9375rem 4.375rem;
    color: #242424;
    font-size: 15px;
    text-decoration: none
}

.company-selector-row__company:visited,.company-selector-row__company:hover {
    color: #242424
}

@media(min-width: 640px) {
    .company-selector-company-list__body .checkbox-select__indicator {
        opacity:1
    }
}

.company-selector .company-selector__footer {
    display: flex;
    justify-content: space-between;
    min-height: 4.5rem;
    z-index: 2;
    border-top: 1px solid #e5e5e5;
    position: sticky;
    bottom: 0;
    background: #fff
}

@media(max-width: 640px) {
    .company-selector--is-page-toggle .company-selector .company-selector__footer {
        display:none
    }
}

.company-selector__footer-current-selection {
    display: flex;
    align-items: center;
    padding: 0 32px
}

.company-selector__footer-circle {
    color: #fff;
    background: #fedd46;
    width: 2.625rem;
    height: 2.625rem;
    font-size: 0.875rem
}

.company-selector__footer-text {
    font-size: 14px
}

.company-selector__footer-text {
    margin-left: 10px;
    text-align: left
}

.company-selector__footer-text-title {
    color: #242424;
    line-height: 1.5em
}

.company-selector__footer-submit-button {
    cursor: pointer;
    border: none;
    background: #fedd46;
    padding: 0 32px;
    font-size: 0.875rem;
    color: #000;
    display: flex;
    align-items: center
}

.company-selector__footer-submit-button .icon {
    height: 1.5em;
    margin-left: 8px;
    fill: #000;
    width: 1.375rem;
    height: 1.375rem
}

.company-selector__footer-submit-button[disabled] {
    opacity: .6;
    filter: grayscale(100%);
    pointer-events: none
}

.company-selector__footer-go {
    flex-grow: 1;
    justify-content: flex-end;
    margin: 0.625rem 0
}

.company-selector__mobile-header {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

@media(min-width: 640px) {
    .company-selector__mobile-header {
        display:none
    }
}

.company-selector__mobile-header .company-selector__mobile-header__back-btn {
    position: absolute;
    left: 8px;
    top: 12px;
    border: none
}

.company-selector__mobile-header__title {
    margin: 0;
    padding: 1.25rem
}

.consent-details {
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 128px)
}

.consent-details::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.consent-details:hover::-webkit-scrollbar {
    height: 8px
}

.consent-details::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.consent-details::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.consent-details::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.consent-details__section {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
    padding: 16px 32px;
    font-size: 0.8125rem;
    border-bottom: 1px solid #e5e5e5
}

@media(max-width: 460px) {
    .consent-details__section {
        padding:8px 16px
    }

    .consent-details__section:last-of-type {
        padding-bottom: 8px
    }
}

.consent-details__section--grey {
    background-color: #f8f8f8
}

.consent-details__section--long-text {
    align-items: flex-start;
    overflow: auto
}

.consent-details__items {
    width: 100%
}

.consent-details__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.5rem;
    border-bottom: 1px solid #e5e5e5
}

.consent-details__item--no-border {
    border-bottom: none
}

.consent-details__item-key {
    text-align: left
}

.consent-details__item-value {
    font-weight: 900;
    text-align: right
}

.consent-details__body {
    text-align: left;
    white-space: pre-line
}

.consents-list__text,.consents-list__introduction {
    white-space: pre-line;
    max-width: 640px;
    margin: 0
}

.consents-list__table-description {
    margin: 0 0 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

.consents-list__introduction {
    margin-bottom: 64px
}

.consents-list__table-wrapper {
    margin-top: 32px
}

.consents-table {
    margin-bottom: 64px
}

.consents-table-row--loading {
    color: #9b9b9b;
    pointer-events: none
}

.core-loan-details__content {
    padding: 24px;
    background-color: #f8f8f8
}

.core-loan-details__header {
    text-align: center;
    background-color: #fff;
    padding: 32px 0
}

.core-loan-details__account-name {
    font-size: 1.875rem;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.core-loan-details__account-number {
    font-size: 0.875rem
}

.core-loan-list {
    position: relative;
    z-index: 1
}

.core-loan-list__content {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background-color: #fff
}

.core-loan-list__tabs {
    display: flex;
    width: 50%
}

.core-loan-list__tabs>div {
    height: 50px;
    width: 100%
}

.payment-plan-list {
    padding: 48px
}

.payment-plan-list__table .payment-plan-list__table-summary-row>td {
    border-top: 1px solid #000
}

.payment-plan-list .payment-plan-list__headline--future+tr td {
    border-top: 0
}

.payment-plan-list__fallback-message {
    text-align: center
}

.payment-plan-list__headline td,.payment-plan-list__headline--future td {
    font-size: 0.8125rem
}

.payment-plan-list__headline:not(:first-of-type) td,.payment-plan-list__headline--future td {
    padding: 64px 0 0
}

.payment-plan-list__headline:first-of-type td {
    padding: 16px 0 0
}

@media(max-width: 460px) {
    .payment-plan-list {
        padding:16px
    }
}

.payment-plan-list__table-summary-row--future+.payment-plan-list__headline td {
    padding-top: 0
}

.core-loan-next-payment {
    margin-top: 3.125rem;
    padding-bottom: 16px
}

.core-loan-next-payment__title,.core-loan-next-payment__row {
    display: flex
}

.core-loan-next-payment__title:not(:last-child),.core-loan-next-payment__row:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.core-loan-next-payment__title {
    padding: 16px;
    margin-bottom: 16px
}

.core-loan-next-payment .label-value-details__item {
    margin: 0 24px
}

.core-loan-next-payment__error {
    color: #dd1d26
}

.core-loan-next-payment__error .icon {
    fill: #dd1d26;
    margin-right: 16px
}

.core-loan-next-payment__title h3 {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 16px
}

.core-loan-next-payment__title .icon {
    margin: 0 0 0 16px
}

.core-loan-next-payment .icon {
    width: 1.3125rem
}

.create-account-form__buttons {
    display: flex;
    padding-top: 24px
}

.create-account-receipt-body {
    padding: 32px;
    display: flex;
    flex-flow: column;
    align-items: center
}

.create-account-receipt-body__circle {
    height: 72px;
    width: 72px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 20px;
    margin: 32px 0 32px
}

.create-account-receipt-body__message {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 16px 0 32px;
    line-height: 1;
    text-align: center
}

.create-account-receipt-body__submessage {
    text-align: center;
    margin-bottom: 32px
}

.create-account-form__account-type-option {
    padding: 0 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold
}

@media(max-width: 360px) {
    .create-account-form__account-type-option {
        padding:0
    }
}

.create-account-form__account-type-option .ebank-load-spinner {
    position: absolute;
    right: 16px
}

.create-account-form__account-type-option-label {
    position: relative
}

.create-account-form__account-type-option-sublabel {
    color: #6e6e6e;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: .5px;
    font-weight: normal
}

.create-account-form__account-type .form-select-filter__options-container {
    max-height: 161px
}

.create-account-modal {
    min-width: 34.375rem;
    width: 50vw;
    max-width: 50rem;
    z-index: 99999 !important
}

.create-account-container {
    max-width: 720px;
    margin: 32px auto
}

.create-account-step-headline {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding-top: 32px !important
}

.create-account__vertical-group {
    display: flex;
    flex-direction: column
}

.create-account__headline {
    color: #242424;
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5rem
}

.create-account__sub-headline {
    color: #3c3c3c;
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0340625rem
}

.create-account__sub-title {
    font-weight: 600
}

.create-account__sign-step {
    text-align: center
}

.create-account__sign-step .icon {
    width: 100px;
    margin: auto
}

.create-account__result-step {
    text-align: center
}

.create-account-form__form-radio-with-link .form-message {
    display: none
}

.swish-account-select-field-notice {
    display: flex;
    justify-content: space-between
}

.swish-modal__amount-field {
    text-align: end
}

.swish-modal__phone-number-field {
    display: flex
}

.swish-modal__phone-number-field .swish-modal__phone-number-prefix-field {
    width: 2.5rem
}

.swish-modal__phone-number-field .swish-modal__phone-number-prefix-field>:first-child :first-child {
    top: unset
}

.swish_modal__phone-number-number-field .form-message {
    left: -36px
}

.swish-modal-with-field__headline {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 32px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem
}

.swish-modal-with-field__title {
    font-weight: bold;
    padding: 16px 32px 0
}

.swish-modal-with-field__subtitle {
    padding: 4px 32px 16px
}

.swish-modal-with-field__body {
    padding: 0 32px 64px
}

.swish-modal-with-field__buttons {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    display: flex
}

.swish-modal-with-field__account--swish {
    position: static !important
}

.create-payment-agreement .button--huge.button--with-icon {
    justify-content: center
}

.create-payment-agreement .button--huge.button--with-icon .button__icon-text {
    flex-grow: 0
}

.create-payment-agreement-dk-form__submit-button {
    margin-top: 16px
}

.create-payment-agreement-no-form__receiver-section {
    margin-top: 48px;
    border-top: 1px solid #e5e5e5;
    background-color: #f8f8f8
}

.create-payment-agreement-se-form__content {
    display: flex;
    flex-direction: column;
    min-height: 685px
}

.create-payment-agreement-se-form__section {
    padding: 32px 64px 40px
}

@media screen and (max-width: 639px) {
    .create-payment-agreement-se-form__section {
        padding:32px 8px 40px
    }
}

.create-payment-agreement-se-form__section--receiver {
    flex: 1;
    background-color: #f8f8f8
}

.create-payment-agreement-se-form__form {
    display: flex;
    flex-direction: column;
    flex: 1
}

.autogiro-creditor-picker__creditor-search {
    position: relative;
    margin: 16px 0
}

.autogiro-creditor-picker__creditor-details {
    margin-top: 32px;
    padding: 16px;
    border: 1px solid #3f4346;
    background-color: #fff
}

.autogiro-creditor-picker__creditor-details--loading {
    display: flex;
    justify-content: center;
    align-items: center
}

.autogiro-creditor-picker__details-top-section {
    display: flex;
    justify-content: space-between
}

.autogiro-creditor-picker__details-identifiers-section {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px
}

.autogiro-creditor-picker__detail-label {
    font-size: 0.75rem
}

.autogiro-creditor-picker__detail-name {
    font-size: 1rem;
    font-weight: bold
}

.autogiro-creditor-picker__detail-org-nr,.autogiro-creditor-picker__detail-bg-nr {
    font-size: 0.875rem;
    font-weight: bold
}

.autogiro-creditor-picker {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    color: #242424
}

.autogiro-creditor-picker__result {
    width: 100%;
    position: absolute;
    top: 100%;
    margin-top: 3px;
    max-height: 250px;
    overflow-y: auto;
    background-color: #fff;
    padding: 0 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    left: 0;
    z-index: 1;
    min-width: 290px
}

.autogiro-creditor-picker__empty {
    padding: 16px;
    text-align: center
}

.autogiro-creditor-picker__result-option {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.autogiro-creditor-picker__result-option:last-of-type {
    border: none
}

.autogiro-creditor-picker__search-input {
    min-height: 450px;
    width: 320px;
    max-width: 100%
}

.create-foreign-transfer-receiver__transfer-row {
    display: flex;
    justify-content: stretch
}

@media screen and (max-width: 459px) {
    .create-foreign-transfer-receiver__transfer-row {
        display:block
    }
}

.create-foreign-transfer-receiver__no-bic-swift-checkbox {
    display: flex;
    align-items: flex-start;
    padding: 1.5rem 0 0 10px
}

.create-foreign-transfer-receiver__no-bic-swift-checkbox .form-checkbox {
    margin-right: 0
}

.create-foreign-transfer-receiver__bic-swift {
    flex: 1
}

.create-foreign-transfer-receiver__bic-swift .form-input__input {
    text-transform: uppercase
}

.create-foreign-transfer-receiver__account-number .form-input__input {
    text-transform: uppercase
}

.create-giro-receiver-form-dk__giro-type-number-row {
    display: flex;
    flex-direction: row;
    position: relative
}

.create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-type {
    width: 5rem
}

@media(max-width: 640px) {
    .create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-type {
        width:48px
    }

    .create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-type .form-select__icon {
        display: none
    }
}

@media(min-width: 360px) {
    .create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-type {
        margin-right:.5rem
    }
}

.create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-ocr {
    width: 11rem
}

@media(min-width: 640px) {
    .create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-ocr {
        width:12rem
    }
}

@media(max-width: 360px) {
    .create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-ocr {
        width:148px
    }
}

.create-giro-receiver-form-dk__giro-type-number-row .create-giro-receiver-form-dk__giro-ocr .form-control__content {
    position: relative
}

.create-giro-receiver-form-dk__giro-number-and-ocr-row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1
}

.create-giro-receiver-form-dk__giro-number {
    flex: 1
}

@media(min-width: 360px) {
    .create-giro-receiver-form-dk__giro-number input,.create-giro-receiver-form-dk__giro-ocr input {
        padding-left:4px
    }
}

@media(max-width: 360px) {
    .create-giro-receiver-form-dk__giro-type input,.create-giro-receiver-form-dk__giro-number input,.create-giro-receiver-form-dk__giro-ocr input {
        font-size:16px;
        margin: 0
    }
}

.create-recurring-transfer {
    display: flex;
    justify-content: center
}

.create-recurring-transfer-form {
    flex: 1
}

.create-recurring-transfer-form__bottom-section {
    background-color: #f8f8f8;
    padding: 32px
}

.create-recurring-transfer-form__origin-section {
    background-color: #fff;
    padding: 32px
}

.create-recurring-transfer-form__amount-line {
    display: flex;
    justify-content: stretch
}

.create-recurring-transfer-form .create-recurring-transfer-form__currency {
    width: 90px;
    padding-top: 13px
}

.create-recurring-transfer-form__dates {
    display: flex;
    justify-content: space-between
}

.create-recurring-transfer-form__first-payment-date {
    margin-right: 16px
}

.create-recurring-transfer-form__receiver-text {
    display: flex;
    justify-content: space-between
}

.create-recurring-transfer-form .button--huge.button--with-icon {
    justify-content: center
}

.create-recurring-transfer-form .button--huge.button--with-icon .button__icon-text {
    flex-grow: 0
}

.account-transactions-widget .transaction-field--statementText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px
}

.account-transactions-widget__body {
    min-height: 200px;
    border-top: 1px solid #e5e5e5
}

.sales-widget__image {
    animation: widget-card-ENTER-ANIMATION .7s cubic-bezier(0.24, 0.5, 0.22, 0.89) forwards
}

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

.sales-widget__content {
    animation: widget-card-ENTER-ANIMATION .7s cubic-bezier(0.24, 0.5, 0.22, 0.89) forwards;
    padding: 2em 2em 2.2em 2em
}

.sales-widget--small .sales-widget__content {
    padding: 1em 1em 1.2em 1em
}

.sales-widget__title {
    padding-top: 0;
    margin-top: 0;
    font-size: 20px;
    line-height: 1.2em
}

.sales-widget__link {
    margin-top: .5em;
    text-align: right
}

.shortcuts-widget__top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.shortcuts-widget__top--no-shortcuts {
    justify-content: flex-start
}

.shortcuts-widget__no-shortcuts {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px #e5e5e5 solid;
    padding: 24px 32px 40px
}

.shortcuts-widget__no-shortcuts p {
    color: #6e6e6e;
    margin-bottom: 1rem
}

.shortcuts-widget li:not(:last-child) .shortcuts-widget__shortcut {
    border-bottom: 1px #e5e5e5 solid
}

.shortcuts-widget__shortcut-arrow {
    color: #fedd46;
    height: 1em;
    margin-left: 16px
}

.shortcuts-widget__shortcut-label {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shortcuts-widget__shortcut-label:not(:hover) {
    color: #242424
}

.shortcuts-widget__shortcut-list {
    padding: 0;
    margin: 0
}

.shortcuts-widget__shortcut-list li {
    max-width: none
}

.widget-card .neos-arrow-link {
    margin: 1.25rem
}

.widget-title__label {
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.widget-title--h1 .widget-title__label {
    font-size: 1.6875rem;
    line-height: 2.0625rem
}

.widget-title {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem
}

.widget-title--noMargin {
    margin-top: 0;
    margin-bottom: 0
}

.widget-title__left {
    margin-left: 1.5rem
}

.data-loader-cards .data-loader-cards__table {
    min-width: 750px
}

.data-loader-life-insurance-policies-list .data-loader-life-insurance-policies-list__table {
    min-width: 850px
}

.data-loader-loans-list .data-loader-loans-list__table {
    min-width: 850px
}

.data-loader-mortgage-loans-list .data-loader-mortgage-loans-list__table {
    min-width: 1100px
}

.data-loader-other-insurance-policies-list .data-loader-other-insurance-policies-list__table {
    min-width: 850px
}

.data-loader-securities-list .data-loader-securities-list__table {
    min-width: 500px
}

.react-datepicker-wrapper {
    display: inline-flex;
    padding: 0;
    border: 0
}

.react-datepicker {
    background-color: #fff;
    display: inline-flex;
    position: relative;
    color: #242424
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-left: -8px;
    position: absolute;
    top: 0;
    margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid rgba(0,0,0,0);
    height: 0;
    width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f2f2f2
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    margin-left: -8px;
    position: absolute;
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid rgba(0,0,0,0);
    height: 0;
    width: 1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    bottom: -1px;
    border-top-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=right] {
    margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    text-align: center;
    background-color: #f2f2f2;
    border-bottom: 1px solid #f0f0f0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 8px;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header {
    margin-top: 0;
    color: #242424;
    font-weight: bold
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid rgba(0,0,0,0);
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #f0f0f0;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f2f2f2
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #3f4346;
    color: #fff;
    font-weight: bold
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #3f4346
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: rgba(0,0,0,0)
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    background-color: #f2f2f2
}

.react-datepicker__day-names,.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name {
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range {
    background-color: #3f4346;
    color: #fff
}

.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover {
    background-color: #333639
}

.react-datepicker__month--disabled,.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: rgba(0,0,0,0)
}

.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text {
    cursor: pointer
}

.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover {
    background-color: rgba(0,0,0,0)
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #3f4346
}

.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover {
    background-color: #f2f2f2
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view {
    border: 1px solid rgba(0,0,0,0)
}

.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover {
    cursor: pointer
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
    bottom: 0;
    margin-bottom: -8px;
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem
}

.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid rgba(0,0,0,0);
    height: 0;
    width: 1px
}

.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #f0f0f0
}

.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker__year-read-view--down-arrow::before,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #f0f0f0
}

.react-datepicker__month-wrapper {
    display: flex
}

.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown {
    background-color: #f2f2f2;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border: 1px solid #f0f0f0
}

.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover {
    background-color: #ccc
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 0;
    outline: 0;
    padding: 0px 6px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #3f4346;
    color: #fff;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"
}

.react-datepicker__today-button {
    background: #f2f2f2;
    border-top: 1px solid #f0f0f0;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media(max-width: 400px),(max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name {
        width:2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.8rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid rgba(0,0,0,0)
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker-wrapper {
    width: 100%
}

.react-datepicker-popper {
    z-index: 5;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.react-datepicker {
    width: 100%;
    height: 100%;
    padding: 16px 16px 8px;
    border: none;
    font-family: "Lato","Helvetica",sans-serif;
    border-radius: 0
}

.react-datepicker__triangle {
    display: none
}

.react-datepicker__month-container {
    max-width: 300px
}

.react-datepicker__navigation--next,.react-datepicker__navigation--previous {
    border: none !important;
    top: 24px;
    height: 24px;
    width: 24px;
    transform: scale(0.4)
}

.react-datepicker__navigation--next:after,.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:after,.react-datepicker__navigation--previous:before {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    width: 20px;
    background: gray;
    border-radius: 2px;
    top: 50%
}

.react-datepicker__navigation--next {
    border: none;
    position: absolute;
    overflow: visible;
    right: 24px
}

.react-datepicker__navigation--next:before,.react-datepicker__navigation--next:after {
    right: 1px
}

.react-datepicker__navigation--next:before {
    transform-origin: 100% 4px;
    transform: rotate(45deg)
}

.react-datepicker__navigation--next:after {
    transform: rotate(-45deg);
    transform-origin: 100% 0px
}

.react-datepicker__navigation--next.react-datepicker__navigation--next--with-time {
    left: 221px;
    right: auto
}

.react-datepicker__navigation--previous {
    border: none;
    position: absolute;
    overflow: visible;
    left: 24px
}

.react-datepicker__navigation--previous:before,.react-datepicker__navigation--previous:after {
    left: 2px
}

.react-datepicker__navigation--previous:before {
    transform-origin: 0% 0px;
    transform: rotate(45deg)
}

.react-datepicker__navigation--previous:after {
    transform: rotate(-45deg);
    transform-origin: 0% 4px
}

.react-datepicker__year-dropdown {
    border: none;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.react-datepicker__year-option {
    border-radius: 0 !important
}

.react-datepicker__year-read-view--down-arrow {
    border: none;
    height: 24px;
    width: 24px;
    overflow: visible;
    transform: scale(0.4);
    top: 2px;
    margin-left: 2.6666666667px
}

.react-datepicker__year-read-view--down-arrow:after,.react-datepicker__year-read-view--down-arrow:before {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    width: 20px;
    border: none;
    background: gray;
    border-radius: 2px;
    top: 50%;
    z-index: 1
}

.react-datepicker__year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:after {
    left: 50%
}

.react-datepicker__year-read-view--down-arrow:before {
    transform-origin: 0% 2px;
    transform: rotate(-135deg)
}

.react-datepicker__year-read-view--down-arrow:after {
    transform: rotate(-45deg);
    transform-origin: 0% 4px
}

.react-datepicker__header {
    border: none;
    background-color: rgba(0,0,0,0);
    text-transform: uppercase
}

.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__current-month {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    color: #242424
}

.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__day-names {
    margin-top: 16px
}

.react-datepicker__day-names {
    display: flex;
    justify-content: space-between;
    padding: 0 6.4px
}

.react-datepicker__day-name {
    letter-spacing: 2em;
    max-width: 1.5em;
    overflow: hidden;
    padding-left: .4em
}

.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__day {
    font-size: 14px;
    margin: 0 0 2px 0;
    width: 32px;
    height: 32px;
    line-height: 30.4px
}

.react-datepicker__day {
    cursor: pointer;
    position: relative
}

.react-datepicker__day .day-inner {
    position: absolute;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.react-datepicker__day:hover:not([aria-disabled=true]) .day-inner {
    background: #fff;
    color: #242424;
    border: 1px solid #3f4346
}

.react-datepicker__day.react-datepicker__day--today {
    font-weight: bold
}

.react-datepicker__day.react-datepicker__day--selected .day-inner {
    background-color: #3f4346;
    color: #fff;
    border-radius: 50%
}

.react-datepicker__day.react-datepicker__day--selected .day-inner:hover {
    background-color: #333639;
    color: #fff
}

.react-datepicker__day.react-datepicker__day--in-selecting-range,.react-datepicker__day.react-datepicker__day--in-range {
    background-color: #f0f0f0;
    color: #242424;
    border-radius: 0
}

.react-datepicker__day.react-datepicker__day--in-selecting-range:first-of-type,.react-datepicker__day.react-datepicker__day--in-range:first-of-type {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%
}

.react-datepicker__day.react-datepicker__day--in-selecting-range:last-of-type,.react-datepicker__day.react-datepicker__day--in-range:last-of-type {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.react-datepicker__day.react-datepicker__day--range-start,.react-datepicker__day.react-datepicker__day--selecting-range-start {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%
}

.react-datepicker__day.react-datepicker__day--range-end,.react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.react-datepicker__day.react-datepicker__day--in-selecting-range+.react-datepicker__day--in-selecting-range:not(:last-of-type):not(.react-datepicker__day--selecting-range-end) {
    border-radius: 0
}

.react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--selecting-range-end:not(.react-datepicker__day--range-end):not(:last-of-type) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--selecting-range-start:not(.react-datepicker__day--range-start):not(:first-of-type) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.date-range-picker {
    position: relative
}

.date-range-picker .react-datepicker {
    position: relative;
    z-index: 2;
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap
}

.date-range-picker .react-datepicker__month-container {
    margin-bottom: 48px
}

@keyframes amin-date-range-popper-in {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.date-range-picker__popper {
    animation: amin-date-range-popper-in .3s ease forwards;
    position: absolute;
    z-index: 100;
    top: 100%;
    margin-top: 16px;
    max-width: 520px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.date-range-picker__popper-marker {
    position: absolute;
    top: -9.6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: 1;
    width: 24px;
    height: 24px;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

@media screen and (min-width: 640px) {
    .date-range-picker__popper-marker {
        left:25%
    }
}

.date-range-picker__popper-footer {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px
}

.date-range-picker__input-nav {
    border: 1px solid #e5e5e5;
    display: inline-flex;
    border-radius: 20px;
    min-height: 2.5rem;
    font-size: 0.75rem;
    line-height: 1.25em;
    white-space: nowrap;
    flex-wrap: nowrap;
    align-items: center
}

.date-range-picker__input-nav--dark-border {
    border-color: #bbb
}

.date-range-picker__input-nav-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0 8px;
    fill: currentColor
}

.react-datepicker__day.react-datepicker__day--range-end .day-inner {
    background-color: #3f4346;
    color: #fff;
    border-radius: 50%;
    font-weight: bold
}

.react-datepicker__day.react-datepicker__day--selected.react-datepicker__day--range-start .day-inner {
    background-color: #3f4346;
    color: #fff;
    border-radius: 50%;
    font-weight: bold
}

.react-datepicker__day--outside-month {
    pointer-events: none
}

.react-datepicker__day--outside-month .day-inner {
    visibility: hidden
}

.date-range-picker--centered {
    position: initial
}

.date-range-picker__popper--centered {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    animation: none
}

.date-range-picker--disallow-end-range .react-datepicker__month-container {
    margin-bottom: 0
}

.date-range-input {
    position: relative;
    display: inline-block;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    padding: 0 16px;
    font-size: 0.75rem;
    transition: .15s linear all
}

.date-range-input.date-range-input--active {
    background-color: #3f4346;
    color: #fff
}

@media screen and (min-width: 640px) {
    .date-range-input.date-range-input--active input {
        font-size:16px;
        transform: translateY(2px)
    }
}

.date-range-input.date-range-input--disabled {
    color: #9b9b9b
}

.date-range-input input {
    transition: .15s linear all;
    color: inherit;
    border: 1px solid rgba(0,0,0,.1);
    border: none;
    display: inline-block;
    width: auto;
    padding-left: .4em;
    line-height: 1.25em;
    background: rgba(0,0,0,0);
    outline: none;
    max-width: 6.5em
}

.date-range-input:not(.date-range-input--disabled):not(.date-range-input--active):hover {
    background-color: #eaebeb
}

.date-range-input::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 21px;
    right: 21px;
    padding: 0;
    height: 1px;
    background-color: #e5e5e5;
    pointer-events: none
}

.date-range-input--hasValue::after,.date-range-input--active::after {
    display: none
}

.delta--negative.delta--icon-left::before,.delta--positive.delta--icon-left::before,.delta--negative--search.delta--icon-left::before,.delta--positive--search.delta--icon-left::before {
    padding-right: 5px
}

.delta--negative.delta--icon-right::after,.delta--positive.delta--icon-right::after,.delta--negative--search.delta--icon-right::after,.delta--positive--search.delta--icon-right::after {
    padding-left: 5px
}

.delta--icon.delta--negative.delta--icon-left::before {
    content: "▼";
    color: #dd1d26
}

.delta--icon.delta--negative.delta--icon-right::after {
    content: "▼";
    color: #dd1d26
}

.delta--icon.delta--negative--search.delta--icon-left::before {
    content: "▼";
    color: #dd1d26;
    padding: 0 4px
}

.delta--icon.delta--negative--search.delta--icon-left::after {
    content: "%";
    color: #dd1d26;
    padding: 0 4px
}

.delta--icon.delta--positive.delta--icon-left::before {
    content: "▲";
    color: #008755
}

.delta--icon.delta--positive.delta--icon-right::after {
    content: "▲";
    color: #008755
}

.delta--icon.delta--positive--search.delta--icon-left::before {
    content: "▲";
    color: #008755;
    padding: 0 4px
}

.delta--icon.delta--positive--search.delta--icon-left::after {
    content: "%";
    color: #008755;
    padding: 0 4px
}

.delta--icon.delta--neutral--search.delta--icon-left::before {
    content: "";
    padding: 0 4px
}

.delta--icon.delta--neutral--search.delta--icon-left::after {
    content: "%";
    color: #008755;
    padding: 0 4px
}

.delta--bold {
    font-weight: bold
}

.delta--color-font.delta--positive {
    color: #008755
}

.delta--color-font.delta--negative {
    color: #dd1d26
}

.delta--color-font.delta--positive--search,.delta--color-font.delta--neutral--search {
    color: #008755;
    background-color: #dff1ea
}

.delta--color-font.delta--negative--search {
    color: #dd1d26;
    background-color: #f8d7d8
}

.dlr-loan-details__card-body.card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    padding-top: 32px
}

.dlr-loan-details__card-body-title>h3 {
    font-size: 1.875rem
}

.dlr-loan-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.dlr-loan-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.dlr-loan-details__row:last-child {
    border-bottom: none
}

.dlr-loan-details__icon {
    max-height: 67px
}

.dlr-loan-details__row-label {
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dlr-loan-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ebank-nav-list__item--disabled {
    pointer-events: none;
    opacity: .6
}

@media(min-width: 1024px) {
    .e-invoice-agreements-se {
        width:50%
    }
}

.e-invoice-agreements-se__top {
    padding: 32px 0
}

.e-invoice-agreements-se__fallback-text {
    font-weight: bold
}

.e-invoice-agreements-se__owner-name {
    font-weight: bold;
    margin-bottom: 16px
}

.e-invoice-agreements-se-active {
    margin-bottom: 32px
}

.e-invoice-agreements-se-active__card {
    margin-bottom: 1px
}

.e-invoice-agreements-se-active__card-body.card__body {
    display: flex;
    justify-content: space-between;
    padding: 32px
}

.e-invoice-agreements-se-active__labels-activated {
    font-size: .75rem
}

.e-invoice-agreements-se-active__labels-email {
    font-size: .75rem
}

.e-invoice-agreements-se-active__buttons {
    display: flex;
    align-items: center
}

.e-invoice-agreements-se-active__context-menu__item {
    width: 230px
}

.e-invoice-agreements-se-active__context-menu__trigger-button {
    border-radius: 50%
}

.e-invoice-agreements-se-active__context-menu__trigger-button:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.e-invoice-agreements-se-active__context-menu__trigger-button.e-invoice-agreements-se-active__context-menu__trigger-button--is-open {
    border-radius: 50% 50% 0 0;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.e-invoice-agreements-se-active-creditors__card-body.card__body {
    font-size: .875rem;
    text-align: center
}

.e-invoice-agreements-se-add-creditor-modal__content-inner {
    height: calc(100vh - 16px* 8)
}

.e-invoice-agreements-se-add-creditor-modal__title {
    text-align: center;
    font-size: 1.2rem;
    padding: 32px;
    font-weight: bold
}

.e-invoice-agreements-se-add-creditor-modal__filter-field {
    margin: auto;
    padding-bottom: 32px
}

.e-invoice-agreements-se-add-creditor-modal__display-message {
    text-align: center;
    font-style: italic
}

.e-invoice-agreements-se-add-creditor-modal__creditor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 16px 32px;
    border-top: 1px solid #e5e5e5;
    text-decoration: none
}

.e-invoice-agreements-se-add-creditor-modal__creditor:hover {
    background-color: #f0f0f0
}

.e-invoice-agreements-se-add-creditor-modal__creditor--is-last {
    border-bottom: 1px solid #e5e5e5
}

.e-invoice-agreements-se-add-creditor-modal__creditor-sender-name {
    color: #242424
}

.e-invoice-agreements-se-add-creditor-modal__creditor__context-menu__item {
    width: 230px
}

.e-invoice-agreements-se-add-creditor-modal__creditor__context-menu__trigger-button {
    border-radius: 50%
}

.e-invoice-agreements-se-add-creditor-modal__creditor__context-menu__trigger-button:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.e-invoice-agreements-se-add-creditor-modal__creditor__context-menu__trigger-button.e-invoice-agreements-se-add-creditor-modal__creditor__context-menu__trigger-button--is-open {
    border-radius: 50% 50% 0 0;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.e-invoice-agreements-se-confirmation-modal__title {
    padding: 32px;
    font-weight: bold
}

.e-invoice-agreements-se-confirmation-modal__confirmation {
    padding: 0 32px 32px 32px
}

.e-invoice-agreements-se-confirmation-modal__buttons {
    display: flex
}

.e-invoice-agreements-se-creditor-list__no-creditors {
    font-size: .875rem;
    text-align: center
}

.e-invoice-agreements-se-creditor-list__context-menu__item {
    width: 230px
}

.e-invoice-agreements-se-inactive__card {
    margin-bottom: 32px
}

.e-invoice-agreements-se-inactive__card-body.card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px
}

.e-invoice-agreements-se-inactive__text {
    font-size: 14px;
    font-weight: bold
}

@media(min-width: 1024px) {
    .e-invoice-agreements {
        width:50%
    }
}

.e-invoice-agreements__item.e-invoice-agreements__item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.e-invoice-agreements__empty {
    font-weight: bold
}

.e-invoice-agreements__top {
    padding: 32px 0
}

.e-invoice-agreements__card {
    margin-bottom: 16px
}

.e-invoice-agreements__card-body.card__body {
    display: flex;
    flex-direction: column;
    padding: 0
}

.e-invoice-agreements__owner-name {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 32px
}

.e-invoice-agreements__owner-name .icon {
    fill: currentColor;
    width: 1rem;
    height: 1rem
}

.e-invoice-agreements__owner-name-title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 1.125rem;
    font-weight: bold
}

.e-invoice-agreements__account {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px
}

.e-invoice-agreements__account-holder-sign-up-actions {
    display: flex;
    align-items: center
}

.e-invoice-agreements__signup {
    display: flex;
    justify-content: space-between;
    padding: 16px 32px
}

.e-invoice-agreements__signup-name,.e-invoice-agreements__signup-text {
    font-size: 1.125rem;
    font-weight: bold;
    margin: 4px 0
}

.e-invoice-agreements__creditor-toggle {
    width: 100%;
    margin-bottom: 16px
}

.e-invoice-agreements__account-holder-info-headline {
    font-weight: bold
}

.e-invoice-agreements__account-holder-info-name,.e-invoice-agreements__account-holder-info-email,.e-invoice-agreements__account-holder-info-phone {
    font-size: 0.8125rem
}

.e-invoice-agreements-context-menu .e-invoice-agreements-context-menu__item {
    width: 230px
}

.e-invoice-agreements-context-menu .e-invoice-agreements-context-menu__trigger-button {
    border-radius: 50%
}

.e-invoice-agreements-context-menu .e-invoice-agreements-context-menu__trigger-button:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.e-invoice-agreements-context-menu .e-invoice-agreements-context-menu__trigger-button.e-invoice-agreements-context-menu__trigger-button--is-open {
    border-radius: 50% 50% 0 0;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.e-invoice-agreements-sign-up {
    padding: 48px
}

.e-invoice-agreements-sign-up__title {
    margin-top: 0
}

.e-invoice-agreements-sign-up__form-control {
    margin-bottom: 32px
}

.e-invoice-agreements-sign-up__form-control .form-control__content {
    display: flex
}

.e-invoice-agreements-sign-up__form-control .form-control__content .checkbox-select {
    padding-right: 16px
}

.e-invoice-creditors {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px 32px
}

.e-invoice-creditors__empty {
    padding: 16px 0;
    text-align: center
}

.e-invoice-creditors__table-body.einvoice-creditors__row :not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.e-invoice-archive .table__container {
    padding-top: 32px
}

@media screen and (max-width: 639px) {
    .e-invoice-archive .table {
        table-layout:fixed
    }
}

.e-invoice-archive .e-invoice-archive__empty {
    text-align: center;
    color: #6e6e6e;
    padding: 32px;
    background-color: #fff
}

.e-invoice-archive .table-column:not(:first-child):not(:last-child) {
    padding-left: 1em;
    padding-right: 1em
}

.e-invoice-archive .signed_documents__document-row {
    position: relative
}

.e-invoice-archive .signed_documents__document-row .table-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-invoice-archive .signed_documents__document-row .table-column .tooltip-wrapper {
    display: inline-block
}

@media screen and (max-width: 639px) {
    .e-invoice-archive .signed_documents__document-row .table-column .tooltip-wrapper .tooltip {
        display:none
    }
}

.e-invoice-archive .signed_documents__document-row .signed-document__column-action {
    overflow: visible
}

@media screen and (min-width: 640px) {
    .e-invoice-archive .signed-document__column-title {
        min-width:50%
    }
}

.e-invoice-archive .signed_documents__download-button {
    padding: 0;
    height: 48px;
    vertical-align: middle
}

.e-invoice-archive__pagination {
    display: flex;
    justify-content: flex-end;
    padding: 16px 32px
}

.e-invoice-error-accordion-item {
    cursor: pointer
}

.e-invoice-error-accordion-item .e-invoice-error-accordion-item__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 86px;
    font-size: 1rem;
    font-weight: 900;
    padding: 32px;
    border-bottom: 1px solid #aaa
}

.e-invoice-error-accordion-item .e-invoice-error-accordion-item__details {
    padding: 32px
}

.e-invoice-error-accordion-item .e-invoice-error-accordion-item__icon {
    width: 16px
}

.e-invoice-fulfilled-accordion {
    cursor: pointer;
    padding: 0 32px;
    margin-bottom: 32px
}

.e-invoice-fulfilled-accordion .e-invoice-fulfilled-accordion__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 86px;
    font-size: 1rem;
    font-weight: 900;
    padding: 32px;
    border-bottom: 1px solid #aaa
}

.e-invoice-fulfilled-accordion .e-invoice-fulfilled-accordion__details {
    padding: 32px;
    padding-bottom: 0
}

.e-invoice-fulfilled-accordion .e-invoice-fulfilled-accordion__icon {
    width: 16px
}

.e-invoice-fulfilled-accordion .e-invoice-fulfilled-accordion__title {
    display: flex;
    gap: 12px
}

.e-invoice-fulfilled-accordion .e-invoice-fulfilled-accordion__icon-checkmark {
    width: 13px
}

.e-invoice-unpaid-list-no-rejected-modal {
    width: 640px;
    min-height: 480px;
    max-height: 684px
}

.e-invoice-unpaid-list-no-rejected-modal .e-invoice-unpaid-list-no-rejected-modal__header {
    padding: 64px 56px 24px 56px
}

.e-invoice-unpaid-list-no-rejected-modal .e-invoice-unpaid-list-no-rejected-modal__heading {
    font-size: 1.6875rem;
    font-weight: 800;
    margin: 0
}

.e-invoice-unpaid-list-no-rejected-modal .e-invoice-unpaid-list-no-rejected-modal__sub-heading {
    margin-top: 16px;
    font-size: 1rem
}

.e-invoice-unpaid-list-no-rejected-modal .e-invoice-unpaid-list-no-rejected-modal__body {
    display: flex;
    flex-direction: column;
    background: #f7f7f8;
    min-height: 380px;
    padding: 0 32px
}

.e-invoice-unpaid-list-no-rejected-modal .e-invoice-unpaid-list-no-rejected-modal__body .e-invoice-unpaid-list-no-rejected-modal__text {
    margin: 0;
    padding: 32px 32px 0 32px
}

.e-invoice-unpaid-list-no-rejected-modal .e-invoice-unpaid-list-no-rejected-modal__body .table-body {
    padding: 32px 0
}

.e-invoice-unpaid-list-no-rejected-modal .e-invoice-unpaid-list-no-rejected-modal__body .table-row {
    height: 32px
}

.e-invoice-unpaid-list-no-rejected-modal .modal-action-buttons {
    position: sticky;
    bottom: 0
}

.e-invoice-unpaid-list-no-rejected-modal .modal-action-buttons__button {
    font-size: 0.875rem;
    font-weight: 700
}

.e-invoice-unpaid-list-approval-error__inner_modal {
    overflow-x: hidden
}

.e-invoice-unpaid-list-no {
    padding-top: 16px;
    padding-bottom: 16px
}

.e-invoice-unpaid-list-no__column--to {
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.e-invoice-unpaid-list-no__column--from-account svg {
    width: 16px;
    height: 16px;
    fill: #242424;
    margin-right: 4px;
    vertical-align: text-bottom
}

.e-invoice-unpaid-list-no__column--amount {
    text-align: right
}

.e-invoice-row--isDeleting {
    color: #9b9b9b;
    pointer-events: none
}

.e-invoice-unpaid-list-no__empty-message {
    background-color: #fff;
    padding: 16px;
    text-align: center
}

.e-invoice-unpaid-list-no--isReloading {
    opacity: .4;
    pointer-events: none
}

.e-invoice-unpaid-list-no__search-bar[class*="--small"] {
    padding: 0 32px 32px
}

.e-invoice-unpaid-list-no__column--select {
    width: 40px
}

.e-invoice-unpaid-list-no-approval-modal__inner {
    width: 800px
}

.e-invoice-unpaid-list-no-approval-modal__inner .e-invoice-unpaid-list-no-approval-modal__entity-header {
    padding-bottom: 48px
}

.e-invoice-unpaid-list-no-approval-modal__inner .e-invoice-unpaid-list-no-approval-modal__entity-header .entity-details-header__title {
    flex-direction: column
}

@media(max-width: 768px) {
    .e-invoice-unpaid-list-no-approval-modal__inner .e-invoice-unpaid-list-no-approval-modal__entity-header {
        padding:48px 32px
    }
}

.e-invoice-unpaid-list-no-approval-modal__debitor-field {
    max-width: 400px;
    margin-top: 24px
}

.e-invoice-unpaid-list-no-approval-modal__table {
    border-top: 1px solid #e5e5e5;
    background: #f7f7f8;
    padding-top: 16px;
    padding-bottom: 16px
}

.e-invoice-unpaid-list-no-approval-modal__debitor-field .form-select__icon {
    background-color: #fff
}

.e-invoice-unpaid-list-no-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 32px
}

@media(max-width: 768px) {
    .e-invoice-unpaid-list-no-filters {
        padding:0
    }

    .e-invoice-unpaid-list-no-filters .e-invoice-unpaid-list-no-filters__filter-field {
        width: 100%;
        margin-right: 0
    }
}

.e-invoice-unpaid-list-no-filters__filter-field {
    width: 300px
}

.e-invoice-unpaid-list-se {
    padding-top: 16px;
    padding-bottom: 16px
}

.e-invoice-unpaid-list-se__column--date {
    min-width: 60px
}

.e-invoice-unpaid-list-se__column--to {
    min-width: 230px
}

.e-invoice-unpaid-list-se__column--from-account {
    min-width: 230px
}

.e-invoice-unpaid-list-se__column--from-account svg {
    width: 16px;
    height: 16px;
    fill: #242424;
    margin-right: 4px;
    vertical-align: text-bottom
}

.e-invoice-unpaid-list-se__column--amount {
    text-align: right
}

.e-invoice-row--isDeleting {
    color: #9b9b9b;
    pointer-events: none
}

.e-invoice-unpaid-list-se__empty-message {
    background-color: #fff;
    padding: 16px;
    text-align: center
}

.e-invoice-unpaid-list-se--isReloading {
    opacity: .4;
    pointer-events: none
}

.e-invoice-unpaid-list-se__search-bar[class*="--small"] {
    padding: 0 32px 32px
}

.e-invoice-unpaid-list-se__column--select {
    width: 40px
}

.e-invoice-unpaid-list-se .list__bulk-menu-actions {
    width: 80%
}

.e-invoice-unpaid-list-se__approve-button {
    width: 80%
}

.e-invoice-unpaid-list-se__approve-button>button {
    justify-content: center
}

.e-invoice-unpaid-list-se__approve-button>button .button__icon-text {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-right: 8px
}

.e-invoice-unpaid-list-se__edit-button {
    min-width: 30%
}

.e-invoice-unpaid-list-se__edit-button>button {
    background-color: #f8f8f8;
    justify-content: center
}

.e-invoice-unpaid-list-se__edit-button>button .button__icon-text {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.e-invoice-unpaid-list-se-approval-card {
    display: flex;
    flex-direction: column;
    max-width: 760px;
    margin: 0 auto;
    margin-bottom: 24px;
    border: 1px solid
}

.e-invoice-unpaid-list-se-approval-card .form-details__slide-toggle {
    display: none
}

.e-invoice-unpaid-list-se-approval-card .form-control.field-text .form-label.form-label--active,.e-invoice-unpaid-list-se-approval-card .form-control.field-textarea .form-label.form-label--active {
    font-size: 0.75rem;
    transform: translateY(0) scale(1);
    color: #6e6e6e
}

.e-invoice-unpaid-list-se-approval-card .form-input__required {
    display: none
}

.e-invoice-unpaid-list-se-approval-card .form-input__input,.e-invoice-unpaid-list-se-approval-card .form-input__textarea {
    padding: .2em 0
}

.e-invoice-unpaid-list-se-approval-card--invalid {
    border-top: 1px solid #d90e19;
    border-right: 1px solid #d90e19;
    border-bottom: 1px solid #d90e19;
    border-left: 5px solid #d90e19
}

.e-invoice-unpaid-list-se-approval-card--closed .dropdown-select-button__icon {
    opacity: 0
}

.e-invoice-unpaid-list-se-approval-card__edit-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 16px 32px;
    margin-bottom: 0
}

.e-invoice-unpaid-list-se-approval-card__edit-header .button--small.button--icon-only {
    left: 5px
}

.e-invoice-unpaid-list-se-approval__text {
    line-height: none;
    font-size: 0.75rem;
    font-weight: 900
}

.e-invoice-unpaid-list-se-approval-card__form {
    display: flex;
    gap: 24px;
    padding: 0 32px;
    border: none
}

.e-invoice-unpaid-list-se-approval-card__form[disabled] {
    margin-bottom: 20px
}

.e-invoice-unpaid-list-se-approval-card__form[disabled] .form-select__icon {
    display: none
}

.e-invoice-unpaid-list-se-approval-card__form[disabled] .form-input-wrap {
    border-bottom: none
}

.e-invoice-unpaid-list-se-approval-card__date {
    max-width: 130px
}

.e-invoice-unpaid-list-se-approval-card__date.form-control.field-text .form-label {
    transform: none
}

.e-invoice-unpaid-list-se-approval-card__date .form-datepicker-wrapper__icon-wrapper {
    min-width: 24px;
    justify-content: left;
    padding-bottom: 4px
}

.e-invoice-unpaid-list-se-approval__debitor-field {
    max-width: 290px
}

.e-invoice-unpaid-list-se-approval__own-text-field {
    margin: 0 32px;
    max-width: 470px
}

.e-invoice-unpaid-list-se-approval-card__amount {
    max-width: 150px;
    margin-left: auto
}

.e-invoice-unpaid-list-se-approval-card__amount .form-control__content {
    text-align: right
}

.e-invoice-unpaid-list-se-approval-card__amount input.form-input__input {
    text-align: right;
    padding-right: 30px
}

.e-invoice-unpaid-list-se-approval-card__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.e-invoice-unpaid-list-se-approval-card__amount input::placeholder {
    color: #9b9b9b
}

.e-invoice-unpaid-list-se-approval-card__amount .form-input__input-inner {
    bottom: revert;
    right: 0px;
    padding-top: 2px
}

.e-invoice-unpaid-list-se-approval__buttons {
    margin: 32px
}

.e-invoice-unpaid-list-se-approval__buttons .button {
    border-radius: 0;
    width: 180px;
    margin-right: 16px;
    font-weight: 700;
    font-size: 0.8125rem
}

.e-invoice-unpaid-list-se-approval {
    width: 870px
}

.e-invoice-unpaid-list-se-approval .e-invoice-unpaid-list-se-approval__header {
    padding-left: 56px;
    font-size: 1.6875rem;
    font-weight: 900;
    line-height: 140px;
    margin-bottom: 0
}

.e-invoice-unpaid-list-se-approval .e-invoice-unpaid-list-se-approval__receiver-name {
    padding-left: 56px;
    font-size: 1.375rem;
    font-weight: 900
}

.e-invoice-unpaid-list-se-approval .e-invoice-unpaid-list-se-approval__cards {
    background: #f7f7f8;
    min-height: 570px;
    display: flex;
    flex-direction: column
}

.e-invoice-unpaid-list-se-approval .modal-action-buttons {
    display: block;
    position: sticky;
    bottom: 0
}

.e-invoice-unpaid-list-se-approval .modal-action-buttons.modal-action-buttons .button__icon {
    margin-left: 5px
}

.e-invoice-unpaid-list-se-approval .modal-action-buttons.modal-action-buttons .button__icon-text {
    font-size: 0.875rem
}

.e-invoice-unpaid-list-se-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0 0 32px
}

@media(max-width: 768px) {
    .e-invoice-unpaid-list-se-filters {
        padding:0
    }

    .e-invoice-unpaid-list-se-filters .e-invoice-unpaid-list-se-filters__filter-field {
        width: 100%;
        margin-right: 0
    }
}

.e-invoice-unpaid-list-se-filters__filter-field {
    width: 300px
}

.e-invoice-receiver-table--title {
    padding: 32px 0 32px 32px;
    font-weight: bold;
    font-size: 1.625rem
}

@media(min-width: 768px) {
    .edit-shortcuts {
        min-width:640px
    }
}

.edit-shortcuts--is-loading .edit-shortcuts__main-content {
    opacity: .6;
    filter: grayscale(100%);
    pointer-events: none
}

.edit-shortcuts__title {
    font-size: 1.5rem;
    margin: 0 0 16px;
    text-align: center
}

.edit-shortcuts__top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 32px 32px 16px
}

@media(min-width: 768px) {
    .edit-shortcuts__top {
        flex-direction:row;
        flex-wrap: nowrap
    }

    .edit-shortcuts__top .edit-shortcuts__title {
        margin: 0
    }
}

.edit-shortcuts__no-results {
    padding: 16px 24px 32px;
    text-align: center
}

.edit-shortcuts__footer {
    position: sticky;
    bottom: 0;
    background-color: #fff
}

.entity-details-header {
    position: relative;
    width: 100%;
    padding: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff
}

.entity-details-header__title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 16px;
    width: 100%
}

.entity-details-header__title>:first-child {
    word-break: break-all;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: left
}

.entity-details-header__corner-text {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 0.8125rem;
    line-height: 1
}

.entity-details-header__circle {
    display: inline-block;
    margin-bottom: 10px
}

.entity-details-header__circle--error .circle__icon .icon {
    fill: #dd1d26
}

.entity-details-header__amount {
    margin-top: 16px;
    font-size: 1.875rem;
    font-weight: 900;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.neos-modal-overlay.error-boundary-modal__overlay {
    z-index: 19001
}

.error-message-modal .neos-modal__content-inner {
    background: #fff;
    width: auto
}

.error-message-modal .neos-modal-close-button .icon {
    width: 16px;
    height: 16px;
    fill: #fedd46
}

.error-message-modal__overlay.error-message-modal__overlay {
    z-index: 19000
}

.error-message__show-details {
    padding: 0
}

.error-message__error-details {
    display: block;
    max-height: 500px;
    width: 100%;
    margin: 0;
    font-family: monospace;
    font-size: 13px;
    line-height: 23px;
    position: relative;
    overflow: auto;
    background-color: #f1f1f1;
    font-size: 12px;
    padding: 20px;
    border: 1px solid #e8e8e8;
    word-break: break-word;
    white-space: pre-wrap;
    color: #444
}

.error-message__wrapper {
    display: inline-block;
    max-width: 520px;
    width: calc(100vw - 16px * 2);
    padding: 32px 48px
}

.error-message__card-inner {
    position: relative
}

.error-message__card-inner p {
    margin: 24px 0;
    white-space: pre-wrap
}

.error-message__card-inner--large p {
    font-size: 1.375rem;
    line-height: 2.1875rem
}

.error-message__header {
    margin: 10px 0 10px 0;
    font-size: 22px
}

.label-info__icon {
    display: flex;
    align-items: center
}

.label-info__icon .icon {
    margin-right: 5px;
    height: 16px;
    width: 16px
}

.error-message__label-info {
    text-align: center;
    display: flex;
    font-size: 11px
}

.error-message__label-info .label-info__label {
    margin-right: 4px
}

.error-message__label-info .label-info__label--bold {
    font-weight: 800
}

.error-action__wrapper {
    display: flex
}

.error-action__wrapper .button {
    border-top: 1px solid #e5e5e5
}

.error-action__wrapper .button:not(:first-child) {
    border-left: 1px solid #e5e5e5
}

.exchange-rate-table {
    width: 100%;
    margin-top: 20px
}

.exchange-rate-table__row {
    cursor: pointer;
    width: 42px
}

.exchange-rate-table__row--disable {
    cursor: default;
    color: #9b9b9b
}

.exchange-rate-table__country {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.exchange-rate-table__country--name {
    font-size: 0.875rem
}

.exchange-rate-table__country--header {
    width: 230px
}

.exchange-rate-table__rates {
    width: 120px
}

.exchange-rate-table__quantity {
    width: 180px
}

.exchange-rate-table__table-arrow {
    width: 2.625rem
}

.exchange-rate-table__flag {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-right: 4px
}

.exchange-rate-table__country--select {
    margin-right: 8px;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

.exchange-rate-table__radio--header {
    width: 30px
}

.exchange-rate-table__skeleton {
    display: flex;
    justify-content: flex-end
}

.exchange-rate {
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap
}

.exchange-rate__modal {
    flex-direction: column;
    max-height: calc(100vh - 192px) !important
}

.exchange-rate__group {
    padding-top: 20px
}

.exchange-rate__group:first-of-type {
    padding-top: 5px
}

.exchange-rate__container {
    display: block;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background-color: #fff;
    width: 920px;
    max-width: 100%;
    position: relative;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 80px
}

.exchange-rate__section {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    text-align: left;
    padding: 64px 64px 32px 64px;
    border-bottom: 1px solid #e5e5e5
}

.exchange-rate__section--table {
    padding: 24px 64px
}

@media(max-width: 460px) {
    .exchange-rate__section {
        padding:8px 16px
    }

    .exchange-rate__section:last-of-type {
        padding-bottom: 8px
    }
}

.exchange-rate__section--grey {
    background-color: #f8f8f8
}

.exchange-rate__top-headline {
    font-size: 1.6875rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-weight: 800;
    margin: 0 0 16px 0
}

.exchange-rate__items-headline {
    font-size: 1.125rem;
    font-weight: 900;
    margin: 8px 0;
    font-family: "Lato","Helvetica",sans-serif
}

.expanded-company-overview {
    position: relative;
    display: flex;
    height: calc(100vh - 112px)
}

.expanded-company-overview .transaction-list__search-bar:not(.transaction-list__search-bar--small) {
    padding: 20px 16px !important
}

.expanded-company-overview--noLinkToOldNetbankIsDisplayed {
    height: calc(100vh - 64px)
}

.expanded-company-overview__left-panel {
    position: relative;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid rgba(0,0,0,.1);
    background-color: #fff
}

.expanded-company-overview__company-list {
    position: relative;
    padding-top: 37px
}

.expanded-company-overview__company-list .account-table-row {
    cursor: pointer
}

.expanded-company-overview__company-list .account-table-row--isSelected {
    position: relative;
    background-color: #f7f7f8
}

.expanded-company-overview__company-list .account-table-row--isSelected .account-table-row__container {
    border: none
}

.expanded-company-overview__company-list .account-table-row--isSelected+.account-table-row .account-table-row__container {
    border-top-color: rgba(0,0,0,0)
}

.expanded-company-overview__company-list .company-list__wrapper {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: none;
    background-color: #fff
}

.expanded-company-overview__company-list .account-group {
    background-color: #fff
}

.expanded-company-overview__company-list .account-group.account-group--toggle-open {
    background-color: #f8f8f8
}

.expanded-company-overview__button-wrap {
    position: absolute;
    z-index: 10;
    top: 16px;
    left: 50%;
    right: auto;
    transform: translateX(-50%)
}

.expanded-company-overview__transaction-list {
    position: relative;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.expanded-company-overview__transaction-list .transaction-list {
    margin: 8px 16px 48px;
    padding-top: 10px
}

.export-file-manager__head {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 32px
}

.export-file-manager__footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e5e5e5
}

.export-file-manager__body {
    min-height: auto;
    background-color: #f7f7f8;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: center
}

.export-file-manager__body>:first-child {
    padding-top: 32px
}

.export-file-manager__body>:last-child {
    padding-bottom: 32px
}

.export-file-manager .export-file-manager__footer .export-file-manager__button {
    border-right: 1px solid #e5e5e5;
    flex-grow: 1;
    border-radius: 0;
    height: 100px;
    font-weight: normal;
    line-height: 1rem;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.export-file-manager .export-file-manager__footer .export-file-manager__button:last-child {
    border-right: none
}

.export-file-manager .export-file-manager__footer .export-file-manager__button .button__icon {
    margin-bottom: 8px
}

.export-file-manager .export-file-manager__footer .export-file-manager__button .button__icon-text {
    flex-grow: unset;
    margin-left: 0px
}

.export-manager {
    padding: 2rem 0 0 0;
    position: relative;
    width: 600px
}

.export-manager .icon {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem
}

.export-manager__head {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem
}

.export-manager__body {
    min-height: auto;
    background-color: #f6f9f9;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 15px
}

.export-manager__footer {
    display: flex;
    border-top: 1px solid #e5e5e5
}

.export-manager__action.button {
    background-color: #fff;
    flex-grow: 1;
    border-radius: 0;
    height: 4.5rem;
    font-weight: normal;
    line-height: 1rem;
    align-items: center;
    border-right: 1px solid #e5e5e5
}

.export-manager__action.button:last-child {
    border-left: 1px solid #e5e5e5;
    border-left: none
}

.export-manager__error {
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    border-top: 1px solid #e5e5e5
}

.export-manager__error-message {
    color: #dd1d26;
    text-align: center
}

.export-manager__loading {
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff
}

.export-manager__options {
    padding: 1rem 5rem;
    margin: 0 auto
}

.export-manager__options-header {
    color: #7d7d7d;
    text-transform: uppercase;
    font-size: 0.75rem;
    text-align: center;
    margin: 45px 0 15px 0
}

.export-manager__options-header:first-of-type {
    margin: 15px 0
}

.export-manager__options-item-row {
    display: flex;
    justify-content: space-between
}

.export-manager__options-item-column {
    display: flex;
    align-items: center;
    font-size: 0.875rem
}

.export-manager__line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5
}

.export-manager__number-of-details {
    padding: 16px;
    text-align: center;
    font-size: 14px
}

.fake-login__wrapper {
    display: inline-block;
    width: 550px
}

.fake-login__error_message {
    color: red
}

.fake-login__header {
    text-transform: uppercase;
    margin: 10px 0 10px 0;
    font-size: 22px
}

.fake-login__input-item {
    margin-bottom: 10px
}

.fake-login__input-item input,.fake-login__input-item select,.fake-login__input-item button {
    width: 100%;
    max-width: inherit
}

.fake-login__input-item button {
    text-transform: uppercase;
    font-weight: bold
}

.fake-login__input-item:last-child {
    margin: 20px 0
}

.fake-login__loading-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.6)
}

.fake-login__config-mode .toggle-button-label-option {
    background-color: #fff;
    text-transform: capitalize
}

.fake-login__config-mode .toggle-button-label-option .toggle-button-label-option__label {
    padding: 0 15px 0 0
}

.fake-login__config-mode .toggle-button-label-option .toggle-button-label-option__label:before {
    content: "↓";
    color: rgba(0,0,0,0);
    padding-right: 5px
}

.fake-login__config-mode .toggle-button-label-option:hover {
    background: inherit
}

.fake-login__config-mode .toggle-button-label-option--selected {
    color: #3f4346;
    font-weight: bold
}

.fake-login__config-mode .toggle-button-label-option--selected:hover {
    text-decoration: none
}

.fake-login__config-mode .toggle-button-label-option--selected .toggle-button-label-option__label:before {
    color: #3f4346
}

.fake-login__user-entered-jwt {
    width: 100%;
    height: 300px
}

.fake-login__user-entered-jwt--invalid {
    border: 1px solid red
}

.fake-login__user-entered-jwt--valid {
    border: 1px solid green
}

.fake-login__manual-error {
    color: red
}

.fake-login__hasError {
    white-space: pre-wrap;
    font-size: 14px;
    padding: 20px;
    color: red
}

.fbf-user-union {
    display: flex;
    flex-direction: column
}

.fbf-user-union__edit-button-wrapper {
    position: absolute;
    left: calc(100% + 8px)
}

.fbf-edit-union-modal {
    width: 540px
}

.fbf-edit-union-modal--heading {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400
}

.fbf-edit-union-modal--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px
}

.fbf-edit-union-modal__confirmation-panel {
    padding: 16px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
    line-height: 1rem
}

.fbf-edit-union-modal__confirmation-panel-button {
    width: 140px;
    height: 40px
}

.fbf-user-union__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px
}

.fbf-user-union__heading {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.fbf-user-union__union-name {
    font-weight: 700;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 0.8125rem;
    line-height: 1rem;
    margin-bottom: 24px;
    display: flex;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    margin-top: 8px;
    position: relative
}

.edit-union-list__result-list {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 50vh;
    min-height: 50vh;
    overflow-y: auto;
    border-bottom: 1px solid #e5e5e5
}

.edit-union-list__result-list::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.edit-union-list__result-list:hover::-webkit-scrollbar {
    height: 8px
}

.edit-union-list__result-list::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.edit-union-list__result-list::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.edit-union-list__result-list::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.edit-union-list__item {
    padding: 16px 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.edit-union-list__item:last-child {
    border-bottom: none
}

.edit-union-list__item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.edit-union-list__item--selected {
    background-color: #f7f7f8
}

.edit-union-list__item-checkmark {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 32px;
    fill: #3f4346
}

.edit-union-list__item-name {
    font-size: 1rem;
    line-height: 2.625rem;
    font-family: "Lato","Helvetica",sans-serif
}

.edit-union-list__item-name--with-logo {
    margin-left: 16px
}

.union-logo__container {
    height: 42px;
    width: 42px;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    border-radius: 50%;
    background: #fff
}

.union-logo__image,.union-logo__fallback {
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding: 4.8px
}

.union-logo__image--error {
    display: none
}

.union-logo__fallback {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.union-logo__fallback-icon {
    fill: rgba(0,0,0,0);
    stroke: rgba(0,0,0,0);
    width: 20px;
    height: 20px
}

.feature-disabled__card {
    padding: 16px 0 32px
}

.feature-disabled__failure-icon {
    display: flex;
    justify-content: center
}

.feature-disabled__failure-icon .icon {
    width: 3.75rem;
    height: 3.75rem
}

.feature-disabled__message {
    display: flex;
    flex-direction: column;
    align-items: center
}

.feature-disabled__message h2 {
    margin: 16px auto
}

.fee-account-picker {
    margin-bottom: 32px
}

@media(min-width: 1024px) {
    .fee-account-picker {
        width:50%
    }
}

.fi-notification-details__card-body.card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    padding-top: 32px
}

.fi-notification-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f7f7f8
}

.fi-notification-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.fi-notification-details__row:last-child {
    border-bottom: none
}

.fi-notification-details__row-label {
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fi-notification-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right;
    white-space: wrap
}

.fi-notifications-list {
    margin-top: -32px
}

.fi-notifications-list__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 16px 0
}

.fi-notifications-list__filter {
    margin: 16px 16px 0 0
}

.fi-notifications-list__filter-toggle {
    padding: 0
}

@media(max-width: 768px) {
    .fi-notifications-list__filter-toggle {
        padding-top:32px
    }
}

.fi-notifications-list__filter-toggle .search-bar-wrapper__filter-content {
    display: flex;
    justify-content: space-between
}

.fi-notifications-list__export-button {
    margin: 16px 0;
    display: flex;
    align-items: center;
    align-self: flex-end
}

.fi-notifications-list__export {
    text-align: center
}

.fi-notifications-list__export-headline {
    margin-bottom: 16px
}

.fi-notifications-list-row:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.foreign-avtale-giro .foreign-avtale-giro__body-text {
    max-width: 51.5625rem
}

.foreign-avtale-giro-list-change-account .foreign-avtale-giro-list-change-account__content {
    padding-top: 32px
}

.foreign-avtale-giro-list-change-account .foreign-avtale-giro-list-change-account__content p {
    text-align: center;
    margin: 0
}

.foreign-avtale-giro-list-change-account .foreign-avtale-giro-list-change-account__form {
    border-bottom: 1px solid #e5e5e5;
    padding: 64px 48px
}

.foreign-avtale-giro-list-change-account .foreign-avtale-giro-list-change-account__form .form-details {
    display: flex;
    justify-content: space-between;
    gap: 16px
}

.foreign-avtale-giro-list .foreign-avtale-giro-list--creditor-name {
    font-weight: 600
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__column-bulk {
    width: 40px
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__column-debit-account {
    justify-content: flex-end;
    display: flex
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__menu {
    padding: 0 0 0 32px;
    z-index: 1
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__menu .action-menu li button {
    margin-right: 0;
    padding: 0 24px
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__menu .action-menu li:first-child button {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.foreign-avtale-giro-list--own-text {
    padding-right: 1.5rem
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__approve-cta button {
    background-color: #fedd46;
    color: #000
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__approve-cta button:disabled {
    background-color: #fff1b5
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__approve-cta button:hover:not(:disabled) {
    background-color: #fedd46
}

.foreign-avtale-giro-list .foreign-avtale-giro-list__column-debit-account-select-item {
    font-size: 12px
}

.foreign-avtale-giro-list__modal .neos-modal__content-inner {
    width: 640px
}

.foreign-avtale-giro-receipt {
    max-width: 720px;
    margin: 32px auto
}

.form-field-autosuggest-wrapper .react-autosuggest__suggestion {
    padding: 16px 32px;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-field-autosuggest-wrapper .react-autosuggest__suggestion:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.form-field-autosuggest-wrapper .react-autosuggest__suggestion:hover {
    background-color: #f0f0f0
}

.form-field-autosuggest-wrapper .react-autosuggest__suggestions-container--open {
    z-index: 10 !important;
    border-style: none;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.future-payment-details--loading {
    padding: 64px
}

.future-payment-details__content {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f8;
    padding: 32px 20px 32px;
    display: flex;
    flex-flow: column;
    align-items: center
}

.future-payment-details__items {
    margin: auto;
    padding: 0;
    max-width: 400px;
    width: 100%
}

.future-payment-details__item,.future-payment-details__item-attachment {
    display: flex;
    justify-content: space-between;
    font-size: 0.8125rem;
    padding: 8px 0
}

.future-payment-details__item:not(:last-child),.future-payment-details__item-attachment:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.future-payment-details__item-attachment {
    height: 40px;
    padding-bottom: 16px
}

.future-payment-details__view-attachment {
    display: flex;
    align-items: center
}

.future-payment-details__item-value,.future-payment-details__attachment {
    text-align: right;
    margin-left: 16px;
    overflow: hidden;
    word-break: break-word
}

.future-payment-details__item-value {
    white-space: pre-line
}

.future-payment-details__attachment {
    cursor: pointer
}

.future-payment-details__spinner {
    display: flex;
    align-self: center
}

.future-payment-details__item-attachment .tooltip-wrapper {
    align-self: center
}

.future-payment-details__attachments {
    padding-bottom: 8px
}

.future-payment-details__disclaimer {
    font-size: 0.875rem;
    text-align: center;
    margin: 32px 0 0
}

.future-transaction-list {
    padding: 2em 0 1em
}

.future-transaction-list .transaction-field--icon {
    height: 50px
}

.future-transaction-list__search-bar {
    display: flex;
    justify-content: space-between
}

.future-transaction-list__search-bar:not(.future-transaction-list__search-bar--small) {
    padding: 20px 64px
}

.future-transaction-list__date-range-picker {
    margin: 8px 16px 8px 0
}

.future-transaction-list__no-transactions {
    text-align: center;
    font-size: 1rem;
    padding: 16px 0
}

.future-transaction-list:not(.future-transaction-list--small) .transaction-item~.transaction-item:not(.transaction-item--header)>*.transaction-field--recon,.future-transaction-list:not(.future-transaction-list--small) .transaction-item~.transaction-item:not(.transaction-item--header)>*.transaction-field--bulk-select {
    border-color: rgba(0,0,0,0)
}

.future-transaction-list .transaction-field.transaction-field--recon {
    border-bottom: 0
}

.future-transaction-list .transaction-field--icon {
    height: 40px
}

.future-transaction-list__sum {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 16px 68px 16px 64px;
    text-align: right;
    font-size: 0.75rem;
    border-top: 1px solid #e5e5e5
}

.future-transaction-list--small .future-transaction-list__sum {
    display: block;
    padding: 16px 24px
}

.future-transaction-list__sum-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 8px
}

.future-transaction-list-empty {
    padding: 32px 32px 48px;
    text-align: center
}

.transaction-item--header {
    display: block
}

.future-transaction-list-inner {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    font-size: 0.8125rem;
    display: block
}

.future-transaction-list--medium .future-transaction-list-inner,.future-transaction-list--large .future-transaction-list-inner,.future-transaction-list--extraLarge .future-transaction-list-inner {
    display: table
}

.future-transaction-list-inner--is-fetching {
    opacity: .5;
    pointer-events: none
}

.future-transaction-list-wrapper {
    width: 100%
}

.future-transaction-list--private.future-transaction-list--small .transaction-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width: 460px) {
    .future-transaction-list--private.future-transaction-list--small .transaction-item {
        padding-left:32px;
        padding-right: 32px
    }
}

.future-transaction-list--private.future-transaction-list--small .transaction-item:last-child {
    border-bottom: none
}

.future-transaction-list--private.future-transaction-list--small .transaction-item--header,.future-transaction-list--private.future-transaction-list--small .transaction-field {
    display: none;
    border: none
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--statementText,.future-transaction-list--private.future-transaction-list--small .transaction-field--amount,.future-transaction-list--private.future-transaction-list--small .transaction-field--date,.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    display: block;
    width: 50%;
    overflow-wrap: break-word
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--statementText {
    order: 1;
    padding-left: 0
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--date {
    order: 3
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--amount {
    order: 2
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    order: 4
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--amount {
    padding-bottom: .5em
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--date,.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    font-size: 0.6875rem;
    padding-top: 0
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--amount,.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    padding-right: 0
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--context-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 0;
    width: 48px;
    right: 8px
}

@media(max-width: 460px) {
    .future-transaction-list--private.future-transaction-list--small .transaction-field--context-menu {
        right:0
    }
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--context-menu .context-menu__trigger-button {
    width: 48px
}

.future-transaction-list--private.future-transaction-list--small .transaction-item {
    padding-left: 72px
}

@media(max-width: 460px) {
    .future-transaction-list--private.future-transaction-list--small .transaction-item {
        padding-left:64px
    }
}

.future-transaction-list--private.future-transaction-list--small .future-transaction-list__row-separator {
    display: none
}

.future-transaction-list--private.future-transaction-list--small .transaction-field--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    width: 48px;
    left: 16px
}

@media(max-width: 460px) {
    .future-transaction-list--private.future-transaction-list--small .transaction-field--icon {
        left:8px
    }
}

.future-transaction-list--small .future-transaction-list__logo {
    height: 35px;
    width: 35px
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--icon {
    display: none
}

.future-transaction-list--business.future-transaction-list--medium .transaction-field--icon {
    display: none
}

.future-transaction-list--business.future-transaction-list--large .transaction-field--icon {
    display: none
}

.future-transaction-list--business.future-transaction-list--small .transaction-item,.future-transaction-list--private.future-transaction-list--small .transaction-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width: 460px) {
    .future-transaction-list--business.future-transaction-list--small .transaction-item,.future-transaction-list--private.future-transaction-list--small .transaction-item {
        padding-left:32px;
        padding-right: 32px
    }
}

.future-transaction-list--business.future-transaction-list--small .transaction-item:last-child,.future-transaction-list--private.future-transaction-list--small .transaction-item:last-child {
    border-bottom: none
}

.future-transaction-list--business.future-transaction-list--small .transaction-item--header,.future-transaction-list--business.future-transaction-list--small .transaction-field,.future-transaction-list--private.future-transaction-list--small .transaction-item--header,.future-transaction-list--private.future-transaction-list--small .transaction-field {
    display: none;
    border: none
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--statementText,.future-transaction-list--business.future-transaction-list--small .transaction-field--amount,.future-transaction-list--business.future-transaction-list--small .transaction-field--date,.future-transaction-list--business.future-transaction-list--small .transaction-field--balance,.future-transaction-list--business.future-transaction-list--small .transaction-field--bonus,.future-transaction-list--private.future-transaction-list--small .transaction-field--statementText,.future-transaction-list--private.future-transaction-list--small .transaction-field--amount,.future-transaction-list--private.future-transaction-list--small .transaction-field--date,.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    display: block;
    width: 50%;
    overflow-wrap: break-word
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--statementText,.future-transaction-list--private.future-transaction-list--small .transaction-field--statementText {
    order: 1;
    padding-left: 0
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--date,.future-transaction-list--private.future-transaction-list--small .transaction-field--date {
    order: 3
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--amount,.future-transaction-list--private.future-transaction-list--small .transaction-field--amount {
    order: 2
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--balance,.future-transaction-list--business.future-transaction-list--small .transaction-field--bonus,.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    order: 4
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--amount,.future-transaction-list--private.future-transaction-list--small .transaction-field--amount {
    padding-bottom: .5em
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--date,.future-transaction-list--business.future-transaction-list--small .transaction-field--balance,.future-transaction-list--business.future-transaction-list--small .transaction-field--bonus,.future-transaction-list--private.future-transaction-list--small .transaction-field--date,.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    font-size: 0.6875rem;
    padding-top: 0
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--amount,.future-transaction-list--business.future-transaction-list--small .transaction-field--balance,.future-transaction-list--business.future-transaction-list--small .transaction-field--bonus,.future-transaction-list--private.future-transaction-list--small .transaction-field--amount,.future-transaction-list--private.future-transaction-list--small .transaction-field--balance,.future-transaction-list--private.future-transaction-list--small .transaction-field--bonus {
    padding-right: 0
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--context-menu,.future-transaction-list--private.future-transaction-list--small .transaction-field--context-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 0;
    width: 48px;
    right: 8px
}

@media(max-width: 460px) {
    .future-transaction-list--business.future-transaction-list--small .transaction-field--context-menu,.future-transaction-list--private.future-transaction-list--small .transaction-field--context-menu {
        right:0
    }
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--context-menu .context-menu__trigger-button,.future-transaction-list--private.future-transaction-list--small .transaction-field--context-menu .context-menu__trigger-button {
    width: 48px
}

.future-transaction-list--business.future-transaction-list--small .transaction-field--text,.future-transaction-list--business.future-transaction-list--small .transaction-field--note,.future-transaction-list--business.future-transaction-list--small .transaction-field--originalAmount,.future-transaction-list--business.future-transaction-list--small .future-transaction-list__row-separator,.future-transaction-list--private.future-transaction-list--small .transaction-field--text,.future-transaction-list--private.future-transaction-list--small .transaction-field--note,.future-transaction-list--private.future-transaction-list--small .transaction-field--originalAmount,.future-transaction-list--private.future-transaction-list--small .future-transaction-list__row-separator {
    display: none
}

.future-transaction-list--business.future-transaction-list--medium .transaction-field--reservations,.future-transaction-list--private.future-transaction-list--medium .transaction-field--reservations {
    display: none
}

.future-transaction-list--business.future-transaction-list--medium .future-transaction-list__sum-amount--private,.future-transaction-list--business.future-transaction-list--large .future-transaction-list__sum-amount--private,.future-transaction-list--business.future-transaction-list--extraLarge .future-transaction-list__sum-amount--private,.future-transaction-list--private.future-transaction-list--medium .future-transaction-list__sum-amount--private,.future-transaction-list--private.future-transaction-list--large .future-transaction-list__sum-amount--private,.future-transaction-list--private.future-transaction-list--extraLarge .future-transaction-list__sum-amount--private {
    padding-right: 216px
}

.future-transaction-list--business.future-transaction-list--medium .future-transaction-list__sum-amount--business,.future-transaction-list--business.future-transaction-list--large .future-transaction-list__sum-amount--business,.future-transaction-list--business.future-transaction-list--extraLarge .future-transaction-list__sum-amount--business,.future-transaction-list--private.future-transaction-list--medium .future-transaction-list__sum-amount--business,.future-transaction-list--private.future-transaction-list--large .future-transaction-list__sum-amount--business,.future-transaction-list--private.future-transaction-list--extraLarge .future-transaction-list__sum-amount--business {
    padding-right: 401px
}

.future-transaction-list--business.future-transaction-list--medium .future-transaction-list__sum-amount--reconciliation-visible,.future-transaction-list--business.future-transaction-list--large .future-transaction-list__sum-amount--reconciliation-visible,.future-transaction-list--business.future-transaction-list--extraLarge .future-transaction-list__sum-amount--reconciliation-visible,.future-transaction-list--private.future-transaction-list--medium .future-transaction-list__sum-amount--reconciliation-visible,.future-transaction-list--private.future-transaction-list--large .future-transaction-list__sum-amount--reconciliation-visible,.future-transaction-list--private.future-transaction-list--extraLarge .future-transaction-list__sum-amount--reconciliation-visible {
    margin-right: 56px
}

.future-transaction-list__transaction-details-modal .neos-modal__content-inner {
    background: #fff
}

.future-transaction-list__row-separator {
    display: table-row
}

.future-transaction-list__row-separator~.future-transaction-list__row-separator .future-transaction-list__row-title {
    padding-top: 18px
}

.future-transaction-list__row-title {
    font-size: 18px;
    font-weight: bold;
    display: table-cell
}

.housing-section {
    margin-bottom: 64px
}

.housing-section p {
    margin-top: 8px;
    color: #6e6e6e;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px
}

.housing-section__loans {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
    gap: 16px;
    align-items: start
}

.housing-surveillance-card {
    min-height: 261.656px;
    padding: 47px 32px 47px 32px
}

.housing-surveillance-card__body {
    padding: 0 !important
}

.housing-surveillance-card__title {
    margin: 0 !important
}

.neos-modal-overlay.idle-warning-modal__overlay {
    z-index: 19002
}

.investment-agreement-activities {
    position: relative;
    background-color: #fff
}

.investment-agreement-activities__tab-menu {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 100%;
    z-index: 10;
    max-width: 400px
}

@media screen and (min-width: 640px) {
    .investment-agreement-activities__tab-menu {
        left:64px;
        right: 64px
    }
}

.investment-agreement-activities--small .tab-menu__inner {
    flex-direction: column;
    border-bottom: none
}

.investment-agreement-header {
    padding-top: 16px;
    position: relative;
    background-color: #3f4346;
    color: #fff;
    font-size: .8rem;
    padding-bottom: 270px;
    margin-bottom: -270px
}

@media screen and (min-width: 640px) {
    .investment-agreement-header {
        padding-top:32px
    }
}

.investment-agreement-header::before {
    content: "";
    background-color: inherit;
    position: absolute;
    width: 200vw;
    height: 100%;
    top: 0;
    left: -100vw;
    z-index: -1
}

.investment-agreement-header__content {
    min-height: 100px;
    background-color: #27292b;
    padding: 32px 32px 80px
}

@media screen and (min-width: 640px) {
    .investment-agreement-header__content {
        margin:0 32px;
        padding: 32px 32px 80px
    }
}

@media screen and (min-width: 1024px) {
    .investment-agreement-header__content {
        padding:48px 48px 80px
    }
}

.investment-agreement-header__top-info {
    display: flex
}

.investment-agreement-header__overview-card {
    background-color: rgba(0,0,0,0)
}

.investment-agreement-header__content-container {
    width: 100%
}

.investment-agreement-header__account-selector,.investment-agreement-header__market-value {
    width: 100%
}

.investment-agreement-header__account-selector {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.investment-agreement-header__button-name {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem;
    color: inherit;
    cursor: pointer;
    border: none;
    background: rgba(0,0,0,0);
    padding: 0;
    padding-right: 32px;
    text-align: left;
    word-break: break-word;
    line-height: 1em;
    margin-right: 40px
}

.investment-agreement-header__account-selector-indicator {
    margin-left: 5px;
    font-size: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 24px
}

.investment-agreement-header__account-selector-indicator svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.investment-agreement-header__market-value {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
}

.investment-agreement-header__market-value-label {
    padding-right: .5rem
}

.investment-agreement-header__market-value-amount {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold
}

.investment-agreement-header__account-name {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem
}

.investment-agreement-header__account-number {
    font-size: .8rem
}

.investment-agreement-header__development {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -2rem
}

.investment-agreement-header__development-label {
    margin-bottom: .5rem
}

.investment-agreement-header__development-percentage {
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 0;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.investment-agreement-header__development-percentage::before {
    content: "";
    height: 1px;
    background-color: #3f4346;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    z-index: -1
}

.investment-agreement-header__development-percentage .delta {
    background-color: #27292b;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 1rem
}

.investment-agreement-header__development-percentage .delta::before {
    font-size: .8rem
}

.investment-agreement-header__items {
    display: flex;
    justify-content: space-between
}

.investment-agreement-header__item {
    display: flex
}

.investment-agreement-header__item-label {
    padding-right: .5rem
}

.investment-agreement-header__item-value {
    font-weight: normal
}

@media screen and (max-width: 639px) {
    .investment-agreement-header__items {
        flex-direction:column
    }

    .investment-agreement-header__top-info {
        flex-direction: column
    }

    .investment-agreement-header__market-value {
        justify-content: left;
        margin-top: 1rem
    }

    .investment-agreement-header__market-value-amount {
        font-size: .8rem
    }

    .investment-agreement-header__development {
        margin: 0 0 1rem 0;
        flex-direction: row;
        align-items: center;
        justify-content: left
    }

    .investment-agreement-header__development-label {
        margin: 0
    }

    .investment-agreement-header__development-percentage {
        width: auto;
        text-align: left
    }

    .investment-agreement-header__development-percentage::before {
        content: none
    }

    .investment-agreement-header__development-percentage .delta {
        font-size: .8rem;
        font-family: "Titillium Web",Helvetica,Arial,sans-serif
    }
}

.investment-agreement-holding-details__chart {
    height: 300px;
    margin-bottom: 32px
}

.investment-agreement-holding-details__links_container {
    padding-bottom: 16px
}

.investment-agreement-holding-details__links_container--link {
    display: block;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    margin-right: 20px;
    border: none;
    padding: 0;
    color: #3f4346;
    font-size: 13px;
    background-color: rgba(0,0,0,0);
    margin-bottom: 16px
}

.investment-agreement-holding-details__links_container--link .icon {
    transition: transform .15s ease;
    fill: #3f4346;
    vertical-align: bottom
}

.investment-agreement-holding-details__links_container--link:hover .icon {
    transform: translateX(3px)
}

.investment-agreement-holding-details__links_container--link--isLoading {
    color: #242424
}

.investment-agreement-holding-details__links_container--link--isLoading .icon {
    fill: #242424
}

.investment-instant-price-details__top {
    position: relative;
    padding: 40px 0 20px 0;
    color: #fff
}

.investment-instant-price-details__content {
    background-color: #fff;
    padding: 32px
}

.investment-instant-price-details__top::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -215px;
    left: -100vw;
    right: -100vw;
    background-color: #3f4346
}

.investment-instant-price-details__headline {
    margin: 0
}

.investment-instant-price-details-table__icon {
    width: 40px;
    padding-right: 8px
}

.investment-instant-price-details-table__sort-instant-buy-price,.investment-instant-price-details-table__sort-instant-sell-price {
    text-align: right
}

.investment-instant-price-details-table__instant-buy-price,.investment-instant-price-details-table__instant-sell-price {
    text-align: right
}

.investment-instant-price-details-table__price {
    width: 120px;
    text-align: right
}

.investment-instant-price-details-table__value {
    width: 170px;
    text-align: right
}

.investment-instant-price-details-table__arrow {
    width: 2.625rem
}

.investment-instant-price-details-table .table-body .investment-instant-price-details-table__expanded:hover {
    background-color: rgba(0,0,0,0)
}

.investment-instant-price-details-table__row {
    cursor: pointer
}

.investment-instant-price-details-table__search-filter {
    flex-basis: 250px
}

.investment-instant-price-details-table__bottom-pagination {
    justify-content: flex-end;
    margin: 16px
}

@media(max-width: 460px) {
    .investment-instant-price-details-table__search-filter {
        flex-basis:100%
    }

    .investment-instant-price-details-table__bottom-pagination {
        justify-content: flex-start
    }
}

.investment-instant-price-details__header-actions {
    padding: 16px 0 32px 16px;
    display: flex
}

@media(max-width: 768px) {
    .investment-instant-price-details__header-actions {
        display:block
    }
}

.investment-instant-price-details__search {
    width: 100%;
    max-width: 300px
}

.investment-instant-price-details__button-dropdown {
    margin-left: 1rem
}

@media(max-width: 768px) {
    .investment-instant-price-details__button-dropdown {
        margin-left:0;
        margin-top: 1rem
    }
}

.investment-instant-price-details__button-dropdown .button-dropdown.button-dropdown--is-open {
    z-index: 2
}

.investment-instant-prices__top {
    padding: 16px 0
}

.investment-instant-prices__headline {
    font-weight: bold;
    font-size: 1.125rem
}

.general-meetings__table--showMore {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.general-meetings__table--showMore::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.general-meetings__table--showMore:hover::-webkit-scrollbar {
    height: 8px
}

.general-meetings__table--showMore::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.general-meetings__table--showMore::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.general-meetings__table--showMore::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.general-meetings__table--showLess {
    max-height: 272px
}

.general-meetings__card {
    margin-bottom: 32px;
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.general-meetings__header {
    display: flex;
    justify-content: space-between;
    padding: 16px 32px 16px
}

.general-meetings__custody-account-info {
    max-width: 640px;
    margin: 0
}

.general-meetings__custody-account-name {
    font-size: 0.875rem;
    font-weight: 900;
    line-height: 1.0625rem;
    letter-spacing: 0;
    text-align: left;
    padding: 4px 0
}

.general-meetings__custody-account-number {
    color: #6e6e6e;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0;
    text-align: left
}

.general-meetings__separator {
    border-bottom: 1px solid #e5e5e5
}

.general-meetings__top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.general-meetings__top>button {
    justify-content: right
}

.general-meetings__toggle-button {
    display: flex;
    width: 200px
}

.general-meetings__external-button {
    display: flex;
    min-width: 225px
}

.general-meetings__external-button .button {
    flex: auto
}

.general-meetings__external-button .button .button__icon-text {
    text-align: right
}

.general-meetings__no-content {
    text-align: center
}

.general-meetings__content {
    padding: 16px 32px
}

.general-meetings__meeting-name {
    min-width: 240px;
    max-width: 240px
}

.general-meetings__meeting-name--overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.general-meetings__meeting-name--tooltip:hover {
    overflow: visible
}

.general-meetings__meeting-name--tooltip:hover span {
    position: relative;
    background: #242424;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    padding: 0.4375rem;
    white-space: nowrap
}

.investment-srd2-meetings__header {
    margin-bottom: 16px;
    font-size: 1.5rem
}

.investment-srd2-meetings__introduction {
    display: flex;
    max-width: 640px;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0;
    text-align: left;
    color: #6e6e6e
}

.investment-srd2-meetings__no-content {
    text-align: center
}

.investment-srd2-meetings__introduction--hidden-title {
    margin-bottom: 32px
}

.investment-srd2-meetings__account-owner {
    margin-bottom: 48px;
    font-size: 0.875rem
}

.custody-account-activities-se {
    position: relative;
    background-color: #fff
}

.custody-account-activities-se__tab-menu {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 100%;
    z-index: 10;
    max-width: 900px
}

@media screen and (min-width: 640px) {
    .custody-account-activities-se__tab-menu {
        left:64px;
        right: 64px
    }
}

.custody-account-activities-se--small .tab-menu__inner {
    flex-direction: column;
    border-bottom: none
}

.custody-account-activities {
    position: relative;
    background-color: #fff
}

.custody-account-activities__tab-menu {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 100%;
    max-width: 600px
}

@media screen and (min-width: 640px) {
    .custody-account-activities__tab-menu {
        left:64px;
        right: 64px
    }
}

.custody-account-activities--small .tab-menu__inner {
    flex-direction: column;
    border-bottom: none
}

.custody-account-card-extended .custody-account-card-extended__card {
    background-color: #3f4346
}

.custody-account-card-extended__card {
    height: 250px;
    display: flex;
    flex-direction: column;
    color: #fff
}

.custody-account-card-extended__title {
    min-height: 38px;
    font-size: 0.8125rem
}

.custody-account-card-extended__account-name {
    font-weight: 900
}

.custody-account-card-extended .custody-account-card-extended__footer {
    min-height: 2.713rem;
    border-top: 1px solid #65696b;
    justify-content: center;
    flex-direction: column;
    padding: 0 1.875rem 0 1.875rem
}

.custody-account-card-extended__footer-detail {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem
}

.custody-account-card-extended__delta-title {
    font-size: 0.75rem;
    margin-bottom: 4px
}

.custody-account-card-extended__delta-description {
    text-align: center;
    font-size: 0.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px
}

.custody-account-card-extended__delta-description .delta {
    font-size: 1.5rem
}

.custody-account-card-extended__chart-container {
    height: 5rem
}

.custody-account-card-extended__amount {
    color: #fff
}

.custody-account-card-extended__amount span {
    color: #fff
}

.custody-account-card-extended__market-value {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: .6rem
}

.custody-account-card-extended__market-value .custody-account-card-extended__market-value-label {
    font-size: .75rem
}

.custody-account-card-extended__market-value .custody-account-card-extended__market-value-amount {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold
}

.custody-account-card-extended__market-value .custody-account-card-extended__market-value-date-range {
    font-size: .75rem
}

.custody-account-card-extended__market-value .custody-account-card-extended__market-value-percentages {
    display: flex;
    justify-content: center;
    width: 551.2px
}

.custody-account-card-extended__market-value .custody-account-card-extended__market-value-percentages .investment-delta-amount {
    margin-right: 10px
}

.custody-account-card-extended__amount-missing-data {
    margin-right: 10px
}

.custody-account-card-list {
    position: relative
}

.custody-account-card-list__accounts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
    gap: 16px
}

.custody-account-card-list__accounts-container:before {
    content: "";
    background-color: rgba(0,0,0,0);
    padding: 32px 48px;
    position: absolute;
    left: -8px;
    top: 0;
    right: -8px;
    bottom: 0;
    z-index: -1;
    transition: background-color 1s
}

.custody-account-card-list__accounts-container--with-summary:before {
    background-color: #f2f2f2
}

.custody-account-card-list__link {
    text-decoration: none;
    color: inherit
}

.custody-account-card-list__link:visited {
    color: inherit
}

.custody-account-card-list__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.custody-account-card-list__disclaimer {
    width: 1rem;
    height: 1rem
}

.custody-account-card-list__tooltip {
    width: 300px
}

.custody-account-card-list__tooltip .tooltip-label {
    white-space: normal
}

.custody-account-card-list__accounts-empty {
    font-size: 1rem;
    text-align: center
}

.custody-account-card-list__headline .widget-title__label {
    font-size: 1.625rem
}

.custody-account-card-list__title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.custody-account-card .custody-account-card__card {
    background-color: #3f4346
}

.custody-account-card__card {
    height: 250px;
    display: flex;
    flex-direction: column;
    color: #fff
}

.custody-account-card__title {
    min-height: 38px;
    font-size: 0.8125rem
}

.custody-account-card__account-name {
    font-weight: 900
}

.custody-account-card__footer {
    flex-direction: column
}

.custody-account-card .custody-account-card__footer {
    min-height: 80px;
    border-top: 1px solid #65696b
}

.custody-account-card__footer-detail {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem
}

.custody-account-card__delta-title {
    font-size: 0.75rem;
    margin-bottom: 4px
}

.custody-account-card__delta-description {
    text-align: center;
    font-size: 0.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px
}

.custody-account-card__delta-description .delta {
    font-size: 1.5rem
}

.custody-account-card__chart-container {
    height: 5rem
}

.custody-account-card__amount {
    color: #fff
}

.custody-account-card__amount span {
    color: #fff
}

.custody-account-chart__area {
    stroke-width: 4px
}

.custody-account-chart__area--positive path[stroke=none] {
    fill: linear-gradient(0, rgba(0, 135, 85, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .6
}

.custody-account-chart__area--positive path:not([stroke=none]) {
    stroke: #008755
}

.custody-account-chart__area--negative path[stroke=none] {
    fill: linear-gradient(0, rgba(221, 29, 38, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .6
}

.custody-account-chart__area--negative path:not([stroke=none]) {
    stroke: #dd1d26
}

.custody-account-header-se {
    padding-top: 16px;
    position: relative;
    background-color: #3f4346;
    color: #fff;
    font-size: .8rem;
    padding-bottom: 270px;
    margin-bottom: -270px
}

@media screen and (min-width: 640px) {
    .custody-account-header-se {
        padding-top:32px
    }
}

.custody-account-header-se::before {
    content: "";
    background-color: inherit;
    position: absolute;
    width: 200vw;
    height: 100%;
    top: 0;
    left: -100vw;
    z-index: -1
}

.custody-account-header-se__content {
    min-height: 100px;
    background-color: #27292b;
    padding: 32px 32px 80px
}

@media screen and (min-width: 640px) {
    .custody-account-header-se__content {
        margin:0 32px;
        padding: 32px 32px 80px
    }
}

@media screen and (min-width: 1024px) {
    .custody-account-header-se__content {
        padding:48px 48px 80px
    }
}

.custody-account-header-se__top-info {
    display: flex
}

.custody-account-header-se__overview-card {
    background-color: rgba(0,0,0,0)
}

.custody-account-header-se__content-container {
    width: 100%
}

.custody-account-header-se__account-selector,.custody-account-header-se__market-value {
    width: 100%
}

.custody-account-header-se__account-selector {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.custody-account-header-se__button-name {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem;
    color: inherit;
    cursor: pointer;
    border: none;
    background: rgba(0,0,0,0);
    padding: 0;
    padding-right: 32px;
    text-align: left;
    word-break: break-word;
    line-height: 1em;
    margin-right: 40px
}

.custody-account-header-se__account-selector-indicator {
    margin-left: 5px;
    font-size: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 24px
}

.custody-account-header-se__account-selector-indicator svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.custody-account-header-se__market-value {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
}

.custody-account-header-se__market-value-label {
    padding-right: .5rem
}

.custody-account-header-se__market-value-amount {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold
}

.custody-account-header-se__account-name {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem
}

.custody-account-header-se__account-number {
    font-size: .8rem
}

.custody-account-header-se__development {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -2rem
}

.custody-account-header-se__development-label {
    margin-bottom: .5rem
}

.custody-account-header-se__development-percentage {
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 0;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.custody-account-header-se__development-percentage::before {
    content: "";
    height: 1px;
    background-color: #3f4346;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    z-index: -1
}

.custody-account-header-se__development-percentage .delta {
    background-color: #27292b;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 1rem
}

.custody-account-header-se__development-percentage .delta::before {
    font-size: .8rem
}

.custody-account-header-se__items {
    display: flex;
    justify-content: space-between
}

.custody-account-header-se__sub-items {
    display: flex;
    flex-direction: column
}

.custody-account-header-se__items__buttons {
    margin-top: 4px
}

.custody-account-header-se__items__buttons__deposit-and-withdrawal {
    margin-left: 16px
}

.custody-account-header-se__item {
    display: flex
}

.custody-account-header-se__item-label {
    padding-right: .5rem
}

.custody-account-header-se__item-value {
    font-weight: bold
}

.custody-account-header-se__disclaimer {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: .5rem
}

.custody-account-header-se__disclaimer .icon {
    fill: #fff
}

.custody-account-header-se__disclaimer .tooltip-label {
    width: 300px;
    white-space: normal;
    text-align: left
}

.custody-account-header-se--medium .custody-account-header-se__market-value-amount {
    font-size: 1rem
}

.custody-account-header__items_container {
    display: flex;
    justify-content: space-between
}

.custody-account-header-se__delta-placeholder {
    background-color: #27292b;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 1rem;
    position: relative;
    z-index: -2
}

@media screen and (max-width: 639px) {
    .custody-account-header-se__items {
        flex-direction:column
    }

    .custody-account-header-se__top-info {
        flex-direction: column
    }

    .custody-account-header-se__market-value {
        justify-content: left;
        margin-top: 1rem
    }

    .custody-account-header-se__market-value-amount {
        font-size: .8rem
    }

    .custody-account-header-se__development {
        margin: 0 0 1rem 0;
        flex-direction: row;
        align-items: center;
        justify-content: left
    }

    .custody-account-header-se__development-label {
        margin: 0
    }

    .custody-account-header-se__development-percentage {
        width: auto;
        text-align: left
    }

    .custody-account-header-se__development-percentage::before {
        content: none
    }

    .custody-account-header-se__development-percentage .delta,.custody-account-header-se__delta-placeholder {
        font-size: .8rem;
        font-family: "Titillium Web",Helvetica,Arial,sans-serif
    }
}

.custody-account-header {
    padding-top: 16px;
    position: relative;
    background-color: #3f4346;
    color: #fff;
    font-size: .8rem;
    padding-bottom: 270px;
    margin-bottom: -270px
}

@media screen and (min-width: 640px) {
    .custody-account-header {
        padding-top:32px
    }
}

.custody-account-header::before {
    content: "";
    background-color: inherit;
    position: absolute;
    width: 200vw;
    height: 100%;
    top: 0;
    left: -100vw;
    z-index: -1
}

.custody-account-header__content {
    min-height: 100px;
    background-color: #27292b;
    padding: 32px 32px 80px
}

@media screen and (min-width: 640px) {
    .custody-account-header__content {
        margin:0 32px;
        padding: 32px 32px 80px
    }
}

@media screen and (min-width: 1024px) {
    .custody-account-header__content {
        padding:48px 48px 80px
    }
}

.custody-account-header__top-info {
    display: flex
}

.custody-account-header__overview-card {
    background-color: rgba(0,0,0,0)
}

.custody-account-header__content-container {
    width: 100%
}

.custody-account-header__account-selector,.custody-account-header__market-value {
    width: 100%
}

.custody-account-header__account-selector {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.custody-account-header__button-name {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem;
    color: inherit;
    cursor: pointer;
    border: none;
    background: rgba(0,0,0,0);
    padding: 0;
    padding-right: 32px;
    text-align: left;
    word-break: break-word;
    line-height: 1em;
    margin-right: 40px
}

.custody-account-header__account-selector-indicator {
    margin-left: 5px;
    font-size: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 24px
}

.custody-account-header__account-selector-indicator svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.custody-account-header__market-value {
    display: flex;
    justify-content: flex-end
}

.custody-account-header__market-value-label {
    padding-right: .5rem
}

.custody-account-header__market-value-amount {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold
}

.custody-account-header__account-name {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem
}

.custody-account-header__account-number {
    font-size: .8rem
}

.custody-account-header__development {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -2rem
}

.custody-account-header__development-label {
    margin-bottom: .5rem
}

.custody-account-header__development-percentage {
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 0;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.custody-account-header__development-percentage--is-extended {
    margin: 52px 0 20px 0
}

.custody-account-header__development-percentage::before {
    content: "";
    height: 1px;
    background-color: #3f4346;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    z-index: -1
}

.custody-account-header__development-percentage .delta {
    background-color: #27292b;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 1rem
}

.custody-account-header__development-percentage .delta::before {
    font-size: .8rem
}

.custody-account-header__items_container {
    display: flex;
    justify-content: space-between
}

.custody-account-header__items_container--flat .custody-account-header__items {
    flex-direction: row;
    width: 100%
}

.custody-account-header__items {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.custody-account-header__sub-items {
    display: flex;
    flex-direction: column
}

.custody-account-header__items__buttons {
    margin-top: 4px
}

.custody-account-header__items__buttons__deposit-and-withdrawal {
    margin-left: 16px
}

.custody-account-header__item {
    display: flex
}

.custody-account-header__item-label {
    padding-right: .5rem
}

.custody-account-header__item-value {
    font-weight: bold
}

.custody-account-header__disclaimer {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: .5rem
}

.custody-account-header__disclaimer .icon {
    fill: #fff
}

.custody-account-header__disclaimer .tooltip-label {
    width: 300px;
    white-space: normal;
    text-align: left
}

.custody-account-header--medium .custody-account-header__market-value-amount {
    font-size: 1rem
}

.custody-account-header__delta-placeholder {
    background-color: #27292b;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 1rem;
    position: relative;
    z-index: -2
}

@media screen and (max-width: 639px) {
    .custody-account-header__items {
        flex-direction:column
    }

    .custody-account-header__top-info {
        flex-direction: column
    }

    .custody-account-header__market-value {
        justify-content: left;
        margin-top: 1rem
    }

    .custody-account-header__market-value-amount {
        font-size: .8rem
    }

    .custody-account-header__development {
        margin: 0 0 1rem 0;
        flex-direction: row;
        align-items: center;
        justify-content: left
    }

    .custody-account-header__development-label {
        margin: 0
    }

    .custody-account-header__development-percentage {
        width: auto;
        text-align: left
    }

    .custody-account-header__development-percentage::before {
        content: none
    }

    .custody-account-header__development-percentage .delta,.custody-account-header__delta-placeholder {
        font-size: .8rem;
        font-family: "Titillium Web",Helvetica,Arial,sans-serif
    }
}

.custody-account-header__extended-info {
    margin-bottom: 30px;
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 8px
}

.custody-account-header__extended-info .custody-account-header__market-value {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
}

.custody-account-header__extended-info .custody-account-header__market-value-label {
    padding-right: .5rem
}

.custody-account-header__extended-info .custody-account-header__extended-info-tooltip-container {
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.custody-account-header__extended-info .custody-account-header__extended-info-tooltip-container .icon {
    fill: #fff
}

.custody-account-header__extended-info .custody-account-header__extended-info-tooltip-container .tooltip-label {
    width: 300px;
    white-space: normal;
    text-align: left
}

.custody-account-summary {
    padding: 32px 0
}

.custody-account-summary__total,.custody-account-summary__value {
    font-size: 1.3rem;
    font-weight: bold
}

.custody-account-summary__value {
    text-align: right
}

.custody-account-summary__values--multiple .custody-account-summary__value {
    font-size: 0.8125rem
}

.custody-account-summary__values--multiple .custody-account-summary__value:not(:last-child) {
    margin-bottom: .4rem
}

.custody-account-summary__label {
    text-align: right;
    color: #6e6e6e;
    font-size: 0.6875rem;
    text-transform: uppercase;
    margin: 16px 0 .4rem
}

.custody-account-summary__button .button__icon {
    transition: .2s ease-in-out all;
    transform: rotate(0)
}

.custody-account-summary__button--is-open .button__icon {
    transform: rotate(-180deg)
}

.custody-account-summary__items-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.custody-account-summary__items-container--small {
    align-items: flex-start
}

.custody-account-summary__items-container--small .custody-account-summary__values {
    flex-direction: column
}

.custody-account-summary__disclaimer {
    margin-top: 24px;
    max-width: 60%
}

.deposit-and-withdrawal {
    padding: 16px 48px 48px;
    width: 600px;
    min-height: 480px
}

.deposit-and-withdrawal .dropdown-select-group {
    padding: 1.25rem;
    text-align: center;
    text-transform: uppercase
}

.extended-security-details {
    padding-top: 32px
}

.extended-security-details__card {
    padding: 64px
}

.edit-fund-savings-agreement-distribution .table__container {
    flex: 0 0 100%
}

.edit-fund-savings-agreement-distribution .table-row {
    height: 56px;
    font-size: 0.8125rem
}

.edit-fund-savings-agreement-distribution .table--column-spacing>.table-head>.table-row::before,.edit-fund-savings-agreement-distribution .table--column-spacing>.table-head>.table-row::after,.edit-fund-savings-agreement-distribution .table--column-spacing>.table-body>.table-row::before,.edit-fund-savings-agreement-distribution .table--column-spacing>.table-body>.table-row::after {
    width: 0
}

.edit-fund-savings-agreement-distribution .table-head .table-column {
    text-transform: none;
    vertical-align: middle;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem
}

.edit-fund-savings-agreement-distribution .table-head .table-column .checkbox-select__indicator {
    width: 22px;
    height: 22px
}

.edit-fund-savings-agreement-distribution .table-head .table-column .sort-button__label {
    text-transform: none
}

.edit-fund-savings-agreement-distribution td {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem
}

.edit-fund-savings-agreement-distribution .form-input-wrap {
    top: 0.5625rem
}

.edit-fund-savings-agreement-distribution .form-input-wrap input {
    text-align: right
}

.edit-fund-savings-agreement-distribution .form-input-wrap .form-input__input {
    padding: 0 18rem 1.125rem;
    border: none
}

.edit-fund-savings-agreement-distribution .form-input__pen-icon {
    bottom: 0.875rem
}

.edit-fund-savings-agreement-distribution .form-input__input-inner {
    bottom: revert;
    right: 0px
}

.edit-fund-savings-agreement-distribution .edit-fund-savings-agreement-distribution___total {
    font-weight: bold;
    font-size: 15px
}

.edit-fund-savings-agreement-distribution .edit-fund-savings-agreement-distribution___total--error {
    color: #dd1d26
}

.edit-fund-savings-agreement-funds-header__info-text {
    margin-bottom: 1.5rem
}

.edit-fund-savings-agreement-funds-header__filter-container {
    width: 100%;
    display: flex;
    align-items: center
}

.edit-fund-savings-agreement-funds-header__search {
    width: 100%;
    padding-right: 40px
}

.edit-fund-savings-agreement-funds-header__toggle {
    width: 50%;
    margin-left: auto;
    margin-bottom: 16px !important
}

.edit-fund-savings-agreement-funds {
    height: 1000px
}

.edit-fund-savings-agreement-funds .edit-fund-savings-agreement-funds__link-button {
    cursor: pointer;
    background: rgba(0,0,0,0);
    padding: 0;
    border: 0;
    line-height: 0
}

.edit-fund-savings-agreement-funds .edit-fund-savings-agreement-funds__link-button .icon {
    width: 16px
}

.edit-fund-savings-agreement-funds .table-column:last-child {
    text-align: center
}

.fund_savings_agreement_details {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 40px
}

.fund_savings_agreement_details__no-savings__title {
    padding-bottom: 0px
}

.fund_savings_agreement_details__no-savings__title button {
    margin-bottom: 40px
}

.fund_savings_agreement_details__no-savings__content {
    padding-top: 0px
}

.fund_savings_agreement_details .button>span {
    font-size: 0.75rem
}

.fund_savings_agreement_details .widget-title {
    margin: 0
}

.fund_savings_agreement_details>.table-row-nested>.table-column {
    padding: 0
}

.fund_savings_agreement_details__title {
    margin: 32px 0 0 0
}

.fund_savings_agreement_details__title .widget-title__label {
    font-size: 1.5rem
}

.fund_savings_agreement_details__buttons {
    display: flex;
    justify-content: flex-end;
    gap: 20px
}

@media(max-width: 768px) {
    .fund_savings_agreement_details {
        flex-direction:column
    }
}

.fund-savings-agreement-fund-list__table {
    width: 377px
}

.fund-savings-agreement-fund-list__table .table-row {
    height: 45px;
    font-size: 0.875rem
}

.fund-savings-agreement-fund-list__table .table-head>.table-row>.table-column:not(:empty):not(.table-column--noBorder) {
    border-bottom: none
}

.fund-savings-agreement-fund-list__table .table-head>.table-row {
    height: 14px
}

.fund-savings-agreement-fund-list__link {
    text-decoration: none
}

.fund-savings-agreement-fund-list__percentage {
    font-weight: bold
}

.fund-savings-agreement-info__table {
    width: 377px
}

.fund-savings-agreement-info__table .table-row {
    height: 39px
}

.fund-savings-agreement-info__table--date-background {
    font-weight: bold
}

.fund-savings-agreement-info__table--date-background td>div {
    display: inline-block;
    background: #d3d3d3;
    padding: 4px 8px;
    border-radius: 4px;
    box-sizing: border-box
}

.widget-title__label {
    line-height: 3.125rem
}

.fund_savings_agreement__title {
    margin: 0 0 8px 0
}

.fund_savings_agreement__arrow {
    width: 2.625rem
}

.fund_savings_agreement__row {
    cursor: pointer;
    height: 48px
}

.fund_savings_agreement__row-nested {
    margin-top: 32px
}

.fund_savings_agreement__row-nested>.table-column {
    padding: 0 32px
}

.fund_savings_agreement__icon_column {
    width: 32px;
    padding-right: 8px
}

.fund_savings_agreement__icon_container {
    display: flex;
    width: 36px;
    height: 36px;
    fill: #fff;
    background-color: #008473;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.fund_savings_agreement__icon {
    width: 14px;
    height: 14px;
    margin-left: -2px
}

.fund_savings_agreement__name {
    font-weight: bold
}

.fund_savings_agreement__table .table-body>.fund_savings_agreement__row,.fund_savings_agreement__table .table-body>.fund_savings_agreement__row-nested {
    background-color: #fff
}

.fund_savings_agreement__table .table-row--hasHover:hover,.fund_savings_agreement__table .table-row--hasHover:focus-within {
    cursor: pointer;
    background-color: #ecf4f3
}

.fund_savings_agreement__empty {
    min-height: 255px
}

.fund_savings_agreement__no-savings {
    padding-bottom: 0px
}

.investment-agreement-card .investment-agreement-card__card {
    background-color: #333639
}

.investment-agreement-card__card {
    height: 250px;
    display: flex;
    flex-direction: column;
    color: #fff
}

.investment-agreement-card__title {
    min-height: 38px;
    font-size: 0.8125rem
}

.investment-agreement-card__account-name {
    font-weight: 900
}

.investment-agreement-card__footer {
    flex-direction: column
}

.investment-agreement-card .investment-agreement-card__footer {
    min-height: 80px;
    border-top: 1px solid #65696b
}

.investment-agreement-card__footer-detail {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem
}

.investment-agreement-card__amount {
    color: #fff
}

.investment-agreement-card__amount span {
    color: #fff
}

.investment-calendar {
    margin: 16px 0
}

.custody-account-card-list__choose-period-container {
    width: 18.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.custody-account-card-list__choose-period-tooltip {
    width: 1rem
}

.custody-account-card-list__choose-period-tooltip-content {
    width: 18.125rem
}

.custody-account-card-list__choose-period-tooltip-content .tooltip-label {
    white-space: normal
}

.custody-account-card-list__filter-option .action-menu__item-label {
    text-align: center
}

.custody-account-card-list__filter-option .action-menu__item--text-only.button {
    padding: 0
}

.custody-account-card-list__filter-option .button--with-icon {
    width: 8.75rem
}

.investment-delta-amount {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 4px
}

.investment-delta-amount--positive {
    color: #008755
}

.investment-delta-amount--negative {
    color: #dd1d26
}

.investment-delta-amount--is-plain {
    background-color: rgba(0,0,0,0);
    padding: 0
}

.investment-delta-amount__amount {
    font-size: 16px;
    font-weight: bold;
    margin-left: 4px
}

.investment-delta-amount__amount--is-plain {
    font-size: .8125rem;
    font-weight: normal
}

.investment-delta-amount__amount--is-plain span {
    font-size: .8125rem;
    font-weight: normal
}

.investment-delta-loading {
    background-color: #fff;
    border-radius: 5px;
    height: 1.925rem;
    padding: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.investment-delta-percentage {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 4px
}

.investment-delta-percentage--positive {
    color: #008755
}

.investment-delta-percentage--negative {
    color: #dd1d26
}

.investment-delta-percentage--is-plain {
    background-color: rgba(0,0,0,0);
    padding: 0
}

.investment-delta-percentage__percentage {
    font-size: 16px;
    font-weight: bold;
    margin-left: 4px
}

.investment-delta-percentage__percentage--is-plain {
    font-size: .8125rem;
    font-weight: normal
}

.investment-delta {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 8px
}

.investment-delta--positive {
    color: #008755
}

.investment-delta--negative {
    color: #dd1d26
}

.investment-delta__arrow {
    width: 1rem;
    height: 1rem;
    transform: rotate(270deg)
}

.investment-delta__arrow--positive {
    fill: #008755
}

.investment-delta__arrow--negative {
    fill: #dd1d26;
    transform: rotate(90deg)
}

.investment-delta__percentage {
    font-size: 20px;
    font-weight: bold;
    margin-left: 4px
}

.investment-delta__percentage span {
    font-weight: normal
}

.investment-event-list--showAll .investment-event-list__list {
    max-height: 80vh;
    overflow: auto;
    padding-right: 8px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.investment-event-list--showAll .investment-event-list__list::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.investment-event-list--showAll .investment-event-list__list:hover::-webkit-scrollbar {
    height: 8px
}

.investment-event-list--showAll .investment-event-list__list::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.investment-event-list--showAll .investment-event-list__list::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.investment-event-list--showAll .investment-event-list__list::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.investment-event-list__event-item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 0 16px 16px;
    border-bottom: 1px solid #e5e5e5
}

.investment-event-list__event-item:last-of-type {
    border-bottom: none
}

.investment-event-list__event-item::before {
    content: "";
    display: block;
    height: 16px;
    width: 4px;
    background-color: #3f4346;
    border-radius: 3px;
    position: absolute;
    left: 0
}

.investment-event-list__top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.investment-event-list__headline {
    font-weight: bold;
    display: flex;
    align-items: center;
    height: 3rem
}

.investment-event-list__event-name {
    padding-right: .5em;
    font-weight: bold
}

.investment-event-list__event-description {
    flex-grow: 1
}

.investment-event-list--groupDates .investment-event-list__event-description {
    text-align: right
}

.investment-event-list__event-date {
    white-space: nowrap;
    justify-self: flex-end;
    padding-left: 16px
}

.investment-event-list__toggle-button {
    margin-right: -24px
}

.investment-event-list__date-separator {
    font-weight: bold;
    font-size: 1.25rem;
    text-align: right;
    margin-bottom: 16px
}

.investment-event-list__event-item+.investment-event-list__date-separator {
    margin-top: 24px
}

.investment-news-details__content {
    max-width: 768px
}

.investment-news-details__header {
    font-size: 1.125rem;
    font-weight: 900;
    padding-bottom: 16px
}

.investment-news {
    margin: 16px 0
}

.investment-news__item {
    display: block;
    position: relative;
    text-decoration: none
}

.investment-news__item:visited {
    text-decoration: none
}

.investment-news__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.investment-news__headline {
    font-weight: bold;
    font-size: 1.125rem
}

.investment-news--showAll .investment-news__list {
    max-height: 80vh;
    overflow: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.investment-news--showAll .investment-news__list::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.investment-news--showAll .investment-news__list:hover::-webkit-scrollbar {
    height: 8px
}

.investment-news--showAll .investment-news__list::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.investment-news--showAll .investment-news__list::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.investment-news--showAll .investment-news__list::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.investment-news__item {
    padding: 16px 32px 16px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.875rem
}

.investment-news__item:last-child {
    border-bottom: none
}

.investment-news__item-byline {
    color: #6e6e6e
}

.investment-news__item-text {
    font-weight: bold;
    color: #242424
}

.investment-news__item-icon {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    top: 0;
    right: 8px
}

.investment-news__item-icon svg {
    width: 16px;
    height: 16px;
    fill: #242424
}

.investment-news__toggle-button {
    margin-right: -16px
}

.investment-news__item:hover .investment-news__item-text {
    color: #3f4346
}

.investment-news__item:hover .investment-news__item-icon svg {
    fill: #3f4346
}

.investment-search-filters {
    margin: 24px 0 40px 0
}

.investment-search-filters__security_type {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.investment-search-filters__country {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 24px;
    gap: 8px
}

.investment-search-filters__button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 32px;
    border-radius: 25px;
    padding: 11px 16px;
    font-size: 0.875rem;
    border: none;
    background-color: #d4dddf;
    cursor: pointer
}

.investment-search-filters__button>.flag {
    margin-right: 8px
}

.investment-search-filters__button--selected {
    font-size: 0.875rem;
    font-weight: 900;
    background-color: #26535e;
    color: #fff
}

.investment-search-filters__flag {
    margin-right: 8px
}

.investment-search-recent {
    display: flex;
    flex-direction: column
}

.investment-search-recent__row {
    display: flex;
    padding: 16px 8px;
    border-bottom: 1px solid #6e6e6e;
    flex: 1
}

.investment-search-recent__row:hover {
    background-color: #f0f0f0
}

.investment-search-recent__column {
    display: flex;
    flex-direction: column
}

.investment-search-recent__column--img {
    flex: 1;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap
}

.investment-search-recent__column--name {
    flex: 8
}

.investment-search-recent__column--value {
    flex: 2
}

.investment-search-recent__field--flexEnd {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.investment-search-recent__security--title {
    font-size: 1.125rem;
    font-weight: 900;
    color: #242424
}

.investment-search-recent__security--country {
    font-size: 0.875rem;
    font-weight: 500;
    color: #242424
}

.investment-search-recent__security--description {
    font-size: 12px;
    font-weight: 400;
    color: #242424
}

.investment-search-recent__link {
    text-decoration: none;
    flex: 1
}

.investment-search-recent__name {
    display: flex;
    flex-direction: row;
    gap: 0.5rem
}

.investment-search-result {
    width: 100%
}

.investment-search-result__row {
    display: flex;
    padding: 8px;
    border-bottom: 1px solid #6e6e6e
}

.investment-search-result__row:hover {
    background-color: #f0f0f0
}

.investment-search-result__column {
    display: flex;
    flex-direction: column
}

.investment-search-result__column--img {
    flex: 1;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap
}

.investment-search-result__column--name {
    flex: 8
}

.investment-search-result__column--value {
    flex: 2;
    font-size: 0.75rem;
    font-weight: 900;
    line-height: 1.125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.investment-search-result__field--flexEnd {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.investment-search-result__security--title {
    color: #242424;
    font-size: 0.875rem;
    font-weight: 900;
    line-height: 1.375rem
}

.investment-search-result__security--country {
    color: #242424;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.375rem
}

.investment-search-result__security--description {
    color: #242424;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem
}

.investment-search-result__link {
    text-decoration: none
}

.investment-search-result__link:hover {
    background-color: #008755
}

.investment-search {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    max-width: 600px;
    width: 100%;
    background-color: #f8f8f8;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    animation: animate-task-center-enter .25s cubic-bezier(0, 0.1, 0, 1) both;
    animation-delay: .2s;
    overflow: scroll
}

.investment-search__container {
    background: #f8f8f8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    margin: 40px
}

.investment-search__overlay {
    transition: opacity 200ms ease-in-out;
    background: rgba(0,0,0,.3);
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000
}

.investment-search__overlay.ReactModal__Overlay--after-open {
    opacity: 1
}

.investment-search__overlay.ReactModal__Overlay--before-close {
    opacity: 0
}

.investment-search__header {
    display: flex;
    flex-direction: row
}

.investment-search__header--title {
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
    flex: 7;
    font-size: 1.6875rem;
    font-weight: 800;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.investment-search__header--close {
    justify-content: flex-end;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
    flex: 1
}

.investment-search-group {
    margin-top: 40px
}

.investment-search-group__title {
    font-size: 1.125rem;
    font-weight: 900
}

.investment-search-no-result {
    margin: 32px 0
}

.investment-search-no-result__title {
    text-align: center;
    font-size: 1.6875rem;
    font-weight: 800
}

.investment-search-no-result__description {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 4px 0
}

.market-development__chart {
    margin-bottom: 32px;
    height: 320px;
    max-height: 70vh
}

.market-development__chart .price-development-chart__date-range .price-development-chart__date-select .date-range-picker__input-nav .date-range-input:hover {
    background-color: #27292b;
    color: #fff
}

.market-development__chart .price-development-chart__date-range .price-development-chart__date-select .date-range-picker__input-nav .date-range-input.date-range-input--active {
    background-color: #fff;
    color: #242424
}

.market-development__chart .list-filter-option__container .list-filter-option__trigger:hover:not(:disabled) {
    background-color: #27292b;
    color: currentColor
}

.market-development__chart .list-filter-option__container .list-filter-option__trigger.button--is-active:not(:disabled) {
    background-color: #fff;
    color: #242424;
    border-color: #fff
}

.market-search {
    background-color: #3f4346;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: .9rem;
    height: 5.75rem;
    z-index: 1
}

.market-search::before {
    content: "";
    background-color: inherit;
    position: absolute;
    width: 200vw;
    height: 100%;
    top: 0;
    left: -100vw;
    z-index: -1
}

.market-search .market-search__toggle-button,.market-search .market-search__toggle-button:hover {
    margin-left: 16px;
    background: rgba(0,0,0,0) !important
}

.market-search--loading {
    display: flex;
    justify-content: center
}

.market-search__market-container {
    overflow: hidden;
    height: 100%;
    position: relative;
    padding: 0 16px 0 0
}

.market-search__search-container {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 0
}

.market-search__search-form {
    width: 100%
}

.market-search.market-search--small .market-search__search-form {
    display: none;
    width: auto
}

.market-search.market-search--small.market-search--showSearch .market-search__search-container {
    width: 100%
}

.market-search.market-search--small.market-search--showSearch .market-search__search-form {
    display: block;
    width: 100%
}

.market-search.market-search--small.market-search--showSearch .market-search__market-container {
    display: none
}

.market-search.market-search--large .market-search__toggle-button {
    display: none
}

.market-search.market-search--large .market-search__search-container {
    width: 100%;
    flex: 1;
    min-width: 180px
}

.market-search-form {
    position: relative;
    width: 100%;
    color: #242424
}

.market-search-form__result {
    width: 100%;
    position: absolute;
    top: 100%;
    margin-top: 3px;
    max-height: 460px;
    overflow-y: auto;
    background-color: #fff;
    padding: 0 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    left: 0;
    z-index: 1;
    min-width: 290px
}

.market-search-form__empty {
    padding: 16px;
    text-align: center
}

.market-search-form__result-link {
    min-height: 44px;
    text-decoration: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5;
    color: #242424
}

.market-search-form__result-link:visited {
    color: #242424
}

.market-search-form__result-link:hover {
    color: #3f4346
}

.market-search-form__result-link:last-of-type {
    border: none
}

.market-search-form__result-link>* {
    padding: 0 8px
}

.market-search-form__result-link>*:first-child {
    grid-column: span 2
}

.market-search-form__result-price,.market-search-form__result-delta {
    font-size: 0.75rem
}

.market-search-form__result-price--has-delta {
    justify-self: end
}

.market-search__filter-text .filter-text__label {
    opacity: .5
}

.market-search__filter-text .filter-text__input {
    border: none;
    background-color: #27292b;
    color: #fff
}

.market-search__filter-text .filter-text__input~.filter-text__label {
    color: #fff
}

.market-search__filter-text .filter-text__input~span svg {
    fill: #fff
}

.market-search__filter-text .filter-text__input:focus {
    background-color: #fff;
    color: #242424
}

.market-search__filter-text .filter-text__input:focus~span svg {
    fill: #242424
}

.market-search-preview {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.market-search-preview__items-container {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center
}

.market-search-preview__items-container::before,.market-search-preview__items-container::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 10px;
    left: 0;
    top: 0;
    display: block;
    z-index: 10;
    background: linear-gradient(270deg, transparent 0%, #3f4346 100%)
}

.market-search-preview__items-container::after {
    right: 0;
    left: auto;
    background: linear-gradient(90deg, transparent 0%, #3f4346 100%)
}

.market-search-preview--leftScrollOverflow .market-search-preview__items-container::before {
    display: none
}

.market-search-preview--rightScrollOverflow .market-search-preview__items-container::after {
    display: none
}

.market-search-preview__items-container-scroll {
    display: flex;
    height: 100%;
    align-items: center;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-color: #27292b #3f4346;
    scrollbar-width: thin
}

.market-search-preview__items-container-scroll::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.market-search-preview__items-container-scroll:hover::-webkit-scrollbar {
    height: 8px
}

.market-search-preview__items-container-scroll::-webkit-scrollbar-track {
    background: #3f4346
}

.market-search-preview__items-container-scroll::-webkit-scrollbar-thumb {
    background: #27292b
}

.market-search-preview:not(.market-search-preview--small) {
    padding: 0 32px
}

.market-search-preview:not(.market-search-preview--small) .market-search-preview__items-container-scroll::-ms-autohiding-scrollbar {
    display: none
}

.market-search-preview:not(.market-search-preview--small) .market-search-preview__items-container-scroll::-webkit-scrollbar {
    display: none
}

.market-search-preview__item {
    padding: 0 16px;
    margin: 0 16px 0 0;
    display: flex;
    align-items: center;
    height: 44px;
    background-color: #27292b;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 5px
}

.market-search-preview__item:visited {
    color: #fff
}

.market-search-preview__item:hover {
    color: #fff;
    background-color: #27292b
}

.market-search-preview__item:last-child {
    margin-right: 0
}

.market-search-preview__item-symbol {
    font-size: 0.75rem;
    font-weight: 100
}

.market-search-preview__item-delta {
    color: #242424;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #fff;
    margin-left: 0.75rem;
    padding: 0 0.3125rem;
    border-radius: 3px
}

.market-search-preview--small .market-search-preview__item {
    font-size: .7rem
}

.market-search-preview__scroller {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 1;
    height: 100%;
    top: 0;
    width: 16px;
    pointer-events: none
}

.market-search__scroll-button {
    pointer-events: auto
}

.market-search__scroll-button .button__icon svg {
    fill: #fff
}

.market-search-preview__scroller--left {
    justify-content: flex-start;
    left: 0
}

.market-search-preview__scroller--left .market-search__scroll-button {
    transform: translateX(-16px)
}

.market-search-preview__scroller--right {
    justify-content: flex-end;
    right: 0
}

.market-search-preview__scroller--right .market-search__scroll-button {
    transform: translateX(16px)
}

.market-search-preview__scroller--faded {
    opacity: .2
}

.market-search-preview__item-icon {
    margin-right: .5rem
}

.market-search-preview__item-name {
    font-weight: bold;
    font-size: 1rem
}

.market-search-preview--small .market-search__scroll-button {
    display: none
}

.market-share-list__headline {
    margin: 0
}

.market-share-list__top {
    position: relative;
    padding-top: 16px;
    color: #fff
}

.market-share-list__headline-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end
}

.market-share-list__delta-description {
    font-size: 0.75rem;
    text-align: right
}

.market-share-list__delta .delta--icon.delta--icon-left::before {
    color: inherit;
    font-size: 1.25rem;
    vertical-align: middle
}

.market-share-list__price-description {
    font-size: 0.75rem
}

.market-share-list__price-value {
    font-weight: bold
}

.market-share-list__top::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -300px;
    left: -100vw;
    right: -100vw;
    background-color: #3f4346
}

.market-share-list__filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 24px
}

.market-share-list__filter-wrapper .real-time-reates-subscription-link {
    text-align: right
}

.market-share-list__card {
    min-height: 50vh
}

@media(max-width: 768px) {
    .market-share-list__filter-wrapper {
        flex-wrap:wrap;
        gap: 8px
    }

    .market-share-list__filter-wrapper .real-time-reates-subscription-link {
        text-align: left
    }
}

.market-share-table__icon {
    width: 40px;
    padding-right: 8px
}

.market-share-table__name {
    width: 300px
}

.market-share-table__isin {
    width: auto
}

.market-share-table__price {
    width: 120px;
    text-align: right
}

.market-share-table__delta-percentage {
    width: 120px;
    text-align: right
}

.market-share-table__volume {
    width: 170px;
    text-align: right
}

.market-share-table__arrow {
    width: 2.625rem
}

.market-share-table .table-body .security-list-table__expanded:hover {
    background-color: rgba(0,0,0,0)
}

.market-share-table__row {
    cursor: pointer
}

.market-stats__sections {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.market-stats__sections--stacked {
    grid-template-columns: auto
}

.market-stats__sections:not(.market-stats__sections--stacked) .market-stats-section:nth-child(2) {
    border-left: 4px dashed #e5e5e5;
    border-right: 4px dashed #e5e5e5
}

.dropdown-select-market .dropdown-select-button {
    padding-left: 32px
}

.dropdown-select-market .dropdown-select-item__button {
    margin: 0 32px
}

.market-stats__title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.market-stats-section__title {
    padding: 32px 32px 16px;
    font-weight: bold
}

.market-stats-section__table {
    table-layout: fixed;
    margin-bottom: 16px
}

.market-stats-section__table .table-head .table-column {
    width: 100%
}

.market-stats-section__security-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.market-stats-section__security-link {
    width: 100%;
    cursor: pointer;
    text-decoration: none
}

.market-stats-section__fallback {
    padding: 0 32px 32px
}

.market-stats-section__fallback svg {
    width: 40px
}

.market-stats-section__fallback p {
    margin-bottom: 0
}

.overview-terms-ips__container {
    width: 100%;
    display: flex;
    column-gap: 3.125rem
}

.overview-terms-ips__column {
    display: flex;
    flex-direction: column;
    flex: 1
}

.overview-terms-ips__table {
    flex: 1
}

.price-development-chart-card {
    display: flex;
    flex-direction: column;
    cursor: pointer !important
}

.price-development-chart-card__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-grow: 0;
    margin-top: 16px
}

.price-development-chart-card__headline {
    font-weight: bold;
    margin-bottom: 16px
}

.price-development-chart-card__date-range {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.price-development-chart-card__date-select {
    margin-bottom: 16px
}

.price-development-chart-card__pre-select {
    margin-left: 16px;
    margin-bottom: 16px
}

.price-development-chart-card__date-select--customColor .button--color-transparent {
    color: inherit
}

.price-development-chart-card__date-select--customColor .button--color-transparent:hover {
    background-color: inherit
}

.price-development-chart-card__chart {
    position: relative;
    flex-grow: 1
}

.price-development-chart-card__chart--isPreviousData {
    opacity: .3
}

.price-development-chart-card--no-data {
    filter: blur(4px)
}

.price-development-chart-card__no-data {
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center
}

.price-development-chart-card--negative {
    color: #dd1d26
}

.price-development-chart-card--positive {
    color: #008755
}

.rechart-cards-active-dot>circle {
    fill: #3f4346 !important;
    stroke: #fff !important
}

.price-development-chart-card--currentColor .rechart-cards-text {
    color: currentColor !important
}

.price-development-chart-card--currentColor .rechart-cards-active-dot>circle {
    fill: currentColor !important;
    stroke: currentColor !important
}

.price-development-chart-card--currentColor .price-development-chart-card__chart-area {
    color: currentColor
}

.price-development-chart-card--currentColor .price-development__color {
    color: currentColor
}

.price-development-chart-card--currentColor .date-range-picker__input-nav,.price-development-chart-card--currentColor .list-filter-option__trigger {
    border-color: currentColor !important;
    color: currentColor
}

.investment-agreement-card__chart {
    height: 300px
}

.price-development-chart {
    display: flex;
    flex-direction: column
}

.price-development-chart__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-grow: 0;
    margin-top: 16px
}

.price-development-chart__headline {
    font-weight: bold;
    margin-bottom: 16px
}

.price-development-chart__date-range {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.price-development-chart__date-select {
    margin-bottom: 16px
}

.price-development-chart__pre-select {
    margin-left: 16px;
    margin-bottom: 16px
}

.price-development-chart__date-select--customColor .button--color-transparent {
    color: inherit
}

.price-development-chart__date-select--customColor .button--color-transparent:hover {
    background-color: inherit
}

.price-development-chart__chart {
    position: relative;
    flex-grow: 1
}

.price-development-chart__chart--isPreviousData {
    opacity: .3
}

.price-development-chart--no-data {
    filter: blur(4px)
}

.price-development-chart__no-data {
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center
}

.price-development-chart--negative .price-development-chart__chart-area {
    color: #dd1d26
}

.price-development-chart--positive .price-development-chart__chart-area {
    color: #008755
}

.recharts-active-dot>circle {
    fill: #3f4346 !important;
    stroke: #fff !important
}

.price-development-chart--currentColor .recharts-text {
    color: currentColor !important
}

.price-development-chart--currentColor .recharts-active-dot>circle {
    fill: currentColor !important;
    stroke: currentColor !important
}

.price-development-chart--currentColor .price-development-chart__chart-area {
    color: currentColor
}

.price-development-chart--currentColor .price-development__color {
    color: currentColor
}

.price-development-chart--currentColor .date-range-picker__input-nav,.price-development-chart--currentColor .list-filter-option__trigger {
    border-color: currentColor !important;
    color: currentColor
}

.price-development-chart-tooltip {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background-color: #fff;
    border-radius: 5px;
    padding: 16px;
    color: #242424
}

.price-development-chart-tooltip__value {
    font-weight: 800;
    margin-top: 8px
}

.real-time-rates-subscription__agreements-card {
    margin-bottom: 16px
}

.real-time-rates-subscription__top {
    padding: 16px 0
}

.real-time-rates-subscription__top>:first-child {
    margin-top: 0
}

.real-time-rates-subscription__top>:last-child {
    margin-bottom: 0
}

.real-time-rates-subscription__agreements-card-body.card__body {
    display: flex;
    flex-direction: column;
    padding: 0
}

.real-time-rates-subscription__agreements-empty {
    font-weight: bold;
    padding: 16px
}

.real-time-rates-sign-up__account-selector {
    padding: 16px
}

.real-time-rates-sign-up__account-selector-title {
    text-align: center
}

.real-time-rates-subscription-item {
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.real-time-rates-subscription-item.real-time-rates-subscription-item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.real-time-rates-subscription-item__name {
    display: flex;
    flex-direction: column;
    align-self: center
}

.real-time-rates-subscription-link {
    font-size: .8rem
}

.real-time-rates-subscription-link p {
    margin: 0
}

.real-time-rates-subscription-link__delay-text {
    color: #6e6e6e
}

.saxo-agreement-card .saxo-agreement-card__card {
    background-color: #27292b
}

.saxo-agreement-card__card {
    display: flex;
    flex-direction: column;
    height: 250px;
    color: #fff
}

.saxo-agreement-card__title {
    font-size: 0.8125rem
}

.saxo-agreement-card__middle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 16px
}

.saxo-agreement-card .saxo-agreement-card__footer {
    font-size: 0.75rem;
    min-height: 80px;
    position: relative;
    flex-direction: column;
    border-top: 1px solid #65696b
}

.saxo-agreement-card__owners {
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

.saxo-agreement-card__total-value {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 4px
}

.saxo-agreement-card .saxo-agreement-card__details-link {
    color: #fff;
    align-self: flex-end;
    display: flex;
    align-items: center
}

.saxo-agreement-card .saxo-agreement-card__details-link:hover {
    color: #fff;
    cursor: pointer
}

.saxo-agreement-card .saxo-agreement-card__details-link:visited {
    color: #fff
}

.saxo-agreement-card .saxo-agreement-card__details-link .saxo-agreement-card__details-icon {
    width: 1rem;
    height: 1rem
}

.saxo-agreement-card .saxo-agreement-card__circle {
    border-width: 1px
}

.saxo-agreement-details {
    position: relative
}

.saxo-agreement-details-accounts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
    gap: 16px
}

.saxo-agreement-details-account {
    height: 250px;
    background-color: #3f4346
}

.saxo-agreement-details-card .saxo-agreement-details-card__card {
    background-color: #3f4346;
    position: relative
}

.saxo-agreement-details-card__card {
    height: 250px;
    color: #fff;
    display: flex;
    flex-direction: column
}

.saxo-agreement-details-card__top {
    display: flex;
    justify-content: space-between
}

.saxo-agreement-details-card__title {
    font-size: 0.8125rem
}

.saxo-agreement-details-card__middle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 32px
}

.saxo-agreement-details-card .saxo-agreement-details-card__footer {
    flex-direction: column;
    min-height: 80px;
    border-top: 1px solid #65696b
}

.saxo-agreement-details-card__footer-detail {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem
}

.saxo-agreement-details-card-context-menu {
    margin-right: -20px;
    margin-top: -8px
}

.saxo-agreement-details-card-context-menu .saxo-agreement-details-card-context-menu__trigger-button .icon {
    fill: #fff
}

.saxo-agreement-details-card-context-menu .saxo-agreement-details-card-context-menu__trigger-button:hover .icon {
    fill: #242424
}

.saxo-agreement-details-card-context-menu .saxo-agreement-details-card-context-menu__trigger-button.saxo-agreement-details-card-context-menu__trigger-button--is-open .icon {
    fill: #242424
}

.saxo-agreement-details-card-context-menu__body {
    color: #242424
}

.saxo-agreement-details-header {
    height: 350px;
    width: 100%;
    background-color: #27292b;
    margin-bottom: -160px;
    padding-top: 32px;
    color: #fff
}

.saxo-agreement-details-header::before {
    content: "";
    background-color: inherit;
    position: absolute;
    width: 200vw;
    height: 350px;
    top: 0;
    left: -100vw;
    z-index: -1
}

.saxo-agreement-details-header__row {
    display: flex;
    justify-content: space-between;
    font-size: .8rem
}

.saxo-agreement-details-header__headlines {
    font-size: 2.125rem;
    font-weight: bold;
    margin: 12.8px 0
}

.saxo-agreement-details-header .saxo-agreement-details-header__details-link {
    color: #fff;
    display: inline-flex;
    align-items: center;
    font-size: .8rem
}

.saxo-agreement-details-header .saxo-agreement-details-header__details-link:hover {
    color: #fff;
    cursor: pointer
}

.saxo-agreement-details-header .saxo-agreement-details-header__details-link:visited {
    color: currentColor
}

.saxo-agreement-details-header .saxo-agreement-details-header__details-link .saxo-agreement-details-header__details-icon {
    width: 1rem;
    height: 1rem
}

.security-details-header {
    padding-bottom: 32px
}

.security-details-header__security-name {
    margin: 0
}

.security-details-header__name-and-price {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media(min-width: 768px) {
    .security-details-header__name-and-price {
        flex-direction:row
    }
}

.security-details-header__security-price {
    font-size: 1.875rem;
    font-weight: 700;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    white-space: nowrap;
    padding-top: 16px
}

@media(max-width: 360px) {
    .security-details-header__security-price {
        line-height:2rem
    }
}

@media(min-width: 768px) {
    .security-details-header__security-price {
        padding-top:0;
        font-size: 2.5rem;
        line-height: 3.125rem
    }
}

.security-details-header__security-isin {
    color: #9b9b9b
}

.security-details {
    margin-bottom: 32px
}

.table:not(.table--small) .table-row-nested .security-details {
    padding: 0 48px
}

@media screen and (min-width: 1280px) {
    .security-details {
        display:flex
    }

    .security-details__information {
        flex-grow: 2;
        padding-right: 16px
    }

    .security-details__additionals {
        min-width: 320px;
        max-width: 500px;
        width: 33%
    }
}

.security-details__trade-toggle {
    margin: 16px 0;
    text-align: right
}

.security-details__trade-toggle button {
    margin-left: 16px
}

.security-details--loading {
    display: flex;
    justify-content: center;
    align-items: center
}

.security-details__columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 32px
}

.security-details__name-container {
    display: flex;
    align-items: center
}

.security-details__name {
    font-size: 1.3rem;
    font-weight: bold
}

.security-details__byline {
    margin-left: 1rem;
    font-size: .8rem
}

.security-details__column-header {
    display: flex
}

.security-details__column-heading {
    display: flex;
    align-items: center;
    height: 3rem;
    font-weight: bold
}

.security-details__actions-buy {
    margin-right: 1rem
}

.security-details__trade-card {
    position: relative;
    padding: 24px 16px 16px 16px;
    margin-bottom: 24px
}

.security-details__trade-close-button {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0
}

.security-details-order-list {
    margin-bottom: 3rem
}

.security-details-order-list__blank {
    height: 28px
}

.security-details-order-list__column-headlines {
    display: flex;
    justify-content: space-between
}

.security-details-order-list__column-headline {
    color: #6e6e6e;
    text-transform: uppercase;
    font-size: 0.75rem
}

.security-details-order-list__subheading {
    text-align: center;
    font-weight: 800;
    font-size: 0.8125rem
}

.security-details-order-list__empty {
    font-size: .9rem;
    text-align: center;
    color: #6e6e6e
}

.security-details-order-list__bid-and-ask {
    display: flex;
    justify-content: space-between
}

.security-details-order-list__graph {
    flex-basis: calc(50% - 8px)
}

.security-details-order-list__row {
    margin: 8px 0
}

.security-details-order-list__price-and-count {
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    font-size: 0.8125rem
}

.security-details-order-list__candle-bar-container {
    position: relative;
    background-color: #e5e5e5;
    height: 6px
}

.security-details-order-list__candle-bar {
    position: absolute;
    height: 4px;
    top: 1px
}

.security-details-order-list__candle-bar--bid {
    right: 0;
    background-color: #dd1d26
}

.security-details-order-list__candle-bar--ask {
    left: 0;
    background-color: #008755
}

.security-development-chart {
    margin-bottom: 32px
}

.security-development-chart__chart {
    height: 250px;
    max-height: 70vh
}

.security-list-se:not(.security-list-se--small) .widget-title {
    margin-bottom: 0;
    margin-top: 0
}

.security-list-se:not(.security-list-se--small) .security-list-se__logo {
    align-items: flex-end
}

.security-list-se__empty {
    text-align: center;
    font-size: .9rem;
    padding: 1rem;
    color: #6e6e6e
}

.security-list-se__section-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.security-list-se--small .security-list-se__section-title {
    flex-direction: column;
    align-items: flex-start
}

.security-list-se__subscription-rates-link {
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    font-size: .8rem
}

.security-list-se .widget-title__label {
    line-height: 3.125rem
}

.security-list-se-table__icon {
    width: 40px;
    padding-right: 8px
}

.security-list-se-table__quantity {
    width: 120px;
    text-align: right
}

.security-list-se-table__price {
    width: 120px;
    text-align: right
}

.security-list-se-table__delta-percentage {
    width: 120px;
    text-align: right
}

.security-list-se-table__value-change {
    width: 150px;
    text-align: right
}

.security-list-se-table__value {
    width: 170px;
    text-align: right
}

.security-list-se-table__sub-price-date {
    width: 150px;
    text-align: right
}

.security-list-se-table__sub-purchase-price {
    width: 150px;
    text-align: right
}

.security-list-se-table__arrow {
    width: 2.625rem
}

.security-list-se-table .table-body .security-list-se-table__expanded:hover {
    background-color: rgba(0,0,0,0)
}

.security-list-se-table__row {
    cursor: pointer
}

.security-list-se-table__total-sum-row {
    font-weight: bold
}

.security-list:not(.security-list--small) .widget-title {
    margin-bottom: 0;
    margin-top: 0
}

.security-list:not(.security-list--small) .security-list__logo {
    align-items: flex-end
}

.security-list__empty {
    text-align: center;
    font-size: .9rem;
    padding: 1rem;
    color: #6e6e6e
}

.security-list__section-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 8px;
    align-items: center
}

.security-list--small .security-list__section-title {
    flex-direction: column;
    align-items: flex-start
}

.security-list__subscription-rates-link {
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    font-size: .8rem
}

.security-list .widget-title__label {
    line-height: 3.125rem
}

.security-list__choose-period {
    display: flex;
    flex-direction: row-reverse
}

.security-list__section-title-widget h2 {
    font-size: 1.25rem
}

.security-list-table__icon {
    width: 40px;
    padding-right: 8px
}

.security-list-table__icon--is-extended {
    width: 32px
}

.security-list-table__name--is-extended {
    width: 12.5rem;
    font-weight: bold;
    padding-left: 0px
}

.security-list-table__name-header--is-extended {
    vertical-align: middle !important
}

.security-list-table__name-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 8px 8px 8px 0
}

.security-list-table__quantity {
    width: 120px;
    text-align: right
}

.security-list-table__quantity--is-extended {
    width: 4rem;
    padding: 8px
}

.security-list-table__price {
    width: 120px;
    text-align: right
}

.security-list-table__price--is-extended {
    width: 7.75rem;
    padding: 8px
}

.security-list-table__delta-percentage {
    width: 120px;
    text-align: right
}

.security-list-table__value {
    width: 170px;
    text-align: right
}

.security-list-table__value--is-extended {
    width: 7.75rem;
    padding: 8px 16px 8px 8px
}

.security-list-table__vertical-div-left {
    width: 1px;
    background-color: #bbb
}

.security-list-table__aap {
    width: 7.75rem;
    text-align: right;
    padding: 8px
}

.security-list-table__purchase-sum {
    width: 7.75rem;
    text-align: right;
    padding-right: 10px;
    padding: 8px
}

.security-list-table__total-return-percentage {
    width: 6.625rem;
    text-align: right;
    padding: 8px
}

.security-list-table__total-return {
    width: 7.75rem;
    text-align: right;
    padding-right: 10px;
    padding: 8px 16px 8px 8px
}

.security-list-table__vertical-div-right {
    width: 1px;
    background-color: #bbb
}

.security-list-table__period-percentage {
    width: 8rem;
    text-align: right;
    padding: 8px
}

.security-list-table__period {
    width: 7.75rem;
    text-align: right;
    padding: 8px
}

.security-list-table__arrow {
    width: 2.625rem
}

.security-list-table__arrow--is-extended {
    width: 32px
}

.security-list-table .table-body .security-list-table__expanded:hover {
    background-color: rgba(0,0,0,0)
}

.security-list-table__container-extended {
    margin: 0 -32px 0 -24px !important
}

.security-list-table__row {
    cursor: pointer
}

.security-list-table__row--is-extended {
    font-size: .813rem !important
}

.security-list-table__row--is-extended .investment-delta-percentage__percentage {
    font-size: .813rem !important
}

.security-list-table__row--is-extended .investment-delta-amount__amount {
    font-size: .813rem !important
}

.security-list-table__total-sum-row {
    font-weight: bold
}

.security-order-details__item-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem 1.5rem;
    padding-right: 2.75rem
}

.security-order-details--medium .security-order-details__item-container {
    grid-template-columns: repeat(2, 1fr)
}

.security-order-details--small .security-order-details__item-container {
    grid-template-columns: 100%
}

.security-order-details:not(.security-order-details--small) .security-order-details__item-container {
    grid-auto-flow: dense
}

.security-order-details--medium {
    grid-template-columns: repeat(2, 1fr)
}

.security-order-details--medium .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.security-order-details--medium .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
    border-bottom: none
}

.security-order-details--large .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.security-order-details--large .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item,.security-order-details--extraLarge .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.security-order-details--extraLarge .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
    border-bottom: none
}

.security-order-details__actions {
    margin: 2rem 0
}

.security-order-details__actions button:not(:last-child) {
    margin-right: 16px
}

.security-order-edit .security-trade-buy-form-fields__fields,.security-order-edit .security-trade-sell-form-fields__fields,.security-order-edit .security-details-order-list {
    padding: 16px 32px
}

.security-orders__table-title {
    margin: 0
}

.security-orders__empty {
    color: #6e6e6e;
    font-size: .9rem;
    text-align: center
}

.security-orders__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.security-orders__top--expired {
    margin-top: 16px
}

.security-orders__pagination {
    justify-content: flex-end;
    padding-top: 8px
}

.security-orders .widget-title__label {
    line-height: 3.125rem
}

.security-orders__pagination {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    white-space: nowrap
}

.security-orders-table__table-row {
    cursor: pointer;
    width: 42px
}

.security-orders-table__date {
    width: 120px
}

.security-orders-table__trade-type {
    width: 120px
}

.security-orders-table__quantity {
    width: 180px
}

.security-orders-table__quantity-se {
    width: 120px
}

.security-orders-table__price {
    width: 150px
}

.security-orders-table__limit-price {
    width: 170px
}

.security-orders-table__table-arrow {
    width: 2.625rem
}

.security-search__headline {
    text-align: left;
    margin-top: 3.125rem
}

.security-search__empty {
    font-size: .9rem;
    text-align: center;
    color: #6e6e6e
}

.security-search__search-field-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.security-search__search-bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 1.875rem 0
}

.security-search__search-field {
    width: 100%;
    max-width: 32.5rem;
    border-radius: 1.875rem;
    border: 1px solid #e5e5e5;
    font-size: 2rem;
    padding: 0.625rem 1.875rem 0.625rem 3.4375rem
}

.security-search__search-field-icon {
    position: absolute;
    height: 1.5625rem;
    width: 1.5625rem;
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%)
}

.security-search__section-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

.security-search__section-title .widget-title {
    margin-bottom: 0
}

.security-search__logo {
    display: flex;
    align-items: flex-end;
    margin-right: 56px
}

.security-search-market-field {
    margin: 0.3125rem
}

.security-search-results__icon {
    width: 40px;
    padding-right: 8px
}

.security-search-results__name {
    width: 300px
}

.security-search-results__isin {
    width: auto
}

.security-search-results__price {
    width: 120px;
    text-align: right
}

.security-search-results__delta-percentage {
    width: 120px;
    text-align: right
}

.security-search-results__delta-price {
    width: 120px;
    text-align: right
}

.security-search-results__value {
    width: 170px;
    text-align: right
}

.security-search-results__arrow {
    width: 2.625rem
}

.security-search-results .table-body .security-search-results__expanded:hover {
    background-color: rgba(0,0,0,0)
}

.security-search-results__row {
    cursor: pointer
}

.security-trade-se-funds {
    width: 800px
}

.security-trade-se-funds__spinner {
    padding: 64px
}

.security-trade-se-funds__header {
    background-color: #27292b;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.security-trade-se-funds__header__large {
    height: 150px
}

@media(max-height: 768px) {
    .security-trade-se-funds {
        display:flex;
        flex-direction: column
    }

    .security-trade-se-funds__header {
        min-height: 16px
    }

    .security-trade-se-funds__header--title {
        display: none
    }
}

.security-trade-se-additional-bulk-menu-content {
    display: flex;
    width: 250px
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__content {
    margin-left: 48px;
    padding-right: 16px;
    height: calc(100vh - 460px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 200px
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__content::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__content:hover::-webkit-scrollbar {
    height: 8px
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__content::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__content::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-amount__intro-header {
    font-size: 1rem;
    font-weight: 700
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__bank-account {
    margin-top: -16px;
    margin-bottom: 16px;
    max-height: 500px;
    transition: all .5s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__bank-account .dropdown-select-group {
    padding: 1.25rem;
    text-align: center;
    text-transform: uppercase
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__bank-account--hide {
    max-height: 0;
    opacity: 0;
    transition: all .5s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__bank-account--is-fund-account {
    margin-top: 16px
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security {
    margin-top: -16px;
    display: flex
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__name {
    width: 75%;
    padding-top: 32px
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__amount {
    width: 25%
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__amount input {
    text-align: right
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__total-label {
    padding-top: 32px;
    width: 50%;
    font-weight: 700
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__total-amount {
    padding-top: 32px;
    width: 50%;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    display: flex;
    flex-direction: column
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__total-amount .security-trade-se-funds-buy-select-funds__security__total-amount__message {
    position: relative;
    font-size: .8em;
    display: inline-block;
    line-height: 1.2em;
    font-weight: 500
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__regulatory-text {
    margin-top: 32px;
    display: flex;
    align-items: flex-start;
    line-height: 1.125rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #6e6e6e
}

.security-trade-se-funds-buy-select-amount .security-trade-se-funds-buy-select-funds__security .security-trade-se-funds-buy-select-funds__security__regulatory-text-icon {
    max-width: 16px;
    margin: 16px 8px 0px 0px
}

.security-trade-se-funds-buy-select-funds .security-trade-se-funds-buy-select-funds__search-filter {
    padding: 32px 96px 16px 96px
}

.security-trade-se-funds-buy-select-funds__intro-header {
    padding: 64px 32px 0 32px;
    margin-bottom: -32px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold
}

.security-trade-se-funds-buy-select-funds__scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.security-trade-se-funds-buy-select-funds__scroll::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.security-trade-se-funds-buy-select-funds__scroll:hover::-webkit-scrollbar {
    height: 8px
}

.security-trade-se-funds-buy-select-funds__scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.security-trade-se-funds-buy-select-funds__scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.security-trade-se-funds-buy-select-funds__scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.security-trade-se-funds-buy-select-funds--hasMinHeight {
    min-height: 200px
}

.security-trade-se-funds-buy-select-funds .security-trade-se-funds-buy-select-funds__table {
    margin: 16px 64px;
    height: calc(100vh - 600px)
}

.security-trade-se-funds-buy-select-funds .security-trade-se-funds-buy-select-funds__table-body {
    padding-bottom: 40px
}

.security-trade-se-funds-buy-select-funds .security-trade-se-funds-buy-select-funds__table .security-trade-se-funds-buy-select-funds__table__link-button {
    cursor: pointer;
    background: rgba(0,0,0,0);
    padding: 0;
    border: 0;
    line-height: 0
}

.security-trade-se-funds-buy-select-funds .security-trade-se-funds-buy-select-funds__table .security-trade-se-funds-buy-select-funds__table__link-button__icon {
    width: 16px
}

.security-trade-se-funds-buy-select-funds .security-trade-se-funds-buy-select-funds__table .security-trade-se-funds-buy-select-funds__table__link-button__icon--disabled {
    opacity: .5
}

@media(max-height: 768px) {
    .security-trade-se-funds-buy-select-funds__container {
        display:flex;
        flex-direction: column;
        flex-grow: 1
    }

    .security-trade-se-funds-buy-select-funds__scroll {
        flex-grow: 1
    }

    .security-trade-se-funds-buy-select-funds__search-filter {
        padding: 8px 96px 0 96px !important
    }

    .security-trade-se-funds-buy-select-funds__table-row {
        height: 38px !important
    }
}

.security-trade-se-funds-exchange-amount-funds {
    min-height: 200px
}

.security-trade-se-funds-exchange-amount-funds__intro-header {
    padding: 0 32px 0 32px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    line-height: 24px
}

.security-trade-se-funds-exchange-amount-funds__intro-header--subheader {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding-bottom: 32px
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__content {
    margin: 32px 0 16px 64px;
    padding-right: 16px;
    height: calc(100vh - 492px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 200px
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__content::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__content:hover::-webkit-scrollbar {
    height: 8px
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__content::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__content::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__security__name {
    width: 75%;
    padding-top: 32px
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__percentage-input input {
    text-align: right;
    padding-right: 16px
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__total-label {
    font-weight: bold
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__total-amount {
    font-weight: bold
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__total-percentage {
    font-weight: bold;
    color: #6e6e6e;
    font-size: .8125rem;
    line-height: 22px
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__security {
    margin-top: -16px;
    display: flex
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__security__regulatory-text {
    margin-top: 32px;
    display: flex;
    align-items: flex-start;
    line-height: 1.125rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #6e6e6e
}

.security-trade-se-funds-exchange-amount-funds .security-trade-se-funds-exchange-amount-funds__security__regulatory-text-icon {
    max-width: 16px;
    margin: 16px 8px 0px 0px
}

.security-trade-se-funds-receipt {
    display: flex;
    padding: 32px 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px
}

.security-trade-se-funds-receipt .security-trade-se-funds-receipt__header {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__content {
    padding: 64px 32px 16px 32px;
    height: calc(100vh - 445px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 200px
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__content::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__content:hover::-webkit-scrollbar {
    height: 8px
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__content::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__content::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__content--no_menu {
    height: auto
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__intro-header {
    padding: 0 32px 64px 32px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin-top: -32px
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__security__percentage-input input {
    text-align: right;
    padding-right: 16px
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__security__amount-input input {
    text-align: right
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__security__total-label {
    font-weight: bold
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__security__total-amount {
    font-size: 16px;
    font-weight: bold
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__security__total-amount .security-trade-se-funds-sell-select-funds__security__total-amount__message {
    position: relative;
    font-size: .8em;
    display: inline-block;
    line-height: 1.2em;
    font-weight: normal
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__info {
    padding: 0 32px;
    font-size: .8125rem
}

.security-trade-se-funds-sell-select-amount .security-trade-se-funds-sell-select-funds__info__icon {
    width: 16px;
    margin-right: 8px
}

.security-trade-se-funds-sell-select-amount__table--info {
    overflow-y: auto
}

.security-trade-se-funds-sell-select-funds--hasMinHeight {
    min-height: 200px
}

.security-trade-se-funds-sell-select-funds .security-trade-se-funds-sell-select-funds__search-filter {
    padding: 32px 96px 16px 96px
}

.security-trade-se-funds-sell-select-funds__intro-header {
    padding: 32px 32px 0 32px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: -16px
}

.security-trade-se-funds-sell-select-funds .security-trade-se-funds-sell-select-funds__table {
    height: calc(100vh - 600px);
    margin: 16px 64px
}

.security-trade-se-funds-sell-select-funds .security-trade-se-funds-sell-select-funds__table-body {
    padding-bottom: 40px
}

.security-trade-se-funds-sell-select-funds .security-trade-se-funds-sell-select-funds__table__icon {
    width: 16px
}

.security-trade-se-funds-sell-select-funds__scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.security-trade-se-funds-sell-select-funds__scroll::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.security-trade-se-funds-sell-select-funds__scroll:hover::-webkit-scrollbar {
    height: 8px
}

.security-trade-se-funds-sell-select-funds__scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.security-trade-se-funds-sell-select-funds__scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.security-trade-se-funds-sell-select-funds__scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

@media(max-height: 768px) {
    .security-trade-se-funds-sell-select-funds__container {
        display:flex;
        flex-direction: column;
        flex-grow: 1
    }

    .security-trade-se-funds-sell-select-funds__scroll {
        flex-grow: 1;
        display: flex;
        flex-direction: column
    }

    .security-trade-se-funds-sell-select-funds__search-filter {
        padding: 8px 96px 0 96px !important
    }

    .security-trade-se-funds-sell-select-funds__table-row {
        height: 38px !important
    }

    .security-trade-se-funds-sell-select-funds__intro-header {
        padding: 32px 32px 16px 32px !important
    }
}

.security-trade__empty {
    text-align: center;
    font-size: .9rem;
    padding: 1rem;
    color: #6e6e6e
}

.security-trade__countdown {
    padding: 16px;
    padding-bottom: 0
}

.security-trade__countdown-title {
    font-weight: bold;
    font-size: .9rem
}

.security-trade__countdown-subtitle {
    font-size: .9rem;
    color: #6e6e6e
}

.security-trade .security-trade-buy-form-fields__fields .form-input__input,.security-trade .security-trade-sell-form-fields__fields .form-input__input {
    width: 88%
}

.security-trade .security-trade-buy-form-fields__fields .form-input__input-inner,.security-trade .security-trade-sell-form-fields__fields .form-input__input-inner {
    padding: .2em;
    font-size: 1rem
}

.security-trade-summary-se__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 0.875rem
}

.security-trade-summary-se__sub-item {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem
}

.security-trade-summary__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 0.875rem
}

.security-trade-summary__sub-item {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem
}

.security-transaction-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem 1.5rem;
    padding-right: 2.75rem
}

.security-transaction-details--empty {
    grid-template-columns: auto
}

.security-transaction-details--small {
    grid-template-columns: 100%
}

.security-transaction-details--medium {
    grid-template-columns: repeat(2, 1fr)
}

.security-transaction-details--medium .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.security-transaction-details--medium .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
    border-bottom: none
}

.security-transaction-details--large .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.security-transaction-details--large .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item,.security-transaction-details--extraLarge .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.security-transaction-details--extraLarge .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
    border-bottom: none
}

.security-transaction-details__item-empty {
    text-align: center;
    font-size: .9rem;
    padding: 1rem;
    color: #6e6e6e
}

.security-transactions__table-row {
    width: 42px
}

.security-transactions__table-row--has-details {
    cursor: pointer
}

.security-transactions__date {
    width: 120px
}

.security-transactions__type {
    width: 120px
}

.security-transactions__status {
    width: 120px
}

.security-transactions__quantity {
    width: 180px
}

.security-transactions__price {
    width: 170px
}

.security-transactions__total-price {
    width: 170px
}

.security-transactions__table-arrow {
    width: 2.625rem
}

.security-transactions__pagination {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    white-space: nowrap;
    justify-content: flex-end;
    padding-bottom: 8px
}

.security-transactions__filter {
    display: flex;
    flex-direction: row;
    margin: 32px 0;
    margin-right: 32px
}

.security-transactions__filter_text {
    margin-left: auto
}

.security-transactions__filter_item {
    margin-right: 16px;
    margin-bottom: 8px
}

.security-transactions__filter_clear {
    display: flex;
    align-items: center
}

.security-transactions__filter_clear .button__icon svg {
    width: 0.75rem
}

.standard-tax-income {
    min-height: 350px
}

.standard-tax-income .standard-tax-income__select-year {
    display: flex;
    flex-direction: row;
    margin: 16px 0
}

.standard-tax-income .standard-tax-income__select-year .standard-tax-income__select-year__text {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-right: 16px
}

.standard-tax-income .standard-tax-income__total-sum-row {
    font-weight: bold
}

.tax-declaration-support__selector-card-body {
    display: flex;
    align-items: center
}

.tax-declaration-support__selector-card-body .dropdown-select-button {
    font-size: .8125rem;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    padding: 0 8px;
    height: 24px
}

.tax-declaration-support__selector-card-body .dropdown-select-item__button {
    font-size: .8125rem
}

.tax-declaration-support__selector-text {
    font-size: .8125rem;
    padding: 16px 8px 16px 0
}

.tax-declaration-support__error-text {
    font-size: .8125rem;
    text-align: center
}

.tax-declaration-support__no-trades-text {
    font-size: .8125rem;
    text-align: center
}

.trade_information_se {
    min-height: 250px
}

.trade_information_se .widget-title__label {
    line-height: 3.125rem
}

.trade_information_se__title {
    margin: 0
}

.trade_information_se__link {
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

.trade_information_se__link a {
    display: flex;
    padding: 8px 0;
    text-decoration: none;
    cursor: pointer
}

.loan-calculation {
    padding-top: 32px;
    background-color: #f8f8f8
}

.loan-calculation__house {
    max-width: 1362px;
    margin: auto;
    margin-bottom: 32px;
    display: flex;
    align-items: center
}

.loan-calculation__house--info {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.loan-calculation__house--title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: bold
}

.loan-calculation__house--text {
    font-size: 0.8125rem;
    line-height: 1.125rem
}

.loan-calculation__house--totalkredit {
    margin-left: auto;
    width: 120px;
    margin-right: 10px
}

.loan-calculation__house--totalkredit>img {
    cursor: pointer
}

.loan-calculation h2 {
    font-family: "Lato","Helvetica",sans-serif;
    margin: 0 0 16px
}

.loan-calculation .loan-calculation__card {
    max-width: 100%;
    width: 1362px;
    margin: auto
}

.loan-calculation .loan-calculation__card-body {
    padding: 64px
}

.loan-calculation .loan-calculation__card-body .loan-calculation__card-body__top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.loan-calculation .loan-calculation__card-body .loan-calculation__card-body__top .loan-calculation__card-body__top__btn {
    margin-bottom: 8px;
    font-size: 1rem;
    padding: 12px 64px
}

.loan-calculation .loan-calculation__card-body .loan-calculation__card-body__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px
}

.loan-calculation .loan-calculation__card-body .loan-calculation__card-body__header .loan-calculation__card-body__info {
    max-width: 550px
}

.loan-calculation .loan-calculation__card-body .loan-calculation__card-body__header .loan-calculation__card-body__add-loan {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-right: 8px;
    white-space: nowrap
}

.loan-calculation .loan-calculation__divider {
    width: 100%;
    border-top: 0.0625rem solid #bbb;
    margin: 32px 0
}

@media(max-width: 768px) {
    .loan-calculation .loan-calculation__card-body {
        padding:24px
    }
}

.loan-calculation-conditions {
    width: 650px;
    max-width: 100%;
    padding: 60px
}

.loan-calculation-conditions h2 {
    font-size: 1.625rem;
    line-height: normal;
    margin: 0 0 32px
}

.loan-calculation-conditions h3 {
    font-size: 1.25rem;
    font-family: "Lato","Helvetica",sans-serif;
    line-height: normal;
    margin: 0 0 32px
}

.loan-calculation-conditions section {
    margin: 0 0 32px
}

.loan-calculation-conditions section p {
    margin: 8px 0 24px
}

.loan-calculation-conditions section :last-child,.loan-calculation-conditions section:last-child {
    margin-bottom: 0
}

@media(max-width: 640px) {
    .loan-calculation-conditions {
        padding:32px
    }
}

@media(max-width: 460px) {
    .loan-calculation-conditions {
        padding:16px
    }
}

.loan-calculation-existing-loans {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.loan-calculation-existing-loans__title {
    font-weight: 900;
    margin: 16px 0 0;
    padding: 8px 16px;
    grid-column: span 4
}

.loan-calculation-existing-loans__title--small {
    margin-top: 16px;
    padding: 8px 16px;
    grid-column: span 4;
    font-weight: 900
}

.loan-calculation-existing-loans__row {
    grid-column: 1
}

.loan-calculation-new-loans h4 {
    padding: 0 16px;
    margin-bottom: 1.125rem
}

.loan-calculation-new-loans_sub-title {
    font-weight: 900;
    margin-top: 16px;
    padding: 8px 16px
}

.loan-calculation-new-loans__grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))
}

.loan-calculation-new-loans__list>div {
    gap: 32px
}

.loan-calculation-parameters {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 32px;
    padding: 0 16px
}

.loan-calculation-parameters__add-loan__btn {
    margin-bottom: 16px
}

.loan-calculation-parameters__load-spinner {
    height: 293px
}

.loan-calculation-parameters__load-spinner__small {
    height: 16px;
    width: 16px
}

.loan-calculation-parameters__column__flip-card {
    display: flex;
    justify-content: flex-end
}

.loan-calculation-parameters__column__product {
    font-size: 0.75rem;
    color: dimgray;
    text-align: center
}

.loan-calculation-parameters__column__product__title {
    color: #000;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 900;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 78px;
    padding: 8px 0px 0px;
    margin-bottom: 11.2px;
    display: flex;
    justify-content: center;
    align-items: center
}

.loan-calculation-parameters__column__product__detail {
    width: 50%;
    display: inline-block
}

.loan-calculation-parameters__column__product__detail>p {
    margin: 0px
}

.loan-calculation-parameters__column__product__detail__label {
    line-height: 1.125rem
}

.loan-calculation-parameters__column__product__detail__value {
    color: #000;
    font-size: 1.25rem;
    font-weight: 900;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.loan-calculation-parameters__column__product__remove {
    position: absolute !important;
    right: 16px;
    background-color: rgba(0,0,0,0) !important;
    min-height: auto !important;
    max-height: -webkit-fit-content !important;
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
    padding: 0px !important;
    border: none !important;
    color: #000 !important
}

.loan-calculation-parameters__column__product__remove>.icon {
    width: 12px
}

.loan-calculation-parameters__column__product__back {
    position: absolute;
    left: 16px
}

.loan-calculation-parameters__column__product__back>.icon {
    width: 16px;
    vertical-align: middle
}

.loan-calculation-parameters__column__conditions {
    text-align: center;
    padding: 16px 0px 0px;
    cursor: pointer;
    font-size: 0.8125rem;
    line-height: 1.21875rem
}

.loan-calculation-parameters__column__product__element {
    display: inline-block
}

.loan-calculation-parameters__column__product__element .icon {
    cursor: pointer
}

.loan-calculation-parameters__column__form .loan-calculation-parameters__select-loan-btn {
    width: 100%;
    margin-right: 0;
    justify-content: space-between
}

.loan-calculation-parameters__column__back__section {
    padding: 8px 0px
}

.loan-calculation-parameters__column__back__section>.button-dropdown {
    width: 100%
}

.loan-calculation-parameters__column__back__section>.button-dropdown>.button {
    padding: 0.75rem 1rem
}

.loan-calculation-parameters__column__back__section>.form-range-slider label {
    font-size: 0.8125rem
}

.loan-calculation-parameters__label {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 18px
}

.loan-calculation-parameters__column__update-calculation {
    margin-top: 32px;
    text-align: center
}

.loan-calculation-remortgaging-changes__title {
    font-weight: 900;
    height: 40px;
    padding: 0 16px;
    margin-top: 32px
}

.loan-calculation-remortgaging-changes__inner {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))
}

.loan-calculation-remortgaging-changes__inner .loan-calculation-remortgaging-changes__header-column {
    display: grid;
    grid-template-rows: 40px 40px 40px;
    align-items: center;
    text-align: left
}

.loan-calculation-remortgaging-changes__inner .loan-calculation-remortgaging-changes__header-column>div {
    padding: 0 16px;
    height: 100%;
    display: flex;
    align-items: center
}

.loan-calculation-remortgaging-changes__inner .loan-calculation-remortgaging-changes__header-column>div:nth-child(odd) {
    background: #f5f5f5
}

.loan-calculation-remortgaging-changes__inner .loan-calculation-remortgaging-changes__column {
    display: grid;
    grid-template-rows: 40px 40px 40px;
    align-items: center;
    text-align: right;
    margin-left: auto;
    width: 100%
}

.loan-calculation-remortgaging-changes__inner .loan-calculation-remortgaging-changes__column>div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 16px
}

.loan-calculation-remortgaging-changes__inner .loan-calculation-remortgaging-changes__column>div:nth-child(odd) {
    background: #f5f5f5
}

.loan-calculation-send-advisor-modal {
    width: 800px !important
}

.loan-calculation-send-advisor-modal__info {
    padding: 48px 48px 16px
}

.loan-calculation-send-advisor-modal__info p {
    margin: 0;
    padding: 0
}

.loan-calculation-send-advisor-modal__title {
    font-weight: 900;
    font-size: 1.25rem;
    margin: -32px 0px 0px
}

.loan-calculation-send-advisor-modal__helper-text {
    margin-bottom: 32px
}

.loan-calculation-send-advisor-modal__detail {
    margin-bottom: 16px
}

.loan-calculation-send-advisor-modal__detail-term {
    font-weight: 900
}

.loan-calculation-send-advisor-modal__select-helper-text {
    font-weight: 900;
    margin-top: 32px
}

.loan-calculation-send-advisor-modal__new-loans {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.loan-calculation-send-advisor-modal__new-loans-multiple {
    margin-top: 16px
}

.loan-calculation-send-advisor-modal__new-loans-single {
    margin-top: 32px
}

.loan-calculation-send-advisor-modal__new-loan {
    flex-basis: 48%;
    padding: 16px 32px 32px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1098039216),0px 2px 10px 0px rgba(0,0,0,.0588235294),0px 5px 5px 0px rgba(0,0,0,.031372549);
    border-radius: 5%/10%;
    margin-bottom: 32px
}

.loan-calculation-send-advisor-modal__new-loan-top {
    font-weight: 900;
    display: flex;
    flex-direction: row;
    align-items: center
}

.loan-calculation-send-advisor-modal__new-loan-top-title {
    width: 100%
}

.loan-calculation-send-advisor-modal__send-button {
    position: sticky !important;
    right: 0;
    bottom: 0;
    z-index: 100
}

.loan-calculation-send-advisor-modal__send-button .button__icon-text {
    flex-grow: 0
}

.loan-card {
    color: #242424;
    text-decoration: none
}

.loan-card--clickable {
    cursor: pointer
}

.loan-card--non-clickable {
    color: inherit
}

.loan-card.card {
    display: flex;
    flex-direction: column
}

a.loan-card__link {
    text-decoration: none;
    color: #242424
}

.loan-card__body.card__body {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    padding: 32px
}

.loan-card__body.card__body>.loan-card__body-title {
    margin: 8px 0
}

.loan-card__body-header-logo {
    max-height: 23px
}

.loan-card__icon {
    max-height: 67px
}

.loan-card__arrow {
    position: absolute;
    max-height: 16px;
    right: 16px;
    fill: #242424
}

.loan-card__balance,.loan-card__amount,.loan-card__product {
    color: #242424;
    font-size: 0.875rem;
    font-weight: 900
}

.loan-card__product {
    white-space: normal
}

.loan-card__amount {
    display: block;
    white-space: nowrap;
    text-align: right
}

.loan-card__principal-label,.loan-card__principal-amount {
    color: #6e6e6e;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal
}

.loan-card__loans.card__footer {
    display: block;
    min-height: auto !important;
    padding: 0
}

.loan-card__outstanding-amount {
    font-size: 0.8125rem;
    font-weight: normal;
    text-align: right
}

.loan-card__loan-item {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    align-items: center;
    padding: 16px 48px 16px 16px;
    gap: 16px;
    align-items: start
}

.loan-card .loan-card__loan-item {
    overflow: visible
}

.loan-card__loan-item-row {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.5rem
}

.loan-card__loan-item-row:first-child {
    align-items: flex-start
}

.loan-card__loan-row:not(:first-of-type) {
    border-top: 1px solid #e5e5e5
}

@media(max-width: 768px) {
    .loan-card .loan-card__loan-item {
        padding:16px 48px 16px 16px
    }
}

.loan-card .loan-card-context-menu {
    position: absolute;
    right: 4px
}

.loan-card-context-menu .loan-card-context-menu__button {
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(0,0,0,0);
    border: 0;
    line-height: 0
}

.loan-card-context-menu .loan-card-context-menu__button:hover {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.loan-card-context-menu .loan-card-context-menu__button--active,.loan-card-context-menu .loan-card-context-menu__button--active:hover {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background: #fff;
    border-radius: 50% 50% 0 0;
    opacity: 1
}

.loan-card-context-menu .loan-card-context-menu__button .icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

@media(max-width: 768px) {
    .loan-card .loan-card-context-menu {
        right:8px
    }
}

@media(max-width: 640px) {
    .loan-card-context-menu .loan-card-context-menu__button--active,.loan-card-context-menu .loan-card-context-menu__button--active:hover {
        border-radius:50%
    }
}

.loan-card-surveillance-badge {
    display: inline-block;
    font-size: .8125rem;
    padding: .25rem .5rem;
    margin: 1rem 0 0 1rem;
    border-radius: .25rem;
    font-weight: 600;
    vertical-align: middle
}

.loan-card-surveillance-badge .icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .3rem;
    vertical-align: middle
}

.loan-card-surveillance-badge__green {
    background-color: #dff1ea;
    color: #0a603c
}

.loan-card-surveillance-badge__green .icon {
    fill: #0a603c
}

.loan-card-surveillance-badge__yellow {
    background-color: #ffeed4;
    color: #916526
}

.loan-card-surveillance-badge__yellow .icon {
    fill: #916526
}

.loan-card-surveillance-badge__text {
    vertical-align: middle
}

.loan-card-surveillance-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 17.625rem;
    width: 18.625rem;
    padding: 2rem 1.5rem 2rem 1.5rem;
    border-radius: .75rem;
    background-color: #fff;
    box-shadow: 0 0 .313rem -0.063rem rgba(0,0,0,.11);
    margin: 0 auto 2rem auto
}

.loan-card-surveillance-info__heading {
    margin: 0
}

.loan-card-surveillance-info__gradient-meter-section {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: .75rem;
    font-weight: 600
}

.loan-card-surveillance-info__remortgaging-advice {
    margin: 0;
    font-size: .75rem;
    text-align: center
}

.loan-card-surveillance-info__btn {
    margin: 0
}

.embedded-login__description-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.embedded-login__iframe {
    max-width: 100%
}

.embedded-login__logo {
    height: 32px;
    margin-bottom: 16px;
    max-width: 100%
}

.embedded-login__title {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 800;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    margin-bottom: 8px;
    margin-top: 0
}

.embedded-login__text {
    margin-bottom: 8px
}

.embedded-login__login-button {
    margin-top: 16px
}

.login__container {
    padding: 32px
}

.login__content {
    max-width: 1021.5px;
    margin-left: auto;
    margin-right: auto
}

.login__iframe-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minMax(220px, 1fr));
    gap: 32px;
    flex: 1;
    max-width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 650px
}

.login__iframe-wrapper--one-column {
    grid-template-columns: 1fr
}

.login__contact-info {
    flex: 1;
    min-width: 300px
}

.login__messages {
    border-bottom: 1px solid #e5e5e5;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px
}

.login__headline {
    font-size: 1.5rem;
    margin: 0;
    line-height: 1
}

@media(max-width: 460px) {
    .login .login__container,.login .login__messages {
        padding:16px
    }
}

@media(max-width: 460px) {
    .login .login__messages {
        padding:16px
    }
}

.logo-tool {
    width: 100%;
    background-color: #fff;
    padding: 15px;
    max-width: 1300px
}

.logo-tool__form {
    flex: 2;
    padding-right: 10px
}

.logo-tool__preview {
    flex: 1
}

.logo-tool__columns {
    display: flex
}

.logo-tool__logo {
    position: relative;
    transition: .1s ease-in all;
    height: 50px;
    margin: 10px 0;
    overflow: hidden
}

.logo-tool__logo--circle {
    width: 50px;
    border-radius: 50%
}

.logo-tool__logo--square {
    width: 50px
}

.logo-tool__logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto
}

.logo-tool__logo:hover {
    transform: scale(1.2)
}

.logo-tool__logo-input-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.logo-tool__logo-input-or-separator {
    align-self: center
}

.logo-tool__form-label {
    font-weight: bold
}

.logo-tool__unmatched-merchants,.logo-tool__merchants-in-organisation {
    max-height: 350px;
    margin-bottom: 15px;
    overflow-y: auto
}

.logo-tool__unmatched-merchants {
    margin: 15px
}

.logo-tool__logo-suggestions-previews {
    display: flex;
    justify-content: space-between
}

.logo-tool__logo-suggestions-previews .logo-tool__logo-previews {
    margin-right: 30px
}

.logo-tool__logo-suggestions {
    width: 174px
}

.logo-tool__step {
    display: flex;
    padding-bottom: 20px
}

.logo-tool__step .circle {
    margin-right: 15px
}

.logo-tool__step:not(:last-of-type),.logo-tool__next-merchant {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 20px
}

.logo-tool__logo-input-divider {
    margin: 22px 15px 5px 15px;
    white-space: nowrap
}

.logo-tool__message {
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    padding: 15px;
    margin-bottom: 15px;
    color: #f2f2f2
}

.logo-tool__message--success {
    background-color: #008755
}

.logo-tool__message--error {
    background-color: #dd1d26
}

.logo-tool__current-logo-headline {
    margin-top: 20px
}

.logo-tool__current-logo-headline+.logo-tool__logo-previews .logo-tool__logo {
    margin-top: 0
}

.logo-tool-name-alignment {
    background-color: #fff;
    padding: 2rem
}

.logo-tool-name-alignment-wrapper {
    display: flex;
    flex-direction: column
}

.logo-tool-name-alignment__search {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 20px
}

.logo-tool-name-alignment__search-button,.logo-tool-name-alignment__results-handle-alignemnt-button {
    margin-right: 1rem;
    background-color: #0e7b6b;
    color: #fff;
    border-color: rgba(0,0,0,0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 12px 24px;
    font-size: .75rem;
    border-radius: 2.5rem;
    border: none;
    cursor: pointer;
    transition: .1s linear all;
    min-height: 2.5rem;
    min-width: 2.5rem;
    line-height: 1.25em;
    text-decoration: none;
    vertical-align: middle
}

.logo-tool-name-alignment__search-button:hover,.logo-tool-name-alignment__results-handle-alignemnt-button:hover {
    background-color: #0b6457
}

.logo-tool-name-alignment__search-by-id {
    display: flex;
    flex-direction: column
}

.logo-tool-name-alignment__results {
    padding: 20px 0
}

.logo-tool-name-alignment__results-tabel {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 20px 0
}

.logo-tool-name-alignment__results-find-existing {
    display: flex;
    flex-direction: column;
    padding: 20px 0 0;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.logo-tool-name-alignment__results-find-existing-organisations {
    display: flex;
    flex-direction: column;
    width: -webkit-max-content;
    width: max-content
}

#organisations,.logo-tool-name-alignment__results-find-existing-organisations-results {
    padding: 20px 0
}

.logo-tool-name-alignment__results-handle-alignemnt {
    padding: 20px 0
}

@keyframes logo-tool-name__rotation-animation {
    0% {
        transform: rotate(0) scale(0.3);
        opacity: .5
    }

    50% {
        transform: rotate(180deg) scale(1);
        opacity: 1
    }

    100% {
        transform: rotate(360deg) scale(0.3);
        opacity: .5
    }
}

.logo-tool-name__alignment-load-spinner {
    display: none;
    position: relative;
    width: 7em;
    height: 7em;
    margin: 0 auto;
    will-change: transform;
    z-index: 1;
    border: 1px solid rgba(0,0,0,0);
    transform: scale(0.9)
}

.logo-tool-name__alignment-load-spinner__part1,.logo-tool-name__alignment-load-spinner__part2 {
    display: block;
    position: absolute;
    width: 40%;
    height: 40%;
    top: -10%;
    left: 30%;
    animation-duration: 2s;
    animation-name: logo-tool-name__rotation-animation;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: bottom center;
    transform: rotate(0) scale(0.3);
    opacity: 0;
    border: 1px solid rgba(0,0,0,0)
}

.logo-tool-name__alignment-load-spinner__part2 {
    animation-delay: 1s
}

.logo-tool-name__alignment-load-spinner__part1:after,.logo-tool-name__alignment-load-spinner__part2:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #0d5460;
    position: absolute;
    border-radius: 50%;
    bottom: 2em
}

.logo-tool-name__alignment-load-spinner__part1:after,.logo-tool-name__alignment-load-spinner__part2:after {
    background-color: #fff
}

.message-subscriptions__top {
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between
}

.message-subscriptions__top>div>div:first-child {
    margin-top: 0
}

.message-subscriptions__intro {
    margin: 16px 0;
    max-width: 640px
}

.message-subscriptions__card {
    margin-bottom: 16px
}

.message-subscriptions__card>*:first-child {
    margin-top: 0
}

.message-subscriptions-create__bundle-approval {
    width: 100%
}

.message-subscriptins-fee-account-field__disclaimer {
    margin-top: 8px
}

.message-subscriptions-form__header,.message-subscriptions-form__footer {
    position: sticky;
    z-index: 10
}

.message-subscriptions-form__header {
    top: 0;
    background: #fff
}

.message-subscriptions-form__footer {
    display: flex;
    bottom: 0;
    border-top: 1px solid #f5f5f5;
    background: #fff
}

.message-subscriptions-form__form-content {
    padding: 16px
}

.message-subscriptions-form__add-more {
    text-align: center
}

.message-subscriptions-form__card+.message-subscriptions-form__add-more {
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-125%)
}

.message-subscriptions-form__card {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 32px
}

.message-subscriptions-form .message-subscriptions-form__card-remove {
    position: absolute;
    bottom: 0;
    right: 16px;
    transform: translateY(50%);
    z-index: 5
}

@media screen and (min-width: 640px) {
    .message-subscriptions-form .message-subscriptions-form__card-remove {
        right:32px
    }
}

.message-subscriptions-table__empty-message {
    text-align: center;
    font-size: 1rem;
    padding-bottom: 2em
}

.mortgage-loan-card.card {
    display: flex;
    flex-direction: column
}

a.mortgage-loan-card__link {
    text-decoration: none;
    color: #242424
}

.mortgage-loan-card__body.card__body {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    padding: 32px
}

.mortgage-loan-card__body.card__body>.mortgage-loan-card__body-title {
    margin: 8px 0
}

.mortgage-loan-card__calculate-new-loan-button {
    margin-top: 16px;
    margin-bottom: 16px
}

.mortgage-loan-card__body-header-logo {
    max-height: 23px
}

.mortgage-loan-card__icon {
    max-height: 67px
}

.mortgage-loan-card__balance,.mortgage-loan-card__amount,.mortgage-loan-card__product {
    color: #242424;
    font-size: 0.875rem;
    font-weight: 900
}

.mortgage-loan-card__product {
    white-space: normal
}

.mortgage-loan-card__amount {
    display: block;
    white-space: nowrap;
    text-align: right
}

.mortgage-loan-card__principal-label,.mortgage-loan-card__principal-amount {
    color: #6e6e6e;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal
}

.mortgage-loan-card__loans.card__footer {
    display: block;
    min-height: auto !important;
    padding: 0
}

.mortgage-loan-card__outstanding-amount {
    font-size: 0.8125rem;
    font-weight: normal;
    text-align: right
}

.mortgage-loan-card__loan-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    padding: 16px 48px 16px 16px;
    gap: 16px
}

.mortgage-loan-card .mortgage-loan-card__loan-item {
    overflow: visible
}

.mortgage-loan-card__loan-item-row {
    line-height: 1.5rem
}

.mortgage-loan-card__loan-item-row:last-of-type {
    text-align: right
}

.mortgage-loan-card__loan-item:not(:first-of-type) {
    border-top: 1px solid #e5e5e5
}

@media(max-width: 768px) {
    .mortgage-loan-card .mortgage-loan-card__loan-item {
        padding:16px 48px 16px 16px
    }
}

.mortgage-loan-details {
    margin-top: 5.625rem
}

.mortgage-loan-details__instalments {
    margin-bottom: 32px
}

.mortgage-loan-details__instalments .mortgage-loan-details__instalments-header {
    margin: 16px 0
}

.mortgage-loan-details__instalments .mortgage-loan-details__instalments-header>:first-child {
    font-size: 0.875rem
}

.mortgage-loan-header {
    margin-bottom: 32px
}

.mortgage-loan-header__inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px;
    justify-content: space-between
}

@media(min-width: 768px) {
    .mortgage-loan-header__inner {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .mortgage-loan-header__inner {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .mortgage-loan-header__inner {
        padding:0 56px
    }
}

.mortgage-loan-header__left,.mortgage-loan-header__right {
    padding: 0 32px
}

.mortgage-loan-header__right {
    text-align: right
}

.mortgage-loan-header__address,.mortgage-loan-header__balance {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 16px
}

.mortgage-loan-header__address .amount__currency-postfix,.mortgage-loan-header__balance .amount__currency-postfix {
    font-weight: 600;
    font-size: inherit;
    color: inherit
}

.mortgage-loan-header--medium .mortgage-loan-header__address,.mortgage-loan-header--medium .mortgage-loan-header__balance {
    font-size: 1.3rem
}

.mortgage-loan-header--small .mortgage-loan-header__address,.mortgage-loan-header--small .mortgage-loan-header__balance {
    font-size: 1rem
}

.mortgage-loan-header__detail-text {
    margin-bottom: 8px;
    font-size: 0.8125rem;
    font-weight: 400
}

.mortgage-loan-header__detail-text .amount__currency-postfix {
    font-weight: 400;
    font-size: inherit;
    color: inherit
}

.mortgage-loan-header__detail-label {
    margin-right: 8px
}

.my-insurances__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.my-insurances__header-logo {
    width: 74px
}

.my-insurances__header-title {
    font-size: 1.6875rem;
    margin: 0
}

.my-insurances__header-buttons--contact {
    margin-right: 16px
}

.my-insurances-list {
    margin-bottom: 48px
}

.my-insurances-list__annual-premium {
    text-align: right;
    margin-bottom: 24px
}

.my-insurances-list__annual-premium label {
    font-size: 0.75rem;
    display: block;
    line-height: 1.125rem;
    margin-bottom: 8px
}

.my-insurances-list__annual-premium span {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.my-insurances-list__category-title {
    margin-bottom: 1.5rem
}

.my-insurances-list div.my-insurances-list__insurance-card:first-of-type~div.my-insurances-list__insurance-card>h3.my-insurances-list__category-title {
    margin-top: 41.6px
}

.my-insurances-list__cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 396px);
    gap: 64px;
    margin: 0 auto;
    box-sizing: border-box;
    justify-items: start
}

.my-insurances-list__card {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.11),0px 2px 10px 0px rgba(0,0,0,.06),0px 5px 5px 0px rgba(0,0,0,.03);
    background-color: #fff;
    box-sizing: border-box;
    width: 396px
}

@media(max-width: 1280px) {
    .my-insurances-list__card-container {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media(max-width: 768px) {
    .my-insurances-list__card-container {
        grid-template-columns:1fr
    }

    .my-insurances-list__tooltip--container {
        margin-left: 8px
    }
}

.my-insurances-list-details-modal__grouped-details-content {
    font-size: 0.875rem
}

.my-insurances-list-details-modal__grouped-details-content-bold {
    font-weight: bold
}

.my-insurances-list-details-modal__grouped-details-content-no-margin {
    margin: 0
}

.my-insurances-list-details-modal__grouped-details-content-no-margin-top {
    margin-top: 0
}

.my-insurances-list-details-modal__grouped-details-content-row {
    display: flex;
    justify-content: space-between
}

.nams-reports__fields .nams-reports__select {
    width: 70%
}

@media(max-width: 640px) {
    .nams-reports__fields .nams-reports__select {
        width:100%
    }
}

.nams-reports__fields {
    margin: 16px 0
}

.nams-reports__date-section {
    display: flex;
    gap: 32px
}

@media(max-width: 640px) {
    .nams-reports__date-section {
        flex-direction:column
    }
}

.nams-reports__date-section-input-wrap {
    display: flex;
    justify-content: space-evenly;
    gap: 32px;
    width: 100%
}

@media(max-width: 640px) {
    .nams-reports__date-section-input-wrap {
        flex-direction:column;
        gap: 16px
    }
}

.nams-reports__date-input {
    width: 100%
}

.nams-reports__submit-button {
    margin: 16px 0
}

.nams-reports__headline .widget-title__label {
    font-size: 1.625rem
}

.nams-reports--custody-view {
    width: 50%
}

.nams-reports--custody-view .widget-title {
    margin: 0
}

.nams-reports--custody-view .nams-reports__headline .widget-title__label {
    font-size: 1rem;
    line-height: 3.125rem
}

.nams-reports--custody-view .card__body {
    padding: 0 4rem 1rem 0
}

.nams-reports--saxo-view .nams-reports__headline {
    text-align: center;
    margin: 32px 0 0
}

.nams-reports--saxo-view .nams-reports__headline .widget-title__label {
    font-size: 1.25rem
}

.nams-reports--saxo-view .nams-reports__submit-button {
    margin: 0
}

.nams-reports--saxo-view .nams-reports__fields .nams-reports__select {
    width: 100%
}

.campaign-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-1,.campaign-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-2,.campaign-nav-action-overlay--1 {
    background-color: #6c757b;
    color: #fff
}

.campaign-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-1 svg,.campaign-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-2 svg,.campaign-nav-action-overlay--1 svg {
    fill: currentColor
}

.campaign-nav-action-buttons-list__item:nth-last-child(1):after {
    background-color: #6c757b;
    color: #fff
}

.campaign-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn--isToggled {
    color: #fff
}

.campaign-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-1,.campaign-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-2,.campaign-nav-action-overlay--2 {
    background-color: #3f4346;
    color: #fff
}

.campaign-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-1 svg,.campaign-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-2 svg,.campaign-nav-action-overlay--2 svg {
    fill: currentColor
}

.campaign-nav-action-buttons-list__item:nth-last-child(2):after {
    background-color: #3f4346;
    color: #fff
}

.campaign-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn--isToggled {
    color: #fff
}

.campaign-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-1,.campaign-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-2,.campaign-nav-action-overlay--3 {
    background-color: #fff1b5;
    color: #000
}

.campaign-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-1 svg,.campaign-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-2 svg,.campaign-nav-action-overlay--3 svg {
    fill: currentColor
}

.campaign-nav-action-buttons-list__item:nth-last-child(3):after {
    background-color: #fff1b5;
    color: #000
}

.campaign-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn--isToggled {
    color: #000
}

.camp-nav-large {
    position: relative;
    z-index: 7000;
    height: auto
}

.camp-nav-large ul,.camp-nav-large li {
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center
}

.camp-nav-large__bar {
    display: flex;
    align-items: center;
    height: 136px;
    position: absolute;
    right: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    transition: background-color .2s ease-in-out;
    padding-right: 80px
}

@media print {
    .camp-nav-large__bar {
        position: relative;
        margin-bottom: -40px
    }
}

.camp-nav-large__logo {
    margin-right: 20px;
    margin-left: 80px;
    height: 136px
}

.camp-nav-large__logo a {
    display: inline-block;
    height: 136px
}

.camp-nav-large__logo img {
    max-width: 230px;
    position: relative;
    top: 50%;
    max-height: 120px;
    transform: translateY(-50%)
}

.camp-nav-large__logo--secondary {
    margin-left: 20px
}

.camp-nav-large__primary {
    flex-grow: 2;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    height: 136px
}

.camp-nav-large__primary::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.camp-nav-large__primary:hover::-webkit-scrollbar {
    height: 8px
}

.camp-nav-large__primary::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.camp-nav-large__primary::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.camp-nav-large__primary::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.camp-nav-large__primary ul {
    max-width: none;
    display: flex;
    float: right
}

.camp-nav-large__primary li {
    display: block;
    flex-shrink: 0;
    height: 136px
}

.camp-nav-large__primary li a span {
    word-break: break-word;
    white-space: normal;
    max-width: 14em
}

.camp-nav-large__scroll-indicator {
    height: 100%
}

.camp-nav-large--x-overflow .camp-nav-large__scroll-indicator {
    width: 0;
    overflow: visible;
    position: relative
}

.camp-nav-large--x-overflow .camp-nav-large__scroll-indicator:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    z-index: 200;
    pointer-events: none;
    background: rgba(0,0,0,0);
    opacity: .25;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))
}

.camp-nav-large .neos-nav__actions {
    flex-grow: 0
}

.camp-nav-large .neos-nav__actions .action-button-navigation {
    display: flex
}

.campaign-nav-action-buttons-list.camp-nav-large__actions-buttons-list {
    margin-right: 80px;
    padding-left: 16px
}

.camp-nav-large .nav-icon-btn {
    z-index: 7019;
    transition: all .5s cubic-bezier(0.78, -0.07, 0.28, 0.98),z-index .5s step-end
}

.campaign-nav-primary-link,.campaign-nav-primary-link:visited {
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 24px;
    text-decoration: none;
    height: 100%;
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    will-change: color;
    color: #000
}

.campaign-nav-primary-link span,.campaign-nav-primary-link:visited span {
    text-align: center;
    white-space: nowrap;
    z-index: 2
}

.campaign-nav-primary-link:after,.campaign-nav-primary-link:visited:after {
    width: 40px;
    height: 40px;
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    left: 5px;
    transform: scaleX(0);
    transition: transform .3s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    border-radius: 40px;
    z-index: 1;
    background-color: #f0f0f0
}

.campaign-nav-primary-link:hover,.campaign-nav-primary-link:visited:hover {
    color: #3f4346
}

.campaign-nav-primary-link.isCurrent,.campaign-nav-primary-link:visited.isCurrent {
    font-weight: bold
}

.campaign-nav-primary-link.isCurrent:after,.campaign-nav-primary-link:visited.isCurrent:after {
    transform: scaleX(1)
}

.campaign-nav-small-wrap {
    padding-top: 88px
}

.campaign-nav-small {
    background-color: #fff;
    height: 88px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    position: fixed;
    z-index: 7000;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    transition: background-color .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.campaign-nav-small.campaign-nav-small--isOpen {
    background-color: #f0f0f0
}

.campaign-nav-small-menu {
    background-color: #3f4346;
    position: relative;
    z-index: 50
}

@media(max-width: 640px) {
    html.campaign-nav-small-menu--isOpen {
        overflow:hidden
    }

    html.campaign-nav-small-menu--isOpen body {
        overflow: hidden;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.campaign-nav-small-menu__content {
    display: none;
    position: fixed;
    z-index: 10;
    top: 88px;
    bottom: 0;
    width: 100%;
    left: 0;
    opacity: 1;
    transition: opacity .25s cubic-bezier(0.24, 0.5, 0.22, 0.89),visibility .25s cubic-bezier(0.24, 0.5, 0.22, 0.89),transform .25s cubic-bezier(0.24, 0.5, 0.22, 0.89),max-width .25s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    display: flex;
    flex-direction: column;
    visibility: hidden;
    transform: translateX(-100%);
    background-color: #fff;
    overflow-x: hidden
}

.campaign-nav-small-menu__content:after {
    content: "";
    display: block;
    background-color: #f0f0f0;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media(min-width: 640px) {
    .campaign-nav-small-menu__content:after {
        width:320px
    }
}

.campaign-nav-small--isOpen .campaign-nav-small-menu__content {
    visibility: visible;
    transform: translateX(0);
    opacity: 1
}

.campaign-nav-small-menu__listwrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-content: stretch
}

.campaign-nav-small-list__item {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 56px;
    min-height: 56px;
    list-style-type: none
}

@media(min-width: 640px) {
    .campaign-nav-small-list__item {
        max-width:320px
    }
}

.campaign-nav-small-list__item-back {
    order: -1
}

.campaign-nav-small-list__item-back .campaign-nav-small-list__link {
    border-bottom: 1px solid #e5e5e5
}

.campaign-nav-small-list__item-back:last-of-type {
    margin-bottom: 0
}

.campaign-nav-small-list__link {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    height: 56px;
    line-height: 56px;
    padding: 0 24px;
    text-decoration: none;
    color: #242424;
    cursor: pointer;
    background: rgba(0,0,0,0);
    border: none;
    width: 100%
}

.campaign-nav-small-list__link.isCurrent,.campaign-nav-small-list__link.isCurrent:visited {
    color: #3f4346
}

.campaign-nav-small-list__link:hover,.campaign-nav-small-list__link:visited:hover {
    background-color: #f7f7f8;
    color: #3f4346
}

.campaign-nav-small-list__link:visited {
    color: #242424
}

.campaign-nav-small-list__item--isSelected>.campaign-nav-small-list__link {
    background-color: #f7f7f8
}

.campaign-nav-small-list__item--isSelected>.campaign-nav-small-list__link:hover,.campaign-nav-small-list__item--isSelected>.campaign-nav-small-list__link:visited:hover {
    background-color: #f7f7f8
}

.campaign-nav-isCurrent-icon {
    display: none
}

.campaign-nav-small-list__link-icon {
    width: 28px;
    height: 28px;
    display: block;
    position: relative;
    margin-right: 16px;
    margin-left: -8px;
    flex-shrink: 0
}

.campaign-nav-small-list__link-icon svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: auto;
    fill: currentColor
}

.campaign-nav-small-list__link-text {
    flex-grow: 1;
    line-height: 1.1rem;
    display: block;
    word-wrap: break-word;
    padding-right: .5em
}

.campaign-nav-small-list__link--back-button {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}

@media screen and (max-width: 639px) {
    .campaign-nav-small-list__link--back-button {
        border-top:1px solid #e5e5e5
    }
}

.campaign-nav-small-menu__nav {
    margin-top: 16px;
    margin-bottom: 16px
}

.campaign-nav-small-menu__nav>ul {
    margin: 0;
    padding: 0
}

.campaign-nav-small-menu__nav .campaign-nav-small-list__item.level-0>.campaign-nav-small-list__link {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.campaign-nav-small-menu__backdrop {
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 88px;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    background: rgba(0,0,0,.5);
    display: block;
    transition: all .4s ease-in-out;
    opacity: 0
}

.campaign-nav-small--isOpen .campaign-nav-small-menu__backdrop {
    visibility: visible;
    opacity: 1
}

.campaign-nav-small-logo_wrapper {
    position: relative;
    flex-grow: 1;
    display: flex
}

.campaign-nav-small-logo {
    flex-grow: 0;
    flex-shrink: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: auto;
    padding: 0 0 0 24px
}

@media(max-width: 360px) {
    .campaign-nav-small-logo {
        width:100%
    }
}

.campaign-nav-small-logo img {
    display: inline-block;
    position: relative;
    max-height: 62px;
    max-width: 230px;
    width: 100%;
    height: auto;
    vertical-align: middle
}

.campaign-nav-menu-toggle {
    flex-grow: 0;
    position: relative;
    z-index: 100;
    margin: 0 10.6666666667px 0 24px;
    padding: 16px 0 0
}

.campaign-nav-menu-toggle__button {
    cursor: pointer;
    border: none;
    background-color: rgba(0,0,0,0);
    width: 64px;
    padding: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.campaign-nav-menu-toggle__button svg {
    fill: currentColor;
    width: 1.75rem;
    height: 1.75rem
}

.campaign-nav-menu-toggle__button .icon-1,.campaign-nav-menu-toggle__button .icon-2 {
    background-color: #fedd46;
    color: #000;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0
}

.campaign-nav-menu-toggle__button .icon-2 {
    display: none
}

.campaign-nav-menu-toggle--isOpen .campaign-nav-menu-toggle__button .icon-1 {
    display: none
}

.campaign-nav-menu-toggle--isOpen .campaign-nav-menu-toggle__button .icon-2 {
    display: flex
}

.ebank-nav {
    transition: top .2s ease-in;
    background-color: #fff;
    color: #242424;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%
}

.ebank-nav.ebank-nav--pushdown {
    top: 48px
}

@media print {
    .ebank-nav.ebank-nav--pushdown {
        top: unset
    }
}

.ebank-nav__old-ebank-link {
    transition: top .2s ease-in
}

.ebank-nav__old-ebank-link.ebank-nav__old-ebank-link--hidden {
    top: -48px
}

.ebank-nav-actions {
    display: flex;
    flex-direction: row;
    justify-self: flex-end;
    z-index: 51
}

@media(max-width: 640px) {
    .ebank-nav-actions {
        position:absolute;
        top: 0;
        right: 0;
        visibility: hidden;
        transform: translateX(100%);
        transition: all .18s ease-in-out
    }

    .ebank-nav-menu--isOpen .ebank-nav-actions {
        visibility: visible;
        transform: translateX(0)
    }
}

.ebank-nav-company-selector {
    flex-grow: 1
}

@media screen and (min-width: 640px) {
    .ebank-nav-company-selector {
        position:absolute;
        transform: translateX(-50%);
        left: 50%
    }
}

@media screen and (max-width: 639px) {
    .ebank-nav-company-selector {
        border-left:1px solid #e5e5e5;
        opacity: 1;
        transition: all .18s cubic-bezier(0, 0.1, 0, 1);
        display: flex;
        justify-content: center
    }

    .ebank-nav-menu--isOpen .ebank-nav-company-selector {
        visibility: hidden;
        opacity: 0
    }
}

.ebank-nav-company-selector__button {
    border: none;
    height: 64px;
    background: rgba(0,0,0,0);
    color: currentColor;
    padding: 0 1em;
    position: relative;
    line-height: 1em;
    white-space: nowrap;
    width: 100%;
    cursor: pointer
}

@media screen and (max-width: 639px) {
    .ebank-nav-company-selector__button {
        max-width:15em
    }
}

.ebank-nav-company-selector__button-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 1.3em;
    overflow: hidden
}

@media screen and (max-width: 639px) {
    .ebank-nav-company-selector__button-text {
        max-width:calc(100% - 2.4em)
    }
}

.ebank-nav-company-selector__button-icon {
    display: inline-flex;
    align-self: center;
    margin-left: .5em;
    line-height: 1.3em
}

.ebank-nav-company-selector__button-icon svg {
    height: .8em;
    width: .8em;
    top: -0.15em;
    position: relative;
    fill: currentColor
}

.ebank-nav-logo {
    flex-grow: 1
}

.ebank-nav-logo__link {
    position: relative;
    display: inline-block;
    height: 100%;
    width: auto;
    padding: 0 28px;
    line-height: 62px
}

.ebank-nav-logo__link img {
    display: inline-block;
    position: relative;
    max-height: 48px;
    max-width: 230px;
    width: auto;
    height: auto;
    vertical-align: middle
}

@media(max-width: 640px) {
    body.ebank-nav-menu--isOpen .ebank-nav-logo__link {
        display:none
    }
}

@media(max-width: 640px) {
    img.logo-img-mobile+img {
        display:none;
        width: 0
    }
}

@media(min-width: 640px) {
    img.logo-img-mobile {
        display:none
    }
}

.ebank-nav-menu {
    position: relative;
    z-index: 50
}

@media(max-width: 640px) {
    html.ebank-nav-menu--isOpen {
        overflow:hidden
    }

    html.ebank-nav-menu--isOpen body {
        overflow: hidden;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.ebank-nav-menu__content {
    display: none;
    position: fixed;
    z-index: 10;
    top: 64px;
    bottom: 0;
    max-width: 320px;
    width: 100%;
    left: 0;
    opacity: 1;
    transition: opacity .25s cubic-bezier(0, 0.1, 0, 1),visibility .25s cubic-bezier(0, 0.1, 0, 1),transform .25s cubic-bezier(0, 0.1, 0, 1);
    display: flex;
    flex-direction: column;
    visibility: hidden;
    transform: translateX(-100%)
}

.ebank-nav-menu__content:after {
    content: "";
    display: block;
    background-color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 320px;
    z-index: -1
}

@media(min-width: 640px) {
    .ebank-nav-menu--hasSubmenuOpen .ebank-nav-menu__content {
        max-width:640px
    }
}

.ebank-nav-menu--isOpen .ebank-nav-menu__content {
    visibility: visible;
    transform: translateX(0);
    opacity: 1
}

.ebank-nav-menu__content--pushdown {
    top: 112px
}

.ebank-nav-menu__top {
    padding-top: 64px;
    padding-bottom: 1em;
    text-align: center;
    position: relative;
    margin-right: 4px
}

.ebank-nav-menu__top h4 {
    font-size: 12px;
    font-weight: normal;
    margin: .8em .8em 0 .8em
}

@media(max-height: 650px) {
    .ebank-nav-menu__top {
        visibility:hidden;
        height: 1px;
        padding-top: 48px
    }
}

.ebank-nav-menu__top-logo-link {
    position: relative;
    display: block;
    margin: 0 auto
}

.ebank-nav-menu__top-logo-link img {
    max-height: 30px;
    max-width: 120px;
    display: inline-block;
    margin: auto
}

.ebank-nav-menu__listwrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-content: stretch
}

.ebank-nav-menu--hasSubmenuOpen .ebank-nav-menu__listwrap {
    overflow-x: visible
}

.ebank-nav-list__item {
    max-width: 320px;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 56px;
    min-height: 56px;
    list-style-type: none
}

.ebank-nav-list__item--isSelected>a {
    background-color: #f7f7f8
}

.ebank-nav__item-submenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    opacity: .45;
    transition: all .15s ease-in-out;
    visibility: hidden;
    position: fixed;
    left: 320px;
    max-width: 320px;
    width: 100%;
    background-color: #f7f7f8;
    top: 0;
    bottom: 0;
    z-index: 20;
    margin: 0;
    padding: 30px 0
}

.ebank-nav__item-submenu.ebank-nav__item-submenu--isOpen {
    visibility: visible;
    opacity: 1
}

@media(max-width: 640px) {
    .ebank-nav__item-submenu {
        left:0px;
        background: #f7f7f8;
        margin-top: 0
    }
}

@media(min-width: 640px) {
    .ebank-nav__item-submenu .level-1+.ebank-nav-list__item-back {
        display:none
    }
}

.ebank-nav-list__item-back {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    order: -1;
    height: auto
}

.ebank-nav-list__item-back:last-of-type {
    margin-bottom: 0
}

.ebank-nav-list__item-back-button-icon,.ebank-nav__item-submenu-icon {
    width: 14px;
    height: 14px;
    display: block;
    position: relative;
    flex-shrink: 0;
    margin-right: auto
}

.ebank-nav-list__item-back-button-icon svg,.ebank-nav__item-submenu-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    fill: currentColor
}

.ebank-nav-list__link {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    height: 56px;
    line-height: 56px;
    padding: 0 30px;
    text-decoration: none;
    color: #242424;
    cursor: pointer;
    background: rgba(0,0,0,0);
    border: none;
    width: 100%
}

.ebank-nav-list__link:hover {
    background-color: #f0f0f0;
    color: #242424
}

.ebank-nav-list__link:visited {
    color: #242424
}

.ebank-nav-list__link--isCurrent,.ebank-nav-list__link--isCurrent:visited {
    color: #3f4346
}

.ebank-nav-list__link-icon {
    width: 1rem;
    height: 1rem;
    display: block;
    position: relative;
    margin-right: 16px;
    margin-left: -8px;
    flex-shrink: 0
}

.ebank-nav-list__link-icon svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: auto;
    fill: currentColor
}

.ebank-nav-list__link-text {
    flex-grow: 1;
    line-height: 1.1rem;
    display: block;
    word-wrap: break-word;
    padding-right: .5em
}

.ebank-nav-list__link--back-button {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}

.ebank-nav-menu__nav>ul {
    margin: 0;
    padding: 0
}

.ebank-navigatoin-menu__user-info,.ebank-nav-menu__nav {
    max-width: 320px
}

.ebank-nav-menu__nav--primary {
    padding-top: 30px;
    margin-bottom: 32px
}

.ebank-nav-menu__nav--primary .ebank-nav-list__item.level-0>.ebank-nav-list__link {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.ebank-nav-menu__nav--secondary {
    margin-bottom: 16px
}

.ebank-nav-menu__nav--secondary>ul {
    padding-top: 15px
}

.ebank-nav-menu__nav--primary+.ebank-nav-menu__nav--secondary {
    border-top: 1px solid #e5e5e5
}

.ebank-nav-menu__backdrop {
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 64px;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    background: rgba(0,0,0,.5);
    display: block;
    transition: opacity .4s ease-in-out;
    opacity: 0
}

.ebank-nav-menu--isOpen .ebank-nav-menu__backdrop {
    visibility: visible;
    opacity: 1
}

.ebank-nav--pushdown .ebank-nav-menu__backdrop {
    top: 112px
}

.ebank-menu__user-info-link {
    padding: 15px 30px;
    height: 88px;
    border-top: 1px solid #e5e5e5;
    position: fixed;
    bottom: 0;
    max-width: 320px;
    width: 100%;
    background: #fff
}

.ebank-menu__user-info-link a,.ebank-menu__user-info-link a:visited {
    color: #242424;
    text-decoration: none
}

.menu-toggle {
    flex-grow: 0;
    position: relative;
    z-index: 100
}

@media(min-width: 640px) {
    .menu-toggle .nav-count-indicator {
        display:none
    }
}

@media(max-width: 640px) {
    .ebank-nav-menu--isOpen .menu-toggle .nav-count-indicator {
        display:none
    }
}

.menu-toggle__button {
    display: block;
    cursor: pointer;
    border: none;
    width: 64px;
    height: 64px;
    background-color: #fedd46;
    color: #000
}

.menu-toggle__button svg {
    fill: currentColor
}

.ebank-nav-menu--isOpen .menu-toggle__button {
    background-color: #fff;
    color: #242424
}

.ebank-user-info__avatar {
    float: left;
    width: 46px;
    height: 46px;
    margin-right: 0.5rem;
    margin-left: -0.625rem
}

.ebank-user-info__name {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px
}

.ebank-user-info__status {
    font-size: 13px;
    line-height: 16px;
    margin-top: 0;
    color: #242424
}

.ebank-user-info__right-container {
    display: flex;
    flex-direction: column
}

.ebank-user-info__last-login-time {
    font-size: 0.8125rem;
    line-height: 1rem;
    color: #6e6e6e;
    font-weight: 400
}

.ebank-user-info__content {
    display: flex;
    flex-grow: 1;
    align-items: center
}

.main-nav {
    min-height: 104px
}

.main-nav--isOpen {
    overflow: hidden
}

.main-nav--isOpen body {
    overflow: hidden;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-nav-large {
    display: none;
    position: relative;
    z-index: 7000;
    height: 120px
}

.main-nav-large ul,.main-nav-large li {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-nav-large .nav-secondary-bar {
    position: relative
}

@media screen and (min-width: 1024px) {
    .main-nav-large {
        display:block
    }
}

.main-nav-large__bar {
    display: flex;
    background: #fff;
    height: 80px;
    position: absolute;
    right: 0;
    left: 0
}

.main-nav-large__logo {
    margin-left: 80px;
    margin-right: 20px;
    height: 80px
}

.main-nav-large__logo a {
    display: inline-block;
    height: 80px
}

.main-nav-large__logo img {
    position: relative;
    top: 50%;
    max-height: 64px;
    transform: translateY(-50%)
}

.main-nav-large .nav-secondary-bar {
    padding-left: 64px
}

.main-nav-large__primary {
    flex-grow: 2;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative
}

.main-nav-large__primary::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.main-nav-large__primary:hover::-webkit-scrollbar {
    height: 8px
}

.main-nav-large__primary::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.main-nav-large__primary::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.main-nav-large__primary::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.main-nav-large__primary ul {
    max-width: none;
    display: block;
    text-align: right;
    white-space: nowrap
}

.main-nav-large__primary li {
    display: inline-block;
    height: 80px
}

.main-nav-large--x-overflow .main-nav-large__scroll-indicator {
    width: 0;
    overflow: visible;
    position: relative
}

.main-nav-large--x-overflow .main-nav-large__scroll-indicator:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    z-index: 200;
    pointer-events: none;
    background: rgba(0,0,0,0);
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))
}

.main-nav-large .neos-nav__actions {
    flex-grow: 0
}

.main-nav-large .neos-nav__actions .action-button-navigation {
    display: flex
}

.main-nav-large__actions-buttons-list .nav-icon-btn {
    width: 80px;
    height: 80px
}

@keyframes animFullOverlayIn {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.main-nav-large__overlay {
    position: absolute;
    top: 80px;
    min-width: 400px;
    width: auto;
    max-width: 1021.5px;
    overflow: hidden
}

.main-nav-large__overlay-inner {
    background-color: #3f4346;
    color: #fff;
    border: 1px solid rgba(242,242,242,.1);
    border-top: none;
    display: flex;
    max-height: calc(100vh - 120px);
    animation: animFullOverlayIn .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    overflow: auto
}

.main-nav-large__overlay-inner>div {
    position: relative;
    bottom: 0;
    flex-grow: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.main-nav-large__overlay-inner>div:first-of-type {
    border-right: 1px solid rgba(0,0,0,.1);
    min-width: 400px;
    padding-top: 16px;
    padding-bottom: 16px
}

.nav-primary-link,.nav-primary-link:visited {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1em;
    text-decoration: none;
    color: #242424;
    font-weight: bold;
    height: 100%;
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    will-change: color
}

.nav-primary-link span,.nav-primary-link:visited span {
    text-align: center;
    white-space: nowrap
}

.nav-primary-link:after,.nav-primary-link:visited:after {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    bottom: 0;
    left: -1px;
    height: 4px;
    background: #3f4346;
    transform: scaleX(0);
    transition: transform .3s cubic-bezier(0.78, -0.07, 0.28, 0.98)
}

.nav-primary-link:hover,.nav-primary-link:visited:hover {
    color: #3f4346
}

.nav-primary-link.isCurrent:after,.nav-primary-link:visited.isCurrent:after {
    transform: scaleX(1)
}

.nav-primary-link.isSelected,.nav-primary-link:visited.isSelected {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color: #3f4346
}

.nav-primary-link.isSelected:after,.nav-primary-link:visited.isSelected:after {
    transform: scaleX(1)
}

.main-nav-medium {
    display: none;
    height: 104px
}

.main-nav-medium ul,.main-nav-medium li {
    max-width: none;
    list-style: none;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 640px)and (max-width: 1024px) {
    .main-nav-medium {
        display:block
    }
}

.main-nav-medium__inner {
    height: 104px;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 40px
}

.main-nav-medium__bar {
    padding-left: 16px;
    padding-right: 16px;
    flex-grow: 1
}

.main-nav-medium__logo {
    position: relative;
    height: 64px
}

.main-nav-medium__logo a {
    display: inline-block;
    height: 64px
}

.main-nav-medium__logo img {
    position: relative;
    top: 50%;
    max-height: 48px;
    transform: translateY(-50%)
}

.main-nav-medium__overlay {
    position: fixed;
    top: 104px;
    width: 100%;
    z-index: 7000;
    display: none;
    background-color: #3f4346;
    color: #fff
}

.main-nav-medium--isOpen .main-nav-medium__overlay {
    display: flex
}

.main-nav-medium__overlay-inner {
    max-height: calc(100vh - 104px);
    flex-grow: 1;
    max-width: 50%;
    position: relative;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.main-nav-medium__overlay-inner:first-of-type {
    border-right: 1px solid rgba(0,0,0,.1);
    padding-top: 16px;
    padding-bottom: 16px
}

.nav-action-buttons-list {
    display: flex
}

.action-btn--1,.nav-overlay--1 {
    background: #fff1b5;
    color: #000
}

.action-btn--1 span svg,.nav-overlay--1 span svg {
    fill: currentColor
}

.action-btn--2,.nav-overlay--2 {
    background: #3f4346;
    color: #fff
}

.action-btn--3,.nav-overlay--3,.action-btn--5,.nav-overlay--5 {
    background: #797b7e;
    color: #fff
}

.action-btn--4,.nav-overlay--4 {
    background: #65696b;
    color: #fff
}

.action-btn--menu {
    background: #fedd46;
    color: #000
}

.action-btn--login .nav-icon-btn__label {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 10px;
    bottom: 6px;
    text-align: center
}

.main-nav-large .action-btn--login .nav-icon-btn__label {
    bottom: 10px
}

@keyframes animnavActionOverlayIn {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.nav-action-overlay {
    position: absolute;
    z-index: 9050;
    top: 100%;
    animation: animnavActionOverlayIn .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

@media(max-width: 640px) {
    .nav-action-overlay {
        position:fixed;
        top: 0;
        right: 0;
        bottom: 64px;
        left: 0
    }
}

@media(min-width: 640px)and (max-width: 1024px) {
    .nav-action-overlay {
        right:24px;
        left: 24px;
        height: calc(100vh - 24px - 104px)
    }
}

@media(min-width: 1024px) {
    .nav-action-overlay {
        right:80px;
        left: 80px;
        height: calc(100vh - 160px)
    }
}

.nav-action-overlay h1 {
    padding-left: 16px;
    padding-right: 16px
}

.nav-action-overlay__inner {
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.nav-action-overlay__inner::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.nav-action-overlay__inner:hover::-webkit-scrollbar {
    height: 8px
}

.nav-action-overlay__inner::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.nav-action-overlay__inner::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.nav-action-overlay__inner::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.nav-action-overlay .load-spinner__part1:after,.nav-action-overlay .load-spinner__part2:after {
    background-color: currentColor
}

.nav-breadcrumb {
    overflow-x: auto;
    overflow-y: hidden;
    height: 40px;
    padding-left: 16px
}

.nav-breadcrumb .breadcrumb {
    position: relative;
    height: 40px;
    overflow: hidden;
    flex-shrink: 5;
    z-index: 400;
    font-size: 14px;
    color: currentColor
}

.nav-breadcrumb .breadcrumb ul,.nav-breadcrumb .breadcrumb li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.nav-breadcrumb .breadcrumb a {
    color: currentColor
}

.nav-breadcrumb .breadcrumb__inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 70px;
    padding: 0 0
}

.nav-breadcrumb .breadcrumb-list {
    list-style-type: none;
    height: 50px;
    flex-wrap: nowrap
}

.nav-breadcrumb .breadcrumb-list__item {
    height: 40px
}

.nav-dropdown-select {
    display: inline-block;
    position: relative;
    background-color: inherit
}

.nav-dropdown-select ul {
    background-color: inherit;
    z-index: 7010;
    position: absolute;
    top: 100%;
    right: 0;
    animation: animNavDropDownList .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.nav-dropdown-select li {
    display: block;
    float: none;
    white-space: nowrap;
    width: 100%;
    background-color: inherit
}

.nav-dropdown-select li a {
    background-color: inherit
}

.nav-dropdown-select .nav-dropdown-select__list {
    display: none
}

.nav-dropdown-select.nav-dropdown-select--isOpen .nav-dropdown-select__list {
    display: block
}

.nav-dropdown-select__indicator {
    display: block;
    position: relative;
    width: 15px;
    top: 50%;
    margin-left: .3rem;
    z-index: 6
}

.nav-dropdown-select__indicator svg {
    height: .9rem;
    width: .9rem;
    top: 50%;
    left: 0;
    margin-top: -0.45rem;
    fill: currentcolor;
    position: absolute
}

.nav-dropdown-select__indicator-image {
    display: block;
    position: relative;
    width: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
    margin-right: .4rem
}

@keyframes animNavDropDownList {
    0% {
        transform: translateY(-30px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.nav-expand-list,.nav-expand-dropdown {
    padding: 0;
    margin: 0
}

.nav-expand-list a,.nav-expand-list .nav-expand-list__link,.nav-expand-dropdown a,.nav-expand-dropdown .nav-expand-list__link {
    color: currentcolor;
    text-decoration: none;
    cursor: pointer
}

.nav-expand-list a svg,.nav-expand-list .nav-expand-list__link svg,.nav-expand-dropdown a svg,.nav-expand-dropdown .nav-expand-list__link svg {
    fill: currentcolor
}

.nav-expand-list a:visited,.nav-expand-list .nav-expand-list__link:visited,.nav-expand-dropdown a:visited,.nav-expand-dropdown .nav-expand-list__link:visited {
    color: currentcolor
}

.nav-expand-list li,.nav-expand-dropdown li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.nav-expand-dropdown.isOpen {
    padding-bottom: 10px
}

.nav-expand-list__item,.nav-expand-dropdown {
    position: relative;
    transition: padding .15s cubic-bezier(0.24, 0.5, 0.22, 0.89),background-color .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    transition-delay: .3
}

.nav-expand-list__item.isOpen,.nav-expand-dropdown.isOpen {
    background-color: rgba(255,255,255,.1);
    padding-top: 10px;
    margin-bottom: 1px
}

.nav-expand-list__item.isOpen .nav-expand-list,.nav-expand-dropdown.isOpen .nav-expand-list {
    padding-bottom: 10px
}

.nav-expand-list__item.level-0,.nav-expand-dropdown.level-0 {
    font-size: 28px;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 1.08em
}

.nav-expand-list__item.level-1,.nav-expand-dropdown.level-1 {
    font-size: 18px;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: bold
}

.nav-expand-list__item.level-1 svg,.nav-expand-dropdown.level-1 svg {
    width: 15px
}

.nav-expand-list__item.level-2,.nav-expand-dropdown.level-2 {
    font-size: 16px;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: normal;
    font-style: italic
}

.nav-expand-list__item.isOpen>.nav-expand-list__link,.nav-expand-dropdown.isOpen>.nav-expand-list__link {
    font-weight: bold;
    font-style: normal
}

.nav-expand-list__item.isOpen>.nav-expand-list__link .isCurrent-icon,.nav-expand-dropdown.isOpen>.nav-expand-list__link .isCurrent-icon {
    opacity: 0
}

.nav-expand-list__link,.nav-expand-dropdown__link {
    padding: 16px 36px;
    display: block;
    position: relative;
    width: 100%;
    background-color: rgba(0,0,0,0);
    border: none;
    text-align: left;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit
}

.level-2 .nav-expand-list__link,.level-2 .nav-expand-dropdown__link {
    padding: 24px 36px
}

.level-2 [class^=level-]>.nav-expand-list__link,.level-2 [class*=" level-"]>.nav-expand-list__link,.level-2 [class^=level-]>.nav-expand-dropdown__link,.level-2 [class*=" level-"]>.nav-expand-dropdown__link {
    padding: 16px 36px
}

.nav-expand-list__link .nav-expand-dropdown__indicator-image,.nav-expand-dropdown__link .nav-expand-dropdown__indicator-image {
    display: inline-block;
    position: relative;
    width: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .6rem;
    height: 22px;
    vertical-align: top
}

.nav-expand-list__item-indicator,.nav-expand-dropdown__item-indicator {
    width: 32px;
    position: absolute;
    right: 32px;
    text-align: center;
    font-size: 28px
}

.nav-expand-list__item-indicator svg,.nav-expand-dropdown__item-indicator svg {
    position: relative;
    margin: auto;
    margin-top: -0.35em;
    width: .7em;
    height: .7em
}

.main-nav-small__secondary .nav-expand-list__item-indicator,.main-nav-small__secondary .nav-expand-dropdown__item-indicator {
    font-size: 20px
}

.main-nav-small__secondary .nav-expand-dropdown__item-indicator {
    top: 25px
}

.nav-expand-dropdown:first-child:last-child {
    border-top: 1px solid rgba(0,0,0,.1)
}

.nav-expand-dropdown__item.current {
    font-size: 18px;
    font-weight: bold;
    position: relative
}

.nav-expand-dropdown__item.current svg {
    position: absolute;
    top: 16px;
    left: 10px;
    width: 15px;
    height: 20px;
    fill: currentcolor
}

.isCurrent-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: opacity .2s ease
}

.isCurrent-icon:after {
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: currentcolor;
    border-radius: 50%
}

.isCurrent-icon svg {
    display: none;
    width: 15px;
    height: 30px
}

.search-overlay__suggeted-links__title {
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold
}

.search-overlay__suggeted-links__list {
    display: block;
    width: 280px
}

.search-overlay__suggeted-links__link {
    color: currentcolor;
    display: block;
    margin: 10.6666666667px 0;
    text-decoration: none
}

.search-overlay__suggeted-links__link:visited,.search-overlay__suggeted-links__link:hover {
    color: currentcolor
}

.search-overlay__suggeted-links__link svg {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    max-width: 20px;
    height: .7em;
    fill: currentcolor;
    transition: transform .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.search-overlay__suggeted-links__link:hover svg {
    transform: translateX(25%)
}

.search-overlay__suggeted-links__link span {
    margin-left: .5em
}

.search-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 80px 24px;
    min-height: 100%
}

.search-overlay .search-field {
    width: 340px
}

.search-overlay__footerlinks {
    margin: 2em 0;
    padding: 1em 0;
    position: relative
}

.search-overlay__footerlinks:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: currentColor;
    opacity: .5;
    width: 100%;
    top: 0
}

.search-overlay__footerlinks .icon-link {
    display: block
}

.nav-secondary-bar {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 14px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background-color: #65696b;
    color: #fff
}

.nav-secondary-bar>*:first-child {
    flex-grow: 1
}

.nav-secondary-bar>*:last-child {
    flex-shrink: 0
}

.nav-secondary-bar a,.nav-secondary-bar a:hover {
    color: currentColor
}

.nav-secondary-bar a svg,.nav-secondary-bar a:hover svg {
    fill: currentColor
}

.nav-secondary-bar .generic-dropdown__dropdown {
    max-height: 80vh;
    overflow: auto
}

.nav-secondary-bar .generic-dropdown--isOpen .generic-dropdown__dropdown {
    animation: animNavExpandList .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.nav-secondary-bar div>.nav-expand-list {
    position: relative;
    width: 320px
}

.nav-secondary-bar div>.nav-expand-list:after {
    content: "";
    clear: both;
    display: block
}

.nav-secondary-bar div>.nav-expand-list .nav-expand-list__item {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    font-family: "Lato","Helvetica",sans-serif
}

.nav-secondary-bar div>.nav-expand-list .nav-expand-list__link {
    padding: 20px 40px;
    display: block;
    position: relative
}

.nav-secondary-bar div>.nav-expand-list .nav-expand-list__link .isCurrent-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

@keyframes animNavExpandList {
    0% {
        transform: translateY(-30px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.nav-secondary-menu {
    z-index: 7001;
    background-color: inherit
}

.nav-secondary-menu a {
    position: relative;
    height: 100%;
    display: flex;
    text-decoration: none;
    padding: 0 1rem;
    color: currentcolor
}

.nav-secondary-menu a span {
    position: relative;
    z-index: 5
}

.nav-secondary-menu a.isCurrent {
    font-weight: bolder
}

.nav-secondary-menu a:hover:before {
    opacity: 1
}

.nav-secondary-menu a:visited {
    color: currentcolor
}

.nav-secondary-menu a.isCurrent {
    font-weight: bolder
}

.nav-secondary-menu__list {
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 5;
    background-color: inherit;
    max-width: none;
    border-left: 1px solid rgba(255,255,255,.1)
}

.nav-secondary-menu__list li {
    z-index: 5;
    text-align: center;
    float: left;
    height: 40px;
    background-color: inherit
}

.nav-secondary-menu__expand-list {
    background-color: inherit
}

.nav-secondary-menu__expand-list>div:last-of-type {
    background-color: inherit
}

.nav-spot-content {
    padding: 2.25rem
}

@media(min-width: 1024px) {
    .nav-spot-content {
        min-width:32rem;
        padding: 3.75rem
    }
}

.nav-spot__link {
    color: currentColor;
    display: block;
    margin-top: 16px;
    text-decoration: none
}

.nav-spot__link:visited,.nav-spot__link:hover {
    color: currentColor
}

.nav-spot__link:hover .nav-spot__icon svg {
    transform: translate(0, 4px)
}

@media(min-width: 1024px) {
    .nav-spot__link:hover .nav-spot__icon svg {
        transform:translate(8px, 4px)
    }
}

.nav-spot__link:first-of-type {
    margin-top: 0
}

.nav-spot {
    background-color: #65696b;
    color: #fff;
    display: flex;
    min-height: 6.5rem;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 16px
}

@media(min-width: 1024px) {
    .nav-spot {
        align-items:center;
        height: 9.5rem;
        justify-content: center;
        padding: 0
    }
}

.nav-spot.nav-spot--has-image .nav-spot__image {
    align-self: center;
    max-height: 100%;
    overflow: hidden;
    min-width: 33%;
    width: 33%
}

@media(min-width: 768px) {
    .nav-spot.nav-spot--has-image .nav-spot__image {
        min-width:5.625rem;
        width: 25%
    }
}

@media(min-width: 1024px) {
    .nav-spot.nav-spot--has-image .nav-spot__image {
        min-width:9.5rem;
        width: 9.5rem
    }
}

.nav-spot.nav-spot--has-image .nav-spot__content {
    padding: 0 0 0 16px
}

@media(min-width: 1024px) {
    .nav-spot.nav-spot--has-image .nav-spot__content {
        padding:1.25rem 1.875rem
    }
}

.nav-spot .nav-spot__content {
    align-self: center;
    flex-grow: 1;
    line-height: normal;
    padding: 0rem 2.5rem
}

@media(min-width: 768px) {
    .nav-spot .nav-spot__content {
        padding:0rem 3.125rem
    }
}

.nav-spot .nav-spot__image img {
    display: block;
    height: auto;
    width: 100%
}

.nav-spot .nav-spot__title {
    font-size: 0.875rem;
    font-weight: 900
}

@media(min-width: 1024px) {
    .nav-spot .nav-spot__title {
        font-size:1rem
    }
}

@media(min-width: 1024px) {
    .nav-spot .nav-spot__title {
        font-family:"Titillium Web",Helvetica,Arial,sans-serif;
        font-size: 1.25rem;
        font-weight: normal
    }
}

.nav-spot .nav-spot__description {
    font-size: 0.875rem
}

@media(min-width: 1024px) {
    .nav-spot .nav-spot__description {
        font-size:1rem
    }
}

.nav-spot .nav-spot__icon {
    min-width: 7.5rem;
    display: none
}

@media(min-width: 1024px) {
    .nav-spot .nav-spot__icon {
        display:block;
        min-width: 2rem
    }
}

.nav-spot .nav-spot__icon .a-arrow-link__icon--line-right {
    display: none
}

.nav-spot .nav-spot__icon svg {
    fill: currentColor;
    transition: transform .2s ease;
    transform: translate(-3px, 4px);
    width: 1rem;
    height: 1rem
}

.main-nav-small {
    display: none;
    background-color: #fff;
    min-height: 64px
}

@media screen and (max-width: 640px) {
    .main-nav-small {
        display:block
    }
}

.main-nav-small__topbar-logo {
    position: relative;
    height: 64px;
    margin-left: 16px
}

.main-nav-small__topbar-logo a {
    display: inline-block;
    height: 64px
}

.main-nav-small__topbar-logo img {
    position: relative;
    top: 50%;
    max-height: 48px;
    transform: translateY(-50%)
}

.main-nav-small__breadcrumb {
    background-color: #65696b;
    color: #fff;
    height: 40px;
    width: 100%;
    padding-left: 16px
}

.main-nav-small__actions-toggle {
    position: fixed;
    display: flex;
    right: 0;
    bottom: 64px;
    justify-content: flex-end;
    z-index: 7020;
    background-color: #797b7e;
    transition: width .3s cubic-bezier(0.24, 0.5, 0.22, 0.89),bottom .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    padding-right: 64px;
    width: 0;
    overflow: hidden
}

.main-nav-small--isOpen .main-nav-small__actions-toggle {
    bottom: 0;
    width: 100%;
    overflow: visible
}

.main-nav-small__actions-toggle .nav-icon-btn {
    z-index: 8;
    top: 0;
    right: 0
}

.main-nav-small__actions {
    height: 64px;
    width: 100%
}

.main-nav-small__actions-buttons-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0
}

.main-nav-small__actions-buttons-list li {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.main-nav-small__actions-buttons-list>li:first-of-type {
    order: 4;
    position: absolute;
    right: 0;
    z-index: 7050
}

.main-nav-small__secondary {
    border-top: 1px solid rgba(0,0,0,.1)
}

@keyframes main-nav-small-menu_ANIM {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.main-nav-small-menu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 7010;
    transform-origin: 100% 100%;
    animation: main-nav-small-menu_ANIM .3s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    background-color: #3f4346;
    color: #fff
}

.main-nav-small-menu.main-nav-small-menu--isOpen {
    display: block
}

.main-nav-small-menu__inner {
    max-height: calc(100vh - 64px);
    padding-top: 32px;
    padding-bottom: 64px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

.main-nav-small__expand-list {
    margin-bottom: 1.875rem
}

.mega-nav-submenu--isOpen {
    overflow: hidden
}

.mega-nav-submenu--isOpen body {
    overflow: hidden;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mega-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-1,.mega-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-2,.mega-nav-action-overlay--1 {
    background-color: #3f4346;
    color: #fff
}

.mega-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-1 svg,.mega-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn .nav-icon-btn__icon-2 svg,.mega-nav-action-overlay--1 svg {
    fill: currentColor
}

.mega-nav-action-buttons-list__item:nth-last-child(1):after {
    background-color: #3f4346;
    color: #fff
}

.mega-nav-action-buttons-list__item:nth-last-child(1) .nav-icon-btn--isToggled {
    color: #fff
}

.mega-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-1,.mega-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-2,.mega-nav-action-overlay--2 {
    background-color: #797b7e;
    color: #fff
}

.mega-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-1 svg,.mega-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn .nav-icon-btn__icon-2 svg,.mega-nav-action-overlay--2 svg {
    fill: currentColor
}

.mega-nav-action-buttons-list__item:nth-last-child(2):after {
    background-color: #797b7e;
    color: #fff
}

.mega-nav-action-buttons-list__item:nth-last-child(2) .nav-icon-btn--isToggled {
    color: #fff
}

.mega-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-1,.mega-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-2,.mega-nav-action-overlay--3 {
    background-color: #fff1b5;
    color: #000
}

.mega-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-1 svg,.mega-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn .nav-icon-btn__icon-2 svg,.mega-nav-action-overlay--3 svg {
    fill: currentColor
}

.mega-nav-action-buttons-list__item:nth-last-child(3):after {
    background-color: #fff1b5;
    color: #000
}

.mega-nav-action-buttons-list__item:nth-last-child(3) .nav-icon-btn--isToggled {
    color: #000
}

.mega-nav-large {
    position: relative;
    z-index: 7000;
    height: 176px
}

.mega-nav-large ul,.mega-nav-large li {
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center
}

.mega-nav-large .mega-nav-secondary-bar {
    position: relative
}

.mega-nav-large__bar {
    width: 100%;
    display: flex;
    align-items: center;
    height: 136px;
    position: absolute;
    right: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    transition: background-color .2s ease-in-out
}

.mega-nav-large--submenuActive .mega-nav-large__bar {
    background-color: #f0f0f0
}

.mega-nav-large__logo {
    margin-right: 20px;
    margin-left: 80px;
    height: 136px
}

.mega-nav-large__logo a {
    display: inline-block;
    height: 136px
}

.mega-nav-large__logo img {
    position: relative;
    top: 50%;
    max-height: 120px;
    transform: translateY(-50%)
}

.mega-nav-large .mega-nav-secondary-bar {
    padding-left: 64px;
    padding-right: 64px;
    background-color: #f0f0f0;
    color: #000;
    z-index: 7023;
    transition: z-index .5s step-end
}

.mega-nav-large.mega-nav-large--actionOverlayActive .mega-nav-secondary-bar {
    z-index: 7008;
    transition: z-index 0s step-end
}

.mega-nav-large__primary {
    flex-grow: 2;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    height: 136px;
    margin: auto
}

.mega-nav-large__primary::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.mega-nav-large__primary:hover::-webkit-scrollbar {
    height: 8px
}

.mega-nav-large__primary::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.mega-nav-large__primary::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.mega-nav-large__primary::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.mega-nav-large__primary ul {
    max-width: none;
    display: flex
}

.mega-nav-large__primary li {
    display: block;
    flex-shrink: 0;
    height: 136px
}

.mega-nav-large__primary li a span {
    word-break: break-word;
    white-space: normal;
    max-width: 14em
}

.mega-nav-large__scroll-indicator {
    height: 100%
}

.mega-nav-large--x-overflow .mega-nav-large__scroll-indicator {
    width: 0;
    overflow: visible;
    position: relative
}

.mega-nav-large--x-overflow .mega-nav-large__scroll-indicator:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    z-index: 200;
    pointer-events: none;
    background: rgba(0,0,0,0);
    opacity: .25;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))
}

.mega-nav-large .neos-nav__actions {
    flex-grow: 0
}

.mega-nav-large .neos-nav__actions .action-button-navigation {
    display: flex
}

.mega-nav-action-buttons-list.mega-nav-large__actions-buttons-list {
    margin-right: 80px;
    padding-left: 16px
}

@keyframes animFullOverlayIn {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.mega-nav-large__overlay {
    position: absolute;
    top: 136px;
    left: 0;
    width: 100%;
    overflow: hidden
}

.mega-nav-large__overlay-inner {
    position: relative;
    padding: 80px;
    display: flex;
    flex-direction: column;
    background-color: #f0f0f0;
    color: #000;
    animation: animFullOverlayIn .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 176px)
}

.navigation-sticky .mega-nav-large__overlay-inner {
    height: calc(100vh - 136px)
}

.mega-nav-action-overlay.mega-nav-large-action-overlay {
    top: 176px;
    height: auto
}

@keyframes mega-nav-action-overlay__inner-anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.mega-nav-action-overlay__inner {
    opacity: 0;
    animation: mega-nav-action-overlay__inner-anim .2s ease-in forwards;
    animation-delay: .2s
}

.mega-nav-large .mega-nav-action-overlay__close-button {
    display: none
}

.mega-nav-large .mega-nav-action-buttons-list__item {
    position: relative
}

.mega-nav-large .mega-nav-action-buttons-list__item:after {
    content: "";
    visibility: hidden;
    opacity: 1;
    width: 200vw;
    height: 200vw;
    border-radius: 200vw;
    top: -40px;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 7018;
    transition: all .5s cubic-bezier(0.78, -0.07, 0.28, 0.98),z-index .5s step-end;
    transform-origin: center center;
    transform: translate(-50%, -50%) scale(0)
}

.mega-nav-large .mega-nav-action-buttons-list__item .nav-icon-btn {
    z-index: 7019;
    transition: all .5s cubic-bezier(0.78, -0.07, 0.28, 0.98),z-index .5s step-end
}

.mega-nav-large .mega-nav-action-buttons-list__item.mega-nav-action-buttons-list__item--isToggled .nav-icon-btn--isToggled {
    z-index: 7022;
    transition: all .5s cubic-bezier(0.78, -0.07, 0.28, 0.98),z-index 0s step-start
}

.mega-nav-large .mega-nav-action-buttons-list__item.mega-nav-action-buttons-list__item--isToggled .nav-icon-btn--isToggled .nav-icon-btn__icon-2 {
    border: 1px solid currentColor;
    transition: all .5s cubic-bezier(0.78, -0.07, 0.28, 0.98)
}

.mega-nav-large .mega-nav-action-buttons-list__item.mega-nav-action-buttons-list__item--isToggled:after {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%) scale(2);
    transition: all .5s cubic-bezier(0.78, -0.07, 0.28, 0.98),z-index 0s step-start;
    z-index: 7021
}

.mega-nav-large .mega-nav-action-overlay {
    background: rgba(0,0,0,0)
}

.mega-nav-breadcrumb {
    overflow-x: auto;
    overflow-y: hidden;
    height: 50px
}

.mega-nav-breadcrumb .breadcrumb {
    position: relative;
    height: 50px;
    overflow: hidden;
    flex-shrink: 5;
    z-index: 400;
    font-size: 14px;
    color: currentColor
}

.mega-nav-breadcrumb .breadcrumb ul,.mega-nav-breadcrumb .breadcrumb li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mega-nav-breadcrumb .breadcrumb a {
    color: currentColor
}

.mega-nav-breadcrumb .breadcrumb__inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 70px;
    padding: 0 16px
}

.mega-nav-breadcrumb .breadcrumb-list {
    list-style-type: none;
    height: 50px
}

.mega-nav-breadcrumb .breadcrumb-list__item {
    height: 50px
}

.mega-nav-dropdown-select {
    display: inline-block;
    position: relative;
    background-color: inherit
}

.mega-nav-dropdown-select ul {
    background-color: inherit;
    z-index: 7010;
    position: absolute;
    top: 100%;
    right: 0;
    animation: animNavDropDownList .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.mega-nav-dropdown-select li {
    display: block;
    float: none;
    white-space: nowrap;
    width: 100%;
    background-color: inherit
}

.mega-nav-dropdown-select li a {
    background-color: inherit
}

.mega-nav-dropdown-select .mega-nav-dropdown-select__list {
    display: none
}

.mega-nav-dropdown-select.mega-nav-dropdown-select--isOpen .mega-nav-dropdown-select__list {
    display: block
}

.mega-nav-dropdown-select__indicator {
    display: block;
    position: relative;
    width: 15px;
    top: 50%;
    margin-left: .3rem
}

.mega-nav-dropdown-select__indicator svg {
    height: .9rem;
    width: .9rem;
    top: 50%;
    left: 0;
    margin-top: -0.45rem;
    fill: currentcolor;
    position: absolute
}

@keyframes animNavDropDownList {
    0% {
        transform: translateY(-30px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.mega-nav-primary-link,.mega-nav-primary-link:visited {
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 24px;
    text-decoration: none;
    height: 100%;
    transition: color .3s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    will-change: color;
    color: #000
}

.mega-nav-primary-link span,.mega-nav-primary-link:visited span {
    text-align: center;
    white-space: nowrap;
    z-index: 2
}

.mega-nav-primary-link:hover,.mega-nav-primary-link:visited:hover {
    color: #3f4346
}

.mega-nav-primary-link.isCurrent,.mega-nav-primary-link:visited.isCurrent {
    font-weight: bold
}

.mega-nav-primary-link.isCurrent:after,.mega-nav-primary-link:visited.isCurrent:after {
    transform: scaleX(1)
}

.mega-nav-primary-link.isSelected,.mega-nav-primary-link:visited.isSelected {
    font-weight: bold
}

.mega-nav-secondary-bar {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 11px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    color: #000
}

.mega-nav-secondary-bar>*:first-child {
    flex-grow: 1
}

.mega-nav-secondary-bar>*:last-child {
    flex-shrink: 0
}

.mega-nav-secondary-bar a,.mega-nav-secondary-bar a:hover {
    color: currentColor
}

.mega-nav-secondary-bar a svg,.mega-nav-secondary-bar a:hover svg {
    fill: currentColor
}

.mega-nav-secondary-bar .generic-dropdown__dropdown {
    max-height: 80vh;
    overflow: auto
}

.mega-nav-secondary-bar .generic-dropdown--isOpen .generic-dropdown__dropdown {
    animation: animNavExpandList .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.mega-nav-secondary-bar div>.mega-nav-expand-list {
    position: relative;
    width: 320px
}

.mega-nav-secondary-bar div>.mega-nav-expand-list:after {
    content: "";
    clear: both;
    display: block
}

.mega-nav-secondary-bar div>.mega-nav-expand-list .mega-nav-expand-list__item {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    font-family: "Lato","Helvetica",sans-serif
}

.mega-nav-secondary-bar div>.mega-nav-expand-list .mega-nav-expand-list__link {
    padding: 20px 40px;
    display: block;
    position: relative
}

.mega-nav-secondary-bar div>.mega-nav-expand-list .mega-nav-expand-list__link .isCurrent-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

@keyframes animNavExpandList {
    0% {
        transform: translateY(-30px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.mega-nav-secondary-menu {
    z-index: 7001;
    background-color: inherit
}

.mega-nav-secondary-menu a {
    position: relative;
    height: 100%;
    display: flex;
    text-decoration: none;
    padding: 0 1rem;
    color: currentcolor
}

.mega-nav-secondary-menu a span {
    position: relative;
    z-index: 5
}

.mega-nav-secondary-menu a.isCurrent {
    font-weight: bolder
}

.mega-nav-secondary-menu a:hover:before {
    opacity: 1
}

.mega-nav-secondary-menu a:visited {
    color: currentcolor
}

.mega-nav-secondary-menu a.isCurrent {
    font-weight: bolder
}

.mega-nav-secondary-menu__list {
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 5;
    background-color: inherit;
    max-width: none
}

.mega-nav-secondary-menu__list li {
    z-index: 5;
    text-align: center;
    float: left;
    height: 40px;
    background-color: inherit
}

.mega-nav-secondary-menu__list>li {
    position: relative
}

.mega-nav-secondary-menu__list>li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 35%;
    width: 1px;
    background-color: currentColor;
    opacity: .25;
    height: 30%
}

.mega-nav-secondary-menu__list>li:last-child:after {
    content: none
}

.mega-nav-secondary-menu__expand-list {
    background-color: inherit
}

.mega-nav-secondary-menu__expand-list>div:last-of-type {
    background-color: inherit
}

.mega-nav-spot-content {
    position: relative;
    display: block;
    max-width: 1362px;
    margin: auto
}

.mega-nav-spot-content .nav-spot__link {
    min-width: 350px;
    padding: 16px;
    margin-top: 0;
    max-width: 50%;
    flex-grow: 1
}

@media screen and (min-width: 1280px) {
    .mega-nav-spot-content .nav-spot__link {
        max-width:33.333333%
    }
}

.mega-nav-spot-content .nav-spot {
    border: 1px solid rgba(0,0,0,.1);
    background-color: rgba(0,0,0,0);
    color: #242424;
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 16px;
    align-items: center;
    height: 9.5rem;
    justify-content: center;
    padding: 0;
    transition: background-color .2s ease-in-out
}

.mega-nav-spot-content .nav-spot__link:hover .nav-spot {
    background-color: #f7f7f8
}

.mega-nav-spot-content .nav-spot__title {
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: bold;
    font-size: 1.125rem
}

.mega-nav-spot-content .nav-spot__icon {
    display: none
}

.mega-nav-spot-content__loaded {
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.mega-nav-list {
    max-width: 1362px;
    margin: auto
}

.mega-nav-list.mega-nav-list--level-0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (max-width: 1023px) {
    .mega-nav-list.mega-nav-list--level-0 {
        flex-direction:column;
        margin: 20px 0
    }
}

.mega-nav-list .level-0 {
    font-size: 16px;
    font-weight: bold;
    flex-basis: 25%;
    margin-bottom: 40px
}

.mega-nav-list .level-1 {
    font-size: 14px;
    font-weight: normal
}

.mega-nav-list .level-1:first-child {
    padding-top: 17px
}

.mega-nav-list .mega-nav-arrow {
    display: none;
    float: right;
    width: 16px;
    height: 16px
}

@media screen and (max-width: 1023px) {
    .mega-nav-list .level-0 {
        margin-bottom:0
    }

    .mega-nav-list .withChild .mega-nav-arrow {
        display: block
    }

    .mega-nav-list .isChild {
        display: none
    }
}

.mega-nav-list__item {
    margin-bottom: 1rem;
    padding-right: 16px
}

.mega-nav-list__link {
    text-decoration: none;
    color: #000;
    cursor: pointer
}

.mega-nav-list__link:hover,.mega-nav-list__link.isCurrent:not(.hasChild) {
    color: #3f4346
}

.mega-nav-list__link.hasChild:not(.hasUrl) {
    cursor: auto
}

.mega-nav-list__link.hasUrl:hover {
    color: currentColor
}

.mega-nav-list--level-1 .mega-nav-list {
    padding-left: 16px
}

.mega-nav-list--level-1 .mega-nav-list .mega-nav-list__item {
    margin-bottom: 0
}

.mega-nav-action-buttons-list {
    display: flex;
    list-style-type: none
}

.mega-nav-action-buttons-list .mega-nav-action-buttons-list__item {
    margin-right: 8px
}

.mega-nav-action-buttons-list .mega-nav-action-buttons-list__item:last-of-type {
    margin-right: 0
}

.mega-nav-action-buttons-list .nav-icon-btn {
    background-color: rgba(0,0,0,0);
    width: 64px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.mega-nav-action-buttons-list .nav-icon-btn__icon-1,.mega-nav-action-buttons-list .nav-icon-btn__icon-2 {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    transition: transform .15s cubic-bezier(0.78, -0.07, 0.28, 0.98)
}

.mega-nav-action-buttons-list .nav-icon-btn:hover .nav-icon-btn__icon-1,.mega-nav-action-buttons-list .nav-icon-btn:hover .nav-icon-btn__icon-2 {
    transform: scale(1.08)
}

.mega-nav-action-buttons-list .nav-icon-btn__icon-2 {
    display: none
}

.mega-nav-action-buttons-list .nav-icon-btn--isToggled .nav-icon-btn__icon-2 {
    display: flex
}

.mega-nav-action-buttons-list .nav-icon-btn--isToggled .nav-icon-btn__label {
    opacity: 0;
    transition: opacity 0s 0s
}

.mega-nav-action-buttons-list .nav-icon-btn__label {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    order: 3;
    transition: opacity 0s .5s
}

@keyframes animnavActionOverlayIn {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.mega-nav-action-overlay {
    position: absolute;
    z-index: 9050;
    top: 100%;
    animation: animnavActionOverlayIn .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.mega-nav-action-overlay h1 {
    padding-left: 16px;
    padding-right: 16px
}

.mega-nav-action-overlay__inner {
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.mega-nav-action-overlay__inner::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.mega-nav-action-overlay__inner:hover::-webkit-scrollbar {
    height: 8px
}

.mega-nav-action-overlay__inner::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.mega-nav-action-overlay__inner::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.mega-nav-action-overlay__inner::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.mega-nav-action-overlay .load-spinner__part1:after,.mega-nav-action-overlay .load-spinner__part2:after {
    background-color: currentColor
}

.mega-nav-action-overlay__close-button {
    z-index: 100;
    position: absolute;
    border: none;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0);
    width: 72px;
    height: 72px;
    display: flex;
    justify-content: center;
    color: currentColor
}

.mega-nav-action-overlay__close-button svg {
    margin-top: 16px;
    width: 28px;
    height: 28px
}

.mega-nav-expand-list,.mega-nav-expand-dropdown {
    padding: 0;
    margin: 0
}

.mega-nav-expand-list a,.mega-nav-expand-list .mega-nav-expand-list__link,.mega-nav-expand-dropdown a,.mega-nav-expand-dropdown .mega-nav-expand-list__link {
    color: currentcolor;
    text-decoration: none;
    cursor: pointer
}

.mega-nav-expand-list a svg,.mega-nav-expand-list .mega-nav-expand-list__link svg,.mega-nav-expand-dropdown a svg,.mega-nav-expand-dropdown .mega-nav-expand-list__link svg {
    fill: currentcolor
}

.mega-nav-expand-list a:visited,.mega-nav-expand-list .mega-nav-expand-list__link:visited,.mega-nav-expand-dropdown a:visited,.mega-nav-expand-dropdown .mega-nav-expand-list__link:visited {
    color: currentcolor
}

.mega-nav-expand-list li,.mega-nav-expand-dropdown li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mega-nav-expand-dropdown.isOpen {
    padding-bottom: 10px
}

.mega-nav-expand-list__item,.mega-nav-expand-dropdown {
    position: relative;
    transition: padding .15s cubic-bezier(0.24, 0.5, 0.22, 0.89),background-color .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    transition-delay: .3
}

.mega-nav-expand-list__item.isOpen,.mega-nav-expand-dropdown.isOpen {
    background-color: rgba(255,255,255,.1);
    padding-top: 10px;
    margin-bottom: 1px
}

.mega-nav-expand-list__item.isOpen .mega-nav-expand-list,.mega-nav-expand-dropdown.isOpen .mega-nav-expand-list {
    padding-bottom: 10px
}

.mega-nav-expand-list__item.level-0,.mega-nav-expand-dropdown.level-0 {
    font-size: 28px;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 1.08em
}

.mega-nav-expand-list__item.level-1,.mega-nav-expand-dropdown.level-1 {
    font-size: 18px;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: bold
}

.mega-nav-expand-list__item.level-1 svg,.mega-nav-expand-dropdown.level-1 svg {
    width: 15px
}

.mega-nav-expand-list__item.level-2,.mega-nav-expand-dropdown.level-2 {
    font-size: 16px;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: normal;
    font-style: italic
}

.mega-nav-expand-list__item.isOpen>.mega-nav-expand-list__link,.mega-nav-expand-dropdown.isOpen>.mega-nav-expand-list__link {
    font-weight: bold;
    font-style: normal
}

.mega-nav-expand-list__item.isOpen>.mega-nav-expand-list__link .isCurrent-icon,.mega-nav-expand-dropdown.isOpen>.mega-nav-expand-list__link .isCurrent-icon {
    opacity: 0
}

.mega-nav-expand-list__link,.mega-nav-expand-dropdown__link {
    padding: 16px 24px;
    display: block;
    position: relative;
    width: 100%;
    background-color: rgba(0,0,0,0);
    border: none;
    text-align: left;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit
}

.level-2 .mega-nav-expand-list__link,.level-2 .mega-nav-expand-dropdown__link {
    padding: 24px 36px
}

.level-2 [class^=level-]>.mega-nav-expand-list__link,.level-2 [class*=" level-"]>.mega-nav-expand-list__link,.level-2 [class^=level-]>.mega-nav-expand-dropdown__link,.level-2 [class*=" level-"]>.mega-nav-expand-dropdown__link {
    padding: 16px 36px
}

.mega-nav-expand-list__item-indicator,.mega-nav-expand-dropdown__item-indicator {
    width: 16px;
    right: 24px;
    top: 16px;
    position: absolute;
    text-align: center
}

.mega-nav-expand-list__item-indicator svg,.mega-nav-expand-dropdown__item-indicator svg {
    position: relative;
    width: 16px;
    height: 16px
}

.mega-nav-small__secondary .mega-nav-expand-dropdown__item-indicator {
    top: 25px
}

.mega-nav-expand-dropdown:first-child:last-child {
    border-top: 1px solid rgba(0,0,0,.1)
}

.mega-nav-expand-dropdown__item.current {
    font-size: 18px;
    font-weight: bold;
    position: relative
}

.mega-nav-expand-dropdown__item.current svg {
    position: absolute;
    top: 16px;
    right: 24px;
    width: 15px;
    height: 20px;
    fill: currentcolor
}

.isCurrent-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: opacity .2s ease
}

.isCurrent-icon:after {
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: currentcolor;
    border-radius: 50%
}

.isCurrent-icon svg {
    display: none;
    width: 15px;
    height: 30px
}

.search-overlay__suggeted-links__title {
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold
}

.search-overlay__suggeted-links__list {
    display: block;
    width: 280px
}

.search-overlay__suggeted-links__link {
    color: currentcolor;
    display: block;
    margin: 10.6666666667px 0;
    text-decoration: none
}

.search-overlay__suggeted-links__link:visited,.search-overlay__suggeted-links__link:hover {
    color: currentcolor
}

.search-overlay__suggeted-links__link svg {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    max-width: 20px;
    height: .7em;
    fill: currentcolor;
    transition: transform .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.search-overlay__suggeted-links__link:hover svg {
    transform: translateX(25%)
}

.search-overlay__suggeted-links__link span {
    margin-left: .5em
}

.search-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 80px 24px;
    min-height: 100%
}

.search-overlay .search-field {
    width: 340px
}

.search-overlay__footerlinks {
    margin: 2em 0;
    padding: 1em 0;
    position: relative
}

.search-overlay__footerlinks:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: currentColor;
    opacity: .5;
    width: 100%;
    top: 0
}

.search-overlay__footerlinks .icon-link {
    display: block
}

.mega-nav-small-wrap {
    padding-top: 88px
}

.mega-nav-small {
    background-color: #fff;
    height: 88px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    position: fixed;
    z-index: 7000;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    transition: background-color .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.mega-nav-small.mega-nav-small--isOpen {
    background-color: #f0f0f0
}

.mega-nav-small-menu {
    background-color: #3f4346;
    position: relative;
    z-index: 50
}

@media(max-width: 640px) {
    html.mega-nav-small-menu--isOpen {
        overflow:hidden
    }

    html.mega-nav-small-menu--isOpen body {
        overflow: hidden;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.mega-nav-small-menu__content {
    display: none;
    position: fixed;
    z-index: 10;
    top: 88px;
    bottom: 0;
    width: 100%;
    left: 0;
    opacity: 1;
    transition: opacity .25s cubic-bezier(0.24, 0.5, 0.22, 0.89),visibility .25s cubic-bezier(0.24, 0.5, 0.22, 0.89),transform .25s cubic-bezier(0.24, 0.5, 0.22, 0.89),max-width .25s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    display: flex;
    flex-direction: column;
    visibility: hidden;
    transform: translateX(-100%);
    background-color: #fff;
    overflow-x: hidden
}

@media(min-width: 640px) {
    .mega-nav-small-menu__content {
        max-width:320px
    }
}

.mega-nav-small-menu__content:after {
    content: "";
    display: block;
    background-color: #f0f0f0;
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media(min-width: 640px) {
    .mega-nav-small-menu__content:after {
        width:320px
    }
}

@media(min-width: 640px) {
    .mega-nav-small-menu--hasSubmenuOpen .mega-nav-small-menu__content {
        max-width:640px
    }
}

.mega-nav-small--isOpen .mega-nav-small-menu__content {
    visibility: visible;
    transform: translateX(0);
    opacity: 1
}

.mega-nav-small-menu__listwrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-content: stretch
}

.mega-nav-small-menu--hasSubmenuOpen .mega-nav-small-menu__listwrap {
    overflow-x: visible
}

.mega-nav-small-list__item {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 56px;
    min-height: 56px;
    list-style-type: none
}

@media(min-width: 640px) {
    .mega-nav-small-list__item {
        max-width:320px
    }
}

.mega-nav-small__item-submenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    opacity: .2;
    transition: opacity .15s ease-in-out,all .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    visibility: hidden;
    position: fixed;
    left: 320px;
    width: 100%;
    background-color: #f0f0f0;
    top: 0;
    bottom: 0;
    z-index: 20;
    margin: 0;
    padding: 0 0 24px 0
}

@media screen and (max-width: 639px) {
    .mega-nav-small__item-submenu {
        transform:translateX(100%)
    }
}

.mega-nav-small__item-submenu.mega-nav-small__item-submenu--isOpen {
    visibility: visible;
    opacity: 1
}

@media screen and (max-width: 639px) {
    .mega-nav-small__item-submenu.mega-nav-small__item-submenu--isOpen {
        transform:translateX(0)
    }
}

@media(max-width: 640px) {
    .mega-nav-small__item-submenu {
        left:0px;
        margin-top: 0
    }
}

@media(min-width: 640px) {
    .mega-nav-small__item-submenu {
        background-color:#f7f7f8;
        max-width: 320px
    }

    .mega-nav-small__item-submenu .level-1+.mega-nav-small-list__item-back {
        display: none;
        top: 88px
    }
}

.mega-nav-small-list__item-back {
    order: -1
}

.mega-nav-small-list__item-back .mega-nav-small-list__link {
    border-bottom: 1px solid #e5e5e5
}

.mega-nav-small-list__item-back:last-of-type {
    margin-bottom: 0
}

.mega-nav-small-list__item-back-button-icon,.mega-nav-small__item-submenu-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    flex-shrink: 0;
    margin-right: auto
}

.mega-nav-small-list__item-back-button-icon svg,.mega-nav-small__item-submenu-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    fill: currentColor
}

.mega-nav-small__item-submenu-container-button {
    padding: 16px 0 16px 16px
}

.mega-nav-small-list__link {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    height: 56px;
    line-height: 56px;
    padding: 0 24px;
    text-decoration: none;
    color: #242424;
    cursor: pointer;
    background: rgba(0,0,0,0);
    border: none;
    width: 100%
}

.mega-nav-small-list__link.isCurrent,.mega-nav-small-list__link.isCurrent:visited {
    color: #3f4346
}

.mega-nav-small-list__link:hover,.mega-nav-small-list__link:visited:hover {
    background-color: #f7f7f8;
    color: #3f4346
}

.mega-nav-small-list__link:visited {
    color: #242424
}

.mega-nav-small-list__item--isSelected>.mega-nav-small-list__link {
    background-color: #f7f7f8
}

.mega-nav-small-list__item--isSelected>.mega-nav-small-list__link:hover,.mega-nav-small-list__item--isSelected>.mega-nav-small-list__link:visited:hover {
    background-color: #f7f7f8
}

.mega-nav-isCurrent-icon {
    display: none
}

.mega-nav-small-list__link-icon {
    width: 28px;
    height: 28px;
    display: block;
    position: relative;
    margin-right: 16px;
    margin-left: -8px;
    flex-shrink: 0
}

.mega-nav-small-list__link-icon svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: auto;
    fill: currentColor
}

.mega-nav-small-list__link-text {
    flex-grow: 1;
    line-height: 1.1rem;
    display: block;
    word-wrap: break-word;
    padding-right: .5em
}

.mega-nav-small-list__link--back-button {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}

@media screen and (max-width: 639px) {
    .mega-nav-small-list__link--back-button {
        border-top:1px solid #e5e5e5
    }
}

.mega-nav-small-menu__nav>ul {
    margin: 0;
    padding: 0
}

.mega-nav-small-menu__nav--primary {
    margin-bottom: 16px
}

.mega-nav-small-menu__nav--primary .mega-nav-small-list__item.level-0>.mega-nav-small-list__link {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.mega-nav-small-menu__nav--secondary {
    margin-bottom: 16px
}

.mega-nav-small-menu__nav--secondary .mega-nav-small-list__link,.mega-nav-small-menu__nav--secondary .mega-nav-expand-dropdown__link {
    font-size: 14px
}

.mega-nav-small-menu__nav--primary+.mega-nav-small-menu__nav--secondary {
    border-top: 1px solid #e5e5e5
}

.mega-nav-small-menu__backdrop {
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 88px;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    background: rgba(0,0,0,.5);
    display: block;
    transition: all .4s ease-in-out;
    opacity: 0
}

.mega-nav-small--isOpen .mega-nav-small-menu__backdrop {
    visibility: visible;
    opacity: 1
}

.mega-nav-small__actions-buttons .nav-icon-btn__label {
    font-size: 12px
}

.mega-nav-small__actions-buttons--inBar {
    margin: 0;
    padding: 8px 0
}

@media screen and (max-width: 639px) {
    .mega-nav-small__actions-buttons--inBar {
        display:none
    }
}

.mega-nav-small__actions-buttons--inList {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 24px;
    margin: 0 0 16px 0
}

@media screen and (min-width: 640px) {
    .mega-nav-small__actions-buttons--inList {
        display:none
    }
}

.mega-nav-small-logo {
    flex-grow: 1
}

.mega-nav-small-logo__link {
    position: relative;
    display: inline-block;
    height: 100%;
    width: auto;
    padding: 0 24px;
    line-height: 86px
}

.mega-nav-small-logo__link img {
    display: inline-block;
    position: relative;
    max-height: 62px;
    max-width: 230px;
    width: auto;
    height: auto;
    vertical-align: middle
}

.mega-nav-small-logo__link .mega-nav-logo-img-mobile {
    display: none
}

.mega-nav-menu-toggle {
    flex-grow: 0;
    position: relative;
    z-index: 100;
    margin: 0 10.6666666667px 0 8px;
    padding: 8px 0 0
}

.mega-nav-menu-toggle__button {
    cursor: pointer;
    border: none;
    background-color: rgba(0,0,0,0);
    width: 64px;
    padding: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.mega-nav-menu-toggle__button svg {
    fill: currentColor;
    width: 1.75rem;
    height: 1.75rem
}

.mega-nav-menu-toggle__button .icon-1,.mega-nav-menu-toggle__button .icon-2 {
    background-color: #fedd46;
    color: #000;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0
}

.mega-nav-menu-toggle__button .icon-2 {
    display: none
}

.mega-nav-menu-toggle--isOpen .mega-nav-menu-toggle__button .icon-1 {
    display: none
}

.mega-nav-menu-toggle--isOpen .mega-nav-menu-toggle__button .icon-2 {
    display: flex
}

.mega-nav-menu-toggle__button .mega-nav-small-toggle-text-label {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    order: 3
}

.navigation-sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7005
}

@media print {
    .navigation-sticky {
        position: relative
    }
}

.navigation-hidable {
    transition: transform .3s ease-in 0s;
    transform: none
}

.navigation-hidable--isHidden {
    transform: translateY(-100%)
}

.nav-count-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    z-index: 10;
    background-color: #fedd46;
    color: #000;
    border-radius: 11px;
    padding: 0 .5em;
    min-width: 22px;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    font-weight: 900;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.nav-count-indicator--isLoading:after {
    content: "";
    animation: anim-loading-dots 2s linear infinite
}

.nav-count-indicator--alignRight {
    left: 100%
}

@keyframes anim-loading-dots {
    0% {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    100% {
        content: "..."
    }
}

.nav-icon-btn {
    width: 100%;
    height: 100%;
    border: none;
    position: relative;
    overflow: visible;
    min-width: auto;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    padding: 0
}

.nav-icon-btn:hover:before {
    opacity: 1
}

.nav-icon-btn__label {
    display: none
}

.nav-icon-btn--showLabel .nav-icon-btn__label {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 10px;
    bottom: 8px;
    text-align: center
}

.nav-icon-btn--showLabel .nav-icon-btn__label~[class^=nav-icon-btn__icon],.nav-icon-btn--showLabel .nav-icon-btn__label~[class*=nav-icon-btn__icon] {
    margin-top: -10px
}

.nav-icon-btn__icon-1,.nav-icon-btn__icon-2 {
    text-align: center;
    position: relative;
    z-index: 2;
    width: 1.75rem;
    height: 1.75rem
}

.nav-icon-btn__icon-1 svg,.nav-icon-btn__icon-2 svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: currentColor
}

.nav-icon-btn__icon-2 {
    display: none
}

.nav-icon-btn--isToggled .nav-icon-btn__icon-1 {
    display: none
}

.nav-icon-btn--isToggled .nav-icon-btn__icon-2 {
    display: block
}

.netmeetings__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px
}

@media(max-width: 768px) {
    .netmeetings__row {
        flex-direction:column;
        justify-content: center
    }
}

.netmeetings__overview {
    width: 100%
}

.netmeetings__sub-text {
    margin-top: 8px;
    max-width: 70%;
    font-size: 0.875rem
}

.netmeetings__actions {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

@media(max-width: 768px) {
    .netmeetings__actions {
        justify-content:flex-start
    }
}

.netmeetings__meetings {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
    grid-auto-rows: 300px
}

.netmeetings__info {
    width: 100%;
    margin-left: 16px
}

@media(max-width: 768px) {
    .netmeetings__info {
        margin:16px 0 0
    }
}

.netmeeting-card__meeting-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.netmeeting-card__headline {
    font-weight: 900;
    font-size: .8rem
}

.netmeeting-card__date-container {
    text-align: center;
    padding: 24px
}

.netmeeting-card__month-year,.netmeeting-card__time {
    font-size: 0.8125rem;
    line-height: 1.125rem;
    color: #6e6e6e
}

.netmeeting-card__date {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 8px;
    font-weight: bold
}

.netmeeting-card__countdown {
    width: 120%;
    background-color: #f7f7f8;
    font-size: 0.625rem;
    margin-left: -10%;
    text-align: center
}

.netmeeting-card__host {
    margin-top: 8px;
    font-size: 0.8125rem
}

.netmeeting-card__attend {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.no-loans-card__card {
    display: flex;
    flex-direction: column;
    min-height: 282px
}

.no-loans-card__card>.no-loans-card__footer {
    background-color: #fedd46;
    align-items: center;
    justify-content: center;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content
}

.no-loans-card__card>.no-loans-card__footer>a {
    text-decoration: none;
    color: #fff
}

.no-loans-card__card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.no-loans-card__card-body>:first-child {
    margin-bottom: unset
}

.no-loans-card__card-body-description {
    font-size: 0.875rem
}

.old-ebank-link {
    background-color: #fff;
    height: 48px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    z-index: 7000;
    line-height: 19px
}

@media print {
    .old-ebank-link {
        display: none
    }
}

.old-ebank-link__link {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    margin-right: 20px;
    border: none;
    padding: 0;
    color: #3f4346;
    font-size: 13px;
    background-color: rgba(0,0,0,0)
}

.old-ebank-link__link .icon {
    transition: transform .15s ease;
    fill: #3f4346
}

.old-ebank-link__link:hover .icon {
    transform: translateX(3px) translateY(-3px)
}

.old-ebank-link__link--isLoading {
    color: #242424
}

.old-ebank-link__link--isLoading .icon {
    fill: #242424
}

.old-ebank-link__icon {
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.one-time-message-modal-content {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    max-width: 768px
}

@media(max-width: 768px) {
    .one-time-message {
        max-width:460px
    }

    .one-time-message-modal-content .neos-modal__content-inner {
        min-width: 100%
    }
}

.one-time-message__top {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 500px;
    max-width: calc(100vw - 16px* 2)
}

.one-time-message__top::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.one-time-message__top:hover::-webkit-scrollbar {
    height: 8px
}

.one-time-message__top::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.one-time-message__top::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.one-time-message__top::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.one-time-message__image {
    max-height: 300px;
    width: 100%
}

.one-time-message__content {
    padding: 32px 80px
}

.one-time-message__content-page-count {
    margin-bottom: 8px
}

.one-time-message__content-rich-text>* {
    margin: 8px 0
}

.one-time-message__content-rich-text>*:first-child {
    margin-top: 0
}

@media(max-width: 768px) {
    .one-time-message__content {
        width:100%;
        padding: 16px 32px
    }
}

.one-time-message__bottom {
    display: flex;
    justify-content: center;
    padding: 16px 0 16px 0;
    border-top: 1px solid #e5e5e5
}

.one-time-message__navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px 32px
}

.one-time-message__navigation--one-item {
    justify-content: center
}

.ongoing-due-diligence {
    display: flex;
    justify-content: center;
    width: 681px;
    max-width: calc(100% - 32px);
    margin: auto;
    padding-bottom: 48px
}

.ongoing-due-diligence__container {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    max-height: calc(100vh - 256px);
    width: 100vw
}

@media(max-width: 768px) {
    .ongoing-due-diligence {
        max-height:calc(100vh - 128px);
        margin: auto
    }
}

.ongoing-due-diligence__top {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.ongoing-due-diligence__top::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.ongoing-due-diligence__top:hover::-webkit-scrollbar {
    height: 8px
}

.ongoing-due-diligence__top::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.ongoing-due-diligence__top::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.ongoing-due-diligence__top::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.ongoing-due-diligence__image {
    display: block;
    max-height: 300px;
    width: 100%;
    object-fit: cover
}

.ongoing-due-diligence__content {
    padding: 32px 80px
}

.ongoing-due-diligence__headline {
    margin: 0
}

@media(max-width: 768px) {
    .ongoing-due-diligence {
        max-width:calc(100% - 24px)
    }

    .ongoing-due-diligence__content {
        width: 100%;
        padding: 24px
    }
}

.ongoing-due-diligence__bottom {
    display: flex;
    justify-content: "space-between"
}

.accordion-sideview .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .accordion-sideview .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .accordion-sideview .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .accordion-sideview .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .accordion-sideview .frame__cell {
        padding:0 8px
    }
}

.accordion-sideview .frame__cell-item {
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .accordion-sideview .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .accordion-sideview .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 640px) {
    .accordion-sideview .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .accordion-sideview .frame__cell-item {
        margin-left:0%
    }
}

.accordion-sideview .accordion-sideview__wrapper {
    padding: 16px 8px 64px
}

@media(min-width: 1024px) {
    .accordion-sideview .accordion-sideview__wrapper {
        padding:16px 80px 64px
    }
}

.accordion-sideview--titleEmpty .accordion-sideview__wrapper {
    padding-top: 48px
}

@media(min-width: 1024px) {
    .accordion-sideview--titleEmpty .accordion-sideview__wrapper {
        padding-top:64px
    }
}

.accordion-sideview .accordion-sideview__title {
    text-align: center;
    margin: 40px 0
}

@media(min-width: 1024px) {
    .accordion-sideview .accordion-sideview__title {
        margin:56px 0
    }
}

.accordion-sideview__summary {
    border: none;
    text-align: inherit;
    width: 100%;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    color: inherit;
    min-height: 58px;
    display: flex;
    padding: 16px 20% 16px 0;
    position: relative;
    z-index: 1
}

.accordion-sideview__summary--isOpen {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-weight: 900
}

@media(min-width: 1024px) {
    .accordion-sideview__summary--isOpenInitially {
        font-size:1.25rem;
        line-height: 1.5rem;
        font-family: "Titillium Web",Helvetica,Arial,sans-serif;
        font-weight: 900
    }
}

@media(min-width: 1024px) {
    .accordion-sideview__summary {
        padding:16px 20% 16px 16px
    }

    .accordion-sideview__summary:hover .accordion-sideview__icon,.accordion-sideview__summary--isOpen .accordion-sideview__icon,.accordion-sideview__summary--isOpenInitially .accordion-sideview__icon {
        opacity: 1
    }
}

.accordion-sideview__icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease;
    width: 2.5rem;
    height: 1.5625rem
}

@media(min-width: 1024px) {
    .accordion-sideview__icon {
        width:2.5rem;
        opacity: 0
    }
}

.accordion-sideview__icon svg {
    fill: currentcolor;
    width: 1.75rem;
    height: 1.75rem
}

@media(min-width: 1024px) {
    .accordion-sideview__icon svg {
        width:1.25rem;
        height: 1.25rem;
        transform: rotate(-90deg)
    }
}

.accordion-sideview__icon svg+svg {
    display: none
}

@media(max-width: 1024px) {
    .accordion-sideview__summary--isOpen .accordion-sideview__icon svg {
        display:none
    }

    .accordion-sideview__summary--isOpen .accordion-sideview__icon svg+svg {
        display: block
    }
}

@media(min-width: 1024px) {
    .accordion-sideview__slide-toggle-small {
        display:none
    }
}

.accordion-sideview__summary:last-child {
    border-bottom: 1px solid
}

.accordion-sideview__summary:last-child.accordion-sideview-small-item--isOpen {
    border-bottom: none
}

.accordion-sideview__summary {
    border-top: 1px solid
}

.accordion-sideview__content-small {
    padding: 0 0 24px;
    z-index: -1;
    max-width: 41.125rem;
    transform-origin: 50% 0
}

.accordion-sideview__content-small>*:first-child {
    margin-top: 0
}

.accordion-sideview__content-small>*:last-child {
    margin-bottom: 0
}

.accordion-sideview__content-large {
    display: none;
    opacity: 0;
    transition: opacity .3s ease-out
}

@media(min-width: 1024px) {
    .accordion-sideview__content-large {
        display:inline-block;
        padding-left: 6%;
        padding-right: 16px;
        width: 50%
    }
}

.accordion-sideview__content-large--toggleOn {
    opacity: 1;
    transition: opacity .3s ease-in
}

@media(min-width: 1024px) {
    .accordion-sideview__summary-items {
        display:inline-block;
        position: sticky;
        top: 0;
        width: 50%;
        padding-right: 6%;
        padding-left: 16px;
        margin-bottom: 120px;
        float: left
    }
}

.accordion-sideview .accordion-sideview__summary,.accordion-sideview .accordion-sideview__summary:last-child {
    border-color: #e5e5e5
}

.accordion-sideview.t-bg-color-1 {
    color: #fff
}

.accordion-sideview.t-bg-color-1 .accordion-sideview__summary {
    border-color: rgba(255,255,255,.3)
}

.accordion-sideview.t-bg-color-2 {
    color: #fff
}

.accordion-sideview.t-bg-color-2 .accordion-sideview__summary {
    border-color: rgba(255,255,255,.3)
}

.accordion-sideview.t-bg-color-3 {
    color: #000
}

.accordion-sideview.t-bg-color-3 .accordion-sideview__summary {
    border-color: rgba(0,0,0,.3)
}

.accordion-sideview.t-bg-color-4 {
    color: #000
}

.accordion-sideview.t-bg-color-4 .accordion-sideview__summary {
    border-color: rgba(0,0,0,.3)
}

.accordion-sideview.t-bg-color-gray {
    background-color: #f2f2f2;
    color: #242424
}

.accordion-sideview.t-bg-color-gray .accordion-sideview__summary {
    border-color: #e5e5e5
}

.employee-archive {
    background-color: #f2f2f2;
    padding: 48px 0 48px 0
}

@media(min-width: 640px) {
    .employee-archive {
        padding:80px 0 80px 0
    }
}

.employee-archive .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .employee-archive .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .employee-archive .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .employee-archive .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .employee-archive .frame__cell {
        padding:0 8px
    }
}

.employee-archive .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .employee-archive .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .employee-archive .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .employee-archive .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .employee-archive .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .employee-archive .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .employee-archive .frame__cell-item {
        margin-left:12.5%
    }
}

.employee-archive__archive-container {
    background: #f2f2f2;
    display: flex;
    flex-direction: column;
    padding: 0rem
}

.employee-archive__archive-container-header {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 3.125rem;
    color: #242424;
    margin-bottom: 1rem;
    overflow-wrap: anywhere
}

.employee-archive__archive-container-body {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #242424;
    margin-bottom: 1.5rem;
    max-width: 50%
}

@media(max-width: 1024px) {
    .employee-archive__archive-container-body {
        max-width:75%
    }
}

@media(max-width: 768px) {
    .employee-archive__archive-container-body {
        max-width:100%
    }
}

.employee-archive__archive-container-body div>:first-child {
    margin-top: 0
}

.employee-archive__archive-container-body div>:last-child {
    margin-bottom: 0
}

.employee-archive__archive-dropdown {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 0 24px;
    min-width: 176px
}

.employee-archive__archive-dropdown .dropdown-select .dropdown-select-button .dropdown-select-button__icon {
    padding-right: 1rem;
    margin-left: auto
}

.employee-archive__archive-dropdown-specs {
    margin: 0 0 48px
}

.employee-archive__archive-container-employee-title {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.875rem;
    line-height: 3.125rem;
    color: #242424;
    margin: 0
}

.employee-archive__archive-container-employee-count {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.1875rem;
    color: #242424;
    margin: 0;
    margin-bottom: 1rem
}

.employee-archive__section-container {
    margin: 0
}

.department-section__single-section {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
    margin: 8px -8px -8px -8px
}

.department-section__single-section-header {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 50px;
    margin: 0
}

.department-section__button-container {
    display: flex;
    justify-content: center
}

.department-section__load-more-button {
    margin-bottom: 32px
}

.employee-card__employee-container {
    flex-basis: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0 0.5rem 2rem 0.5rem
}

@media(min-width: 360px) {
    .employee-card__employee-container {
        flex-basis:50%;
        min-width: 50%
    }
}

@media(min-width: 640px) {
    .employee-card__employee-container {
        flex-basis:33%;
        min-width: 33%
    }
}

@media(min-width: 768px) {
    .employee-card__employee-container {
        flex-basis:25%;
        min-width: 25%
    }
}

.employee-card__employee-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}

.employee-card__employee-name {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    color: #242424;
    padding-top: 2px;
    margin: 8px 0 8px 0
}

.employee-card__employee-job-title {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #242424;
    padding: 4px 0 2px 0;
    margin: 8px 0 8px 0;
    min-height: 1.375rem;
    overflow-wrap: anywhere
}

.employee-card__employee-phone {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 4px;
    color: #242424
}

.employee-card__employee-phone .phone-icon-specs {
    position: relative;
    height: 14px;
    margin-right: 8px;
    top: 1px
}

.employee-card__employee-email {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #242424;
    overflow-wrap: anywhere;
    display: inline-flex;
    margin-top: 4px;
    align-items: baseline
}

.employee-card__employee-email .email-icon-specs {
    position: relative;
    height: 14px;
    margin-right: 8px;
    min-width: 14px;
    top: 1px
}

.employee-card__employee-linkedin {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 4px;
    color: #242424
}

.employee-card__employee-linkedin .linkedin-icon-specs {
    position: relative;
    height: 14px;
    margin-right: 8px;
    min-width: 14px;
    top: 1px
}

.employee-teaser {
    background-color: #f2f2f2;
    padding: 48px 0 48px 0
}

@media(min-width: 640px) {
    .employee-teaser {
        padding:80px 0 80px 0
    }
}

.employee-teaser .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .employee-teaser .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .employee-teaser .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .employee-teaser .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .employee-teaser .frame__cell {
        padding:0 8px
    }
}

.employee-teaser .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .employee-teaser .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .employee-teaser .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .employee-teaser .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .employee-teaser .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .employee-teaser .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .employee-teaser .frame__cell-item {
        margin-left:12.5%
    }
}

.employee-teaser__teaser-container {
    background: #f2f2f2;
    display: flex;
    flex-direction: column;
    padding: 0
}

.employee-teaser__section {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
    margin: 8px -8px -8px -8px
}

.employee-teaser__section-header {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 50px;
    color: #242424;
    margin: 0
}

.floating-article__card-container {
    display: flex;
    flex-direction: row;
    position: fixed;
    z-index: 11000;
    top: 20%;
    max-width: 920px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

@media(max-width: 1024px) {
    .floating-article__card-container {
        max-width:656px
    }
}

@media(max-width: 768px) {
    .floating-article__card-container {
        top:14%;
        max-width: 260px;
        flex-direction: column
    }
}

.floating-article__context-container {
    display: flex;
    flex-direction: column;
    min-width: 62%;
    position: relative
}

.floating-article__context-container svg {
    fill: currentcolor
}

@media(max-width: 768px) {
    .floating-article__context-container {
        min-width:100%
    }
}

.floating-article__text {
    padding: 0 2.5rem 2.5rem;
    margin-top: -2rem
}

@media(max-width: 1024px) {
    .floating-article__text {
        padding:0 1.5rem 1.5rem;
        margin-top: -2.5rem
    }
}

@media(max-width: 768px) {
    .floating-article__text {
        padding:0 1rem 1rem
    }
}

.floating-article__dismiss-button {
    cursor: pointer;
    align-self: flex-end
}

.floating-article__image-container {
    min-width: 25%
}

.floating-article__no-image {
    max-width: 660px
}

@media(max-width: 768px) {
    .floating-article__no-image {
        max-width:280px
    }
}

.floating-article__image-right {
    flex-direction: row-reverse
}

@media(max-width: 768px) {
    .floating-article__image-right {
        flex-direction:column
    }
}

.floating-article__focus-left {
    left: 0
}

.floating-article__focus-right {
    right: 0
}

.floating-article__focus-center {
    margin: auto;
    left: 0;
    right: 0
}

.floating-article__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width: 768px) {
    .floating-article__image {
        object-fit:contain
    }
}

.floating-article__title {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.875rem;
    margin: 8px 24px 16px 0;
    line-height: 2.5rem
}

@media(max-width: 1024px) {
    .floating-article__title {
        font-size:1.5625rem;
        line-height: 2.1875rem
    }
}

@media(max-width: 768px) {
    .floating-article__title {
        font-size:1.25rem;
        line-height: 1.875rem;
        margin-top: 0;
        margin-right: 48px
    }
}

.floating-article__description {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem
}

.floating-article__link-container {
    font-family: "Lato","Helvetica",sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin-top: 3.5rem
}

@media(max-width: 768px) {
    .floating-article__link-container {
        font-size:1rem;
        line-height: 1.875rem
    }
}

.floating-article__link-container .arrow-icon-specs {
    max-width: 32px;
    margin-left: 16px
}

.floating-article__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    min-width: 100%;
    padding: 0 2.5rem 1.625rem 2.5rem
}

@media(max-width: 1024px) {
    .floating-article__link {
        padding:0 1.5rem 1.5rem
    }
}

@media(max-width: 768px) {
    .floating-article__link {
        padding:0 16px 16px
    }
}

.floating-article__cta-button-container {
    margin-top: 64px
}

.floating-article__cta-button {
    display: flex;
    align-items: center;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    min-width: 100%
}

.floating-article__context-container--default {
    background-color: #fff;
    color: #242424
}

.floating-article__context-container--t-bg-color-1 {
    background-color: #3f4346;
    color: #fff
}

.floating-article__context-container--t-bg-color-1 a {
    background-color: #3f4346;
    color: #fff
}

.floating-article__context-container--t-bg-color-1 button {
    background-color: #fff;
    color: #fedd46
}

.floating-article__context-container--t-bg-color-2 {
    background-color: #6c757b;
    color: #fff
}

.floating-article__context-container--t-bg-color-2 a {
    background-color: #6c757b;
    color: #fff
}

.floating-article__context-container--t-bg-color-2 button {
    background-color: #fff;
    color: #fedd46
}

.floating-article__context-container--t-bg-color-3 {
    background-color: #fff1b5;
    color: #000
}

.floating-article__context-container--t-bg-color-3 a {
    background-color: #fff1b5;
    color: #000
}

.floating-article__context-container--t-bg-color-4 {
    background-color: #fedd46;
    color: #000
}

.floating-article__context-container--t-bg-color-4 a {
    background-color: #fedd46;
    color: #000
}

.floating-article__context-container--t-bg-color-4 button {
    background-color: #fff;
    color: #fedd46
}

.floating-article__context-container--t-bg-color-gray {
    background-color: #f2f2f2;
    color: #242424
}

.latest-news-list .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .latest-news-list .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .latest-news-list .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .latest-news-list .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .latest-news-list .frame__cell {
        padding:0 8px
    }
}

.latest-news-list .frame__cell-item {
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .latest-news-list .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .latest-news-list .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 640px) {
    .latest-news-list .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .latest-news-list .frame__cell-item {
        margin-left:0%
    }
}

.latest-news-list .latest-news-list__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap
}

.latest-news-list .latest-news-list__item {
    flex-grow: 0;
    margin-bottom: 16px
}

.latest-news-list .latest-news-list__item img,.latest-news-list .latest-news-list__item picture {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    min-width: 100%
}

@media(max-width: 1024px) {
    .latest-news-list .latest-news-list__item .a-arrow-link {
        font-size:.9em;
        padding-left: 1.0625rem
    }
}

.latest-news-list .latest-news-list__image-container {
    margin: 0 8px;
    overflow: hidden;
    display: block
}

.latest-news-list .latest-news-list__image {
    transition: transform .5s ease-in-out
}

.latest-news-list .latest-news-list__image:hover {
    transform: matrix(1.05, 0, 0, 1.05, 0, 0)
}

.latest-news-list .latest-news-list__text {
    max-width: 510.75px;
    padding: 0 8px;
    margin-bottom: 24px
}

.latest-news-list .latest-news-list__item {
    margin-bottom: 3.5rem;
    flex-basis: 50%;
    min-width: 50%
}

@media(min-width: 1024px) {
    .latest-news-list .latest-news-list__item {
        margin-bottom:2.5rem;
        flex-basis: 25%;
        min-width: 25%
    }
}

.latest-news-list .latest-news-list__item>a:first-child {
    text-decoration: none;
    color: currentColor
}

.latest-news-list .latest-news-list__text-category {
    margin: 18px 0;
    height: 16px;
    line-height: 1rem;
    vertical-align: middle
}

.latest-news-list .latest-news-list__text-date {
    font-size: 0.8125rem;
    line-height: 0.8125rem;
    position: relative;
    display: block
}

.latest-news-list .latest-news-list__text-title {
    margin: 8px 0 16px
}

.latest-news-list .latest-news-list__text-text {
    overflow: hidden
}

.latest-news-list .latest-news-list__bottom {
    text-align: center;
    margin-bottom: 24px
}

.latest-news-list .latest-news-list__bottom a {
    text-decoration: none
}

.latest-news-list .latest-news-list__bottom-button {
    width: 320px;
    height: 56px;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 100
}

.latest-news-list .latest-news-list__link {
    padding: 0px
}

.latest-news-list .latest-news-list__bottom-link {
    margin: 16px 0
}

.news-archive-top {
    position: relative;
    background-color: #f2f2f2;
    margin-bottom: 40px
}

.news-archive-top__primary h1 {
    margin-top: .4em
}

.news-archive-top__primary .frame__cell-item {
    padding: 0 0 25px
}

@media(min-width: 460px) {
    .news-archive-top__primary .frame__cell-item {
        padding:0 25px 25px 25px
    }
}

.news-archive-top__primary .frame__cell-item:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: inherit;
    z-index: -1;
    transform: translateX(-99%)
}

@media(min-width: 1400px) {
    .news-archive-top__primary .frame__cell-item {
        position:static
    }

    .news-archive-top__primary .frame__cell-item:after {
        transform: none
    }
}

.news-archive-top__primary .frame__cell-item .filtering-list-body {
    max-height: none
}

@media screen and (min-width: 640px) {
    .news-archive-top__primary .frame__cell-item .filtering-list-body::after {
        content:"";
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 10px;
        bottom: 24px
    }
}

.news-archive-top__primary .frame__cell-item .filtering-list-body__inner {
    background-color: #fff;
    padding: 0 8px 8px
}

@media screen and (max-width: 639px) {
    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner {
        max-height:185px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner::-webkit-scrollbar {
        width: 10px;
        height: 0;
        z-index: 12
    }

    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner:hover::-webkit-scrollbar {
        height: 8px
    }

    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner::-webkit-scrollbar-track {
        background: rgba(0,0,0,.05)
    }

    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.3);
        background: #3f4346
    }

    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0,0,0,.1)
    }
}

@media(min-width: 640px) {
    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner {
        column-count:2
    }
}

@media(min-width: 768px) {
    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner--hasThreeColumn {
        column-count:3
    }
}

.news-archive-top__primary .frame__cell-item .filtering-list-body__inner>div {
    padding-left: 16px;
    position: relative;
    display: block
}

.news-archive-top__primary .frame__cell-item .filtering-list-body__inner>div:hover {
    background-color: #f2f2f2
}

@media screen and (max-width: 639px) {
    .news-archive-top__primary .frame__cell-item .filtering-list-body__inner>div:last-child .dropdown-select-item.dropdown-select-checkbox-item {
        border-bottom:none
    }
}

.news-archive-top__primary .frame__cell-item .dropdown-select-item:hover {
    background-color: rgba(0,0,0,0)
}

.news-archive-top__primary .frame__cell-item .dropdown-select-item.dropdown-select-checkbox-item {
    display: inline-block;
    border-bottom: 1px solid rgba(229,229,229,.65);
    width: 100%
}

.news-archive-top__primary .frame__cell-item .dropdown-select-item.dropdown-select-checkbox-item .checkbox-select {
    padding: 23px 3px;
    display: block;
    float: left;
    margin: 0
}

.news-archive-top__primary .frame__cell-item .dropdown-select-item__button {
    padding: 0 16px;
    margin: 0;
    height: 72px;
    line-height: 1.6;
    width: calc(100% - 52px)
}

.news-archive-top__primary .frame__cell-item .checkbox-select {
    margin-top: 18px;
    margin-left: 20px
}

.news-archive-top__primary .frame__cell-item .dropdown-select-checkbox-item--isSelected .dropdown-select-item__button {
    color: #fedd46;
    font-weight: bold
}

.news-archive-top__primary .frame__cell-item .checkbox-select__input:checked~.checkbox-select__indicator {
    background: #fedd46;
    border-color: #fedd46
}

.news-archive-top__primary .frame__cell-item .dropdown-select-button {
    font-weight: bold;
    font-size: 1rem
}

@media screen and (min-width: 640px) {
    .news-archive-top__primary .frame__cell-item .dropdown-select-button {
        height:64px;
        padding-left: 28px
    }
}

.news-archive-top__primary .frame__cell-item .dropdown-select-button__icon {
    right: 16px;
    position: absolute
}

.news-archive-top__primary .frame__cell-item .dropdown-select-button__icon .icon {
    width: 28px;
    height: 28px;
    display: block
}

.news-archive-top__primary .frame__cell-item__inner {
    position: relative;
    padding: 24px 0
}

.news-archive-result {
    display: block
}

.news-archive-result .news-archive-result__item {
    margin-left: 0%;
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    padding: 25px;
    max-width: 51.5625rem;
    color: #242424;
    text-decoration: none
}

@media(min-width: 640px) {
    .news-archive-result .news-archive-result__item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .news-archive-result .news-archive-result__item {
        margin-left:25%
    }
}

.news-archive-result .news-archive-result__item:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    background-color: #f2f2f2
}

.news-archive-result .news-archive-result__item:hover {
    background-color: #f2f2f2
}

.news-archive-result .news-archive-result__item:hover:after {
    display: none
}

.news-archive-result .news-archive-result-texts {
    width: 100%
}

.news-archive-result .news-archive-result__info {
    display: flex;
    justify-content: space-between;
    font-size: 13px
}

.news-archive-result .news-archive-result__info--mobile {
    display: none;
    margin-top: 15px;
    color: #242424;
    text-decoration: none
}

.news-archive-result .news-archive-result-texts__title {
    margin: 16px 0px 8px 0px;
    font-size: 20px;
    font-weight: 800
}

.news-archive-result .news-archive-result-texts__title--featured {
    font-size: 30px
}

.news-archive-result .news-archive-result-texts__text-container {
    overflow: hidden
}

.news-archive-result .news-archive-result-texts__text {
    margin: 0px
}

.news-archive-result .news-archive-result__img {
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
    margin-left: 35px
}

@media all and (-ms-high-contrast: none) {
    .news-archive-result .news-archive-result__img {
        width: auto;
        height: auto
    }
}

.news-archive-result .news-archive-result__img--featured {
    max-width: 200px;
    max-height: 200px;
    margin: 0px 35px 0px 0px
}

@media(max-width: 460px) {
    .news-archive-result .news-archive-result__item {
        padding:0px 0px 25px 0px
    }

    .news-archive-result .news-archive-result__item:after {
        left: 0px;
        right: 0px
    }

    .news-archive-result .news-archive-result-texts__title {
        font-size: 16px;
        margin: 10px 0px 10px 0px;
        line-height: 21px
    }

    .news-archive-result .news-archive-result-texts__title--featured {
        font-size: 18px
    }

    .news-archive-result .news-archive-result-texts__text {
        font-size: 13px;
        line-height: 19px
    }

    .news-archive-result .news-archive-result-texts__text-container {
        height: 60px
    }

    .news-archive-result .news-archive-result__img {
        margin: 12px 0px 0px 25px;
        max-width: 125px;
        max-height: 125px
    }

    .news-archive-result .news-archive-result__img--featured {
        order: 10
    }

    .news-archive-result .news-archive-result__info--desktop {
        visibility: hidden;
        display: none
    }

    .news-archive-result .news-archive-result__info--mobile {
        display: flex
    }
}

.news-archive-pagination {
    margin: 40px 0px 40px 0px
}

.news-archive-pagination .news-archive-pagination__link--isCurrent {
    font-weight: bold
}

.news-archive-pagination .news-archive-pagination__link--isCurrent::after {
    height: 4px
}

.news-archive-result,.news-archive-top__primary {
    display: block;
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .news-archive-result,.news-archive-top__primary {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .news-archive-result,.news-archive-top__primary {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .news-archive-result,.news-archive-top__primary {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .news-archive-result,.news-archive-top__primary {
        padding:0 8px
    }
}

.news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
    max-width: 51.5625rem;
    margin-left: 0%
}

@media(min-width: 640px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:25%
    }
}

@media(max-width: 1280px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:0%;
        max-width: 75%
    }
}

@media(max-width: 1280px)and (min-width: 640px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:0%
    }
}

@media(max-width: 1280px)and (min-width: 1024px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:12.5%
    }
}

@media(max-width: 1024px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:0%;
        max-width: 100%
    }
}

@media(max-width: 1024px)and (min-width: 640px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:0%
    }
}

@media(max-width: 1024px)and (min-width: 1024px) {
    .news-archive-result .news-archive-result__item,.news-archive-top__primary .frame__cell-item {
        margin-left:0%
    }
}

.news-archive-result__date {
    flex-shrink: 0
}

.news-categories {
    width: 100%;
    font-size: 0.8125rem
}

.news-categories--allCategoriesVisible .news-categories__items {
    width: 100%
}

.news-categories--limitedWidth .news-categories__items {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 30px);
    display: inline-block
}

.news-categories__ellipsis .tooltip {
    left: calc(50% - 2.5px)
}

.news-categories__ellipsis>span:after {
    content: "[...]"
}

@media(min-width: 1024px) {
    .news-categories__ellipsis {
        cursor:pointer;
        position: relative
    }

    .news-categories__ellipsis:hover .tooltip {
        opacity: 1
    }

    .news-categories__ellipsis:hover>span {
        color: #fedd46
    }

    .news-categories__ellipsis .tooltip-label {
        white-space: normal;
        width: 250px;
        line-height: 1.25rem
    }
}

.news-categories__items,.news-categories__ellipsis {
    float: left
}

.tooltip-label>span,.news-categories__items>span {
    white-space: nowrap
}

.tooltip-label>span>span,.news-categories__items>span>span {
    padding: 0 5.3333333333px;
    white-space: normal
}

.tooltip-label>span>span:after,.news-categories__items>span>span:after {
    content: "· "
}

.tooltip-label>span:last-child span,.news-categories:not(.news-categories--hasEllipsis) .news-categories__items>span:last-child span {
    display: none
}

.organization-module .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .organization-module .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .organization-module .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .organization-module .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .organization-module .frame__cell {
        padding:0 8px
    }
}

.organization-module .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .organization-module .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .organization-module .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .organization-module .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .organization-module .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .organization-module .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .organization-module .frame__cell-item {
        margin-left:12.5%
    }
}

.organization-list {
    background: rgba(0,0,0,0);
    height: 100vh;
    width: 100vw
}

@media(min-width: 640px) {
    .organization-list {
        height:60vh;
        width: 640px
    }
}

.organization-list .organization-list__close-button-area {
    height: 96px;
    background: #000;
    opacity: .5
}

@media(min-width: 640px) {
    .organization-list .organization-list__close-button-area {
        display:none
    }
}

.organization-list .organization-list__head {
    height: 56px;
    background: #fff1b5;
    overflow: hidden;
    padding: 0 16px
}

@media(min-width: 640px) {
    .organization-list .organization-list__head {
        height:68px;
        padding: 0 40px
    }
}

.organization-list .organization-list__filter {
    max-width: none;
    line-height: 32px
}

.organization-list .organization-list__filter .filter-field {
    overflow: hidden;
    max-width: none
}

.organization-list .organization-list__filter .filter-field__search-icon {
    height: 100%;
    top: 0
}

.organization-list .organization-list__filter .filter-field__label {
    font-size: 16px;
    top: 12px;
    left: 32px
}

@media(min-width: 640px) {
    .organization-list .organization-list__filter .filter-field__label {
        font-size:16px;
        top: 20px;
        left: 32px
    }
}

.organization-list .organization-list__filter .filter-field__input {
    width: 100%;
    padding: 18px 24px
}

@media(min-width: 640px) {
    .organization-list .organization-list__filter .filter-field__input {
        padding:24px
    }
}

.organization-list .organization-list__filter .filter-field__input:hover {
    border-bottom: none
}

.organization-list .organization-list__filter .filter-field__input:focus,.organization-list .organization-list__filter .filter-field__input:not([value=""]) {
    border: none
}

.organization-list .organization-list__filter .filter-field__input:focus~.filter-field__search-icon,.organization-list .organization-list__filter .filter-field__input:not([value=""])~.filter-field__search-icon {
    transform: translateX(100%) translateX(-30px)
}

.organization-list .organization-list__filter .filter-field__input:focus~label,.organization-list .organization-list__filter .filter-field__input:not([value=""])~label {
    opacity: 0
}

.organization-list .organization-list__body {
    background: #fff;
    padding: 0
}

@media(max-width: 640px) {
    .organization-list .organization-list__body {
        height:calc(100vh - 96px)
    }
}

.organization-list .organization-list__body--scroll {
    overflow-y: scroll
}

.organization-list .organization-list__body--scroll::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.organization-list .organization-list__body--scroll:hover::-webkit-scrollbar {
    height: 8px
}

.organization-list .organization-list__body--scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.organization-list .organization-list__body--scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.organization-list .organization-list__body--scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.organization-list-row {
    padding: 0 16px
}

@media(min-width: 640px) {
    .organization-list-row {
        padding:0 40px
    }
}

.organization-list-row:hover {
    background-color: #f0f0f0
}

.organization-list-row:last-of-type {
    margin-bottom: 80px
}

.organization-list-row__item {
    border-bottom: 1px solid #e5e5e5;
    height: 56px;
    text-decoration: none;
    display: flex;
    color: #242424
}

@media(min-width: 640px) {
    .organization-list-row__item {
        height:64px
    }
}

.organization-list-row__item:focus {
    outline: 1px solid #e5e5e5;
    border: 1px solid #e5e5e5
}

.organization-list-row__item:visited {
    color: #242424
}

.organization-list-row__item-left,.organization-list-row__item-right {
    display: flex;
    align-items: center
}

.organization-list-row__item-left .circle--size-medium {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.organization-list-row__item-right {
    margin-left: 16px;
    width: 100%
}

@media(min-width: 640px) {
    .organization-list-row__item-right {
        margin-right:24px
    }
}

@media(max-width: 640px) {
    .organization-list-row__item-right span {
        width:70vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.order-bankid-se {
    width: 100%
}

.order-bankid-se-select-type {
    height: 550px;
    width: 500px;
    margin: 0 auto;
    background-color: #fff;
    position: relative
}

.order-bankid-se-select-type-envelope__title {
    margin: 0;
    padding: 48px 48px 32px
}

.order-bankid-se-select-type-envelope__form-radio {
    margin: 0 0 0 48px !important;
    font-weight: 600
}

.order-bankid-se-select-type-envelope__description {
    padding: 0 48px;
    margin: 0 0 32px 33px;
    cursor: pointer
}

.order-bankid-se-select-type-envelope__bottom-buttons {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 100%
}

.order-bankid-se-select-type-error__title {
    margin: 0;
    padding: 48px 48px 32px
}

.order-bankid-se-select-type-error__error {
    padding: 0 48px;
    margin: 0
}

.order-bankid-se-select-type-error__bottom-btn {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.order-bankid-se-select-type-sms__title {
    margin: 0;
    padding: 48px 48px 32px
}

.order-bankid-se-select-type-sms__first-paragraph-title {
    margin: 0 0 0 48px;
    font-weight: 600
}

.order-bankid-se-select-type-sms__first-paragraph {
    margin: 0 48px 16px 48px
}

.order-bankid-se-select-type-sms__second-paragraph {
    margin: 0 48px 0 48px
}

.order-bankid-se-select-type-sms__bottom-buttons {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 100%
}

.order-bankid-se-select-type-syd-id__title {
    margin: 0;
    padding: 48px 48px 32px
}

.order-bankid-se-select-type-syd-id__form-radio {
    margin: 0 0 0 48px !important;
    font-weight: 600
}

.order-bankid-se-select-type-syd-id__description {
    padding: 0 48px;
    margin: 0 0 32px 33px;
    cursor: pointer
}

.order-bankid-se-select-type-syd-id__bottom-buttons {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 100%
}

.order-bankid-se-terms {
    height: 550px;
    width: 500px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.order-bankid-se-terms__title {
    margin: 0;
    padding: 48px 48px 32px
}

.order-bankid-se-terms__terms {
    padding: 0 48px;
    overflow-y: scroll;
    height: 258px;
    margin: 0px
}

.order-bankid-se-terms__bottom {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.order-bankid-se-terms__checkbox .form-checkbox {
    margin: 32px 48px
}

.order-bankid-se-terms__buttons {
    display: flex
}

.order-bankid-se-terms-error__title {
    margin: 0;
    padding: 48px 48px 32px
}

.order-bankid-se-terms-error__error {
    padding: 0 48px;
    margin: 0
}

.order-bankid-se-terms-error__bottom-btn {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.order-bankid-se-unexpected-error__title {
    margin: 0;
    padding: 48px 48px 32px
}

.order-bankid-se-unexpected-error__error {
    padding: 0 48px;
    margin: 0
}

.order-bankid-se-unexpected-error__bottom-btn {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%
}

.otp-list__container {
    padding: 20px
}

.otp-list__table {
    background-color: #fff
}

.otp-list__headline {
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 20px;
    line-height: 40px;
    display: flex;
    justify-content: space-between
}

.otp-list__error {
    color: #bb0303;
    background-color: #fff;
    padding: 20px
}

.outbox-items {
    padding-top: 16px
}

.outbox-items__table {
    padding-bottom: 32px
}

.outbox-items__column--date {
    width: 120px
}

.outbox-items__column--date .icon {
    margin-left: 8px;
    fill: currentColor;
    width: 0.75rem;
    height: 0.75rem
}

.outbox-items__column--from {
    width: 180px;
    padding-right: 16px
}

.outbox-items__column--to {
    width: 230px;
    max-width: 230px;
    padding-right: 16px
}

.outbox-items__column--own-text {
    width: 230px;
    max-width: 230px
}

.outbox-items__column--amount {
    text-align: right
}

.outbox-items__column--company {
    width: 180px;
    max-width: 180px
}

.outbox-row--isDeleting {
    color: #9b9b9b;
    pointer-events: none
}

.outbox-row--is-rejected {
    color: #dd1d26
}

.outbox-bulk-portal {
    position: fixed;
    z-index: 9002
}

.outbox-column-context {
    width: 1px;
    border-bottom: none
}

.outbox-column-bulk {
    opacity: 0;
    width: 40px
}

.outbox-column-bulk.outbox-column-bulk--isBusinessSegment {
    opacity: 1
}

.outbox-items--hasBulkSelected .outbox-column-bulk,.outbox-row:hover .outbox-column-bulk {
    opacity: 1
}

.outbox-row--focusWithinHighlight:focus-within .outbox-column-bulk {
    opacity: 1
}

.outbox-items__row-delete-indicator {
    position: relative;
    display: inline
}

.outbox-items__row-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.outbox-items__empty-message {
    background-color: #fff;
    padding: 16px;
    text-align: center
}

.outbox-items--isReloading {
    opacity: .4;
    pointer-events: none
}

.outbox-items__column--type-header {
    word-break: break-word;
    max-width: 200px
}

.outbox-items__column--type {
    word-break: break-word;
    max-width: 200px;
    padding: 8px 16px 8px 0
}

.outbox-items__column--type .outbox-items__icon {
    margin-left: 5px;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    vertical-align: middle
}

.outbox-items__search-bar[class*="--small"] {
    padding: 0 32px 32px
}

.outbox-item-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 32px
}

@media(max-width: 768px) {
    .outbox-item-filters {
        padding:32px 32px 24px
    }
}

.outbox-item-filters__filter-field {
    width: 300px
}

.outbox-item-filters__company-checkbox {
    width: 240px
}

.outbox-item-filters__item {
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 8px
}

.outbox-payment-summary {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    padding-top: 16px;
    padding-bottom: 32px
}

.outbox-payment-summary__title {
    font-weight: bold;
    margin-left: 72px;
    margin-top: 16px;
    margin-bottom: 8px
}

.outbox-payment-summary--small .outbox-payment-summary__title {
    margin-left: 32px
}

.outbox-payment-summary__wrapper {
    margin-right: 52px
}

.outbox-payment-summary--small .outbox-payment-summary__wrapper {
    margin-right: 0
}

.outbox-payment-summary__wrapper-row-column--disposible-amount,.outbox-payment-summary__wrapper-column-head--disposible-amount {
    text-align: right
}

.outbox-payment-summary__wrapper-column-head--count {
    width: 40px
}

.outbox-payment-summary__wrapper-row-column--count-circle {
    display: inline-block;
    text-align: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    font-weight: bold;
    line-height: 1.9em
}

.payment-agreements {
    margin-bottom: 64px
}

.payment-agreements__actions {
    display: flex;
    margin-bottom: 1.25rem
}

.payment-agreements__empty {
    text-align: center;
    padding: 1rem
}

.payment-agreements__create {
    margin-left: auto
}

.autogiro-details--loading {
    padding: 50px
}

.autogiro-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.autogiro-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.autogiro-details__row:last-child {
    border-bottom: none
}

.autogiro-details__row-label {
    font-size: 0.8125rem
}

.autogiro-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right
}

.avtalegiro-details--loading {
    padding: 50px
}

.avtalegiro-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.avtalegiro-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.avtalegiro-details__row:last-child {
    border-bottom: none
}

.avtalegiro-details__row-label {
    font-size: 0.8125rem
}

.avtalegiro-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right
}

.bs-agreement-details--loading {
    padding: 50px
}

.bs-agreement-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.bs-agreement-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.bs-agreement-details__row:last-child {
    border-bottom: none
}

.bs-agreement-details__row-label {
    font-size: 0.8125rem
}

.bs-agreement-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right
}

.bs-agreement-details__amount {
    margin-top: 16px;
    font-size: 1.875rem;
    font-weight: 900
}

.payment-agreements-filters {
    display: flex;
    align-items: center
}

.payment-agreements-filters__clear {
    margin-left: 16px
}

.payment-agreements__move-avtalegiro-button {
    margin-left: 16px
}

.payment-agreements-table {
    margin-top: 1.25rem
}

.payment-agreements-table__table-title {
    font-size: 12px;
    font-weight: bold;
    margin: 0.75rem 0
}

.update-autogiro-payment-agreement {
    text-align: center
}

.update-autogiro-payment-agreement__buttons {
    display: flex
}

.update-autogiro-payment-agreement__title {
    font-size: 0.75rem;
    font-weight: 600;
    font-family: "Lato","Helvetica",sans-serif
}

.update-autogiro-payment-agreement__info {
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin: 16px 0
}

.update-autogiro-payment-agreement__reditor-name {
    margin-top: 16px
}

.update-autogiro-payment-agreement__debitor-accounts {
    text-align: left
}

.update-avtalegiro-payment-agreement__receiver-section {
    margin-top: 48px;
    border-top: 1px solid #e5e5e5;
    background-color: #f8f8f8
}

.update-avtalegiro-payment-agreement__buttons {
    display: flex
}

.update-avtalegiro-payment-agreement__info {
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin: 16px 0
}

.update-bs-payment-agreement {
    text-align: center
}

.update-bs-payment-agreement__buttons {
    display: flex
}

.update-bs-payment-agreement__title {
    font-size: 0.75rem;
    font-weight: 600;
    font-family: "Lato","Helvetica",sans-serif
}

.update-bs-payment-agreement__info {
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin: 16px 0
}

.update-bs-payment-agreement__bs-creditor-name {
    margin-top: 16px
}

.update-bs-payment-agreement__bs-debitor-accounts {
    text-align: left
}

.payment-archive {
    padding-top: 16px
}

.payment-archive__table {
    padding-bottom: 32px
}

.payment-archive__column--date {
    width: 120px
}

.payment-archive__column--date .icon {
    margin-left: 8px;
    fill: currentColor;
    width: 0.75rem;
    height: 0.75rem
}

.payment-archive__column--from {
    width: 180px;
    padding-right: 16px
}

.payment-archive__column--to {
    width: 230px;
    max-width: 230px;
    padding-right: 16px
}

.payment-archive__column--own-text {
    width: 230px;
    max-width: 230px
}

.payment-archive__column--status {
    width: 86px;
    max-width: 86px
}

.payment-archive__column--amount {
    text-align: right
}

.payment-archive__column--company {
    width: 180px;
    max-width: 180px
}

.payment-archive__row--isDeleting {
    color: #9b9b9b;
    pointer-events: none
}

.payment-archive__row--is-rejected {
    color: #dd1d26
}

.payment-archive__bulk-portal {
    position: fixed;
    z-index: 9002
}

.payment-archive__column-context {
    width: 1px;
    border-bottom: none
}

.payment-archive__column-bulk {
    opacity: 0;
    width: 40px
}

.payment-archive__column-bulk.payment-archive__column-bulk--isBusinessSegment {
    opacity: 1
}

.payment-archive--hasBulkSelected .payment-archive__column-bulk,.payment-archive__row:hover .payment-archive__column-bulk {
    opacity: 1
}

.payment-archive__row--focusWithinHighlight:focus-within .payment-archive__column-bulk {
    opacity: 1
}

.payment-archive__row-delete-indicator {
    position: relative;
    display: inline
}

.payment-archive__row-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.payment-archive__empty-message {
    background-color: #fff;
    padding: 16px;
    text-align: center
}

.payment-archive--isReloading {
    opacity: .4;
    pointer-events: none
}

.payment-archive__column--type-header {
    word-break: break-word;
    max-width: 200px
}

.payment-archive__column--type {
    word-break: break-word;
    max-width: 200px;
    padding: 8px 16px 8px 0
}

.payment-archive__column--type .payment-archive__icon {
    margin-left: 5px;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    vertical-align: middle
}

.payment-archive__search-bar[class*="--small"] {
    padding: 0 32px 32px
}

@media screen and (min-width: 640px) {
    .action-menu {
        margin-top:15px
    }

    .payment-archive-date-preset-picker__action-menu-arrow {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #fff;
        top: 15px;
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
        box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
    }

    .action-menu li {
        position: relative;
        z-index: 2
    }
}

.payment-archive-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 32px
}

@media(max-width: 768px) {
    .payment-archive-filters {
        padding:32px 32px 24px
    }
}

.payment-archive-filters__filter-field {
    width: 300px;
    margin-left: auto
}

.payment-archive-filters__company-checkbox {
    width: 240px
}

.payment-archive-filters__item {
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 8px
}

.payment-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
    gap: 16px;
    position: relative
}

.payment-cards .payment-cards__button {
    position: absolute;
    top: -56px;
    right: 0;
    box-shadow: 5px 5px rgba(0,0,0,.03),0px 2px 10px rgba(0,0,0,.06),0px 0px 5px -1px rgba(0,0,0,.11)
}

.payment-cards__no-cards {
    padding: 16px 0
}

.payment-cards__activate-unblock-cards-modal .payment-cards__activate-unblock-cards-modal-body {
    width: 648px
}

.payment-cards__activate-unblock-cards-modal .payment-cards__activate-unblock-cards-modal-receipt {
    padding: 16px 0 0
}

.payment-cards__activate-unblock-cards-modal .payment-cards__activate-unblock-cards-modal-button-grey {
    background: #f8f8f8
}

.payment-cards__activate-unblock-cards-modal-headline {
    padding: 40px 0 8px;
    text-align: center;
    font-weight: 800;
    font-size: 1.75rem
}

.payment-cards__activate-unblock-cards-modal-title {
    text-align: center;
    padding: 16px 64px 32px;
    white-space: pre-wrap
}

.order-cards-modal-select-account-label {
    font-size: 1.125rem;
    font-weight: 900
}

.order-cards-modal-select-account__button {
    font-size: 1rem
}

.order-cards-modal .neos-modal__content-inner>:first-child {
    margin-top: 24px
}

.order-cards-modal__body {
    width: 640px;
    padding: 0 48px 8px 48px
}

.order-cards-modal__body>div {
    margin-bottom: 30px
}

.order-cards-modal__body-type-option {
    padding: 0 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold
}

@media(max-width: 360px) {
    .order-cards-modal__body-type-option {
        padding:0
    }
}

.order-cards-modal__body-type-option .ebank-load-spinner {
    position: absolute;
    right: 16px
}

.order-cards-modal__body-type-option-label {
    position: relative
}

.order-cards-modal__body-type-option-description {
    font-weight: 400
}

.order-cards-modal__body-checkbox .form-checkbox__indicator {
    margin-right: 16px
}

.order-cards-modal-step-headline {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 2.1rem
}

.order-cards-receipt {
    width: 640px;
    padding: 40px 80px 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.order-cards-receipt>h5 {
    font-weight: 400
}

.order-cards-receipt .order-cards-receipt__link {
    color: #fedd46
}

.order-cards-receipt__icon {
    height: 56px;
    width: 56px;
    box-shadow: 5px 5px rgba(0,0,0,.03),0px 2px 10px rgba(0,0,0,.06),0px 0px 5px -1px rgba(0,0,0,.11);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 54px 0 18px 0
}

.order-cards-receipt__icon>svg {
    width: 24px
}

.order-cards-status__sub-title {
    font-weight: 600
}

.order-cards-status__buttons-container {
    display: flex;
    border-top: 1px solid #e5e5e5
}

.order-cards-status__modal {
    max-width: 526px
}

.order-cards-status p {
    white-space: pre-wrap
}

.order-cards-status--centered .card__body {
    text-align: center
}

.order-cards-status--centered .icon,.order-cards-status--centered .circle {
    width: 100px;
    margin: auto
}

.payment-card {
    position: relative;
    height: 100%
}

.payment-card .payment-card__title {
    margin-bottom: 32px
}

.payment-card .payment-card__body {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.payment-card__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.payment-card__status {
    font-size: 0.6875rem;
    margin: 6px 0 12px 0;
    position: relative;
    height: 0;
    overflow: visible
}

.payment-card__card {
    height: 157px;
    width: 250px;
    background-image: linear-gradient(to right, #3f4346, #797b7e);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    border-radius: 16px;
    position: relative;
    overflow: hidden
}

.payment-card__card.payment-card__card--dark {
    color: #242424
}

.payment-card__card.payment-card__card--light {
    color: #fff
}

.payment-card__card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    padding: 16px 24px
}

.payment-card__card--faded .payment-card__card-content {
    opacity: .8
}

.payment-card__card-brand {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.payment-card__chip {
    position: relative;
    display: block;
    overflow: hidden
}

.payment-card__chip:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 28px;
    height: 24px;
    background: linear-gradient(-45deg, transparent, currentColor);
    opacity: .2;
    border-radius: 2px
}

.payment-card__chip-icon {
    width: 28px;
    height: 28px;
    fill: currentColor;
    opacity: .8
}

.payment-card__card-details {
    width: 100%;
    text-shadow: 0px 1px 1px rgba(0,0,0,.25)
}

.payment-card__full-brand-name {
    font-size: 0.8125rem;
    font-weight: bold
}

.payment-card__type {
    font-size: 0.6875rem
}

.payment-card__expires-info {
    display: flex;
    justify-content: center;
    align-items: center
}

.payment-card__expires-text {
    font-size: 4px;
    line-height: 5px;
    margin-right: 0.25rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    width: 20px
}

.payment-card__card-number {
    font-size: 0.875rem;
    letter-spacing: .16em
}

.payment-card__expires-date,.payment-card__card-owner {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.payment-card__brand-name {
    font-size: 1rem;
    font-weight: bold
}

.payment-card__block-card {
    color: #dd1d26
}

.payment-card__block-card:hover {
    color: #dd1d26;
    background-color: #f2f2f2;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.payment-card__action-text {
    font-size: 0.75rem
}

.payment-card__context-menu {
    margin: 32px auto
}

.payment-card__card-actions {
    width: 100%;
    display: flex;
    margin: 32px 0;
    padding: 0 6px;
    justify-content: space-between;
    flex-wrap: wrap
}

.payment-card__card-actions--wrap {
    gap: 30px;
    margin: 32px 48px 32px 48px
}

.payment-card__card-actions.centered {
    justify-content: center
}

.payment-card__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    pointer-events: none
}

.payment-card__ribbon {
    position: relative;
    top: 40%;
    left: 50%;
    width: 110%;
    z-index: 3;
    display: flex;
    justify-content: space-evenly;
    letter-spacing: 1px;
    font-size: 0.5625rem;
    transform: translateX(-50%) translateY(-50%) rotate(-13deg);
    color: #242424;
    background-color: #fafafa;
    text-transform: uppercase;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.payment-card__ribbon--warning {
    background-color: #f7a837;
    color: #242424
}

.payment-card__in-app-wallet {
    display: flex;
    padding: 0 16px;
    justify-content: center
}

.payment-card__in-app-wallet__item {
    padding: 0 8px
}

.payment-card__in-app-wallet__item img {
    height: 24px
}

.payment-card__wallet-type {
    display: inline-block;
    text-indent: -9999em;
    overflow: hidden;
    width: 35px;
    height: 25px;
    background-size: 100% 100%
}

.payment-card__wallet-type--apple-pay {
    background-image: url("../../../assets/gfx/apple-pay.svg")
}

.payment-card__wallet-type--google-pay {
    background-image: url("../../../assets/gfx/google-pay.svg")
}

.payment-card__wallet-type--samsung-pay {
    background-image: url("../../../assets/gfx/samsung-pay.svg")
}

.payment-card__wallet-type--fitbit {
    background-image: url("../../../assets/gfx/fitbit.svg")
}

.payment-card__wallet-type--garmin-pay {
    background-image: url("../../../assets/gfx/garmin-pay.svg")
}

.payment-card__wallet-type--get-swish {
    background-image: url("../../../assets/gfx/get-swish.svg")
}

.card-action-item {
    border: unset;
    background: unset;
    padding: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    flex: 1 0 23%
}

.card-action-item>svg {
    width: 20px;
    height: 20px
}

.card-action-item>span {
    font-size: 13px;
    line-height: 17px
}

.details-card {
    max-width: 867px;
    min-width: 300px;
    background-color: #f5faf9
}

.details-card__body {
    display: flex;
    flex-direction: column;
    padding: 16px 32px 0 32px !important
}

.details-card__title {
    border-bottom: 1px solid #000;
    margin: unset
}

.details-card__title>:first-child {
    font-size: 1.6875rem;
    line-height: 32px;
    padding: 32px 0 12px;
    margin: unset
}

.details-card__details {
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 32px 0 16px 0
}

.details-card__frame {
    margin: auto;
    height: 165px;
    width: 370px
}

.details-card__info {
    padding: 32px 200px;
    display: flex;
    flex-direction: column
}

@media(max-width: 640px) {
    .details-card__info {
        padding:32px 40px
    }
}

.details-card__info>p {
    margin: unset
}

.details-card__info--container {
    flex: 1;
    margin: auto;
    padding-bottom: 8px
}

.details-card__info--icon {
    width: 20px;
    height: 20px;
    margin-right: 11.2px
}

.details-card__info--text {
    font-size: 0.875rem
}

.details-card__flip {
    display: flex;
    margin: auto;
    height: 165px;
    width: 370px;
    perspective: 1000px
}

@media(max-width: 768px) {
    .details-card__flip {
        width:300px
    }
}

.details-card__flip--inner {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform .5s;
    background-color: #fff
}

.details-card__flip--inner--active {
    transform: rotateY(180deg)
}

.details-card__flip--front,.details-card__flip--back {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotateX(0deg)
}

.details-card__flip--front {
    border: 1px solid #242424;
    display: flex;
    flex-direction: column
}

.details-card__flip--back {
    transform: rotateY(180deg);
    overflow: hidden
}

.details-card__flip__number {
    width: 280px;
    height: 16px;
    border-radius: 5px;
    background-color: #e0e0e0;
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.details-card__flip__secondLine {
    display: flex;
    flex-direction: row;
    width: 280px
}

.details-card__flip__expiration {
    display: flex;
    flex-direction: column;
    margin-right: 32px
}

.details-card__flip__expiration--label {
    font-size: 0.8125rem;
    line-height: 17px;
    margin-bottom: 4px
}

.details-card__flip__expiration--value {
    width: 52px;
    height: 16px;
    border-radius: 5px;
    background-color: #e0e0e0
}

.details-card__flip__cvc {
    display: flex;
    flex-direction: column
}

.details-card__flip__cvc--label {
    font-size: 0.8125rem;
    line-height: 17px;
    margin-bottom: 4px
}

.details-card__flip__cvc--value {
    width: 31px;
    height: 16px;
    border-radius: 5px;
    background-color: #e0e0e0
}

.details-card__countdown {
    position: absolute;
    left: 16px;
    margin-top: 5px
}

.neos-modal__content-inner--narrow .payment-details {
    max-width: 500px
}

.payment-details .entity-details-header__title {
    word-break: break-word;
    max-width: 768px
}

.payment-details-file-payments__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px 0;
    background-color: #f8f8f8
}

.payment-details-file-payments__details-section thead .table-column:not(:last-child) {
    padding-right: 32px
}

.payment-details-file-payments__details-section tbody .table-column:not(.payment-details-table__price):not(.payment-details-table__arrow) {
    padding-right: 32px
}

.payment-details-file-payments__details-section thead .table-row:before,.payment-details-file-payments__details-section thead .table-row:after,.payment-details-file-payments__details-section tbody .table-row:before,.payment-details-file-payments__details-section tbody .table-row:after {
    min-width: 16px
}

.payment-details-file-payments__details-section .truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px
}

.neos-modal-content .payment-details-file-payments__details-section {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.payment-details-file-payments__details-section--white {
    background-color: #fff !important
}

.payment-details-table__expanded .table-column {
    background-color: #fff
}

.payment-details-table__arrow {
    width: 2.625rem
}

.payment-details-table__price {
    width: 120px;
    text-align: right
}

.payment-details-table--isOpen {
    background-color: #fff
}

.payment-details-table--shouldOpen {
    cursor: pointer
}

.payment-details-table__row td p {
    white-space: pre
}

.payment-details-table__container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: .5rem 1.5rem;
    padding-right: 2.75rem
}

@media(min-width: 640px) {
    .payment-details-table__container {
        grid-template-columns:repeat(2, 1fr)
    }

    .payment-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.payment-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
        border-bottom: none
    }
}

@media(min-width: 1024px) {
    .payment-details-table__container {
        grid-template-columns:repeat(3, 1fr)
    }

    .payment-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.payment-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
        border-bottom: none
    }
}

.neos-modal-content .payment-details-table__container {
    grid-template-columns: 100%
}

@media(min-width: 1024px) {
    .neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
        border-bottom:1px solid #e5e5e5
    }

    .neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2):last-child,.neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item:last-child {
        border-bottom: none
    }

    .neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
        border-bottom: 1px solid #e5e5e5
    }

    .neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3):last-child,.neos-modal-content .payment-details-table__container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item:last-child {
        border-bottom: none
    }
}

.payment-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.payment-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.payment-details__row:last-child {
    border-bottom: none
}

.payment-details__row-label {
    font-size: 0.8125rem
}

.payment-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right;
    word-break: break-word
}

.payment-details__row-data-line {
    margin: unset
}

.payment-details-file-payments__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px 0;
    background-color: #f8f8f8
}

.payment {
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 1650px;
    margin: 48px auto
}

@media screen and (min-width: 640px) {
    .payment {
        padding:0 16px
    }
}

@media screen and (max-width: 1023px) {
    .payment__section--right {
        display:none
    }
}

.payment.payment--multi-mode .payment__section {
    max-height: calc(100vh - 168px);
    overflow-y: scroll;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.payment.payment--multi-mode .payment__section::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.payment.payment--multi-mode .payment__section:hover::-webkit-scrollbar {
    height: 8px
}

.payment.payment--multi-mode .payment__section::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.payment.payment--multi-mode .payment__section::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.payment.payment--multi-mode .payment__section::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

@media screen and (min-width: 1024px) {
    .payment.payment--multi-mode .payment__section--left {
        flex-basis:650px;
        flex-grow: 0;
        flex-shrink: 0
    }

    .payment.payment--multi-mode .payment__section--right {
        flex-grow: 1
    }
}

@media screen and (min-width: 1520px) {
    .payment.payment--multi-mode {
        display:flex
    }

    .payment.payment--multi-mode .payment__section--left {
        flex-grow: 0;
        flex-shrink: 0
    }

    .payment.payment--multi-mode .payment__section--right {
        flex-grow: 1
    }
}

.payment__section {
    max-width: 100%;
    position: relative;
    height: auto;
    width: 100%
}

@media screen and (min-width: 640px) {
    .payment__section {
        padding:8px 8px 0
    }
}

.payment__content {
    will-change: opacity;
    opacity: 0;
    animation: animOpacityPaymentContent .2s .3s forwards
}

@keyframes animOpacityPaymentContent {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.payment--small {
    margin-bottom: 100px
}

.payment--small .payment__section {
    margin-top: 0;
    box-shadow: none;
    width: 100%
}

.payment--multi-mode .payment__content .payment-form,.payment--multi-mode .payment__content .payment-create__draft-toggle {
    opacity: 0;
    animation: animOpacityPaymentContent .5s .3s forwards
}

.payment__content--attachment {
    height: 100%
}

.payment-create__draft-button:not(:hover) {
    color: #fff;
    border-color: #fff
}

.payment-account-option {
    padding: 0 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold
}

@media(max-width: 360px) {
    .payment-account-option {
        padding:0
    }
}

.payment-account-option .ebank-load-spinner {
    position: absolute;
    right: 16px
}

.payment-account-option-label--right {
    text-align: right;
    letter-spacing: .5px
}

.payment-account-option--receiver .payment-account-option-label,.payment-account-option--receiver .payment-account-option-label--right {
    position: relative
}

.payment-account-option--receiver .payment-account-option-label--right {
    font-weight: normal
}

.payment-account-option-remove-button {
    display: block;
    position: absolute;
    right: -24px;
    top: 50%;
    height: 64px;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem
}

.payment-account-option-remove-button .icon {
    fill: #242424;
    width: 1rem;
    height: 1rem
}

.payment-account-option-remove-button .payment-account-option--has-hover {
    transition: all .3s;
    visibility: hidden;
    opacity: 0
}

.react-autosuggest__suggestion--highlighted .payment-account-option-remove-button,.payment-account-option--receiver:hover .payment-account-option-remove-button {
    visibility: visible;
    opacity: 1
}

.payment-account-option-sublabel {
    color: #6e6e6e;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: .5px;
    font-weight: normal
}

.payment-account-option-sublabel--exceeded {
    color: #dd1d26;
    font-size: 11px;
    line-height: 18px
}

@media(max-width: 360px) {
    .payment-account-option-sublabel--disposable {
        display:none
    }
}

.payment-create {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.payment.payment--multi-mode .payment-create {
    max-width: 620px;
    display: block;
    margin-top: auto
}

.payment-create__content {
    display: block;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background-color: #fff;
    width: 620px;
    max-width: 100%;
    margin-bottom: 32px;
    position: relative
}

.payment-create__draft-toggle {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px
}

.payment-create--verysmall .payment-create__content {
    margin-top: 0
}

@media(max-width: 460px) {
    .payment-create--verysmall {
        margin-left:-16px;
        margin-right: -16px
    }
}

.payment-create--small .payment-form__creditor {
    flex-direction: column
}

.payment-draft-list {
    padding-top: 16px;
    background-color: #fff;
    margin-bottom: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.payment-draft-list.payment-draft-list--hasBulkSelected {
    padding-bottom: 0
}

.payment-draft-list__column--date {
    width: 120px
}

.payment-draft-list__column--from {
    width: 180px
}

.payment-draft-list__column--to {
    width: 180px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.payment-draft-list__column--amount {
    text-align: right
}

.payment-draft-list__column--company {
    width: 180px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.draft-row--isDeleting {
    color: #9b9b9b;
    pointer-events: none
}

.draft-bulk-portal {
    position: fixed;
    z-index: 9002
}

.draft-column-context {
    width: 1px;
    border-bottom: none
}

.draft-column-context .context-menu {
    margin-left: 1rem
}

.draft-column-bulk {
    opacity: 0;
    width: 40px
}

.draft-column-bulk.draft-column-bulk--isBusinessSegment {
    opacity: 1
}

.payment-draft-list--hasBulkSelected .draft-column-bulk,.draft-row:hover .draft-column-bulk {
    opacity: 1
}

.draft-row--focusWithinHighlight:focus-within .draft-column-bulk {
    opacity: 1
}

.payment-draft-list__row-delete-indicator {
    position: relative;
    display: inline
}

.payment-draft-list__row-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.payment-draft-list__empty-message {
    padding: 16px;
    text-align: center
}

.payment-draft-list--isReloading {
    opacity: .4;
    pointer-events: none
}

.table-row.draft-row-spinner {
    margin-top: 0;
    pointer-events: none;
    height: 60px
}

.draft-row-spinner__spinner {
    position: absolute;
    left: 50%;
    transform: translateX(-65%)
}

.payment-draft-list__footer {
    text-align: center;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.payment-draft-list__footer-button {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1);
    margin: 0 8px
}

.payment-draft-list__bulk-bar>div {
    justify-content: flex-start
}

.payment-draft-list--itemsExistNoSelection .payment-draft-list__footer {
    margin-top: 1rem
}

.payment-draft-list {
    padding-top: 16px
}

.payment-draft-list .outbox-payment-summary {
    margin-top: 1rem
}

.payment-einvoice-buttons__wrapper {
    display: flex
}

.payment-einvoice-buttons__radio {
    margin-top: 0;
    margin-bottom: 16px
}

.payment-file-receipt__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px
}

.payment-file-receipt__circle {
    height: 110px;
    width: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 30px;
    margin-bottom: 32px
}

.payment-file-receipt__message {
    max-width: 100%;
    margin: 32px 0;
    overflow-wrap: break-word;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
    padding: 0 32px
}

.payment-file-receipt__headline {
    padding: 32px 0;
    font-weight: bold;
    text-align: center
}

.payment-file-receipt__bundle {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fafafa
}

.payment-file-receipt__file-name {
    word-break: break-word
}

.payment-file-receipt__bundle-approved {
    width: 100%;
    padding: 24px 80px
}

.payment-file-receipt__bundle-button {
    cursor: pointer
}

.payment-file-receipt__bundle-row {
    display: flex;
    padding-bottom: 8px
}

.payment-file-receipt__bundle-row-key {
    flex-grow: 1;
    max-width: 50%;
    display: flex;
    flex-direction: column
}

.payment-file-receipt__bundle-row-value {
    flex-grow: 1;
    max-width: 50%;
    text-align: right;
    display: flex;
    flex-direction: column
}

.payment-file-receipt__bundle-key {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.payment-file-receipt__bundle-button {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.payment-file-receipt__bundle-button svg {
    height: 16px
}

.payment-form {
    position: relative
}

.payment-form__exchange {
    display: flex;
    justify-content: flex-end
}

.payment-form__exchange--label {
    color: #6e6e6e;
    font-size: 0.75rem;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer
}

.payment-form__no-permission-abroad {
    width: 34.375rem;
    padding: 16px 24px;
    margin: auto;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    background-color: #e7f1ef
}

.payment-form__section {
    padding: 20px 0 10px 0
}

.payment-form__actions {
    margin: 20px 0
}

.payment-form__top {
    background-color: #3f4346;
    color: #fff
}

.payment-form__headline {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 1.25rem;
    text-align: center;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.payment-form__transfer-origin-section,.payment-form__transfer-type-section {
    padding: 32px 64px 40px
}

.payment-create--verysmall .payment-form__transfer-origin-section,.payment-create--verysmall .payment-form__transfer-type-section {
    padding: 16px
}

.payment-form__transfer-row {
    display: flex;
    justify-content: stretch
}

@media screen and (max-width: 459px) {
    .payment-form__transfer-row {
        display:block
    }
}

.payment-form__transfer-type-section {
    background-color: #f8f8f8
}

.payment-form__additional-details-button {
    background: none;
    border: none;
    text-decoration: none;
    color: #3f4346;
    font-size: 11px;
    padding-left: 0;
    cursor: pointer
}

.payment-form__additional-details-button .icon {
    transition: transform .2s ease-in;
    height: 16px;
    width: 16px;
    vertical-align: bottom;
    fill: currentColor;
    transform: translateY(1px) rotate(-90deg)
}

.payment-form__additional-details-button--isOpen .icon {
    transform: translateY(1px) rotate(-180deg)
}

.payment-form__additional-details-button-text {
    margin-left: 5px
}

.payment-form__form--isLoading {
    opacity: .5;
    pointer-events: none
}

.payment-form__form-error {
    display: flex;
    font-size: 14px;
    margin: 45px 15px
}

.payment-form__form-error-icon {
    display: flex;
    min-width: 50px
}

.payment-form__form-error-icon .icon {
    align-self: center;
    fill: #dd1d26;
    height: 22px;
    width: 24px
}

.payment-form__amount-currency-row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: stretch
}

.payment-form__amount {
    margin-right: 10px
}

.payment-form__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.payment-form__amount .form-input-wrap {
    margin-bottom: 0
}

.payment-form__amount .form-control__content {
    text-align: center
}

.payment-form__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.payment-form__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.payment-form__amount input::placeholder {
    color: #9b9b9b
}

.payment-form__currency {
    margin-top: 9px
}

.payment-form__giro-type .dropdown-select-item__button {
    margin: 0 16px
}

.payment-form__select-filter-show-all {
    padding: 0;
    display: block;
    font-size: 12px;
    text-decoration: none;
    margin: 0 auto;
    color: #3f4346;
    border-width: 1px 0 0 0;
    display: block;
    width: 100%;
    text-align: center
}

.payment-form .dropdown-select-group {
    padding: 1.25rem;
    text-align: center;
    text-transform: uppercase
}

.payment-form__amount {
    text-align: right
}

.payment-form__amount.form-control.field-text .form-label.form-label--active {
    transform-origin: 100% 50%
}

.payment-form__currency {
    width: 90px !important
}

.payment-form__amount .form-input__input {
    text-align: right
}

.payment-form__giro-type-number-row {
    display: flex;
    flex-direction: row;
    position: relative
}

.payment-form__giro-type-number-row .payment-form__giro-type {
    width: 5rem
}

@media(max-width: 640px) {
    .payment-form__giro-type-number-row .payment-form__giro-type {
        width:48px
    }

    .payment-form__giro-type-number-row .payment-form__giro-type .form-select__icon {
        display: none
    }
}

@media(min-width: 360px) {
    .payment-form__giro-type-number-row .payment-form__giro-type {
        margin-right:.5rem
    }
}

.payment-form__giro-type-number-row .payment-form__giro-ocr {
    width: 11rem
}

@media(min-width: 640px) {
    .payment-form__giro-type-number-row .payment-form__giro-ocr {
        width:13rem
    }
}

@media(max-width: 360px) {
    .payment-form__giro-type-number-row .payment-form__giro-ocr {
        width:148px
    }
}

.payment-form__giro-type-number-row .payment-form__giro-ocr .form-control__content {
    position: relative
}

.payment-form__giro-number-container {
    display: flex;
    align-items: center
}

.payment-form__giro-number-wrapper {
    position: relative
}

.payment-form__giro-number-wrapper input::-ms-clear {
    width: 0;
    height: 0
}

.payment-form__giro-affix {
    width: 1rem;
    height: 100%;
    position: relative;
    padding-top: 27px
}

.payment-form__giro-affix .payment-form__giro-affix__item {
    height: 35px;
    display: flex;
    align-items: center
}

.payment-form__giro-affix .icon {
    width: 1rem;
    height: 1rem
}

.payment-form__giro-number-ocr-row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1
}

.payment-form__giro-number {
    flex: 1
}

@media(min-width: 360px) {
    .payment-form__giro-number input,.payment-form__giro-ocr input {
        padding-left:4px
    }
}

@media(max-width: 360px) {
    .payment-form__giro-type input,.payment-form__giro-number input,.payment-form__giro-ocr input {
        padding:3.4px 0;
        font-size: 16px;
        margin: 0
    }
}

.giro-type-number-row_label {
    font-size: 14px;
    transition: transform .2s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transform-origin: 0 50%;
    transform: translateY(0) scale(0.8);
    display: inline-block;
    margin-top: .4em
}

.giro-type-number-row_label--active,.giro-type-number-row_label--invalid {
    color: #3f4346
}

.payment-form__attachment-toggle {
    display: flex;
    justify-content: center;
    padding: 24px 16px 0
}

.payment-form__date {
    margin-right: 16px
}

.payment-form-submit-buttons__submit-container,.payment-form-submit-buttons__top-button-container {
    height: 72px
}

.button--large {
    flex-grow: 1
}

.form-details .payment-form__notice {
    height: auto;
    margin-top: 0px
}

.form-details .payment-form__notice div,.form-details .payment-form__notice dt,.form-details .payment-form__notice dd {
    margin-top: 0;
    margin-bottom: 0
}

.payment-form-field-credit {
    display: flex;
    align-items: flex-start
}

.payment-form-field-credit .form-control--active .form-input__input::-ms-input-placeholder {
    color: #9b9b9b
}

.payment-form-field-credit .form-control--active .form-input__input::placeholder {
    color: #9b9b9b
}

.payment-form-field-credit .form-control--active .form-input__input:-ms-input-placeholder {
    color: #9b9b9b
}

.payment-form-field-credit__wrapper {
    position: relative
}

.payment-form-field-credit__wrapper .form-select-filter__options-container_no-suggestions {
    display: none
}

.payment-form-field-credit__value-overlay {
    position: absolute;
    top: 35px;
    bottom: calc(.2em + 10px);
    display: flex;
    align-items: baseline;
    pointer-events: none;
    font-size: 16px;
    line-height: 1.15;
    color: initial
}

.payment-form-field-credit__overlay-mask {
    color: #9b9b9b;
    font-size: 11px;
    margin-right: 10px
}

.payment-form-field-credit__overlay-value {
    margin-right: 10px
}

.payment-form-field__date {
    margin-right: 16px
}

.payment-form__creditor {
    display: flex
}

.payment-form__creditor-clearing-number {
    flex-basis: 25%;
    margin-right: 1rem
}

.payment-form__creditor-clearing-number .form-details__slide-toggle {
    padding-bottom: 22px
}

.payment-form__creditor-clearing-number .form-details__slide-toggle .form-details {
    position: absolute;
    white-space: nowrap
}

.payment-form-field-speed-options-wrapper {
    width: 100%
}

.payment-form-abroad__no-bic-swift-checkbox {
    display: flex;
    align-items: flex-start;
    padding: 1.5rem 0 0 10px
}

.payment-form-abroad__no-bic-swift-checkbox .form-checkbox {
    margin-right: 0
}

.payment-form-abroad__bic-swift {
    flex: 1
}

.payment-form-abroad__bic-swift .form-input__input {
    text-transform: uppercase
}

.payment-form-abroad__account-number .form-input__input {
    text-transform: uppercase
}

.payment-form-abroad__date {
    margin-right: 16px
}

.payment-form-abroad__feeEstimates__estimate {
    font-size: 0.75rem;
    display: flex;
    justify-content: space-between
}

.payment-form-abroad__feeEstimates__estimate dd {
    text-align: right
}

.payment-form-section-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 0.75rem;
    letter-spacing: .37px;
    font-weight: 400;
    color: #6e6e6e;
    margin: 20px 0 8px
}

.payment-form-section-title~.payment-form-section-title:not(.payment-form-section-title--secondary) {
    margin-top: 32px
}

.payment-form-section-title--secondary {
    text-align: left;
    margin: 16px 0 0
}

.payment-form-submit-buttons__submit-container {
    flex-direction: column
}

.payment-form-submit-buttons__draft-container {
    background-color: #f8f8f8;
    display: flex;
    width: 100%;
    padding-bottom: 36px;
    margin-top: -8px;
    justify-content: center
}

.payment-form-submit-buttons__submit-container,.payment-form-submit-buttons__top-button-container {
    height: 72px;
    display: flex
}

.payment-form-submit-buttons__submit-container .button--huge,.payment-form-submit-buttons__top-button-container .button--huge {
    justify-content: center
}

.payment-form-submit-buttons__submit-container .button--huge .button__icon-text,.payment-form-submit-buttons__top-button-container .button--huge .button__icon-text {
    flex-grow: 0
}

.payment-receiver-delete {
    text-align: right
}

.payment-receiver-delete__button.button {
    padding: 0;
    margin: 0;
    min-height: auto
}

.payment-receiver-switch__field-text {
    margin-top: -24px
}

.payment-links {
    display: block;
    margin-top: 16px;
    padding-bottom: 16px;
    text-align: center
}

.payment-links__list {
    margin: 0;
    padding: 0
}

.payment-links__list li {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.payment-links__list li {
    display: inline-block
}

.payment-links__link {
    text-decoration: none
}

.payment-receipt__new-payment,.payment-links__list {
    margin-bottom: 16px
}

.payment-otp {
    position: relative
}

.payment-otp__headline {
    padding: 32px 0;
    font-weight: bold;
    text-align: center
}

.payment-otp__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 60px;
    margin-bottom: 90px
}

.payment-otp__circle {
    height: 110px;
    width: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 30px;
    margin-bottom: 30px
}

.payment-otp__code {
    text-align: center;
    display: flex;
    justify-content: center
}

.payment-otp__code-error {
    color: #dd1d26;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 10px auto 110px
}

.payment-otp__code-error .icon {
    align-self: center;
    fill: #dd1d26;
    height: 16px;
    width: 16px
}

.payment-otp__code-label {
    margin-bottom: 10px;
    text-align: center;
    display: block
}

.payment-otp__code-input-wrapper {
    border-bottom: 1px solid #000;
    margin-right: 10px;
    width: 30px
}

.payment-otp__code-input {
    padding: 0;
    font-size: 2.5rem;
    text-align: center;
    background-color: rgba(0,0,0,0);
    border: none;
    width: 100%;
    line-height: 1;
    color: #242424;
    font-weight: bold
}

.payment-receipt__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px
}

.payment-receipt__circle {
    height: 110px;
    width: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 30px;
    margin-bottom: 32px
}

.payment-receipt__message {
    max-width: 100%;
    margin: 32px 0;
    overflow-wrap: break-word;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
    padding: 0 32px
}

.payment-receipt__new-payment-button {
    background: none;
    border: none;
    text-decoration: none;
    color: #242424;
    cursor: pointer
}

.payment-receipt__new-payment-button .icon {
    height: 1rem;
    margin-right: 7px;
    vertical-align: middle;
    fill: #242424
}

.payment-receipt__headline {
    padding: 32px 0;
    font-weight: bold;
    text-align: center
}

.payment-receipt__bundle {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fafafa
}

.payment-receipt__bundle-approved {
    width: 100%;
    padding: 24px 80px
}

.payment-receipt__bundle-rejected {
    width: 100%;
    padding: 24px 80px
}

.payment-receipt__bundle-seperator {
    background-image: linear-gradient(to right, #e5e5e5 33%, rgba(255, 255, 255, 0) 5%);
    background-position: bottom;
    background-size: 20px 1px;
    background-repeat: repeat-x
}

.payment-receipt__bundle-rejected-heading {
    color: #dd1d26
}

.payment-receipt__bundle-reason-code--is-rejected {
    color: #dd1d26
}

.payment-receipt__bundle-reason-code--is-rejected,.payment-receipt__bundle-reason-code {
    text-overflow: ellipsis;
    overflow: hidden
}

.payment-receipt__bundle-button {
    cursor: pointer
}

.payment-receipt__bundle-single-receipt {
    display: flex;
    flex-direction: column;
    padding: 16px 0
}

.payment-receipt__bundle-single-receipt+.payment-receipt__bundle-single-receipt {
    border-top: 1px solid #e5e5e5
}

.payment-receipt__bundle-top {
    display: flex;
    padding-bottom: 8px
}

.payment-receipt__bundle-bottom {
    display: flex
}

.payment-receipt__bundle-row-receiver {
    flex-grow: 1;
    max-width: 50%;
    display: flex;
    flex-direction: column
}

.payment-receipt__bundle-row-amount,.payment-receipt__bundle-row-amount-limit {
    flex-grow: 1;
    max-width: 50%;
    text-align: right;
    display: flex;
    flex-direction: column
}

.payment-receipt__bundle-receiver {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.payment-receipt__bundle-receiver-agreement-type {
    font-weight: bold
}

.payment-receipt__bundle-row-receiver-account-name {
    text-align: right;
    flex-grow: 1
}

.payment-receipt__bundle-button {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.payment-receipt__bundle-button svg {
    height: 16px
}

.payments-file-awaiting-signing-details-file__search {
    padding: 24px 32px
}

.payments-file-awaiting-signing-details-file {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 32px;
    background-color: #f8f8f8
}

.payments-file-awaiting-signing-details-file thead .table-row:before,.payments-file-awaiting-signing-details-file thead .table-row:after,.payments-file-awaiting-signing-details-file tbody .table-row:before,.payments-file-awaiting-signing-details-file tbody .table-row:after {
    min-width: 16px
}

.payments-file-awaiting-signing-details-file .truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px
}

.neos-modal-content .payments-file-awaiting-signing-details-file {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.payments-file-awaiting-signing-details-file__bulk-select {
    width: 40px
}

.payments-file-awaiting-signing-details-file__row-expanded .table-column {
    background-color: #fff
}

.payments-file-awaiting-signing-details-file__row-arrow {
    width: 2.625rem
}

.payments-file-awaiting-signing-details-file__row-price {
    width: 120px;
    text-align: right
}

.payments-file-awaiting-signing-details-file__row--is-open {
    background-color: #fff
}

.payments-file-awaiting-signing-details-file__row--can-open {
    cursor: pointer
}

.payments-file-awaiting-signing-details-file__row-expanded-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: .5rem 1.5rem;
    padding-right: 2.75rem
}

@media(min-width: 640px) {
    .payments-file-awaiting-signing-details-file__row-expanded-container {
        grid-template-columns:repeat(2, 1fr)
    }

    .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
        border-bottom: none
    }
}

@media(min-width: 1024px) {
    .payments-file-awaiting-signing-details-file__row-expanded-container {
        grid-template-columns:repeat(3, 1fr)
    }

    .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
        border-bottom: none
    }
}

.neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container {
    grid-template-columns: 100%
}

@media(min-width: 1024px) {
    .neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2),.neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item {
        border-bottom:1px solid #e5e5e5
    }

    .neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2):last-child,.neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(2n+1):nth-last-child(-n+2)~.label-value-details__item:last-child {
        border-bottom: none
    }

    .neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3),.neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item {
        border-bottom: 1px solid #e5e5e5
    }

    .neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3):last-child,.neos-modal-content .payments-file-awaiting-signing-details-file__row-expanded-container .label-value-details__item:nth-child(3n+1):nth-last-child(-n+3)~.label-value-details__item:last-child {
        border-bottom: none
    }
}

.payments-file-awaiting-signing-details-file__own-text-column {
    max-width: 250px
}

.payments-file-awaiting-signing-details-file__to-column {
    padding-right: 8px
}

.payments-file-awaiting-signing-details-file__to-column p {
    white-space: pre
}

.payments-file-awaiting-signing-details-edit-payment__back {
    padding: 16px;
    display: flex;
    align-items: center
}

.payments-file-awaiting-signing-details-edit-payment__back::after {
    content: " "
}

.payments-file-awaiting-signing-details-edit-payment__back-icon {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 4px;
    cursor: pointer
}

.payments-file-awaiting-signing-details-edit-payment__back-text {
    cursor: pointer
}

.payments-file-awaiting-signing-details-edit-payment__file-content {
    padding: 32px 64px
}

.payments-file-awaiting-signing-details-edit-payment__info-container {
    margin-bottom: 32px
}

.payments-file-awaiting-signing-details-edit-payment__info-container:last-child {
    margin-bottom: 16px
}

.payments-file-awaiting-signing-details-edit-payment__info-item-header {
    font-size: 0.8125rem
}

.payments-file-awaiting-signing-details-edit-payment__form-row {
    display: flex
}

.payments-file-awaiting-signing-details-edit-payment__form-row-buttons {
    border-top: 1px solid rgba(36,36,36,.2);
    margin-top: 32px
}

.payments-file-awaiting-signing-details-edit-payment__form-amount {
    margin-right: 32px
}

.payments-file-awaiting-signing-details-payments__top {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 70vh
}

.payments-file-awaiting-signing-details-payments__top::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.payments-file-awaiting-signing-details-payments__top:hover::-webkit-scrollbar {
    height: 8px
}

.payments-file-awaiting-signing-details-payments__top::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.payments-file-awaiting-signing-details-payments__top::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.payments-file-awaiting-signing-details-payments__top::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.payments-file-awaiting-signing-details-payments__information {
    padding: 0 32px;
    background-color: #fff;
    position: relative
}

.payments-file-awaiting-signing-details-payments__headline {
    padding: 20px 0
}

.payments-file-awaiting-signing-details-payments__totals .payments-file-awaiting-signing-details-payments__label-value-details {
    border-top: 1px solid #e5e5e5
}

.payments-file-awaiting-signing-details-payments__totals .payments-file-awaiting-signing-details-payments__label-value-details:last-child {
    padding-bottom: 0
}

.payments-file-awaiting-signing-details-payments__signing .payments-file-awaiting-signing-details-payments__label-value-details:last-child:not(:only-child) {
    padding-bottom: 16px
}

.payments-file-awaiting-signing-details-payments__signing--no-spacing-bottom {
    padding-bottom: 0
}

.payments-file-awaiting-signing-details-payments__signing+.payments-file-awaiting-signing-details-payments__totals {
    padding-top: 0
}

.payments-file-awaiting-signing-details-payments__headline {
    text-align: center;
    font-weight: bold
}

.payments-file-awaiting-signing-details-payments__export-btn {
    position: absolute;
    inset: 16px 16px auto auto
}

.payments-file-awaiting-signing-details-payments__list {
    padding-top: 16px
}

.payments-file-awaiting-signing-details__payment-details-modal {
    width: 1000px
}

@media screen and (max-width: 639px) {
    .payments-file-awaiting-signing-details__payment-details-modal {
        width:100%
    }
}

.payments-file-awaiting-signing-details__edit-payment-modal {
    width: 600px
}

.payments-files-awaiting-signing-list {
    padding-top: 60px
}

.payments-files-awaiting-signing-list__table {
    padding-bottom: 32px
}

.payments-files-awaiting-signing-list__column-date {
    width: 120px
}

.payments-files-awaiting-signing-list__column-amount {
    text-align: right
}

.payments-files-awaiting-signing-list__column-company {
    width: 180px;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap
}

.payments-files-awaiting-signing-list__column-file-name {
    width: 240px;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap
}

.payments-files-awaiting-signing-list__column-no-of-payments {
    width: 180px;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    padding-right: 16px
}

.payments-files-awaiting-signing-list__column {
    width: 1px;
    border-bottom: none
}

.payments-files-awaiting-signing-list__empty-message {
    background-color: #fff;
    padding: 16px;
    text-align: center
}

.payments-files-awaiting-signing-list__column-bulk {
    opacity: 1;
    width: 40px
}

.payments-files-awaiting-signing-list__row:hover .payments-files-awaiting-signing-list__column-bulk {
    opacity: 1
}

.pension-and-insurances-calculation-top {
    background-color: #cde3e7
}

.pension-and-insurances-calculation-top-hero-section,.pension-and-insurances-calculation-bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px
}

@media(min-width: 768px) {
    .pension-and-insurances-calculation-top-hero-section,.pension-and-insurances-calculation-bottom {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .pension-and-insurances-calculation-top-hero-section,.pension-and-insurances-calculation-bottom {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .pension-and-insurances-calculation-top-hero-section,.pension-and-insurances-calculation-bottom {
        padding:0 56px
    }
}

.pension-and-insurances-calculation-bottom {
    flex-direction: column
}

.pension-and-insurances-calculation-bottom__recommendation {
    white-space: "pre"
}

.pension-and-insurances-calculation-card {
    display: flex;
    flex-direction: column;
    margin: 0 32px
}

.pension-and-insurances-calculation-card:last-child {
    padding-right: 0;
    border-right: none
}

.pension-and-insurances-calculation-card__pension {
    flex: 1;
    padding: 0 32px 0 0;
    margin: 0 24px 0 0;
    border-right: 1px solid #bbb
}

.pension-and-insurances-calculation-card__insurance {
    border-bottom: 1px solid #bbb
}

.pension-and-insurances-calculation-card__insurance__margin--top {
    margin-top: 24px
}

.pension-and-insurances-calculation-card__margin--top {
    margin-top: 24px
}

.pension-and-insurances-calculation-card__type {
    margin-top: 16px;
    display: flex;
    flex-direction: row
}

.pension-and-insurances-calculation-card__type--margin--bottom {
    margin-bottom: 24px
}

.pension-and-insurances-calculation-card__type--label {
    flex: 1;
    display: flex;
    font-size: 1.125rem;
    line-height: 25.2px
}

.pension-and-insurances-calculation-card__type--value {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    font-size: 1.125rem;
    line-height: 25.2px;
    font-weight: 700
}

.pension-and-insurances-calculation-card__recommendation {
    padding-bottom: 24px
}

@media(max-width: 768px) {
    .pension-and-insurances-calculation-card__pension {
        border-right:none;
        border-bottom: 1px solid #bbb;
        padding: 16px 0;
        margin: 0
    }

    .pension-and-insurances-calculation-card__margin--top {
        margin-top: 0
    }
}

@media(max-width: 1150px) {
    .pension-and-insurances-calculation-card__pension:nth-child(2) {
        border-right:none
    }
}

@media screen and (min-width: 768px)and (max-width: 1050px) {
    .pension-and-insurances-calculation-card__pension {
        border-right:none
    }

    .pension-and-insurances-calculation-card__pension:first-child {
        border-right: 1px solid #bbb
    }

    .pension-and-insurances-calculation-card__pension:nth-child(2) {
        padding: 0;
        margin: 24px 0 0 0
    }

    .pension-and-insurances-calculation-card__pension:last-child {
        border-top: 1px solid #bbb;
        padding: 24px 0 0 0;
        margin: 24px 0 0 0
    }
}

.pension-and-insurances-calculation-insurances-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #cde3e7;
    height: 96px
}

.pension-and-insurances-calculation-insurances-header__icon {
    padding-left: 32px
}

.pension-and-insurances-calculation-insurances-header__title {
    padding-left: 16px;
    font-size: 1.6875rem;
    line-height: 32.4px;
    font-weight: 800
}

.pension-and-insurances-calculation-insurances-header__title--small {
    font-size: 1.25rem
}

.pension-and-insurances-calculation-insurances-header__tooltip--container {
    margin-left: 8px;
    width: 1rem;
    height: 1rem
}

.pension-and-insurances-calculation-insurances-header__large--icon {
    width: 2rem;
    height: 2rem
}

.pension-and-insurances-calculation-insurances-header__tooltip--container .tooltip-label {
    width: 300px;
    white-space: normal;
    text-align: left;
    font-size: 0.75rem;
    line-height: 18px;
    color: #242424;
    background-color: #fff;
    padding: 20px;
    font-weight: 400
}

.pension-and-insurances-calculation-insurances-header .tooltip-pointer {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
}

.pension-and-insurances-calculation-insurances {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.pension-and-insurances-calculation-insurances__title {
    font-size: 1.6875rem;
    line-height: 32.4px;
    font-weight: 800;
    margin-bottom: 32px
}

.pension-and-insurances-calculation-insurances__container {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 16px;
    flex-wrap: wrap
}

@media(max-width: 1024px) {
    .pension-and-insurances-calculation-insurances__container {
        flex-direction:column
    }
}

.pension-and-insurances-calculation-insurances__card {
    flex: 1;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.1098039216),0px 2px 10px 0px rgba(0,0,0,.0588235294),0px 5px 5px 0px rgba(0,0,0,.031372549);
    background-color: #fff;
    align-self: flex-start
}

.pension-and-insurances-calculation-insurances__inform {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 0.875rem;
    line-height: 19.6px;
    margin: 24px 32px
}

.pension-and-insurances-calculation-pension-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #cde3e7;
    height: 96px
}

.pension-and-insurances-calculation-pension-header__icon {
    padding-left: 32px
}

.pension-and-insurances-calculation-pension-header__title {
    padding-left: 16px;
    font-size: 1.6875rem;
    line-height: 32.4px;
    font-weight: 800
}

.pension-and-insurances-calculation-pension-header__title--small {
    font-size: 1.25rem
}

.pension-and-insurances-calculation-pension-header__tooltip--container {
    margin-left: 8px;
    width: 1rem;
    height: 1rem
}

.pension-and-insurances-calculation-pension-header__large--icon {
    width: 2rem;
    height: 2rem
}

.pension-and-insurances-calculation-pension-header__tooltip--container .tooltip-label {
    width: 300px;
    white-space: normal;
    text-align: left;
    font-size: 0.75rem;
    line-height: 18px;
    color: #242424;
    background-color: #fff;
    padding: 20px;
    font-weight: 400
}

.pension-and-insurances-calculation-pension-header .tooltip-pointer {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
}

@media(max-width: 768px) {
    .pension-and-insurances-calculation-pension-header {
        height:280px;
        flex-direction: column;
        justify-content: center
    }

    .pension-and-insurances-calculation-pension-header__icon {
        padding-left: 0
    }

    .pension-and-insurances-calculation-pension-header__title {
        padding-left: 0
    }

    .pension-and-insurances-calculation-pension-header__tooltip--container {
        margin-left: 8px
    }
}

.pension-and-insurances-calculation-pension {
    margin-top: 64px;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.1098039216),0px 2px 10px 0px rgba(0,0,0,.0588235294),0px 5px 5px 0px rgba(0,0,0,.031372549);
    background-color: #fff;
    flex-wrap: wrap
}

.pension-and-insurances-calculation-pension__content {
    display: flex;
    flex-direction: column;
    margin: 0 64px 24px 64px;
    flex-wrap: wrap
}

.pension-and-insurances-calculation-pension__cards {
    display: flex;
    flex-direction: row;
    padding-bottom: 24px;
    flex-wrap: wrap
}

.pension-and-insurances-calculation-pension__infos {
    display: flex;
    border-bottom: 1px solid #bbb;
    font-size: 1.125rem
}

.pension-and-insurances-calculation-pension__infos__total {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    margin-right: 32px
}

.pension-and-insurances-calculation-pension__infos__total--value {
    font-weight: 700;
    padding-top: 8px
}

.pension-and-insurances-calculation-pension__infos__age {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center
}

.pension-and-insurances-calculation-pension__infos__age--value {
    padding-top: 8px;
    font-weight: 700
}

.pension-and-insurances-calculation-pension__infos__blank {
    flex: 1
}

.pension-and-insurances-calculation-pension__inform {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 0.875rem;
    line-height: 19.6px;
    padding-top: 24px;
    border-top: 1px solid #bbb
}

@media(max-width: 768px) {
    .pension-and-insurances-calculation-pension__content {
        margin:0 32px 24px 32px
    }

    .pension-and-insurances-calculation-pension__cards {
        border-bottom: none;
        flex-direction: column
    }

    .pension-and-insurances-calculation-pension__infos {
        flex-direction: column;
        margin: 32px 0 0 0;
        padding-bottom: 8px
    }

    .pension-and-insurances-calculation-pension__infos__total {
        flex-direction: row;
        margin: 0 0 8px 0
    }

    .pension-and-insurances-calculation-pension__infos__total--text {
        display: flex;
        flex: 1;
        justify-content: flex-start
    }

    .pension-and-insurances-calculation-pension__infos__total--value {
        display: flex;
        flex: 1;
        justify-content: flex-end
    }

    .pension-and-insurances-calculation-pension__infos__age {
        flex-direction: row
    }

    .pension-and-insurances-calculation-pension__infos__age--text {
        display: flex;
        flex: 1;
        justify-content: flex-start
    }

    .pension-and-insurances-calculation-pension__infos__age--value {
        display: flex;
        flex: 1;
        justify-content: flex-end
    }

    .pension-and-insurances-calculation-pension__inform {
        border-top: 0;
        padding-top: 0
    }
}

.pension-and-insurances-hero-section {
    background-color: #cde3e7;
    padding: 64px 176px 84px 0
}

@media(max-width: 768px) {
    .pension-and-insurances-hero-section {
        padding:32px 48px 40px 48px
    }
}

.pension-and-insurances-hero-section__back-btn {
    padding: 0 12px 0 12px !important;
    margin-left: -12px;
    border: none !important
}

.pension-and-insurances-hero-section__back-btn .button__icon-text {
    font-size: 0.875rem
}

.pension-and-insurances-hero-section__advisor-btn {
    border-radius: 0 !important;
    margin-top: 32px;
    width: 14.1875rem
}

.pension-and-insurances-hero-section__advisor-btn .button__icon-text {
    font-size: 0.875rem
}

.pension-and-insurances-hero-section__advisor-btn .button__icon {
    margin-left: 16px
}

.pension-and-insurances-hero-section__title {
    display: flex;
    flex-direction: row;
    margin: 8px 0 0 0
}

.pension-and-insurances-hero-section__title--label {
    font-size: 2.5rem;
    margin: 0
}

.pension-and-insurances-hero-section__title--tooltip {
    margin: 12px 0 0 12px;
    width: 1rem;
    height: 1rem;
    align-self: center
}

.pension-and-insurances-hero-section__title .tooltip-label {
    width: 300px;
    white-space: normal;
    text-align: left;
    font-size: 0.75rem;
    line-height: 18px;
    color: #242424;
    background-color: #fff;
    padding: 20px;
    font-weight: 400
}

.pension-and-insurances-hero-section__title .tooltip-pointer {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
}

.pension-and-insurances-hero-section__title ul {
    margin-left: -15px
}

.pension-and-insurances-hero-section__description {
    font-size: 1rem;
    width: 80%;
    margin: 0;
    max-width: 850px
}

.pension-and-insurances-overview-top {
    background-color: #cde3e7
}

.pension-and-insurances-overview-top-hero-section,.pension-and-insurances-overview-bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px
}

@media(min-width: 768px) {
    .pension-and-insurances-overview-top-hero-section,.pension-and-insurances-overview-bottom {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .pension-and-insurances-overview-top-hero-section,.pension-and-insurances-overview-bottom {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .pension-and-insurances-overview-top-hero-section,.pension-and-insurances-overview-bottom {
        padding:0 56px
    }
}

.pension-and-insurances-overview-future-card {
    height: 240px;
    width: 648px;
    background-color: #cde3e7;
    margin-top: 64px;
    padding: 32px;
    display: flex
}

.pension-and-insurances-overview-future-card__content {
    font-size: 0.875rem;
    flex-basis: 75%
}

.pension-and-insurances-overview-future-card__title {
    line-height: 0;
    font-size: 1.6875rem;
    margin: 16px 0 32px 0
}

.pension-and-insurances-overview-future-card__paragraph {
    margin: 32px 0 32px 0
}

.pension-and-insurances-overview-future-card__info-card {
    margin-top: 64px
}

.pension-and-insurances-overview-sign-up-modal {
    width: 648px
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: unset
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-title {
    margin: 32px 64px 8px
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-description {
    padding: 8px 64px 0
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-created-at {
    padding: 32px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-created-at>:last-child {
    font-weight: bold
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-income-field {
    padding: 0 64px 32px
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-income-field #incomeAmount {
    padding-left: 24px
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-income-field>div .form-label {
    padding-left: 24px
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body .pension-and-insurances-overview-sign-up-modal--body-income-field>div .form-label--active {
    padding-left: unset
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--body>div {
    border-bottom: 1px solid #e5e5e5
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--footer {
    padding: unset;
    min-height: 4rem
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--footer .pension-and-insurances-overview-sign-up-modal--footer-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    font-size: 0.875rem;
    font-weight: bold
}

.pension-and-insurances-overview-sign-up-modal .pension-and-insurances-overview-sign-up-modal--footer .pension-and-insurances-overview-sign-up-modal--footer-button>svg {
    height: 16px;
    width: 16px
}

.pension-and-insurances-overview-sign-up-modal--loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 648px;
    height: 200px
}

.pension-info-insurances {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px;
    margin-top: 64px;
    flex-direction: column;
    height: 100%;
    flex-wrap: unset
}

@media(min-width: 768px) {
    .pension-info-insurances {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .pension-info-insurances {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .pension-info-insurances {
        padding:0 56px
    }
}

.pension-info-insurances__title {
    display: flex;
    font-size: 1.6875rem;
    margin: 0;
    margin-bottom: 24px;
    gap: 10px
}

.pension-info-insurances__tooltip--title,.pension-info-insurances__tooltip--label {
    width: 1rem;
    height: 1rem
}

.pension-info-insurances__tooltip--title .tooltip-label,.pension-info-insurances__tooltip--label .tooltip-label {
    white-space: normal;
    line-height: 18px;
    color: #242424;
    background-color: #fff;
    padding: 20px;
    font-weight: 400;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.pension-info-insurances__tooltip--title .tooltip-pointer,.pension-info-insurances__tooltip--label .tooltip-pointer {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
}

.pension-info-insurances__tooltip--title .tooltip-label {
    width: 300px;
    font-family: initial;
    font-family: "Lato","Helvetica",sans-serif
}

.pension-info-insurances__tooltip--label {
    margin-top: 4px
}

.pension-info-insurances__tooltip--label .tooltip-label {
    width: 250px
}

.pension-info-insurances__cards {
    gap: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 24px
}

.pension-info-insurances__card {
    min-width: 304px;
    max-width: 432px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.pension-info-insurances__card-header {
    background-color: #cde3e7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 280px
}

.pension-info-insurances__card-header .icon_76_npension {
    color: #000
}

.pension-info-insurances__card-header .circle.circle--size-extra-large .icon {
    width: 4.1875rem;
    height: 4.1875rem
}

.pension-info-insurances__card-title {
    display: flex;
    font-size: 1.6875rem;
    font-weight: 800;
    margin-top: 16px
}

.pension-info-insurances__card-body {
    display: flex;
    flex-direction: column;
    padding: 8px 32px 16px 32px
}

.pension-info-insurances__card-body--empty-card {
    font-size: 0.875rem;
    padding: 10px 32px
}

.pension-info-insurances__card-row {
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.pension-info-insurances__card-row:not(:last-child) {
    border-bottom: 1px solid #aaa
}

.pension-info-insurances__card-row-label {
    display: flex;
    color: #6e6e6e;
    font-size: 0.875rem;
    white-space: nowrap;
    gap: 4px
}

.pension-info-insurances__card-row-value {
    font-weight: 700;
    font-size: 0.875rem;
    text-align: right
}

.ebank-nav-list__link--disabled {
    pointer-events: none;
    opacity: .6
}

.calculate-new-loan {
    padding: 32px 64px 64px;
    width: 600px
}

.calculate-new-loan .calculate-new-loan__calculate-with-payout-header {
    font-weight: bold;
    font-size: 14px;
    margin-top: 12px
}

.calculate-new-loan .calculate-new-loan__calculate-with-payout-info {
    font-size: 14px;
    margin-top: 8px
}

.calculate-new-loan .calculate-new-loan__select-mortgage-loan .form-label {
    font-weight: bold
}

.calculate-new-loan .calculate-new-loan__select-mortgage-loan .form-radio {
    margin-top: 8px
}

.calculate-new-loan .calculate-new-loan__select-mortgage-loan .form-checkbox {
    margin-top: 8px;
    margin-bottom: 0px
}

.psd2-accounts-list__provider {
    margin: 0 0 16px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0
}

.psd2-accounts-list__provider:last-of-type {
    border-bottom: none
}

.psd2-accounts-list__provider-name {
    padding: 16px;
    font-weight: bold;
    font-size: 1.25rem
}

.psd2-accounts-list__account:last-of-type .psd2-accounts-list__account-link:after {
    display: none
}

.psd2-accounts-list__account-link {
    position: relative;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-decoration: none;
    color: #242424;
    padding: 16px 32px
}

.psd2-accounts-list--small .psd2-accounts-list__account-link {
    padding: 16px
}

.psd2-accounts-list__account-link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    border-bottom: 1px solid #f0f0f0
}

.psd2-accounts-list__account-link:hover {
    background: #f0f0f0
}

.psd2-accounts-list__account-link:hover:after {
    display: none
}

.psd2-accounts-list__account-link:visited {
    color: #242424
}

.psd2-accounts-list__account-link>* {
    width: 50%
}

.psd2-accounts-list__account-name {
    font-weight: bold;
    font-size: 0.8125rem
}

.psd2-accounts-list__account-number {
    order: 3;
    color: #6e6e6e;
    font-size: 0.8125rem
}

.psd2-accounts-list__account-balance {
    text-align: right;
    font-weight: bold
}

.psd2-accounts-list__account-currency {
    order: 4;
    text-align: right;
    font-size: 0.8125rem;
    color: #6e6e6e
}

.psd2-consent-accept {
    display: flex;
    flex-direction: column
}

.psd2-consent-accept__pretext {
    padding: 16px
}

.psd2-consent-accept__text {
    padding: 16px
}

.psd2-consent-accept__text>* {
    margin: 16px 0
}

.psd2-consent-accept__text>*:first-child {
    margin-top: 0
}

.psd2-consent-accept__footer {
    padding: 16px;
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%
}

.psd2-credential-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.psd2-credential-list-item:hover:not(.psd2-credential-list-item--has-matching-credentials):not(.psd2-credential-list-item--disabled) {
    text-decoration: underline;
    background-color: #f0f0f0
}

.psd2-credential-list-item__link {
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    background-color: rgba(0,0,0,0);
    border: none;
    color: #3f4346
}

.psd2-credential-list-item__link:last-child {
    border-bottom: none
}

.psd2-credential-list-item--has-matching-credentials .psd2-credential-list-item__link {
    cursor: initial;
    color: inherit
}

.psd2-credential-list-item__link:disabled {
    color: #9b9b9b
}

.psd2-credential-list-item__link-image {
    display: block;
    max-width: 40px;
    width: 40px;
    margin-right: 16px
}

.psd2-credential-list-item__link-image img {
    max-width: 100%;
    height: auto
}

.psd2-credential-list-item__link-actions {
    margin-right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.psd2-credential-list-item__link-icon {
    width: 1rem;
    height: 1rem;
    fill: #dd1d26;
    margin-right: 16px
}

.psd2-credential-list-item__renewal-warning {
    font-size: 12px;
    color: #dd1d26;
    white-space: nowrap;
    margin-right: 10px;
    display: flex;
    align-items: center
}

.psd2-credential-list-item__renewal-warning .psd2-credential-list-item__link-icon {
    margin-right: 10px
}

.psd2-credential-list__initial-content {
    padding: 16px 64px;
    margin: auto;
    text-align: center
}

.psd2-manager__footer {
    padding: 16px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    min-height: 72px
}

.psd2-manager__content {
    min-height: 300px;
    max-height: 450px;
    overflow-y: auto
}

.psd2-manager__success-scene {
    margin: 32px 8px;
    text-align: center
}

.psd2-manager__success-scene p {
    margin-bottom: 32px
}

.psd2-manager {
    position: relative
}

.psd2-manager .filter-field__label,.psd2-manager .dropdown-select-item__button,.psd2-manager .dropdown-select-button {
    font-size: 0.8125rem
}

.psd2-manager .filter-field__label,.psd2-manager .dropdown-select-button__icon {
    margin-left: .5rem
}

.psd2-manager__modal-inner {
    padding: 16px
}

.psd2-provider-auth {
    max-width: 500px;
    margin: auto;
    padding: 32px 16px
}

.psd2-provider-auth .form-input__input::-ms-input-placeholder {
    color: #6e6e6e;
    font-style: italic
}

.psd2-provider-auth .form-input__input::placeholder {
    color: #6e6e6e;
    font-style: italic
}

.psd2-provider-auth .form-control.field-text .form-label {
    transform: translateY(0%)
}

.psd2-provider-auth__provider-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.psd2-provider-auth__provider-image img {
    max-width: 64px
}

.psd2-provider-auth__helptext {
    margin: 24px 0 16px 0
}

.psd2-provider-auth__form-footer {
    padding: 16px;
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0
}

.psd2-provider-auth__error-message {
    color: #dd1d26;
    font-size: 14px;
    margin-top: 24px
}

.psd2-provider-auth__status-text {
    text-align: center
}

.psd2-provider-auth__qr-container,.psd2-provider-auth__deep-link-container {
    display: flex;
    justify-content: center;
    padding: 16px
}

.psd2-provider-auth__qr {
    width: 170px;
    height: 170px
}

.psd2-provider-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.psd2-provider-list-item__link {
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    background-color: rgba(0,0,0,0);
    border: none;
    color: #3f4346
}

.psd2-provider-list-item__link:last-child {
    border-bottom: none
}

.psd2-provider-list-item__link:disabled {
    color: #9b9b9b
}

.psd2-provider-list-item__link-image {
    display: block;
    max-width: 40px;
    width: 40px;
    margin-right: 16px
}

.psd2-provider-list-item__link-image img {
    max-width: 100%;
    height: auto
}

.psd2-provider-list__initial-content {
    padding: 16px 64px;
    margin: auto;
    text-align: center
}

.psd2-provider-list__top {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.psd2-teaser {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 24px;
    background-color: #fff;
    position: relative;
    margin: 0 0 20px 0
}

@media(max-width: 640px) {
    .psd2-teaser {
        flex-flow:column nowrap;
        align-items: center
    }
}

.psd2-teaser__texts {
    width: 60%
}

@media(max-width: 640px) {
    .psd2-teaser__texts {
        width:100%;
        text-align: center
    }
}

.psd2-teaser__headline {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1rem;
    margin-top: 1.25rem;
    margin-bottom: 0rem;
    font-family: "Lato","Helvetica",sans-serif
}

.psd2-teaser__text {
    color: #6e6e6e;
    margin-top: .5rem
}

.psd2-teaser__buttons {
    display: flex;
    flex-flow: row nowrap
}

.psd2-teaser__button {
    align-self: center;
    margin-right: 24px;
    font-weight: normal
}

@media(max-width: 640px) {
    .psd2-teaser__button {
        margin:4px
    }
}

.psd2-teaser__close-icon {
    width: 1.75rem;
    height: 1.75rem;
    color: #6e6e6e;
    fill: currentColor;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px
}

.psd2-teaser-accounts {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 20px 0
}

.psd2-teaser-accounts--spacing {
    margin: 20px 0 20px
}

.psd2-teaser-accounts__line {
    flex-grow: 2;
    border-top: 1px solid #e5e5e5;
    align-self: center
}

.psd2-teaser-accounts__icon-add {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 8px;
    fill: #242424
}

.psd2-teaser__modal-content {
    max-width: 90vw
}

.receipt {
    max-width: 720px;
    margin: 32px auto
}

.receipt-body {
    padding: 32px 32px 64px;
    display: flex;
    min-height: 460px;
    flex-flow: column;
    align-items: center
}

.receipt-body__circle {
    height: 110px;
    width: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 30px;
    margin: 64px 0 32px
}

.receipt-body__message {
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    margin: 32px 0 32px;
    line-height: 1;
    text-align: center
}

.receipt-body__submessage {
    text-align: center;
    margin: 0 0 32px
}

.receiver-details--content {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f8;
    padding: 32px 48px 40px
}

.receiver-details--content .label-value-details__item-name {
    min-width: 100px
}

.receiver-details--content .label-value-details__item-value {
    font-weight: unset
}

.receivers {
    padding: 32px 0 48px
}

.receivers__table {
    table-layout: fixed
}

.receivers__table .table-column {
    word-wrap: break-word
}

.receivers__section--saved-receivers {
    background: #fff;
    padding: 32px
}

.receivers__account-abroad-cell {
    padding: 32px 0
}

.receivers__account-abroad-cell-header {
    padding: 32px 0 16px 0
}

.receivers__section:not(:last-of-type) {
    margin-bottom: 64px
}

.receivers__tab-search {
    display: flex;
    align-items: center;
    position: relative;
    margin: 16px 0 32px
}

.receivers__tabs {
    display: flex;
    width: 50%
}

.receivers__tabs>div {
    width: 100%
}

.receivers__no-results-text {
    text-align: center
}

@media(max-width: 768px) {
    .receivers__tabs {
        width:100%
    }

    .receivers__tab-search .receivers__search-filter {
        flex-basis: 100%
    }
}

.receivers__search-filter {
    flex-basis: 250px
}

.receivers__header {
    display: flex;
    justify-content: space-between
}

.receivers__header-actions {
    align-self: center
}

.recurring-transfers-list__empty {
    text-align: center;
    padding: 1rem
}

.recurring-transfers-list-row__debitor-account-name,.recurring-transfers-list-row .table-column {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.recurring-transfers-list-row__debitor-account-name:first-child,.recurring-transfers-list-row .table-column:first-child {
    max-width: 180px
}

.recurring-transfers-list-row .recurring-transfers-list-row__context-menu {
    width: 1px;
    overflow: visible
}

.recurring-transfers-list__actions {
    display: flex;
    margin-bottom: 1.25rem
}

.recurring-transfers-list__create {
    margin-left: auto
}

.recurring-transfer-details--loading {
    padding: 50px
}

.recurring-transfer-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.recurring-transfer-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.recurring-transfer-details__row:last-child {
    border-bottom: none
}

.recurring-transfer-details__row-label {
    font-size: 0.8125rem
}

.recurring-transfer-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right
}

.reinstruct-payment-form {
    width: 100%
}

.reinstruct-payment-form__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.reinstruct-payment-form__amount {
    margin-right: 10px
}

.reinstruct-payment-form__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.reinstruct-payment-form__amount .form-input-wrap {
    margin-bottom: 0
}

.reinstruct-payment-form__amount .form-control__content {
    text-align: center
}

.reinstruct-payment-form__amount input.form-input__input {
    padding: 0 1em;
    font-size: 1.75rem;
    text-align: center
}

.reinstruct-payment-form__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.reinstruct-payment-form__amount input::placeholder {
    color: #9b9b9b
}

.reinstruct-payment-form .reinstruct-payment-form__currency {
    width: 90px;
    align-items: flex-end
}

.reinstruct-payment-form__top-section {
    padding: 32px 64px 16px
}

.reinstruct-payment-form__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.reinstruct-payment-form__warning {
    padding-top: 32px
}

.reinstruct-payment-form__row {
    display: flex
}

.reinstruct-payment-form__row .reinstruct-payment-form__giro-type {
    width: 5rem
}

.reinstruct-payment-form__row .reinstruct-payment-form__giro-ocr {
    width: 13rem
}

.reinstruct-payment-form__row .reinstruct-payment-form__giro-number {
    flex: 1
}

.reinstruct-payment-form__clearing-number {
    flex-basis: 25%;
    margin-right: 1rem
}

.reinstruct-payment-form__clearing-number .form-details {
    position: absolute;
    white-space: nowrap
}

.reorder-card {
    width: 810px
}

.reorder-card .reorder-card__body {
    padding: unset
}

.reorder-card .reorder-card__title {
    border-bottom: 1px solid #000;
    margin: unset
}

.reorder-card .reorder-card__title>:first-child {
    font-size: 27px;
    line-height: 32px;
    padding: 32px 0 12px;
    margin: unset
}

.reorder-card__info {
    padding: 117px 197px 80px;
    font-size: 13px;
    line-height: 15px;
    white-space: pre-wrap
}

.reorder-card__info>p {
    margin: unset
}

.reorder-card__footer {
    display: flex
}

.salary-template-details__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 32px
}

.salary-template-details__header-link {
    display: flex;
    cursor: pointer;
    text-decoration: none;
    color: #242424
}

.salary-template-details__header-link:visited {
    color: initial
}

.salary-template-details__header-link.button--color-transparent:hover,.salary-template-details__header-link.button--color-transparent:hover:not([disabled]) {
    background-color: initial
}

.salary-template-details__header-link .icon {
    width: 40px;
    height: 40px;
    padding: 10px;
    fill: #000;
    border: none
}

.salary-template-details__empty {
    text-align: center;
    padding: 1rem
}

.salary-template-details__header-list-title {
    display: inline-flex
}

.salary-template-details__header-add-receiver-button {
    margin-left: 16px
}

.salary-template-details__header-add-receiver-button .icon {
    width: 1.25rem;
    height: 1.25rem;
    padding: unset
}

@media(max-width: 460px) {
    .salary-template-details__table {
        width:auto
    }
}

.salary-template-details__table tbody>.salary-template-details__table-row>td:is(.salary-template-details__table-row-cell-left-aligned),.salary-template-details__table thead>.salary-template-details__table-row>td:is(.salary-template-details__table-row-cell-left-aligned) {
    text-align: left
}

.salary-template-details__table-row>td {
    padding: 4px;
    height: 68px
}

.salary-template-details__table-row--invalid {
    background-color: #f8d7d8;
    color: #9d0911
}

.salary-template-details__table-row--invalid__bold {
    font-weight: 600
}

.salary-template-details__table-row--alert {
    font-weight: 400;
    padding-top: 4px
}

.salary-template-details__table-row--alert span {
    padding-left: 8px
}

.salary-template-details__table-row--alert svg {
    width: 1rem;
    height: 1rem;
    align-self: center
}

.salary-template-details_confirmation-modal .salary-template-details__table {
    max-width: 640px
}

.salary-template-details_confirmation-modal .salary-template-details__table td:first-child {
    text-overflow: ellipsis;
    overflow: hidden
}

@media(max-width: 460px) {
    .salary-template-details_confirmation-modal .salary-template-details__table {
        width:auto
    }
}

.salary-template-add-receiver-form__wrapper {
    background-color: #fff;
    padding: 32px
}

.salary-template-add-receiver-form__wrapper-checkbox {
    display: flex;
    margin-top: 16px
}

.salary-template-add-receiver-form__wrapper-checkbox>span {
    margin-left: 16px
}

.salary-template-add-receiver-form__submit-button {
    margin-top: 16px
}

.salary-template-update-name__fields {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 64px 64px 64px
}

.salary-template-update-name__update-template-name-bottom {
    display: flex
}

.salary-template-list {
    margin: 0 auto
}

.salary-template-list__top {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem
}

.salary-template-list__widget-title {
    margin-top: 0;
    margin-bottom: 0
}

.salary-template-list__items__widget-title {
    margin-bottom: 0
}

.salary-template-list__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-content: flex-start
}

@media screen and (max-width: 639px) {
    .salary-template-list__item {
        grid-template-columns:repeat(1, 1fr)
    }
}

.salary-template-list__item-link {
    text-decoration: none;
    color: #242424
}

.salary-template-list__item-link:visited {
    color: initial
}

.salary-template-list__item-link-details {
    color: #6e6e6e
}

.salary-template-list__item-link-title {
    font-size: 1.125rem;
    font-family: "Lato","Helvetica",sans-serif;
    font-weight: 900
}

.salary-template-list__card {
    padding: 32px 40px
}

.salary-template-list__card--link-card {
    display: flex;
    justify-content: space-between;
    width: 40px;
    padding: 25px 40px 20px 40px;
    background-color: #fff;
    fill: #000;
    border: none
}

.salary-template-create__fields {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 64px 64px 64px
}

.salary-template-create__create-template-bottom {
    display: flex
}

.salary-template-payment {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.salary-template-payment__container {
    width: 620px;
    max-width: 100%
}

.salary-template-payment__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.salary-template-payment__form {
    width: 100%
}

.salary-template-payment__form-fields {
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    position: relative;
    padding: 32px
}

.salary-template-payment__form-title {
    text-align: center;
    margin-bottom: 16px
}

.salary-template-payment__action-buttons {
    display: flex;
    margin: 32px 0
}

.salary-template-payment-receipt {
    padding: 32px 0
}

@media(max-width: 460px) {
    .salary-template-payment-summary {
        padding:0 32px
    }
}

.salary-template-payment-summary__row-bold {
    font-weight: bold
}

.salary-template-payment-summary__row-bold .amount__currency-postfix {
    font-weight: bold
}

.future-transaction-edit-form {
    width: 100%
}

.future-transaction-foreign-payment-edit-form-shared__row {
    width: 100%;
    display: flex;
    justify-content: stretch;
    align-items: end
}

.future-transaction-foreign-payment-edit-form-shared__row-field-container>.form-control__content>div:last-child {
    position: absolute
}

.future-transaction-foreign-payment-edit-form-shared__amount {
    margin-right: 10px
}

.future-transaction-foreign-payment-edit-form-shared__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-foreign-payment-edit-form-shared__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-foreign-payment-edit-form-shared__amount .form-control__content {
    text-align: center
}

.future-transaction-foreign-payment-edit-form-shared__amount .form-control__content>div:last-child {
    position: absolute
}

.future-transaction-foreign-payment-edit-form-shared__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-foreign-payment-edit-form-shared__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-foreign-payment-edit-form-shared__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-foreign-payment-edit-form-shared .future-transaction-foreign-payment-edit-form-shared__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-foreign-payment-edit-form-shared__top-section {
    padding: 32px 64px 16px
}

.future-transaction-foreign-payment-edit-form-shared__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-foreign-payment-edit-form-shared__warning {
    padding-top: 32px
}

.future-transaction-foreign-payment-edit-form-shared__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-foreign-payment-edit-form-shared__row {
    display: flex
}

.future-transaction-foreign-payment-edit-form-shared__clearing-number {
    flex-basis: 25%;
    margin-right: 1rem
}

.future-transaction-foreign-payment-edit-form-shared__clearing-number .form-details {
    position: absolute;
    white-space: nowrap
}

.future-transaction-avtalegiro-payment-edit-form-no__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-avtalegiro-payment-edit-form-no__amount {
    margin-right: 10px
}

.future-transaction-avtalegiro-payment-edit-form-no__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-avtalegiro-payment-edit-form-no__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-avtalegiro-payment-edit-form-no__amount .form-control__content {
    text-align: center
}

.future-transaction-avtalegiro-payment-edit-form-no__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-avtalegiro-payment-edit-form-no__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-avtalegiro-payment-edit-form-no__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-avtalegiro-payment-edit-form-no .future-transaction-avtalegiro-payment-edit-form-no__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-avtalegiro-payment-edit-form-no__warning {
    padding-top: 32px
}

.future-transaction-avtalegiro-payment-edit-form-no__top-section {
    padding: 32px 64px 16px
}

.future-transaction-avtalegiro-payment-edit-form-no__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-efaktura-payment-edit-form-se__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-efaktura-payment-edit-form-se__amount {
    margin-right: 10px
}

.future-transaction-efaktura-payment-edit-form-se__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-efaktura-payment-edit-form-se__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-efaktura-payment-edit-form-se__amount .form-control__content {
    text-align: center
}

.future-transaction-efaktura-payment-edit-form-se__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-efaktura-payment-edit-form-se__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-efaktura-payment-edit-form-se__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-efaktura-payment-edit-form-se .future-transaction-efaktura-payment-edit-form-se__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-efaktura-payment-edit-form-se__top-section {
    padding: 32px 64px 16px
}

.future-transaction-efaktura-payment-edit-form-se__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-efaktura-payment-edit-form-se__warning {
    padding-top: 32px
}

.future-transaction-efaktura-payment-edit-form-se__row {
    display: flex
}

.future-transaction-efaktura-payment-edit-form-se__row .future-transaction-efaktura-payment-edit-form-se__giro-type {
    width: 5rem
}

.future-transaction-efaktura-payment-edit-form-se__row .future-transaction-efaktura-payment-edit-form-se__giro-ocr {
    width: 13rem
}

.future-transaction-efaktura-payment-edit-form-se__row .future-transaction-efaktura-payment-edit-form-se__giro-number {
    flex: 1
}

.future-transaction-giro-payment-edit-form-dk__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-giro-payment-edit-form-dk__amount {
    margin-right: 10px
}

.future-transaction-giro-payment-edit-form-dk__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-giro-payment-edit-form-dk__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-giro-payment-edit-form-dk__amount .form-control__content {
    text-align: center
}

.future-transaction-giro-payment-edit-form-dk__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-giro-payment-edit-form-dk__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-giro-payment-edit-form-dk__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-giro-payment-edit-form-dk .future-transaction-giro-payment-edit-form-dk__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-giro-payment-edit-form-dk__top-section {
    padding: 32px 64px 16px
}

.future-transaction-giro-payment-edit-form-dk__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-giro-payment-edit-form-dk__warning {
    padding-top: 32px
}

.future-transaction-giro-payment-edit-form-dk__row {
    display: flex
}

.future-transaction-giro-payment-edit-form-dk__row .future-transaction-giro-payment-edit-form-dk__giro-type {
    width: 5rem
}

.future-transaction-giro-payment-edit-form-dk__row .future-transaction-giro-payment-edit-form-dk__giro-ocr {
    width: 13rem
}

.future-transaction-giro-payment-edit-form-dk__row .future-transaction-giro-payment-edit-form-dk__giro-number {
    flex: 1
}

.future-transaction-giro-payment-edit-form-no__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-giro-payment-edit-form-no__amount {
    margin-right: 10px
}

.future-transaction-giro-payment-edit-form-no__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-giro-payment-edit-form-no__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-giro-payment-edit-form-no__amount .form-control__content {
    text-align: center
}

.future-transaction-giro-payment-edit-form-no__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-giro-payment-edit-form-no__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-giro-payment-edit-form-no__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-giro-payment-edit-form-no .future-transaction-giro-payment-edit-form-no__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-giro-payment-edit-form-no__warning {
    padding-top: 32px
}

.future-transaction-giro-payment-edit-form-no__top-section {
    padding: 32px 64px 16px
}

.future-transaction-giro-payment-edit-form-no__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-giro-payment-edit-form-se__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-giro-payment-edit-form-se__amount {
    margin-right: 10px
}

.future-transaction-giro-payment-edit-form-se__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-giro-payment-edit-form-se__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-giro-payment-edit-form-se__amount .form-control__content {
    text-align: center
}

.future-transaction-giro-payment-edit-form-se__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-giro-payment-edit-form-se__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-giro-payment-edit-form-se__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-giro-payment-edit-form-se .future-transaction-giro-payment-edit-form-se__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-giro-payment-edit-form-se__top-section {
    padding: 32px 64px 16px
}

.future-transaction-giro-payment-edit-form-se__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-giro-payment-edit-form-se__warning {
    padding-top: 32px
}

.future-transaction-giro-payment-edit-form-se__row {
    display: flex
}

.future-transaction-giro-payment-edit-form-se__row .future-transaction-giro-payment-edit-form-se__giro-type {
    width: 5rem
}

.future-transaction-giro-payment-edit-form-se__row .future-transaction-giro-payment-edit-form-se__giro-ocr {
    width: 13rem
}

.future-transaction-giro-payment-edit-form-se__row .future-transaction-giro-payment-edit-form-se__giro-number {
    flex: 1
}

.future-transaction-money-transfer-edit-form-dk__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-money-transfer-edit-form-dk__amount {
    margin-right: 10px
}

.future-transaction-money-transfer-edit-form-dk__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-money-transfer-edit-form-dk__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-money-transfer-edit-form-dk__amount .form-control__content {
    text-align: center
}

.future-transaction-money-transfer-edit-form-dk__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-money-transfer-edit-form-dk__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-money-transfer-edit-form-dk__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-money-transfer-edit-form-dk .future-transaction-money-transfer-edit-form-dk__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-money-transfer-edit-form-dk__top-section {
    padding: 32px 64px 16px
}

.future-transaction-money-transfer-edit-form-dk__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-money-transfer-edit-form-dk__warning {
    padding-top: 32px
}

.future-transaction-money-transfer-edit-form-dk__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-money-transfer-edit-form-dk__row {
    display: flex
}

.future-transaction-money-transfer-edit-form-dk__clearing-number {
    flex-basis: 25%;
    margin-right: 1rem
}

.future-transaction-money-transfer-edit-form-dk__clearing-number .form-details {
    position: absolute;
    white-space: nowrap
}

.future-transaction-money-transfer-edit-form-no__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-money-transfer-edit-form-no__amount {
    margin-right: 10px
}

.future-transaction-money-transfer-edit-form-no__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-money-transfer-edit-form-no__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-money-transfer-edit-form-no__amount .form-control__content {
    text-align: center
}

.future-transaction-money-transfer-edit-form-no__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-money-transfer-edit-form-no__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-money-transfer-edit-form-no__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-money-transfer-edit-form-no .future-transaction-money-transfer-edit-form-no__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-money-transfer-edit-form-no__warning {
    padding-top: 32px
}

.future-transaction-money-transfer-edit-form-no__top-section {
    padding: 32px 64px 16px
}

.future-transaction-money-transfer-edit-form-no__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-money-transfer-edit-form-se__row {
    width: 100%;
    display: flex;
    justify-content: stretch
}

.future-transaction-money-transfer-edit-form-se__amount {
    margin-right: 10px
}

.future-transaction-money-transfer-edit-form-se__amount.form-control.field-text .form-label {
    transform: translateY(0) scale(0.8);
    transform-origin: 100% 50%
}

.future-transaction-money-transfer-edit-form-se__amount .form-input-wrap {
    margin-bottom: 0
}

.future-transaction-money-transfer-edit-form-se__amount .form-control__content {
    text-align: center
}

.future-transaction-money-transfer-edit-form-se__amount input.form-input__input {
    padding: 0 1em;
    font-size: 28px;
    text-align: center
}

.future-transaction-money-transfer-edit-form-se__amount input::-ms-input-placeholder {
    color: #9b9b9b
}

.future-transaction-money-transfer-edit-form-se__amount input::placeholder {
    color: #9b9b9b
}

.future-transaction-money-transfer-edit-form-se .future-transaction-money-transfer-edit-form-se__currency {
    width: 90px;
    align-items: flex-end
}

.future-transaction-money-transfer-edit-form-se__top-section {
    padding: 32px 64px 16px
}

.future-transaction-money-transfer-edit-form-se__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-money-transfer-edit-form-se__warning {
    padding-top: 32px
}

.future-transaction-money-transfer-edit-form-se__bottom-section {
    background-color: #f8f8f8;
    padding: 16px 64px 32px
}

.future-transaction-money-transfer-edit-form-se__row {
    display: flex
}

.settings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    align-items: flex-start
}

.settings__col {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    position: relative
}

.settings__col:first-child {
    padding-top: 0
}

.settings__row-title {
    margin-top: 0
}

@media(max-width: 1024px) {
    .settings__row {
        grid-template-columns:1fr
    }
}

.settings__sub-headline {
    margin-top: 16px;
    margin-bottom: 16px
}

.amount-limit-business__loading-spinner {
    min-height: 150px;
    display: flex
}

.amount-limit-business__card-body {
    padding-right: 64px !important
}

.amount-limit-business__card-body .amount-limit-business__agreement-owner-name {
    margin: 24px 0 8px 0
}

.amount-limit-business__card-body .amount-limit-business__amount-limit-field {
    padding-bottom: 0
}

.amount-limit-business__submit {
    margin-top: 16px
}

.amount-limit__loading-spinner {
    min-height: 150px;
    display: flex
}

.amount-limit__submit {
    margin-top: 16px
}

.settings-default-account__status-section {
    margin: 0 0 24px 0
}

.settings-default-account__edit-section {
    padding: 16px 0
}

.settings-default-account__edit-button {
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 8px
}

.settings-default-account__account-name {
    padding: 16px;
    background-color: #f0f0f0
}

.settings-preferences__submit {
    margin-top: 16px
}

.settings-set-default-account__card-body {
    max-height: 35rem;
    overflow-y: auto
}

.settings-set-default-account__acc-holder-name {
    margin: 32px 0 0 0
}

.signed-documents .signed-documents__filter-placeholder {
    height: 32px
}

@media screen and (max-width: 639px) {
    .signed-documents .table {
        table-layout:fixed
    }
}

.signed-documents .signed-documents__empty {
    text-align: center;
    color: #6e6e6e;
    padding: 32px;
    background-color: #fff
}

.signed-documents .signed-documents__document-icon {
    width: 16px;
    height: 16px
}

.signed-documents .table-column:not(:first-child):not(:last-child) {
    padding-left: 1em;
    padding-right: 1em
}

.signed-documents .signed_documents__document-row {
    position: relative
}

.signed-documents .signed_documents__document-row .table-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.signed-documents .signed_documents__document-row .table-column .tooltip-wrapper {
    display: inline-block
}

@media screen and (max-width: 639px) {
    .signed-documents .signed_documents__document-row .table-column .tooltip-wrapper .tooltip {
        display:none
    }
}

.signed-documents .signed_documents__document-row .signed-document__column-action {
    overflow: visible
}

@media screen and (min-width: 640px) {
    .signed-documents .signed-document__column-title {
        min-width:50%
    }
}

.signed-documents .signed_documents__download-button {
    padding: 0;
    height: 48px;
    vertical-align: middle
}

.signed-documents__pagination {
    display: flex;
    justify-content: flex-end;
    padding: 16px 32px
}

.signed-documents-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    padding: 32px
}

.signed-documents-filter__item {
    margin-right: 16px;
    margin-bottom: 8px
}

.stock-exchange-information {
    display: flex;
    align-items: center;
    gap: 48px;
    margin: 32px 0;
    position: relative;
    z-index: 1
}

.stock-exchange-information__logos {
    display: flex;
    align-items: center;
    gap: 32px
}

.stock-exchange-information__texts p {
    margin: 0
}

.stock-exchange-information__texts p:first-child {
    margin-bottom: 8px
}

@media(max-width: 768px) {
    .stock-exchange-information {
        flex-wrap:wrap;
        gap: 20px
    }

    .stock-exchange-information__logos {
        gap: 16px;
        flex-wrap: wrap
    }
}

@media(min-width: 1024px) {
    .swish {
        width:50%
    }
}

.swish__top {
    padding: 32px 0 16px 0
}

.swish__name {
    font-weight: 600
}

.swish__error {
    font-weight: 600
}

.swish-inactive__card {
    margin-bottom: 32px
}

.swish-inactive__card-body.card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px
}

.swish-inactive__text {
    font-size: .875rem;
    font-weight: bold
}

.swish-active__card-body.card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px
}

.swish-active__text {
    font-size: .875rem;
    font-weight: bold
}

.swish-active__info-card {
    margin-bottom: 32px
}

.swish-active__info-card-body.card__body {
    padding: 32px
}

.swish-active__info-text {
    font-size: .875rem
}

.swish-active__info-title {
    font-weight: bold;
    margin-bottom: 0rem
}

.swish-active__info-data {
    margin-top: 0rem
}

.swish__action_container {
    display: flex;
    justify-content: center;
    align-items: center
}

.swish-context-menu .swish-context-menu__wrapper {
    width: -webkit-max-content;
    width: max-content
}

.swish-context-menu .swish-context-menu__action-button {
    background: unset
}

.swish-context-menu .swish-context-menu__action-button-toggled {
    border-radius: 116px 116px 0 0
}

@keyframes animate-task-center-enter {
    0% {
        transform: translatex(100%)
    }

    100% {
        transform: translatex(0)
    }
}

@keyframes animate-task-center-section-enter {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.task-center {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 1462px;
    background-color: #f8f8f8;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    animation: animate-task-center-enter .25s cubic-bezier(0, 0.1, 0, 1) both;
    animation-delay: .2s;
    top: 64px
}

.has-old-ebank-link .task-center {
    top: 112px
}

@media screen and (min-width: 640px) {
    .task-center {
        min-width:320px;
        width: calc(100% - 64px);
        background-color: rgba(0,0,0,0)
    }

    .task-center:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 16px;
        background-color: #f8f8f8
    }
}

@media screen and (max-width: 639px) {
    .task-center {
        display:flex;
        flex-direction: column;
        bottom: 0
    }
}

.task-center__overlay {
    transition: opacity 200ms ease-in-out;
    background: rgba(0,0,0,.3);
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6500
}

.task-center__overlay.ReactModal__Overlay--after-open {
    opacity: 1
}

.task-center__overlay.ReactModal__Overlay--before-close {
    opacity: 0
}

@media screen and (max-width: 639px) {
    .task-center__content {
        overflow:auto
    }
}

@media screen and (min-width: 640px) {
    .task-center__content {
        left:80px;
        background: #f8f8f8;
        position: absolute;
        z-index: 9;
        bottom: 0;
        top: 0;
        z-index: 9;
        right: 0
    }

    .task-center__content:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        width: 20px;
        bottom: 0;
        left: 0;
        background: inherit;
        box-shadow: 0 0 13px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1)
    }

    .task-center__content:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        width: 20px;
        bottom: 0;
        left: 12.8px;
        background: inherit
    }
}

.task-center__content-scroll {
    position: relative;
    z-index: 4;
    height: 100%;
    overflow: auto
}

.task-center__section {
    position: relative;
    z-index: 5;
    animation: animate-task-center-section-enter .25s cubic-bezier(0, 0.1, 0, 1) both;
    animation-delay: .2s;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 32px
}

.task-center__labels-navigation {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    justify-items: center;
    scroll-behavior: smooth
}

@media screen and (min-width: 640px) {
    .task-center__labels-navigation {
        display:none
    }
}

.task-center__label-link {
    position: relative;
    margin-bottom: 1px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    flex-shrink: 0;
    flex-grow: 1;
    text-align: center;
    padding: 16px;
    color: #242424;
    transition: all .3s cubic-bezier(0.78, -0.07, 0.28, 0.98)
}

.task-center__label-link:visited {
    color: #242424
}

.task-center__label-link:hover {
    color: #3f4346
}

.task-center__label-link:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    border-bottom: 2px solid currentColor;
    margin-right: 8px;
    margin-left: -10px;
    transform: translateY(1px) scale(0);
    transition: transform .2s cubic-bezier(0.78, -0.07, 0.28, 0.98),opacity .2s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transition-delay: 0
}

.task-center__label-link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1)
}

.task-center__label-link.task-center__label-link--isSelected {
    color: #3f4346;
    border-color: currentColor
}

.task-center__label-link.task-center__label-link--isSelected:hover {
    background: rgba(0,0,0,0)
}

.task-center__label-link.task-center__label-link--isSelected:before {
    opacity: 1;
    transform: translateY(1px) scale(0.75);
    transition-delay: .2s
}

.task-center__icons-navigation {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 80px;
    overflow: auto;
    justify-items: center;
    scroll-behavior: smooth
}

@media screen and (max-width: 639px) {
    .task-center__icons-navigation {
        display:none
    }
}

.task-center__icon-link {
    position: relative;
    display: flex;
    width: 80px;
    height: 64px;
    overflow: visible;
    z-index: 1;
    color: #242424;
    flex-shrink: 0
}

.task-center__icon-link:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: calc(100% - 8px);
    height: 100%;
    top: 0;
    left: 8px;
    background: #f8f8f8;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1)
}

.task-center__icon-link:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 100%;
    top: 0;
    right: 0px;
    background: #f8f8f8
}

.task-center__icon-link:before,.task-center__icon-link:after {
    transform: scale(0);
    transition: transform .25s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transform-origin: 100% 50%
}

.task-center__icon-link:visited {
    color: #242424
}

.task-center__icon-link:hover {
    color: #3f4346
}

.task-center__icon-link.task-center__icon-link--isSelected {
    color: #3f4346;
    z-index: 2
}

.task-center__icon-link.task-center__icon-link--isSelected:before,.task-center__icon-link.task-center__icon-link--isSelected:after {
    transform: scale(1)
}

.task-center__icon-link.task-center__icon-link--isSelected .task-center__icon-link-count-indicator {
    transform: translate(0%, -50%)
}

.task-center__icon-link-wrap {
    position: relative;
    z-index: 15;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 16px
}

.task-center__icon-link-wrap .task-center__icon-link-count-indicator {
    transform: translate(20%, -50%)
}

.task-center__icon-link-icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    margin-top: -14px
}

.task-center__icon-link-label {
    display: block;
    text-decoration: none;
    color: currentColor;
    font-size: 0.5625rem;
    position: absolute;
    top: 40px;
    text-align: center;
    line-height: 1em;
    padding: 0 .5em;
    word-break: break-word
}

.terms-and-conditions-modal-ebank__title {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 32px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem
}

.terms-and-conditions-modal-ebank__terms {
    padding: 32px
}

.terms-and-conditions-modal-ebank__bottom {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.terms-and-conditions-modal-ebank__checkbox {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.terms-and-conditions-modal-ebank__checkbox .form-checkbox {
    margin: 32px
}

.terms-and-conditions-modal-ebank__buttons {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    display: flex
}

.terms-and-conditions-modal-sitecore__title {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 32px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem
}

.terms-and-conditions-modal-sitecore__terms {
    padding: 32px
}

.terms-and-conditions-modal-sitecore__bottom {
    position: sticky;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.terms-and-conditions-modal-sitecore__checkbox {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.terms-and-conditions-modal-sitecore__checkbox .form-checkbox {
    margin: 32px
}

.terms-and-conditions-modal-sitecore__buttons {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    display: flex
}

.totalkredit-loan-details__card-body.card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    padding-top: 32px
}

.totalkredit-loan-details__card-body-title>h3 {
    font-size: 1.875rem
}

.totalkredit-loan-details__details-section {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 32px;
    background-color: #f8f8f8
}

.totalkredit-loan-details__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5
}

.totalkredit-loan-details__row:last-child {
    border-bottom: none
}

.totalkredit-loan-details__icon {
    max-height: 67px
}

.totalkredit-loan-details__logo {
    max-height: 23px;
    align-self: flex-end;
    margin-bottom: 16px
}

.totalkredit-loan-details__row-label {
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.totalkredit-loan-details__row-data {
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.totalkredit-sso {
    min-height: 282px
}

.totalkredit-sso__card {
    display: flex;
    flex-direction: column
}

.totalkredit-sso__card>.totalkredit-sso__card-footer {
    align-items: center;
    justify-content: center;
    min-height: 3.5rem
}

.totalkredit-sso__card-body>.totalkredit-sso__card-title {
    margin: unset
}

.totalkredit-sso__totalkredit-logo {
    max-height: 23px
}

.totalkredit-sso__card-footer-link {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5rem;
    font-size: 0.875rem;
    font-weight: normal;
    cursor: pointer
}

.totalkredit-sso__card-footer-link-image {
    margin-right: 8px;
    fill: currentColor
}

.transaction-details {
    background: #fff
}

@media(max-width: 640px) {
    .transaction-details {
        min-width:300px
    }
}

.transaction-details>.transaction-details__header {
    padding: 64px 16px
}

.transaction-details>.transaction-details__header>.entity-details-header__title {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - 36px);
    padding-left: 12px
}

.transaction-details--loading {
    padding: 50px
}

.transaction-details__content {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f8;
    padding: 30px 20px 40px;
    display: flex;
    flex-flow: column;
    align-items: center
}

.transaction-details__items {
    margin: auto;
    padding: 0;
    max-width: 400px;
    width: 100%
}

.transaction-details__item,.transaction-details__item-attachment {
    display: flex;
    justify-content: space-between;
    font-size: 0.8125rem;
    padding: 10px 0
}

.transaction-details__item:not(:last-child),.transaction-details__item-attachment:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.transaction-details__oppdrag-header {
    font-size: 0.8125rem;
    font-weight: bold;
    padding-top: 10px
}

.transaction-details__oppdrag-item {
    list-style: none;
    padding: 10px 0px
}

.transaction-details__oppdrag-item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.transaction-details__oppdrag-description {
    display: flex;
    justify-content: space-between;
    font-size: 0.8125rem;
    padding: 0
}

.transaction-details__item-attachment {
    height: 40px;
    padding-bottom: 16px
}

.transaction-details__item-key,.transaction-details__view-attachment {
    white-space: nowrap
}

.transaction-details__view-attachment {
    display: flex;
    align-items: center
}

.transaction-details__item-value,.transaction-details__attachment,.transaction-details__attachment-disabled {
    text-align: right;
    margin-left: 15px;
    overflow: hidden;
    word-break: break-word;
    white-space: pre-wrap
}

.transaction-details__item-value--preformatted-text {
    white-space: pre-wrap;
    text-align: left;
    font-family: "Lato","Helvetica",sans-serif;
    margin-left: -72px;
    margin-top: 24px;
    font-size: 0.8125rem
}

.transaction-details__attachment {
    cursor: pointer
}

.transaction-details__attachment-disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #242424
}

.transaction-details__spinner {
    display: flex;
    align-self: center
}

.transaction-details__item-attachment .tooltip-wrapper {
    align-self: center
}

.transaction-details__export.button {
    border-radius: 0;
    height: 100px;
    font-weight: normal;
    line-height: 1rem;
    width: 100%;
    justify-content: center
}

.transaction-details__export.button .button__icon-text {
    flex-grow: 0
}

.transaction-details__export.button .icon {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem
}

.transaction-details__export:hover {
    background-color: #fff
}

.transaction-details__context-menu-form,.transaction-details__context-menu-button {
    padding: 16px 32px
}

.transaction-details__context-menu-form {
    display: flex;
    align-items: center
}

.transaction-details__context-menu-title {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 900;
    padding: 32px 32px 0
}

.transaction-details__context-menu-form-field {
    flex-grow: 1
}

.transaction-details__context-menu-form-field ::-ms-input-placeholder {
    opacity: 20%
}

.transaction-details__context-menu-form-field ::placeholder {
    opacity: 20%
}

.transaction-details__spinner {
    display: flex;
    align-self: center;
    color: #fff
}

.transaction-details__context-menu-form-button,.transaction-details__context-menu-form-button-hidden {
    background: none;
    display: inline-block;
    padding: 0;
    border: none;
    cursor: pointer;
    overflow: hidden;
    height: 35px
}

.transaction-details__context-menu-form-button:disabled,.transaction-details__context-menu-form-button-hidden:disabled {
    opacity: .6;
    filter: grayscale(100%);
    pointer-events: none
}

.transaction-details__context-menu-form-button-hidden {
    display: none
}

.transaction-details__context-menu-form-button-icon {
    width: 16px;
    height: 16px
}

.transaction-details-context-menu__button {
    cursor: pointer;
    background: unset;
    height: 40px;
    width: 40px;
    padding: 0;
    border: 0;
    line-height: 0
}

.transaction-details-context-menu__button.transaction-details-context-menu__button--isOpen,.transaction-details-context-menu__button.transaction-details-context-menu__button--isOpen:hover {
    background: #fff;
    border-radius: 50% 50% 0 0;
    opacity: 1;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

@media screen and (max-width: 639px) {
    .transaction-details-context-menu__button.transaction-details-context-menu__button--isOpen,.transaction-details-context-menu__button.transaction-details-context-menu__button--isOpen:hover,.transaction-details-context-menu__button:hover {
        border-radius:50% 50%
    }
}

.transaction-details-context-menu__wrapper {
    background: #fff;
    color: #242424;
    position: absolute;
    right: -40px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

@media(min-width: 641px) {
    .transaction-details-context-menu__wrapper {
        width:424px
    }
}

.transaction-details-context-menu__icon .icon {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    width: 16px;
    height: 16px
}

.transaction-list {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background-color: #fff
}

.transaction-list--no-shadow {
    box-shadow: none
}

.transaction-item--header {
    display: block
}

.transaction-field--date {
    width: 120px
}

.transaction-field.transaction-field--textFromSender {
    width: 230px;
    max-width: 230px;
    white-space: pre-wrap
}

@media(max-width: 1024px) {
    .transaction-field.transaction-field--textFromSender {
        display:none
    }
}

.transaction-field.transaction-field--textFromSender .transaction-field__text-from-sender-w-tooltip {
    white-space: nowrap
}

.transaction-field--amount {
    width: 120px
}

.transaction-field--balance,.transaction-field--bonus {
    width: 150px
}

.transaction-field--balance.transaction-field--isBusinessSegment,.transaction-field--isBusinessSegment.transaction-field--bonus {
    width: 185px
}

.transaction-field--originalAmount {
    width: 150px
}

.transaction-field__attachment-icon {
    width: 1rem;
    height: 1rem;
    margin-left: 8px;
    transform: translateY(2px)
}

.transaction-list-inner {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    font-size: 0.8125rem;
    display: block
}

.transaction-list--medium .transaction-list-inner,.transaction-list--large .transaction-list-inner,.transaction-list--extraLarge .transaction-list-inner {
    display: table
}

.transaction-list-body {
    width: 100%
}

.transaction-list--large .transaction-list-body,.transaction-list--extraLarge .transaction-list-body {
    padding-top: 24px;
    padding-bottom: 24px
}

.transaction-list--private .transaction-field--text,.transaction-list--private .transaction-field--note,.transaction-list--private .transaction-field--originalAmount {
    display: none
}

.transaction-list--private.transaction-list--small .transaction-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 64px;
    padding-left: 24px
}

@media(max-width: 460px) {
    .transaction-list--private.transaction-list--small .transaction-item {
        padding-right:48px;
        padding-left: 16px
    }
}

.transaction-list--private.transaction-list--small .transaction-item:last-child {
    border-bottom: none
}

.transaction-list--private.transaction-list--small.transaction-list--hideContextMenu .transaction-item {
    padding-right: 32px
}

@media(max-width: 460px) {
    .transaction-list--private.transaction-list--small.transaction-list--hideContextMenu .transaction-item {
        padding-right:16px
    }
}

.transaction-list--private.transaction-list--small.transaction-list--hideContextMenu .transaction-field--context-menu {
    display: none
}

.transaction-list--private.transaction-list--small .transaction-item--header,.transaction-list--private.transaction-list--small .transaction-field {
    display: none;
    border: none
}

.transaction-list--private.transaction-list--small .transaction-field--statementText,.transaction-list--private.transaction-list--small .transaction-field--amount,.transaction-list--private.transaction-list--small .transaction-field--date,.transaction-list--private.transaction-list--small .transaction-field--bonus,.transaction-list--private.transaction-list--small .transaction-field--balance {
    display: block;
    width: 50%;
    overflow-wrap: break-word
}

.transaction-list--private.transaction-list--small .transaction-field--statementText {
    order: 1;
    padding-left: 0
}

.transaction-list--private.transaction-list--small .transaction-field--date {
    order: 3
}

.transaction-list--private.transaction-list--small .transaction-field--amount {
    order: 2
}

.transaction-list--private.transaction-list--small .transaction-field--balance,.transaction-list--private.transaction-list--small .transaction-field--bonus {
    order: 4
}

.transaction-list--private.transaction-list--small .transaction-field--amount,.transaction-list--private.transaction-list--small .transaction-field--statementText {
    padding-bottom: .5em
}

.transaction-list--private.transaction-list--small .transaction-field--date,.transaction-list--private.transaction-list--small .transaction-field--balance,.transaction-list--private.transaction-list--small .transaction-field--bonus {
    font-size: 0.6875rem;
    padding-top: 0
}

.transaction-list--private.transaction-list--small .transaction-field--amount,.transaction-list--private.transaction-list--small .transaction-field--bonus,.transaction-list--private.transaction-list--small .transaction-field--balance {
    padding-right: 0
}

.transaction-list--private.transaction-list--small .transaction-field--context-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 0;
    width: 48px;
    right: 8px
}

@media(max-width: 460px) {
    .transaction-list--private.transaction-list--small .transaction-field--context-menu {
        right:0
    }
}

.transaction-list--private.transaction-list--small .transaction-item {
    padding-left: 72px
}

@media(max-width: 460px) {
    .transaction-list--private.transaction-list--small .transaction-item {
        padding-left:64px
    }
}

.transaction-list--private.transaction-list--small .transaction-list__row-separator {
    display: none
}

.transaction-list--private.transaction-list--small .transaction-field--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    width: 48px;
    left: 16px
}

@media(max-width: 460px) {
    .transaction-list--private.transaction-list--small .transaction-field--icon {
        left:8px
    }
}

.transaction-list--business.transaction-list--small .transaction-item,.transaction-list--private.transaction-list--small .transaction-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 64px;
    padding-left: 24px
}

@media(max-width: 460px) {
    .transaction-list--business.transaction-list--small .transaction-item,.transaction-list--private.transaction-list--small .transaction-item {
        padding-right:48px;
        padding-left: 16px
    }
}

.transaction-list--business.transaction-list--small .transaction-item:last-child,.transaction-list--private.transaction-list--small .transaction-item:last-child {
    border-bottom: none
}

.transaction-list--business.transaction-list--small.transaction-list--hideContextMenu .transaction-item,.transaction-list--private.transaction-list--small.transaction-list--hideContextMenu .transaction-item {
    padding-right: 32px
}

@media(max-width: 460px) {
    .transaction-list--business.transaction-list--small.transaction-list--hideContextMenu .transaction-item,.transaction-list--private.transaction-list--small.transaction-list--hideContextMenu .transaction-item {
        padding-right:16px
    }
}

.transaction-list--business.transaction-list--small.transaction-list--hideContextMenu .transaction-field--context-menu,.transaction-list--private.transaction-list--small.transaction-list--hideContextMenu .transaction-field--context-menu {
    display: none
}

.transaction-list--business.transaction-list--small .transaction-item--header,.transaction-list--business.transaction-list--small .transaction-field,.transaction-list--private.transaction-list--small .transaction-item--header,.transaction-list--private.transaction-list--small .transaction-field {
    display: none;
    border: none
}

.transaction-list--business.transaction-list--small .transaction-field--statementText,.transaction-list--business.transaction-list--small .transaction-field--amount,.transaction-list--business.transaction-list--small .transaction-field--date,.transaction-list--business.transaction-list--small .transaction-field--bonus,.transaction-list--business.transaction-list--small .transaction-field--balance,.transaction-list--private.transaction-list--small .transaction-field--statementText,.transaction-list--private.transaction-list--small .transaction-field--amount,.transaction-list--private.transaction-list--small .transaction-field--date,.transaction-list--private.transaction-list--small .transaction-field--bonus,.transaction-list--private.transaction-list--small .transaction-field--balance {
    display: block;
    width: 50%;
    overflow-wrap: break-word
}

.transaction-list--business.transaction-list--small .transaction-field--statementText,.transaction-list--private.transaction-list--small .transaction-field--statementText {
    order: 1;
    padding-left: 0
}

.transaction-list--business.transaction-list--small .transaction-field--date,.transaction-list--private.transaction-list--small .transaction-field--date {
    order: 3
}

.transaction-list--business.transaction-list--small .transaction-field--amount,.transaction-list--private.transaction-list--small .transaction-field--amount {
    order: 2
}

.transaction-list--business.transaction-list--small .transaction-field--balance,.transaction-list--business.transaction-list--small .transaction-field--bonus,.transaction-list--private.transaction-list--small .transaction-field--balance,.transaction-list--private.transaction-list--small .transaction-field--bonus {
    order: 4
}

.transaction-list--business.transaction-list--small .transaction-field--amount,.transaction-list--business.transaction-list--small .transaction-field--statementText,.transaction-list--private.transaction-list--small .transaction-field--amount,.transaction-list--private.transaction-list--small .transaction-field--statementText {
    padding-bottom: .5em
}

.transaction-list--business.transaction-list--small .transaction-field--date,.transaction-list--business.transaction-list--small .transaction-field--balance,.transaction-list--business.transaction-list--small .transaction-field--bonus,.transaction-list--private.transaction-list--small .transaction-field--date,.transaction-list--private.transaction-list--small .transaction-field--balance,.transaction-list--private.transaction-list--small .transaction-field--bonus {
    font-size: 0.6875rem;
    padding-top: 0
}

.transaction-list--business.transaction-list--small .transaction-field--amount,.transaction-list--business.transaction-list--small .transaction-field--bonus,.transaction-list--business.transaction-list--small .transaction-field--balance,.transaction-list--private.transaction-list--small .transaction-field--amount,.transaction-list--private.transaction-list--small .transaction-field--bonus,.transaction-list--private.transaction-list--small .transaction-field--balance {
    padding-right: 0
}

.transaction-list--business.transaction-list--small .transaction-field--context-menu,.transaction-list--private.transaction-list--small .transaction-field--context-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 0;
    width: 48px;
    right: 8px
}

@media(max-width: 460px) {
    .transaction-list--business.transaction-list--small .transaction-field--context-menu,.transaction-list--private.transaction-list--small .transaction-field--context-menu {
        right:0
    }
}

.transaction-list--business.transaction-list--small .transaction-field--text,.transaction-list--business.transaction-list--small .transaction-field--note,.transaction-list--business.transaction-list--small .transaction-field--originalAmount,.transaction-list--business.transaction-list--small .transaction-list__row-separator,.transaction-list--private.transaction-list--small .transaction-field--text,.transaction-list--private.transaction-list--small .transaction-field--note,.transaction-list--private.transaction-list--small .transaction-field--originalAmount,.transaction-list--private.transaction-list--small .transaction-list__row-separator {
    display: none
}

.transaction-list--business.transaction-list--medium .transaction-field--text,.transaction-list--business.transaction-list--medium .transaction-field--note,.transaction-list--business.transaction-list--medium .transaction-field--originalAmount,.transaction-list--private.transaction-list--medium .transaction-field--text,.transaction-list--private.transaction-list--medium .transaction-field--note,.transaction-list--private.transaction-list--medium .transaction-field--originalAmount {
    display: none
}

.transaction-list--business.transaction-list--large .transaction-field--text,.transaction-list--business.transaction-list--large .transaction-field--note,.transaction-list--business.transaction-list--large .transaction-field--originalAmount,.transaction-list--private.transaction-list--large .transaction-field--text,.transaction-list--private.transaction-list--large .transaction-field--note,.transaction-list--private.transaction-list--large .transaction-field--originalAmount {
    display: none
}

.transaction-list__loading-indicator {
    background-color: #fff;
    padding: 30px;
    font-size: 25px;
    line-height: 2em
}

.transaction-list__row-separator {
    display: table-row
}

.transaction-list__row-title {
    font-size: 12px;
    font-weight: bold;
    display: table-cell
}

@media(max-width: 640px) {
    .transaction-list__bulk-export-action {
        display:none
    }
}

.transaction-field--statementText,.transaction-field--receiver {
    overflow: hidden;
    word-break: break-all
}

.transaction-list--notNeosAccount .transaction-field--balance,.transaction-list--notNeosAccount .transaction-field--bonus,.transaction-list--notNeosAccount .transaction-field--originalAmount,.transaction-list--notNeosAccount .transaction-field--icon {
    display: none
}

.transaction-list--notNeosAccount.transaction-list--medium {
    padding-top: 16px
}

.transaction-list__search-bar {
    display: flex;
    justify-content: space-between
}

.transaction-list__search-bar:not(.transaction-list__search-bar--small) {
    padding: 20px 64px
}

.transaction-list__bottom-pagination {
    display: flex;
    justify-content: flex-end;
    padding: 16px 64px
}

.transaction-list__bottom-pagination--small {
    padding: 16px 24px
}

.transaction-list__no-transactions {
    text-align: center;
    font-size: 1rem;
    padding: 16px 0
}

.transaction-row-modal .neos-modal-content {
    width: 300px;
    height: 50px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.transaction-row-modal .neos-modal-close-button {
    width: 30px;
    height: 30px
}

.combined-posting-details__modal {
    min-height: 386px
}

.transaction-list.transaction-list--medium.transaction-list--no-spacers .transaction-list-body .transaction-field:first-child {
    padding-left: 1.5rem
}

.transaction-list.transaction-list--medium.transaction-list--no-spacers .transaction-list-body .transaction-field:last-child {
    margin-right: 1.5rem;
    padding-right: 1.5rem
}

.transaction-list.transaction-list--medium.transaction-list--no-spacers .transaction-list-body .transaction-field:last-child.transaction-field--recon {
    padding: 0
}

.transaction-list.transaction-list--medium.transaction-list--no-spacers .transaction-list-body .transaction-table-header .transaction-field:last-child {
    padding-right: 1.5rem
}

.transaction-list__reservations {
    margin-bottom: 8px
}

.transaction-list__search-bar-pagination {
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left: 16px
}

@media screen and (min-width: 640px) {
    .action-menu {
        margin-top:15px
    }

    .transaction-date-preset-picker__action-menu-arrow {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #fff;
        top: 15px;
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
        box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
    }

    .action-menu li {
        position: relative;
        z-index: 2
    }
}

.transaction-item {
    display: table-row;
    text-decoration: none;
    color: inherit
}

.transaction-item:hover,.transaction-item:visited {
    color: inherit
}

.transaction-item~.transaction-item>* {
    border-top: 1px solid #e5e5e5
}

.transaction-item~.transaction-item>*.transaction-field--context-menu,.transaction-item~.transaction-item>*.transaction-field--recon-hidden,.transaction-item~.transaction-item>*.transaction-field--recon,.transaction-item~.transaction-item>*.transaction-field--recon-left-margin,.transaction-item~.transaction-item>*.transaction-field--bulk-select {
    border-top-color: rgba(0,0,0,0)
}

.transaction-item .transaction-field--transparent {
    opacity: 0
}

.transaction-item.transaction-item--header>* {
    border-top-color: rgba(0,0,0,0)
}

.transaction-item.transaction-item--header+.transaction-item>* {
    border-top-color: rgba(0,0,0,0)
}

.transaction-item.transaction-item--header .transaction-field--recon {
    opacity: 1
}

.transaction-item.transaction-item--header:hover {
    background: none
}

.transaction-item.transaction-item--isSelected {
    background-color: #f7f7f8
}

.transaction-item.transaction-item--isSelected>* {
    border-top-color: rgba(0,0,0,0)
}

.transaction-item.transaction-item--isSelected+.transaction-item>* {
    border-top-color: rgba(0,0,0,0)
}

.transaction-item .transaction-field--recon {
    opacity: 0
}

.transaction-item.transaction-item--isReconciled .transaction-field--recon,.transaction-item.transaction-item--hasClick:hover .transaction-field--recon {
    opacity: 1
}

.transaction-item.transaction-item:focus-within .transaction-field--recon {
    opacity: 1
}

.transaction-item.transaction-item--hasClick {
    cursor: pointer
}

.transaction-item.transaction-item--hasClick:hover {
    background-color: #f0f0f0
}

.transaction-item.transaction-item--hasClick:hover>* {
    border-top-color: rgba(0,0,0,0)
}

.transaction-item.transaction-item--hasClick:hover+.transaction-item>* {
    border-top-color: rgba(0,0,0,0)
}

.transaction-item.transaction-item--isUpdating {
    transition: all .2s ease-in;
    opacity: .5
}

.transaction-item.transaction-item--isUpdating * {
    pointer-events: none
}

.transaction-field {
    padding: 1em;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2em;
    flex-grow: 1
}

.transaction-list:not(.transaction-list--small) .transaction-item--slim .transaction-field {
    padding-top: .2em;
    padding-bottom: .2em
}

.transaction-list:not(.transaction-list--small) .transaction-item--slim .transaction-field .context-menu__trigger-button {
    height: 40px
}

.transaction-field.transaction-field--bulk-select-hidden,.transaction-field.transaction-field--recon-hidden {
    padding: 1em 0;
    width: 20px;
    height: 30px
}

.transaction-field--bulk-select {
    width: 64px;
    text-align: center;
    opacity: 0;
    transition: opacity .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.transaction-field--bulk-select.transaction-field--isBusinessSegment {
    opacity: 1
}

.transaction-list.transaction-list--has-bulk-selection .transaction-field--bulk-select {
    opacity: 1
}

@media(pointer: coarse) {
    .transaction-field--bulk-select {
        opacity:1
    }
}

.transaction-item:hover .transaction-field--bulk-select,.transaction-item.transaction-item--isSelected .transaction-field--bulk-select {
    opacity: 1
}

.transaction-item.transaction-item:focus-within .transaction-field--bulk-select {
    opacity: 1
}

.transaction-field--date {
    padding-left: 0
}

.transaction-item--header .transaction-field {
    border-bottom: 1px solid #bbb;
    padding-top: 8px;
    padding-bottom: 8px
}

.transaction-item--header .transaction-field.transaction-field--bulk-select-hidden,.transaction-item--header .transaction-field.transaction-field--recon-hidden,.transaction-item--header .transaction-field.transaction-field--recon-left-margin,.transaction-item--header .transaction-field.transaction-field--bulk-select,.transaction-item--header .transaction-field.transaction-field--context-menu {
    border-bottom: none
}

.transaction-list__row-separator .transaction-field--date {
    border-bottom: none
}

.transaction-field--hasClickContent>div {
    pointer-events: none
}

.transaction-field--hasClickContent>div>label,.transaction-field--hasClickContent>div input,.transaction-field--hasClickContent>div a,.transaction-field--hasClickContent>div button {
    pointer-events: auto
}

.transaction-field--icon {
    min-width: 100px
}

.transaction-field--balance,.transaction-field--bonus,.transaction-field--amount,.transaction-field--originalAmount {
    text-align: right
}

.transaction-field--text,.transaction-field--note {
    font-style: italic;
    opacity: .8
}

.transaction-field--icon {
    max-width: 44px;
    min-width: 44px;
    width: 44px;
    padding: 8px 0;
    overflow: visible
}

.transaction-field--context-menu {
    width: 56px;
    padding: 0 0 0 1rem
}

.transaction-field--context-menu svg {
    fill: inherit
}

.transaction-field--balance,.transaction-field--bonus {
    padding-right: 0;
    text-transform: uppercase;
    color: #6e6e6e
}

.transaction-field--reservations {
    text-transform: uppercase
}

.transaction-field--reservation {
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    padding: 8px;
    text-align: center
}

.transaction-field--recon {
    max-width: 56px;
    width: 56px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.transaction-field--recon-left-margin {
    max-width: 64px;
    width: 64px
}

.transaction-field--isHighlighted {
    font-weight: bold
}

.transaction-field--isPositive {
    color: #008755
}

.transaction-field--isNegative {
    color: #dd1d26
}

.transaction-item--header {
    font-size: 0.6875rem
}

.transaction-item.transaction-item--header {
    margin-bottom: 8px
}

.transaction-list:not(.transaction-list--small) .transaction-item--slim .transaction-field--context-menu {
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: none
}

.transaction-list:not(.transaction-list--small) .transaction-item--slim .transaction-field--context-menu .context-menu__trigger-button {
    height: 40px;
    width: 40px
}

.transaction-list-search {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    order: -1;
    flex-direction: row;
    align-items: center
}

@media screen and (min-width: 640px) {
    .transaction-list-search .action-menu {
        margin-top:15px
    }

    .transaction-list-search .transaction-list-search__action-menu-arrow {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #fff;
        top: 15px;
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
        box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
    }

    .transaction-list-search .action-menu li {
        background: #fff;
        position: relative;
        z-index: 2
    }
}

.transaction-list-search>div {
    display: flex;
    flex-wrap: wrap
}

.transaction-list__search-bar--small {
    padding: 0 16px 16px
}

.transaction-list-top {
    background-color: #f2f2f2;
    position: relative;
    margin-top: 24px
}

.transaction-list-top__header {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center
}

.transaction-list-top__header-button-wrap {
    position: absolute;
    top: -24px;
    z-index: 1;
    border-radius: 25px;
    background-color: #fff
}

.transaction-table-header .transaction-table-header__recon {
    position: relative;
    display: block;
    padding: 0rem 2rem 0.125rem 0rem
}

.transaction-table-header .transaction-table-header__recon:before,.transaction-table-header .transaction-table-header__recon:after {
    color: currentColor;
    content: "▲";
    display: block;
    font-size: 6.5px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 0;
    width: 7px;
    transform: translateY(-50%)
}

.transaction-table-header .transaction-table-header__recon:after {
    content: "▼";
    transform: translateY(50%)
}

.transaction-table-header .transaction-table-header__recon-inner {
    border: none;
    background: rgba(0,0,0,0) !important;
    width: 10px;
    height: 10px
}

.transaction-table-header .transaction-table-header__recon-inner:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    border-color: rgba(0,0,0,0)
}

.transaction-reservation-details--loading {
    padding: 64px
}

.transaction-reservation-details__content {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f8;
    padding: 32px 20px 32px;
    display: flex;
    flex-flow: column;
    align-items: center
}

.transaction-reservation-details__items {
    margin: auto;
    padding: 0;
    max-width: 400px;
    width: 100%
}

.transfer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0
}

.transfer__wrapper {
    width: 620px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    margin-bottom: 32px
}

.transfer__top {
    background-color: #3f4346;
    color: #fff
}

.transfer__headline {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 1.25rem;
    text-align: center;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif
}

.money-transfer {
    display: block
}

.access-indicator__label {
    display: inline-block;
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden
}

.accordion__summary {
    border: none;
    text-align: inherit;
    width: 100%;
    color: #242424;
    background-color: #fff;
    cursor: pointer;
    font-weight: 900;
    margin-bottom: 0.0625rem;
    padding: 1.5rem 20% 1.5rem 16px;
    position: relative;
    z-index: 1
}

@media(min-width: 640px) {
    .accordion__summary {
        font-size:1.375rem;
        line-height: 1.75rem;
        padding-left: 2.25rem;
        padding-right: 25%
    }
}

.accordion__summary::-webkit-details-marker {
    display: none
}

@media(min-width: 1024px) {
    .accordion__summary:hover .accordion__icon {
        transform:translateY(-25%)
    }
}

.accordion__icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease;
    width: 2.5rem;
    height: 1.5625rem
}

@media(min-width: 640px) {
    .accordion__icon {
        width:3.125rem
    }
}

.accordion__icon svg {
    fill: currentcolor;
    width: 1.75rem;
    height: 1.75rem
}

.accordion__icon svg+svg {
    display: none
}

.accordion__content {
    background-color: #fff;
    padding: 1.5rem 16px;
    z-index: -1;
    transform-origin: 50% 0
}

@media(min-width: 640px) {
    .accordion__content {
        padding:2.25rem
    }
}

.accordion__content>*:first-child {
    margin-top: 0
}

.accordion__content>*:last-child {
    margin-bottom: 0
}

.accordion+.accordion {
    margin-top: 16px
}

.accordion.accordion--isOpen svg {
    display: none
}

.accordion.accordion--isOpen svg+svg {
    display: block
}

@media(min-width: 1024px) {
    .accordion.accordion--isOpen .accordion__summary:hover .accordion__icon {
        transform:translateY(-75%)
    }
}

@keyframes slideDownDetails {
    0% {
        opacity: 0;
        max-height: 0;
        transform: translateY(-24px)
    }

    95% {
        max-height: 100vh;
        transform: translateY(0)
    }

    100% {
        opacity: 1;
        max-height: none
    }
}

.action-menu__item.button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 45px;
    min-width: 180px;
    font-size: 0.75rem;
    border: none;
    padding: 0 0 0 25px;
    font-family: inherit
}

.action-menu__item--text-only.button {
    padding: 0 0 0 25px
}

.action-menu__item-icon,.action-menu__item-icon.submit-spinner.submit-spinner--small {
    position: relative;
    width: 1.75rem;
    height: 1.75rem;
    padding: 6px
}

.action-menu__item-icon .icon,.action-menu__item-icon.submit-spinner.submit-spinner--small .icon {
    fill: currentColor
}

.action-menu__item-icon.submit-spinner.submit-spinner--small .submit-spinner__svg {
    width: 1rem;
    height: 1rem;
    transform: scale(1)
}

.action-menu__item--active.button {
    background-color: #3f4346;
    color: #fff
}

.action-menu__item--active.button:hover:not(disabled) {
    color: #fff;
    background-color: #3f4346
}

.action-menu__item--disabled.button {
    color: #9b9b9b
}

.action-menu__item--disabled.button:hover {
    color: #9b9b9b
}

.action-menu__item-label {
    text-align: left;
    display: inline-block;
    width: 100%
}

.action-menu {
    margin: 0;
    padding: 0
}

.action-menu li {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.anchor-menu__navigation {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    z-index: 5000
}

.anchor-menu__navigation--stickyScrollDown,.anchor-menu__navigation--stickyScrollUp {
    left: 0;
    top: 0;
    position: fixed;
    width: 100%
}

.anchor-menu__inner {
    position: relative;
    height: 72px;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center
}

.anchor-menu__inner::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.anchor-menu__inner:hover::-webkit-scrollbar {
    height: 8px
}

.anchor-menu__inner::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.anchor-menu__inner::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #fff1b5
}

.anchor-menu__inner::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.anchor-menu__list {
    display: block;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    margin: auto
}

.anchor-menu__link {
    text-align: center;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    color: #242424;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    height: 100%;
    min-width: 100px;
    padding: 24px 8px
}

@media(min-width: 640px) {
    .anchor-menu__link {
        min-width:100px;
        padding: 24px 8px
    }
}

@media(min-width: 768px) {
    .anchor-menu__link {
        min-width:200px;
        padding: 24px
    }
}

.anchor-menu__link:hover,.anchor-menu__link:focus {
    background-color: #f0f0f0;
    cursor: pointer;
    color: #3f4346
}

.anchor-menu__link--active {
    color: #3f4346
}

.anchor-menu__scroll-indicator {
    height: 100%;
    width: 0;
    overflow: visible;
    position: absolute;
    top: 0px;
    right: 0;
    height: 72px
}

.anchor-menu__scroll-indicator:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    z-index: 200;
    pointer-events: none;
    background: rgba(0,0,0,0);
    opacity: .25;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))
}

.anchor-menu__scroll-progress {
    position: absolute;
    bottom: -1px;
    height: 3px;
    background: #3f4346
}

.neos-arrow-link {
    color: #3f4346;
    display: inline-flex;
    line-height: 1.625rem;
    position: relative;
    text-decoration: none
}

.neos-arrow-link .neos-arrow-link--small {
    font-size: 0.75rem
}

.neos-arrow-link .neos-arrow-link--inherit {
    border: 1px solid red
}

.neos-arrow-link .icon {
    fill: currentColor;
    margin-left: 0.3125rem;
    width: 1.625rem;
    height: 1.625rem;
    transition: transform .15s ease
}

.neos-arrow-link:visited {
    color: #3f4346
}

.neos-arrow-link:focus,.neos-arrow-link:hover {
    color: #3f4346
}

.neos-arrow-link:focus svg,.neos-arrow-link:hover svg {
    transform: translateX(-3px)
}

.react-autosuggest__container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-autosuggest__input {
    width: 100%
}

.react-autosuggest__input--focused {
    outline: none
}

.react-autosuggest__input::-ms-clear {
    display: none
}

.react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.react-autosuggest__suggestions-container {
    display: none
}

.react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    width: 100%;
    border: 1px solid #aaa;
    background-color: #fff;
    z-index: 2
}

.react-autosuggest__suggestions-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.react-autosuggest__suggestion {
    cursor: pointer;
    color: #242424
}

.react-autosuggest__suggestion--highlighted {
    background-color: #ddd
}

.backdrop {
    position: relative;
    z-index: -1;
    padding: 16px;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 400px
}

.backdrop--push-default {
    margin-bottom: -400px
}

.backdrop--push-small {
    margin-bottom: -336px
}

.backdrop--push-medium {
    margin-bottom: -272px
}

.backdrop--push-large {
    margin-bottom: -208px
}

.backdrop--solid {
    background-color: #f8f8f8;
    color: #242424
}

.backdrop.backdrop--t-bg-color-1 {
    background-color: #3f4346;
    color: #fff
}

.backdrop.backdrop--t-bg-color-2 {
    background-color: #6c757b;
    color: #fff
}

.backdrop.backdrop--t-bg-color-3 {
    background-color: #fff1b5;
    color: #000
}

.backdrop.backdrop--t-bg-color-4 {
    background-color: #fedd46;
    color: #000
}

.backdrop--with-title.backdrop--push-default {
    margin-bottom: -200px
}

.backdrop--with-title.backdrop--push-small {
    margin-bottom: -136px
}

.backdrop--with-title.backdrop--push-medium {
    margin-bottom: -72px
}

.backdrop--with-title.backdrop--push-large {
    margin-bottom: -8px
}

.backdrop__title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    text-align: center;
    margin: 0 auto;
    padding: 5% 1em 4%
}

@media(max-width: 360px) {
    .backdrop__title {
        word-break:break-word;
        line-height: 2.625rem
    }
}

@media(min-width: 768px) {
    .backdrop__title {
        font-size:3.125rem;
        line-height: 3.75rem
    }
}

@media(min-width: 1024px) {
    .backdrop__title {
        font-size:4.5rem;
        line-height: 5rem
    }
}

@media(min-width: 1400px) {
    .backdrop__title {
        max-width:953.4px
    }
}

.backdrop__pull {
    height: 200px
}

.neos-ebank .breadcrumb-container {
    padding-top: 8px
}

@media(min-width: 768px) {
    .neos-ebank .breadcrumb-container {
        padding-top:16px
    }
}

.neos-ebank .breadcrumb-container .frame__cell {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px
}

@media(min-width: 768px) {
    .neos-ebank .breadcrumb-container .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .neos-ebank .breadcrumb-container .frame__cell {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .neos-ebank .breadcrumb-container .frame__cell {
        padding:0 56px
    }
}

.neos-ebank .breadcrumb-container .frame__cell-item {
    padding: 0 8px;
    margin-bottom: 16px
}

.neos-ebank .breadcrumb-container .frame__cell-item:last-child {
    margin-bottom: 0
}

.neos .breadcrumb-container {
    margin-bottom: 10px
}

.neos .breadcrumb-container .frame__cell {
    max-width: 1362px;
    margin: auto;
    padding: 0 16px
}

@media(min-width: 640px) {
    .neos .breadcrumb-container .frame__cell {
        max-width:853.3333333333px
    }
}

@media(min-width: 1024px) {
    .neos .breadcrumb-container .frame__cell {
        max-width:1362px
    }
}

@media(min-width: 640px) {
    .neos .breadcrumb-container .frame__cell {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .neos .breadcrumb-container .frame__cell {
        padding:0 8px
    }
}

.neos-ebank .neos .breadcrumb-container .frame__cell {
    max-width: 1362px
}

.neos .breadcrumb-container .frame__cell-item {
    padding: 0 8px;
    max-width: 100%;
    margin-left: 0%
}

@media(min-width: 640px) {
    .neos .breadcrumb-container .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 1024px) {
    .neos .breadcrumb-container .frame__cell-item {
        padding:0 8px
    }
}

@media(min-width: 640px) {
    .neos .breadcrumb-container .frame__cell-item {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .neos .breadcrumb-container .frame__cell-item {
        max-width:75%
    }
}

@media(min-width: 640px) {
    .neos .breadcrumb-container .frame__cell-item {
        margin-left:0%
    }
}

@media(min-width: 1024px) {
    .neos .breadcrumb-container .frame__cell-item {
        margin-left:12.5%
    }
}

.breadcrumb {
    position: relative;
    font-size: 14px
}

.breadcrumb ul,.breadcrumb li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.breadcrumb__inner {
    position: relative;
    z-index: 5
}

.breadcrumb-list {
    list-style-type: none;
    width: auto;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.breadcrumb-list__item {
    display: inline-block;
    white-space: nowrap;
    padding: 16px;
    position: relative
}

.breadcrumb-list__item:last-of-type .breadcrumb-list__item-link {
    font-weight: bold
}

.breadcrumb-list__item-nolink {
    position: relative;
    display: inline-block;
    transition: opacity .3s ease-in;
    text-decoration: none;
    min-height: 2px;
    padding: 9px 10px 7px 0;
    color: currentcolor;
    opacity: .38
}

.breadcrumb-list__item-nolink:visited {
    color: currentcolor
}

.breadcrumb-list__item-link {
    position: relative;
    display: inline-block;
    transition: opacity .3s ease-in;
    text-decoration: none;
    min-height: 2px;
    padding: 9px 10px 7px 0;
    color: currentcolor;
    opacity: .38;
    cursor: pointer
}

.breadcrumb-list__item-link:visited {
    color: currentcolor
}

.breadcrumb-list__item-link:hover {
    color: currentcolor;
    opacity: 1
}

.breadcrumb-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    height: 16px
}

.breadcrumb-icon svg {
    fill: currentcolor;
    opacity: .38;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 45%;
    transform: translate(0, -50%)
}

.button-dropdown {
    position: relative;
    display: inline-block
}

.button-dropdown--is-open>button:first-child:hover {
    background-color: #3f4346
}

.button-dropdown--inactive-with-input>button {
    border: 1px solid #3f4346
}

.button-dropdown__icon {
    width: 1rem;
    height: 1rem;
    margin-left: 8px
}

.button-dropdown__icon svg {
    fill: currentColor
}

.button-dropdown__content {
    position: absolute;
    z-index: 1;
    margin-top: 16px;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.button-dropdown--is-above .button-dropdown__content {
    bottom: 100%;
    margin-bottom: 16px;
    margin-top: 0
}

.button-dropdown__content-arrow {
    display: block;
    bottom: calc(100% - 10px);
    left: 50%;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    transform: translateX(-50%) rotate(45deg);
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1);
    z-index: 1
}

.button-dropdown--is-above .button-dropdown__content-arrow {
    bottom: auto;
    top: calc(100% - 10px)
}

.button-dropdown__content-inner {
    position: relative;
    z-index: 2;
    background-color: inherit;
    max-height: 600px;
    overflow: auto
}

.button-dropdown__content-footer {
    position: relative;
    z-index: 2;
    background-color: inherit;
    border-top: 1px solid #e5e5e5;
    display: flex
}

.button-dropdown-amount-range {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    width: 320px
}

.button-dropdown-amount-range__icon {
    width: 48px;
    margin: 0 10.6666666667px
}

.button-dropdown-amount-range__icon svg {
    margin-top: 16px;
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor
}

.button-dropdown-amount-range__input .form-control__content,.button-dropdown-amount-range__input input {
    text-align: center
}

.button-dropdown-checkbox {
    background: rgba(0,0,0,0);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 230px;
    min-height: 48px;
    cursor: pointer;
    padding: 16px 8px;
    color: #242424
}

.button-dropdown-checkbox:hover {
    background-color: #f0f0f0
}

.button-dropdown-checkbox__indicator {
    margin: 8px;
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #242424
}

.button-dropdown-checkbox--isChecked .button-dropdown-checkbox__indicator {
    background-color: #3f4346;
    color: #fff;
    border-color: rgba(0,0,0,0)
}

.button-dropdown-checkbox--isChecked .button-dropdown-checkbox__indicator svg {
    display: block
}

.button-dropdown-checkbox__indicator svg {
    transform: scale(0.8);
    fill: currentColor;
    display: none
}

.button-dropdown-checkbox__label {
    padding: 8px;
    font-size: 14px;
    flex-grow: 1;
    text-align: left
}

.button-dropdown-footer {
    background: none;
    border: none;
    display: flex;
    width: 100%;
    padding: 16px 8px
}

.button-dropdown-footer:not(:disabled) {
    cursor: pointer
}

.button-dropdown-footer:not(:disabled):hover {
    background-color: #f0f0f0
}

.button-dropdown-footer__clear-icon {
    width: 16px;
    height: 16px;
    margin: 8px;
    fill: #e5e5e5
}

.button-dropdown-footer__clear-icon--active {
    fill: #3f4346
}

.button-dropdown-footer__clear-text {
    padding: 6px;
    color: #e5e5e5;
    text-transform: uppercase
}

.button-dropdown-footer__clear-text--active {
    color: #3f4346
}

.form-radio.button-dropdown-radio {
    padding: 8px 32px;
    width: 100%;
    margin: 0;
    font-size: 14px
}

.form-radio.button-dropdown-radio:last-of-type {
    margin-bottom: 16px
}

.button-dropdown-text {
    background: rgba(0,0,0,0);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 230px;
    min-height: 48px;
    cursor: pointer;
    padding: 16px 8px;
    color: #242424
}

.button-dropdown-text:hover {
    background-color: #f0f0f0
}

.button-dropdown-text__content {
    display: flex;
    padding: 8px;
    font-size: 14px;
    flex-grow: 1;
    text-align: left
}

.button-dropdown-text__content>* {
    margin-right: 8px
}

.button-dropdown-text__content .flag {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.button-dropdown-title {
    text-align: center;
    margin-top: 24px;
    font-size: 14px;
    font-weight: bold
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff1b5;
    padding: 12px 24px;
    font-size: 0.75rem;
    border-radius: 2.5rem;
    border: 1px solid rgba(0,0,0,0);
    color: #242424;
    cursor: pointer;
    transition: .1s linear all;
    min-height: 2.5rem;
    min-width: 2.5rem;
    line-height: 1.25em;
    text-decoration: none;
    vertical-align: middle
}

.button--disabled,.button[disabled] {
    opacity: .6;
    filter: grayscale(100%);
    pointer-events: none
}

.button--small {
    height: 28px;
    min-height: 1.25rem;
    min-width: 1.25rem;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.25em;
    padding-right: 1.25em
}

.button--small .button__icon {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}

.button--small.button--icon-only {
    width: 28px;
    height: 28px;
    padding: 0
}

.button--small.button--icon-only .button__icon {
    margin: 0 0.3125rem
}

.button--large,.button--huge {
    line-height: 1.28em;
    font-size: 1rem;
    padding: 1.125rem 1.5625rem
}

.button--huge {
    padding: 1.125rem 1.5625rem;
    height: 4.5rem
}

.button--loading[disabled] {
    opacity: 1
}

.button--full-width {
    width: 100%;
    border-radius: 0;
    font-weight: normal
}

.button--full-width:hover:not([disabled]) {
    transform: none !important;
    box-shadow: none
}

.button--has-shadow {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.button--has-shadow:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.button--with-icon {
    justify-content: space-between
}

.button__icon {
    width: 1rem;
    height: 1rem;
    display: block
}

.button__icon svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.button__icon-spinner {
    width: 1rem;
    height: 1rem;
    display: block;
    border-radius: 50%;
    border: 1px solid currentColor;
    border-top-color: rgba(0,0,0,0);
    animation: loading-indicator .7s linear infinite
}

.button__icon-text {
    display: block;
    flex-grow: 1;
    margin-left: 8px
}

.button--icon-right .button__icon-text {
    margin-left: 0;
    margin-right: 8px
}

.button--icon-center .button__icon-text {
    flex-grow: 0
}

.button--icon-center {
    justify-content: center
}

.button--icon-only {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    width: 42px;
    height: 42px
}

.button--icon-only .button__icon {
    margin: 0
}

.button--no-padding-left-and-right {
    padding-left: 0;
    padding-right: 0
}

.button--icon-right {
    flex-direction: row-reverse
}

.button--color-default {
border-radius: 25px;    
background-color: #fedd46;
    color: #000;
    border-color: rgba(0,0,0,0)
}

.button--color-default:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #fed82d
}

.button--color-default:visited,.button--color-default:hover {
    color: #000
}

.button--color-default.button--is-active {
    background: #000;
    color: #fedd46
}

.button--color-default.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-default svg {
    fill: currentColor
}

.button--color-transparent {
    background-color: rgba(0,0,0,0);
    color: #242424;
    border-color: #e5e5e5;
    border: 1px solid #e5e5e5
}

.button--color-transparent:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #eaebeb
}

.button--color-transparent:visited,.button--color-transparent:hover {
    color: #242424
}

.button--color-transparent.button--is-active {
    color: #fff;
    background: #3f4346
}

.button--color-transparent.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-transparent svg {
    fill: currentColor
}

.button--color-transparent:hover {
    border-color: rgba(0,0,0,0)
}

.button--color-link-action {
    background-color: rgba(0,0,0,0);
    color: #3f4346;
    border-color: rgba(0,0,0,0)
}

.button--color-link-action:hover:not([disabled]):not(.button--disable-hover) {
    background-color: rgba(0,0,0,0)
}

.button--color-link-action:visited,.button--color-link-action:hover {
    color: #3f4346
}

.button--color-link-action.button--is-active {
    color: #fff;
    background: #3f4346
}

.button--color-link-action.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-link-action svg {
    fill: currentColor
}

.button--color-link {
    background-color: rgba(0,0,0,0);
    color: #242424;
    border-color: rgba(0,0,0,0)
}

.button--color-link:hover:not([disabled]):not(.button--disable-hover) {
    background-color: rgba(0,0,0,0)
}

.button--color-link:visited,.button--color-link:hover {
    color: #242424
}

.button--color-link.button--is-active {
    color: #fff;
    background: #3f4346
}

.button--color-link.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-link svg {
    fill: currentColor
}

.button--color-brand-1 {
    background-color: #3f4346;
    color: #fff;
    border-color: rgba(0,0,0,0)
}

.button--color-brand-1:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #333639
}

.button--color-brand-1:visited,.button--color-brand-1:hover {
    color: #fff
}

.button--color-brand-1.button--is-active {
    background: #fff;
    color: #3f4346
}

.button--color-brand-1.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-brand-1 svg {
    fill: currentColor
}

.button--color-brand-2 {
    background-color: #6c757b;
    color: #fff;
    border-color: rgba(0,0,0,0)
}

.button--color-brand-2:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #60686d
}

.button--color-brand-2:visited,.button--color-brand-2:hover {
    color: #fff
}

.button--color-brand-2.button--is-active {
    background: #fff;
    color: #6c757b
}

.button--color-brand-2.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-brand-2 svg {
    fill: currentColor
}

.button--color-brand-3 {
    background-color: #fff1b5;
    color: #000;
    border-color: rgba(0,0,0,0)
}

.button--color-brand-3:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #ffec9c
}

.button--color-brand-3:visited,.button--color-brand-3:hover {
    color: #000
}

.button--color-brand-3.button--is-active {
    background: #000;
    color: #fff1b5
}

.button--color-brand-3.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-brand-3 svg {
    fill: currentColor
}

.button--color-brand-4 {
    background-color: #fedd46;
    color: #000;
    border-color: rgba(0,0,0,0)
}

.button--color-brand-4:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #fed82d
}

.button--color-brand-4:visited,.button--color-brand-4:hover {
    color: #000
}

.button--color-brand-4.button--is-active {
    background: #000;
    color: #fedd46
}

.button--color-brand-4.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-brand-4 svg {
    fill: currentColor
}

.button--color-white {
    background-color: #fff;
    color: #3f4346;
    border-color: rgba(0,0,0,0)
}

.button--color-white:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #f2f2f2
}

.button--color-white:visited,.button--color-white:hover {
    color: #3f4346
}

.button--color-white.button--is-active {
    background: #3f4346;
    color: #fff
}

.button--color-white.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-white svg {
    fill: currentColor
}

.button--color-brand-on-white {
    background-color: #3f4346;
    color: #fff;
    border-color: rgba(0,0,0,0)
}

.button--color-brand-on-white:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #333639
}

.button--color-brand-on-white:visited,.button--color-brand-on-white:hover {
    color: #fff
}

.button--color-brand-on-white.button--is-active {
    background: #fff;
    color: #3f4346
}

.button--color-brand-on-white.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-brand-on-white svg {
    fill: currentColor
}

.button--color-brand-1-dark {
    background-color: #65696b;
    color: #fff;
    border-color: rgba(0,0,0,0)
}

.button--color-brand-1-dark:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #595c5e
}

.button--color-brand-1-dark:visited,.button--color-brand-1-dark:hover {
    color: #fff
}

.button--color-brand-1-dark.button--is-active {
    background: #fff;
    color: #65696b
}

.button--color-brand-1-dark.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-brand-1-dark svg {
    fill: currentColor
}

.button--color-invert {
    background-color: #fff;
    color: currentColor;
    border-color: rgba(0,0,0,0)
}

.button--color-invert:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #f2f2f2
}

.button--color-invert:visited,.button--color-invert:hover {
    color: currentColor
}

.button--color-invert.button--is-active {
    background: currentColor;
    color: #fff
}

.button--color-invert.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-invert svg {
    fill: currentColor
}

.button--color-secondary {
    background-color: #fff;
    color: currentColor;
    border-color: #3f4346;
    border: 1px solid #3f4346
}

.button--color-secondary:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #f2f2f2
}

.button--color-secondary:visited,.button--color-secondary:hover {
    color: currentColor
}

.button--color-secondary.button--is-active {
    background: currentColor;
    color: #fff
}

.button--color-secondary.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-secondary svg {
    fill: currentColor
}

.button--color-delete {
    background-color: #d90e19;
    color: #fff;
    border-color: #3f4346;
    border: 1px solid #3f4346
}

.button--color-delete:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #c10c16
}

.button--color-delete:visited,.button--color-delete:hover {
    color: #fff
}

.button--color-delete.button--is-active {
    background: #fff;
    color: #d90e19
}

.button--color-delete.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-delete svg {
    fill: currentColor
}

.button--color-brand-4-on-white {
    background-color: #f8f8f8;
    color: #000;
    border-color: rgba(0,0,0,0)
}

.button--color-brand-4-on-white:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #ebebeb
}

.button--color-brand-4-on-white:visited,.button--color-brand-4-on-white:hover {
    color: #000
}

.button--color-brand-4-on-white.button--is-active {
    background: #000;
    color: #f8f8f8
}

.button--color-brand-4-on-white.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-brand-4-on-white svg {
    fill: currentColor
}

.button--color-white-on-brand-4 {
    background-color: #fedd46;
    color: #000;
    border-color: rgba(0,0,0,0)
}

.button--color-white-on-brand-4:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #fed82d
}

.button--color-white-on-brand-4:visited,.button--color-white-on-brand-4:hover {
    color: #000
}

.button--color-white-on-brand-4.button--is-active {
    background: #000;
    color: #fedd46
}

.button--color-white-on-brand-4.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-white-on-brand-4 svg {
    fill: currentColor
}

.button--color-color-investment {
    background-color: #3f4346;
    color: #fff;
    border-color: #65696b;
    border: 1px solid #65696b
}

.button--color-color-investment:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #595c5e
}

.button--color-color-investment:visited,.button--color-color-investment:hover {
    color: #fff
}

.button--color-color-investment.button--is-active {
    background: #fff;
    color: #3f4346
}

.button--color-color-investment.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-color-investment svg {
    fill: currentColor
}

.button--color-color-investment-tone-1 {
    background-color: #27292b;
    color: #fff;
    border-color: #65696b;
    border: 1px solid #65696b
}

.button--color-color-investment-tone-1:hover:not([disabled]):not(.button--disable-hover) {
    background-color: #595c5e
}

.button--color-color-investment-tone-1:visited,.button--color-color-investment-tone-1:hover {
    color: #fff
}

.button--color-color-investment-tone-1.button--is-active {
    background: #fff;
    color: #27292b
}

.button--color-color-investment-tone-1.button--is-active:hover:not([disabled]) {
    background-color: #3f4346
}

.button--color-color-investment-tone-1 svg {
    fill: currentColor
}

@keyframes loading-indicator {
    to {
        transform: rotate(360deg)
    }
}

.button--no-border {
    border: none
}

.card {
    width: 100%;
    background-color: #fff;
    transition: box-shadow .3s cubic-bezier(0.24, 0.5, 0.22, 0.89),transform .3s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    position: relative
}

.card--has-shadow {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.card--has-hover-effect:hover {
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.card__body {
    height: 100%;
    padding: 16px 32px
}

.card__body--has-border {
    border-bottom: 1px solid #e5e5e5
}

.card__image {
    width: 100%
}

.card__footer {
    display: flex;
    justify-content: space-between;
    min-height: 5.75rem;
    padding: 1rem 1.875rem;
    text-decoration: none
}

.card__footer>* {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.card__footer--has-border {
    border-top: 1px solid #e5e5e5
}

.card__footer--has-shadow {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.card-header {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 8px
}

.card-header__title {
    font-size: 0.75rem;
    line-height: 1rem
}

.card-header__title-primary {
    color: #242424;
    font-weight: 900
}

.card-header__title-secondary {
    color: #6e6e6e
}

.card-row__wrapper {
    font-size: 0.8125rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border: 1px solid rgba(0,0,0,0);
    width: 100%
}

.card-row__wrapper--border-top {
    border-top: 1px solid #e5e5e5
}

.card-row__wrapper--border-bottom {
    border-bottom: 1px solid #e5e5e5
}

.card-row__item,.card-row__value {
    padding: 0
}

.card-row__value {
    font-weight: 900
}

.card-title {
    margin: 16px 0
}

.card-title--right {
    text-align: left
}

.card-title--right {
    text-align: right
}

.card-title--center {
    text-align: center
}

.card-title--ellipseTitle {
    width: 100%
}

.card-title--ellipseTitle .card-title__header {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-title__header {
    margin-top: 0;
    margin-bottom: 8px;
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.card-title__byline {
    font-size: 0.8125rem;
    line-height: 1.125rem;
    color: #6e6e6e
}

.change-highlight {
    position: relative;
    display: inline;
    z-index: 0
}

.change-highlight::after {
    content: "";
    position: absolute;
    z-index: -1;
    transition: 1s ease-out opacity;
    pointer-events: none;
    background-color: #f9f520;
    opacity: 0;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px
}

.change-highlight.change-highlight--highlight::after {
    opacity: 1
}

.bar-chart {
    position: relative;
    min-height: 50px
}

.bar-chart__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.bar-chart__credit-bar,.bar-chart__debit-bar {
    position: absolute;
    width: 12%;
    min-height: 1px;
    transition: height .5s ease-in-out;
    bottom: 50%;
    transform: translateY(50%)
}

.bar-chart__credit-bar {
    background-color: #008755;
    right: 50%;
    margin-right: 1px
}

.bar-chart__debit-bar {
    background-color: #242424;
    left: 50%
}

.bar-chart__label {
    font-size: 0.625rem
}

.bar-chart__label--credit,.bar-chart__label--debit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.bar-chart__label--credit {
    right: 120%;
    color: #008755
}

.bar-chart__label--debit {
    left: 120%;
    color: #242424
}

.bar-chart--default .bar-chart__label {
    display: none
}

.checkbox-select {
    position: relative;
    display: inline;
    line-height: 1
}

.checkbox-select--disabled .checkbox-select__indicator,.checkbox-select--disabled:hover .checkbox-select__indicator {
    opacity: .4;
    filter: grayscale(100%);
    cursor: default
}

.checkbox-select--disabled .checkbox-select__indicator svg,.checkbox-select--disabled:hover .checkbox-select__indicator svg {
    opacity: 0
}

.checkbox-select__input {
    position: absolute;
    opacity: 0
}

.checkbox-select__input:checked~.checkbox-select__indicator {
    background: #3f4346
}

.checkbox-select__input:checked~.checkbox-select__indicator .icon {
    opacity: 1;
    fill: #fff
}

.checkbox-select__input:checked~.checkbox-select__indicator:hover .icon {
    fill: #fff
}

.checkbox-select__input:focus~.checkbox-select__indicator {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color
}

.body--hidden-outlines .checkbox-select__input:focus~.checkbox-select__indicator {
    outline: none
}

.checkbox-select__indicator {
    cursor: pointer;
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid #242424;
    transition: .1s linear opacity;
    vertical-align: top
}

.checkbox-select__indicator:hover {
    opacity: 1
}

.checkbox-select__indicator:hover .icon {
    opacity: .5;
    transition: all .2s ease;
    fill: #242424
}

.checkbox-select__indicator .icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 4px
}

.checkbox-select--rounded .checkbox-select__indicator {
    border: none;
    background: rgba(0,0,0,0) !important
}

.checkbox-select--rounded .checkbox-select__indicator:after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #242424
}

.checkbox-select--rounded:hover .checkbox-select__input:not(:checked)~.checkbox-select__indicator:after {
    border: 1px solid #242424;
    box-shadow: inset 0 0 0 1px #fff;
    background-color: #3f4346
}

.checkbox-select--rounded:hover .checkbox-select__input:checked~.checkbox-select__indicator:after {
    border: 1px solid #242424;
    box-shadow: inset 0 0 0 1px #fff;
    background-color: #3f4346;
    height: 12px;
    width: 12px
}

.checkbox-select--rounded .checkbox-select__input:checked~.checkbox-select__indicator:after {
    background-color: #3f4346;
    height: 8px;
    width: 8px;
    border-color: rgba(0,0,0,0)
}

.circle-list {
    list-style: none;
    margin: 0;
    padding: 0rem 1.875rem 0rem 0rem
}

.circle-list-item,.circle-list-item:first-child,.circle-list-item:last-of-type {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 1.5rem
}

.circle-list--show-count .circle-list-item,.circle-list--show-count .circle-list-item:first-child,.circle-list--show-count .circle-list-item:last-of-type {
    width: 0.5rem
}

.circle-list--size-medium .circle-list-item,.circle-list--size-medium .circle-list-item:first-child,.circle-list--size-medium .circle-list-item:last-of-type {
    width: 1.875rem
}

.circle-list--size-medium.circle-list--show-count .circle-list-item,.circle-list--size-medium.circle-list--show-count .circle-list-item:first-child,.circle-list--size-medium.circle-list--show-count .circle-list-item:last-of-type {
    width: 0.625rem
}

.circle-list--size-large .circle-list-item,.circle-list--size-large .circle-list-item:first-child,.circle-list--size-large .circle-list-item:last-of-type {
    width: 3.28125rem
}

.circle-list--size-large.circle-list--show-count .circle-list-item,.circle-list--size-large.circle-list--show-count .circle-list-item:first-child,.circle-list--size-large.circle-list--show-count .circle-list-item:last-of-type {
    width: 1.09375rem
}

.circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.1875rem;
    width: 2.1875rem;
    border-radius: 50%;
    border: 2px solid #fff;
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 0.6875rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    position: relative
}

.circle[class*=circle--border-color] {
    line-height: 2.0625rem
}

.circle.circle--size-medium {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem
}

.circle.circle--size-medium[class*=circle--border-color] {
    line-height: 2.375rem
}

.circle.circle--size-medium-2 {
    height: 3.125rem;
    width: 3.125rem;
    line-height: 3.125rem
}

.circle.circle--size-medium-2[class*=circle--border-color] {
    line-height: 3rem
}

.circle.circle--size-large {
    font-size: 1.125rem;
    height: 4.375rem;
    width: 4.375rem;
    line-height: 4.375rem
}

.circle.circle--size-large[class*=circle--border-color] {
    border-width: 0.125rem;
    line-height: 4.125rem
}

.circle.circle--size-large .icon {
    width: 1.75rem;
    height: 1.75rem
}

.circle.circle--size-extra-large {
    font-size: 1.125rem;
    height: 7.5rem;
    width: 7.5rem;
    line-height: 7.5rem
}

.circle.circle--size-extra-large[class*=circle--border-color] {
    border-width: 0.1875rem;
    line-height: 7.125rem
}

.circle.circle--size-extra-large .icon {
    width: 3.5rem;
    height: 3.5rem
}

.circle.circle--size-extra-small {
    height: 1.25rem;
    width: 1.25rem;
    line-height: 1.25rem
}

.circle.circle--size-extra-small[class*=circle--border-color] {
    line-height: 1.125rem
}

.circle.circle--size-extra-small .icon {
    width: 10px;
    height: 10px
}

.circle.circle--size-tiny {
    height: 1rem;
    width: 1rem;
    line-height: 1rem
}

.circle.circle--size-tiny[class*=circle--border-color] {
    line-height: 0.875rem
}

.circle.circle--size-tiny .icon {
    width: 10px;
    height: 10px
}

.circle.circle--color-brand-1 {
    color: #3f4346
}

.circle.circle--border-color-brand-1 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #3f4346
}

.circle.circle--bg-color-brand-1 {
    background-color: #3f4346
}

.circle.circle--color-brand-2 {
    color: #6c757b
}

.circle.circle--border-color-brand-2 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #6c757b
}

.circle.circle--bg-color-brand-2 {
    background-color: #6c757b
}

.circle.circle--color-brand-3 {
    color: #fff1b5
}

.circle.circle--border-color-brand-3 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #fff1b5
}

.circle.circle--bg-color-brand-3 {
    background-color: #fff1b5
}

.circle.circle--color-brand-4 {
    color: #fedd46
}

.circle.circle--border-color-brand-4 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #fedd46
}

.circle.circle--bg-color-brand-4 {
    background-color: #fedd46
}

.circle.circle--color-brand-1-contrast {
    color: #fff
}

.circle.circle--border-color-brand-1-contrast {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #fff
}

.circle.circle--bg-color-brand-1-contrast {
    background-color: #fff
}

.circle.circle--color-brand-2-contrast {
    color: #fff
}

.circle.circle--border-color-brand-2-contrast {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #fff
}

.circle.circle--bg-color-brand-2-contrast {
    background-color: #fff
}

.circle.circle--color-brand-3-contrast {
    color: #000
}

.circle.circle--border-color-brand-3-contrast {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #000
}

.circle.circle--bg-color-brand-3-contrast {
    background-color: #000
}

.circle.circle--color-brand-4-contrast {
    color: #000
}

.circle.circle--border-color-brand-4-contrast {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #000
}

.circle.circle--bg-color-brand-4-contrast {
    background-color: #000
}

.circle.circle--color-color-on-white-brand-1 {
    color: #3f4346
}

.circle.circle--border-color-color-on-white-brand-1 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #3f4346
}

.circle.circle--bg-color-color-on-white-brand-1 {
    background-color: #3f4346
}

.circle.circle--color-font {
    color: #242424
}

.circle.circle--border-color-font {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #242424
}

.circle.circle--bg-color-font {
    background-color: #242424
}

.circle.circle--color-white {
    color: #fff
}

.circle.circle--border-color-white {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #fff
}

.circle.circle--bg-color-white {
    background-color: #fff
}

.circle.circle--color-transparent {
    color: rgba(0,0,0,0)
}

.circle.circle--border-color-transparent {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px rgba(0,0,0,0)
}

.circle.circle--bg-color-transparent {
    background-color: rgba(0,0,0,0)
}

.circle.circle--color-palette-1 {
    color: #004f83
}

.circle.circle--border-color-palette-1 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #004f83
}

.circle.circle--bg-color-palette-1 {
    background-color: #004f83
}

.circle.circle--color-palette-2 {
    color: #0300d9
}

.circle.circle--border-color-palette-2 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #0300d9
}

.circle.circle--bg-color-palette-2 {
    background-color: #0300d9
}

.circle.circle--color-palette-3 {
    color: #0078ce
}

.circle.circle--border-color-palette-3 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #0078ce
}

.circle.circle--bg-color-palette-3 {
    background-color: #0078ce
}

.circle.circle--color-palette-4 {
    color: #008473
}

.circle.circle--border-color-palette-4 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #008473
}

.circle.circle--bg-color-palette-4 {
    background-color: #008473
}

.circle.circle--color-palette-5 {
    color: #00872b
}

.circle.circle--border-color-palette-5 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #00872b
}

.circle.circle--bg-color-palette-5 {
    background-color: #00872b
}

.circle.circle--color-palette-6 {
    color: #c94f00
}

.circle.circle--border-color-palette-6 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #c94f00
}

.circle.circle--bg-color-palette-6 {
    background-color: #c94f00
}

.circle.circle--color-palette-7 {
    color: #e70012
}

.circle.circle--border-color-palette-7 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #e70012
}

.circle.circle--bg-color-palette-7 {
    background-color: #e70012
}

.circle.circle--color-palette-8 {
    color: #db0a5a
}

.circle.circle--border-color-palette-8 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #db0a5a
}

.circle.circle--bg-color-palette-8 {
    background-color: #db0a5a
}

.circle.circle--color-palette-9 {
    color: #d42d98
}

.circle.circle--border-color-palette-9 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #d42d98
}

.circle.circle--bg-color-palette-9 {
    background-color: #d42d98
}

.circle.circle--color-palette-10 {
    color: #8400d3
}

.circle.circle--border-color-palette-10 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #8400d3
}

.circle.circle--bg-color-palette-10 {
    background-color: #8400d3
}

.circle.circle--color-palette-11 {
    color: #5e00ff
}

.circle.circle--border-color-palette-11 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #5e00ff
}

.circle.circle--bg-color-palette-11 {
    background-color: #5e00ff
}

.circle.circle--color-color-investment {
    color: #3f4346
}

.circle.circle--border-color-color-investment {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #3f4346
}

.circle.circle--bg-color-color-investment {
    background-color: #3f4346
}

.circle.circle--color-color-investment-tone-1 {
    color: #27292b
}

.circle.circle--border-color-color-investment-tone-1 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #27292b
}

.circle.circle--bg-color-color-investment-tone-1 {
    background-color: #27292b
}

.circle.circle--color-color-investment-contrast {
    color: #fff
}

.circle.circle--border-color-color-investment-contrast {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #fff
}

.circle.circle--bg-color-color-investment-contrast {
    background-color: #fff
}

.circle.circle--color-color-investment-tone-3 {
    color: #65696b
}

.circle.circle--border-color-color-investment-tone-3 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #65696b
}

.circle.circle--bg-color-color-investment-tone-3 {
    background-color: #65696b
}

.circle.circle--color-color-recommendation-positive {
    color: #0a603c
}

.circle.circle--border-color-color-recommendation-positive {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #0a603c
}

.circle.circle--bg-color-color-recommendation-positive {
    background-color: #0a603c
}

.circle.circle--color-color-recommendation-warning {
    color: #916526
}

.circle.circle--border-color-color-recommendation-warning {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #916526
}

.circle.circle--bg-color-color-recommendation-warning {
    background-color: #916526
}

.circle.circle--color-color-recommendation-negative {
    color: #9d0911
}

.circle.circle--border-color-color-recommendation-negative {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px #9d0911
}

.circle.circle--bg-color-color-recommendation-negative {
    background-color: #9d0911
}

.circle.circle--color-color-muted-2 {
    color: rgba(36,36,36,.0509803922)
}

.circle.circle--border-color-color-muted-2 {
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 1px rgba(36,36,36,.0509803922)
}

.circle.circle--bg-color-color-muted-2 {
    background-color: rgba(36,36,36,.0509803922)
}

.circle--with-box-shadow {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    border: none;
    height: 1.9375rem;
    width: 1.9375rem
}

.circle.circle--size-medium.circle--with-box-shadow {
    height: 2.25rem;
    width: 2.25rem
}

.circle .circle__checkmark {
    width: 16px;
    height: 16px;
    background-color: #3f4346;
    fill: #fff;
    position: absolute;
    top: -3px;
    z-index: 1;
    right: -4px;
    border-radius: 8px;
    padding: 3px
}

.circle__icon {
    position: relative
}

.circle__icon .icon {
    fill: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    transform: translate(-50%, -50%)
}

.circle__icon .icon--large {
    width: 2rem;
    height: 2rem
}

.circle__icon .icon--black {
    fill: #242424
}

.circle__image {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 50%
}

.circle__image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    height: auto
}

.circle .circle__initials {
    color: inherit;
    text-decoration: none
}

.collection-item {
    margin-bottom: 16px;
    padding: 32px
}

.collection-item--is-selected {
    background-color: #3f4346;
    color: #fff
}

.collection-item--is-selected .collection-item__close-icon {
    transform: translateY(-50%) rotate(180deg);
    fill: currentColor
}

.collection-item--is-selected>.collection-item__children {
    margin-top: 16px
}

.collection-item--is-highlighted {
    color: #3f4346;
    background-color: #fff
}

.collection-item--small {
    padding: 16px;
    margin-bottom: 8px
}

.collection-item__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    color: inherit;
    cursor: pointer
}

.collection-item-icon .circle {
    margin-top: 0
}

.collection-item__header-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 16px;
    min-width: 0;
    position: relative
}

.collection-item__close-icon {
    fill: #242424;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%)
}

.collection-item__title {
    margin: 0
}

.collection-item--small .collection-item__title {
    font-size: 0.875rem
}

.collection-item__date {
    font-size: 11px
}

.collection-item--hasChildren .collection-item__date,.collection-item--hasChildren .collection-item__info {
    margin-right: 24px
}

.collection-item__date,.collection-item__manchet,.collection-item__info {
    font-size: 11px
}

.collection-item__manchet,.collection-item__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-basis: 70%
}

.collection-item__title-and-manchet {
    max-width: 60%;
    margin-top: -4px
}

.communication-threads__information:not(:empty) {
    margin-top: 8px
}

.collection-item-icon--center {
    align-self: center
}

.collection-item-icon__icon {
    margin-top: -3px
}

.collection-item-icon__icon--center {
    margin-top: 0px
}

.collection-item-icon__image {
    max-width: 35px;
    max-height: 35px
}

.color-mapping-helper {
    background: #fff;
    padding: 20px;
    max-width: 1600px;
    margin: auto
}

.color-mapping-helper__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 50px
}

.color-mapping-helper__header {
    font-size: 1.5rem;
    font-weight: 600
}

.color-mapping-helper__list-item {
    padding: 15px
}

.color-mapping-helper__list-item .color-collection {
    display: flex
}

.color-mapping-helper__list-item .color-square {
    position: relative;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center
}

.color-mapping-helper__list-item .color-square.check-color {
    color: #fff
}

.color-mapping-helper__list-item.color-brand-1 .check-color {
    background: #3f4346
}

.color-mapping-helper__list-item.color-brand-1 .scale-color-a {
    background: #f7f7f8
}

.color-mapping-helper__list-item.color-brand-1 .scale-color-b {
    background: #f0f0f0
}

.color-mapping-helper__list-item.color-brand-2 .check-color {
    background: #6c757b
}

.color-mapping-helper__list-item.color-brand-2 .scale-color-a {
    background: #f9f9fa
}

.color-mapping-helper__list-item.color-brand-2 .scale-color-b {
    background: #f4f4f4
}

.color-mapping-helper__list-item.color-brand-3 .check-color {
    background: #fff1b5
}

.color-mapping-helper__list-item.color-brand-3 .scale-color-a {
    background: #fefefd
}

.color-mapping-helper__list-item.color-brand-3 .scale-color-b {
    background: #fdfdfb
}

.color-mapping-helper__list-item.color-brand-4 .check-color {
    background: #fedd46
}

.color-mapping-helper__list-item.color-brand-4 .scale-color-a {
    background: #fdfcfa
}

.color-mapping-helper__list-item.color-brand-4 .scale-color-b {
    background: #faf9f5
}

.color-mapping-helper__list-item.color-font-base .check-color {
    background: #242424
}

.color-mapping-helper__list-item.color-font-base .scale-color-a {
    background: #f6f6f6
}

.color-mapping-helper__list-item.color-font-base .scale-color-b {
    background: #ededed
}

.color-mapping-helper__list-item.color-mix .check-color {
    position: relative
}

.color-mapping-helper__list-item.color-mix .check-color:before {
    content: "";
    width: 50%;
    height: 100%;
    float: left;
    display: block;
    background: #242424
}

.color-mapping-helper__list-item.color-mix .check-color:after {
    content: "";
    width: 50%;
    height: 100%;
    float: left;
    display: block;
    background: #fedd46
}

.color-mapping-helper__list-item.color-mix .check-color .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.color-mapping-helper__list-item.color-mix .scale-color-a {
    background: #f6f6f6
}

.color-mapping-helper__list-item.color-mix .scale-color-b {
    background: #faf9f5
}

.color-mapping-helper__list-item.current-setup .check-color--body {
    background: #6c757b
}

.color-mapping-helper__list-item.current-setup .check-color--highlight {
    background: #6c757b
}

.color-mapping-helper__list-item.current-setup .scale-color-a {
    background: #f8f8f8
}

.color-mapping-helper__list-item.current-setup .scale-color-b {
    background: #f0f0f0
}

.color-mapping-helper__list-item.current-setup .scale-color-c {
    background: #f7f7f8
}

.column-header-button {
    background: rgba(0,0,0,0);
    font-size: inherit;
    border: none;
    line-height: 0.8125rem;
    color: #242424;
    padding: 0;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none
}

.column-header-button__label {
    display: block;
    padding: 0rem 1rem 0.125rem 0rem;
    position: relative;
    text-transform: uppercase;
    font-size: 0.6875rem
}

.component-error {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 200px;
    max-height: 500px;
    z-index: 200;
    background-color: #f0f0f0;
    margin-bottom: 1.25rem
}

.component-error__wrapper {
    padding: 8px;
    text-align: center;
    position: relative;
    width: 300px;
    max-width: 100%
}

.component-error__header {
    font-size: 0.75rem
}

@media(min-width: 360px) {
    .component-error__header {
        font-size:0.8125rem
    }
}

.component-error__code,.component-error__message {
    font-size: 0.625rem;
    line-height: 1rem
}

@media(min-width: 360px) {
    .component-error__code,.component-error__message {
        font-size:0.6875rem;
        line-height: 1.1875rem
    }
}

.component-error__message {
    margin: 0
}

.component-error__code {
    margin-top: 4px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.component-error__code .component-error__code-label {
    margin-right: 4px
}

.component-error__code .component-error__code-label--bold {
    font-weight: 800
}

.confirmation-modal__card-body {
    padding: 40px 32px 32px 32px
}

.confirmation-modal {
    text-align: center;
    display: flex;
    flex-direction: column
}

.confirmation-modal__headline {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 32px
}

@media(min-width: 768px) {
    .confirmation-modal__headline {
        font-size:1.375rem;
        line-height: 1.75rem
    }
}

.confirmation-modal__description {
    font-size: 1rem;
    margin-bottom: 16px
}

.context-menu {
    position: relative
}

@media(min-width: 640px) {
    .context-menu:not(.context-menu--hideBoxShadow) .action-menu {
        box-shadow:0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
    }
}

.context-menu__body {
    background-color: #fff
}

@media(min-width: 640px) {
    .context-menu__body {
        position:absolute;
        z-index: 2
    }
}

.context-menu__body--no-responsive-behavior {
    position: absolute;
    z-index: 2
}

.context-menu__close-button-wrapper {
    display: none
}

button.context-menu__close-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 8px;
    background: #fff;
    border: none;
    padding: 0;
    cursor: pointer
}

button.context-menu__close-button .icon {
    width: 1rem;
    height: 1rem;
    fill: #242424
}

@keyframes neos-context-wrapper__ANIM-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes neos-context-wrapper__children-anim-slide-up {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@media(max-width: 640px) {
    .context-menu__body-wrapper {
        position:fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 5000;
        background: rgba(0,0,0,.5);
        animation: neos-context-wrapper__ANIM-in .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
    }

    .context-menu__body-wrapper .context-menu__header {
        display: block
    }

    .context-menu__body-wrapper .context-menu__body {
        position: fixed;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        top: auto !important;
        z-index: 5000;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        max-height: 100vh;
        animation: neos-context-wrapper__children-anim-slide-up .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
    }

    .context-menu__body-wrapper .context-menu__close-button-wrapper {
        display: flex;
        justify-content: flex-end
    }

    .context-menu__body-wrapper .context-menu__body .action-menu {
        padding: 0.9375rem 0rem
    }

    .context-menu__body-wrapper .context-menu__list-item {
        width: 100%
    }
}

@media(max-width: 640px) {
    .context-menu--isOpen {
        overflow:hidden
    }

    .context-menu--isOpen body {
        overflow: hidden;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.context-menu__header {
    background: #fff;
    display: none
}

.context-menu__header-inner {
    border-bottom: 1px solid #e5e5e5;
    padding: 1.25rem 0rem;
    margin: 0rem 1.5625rem
}

.context-menu__trigger {
    display: inline-block;
    line-height: 0
}

@media(min-width: 640px) {
    .context-menu--thisPopupOpen .context-menu__trigger-button--circle svg {
        z-index:4;
        position: relative
    }

    .context-menu--thisPopupOpen .context-menu__trigger-button--circle:after {
        content: "";
        height: 100%;
        background: #fff;
        width: 100%;
        position: absolute;
        z-index: 3;
        left: 0
    }

    .context-menu--thisPopupOpen .context-menu__trigger-button--circle--top {
        border-radius: 0 0 50% 50% !important
    }

    .context-menu--thisPopupOpen .context-menu__trigger-button--circle--top:after {
        top: 0;
        border-radius: 0 0 50% 50%
    }

    .context-menu--thisPopupOpen .context-menu__trigger-button--circle--bottom {
        border-radius: 50% 50% 0 0 !important
    }

    .context-menu--thisPopupOpen .context-menu__trigger-button--circle--bottom:after {
        bottom: 0;
        border-radius: 50% 50% 0 0
    }

    .context-menu .context-menu__trigger-button--circle {
        position: relative
    }

    .context-menu .context-menu__trigger-button--circle:hover {
        border-radius: 50%
    }
}

.context-menu__trigger-button {
    cursor: pointer;
    height: 40px;
    width: 40px;
    padding: 0;
    border: 0;
    line-height: 0;
    background: rgba(0,0,0,0)
}

.context-menu__trigger-button--large {
    height: 56px;
    width: 56px
}

@media(min-width: 640px) {
    .context-menu__trigger-button:hover,.context-menu__trigger-button--force-hover-style,.context-menu--thisPopupOpen .context-menu__trigger-button {
        background:#fff;
        box-shadow: 0 2px 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.09)
    }
}

.context-menu__trigger-button .icon {
    width: 1.75rem;
    height: 1.75rem;
    fill: #242424
}

.context-menu__trigger-button--iconSmall .icon {
    width: 1rem;
    height: 1rem
}

.context-menu__trigger-button--disabled,.context-menu__trigger-button[disabled] {
    opacity: .3;
    cursor: initial
}

.countdown-timer {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.countdown-timer__remaining {
    position: absolute;
    font-size: 0.75rem
}

.disclaimer {
    display: flex;
    font-size: 0.875rem
}

.disclaimer .icon {
    margin-top: 5px;
    flex-shrink: 0;
    height: 16px;
    width: 16px;
    margin-right: 16px
}

.disclaimer__text {
    white-space: pre-wrap
}

.dropdown-select {
    background: #fff;
    position: relative;
    z-index: 1
}

.dropdown-select--isOpen {
    z-index: 2
}

.dropdown-select-body {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    z-index: 12500;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    max-height: 400px;
    overflow: auto
}

.dropdown-select-body::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.dropdown-select-body:hover::-webkit-scrollbar {
    height: 8px
}

.dropdown-select-body::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.dropdown-select-body::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.dropdown-select-body::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.dropdown-select-button {
    cursor: pointer;
    padding: 0;
    border: 0;
    background: #fff;
    color: #242424;
    font-size: 12px;
    line-height: 1.5;
    width: 100%;
    height: 56px;
    padding-left: 24px;
    display: flex;
    align-items: center;
    text-align: left;
    position: relative;
    z-index: 1
}

.dropdown-select-button__content-label-group {
    display: flex;
    flex-wrap: wrap
}

.dropdown-select-button__content-label {
    font-weight: 600;
    margin-right: .5rem
}

.dropdown-select-button__content-sublabel {
    color: #6e6e6e
}

.dropdown-select-button__placeholder {
    color: #9b9b9b
}

.dropdown-select-button__icon {
    margin: 0 0 0 1rem;
    line-height: 1
}

.dropdown-select-button__icon .icon {
    width: 1rem;
    height: 1rem;
    fill: #242424
}

.dropdown-select-group-header {
    pointer-events: none;
    cursor: auto;
    font-weight: 900;
    font-size: 12px;
    padding: 8px 24px
}

.dropdown-select-group:first-child {
    padding-top: 1.25rem
}

.dropdown-select-group:last-child {
    padding-bottom: 1.25rem
}

.dropdown-select-group .dropdown-select-group-header+.dropdown-select-item .dropdown-select-item__button {
    border-top: rgba(0,0,0,0);
    border-bottom: rgba(0,0,0,0)
}

.dropdown-select-group .dropdown-select-item {
    padding-left: 1.25rem
}

.dropdown-select-item {
    display: flex
}

.dropdown-select-item.dropdown-select-item--isSelected>*,.dropdown-select-item:hover>* {
    border-top-color: rgba(0,0,0,0)
}

.dropdown-select-item.dropdown-select-item--isSelected+.dropdown-select-item>*,.dropdown-select-item:hover+.dropdown-select-item>* {
    border-top-color: rgba(0,0,0,0)
}

.dropdown-select-item.dropdown-select-item--isSelected {
    background: #f7f7f8
}

.dropdown-select-item.dropdown-select-item--isDisabled {
    opacity: .6;
    filter: grayscale(100%);
    pointer-events: none
}

.dropdown-select-item:hover {
    background-color: #f0f0f0
}

.dropdown-select-item__button {
    flex-grow: 1;
    text-align: left;
    border: none;
    background: rgba(0,0,0,0);
    padding: 1.25rem 0rem;
    margin: 0rem 1.25rem;
    border-top: 1px solid #e5e5e5;
    font-size: 15px;
    line-height: 1.2;
    color: #242424;
    cursor: pointer
}

.dropdown-select-item:first-child .dropdown-select-item__button {
    border: none
}

.dropdown-select-item__sublabel {
    color: #6e6e6e;
    font-size: 11px;
    line-height: 2
}

.expand-block-accordion .expand-block-accordion__header {
    display: flex;
    height: 80px;
    align-items: center;
    border-bottom: 1px solid #e5e5e5
}

.expand-block-accordion .expand-block-accordion__headline {
    font-size: 1.25rem;
    background-color: #fff;
    margin: 0;
    padding: 16px 16px 16px 24px
}

.expand-block-accordion .account-group {
    background-color: #fff
}

.expand-block-accordion h3+.account-group.account-group--toggle-open {
    border-top: none
}

.expand-block-accordion .account-group__toggle-button {
    height: 70px
}

.expand-block-accordion .account-group.account-group--toggle-open {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.expand-block-accordion .account-group__content {
    padding: 0 24px 24px 24px;
    overflow-wrap: break-word
}

.expand-block-accordion .account-group__content:first-child {
    padding-top: 0
}

.expand-block-accordion .account-group__title {
    font-size: 0.9375rem
}

.account-group {
    width: 100%;
    position: relative;
    background-color: #fafafa;
    transition: border .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.account-group.account-group--toggle-open {
    background-color: #fff
}

.account-group.account-group--toggle-open+.account-group {
    border-top: none
}

.account-group+.account-group {
    border-top: 1px solid #e5e5e5
}

.account-group+.account-group--toggle-open {
    border-top: 1px solid rgba(0,0,0,0)
}

.account-group__title {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold
}

.account-group__title-icon {
    width: 1.25rem;
    margin-right: 0.5625rem
}

.account-group__title-icon--color-green {
    stroke: #008755
}

.account-group__title-icon--color-red {
    stroke: #dd1d26
}

.account-group__toggle-button {
    cursor: pointer;
    height: 80px;
    width: 100%;
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
    border: none;
    color: currentColor;
    background-color: rgba(0,0,0,0);
    transition: background-color .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.account-group__toggle-button:hover {
    background-color: #f0f0f0
}

.account-group--toggle-open .account-group__toggle-button:hover {
    background-color: rgba(0,0,0,0)
}

.account-group--small .account-group__toggle-button {
    padding-left: 16px;
    padding-right: 16px
}

.account-group__toggle-button-content {
    position: relative
}

.account-group__toggle-indicator {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: .2s ease-in transform;
    text-align: center;
    width: 1rem;
    height: 1rem
}

.account-group__toggle-indicator svg {
    fill: #242424;
    width: 1rem;
    height: 1rem
}

.account-group__toggle-indicator--open {
    transform: translateY(-50%) rotate(180deg)
}

.expandable-list__item {
    position: relative;
    border-top: 1px solid rgba(0,0,0,0)
}

.expandable-list__item+.expandable-list__item {
    border-top-color: #e5e5e5
}

.expandable-list__item-head {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    width: 100%;
    text-align: inherit;
    position: relative;
    padding-right: 3.125rem
}

.expandable-list__item-head__indicator {
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    transform: translate(50%, -50%);
    width: 1rem;
    height: 1rem
}

.expandable-list__item-head__indicator svg {
    fill: #242424
}

.filter-field {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 350px;
    overflow-x: hidden
}

.filter-field__input {
    transition: .1s background-color ease-in-out;
    flex-grow: 1;
    border: 1px solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    padding: 5px
}

.filter-field__input:hover {
    border-bottom: 1px solid #d3d3d3
}

.filter-field__input:focus,.filter-field__input:not([value=""]) {
    border-bottom: 1px solid #000
}

.filter-field__input:focus~.filter-field__search-icon,.filter-field__input:not([value=""])~.filter-field__search-icon {
    transform: translateX(100%) translateX(-1rem)
}

.filter-field__input:focus~label,.filter-field__input:not([value=""])~label {
    opacity: 0
}

.filter-field__label {
    transition: .2s ease-in-out all;
    opacity: 1;
    position: absolute;
    left: 1.25rem;
    top: 0.25rem;
    pointer-events: none;
    font-size: 13px
}

.filter-field__search-icon {
    left: 0;
    top: 0.5rem;
    transition: .2s ease-in-out all;
    position: absolute;
    display: flex;
    width: 100%;
    pointer-events: none;
    align-items: center;
    justify-content: flex-start
}

.filter-field__search-icon svg {
    width: 16px;
    height: 1rem;
    fill: currentColor
}

.filter-field--align-right .filter-field__label {
    right: 1.5rem;
    left: auto
}

.filter-field--align-right .filter-field__search-icon {
    justify-content: flex-end
}

.filter-field--align-right .filter-field__input:focus~.filter-field__search-icon,.filter-field--align-right .filter-field__input:not([value=""])~.filter-field__search-icon {
    transform: translateX(0)
}

.filter-field--large .filter-field__input {
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    padding: 14px 14px 14px 45px;
    outline-width: 0;
    font-size: 12px;
    height: 42px
}

.filter-field--large .filter-field__input:not([value=""]) {
    border: 1px solid #3f4346
}

.filter-field--large .filter-field__input:focus {
    color: #fff;
    background-color: #3f4346;
    border: 1px solid rgba(0,0,0,0)
}

.filter-field--large .filter-field__input:focus~.filter-field__search-icon .icon {
    fill: #fff
}

.filter-field--large .filter-field__input:focus~.filter-field__search-icon,.filter-field--large .filter-field__input:not([value=""])~.filter-field__search-icon {
    transform: initial
}

.filter-field--large .filter-field__label {
    top: 0.6rem;
    left: 3rem;
    font-size: 0.75rem
}

.filter-field--large .filter-field__search-icon {
    justify-content: flex-start;
    top: .8rem;
    left: 1.5rem
}

.filter-field--clearable .filter-field__input {
    padding-right: 45px
}

.filter-field--clearable .filter-field__input:not([value=""]) {
    border: 1px solid #3f4346
}

.filter-field--clearable .filter-field__input:focus {
    color: #fff;
    background-color: #3f4346;
    border: 1px solid rgba(0,0,0,0)
}

.filter-field--clearable .filter-field__input:focus~.filter-field__close-button .icon {
    fill: #fff
}

.filter-field--clearable .filter-field__label {
    right: 1.25rem
}

.filter-field--clearable .filter-field__close-button {
    right: calc(1.5rem - 6px);
    transition: .2s ease-in-out all;
    position: absolute
}

.filter-field--clearable .filter-field__close-button:hover:not([disabled]) {
    background-color: initial
}

.filter-field--clearable .filter-field__close-button .icon {
    fill: currentColor
}

@media screen and (min-width: 640px) {
    .list-filter-option .list-filter-option__action-menu-arrow {
        content:"";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #fff;
        top: 0;
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
        box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
    }

    .list-filter-option .action-menu {
        margin: 0
    }

    .list-filter-option .action-menu li {
        background: #fff;
        position: relative;
        z-index: 2
    }

    .list-filter-option .context-menu__body {
        transform: translateY(15px)
    }
}

.list-filter-option__active {
    border: 1px solid #3f4346
}

.list-filter-option .action-menu li {
    color: #242424
}

.filter-text {
    position: relative;
    display: flex;
    align-items: center
}

.filter-text--disabled,.filter-text[disabled] {
    opacity: .6;
    filter: grayscale(100%);
    pointer-events: none
}

.filter-text__input {
    transition: .1s background-color ease-in-out;
    flex-grow: 1;
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    padding: 14px 14px 14px 45px;
    outline-width: 0;
    font-size: 12px;
    height: 42px
}

.filter-text__input:focus {
    color: #fff;
    background-color: #3f4346;
    border: 1px solid rgba(0,0,0,0)
}

.filter-text__input:focus~span .icon {
    fill: #fff
}

.filter-text__input:focus~.filter-text__close-button:not(:hover) {
    color: #fff
}

.filter-text__input:focus~span,.filter-text__input:not([value=""])~span {
    transform: translateX(100%) translateX(-1rem)
}

.filter-text__input:focus~label,.filter-text__input:not([value=""])~label {
    opacity: 0
}

.filter-text__input:focus~.filter-text__search-icon,.filter-text__input:not([value=""])~.filter-text__search-icon {
    transform: initial
}

.filter-text__label {
    transition: .2s ease-in-out all;
    opacity: 1;
    position: absolute;
    left: 1.25rem;
    pointer-events: none;
    top: 0.6rem;
    left: 3rem;
    font-size: 0.75rem
}

.filter-text__search-icon {
    top: .8rem;
    left: 1.5rem;
    transition: .2s ease-in-out all;
    position: absolute;
    display: flex;
    width: 100%;
    pointer-events: none;
    align-items: center;
    justify-content: flex-start
}

.filter-text__search-icon svg {
    width: 16px;
    height: 1rem;
    fill: currentColor
}

.filter-text__close-button {
    position: absolute;
    right: 8px
}

.filter-text__close-button:hover:not([disabled]) {
    background-color: initial
}

.filter-text__close-button .icon {
    fill: currentColor
}

.flag {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    border: none;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url("../../../assets/gfx/flags/flag-generic.svg");
    background-size: cover
}

.flip-card {
    width: 208px;
    min-width: 187px;
    max-width: 208px;
    height: 300px
}

.flip-card__flipped .flip-card__inner {
    transform: rotateY(180deg)
}

.flip-card__inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .4s;
    transform-style: preserve-3d
}

@media(prefers-reduced-motion: reduce) {
    .flip-card__inner {
        transition: transform 0s
    }
}

.flip-card__front,.flip-card__back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.11),0px 2px 10px 0px rgba(0,0,0,.06),0px 5px 5px 0px rgba(0,0,0,.03);
    border-radius: 12px
}

.flip-card__back {
    transform: rotateY(180deg)
}

.flip-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px
}

.flip-card__content {
    flex: 1
}

.flip-card__front__button {
    align-self: flex-end;
    margin: auto
}

.flip-card__back__button {
    position: absolute;
    left: 16px
}

.flip-card__back__button>.icon {
    width: 16px;
    vertical-align: middle;
    cursor: pointer
}

.form-error {
    color: #dd1d26
}

.field-phone-number__prefix {
    position: relative
}

.field-phone-number__prefix-hasValue {
    padding-left: 8px
}

.field-phone-number__prefix-plus {
    position: absolute;
    top: 33px;
    left: 0
}

.field-radio__horizontal-group {
    display: flex
}

.field-select-filter--disabled {
    opacity: .6;
    pointer-events: none
}

.field-wrapper {
    transition: opacity .2s ease-in
}

.field-wrapper--disabled {
    opacity: .6
}

.field-select-multiple__options {
    display: flex;
    flex-direction: column
}

.nested-field__wrapper {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    padding-left: 32px
}

.form-checkbox {
    position: relative;
    cursor: pointer;
    clear: both;
    display: inline-block;
    margin-top: 16px;
    margin-right: 16px;
    margin-bottom: 8px
}

.form-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0
}

.form-checkbox__text {
    display: flex
}

.form-checkbox__indicator {
    position: relative;
    pointer-events: none;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 10.6666666667px;
    display: block;
    float: left;
    border: 1px solid #9b9b9b;
    transition: all .2s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.form-checkbox__indicator svg {
    position: absolute;
    top: 3px;
    left: 3px;
    fill: #fff;
    transform: scale(0);
    transition: transform .1s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    transition-delay: .1s;
    width: 1rem;
    height: 1rem
}

.form-checkbox__input:checked~.form-checkbox__indicator {
    background-color: #3f4346;
    border-color: #3f4346
}

.form-checkbox__input:checked~.form-checkbox__indicator svg {
    transform: scale(1)
}

.form-checkbox__input:focus~.form-checkbox__indicator {
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
    border-color: #3f4346
}

.form-checkbox__input:focus~.form-checkbox__indicator svg {
    display: block
}

.form-control {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    width: 100%;
    padding: 4px 0 10px;
    font-size: 14px
}

.form-control.form-control--active {
    color: #3f4346
}

.form-control.form-control--invalid {
    color: #dd1d26
}

.form-control.form-control--disabled {
    color: #9b9b9b
}

.form-control.form-control--disabled label {
    cursor: default
}

.form-control.form-control--disabled .form-switch__input:checked~.form-switch__indicator,.form-control.form-control--disabled .form-radio__input:checked~.form-radio__indicator,.form-control.form-control--disabled .form-checkbox__input:checked~.form-checkbox__indicator,.form-control.form-control--disabled .checkbox-select__input:checked~.checkbox-select__indicator {
    background-color: #b5b5b5;
    border-color: #b5b5b5
}

.form-control.form-control--disabled .form-switch__input:focus~.form-switch__indicator {
    border-color: #b5b5b5
}

.form-control.form-control--disabled [class*=__indicator] {
    border-color: #b5b5b5;
    cursor: default
}

.form-control.form-control--disabled [class*=__indicator]:hover {
    pointer-events: none
}

.form-control__content {
    width: 100%;
    flex-grow: 1
}

.form-datepicker-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

.form-datepicker-wrapper .form-input-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.form-datepicker-wrapper__icon-wrapper {
    cursor: pointer;
    min-width: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 459px) {
    .form-datepicker-wrapper__icon-wrapper {
        display:block;
        min-width: 16px;
        justify-content: flex-end
    }
}

.form-datepicker-wrapper__icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    overflow: visible
}

.form-details {
    margin-top: 4px
}

.form-details *,.form-details {
    color: #6e6e6e;
    font-size: 11px;
    height: auto;
    letter-spacing: .5px;
    line-height: 1.5em
}

.form-details__slide-toggle {
    position: relative
}

.form-details--invalid {
    margin-top: 4px
}

.form-details--invalid *,.form-details--invalid {
    color: #dd1d26;
    font-size: 11px;
    height: auto;
    letter-spacing: .5px;
    line-height: 1.5em
}

.form-file-upload__label {
    display: block;
    max-width: calc(100% - 32px)
}

.form-file-upload__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding: 0.75rem 1.5rem;
    font-size: .75rem;
    border-radius: 2.5rem;
    cursor: pointer;
    line-height: 1.25em;
    color: #242424;
    border: 1px solid #e5e5e5
}

.form-file-upload__button span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.form-file-upload__button--active {
    border-color: #3f4346;
    color: #3f4346
}

.form-file-upload__button--active .form-file-upload__button-icon {
    fill: #3f4346
}

.form-file-upload__button-icon {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    display: block;
    margin-right: 0.625rem
}

.form-file-upload__value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.3125rem
}

.form-input__input,.form-input__textarea {
    width: 100%;
    border: none;
    resize: none;
    color: #242424;
    background-color: rgba(0,0,0,0);
    padding: .2em;
    font-size: 16px;
    transition: all .15s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    outline: none
}

.form-input__input:focus,.form-input__input:invalid,.form-input__textarea:focus,.form-input__textarea:invalid {
    outline: none;
    box-shadow: none
}

.form-input__input::-ms-input-placeholder, .form-input__textarea::-ms-input-placeholder {
    color: rgba(0,0,0,0)
}

.form-input__input::placeholder,.form-input__textarea::placeholder {
    color: rgba(0,0,0,0)
}

.form-input__input:focus::-ms-input-placeholder, .form-input__textarea:focus::-ms-input-placeholder {
    color: initial
}

.form-input__input:focus::placeholder,.form-input__textarea:focus::placeholder {
    color: initial
}

.form-input__input:-ms-input-placeholder,.form-input__textarea:-ms-input-placeholder {
    color: rgba(0,0,0,0)
}

.form-input__input::-ms-clear,.form-input__textarea::-ms-clear {
    display: none
}

.form-input__input-inner {
    position: absolute;
    bottom: .2em
}

.form-input {
    position: relative
}

.form-input__pen-icon {
    position: absolute;
    bottom: .2em;
    width: 1rem
}

.form-input-error-icon {
    display: block;
    float: left;
    margin-right: .5em;
    margin-top: -2px;
    width: 1rem;
    height: 1rem
}

.form-input-error-icon svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.form-input__max-counter {
    position: absolute;
    top: 100%;
    right: 0;
    font-size: .8em;
    color: #6e6e6e
}

.form-input__max-counter--above-max {
    color: #dd1d26
}

.form-input-wrap {
    position: relative;
    border-bottom: 1px solid rgba(36,36,36,.2);
    padding-bottom: 5px;
    flex-grow: 2
}

.form-input-wrap:after {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    bottom: -1px;
    background-color: currentColor;
    height: 2px;
    width: 0%;
    transition: width .2s cubic-bezier(0.78, -0.07, 0.28, 0.98)
}

.form-input-wrap.form-input-wrap--active:after {
    width: 100%
}

.form-input-wrap input {
    color: #242424
}

.form-label {
    position: relative;
    display: inline-block;
    margin-top: .4em;
    white-space: nowrap
}

.form-control.field-text .form-label,.form-control.field-textarea .form-label {
    transition: transform .2s cubic-bezier(0.78, -0.07, 0.28, 0.98);
    transform-origin: 0 50%;
    transform: translateY(100%) scale(1)
}

.form-control.field-text .form-label.form-label--active,.form-control.field-textarea .form-label.form-label--active {
    transform: translateY(0) scale(0.8)
}

.form-label__headline {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5rem
}

.form-label__sub-headline {
    color: #3c3c3c;
    font-family: "Lato","Helvetica",sans-serif;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0340625rem;
    margin-top: 0
}

.form-message {
    position: relative;
    font-size: .8em;
    padding-top: .8em;
    display: inline-block;
    line-height: 1.2em
}

.form-radio-with-link__vertical-group {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.form-radio-with-link__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.form-radio-with-link__label {
    font-weight: bold;
    font-size: 1rem
}

.form-radio-with-link__subLabel {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: .5px;
    font-weight: normal
}

.form-radio-with-link__link {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: .5px;
    font-weight: normal
}

.form-radio {
    display: flex;
    position: relative;
    cursor: pointer;
    clear: both;
    margin-top: 16px;
    margin-right: 16px;
    margin-bottom: 8px
}

.form-radio__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0
}

.form-radio__indicator {
    pointer-events: none;
    flex-shrink: 0;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 10.6666666667px;
    display: block;
    float: left;
    border: 1px solid #9b9b9b;
    transition: all .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    border-radius: 50%;
    position: relative
}

.form-radio__indicator:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background-color: #fff;
    margin-left: -4px;
    margin-top: -4px;
    transform: scale(0);
    transition: transform .1s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    transition-delay: .1s;
    width: 0.5rem;
    height: 0.5rem
}

.form-radio__input:checked~.form-radio__indicator {
    background-color: #3f4346;
    border-color: #3f4346
}

.form-radio__input:checked~.form-radio__indicator:after {
    transform: scale(1)
}

.form-radio__input:focus~.form-radio__indicator {
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
    border-color: #3f4346
}

.form-range-slider {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap
}

.form-range-slider__input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 0.125rem;
    background-color: #bbb;
    margin-top: 8px
}

.form-range-slider__title {
    font-weight: bold;
    flex-grow: 1;
    font-size: 0.8125rem
}

.form-range-slider__label {
    white-space: nowrap
}

.form-range-slider__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    background: #3f4346;
    cursor: pointer;
    border-radius: 100%
}

.form-range-slider__input::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    background: #3f4346;
    cursor: pointer;
    border-radius: 100%;
    border: 0
}

.form-rounded-text-area {
    border: none;
    transition: box-shadow .1s ease-in;
    resize: none
}

.form-select-filter {
    position: relative
}

.form-select-filter__group-info {
    padding: 16px 24px;
    background-color: #e7f1ef;
    text-transform: none
}

.form-select-filter__options-container {
    z-index: 12500;
    margin: 0;
    position: absolute;
    background: #fff;
    max-height: 235px;
    overflow: auto;
    width: 100%;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.form-select-filter__options-container::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.form-select-filter__options-container:hover::-webkit-scrollbar {
    height: 8px
}

.form-select-filter__options-container::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.form-select-filter__options-container::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.form-select-filter__options-container::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.form-select-filter__options-container_no-suggestions {
    padding: 20px;
    color: #242424
}

.form-select-filter .dropdown-select-group-header {
    color: #242424
}

.form-select-filter .react-autosuggest__section-container+.react-autosuggest__section-container {
    border-top: 1px solid #e5e5e5
}

.form-select-filter .react-autosuggest__section-container .dropdown-select-item__button {
    border-top: 1px solid #e5e5e5
}

.form-select-filter .react-autosuggest__section-container .react-autosuggest__suggestion--first .dropdown-select-item__button {
    border-top: none
}

.form-select-filter .react-autosuggest__section-container .form-select-filter__options-container:first-child .dropdown-select-item:first-child .dropdown-select-item__button {
    border: none
}

.form-select-filter__wrapper {
    position: relative
}

.form-select-filter__wrapper .dropdown-select-button__icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    pointer-events: none
}

.form-select-filter__wrapper .dropdown-select-button__icon+.form-input-wrap .form-input__input {
    padding-left: 1.5rem
}

.form-select-filter__wrapper .dropdown-select-button__icon--left {
    right: inherit;
    left: 0;
    margin: 0 1rem 0 0
}

.form-select-filter__wrapper .dropdown-select-button__text {
    display: none
}

.form-select-filter--disabled {
    pointer-events: none
}

.form-select-filter--disabled .form-select-filter__wrapper .dropdown-select-button__icon {
    display: none
}

.form-select-filter__secondary-label {
    font-size: 11px;
    letter-spacing: 1px;
    color: #6e6e6e;
    line-height: 1.5em
}

.form-select__select {
    -webkit-appearance: none;
    appearance: none;
    color: #242424;
    width: 100%;
    border: none;
    background-color: rgba(0,0,0,0);
    padding: .2em;
    font-size: 16px;
    outline: none
}

.form-select__select:disabled {
    opacity: 1
}

.form-select__select:focus,.form-select__select:invalid {
    outline: none;
    box-shadow: none
}

.form-select__select::-ms-input-placeholder {
    color: rgba(0,0,0,0)
}

.form-select__select::placeholder {
    color: rgba(0,0,0,0)
}

.form-select__select:-ms-input-placeholder {
    color: rgba(0,0,0,0)
}

.form-select__select::-ms-clear {
    display: none
}

.form-select__select::-ms-expand {
    display: none
}

.form-select__select:-moz-focusring {
    color: rgba(0,0,0,0);
    text-shadow: 0 0 0 #000
}

.form-select__icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    margin: 0 0 0 1rem;
    line-height: 1;
    pointer-events: none
}

.form-select__icon .icon {
    width: 1rem;
    height: 1rem;
    fill: #242424
}

.form-select__icon--left {
    right: inherit;
    left: 0;
    margin: 0 1rem 0 0
}

.form-select__select:active .form-select__icon {
    opacity: 0
}

.form-switch {
    position: relative;
    cursor: pointer;
    clear: both;
    margin-top: 16px;
    margin-right: 16px;
    margin-bottom: 8px;
    text-align: left;
    line-height: 30px;
    display: flex;
    flex-direction: row-reverse
}

.form-switch__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0
}

.form-switch__text {
    line-height: 19px;
    display: flex;
    align-items: center;
    flex-grow: 2;
    margin-left: 10.6666666667px;
    font-size: 1rem
}

.form-switch__indicator {
    pointer-events: none;
    height: 30px;
    border-radius: 15px;
    width: 60px;
    flex-basis: 60px;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid #9b9b9b;
    transition: all .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    position: relative
}

.form-switch__indicator:before {
    content: "○";
    position: absolute;
    top: -2px;
    right: 10px;
    z-index: 8;
    font-size: 18px;
    color: #6e6e6e
}

.form-switch__indicator:after {
    content: "";
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    background-color: #3f4346;
    transition: transform .1s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    width: 1.75rem;
    height: 1.75rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.form-switch__input:checked~.form-switch__indicator {
    background-color: #3f4346;
    border-color: #3f4346
}

.form-switch__input:checked~.form-switch__indicator:after {
    transform: translateX(30px);
    background-color: #fff
}

.form-switch__input:checked~.form-switch__indicator:before {
    content: "|";
    position: absolute;
    font-size: 14px;
    top: -2px;
    left: 15px;
    z-index: 8;
    color: #fff
}

.form-switch__input:focus~.form-switch__indicator {
    border-color: #3f4346
}

.form-switch--left {
    flex-direction: row;
    margin-right: 0
}

.form-switch--left .form-switch__text {
    margin-left: 0;
    margin-right: 10.6666666667px
}

.form-switch--disabled {
    opacity: .5;
    pointer-events: none
}

.generic-dropdown__dropdown {
    visibility: hidden
}

.generic-dropdown--isOpen .generic-dropdown__dropdown {
    visibility: visible
}

.generic-dropdown__indicator {
    display: block;
    position: relative;
    width: 15px;
    top: 50%;
    margin-left: .3rem
}

.generic-dropdown__indicator svg {
    height: .9rem;
    width: .9rem;
    top: 50%;
    left: 0;
    margin-top: -0.45rem;
    fill: currentcolor;
    position: absolute
}

.gradient-meter__rectangle {
    position: relative;
    width: 12.5rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    margin: 0 .313rem
}

.gradient-meter__middle-colour {
    position: absolute;
    width: 12.5rem;
    height: 1.125rem;
    left: 0px;
    background: #facd8d;
    box-shadow: 0 0 .313rem -0.063rem rgba(0,0,0,.11);
    border-radius: .25rem
}

.gradient-meter__right-colour {
    position: absolute;
    width: 4.762rem;
    height: 1.125rem;
    left: 7.738rem;
    background: linear-gradient(270deg, #AFD8C7 0%, rgba(175, 216, 199, 0) 100%);
    border-radius: .25rem
}

.gradient-meter__left-colour {
    position: absolute;
    width: 4.762rem;
    height: 1.125rem;
    left: 0px;
    opacity: .7;
    background: linear-gradient(90deg, #F57078 0%, rgba(245, 112, 120, 0) 100%);
    border-radius: .25rem
}

.gradient-meter__marker {
    position: absolute;
    border: .125rem #003946 solid;
    height: 100%;
    z-index: 10;
    border-radius: .125rem
}

.grid-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1456px;
    margin: auto;
    padding: 0 8px
}

@media(min-width: 768px) {
    .grid-container {
        padding:0 24px
    }
}

@media(min-width: 1024px) {
    .grid-container {
        padding:0 32px
    }
}

@media(min-width: 1400px) {
    .grid-container {
        padding:0 56px
    }
}

.grid-container>* {
    width: 100%
}

.grid-container .grid-cell {
    padding: 0 8px;
    margin-bottom: 16px
}

.grid-container .grid-cell:last-child {
    margin-bottom: 0
}

.grid-container.even-height .grid-cell>* {
    height: 100%
}

.grid-container.collapsed .grid-cell {
    padding: 0
}

.grid-container.full-width {
    max-width: none
}

.grid-container.to-edge {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px)
}

@media(min-width: 768px) {
    .grid-container--50-25-25 .grid-cell {
        width:50%
    }

    .grid-container--50-25-25 .grid-cell:first-child {
        width: 100%
    }
}

@media(min-width: 1280px) {
    .grid-container--50-25-25 .grid-cell {
        width:25%
    }

    .grid-container--50-25-25 .grid-cell:first-child {
        width: 50%
    }
}

@media(min-width: 768px) {
    .grid-container--50-50 .grid-cell {
        width:50%
    }
}

@media(min-width: 768px) {
    .grid-container--25-75 .grid-cell {
        width:50%
    }
}

@media(min-width: 1280px) {
    .grid-container--25-75 .grid-cell {
        width:25%
    }

    .grid-container--25-75 .grid-cell:last-child {
        width: 75%
    }
}

.grid-container--75-25 .grid-cell {
    display: grid;
    gap: 1em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(min-width: 768px) {
    .grid-container--75-25 .grid-cell {
        width:50%
    }
}

@media(min-width: 1280px) {
    .grid-container--75-25 .grid-cell {
        width:75%
    }

    .grid-container--75-25 .grid-cell:last-child {
        width: 25%
    }
}

@media(min-width: 768px) {
    .grid-container--25-25-50 .grid-cell {
        width:50%
    }

    .grid-container--25-25-50 .grid-cell:last-child {
        width: 100%
    }
}

@media(min-width: 1280px) {
    .grid-container--25-25-50 .grid-cell {
        width:25%
    }

    .grid-container--25-25-50 .grid-cell:last-child {
        width: 50%
    }
}

@media(min-width: 768px) {
    .grid-container--25-50-25 .grid-cell {
        width:100%
    }
}

@media(min-width: 1280px) {
    .grid-container--25-50-25 .grid-cell {
        width:50%
    }

    .grid-container--25-50-25 .grid-cell:first-child,.grid-container--25-50-25 .grid-cell:last-child {
        width: 25%
    }
}

@media(min-width: 768px) {
    .grid-container--25-25-25-25 .grid-cell {
        width:50%
    }
}

@media(min-width: 1280px) {
    .grid-container--25-25-25-25 .grid-cell {
        width:25%
    }
}

.highlight-in-string .hightlight {
    font-weight: bold;
    color: #242424
}

.icon.icon--size-medium {
    height: 3.25rem;
    width: 3.25rem
}

.image-cropped {
    overflow: hidden;
    max-width: 120%
}

.image-cropped img,.image-cropped video,.image-cropped object,.image-cropped picture {
    max-width: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.image-cropped.focus-MiddleCenter img,.image-cropped.focus-MiddleCenter video,.image-cropped.focus-MiddleCenter object,.image-cropped.focus-MiddleCenter picture {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%)
}

.image-cropped.focus-TopCenter img,.image-cropped.focus-TopCenter video,.image-cropped.focus-TopCenter object,.image-cropped.focus-TopCenter picture {
    right: 50%;
    bottom: auto;
    transform: translateX(50%)
}

.image-cropped.focus-BottomCenter img,.image-cropped.focus-BottomCenter video,.image-cropped.focus-BottomCenter object,.image-cropped.focus-BottomCenter picture {
    right: 50%;
    bottom: 0;
    transform: translateX(50%)
}

.image-cropped.focus-TopLeft img,.image-cropped.focus-TopLeft video,.image-cropped.focus-TopLeft object,.image-cropped.focus-TopLeft picture {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    transform: translate(0%, 0%)
}

.image-cropped.focus-MiddleLeft img,.image-cropped.focus-MiddleLeft video,.image-cropped.focus-MiddleLeft object,.image-cropped.focus-MiddleLeft picture {
    left: 0;
    right: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.image-cropped.focus-BottomLeft img,.image-cropped.focus-BottomLeft video,.image-cropped.focus-BottomLeft object,.image-cropped.focus-BottomLeft picture {
    left: 0;
    right: auto;
    bottom: 0;
    transform: translate(0%, 0%)
}

.image-cropped.focus-TopRight img,.image-cropped.focus-TopRight video,.image-cropped.focus-TopRight object,.image-cropped.focus-TopRight picture {
    right: 0;
    bottom: auto;
    transform: translate(0%, 0%)
}

.image-cropped.focus-MiddleRight img,.image-cropped.focus-MiddleRight video,.image-cropped.focus-MiddleRight object,.image-cropped.focus-MiddleRight picture {
    right: 0;
    bottom: 50%;
    transform: translateY(50%)
}

.image-cropped.focus-BottomRight img,.image-cropped.focus-BottomRight video,.image-cropped.focus-BottomRight object,.image-cropped.focus-BottomRight picture {
    right: 0;
    bottom: 0;
    transform: translate(0%, 0%)
}

.image-cropped.focus-stretch img,.image-cropped.focus-stretch video,.image-cropped.focus-stretch object,.image-cropped.focus-stretch picture {
    max-width: 100%
}

.info-card {
    max-width: 658px;
    background-color: #cde3e7;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.info-card__content {
    font-size: 0.875rem;
    flex-basis: 75%;
    display: flex;
    flex-direction: column
}

.info-card__title {
    line-height: 2.025rem;
    font-size: 1.6875rem;
    margin: 0
}

.info-card__paragraph {
    margin: 16px 0 24px
}

.info-card__links {
    display: flex;
    gap: 16px;
    align-items: center
}

.info-card__btn {
    border-radius: 0 !important;
    flex-grow: 0 !important;
    width: 13.0625rem
}

.info-card__btn .button__icon-text {
    font-size: 0.875rem
}

.info-card__btn .button__icon {
    margin-left: 16px
}

.info-card--no-link .info-card__btn {
    width: 19.75rem
}

.info-card__read-more {
    color: #242424
}

.info-card__icon {
    border: none !important
}

@media(max-width: 640px) {
    .info-card__content {
        flex-basis:100%
    }

    .info-card__icon {
        display: none !important
    }

    .info-card__btn {
        width: 13.0625rem
    }
}

@media(max-width: 460px) {
    .info-card__links {
        flex-direction:column;
        align-items: flex-start;
        gap: 32px
    }
}

.information-modal__card-body {
    padding: 40px 32px 32px 32px
}

.information-modal {
    text-align: center;
    display: flex;
    flex-direction: column
}

.information-modal__headline {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 32px
}

@media(min-width: 768px) {
    .information-modal__headline {
        font-size:1.375rem;
        line-height: 1.75rem
    }
}

.information-modal__description {
    font-size: 1rem;
    margin-bottom: 16px
}

.item-details-listed-details__five-components {
    background-color: #fff;
    width: 500px;
    border: 1px solid #6e6e6e
}

.item-details-listed-details__five-components .item-details-listed-details {
    padding-bottom: 32px
}

.item-details-stories__grouped-details-content {
    font-size: 0.875rem
}

.item-details-stories__grouped-details-content-bold {
    font-weight: bold
}

.item-details-stories__grouped-details-content-no-margin {
    margin: 0
}

.item-details-stories__grouped-details-content-no-margin-top {
    margin-top: 0
}

.item-details-stories__grouped-details-content-row {
    display: flex;
    justify-content: space-between
}

.item-details-stories__grouped-details-content-sub {
    margin-left: 32px
}

.item-details-listed-details__three-components {
    background-color: #fff;
    width: 500px
}

.item-details-listed-details__single-component {
    background-color: #fff;
    width: 500px
}

.item-details-listed-details__single-component-with-border {
    background-color: #fff;
    width: 500px;
    border: 1px solid #fff
}

.item-details-listed-details__single-component-button-centralized .item-details-button-centralized {
    padding-top: 32px
}

.item-details-button-centralized {
    margin-top: auto;
    display: flex;
    justify-content: center;
    padding-bottom: 32px
}

.item-details-buttons-full-width {
    display: flex;
    border-top: 1px solid #bbb
}

.item-details-grouped-details .item-details-grouped-details__title {
    text-align: center;
    font-weight: 600;
    margin: 32px 0 32px 0
}

.item-details-grouped-details .account-group {
    background-color: #fff
}

.item-details-grouped-details .account-group__toggle-button {
    height: 50px
}

.item-details-grouped-details .account-group__toggle-button svg {
    overflow: visible;
    margin-bottom: .2rem
}

.item-details-grouped-details .account-group__content {
    padding: 0 24px 24px 24px;
    overflow-wrap: break-word;
    padding-left: 2.875rem
}

.item-details-grouped-details .account-group--toggle-open .account-group__content {
    padding-bottom: 8px
}

.item-details-grouped-details .account-group__content:first-child {
    padding-top: 0
}

.item-details-grouped-details .account-group__title {
    font-size: 0.875rem
}

.item-details-grouped-details .account-group__title-icon {
    width: 0.875rem;
    margin-right: 0.5rem
}

.item-details-grouped-details__border-bottom {
    width: 92%;
    margin: auto;
    border-bottom: 1px solid #bbb
}

.item-details-header {
    background-color: #cde3e7;
    padding: 32px
}

.item-details-header .circle {
    margin: 0 auto
}

.item-details-header h3 {
    font-size: 1.6875rem;
    line-height: 2.025rem;
    margin: 16px auto 0;
    text-align: center
}

.item-details-link-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 0 32px 0
}

.item-details-link-footer p {
    margin: 0 0 8px 0
}

.item-details-link-footer a {
    text-decoration: none;
    color: #fedd46;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.item-details-link-footer__icon {
    width: 16px
}

.item-details-link-footer__icon svg {
    fill: #fedd46
}

.item-details-listed-details {
    padding: 24px 32px 24px 32px
}

.item-details-listed-details dl {
    margin-block:0}

.item-details-listed-details__element-row {
    display: flex;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #bbb
}

.item-details-listed-details__element-row:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.item-details-listed-details__element-row dt {
    display: flex;
    color: #6e6e6e;
    width: 40%
}

.item-details-listed-details__element-row dd {
    margin-inline-start:0px;text-align: right;
    width: 60%;
    white-space: pre-wrap
}

.item-details-listed-details--background-color-grey {
    background-color: #f8f8f8
}

.items-pagination {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    white-space: nowrap
}

.items-pagination__previous {
    margin: 0 10px
}

.label-value-details__item {
    display: flex;
    justify-content: space-between;
    font-size: .8rem;
    border-bottom: 1px solid #e5e5e5;
    padding: .5rem 0;
    align-items: flex-start
}

.label-value-details__item:last-child {
    border-bottom: none
}

.label-value-details__item-value {
    font-weight: bold;
    text-align: right
}

.label-value-details__item-name {
    margin-right: 16px
}

.label-value-details__wrap>.label-value-details__item-value {
    word-break: break-all
}

.link-list-card__item {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    padding: 16px 0 16px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.875rem;
    color: #242424
}

.link-list-card__item:visited {
    text-decoration: none;
    color: #242424
}

.link-list-card__item:last-child {
    border-bottom: none
}

.link-list-card__item:disabled {
    cursor: pointer;
    opacity: .3;
    pointer-events: none
}

.link-list-card__item .link-list-card__item-text {
    font-weight: bold
}

.link-list-card__item .link-list-card__item-icon {
    display: flex;
    align-items: center;
    bottom: 0;
    top: 0;
    right: 8px
}

.link-list-card__item .link-list-card__item-icon svg {
    width: 16px;
    height: 16px;
    fill: #242424
}

.link-list-card__item:hover {
    color: #3f4346
}

.link-list-card__item:hover svg {
    fill: #3f4346
}

.list-shadowed__pair {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    align-items: center
}

.list-shadowed__pair p {
    flex: 1;
    margin: 0;
    padding: 8px
}

.list-shadowed__pair p:not(:first-child) {
    text-align: right;
    display: flex;
    justify-content: flex-end
}

.list-shadowed__pair:nth-child(odd) {
    background-color: #f5f5f5
}

.list-shadowed__toggle {
    text-align: center;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 10px
}

.list-shadowed__toggle svg {
    width: 14px
}

.list {
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.list .list-item {
    background-color: rgba(0,0,0,0);
    color: #757575;
    display: block;
    font-size: .8125rem;
    line-height: 1rem;
    text-decoration: none;
    transition: all .3s;
    font-size: 1rem;
    margin: 0 3.25rem
}

.list .list-item:hover {
    background-color: #f3f3f3
}

.list .list-item .list-item__container {
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: justify;
    padding: 1rem 1.25rem;
    justify-content: space-between
}

.list .list-item .list-item__container {
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    padding: 1rem 1.25rem;
    justify-content: space-between
}

.list .list-item .list-item__title,.list .list-item .list-item__balance {
    color: #242424;
    font-size: 1.1875rem;
    font-weight: 900;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2
}

.list .list-item .list-item__balance {
    font-weight: 400
}

.list-card {
    display: flex;
    flex-wrap: wrap
}

.list-card .list-card__item {
    position: relative;
    flex: 1;
    margin: 10px
}

.list-card .list-card__item .card__body {
    height: 10rem;
    overflow: auto
}

.list-table {
    position: relative
}

.list-table .list-table__header {
    border-bottom: 1px solid #e5e5e5;
    color: #242424;
    font-size: .6875rem;
    line-height: 1.375rem;
    padding: .125rem 0rem 0rem
}

.list-table .list-table__header .list-table-header__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0rem 3.25rem
}

.list-table .list-table__header .list-table-header__container .list-table-header__column {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 .5em;
    white-space: nowrap
}

.list-table .list-table__body {
    background: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.list-table .list-table-row {
    color: #757575;
    display: block;
    font-size: .8125rem;
    text-decoration: none;
    transition: border-color .3s cubic-bezier(0.24, 0.5, 0.22, 0.89),background-color .3s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.list-table .list-table-row__container {
    border-top: 1px solid #e5e5e5;
    padding: .75rem 0rem;
    transition: border-color .3s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0rem 3.25rem
}

.list-table .list-table-row__container>* {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 .5em;
    white-space: nowrap
}

.list-table .list-table-row__container.active {
    background-color: #eaf3ff;
    color: #444;
    font-weight: bold
}

.list-table .list-table-row__strong {
    font-weight: 600
}

.list-table .list-table-row__right {
    text-align: right
}

.list-table .list-table__checkbox {
    padding: 0 50px 0 .5em;
    flex-shrink: 3;
    flex-grow: 0
}

.list-table .list-table__footer {
    position: static;
    bottom: 0;
    background-color: #388ef9;
    width: 100%;
    color: #fff;
    padding: 10px;
    font-weight: bold
}

.list__bulk-menu-container {
    position: sticky;
    bottom: 0;
    background-color: #f8f8f8;
    padding: 0 28px;
    border: 1px solid #bbb;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    overflow: hidden
}

.list__bulk-menu-container--no-right-padding {
    padding-right: 0
}

.list__bulk-menu-container--overflow-visible {
    overflow: visible
}

.list__bulk-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem
}

.list__bulk-menu-actions--border-before-items .action-menu__item {
    border-left: 1px solid #e5e5e5
}

.list__bulk-menu-actions--border-after-last-item li:last-child .action-menu__item {
    border-right: 1px solid #e5e5e5
}

.list__bulk-menu-count {
    display: flex;
    align-items: center;
    flex: 1 1 0
}

.list__bulk-menu-count .list__bulk-menu-count-circle {
    color: #000;
    background: #fedd46;
    margin-right: 0.625rem
}

.list__bulk-menu-actions-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.list__bulk-menu-actions .action-menu {
    display: flex
}

.list__bulk-menu-actions .action-menu__item {
    cursor: pointer;
    min-width: 0;
    margin-right: 10px;
    padding: 0 20px
}

@media(max-width: 1024px) {
    .list__bulk-menu-actions .action-menu__item {
        padding:0 10px
    }

    .list__bulk-menu-actions .action-menu__item .action-menu__item-icon {
        margin: 0
    }
}

.list__bulk-menu-amount {
    text-align: right;
    width: 200px
}

.list__bulk-menu-amount .list__bulk-menu-amount-positive {
    color: #008755
}

.list__bulk-menu-actions .action-menu__item {
    font-size: 0.8125rem;
    min-height: 4.5rem
}

.list__bulk-menu-actions .action-menu__item--text-only {
    justify-content: center
}

.list-bulk-menu-currency-totals__wrap {
    position: relative
}

.list-bulk-menu-currency-totals__button {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
    width: 350px;
    margin-left: auto;
    border-bottom: 0;
    border-top: 0;
    background-color: #f8f8f8;
    color: #242424;
    height: 72px;
    padding: 0 90px 0 16px;
    position: relative
}

.list-bulk-menu-currency-totals__button ul {
    text-align: right;
    list-style-type: none;
    margin: 0
}

.list-bulk-menu-currency-totals__button ul li {
    font-weight: bold;
    white-space: nowrap
}

.list-bulk-menu-currency-totals__button ul li:not(:last-child) {
    margin-bottom: 8px
}

.list-bulk-menu-currency-totals__button p {
    margin: 0
}

.list-bulk-menu-currency-totals__button:not(:disabled) {
    cursor: pointer
}

.list-bulk-menu-currency-totals__button:not(:disabled):hover {
    transition: background-color 200ms ease;
    background-color: #ebebeb
}

.list-bulk-menu-currency-totals__button:disabled {
    padding-right: 90px
}

.list-bulk-menu-currency-totals__button--no-border {
    border: none
}

.list-bulk-menu-currency-totals__popout {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% + 1px);
    text-align: right;
    position: absolute;
    inset: auto -1px 0 auto;
    background-color: #f8f8f8;
    padding: 16px 90px 16px 32px;
    visibility: hidden;
    z-index: 2
}

.list-bulk-menu-currency-totals__popout ul {
    margin: 0;
    padding: 0
}

.list-bulk-menu-currency-totals__popout ul li {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.list-bulk-menu-currency-totals__popout ul li:not(:last-child) {
    margin-bottom: 8px
}

.list-bulk-menu-currency-totals__popout ul li {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    font-weight: bold
}

.list-bulk-menu-currency-totals__inner {
    display: flex;
    align-items: center
}

.list-bulk-menu-currency-totals__arrow {
    width: 16px;
    height: 16px;
    margin-left: 16px
}

.list-bulk-menu-currency-totals__counter,.list-bulk-menu-currency-totals__currency {
    color: #6e6e6e
}

.list-bulk-menu-currency-totals__counter span {
    letter-spacing: 1px
}

.list-bulk-menu-currency-totals__wrap--active .list-bulk-menu-currency-totals__popout {
    display: flex;
    visibility: visible
}

.list-bulk-menu-currency-totals__wrap--active .list-bulk-menu-currency-totals__button--clickable:hover {
    transition: none;
    background-color: rgba(0,0,0,0)
}

.list-bulk-menu-currency-totals--single-item {
    flex: 1 0 0
}

.list-bulk-menu-currency-totals--single-item .list-bulk-menu-currency-totals__button {
    justify-content: flex-end;
    width: auto;
    border-left: none
}

.list-bulk-menu-currency-totals__label-and-arrow {
    height: 73px;
    position: absolute;
    z-index: 2;
    inset: auto 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px 0 32px;
    pointer-events: none
}

.list-bulk-menu-currency-totals__label-and-arrow p {
    margin: 0
}

@media(max-width: 1280px) {
    .list-bulk-menu-currency-totals__button,.list-bulk-menu-currency-totals__popout {
        width:265px;
        padding-right: 50px
    }
}

.list-bulk-menu-currency-totals__button:disabled {
    padding-right: 50px
}

.list-bulk-menu-currency-totals__label-and-arrow {
    padding: 0 16px
}

.list-bulk-menu-currency-totals--full-flex-width {
    flex: 1 1 0
}

.list-bulk-menu-currency-totals--full-flex-width .list-bulk-menu-currency-totals__popout,.list-bulk-menu-currency-totals--full-flex-width .list-bulk-menu-currency-totals__button {
    width: 100%;
    padding-right: 48px
}

.list-bulk-menu-currency-totals__label-and-arrow--no-label {
    inset: initial;
    top: 0;
    right: 0;
    padding-right: 28px
}

.list-bulk-menu-single-currency-total {
    text-align: right;
    flex: 1 1 0
}

.list-bulk-menu-single-currency-total .list-bulk-menu-single-currency-total__positive {
    color: #008755
}

.media-viewer-modal .media-viewer-modal__media-viewer {
    max-height: 900px;
    max-width: 900px;
    height: 80vh;
    width: 90vw
}

.media-viewer-modal .media-viewer-modal__media-viewer iframe {
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.media-viewer-modal .media-viewer-modal__media-viewer img {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.media-viewer {
    text-align: center;
    width: 100%;
    height: 100%
}

.media-viewer__iframe {
    height: 100%;
    width: 100%;
    border: 0
}

.media-viewer__image {
    max-height: 100%;
    max-width: 100%
}

.media-viewer__download {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.modal-action-buttons {
    display: flex
}

.modal-action-buttons>*:not(:first-child) {
    border-left: 1px solid #e5e5e5
}

.modal-action-buttons__button.button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 72px;
    flex-grow: 1
}

.modal-action-buttons__button.button .icon {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem
}

.modal-action-buttons__button-small.button {
    height: 36px
}

.modal-action-buttons__button-medium.button {
    height: 54px
}

.modal-action-buttons .modal-action-buttons__button {
    transition: background-color .2s
}

.modal-action-buttons .button--color-brand-4-on-white:not(:hover) {
    background-color: #fff
}

.modal-action-buttons .modal-action-buttons__button--border-left {
    border-left: 1px solid #e5e5e5
}

.modal-content {
    padding: 32px 64px 40px;
    border-top: 1px solid #e5e5e5;
    background: #f8f8f8
}

.modal-content .form-input-wrap {
    border-bottom: none
}

.modal-content .form-input-wrap:after {
    height: 0px
}

.modal-content .form-control,.modal-content .form-input__input,.modal-content .form-input-wrap {
    padding: 0px
}

.modal-content .react-autosuggest__container {
    width: auto
}

.modal-content ::-ms-input-placeholder {
    color: initial
}

.modal-content ::placeholder {
    color: initial
}

.modal-content .form-label {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px;
    display: block;
    margin: 0 0 8px
}

.modal-content__form-checkbox__label {
    margin-left: 8px
}

.modal-content .modal-content__form__input-container--full .form-input__input,.modal-content .modal-content__form__input-container--full .form-control {
    width: 397px
}

.modal-content .modal-content__form__details-container {
    padding-top: 32px
}

.modal-content .modal-content__form__details-container label {
    font-size: 1rem
}

.modal-content .modal-content__form__details-container--2col {
    display: flex;
    flex-direction: row;
    padding-top: 24px
}

.modal-content .modal-content__form__details-container--2col .form-control {
    padding-top: 0px;
    width: 26%
}

.modal-content .modal-content__form__details-container--2col .form-control.field-text label,.modal-content .modal-content__form__details-container--2col .form-control.field-text .form-label.form-label--active {
    margin-top: 0px
}

.modal-content .form-control__content {
    position: relative
}

.modal-content .form-control__content .clear-date-button {
    position: absolute;
    top: 15px;
    left: 158px;
    font-size: 0.875rem;
    color: #242424
}

.modal-content .form-control .react-datepicker__month-wrapper>.react-datepicker__month-text:first-child {
    margin-right: 18px
}

.modal-content .form-control .react-datepicker__month-wrapper>.react-datepicker__month-text:last-child {
    margin-left: 18px
}

.modal-content .form-control .react-datepicker__month .react-datepicker__month-text {
    width: 2rem;
    height: 2rem;
    border-radius: 17px;
    padding-top: 4px
}

.modal-content .form-control .react-datepicker__month-wrapper {
    margin-bottom: 1px
}

.modal-content .form-control .react-datepicker__month-wrapper :last-child {
    margin-bottom: 0px
}

.modal-content .form-control .form-datepicker-wrapper label:focus {
    color: #242424
}

.modal-content .form-control .modal-content__form__datepicker {
    padding-bottom: 245px
}

.modal-content .form-control .form-datepicker-wrapper__icon-wrapper {
    padding: 2px 0 33px;
    display: flex;
    align-items: flex-start;
    width: 36px;
    height: 36px;
    min-width: 24px;
    justify-content: left
}

.modal-content .form-control .react-datepicker-popper {
    margin-top: 0px;
    left: -32px !important
}

.modal-content .form-control .react-datepicker-popper[data-placement^=bottom] {
    margin-top: 1px
}

.modal-content .form-control .form-input__input {
    border-bottom: 1px solid rgba(36,36,36,.2);
    padding: 0 0 16px
}

.modal-content .form-control .form-input__input-inner {
    bottom: 15px;
    right: 1px;
    font-size: 1rem
}

.modal-content .form-control.form-control--active .form-input__input {
    border-bottom: 2px solid #3f4346;
    color: #3f4346
}

.modal-content .form-control.form-control--active .form-datepicker-wrapper__icon-wrapper svg {
    color: #3f4346
}

.modal-content .form-control.form-control--active .form-datepicker-wrapper {
    border-bottom: 1px solid #3f4346;
    margin-bottom: 1px
}

.modal-content .form-control.form-control--active .form-datepicker-wrapper .form-input__input,.modal-content .form-control.form-control--active .form-datepicker-wrapper .form-datepicker-wrapper__icon-wrapper {
    border-bottom: none
}

.modal-content .form-control~label {
    margin-top: 24px
}

.modal-content .form-control.field-text .form-label.form-label--active,.modal-content .form-control.field-text label {
    margin-top: 24px;
    transform: translateY(0) scale(1)
}

.modal-content .form-control.field-text:first-child .form-label.form-label--active,.modal-content .form-control.field-text:first-child label {
    margin-top: 0
}

.modal-content .form-control .form-message {
    padding: 8px 0 0
}

.modal-content .form-control .form-input-wrap--invalid input,.modal-content .form-control.form-control--invalid {
    color: #dd1d26
}

.modal-content .form-control .form-select-filter__options-container {
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.11),0px 2px 10px 0px rgba(0,0,0,.06),0px 5px 5px 0px rgba(0,0,0,.03);
    border-top: 1px solid var(--Stroke-Super-light, #e5e5e5);
    background: var(--Neutral-Background-modal, #f5faf9)
}

.modal-content .form-control .dropdown-select-button__icon svg {
    margin-bottom: 15px
}

.modal-content .form-control [role=radiogroup] {
    display: flex
}

.modal-content .form-control .form-radio {
    margin: 0 32px 0 0
}

.modal-content .form-control.field-radio+.form-control.field-radio {
    margin-top: 24px
}

.modal-content .form-control .field-radio__info {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px;
    display: block;
    margin: 8px 0 16px
}

.modal-content .form-control .field-radio__info>[role=radiogroup] label {
    margin-top: 16px
}

.modal-content .form-control .form-radio__indicator {
    margin-right: 8px
}

.modal-content .form-control .form-datepicker-wrapper {
    width: 182px;
    border-bottom: 1px solid rgba(36,36,36,.2)
}

.modal-content .form-control .form-datepicker-wrapper .form-input__input,.modal-content .form-control .form-datepicker-wrapper .form-datepicker-wrapper__icon-wrapper {
    border-bottom: none
}

.modal-content .table .table__container {
    flex: 0 0 100%
}

.modal-content .table .table-row {
    height: 56px;
    font-size: 0.8125rem
}

.modal-content .table .table--column-spacing>.table-head>.table-row::before,.modal-content .table .table--column-spacing>.table-head>.table-row::after,.modal-content .table .table--column-spacing>.table-body>.table-row::before,.modal-content .table .table--column-spacing>.table-body>.table-row::after {
    width: 0
}

.modal-content .table .table-head .table-column {
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem
}

.modal-content .table .table-head .table-column .checkbox-select__indicator {
    width: 22px;
    height: 22px
}

.modal-content .table td {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem
}

.modal-content .table .form-input-wrap {
    top: 0.5625rem
}

.modal-content .table .form-input-wrap input {
    text-align: right
}

.modal-content .table .form-input__pen-icon {
    bottom: 0.875rem
}

.modal-content .table .form-input__input-inner {
    bottom: revert;
    right: 0px
}

.modal-content .table .form-control .form-input__input {
    padding: 0 0.875rem 1.125rem;
    border: none
}

.modal-content .table .form-control.form-control--active .form-input__input {
    border-bottom: 2px solid #3f4346;
    color: #3f4346
}

.modal-footer {
    border-top: 1px solid var(--sdc-stroke-1, #e5e5e5);
    background: var(--Neutral-Light-grey, #f8f8f8);
    display: flex;
    align-items: stretch;
    height: 72px;
    padding: 0 28px;
    justify-content: space-between
}

.modal-footer__nav-count {
    width: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.8125rem
}

.modal-footer__nav-count__circle {
    color: #000;
    background: #fedd46;
    margin-right: 0.625rem
}

.modal-footer__nav-end {
    width: 100px
}

.modal-footer__nav-btns {
    align-items: center
}

.modal-footer__nav-btns__delete {
    flex: 1;
    display: flex
}

.modal-footer__nav-btn {
    width: 200px;
    height: 100%;
    margin: auto;
    border-radius: 0
}

.modal-footer__nav-btn__delete {
    flex: 1
}

.modal-footer__nav-btn.button {
    justify-content: center
}

.modal-footer__nav-btn.button--color-secondary {
    border: none;
    background: none
}

.modal-footer__nav-btn.button--color-delete {
    border: #d90e19;
    background: #d90e19;
    color: #fff
}

.modal-footer__nav-btn.button--color-delete :hover {
    color: #d90e19
}

.modal-footer__nav-btn>.button__icon-text {
    flex-grow: .2
}

.modal-footer__delete {
    justify-content: center;
    padding: 0;
    height: 56px
}

.modal-header {
    padding: 64px 64px 32px;
    background: #fff
}

.modal-header dl {
    margin: 0
}

.modal-header dt {
    color: #6e6e6e;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px
}

.modal-header dd {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

.modal-header__title {
    font-size: 1.6875rem;
    line-height: normal;
    margin: 0
}

.modal-header__title+dl {
    margin-top: 24px
}

.modal-header__title-delete {
    font-size: 1rem;
    text-align: center
}

.modal-header__title-center {
    text-align: center
}

.modal-header__definition-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 50%
}

.modal-header__definition-list div {
    width: 198px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.modal-header-delete {
    padding: 32px 0 16px 0
}

.modal-with-navigation__modal.neos-modal {
    margin: 0
}

.modal-with-navigation .neos-modal__content-inner {
    display: flex
}

.modal-with-navigation__container {
    width: calc((1440px - (12 - 1)*16px)/12*8 + 128px);
    display: flex;
    flex-direction: column
}

.modal-with-navigation__scrollable-container {
    overflow-y: auto;
    background: #f8f8f8
}

.modal-with-navigation__fixed-footer {
    position: sticky;
    bottom: 0
}

.modal-with-navigation-small {
    width: calc((1080px - (12 - 1)*16px)/12*8 + 128px)
}

.modal-with-navigation-medium {
    width: 60%
}

.js-modal * {
    pointer-events: none
}

.ReactModal__Body--open {
    overflow: hidden
}

.ReactModal__Body--open body {
    overflow: hidden;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.neos-modal-overlay {
    transition: opacity 200ms ease-in-out;
    background: rgba(0,0,0,.3);
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.neos-modal-overlay.ReactModal__Overlay--after-open {
    opacity: 1
}

.neos-modal-overlay.ReactModal__Overlay--before-close {
    opacity: 0
}

.neos-modal-overlay__delete {
    align-content: flex-start;
    flex-wrap: wrap;
    padding-top: 150px
}

.neos-modal {
    position: relative;
    margin: 48px 16px
}

.neos-modal:focus {
    outline: none
}

.neos-modal.neos-modal--iframe iframe {
    display: block;
    border: none;
    width: 100%;
    background: #fff;
    width: 90vw;
    height: 80vh
}

.neos-modal.neos-modal--iframe .neos-modal__content-inner {
    max-width: 90vw;
    max-height: 90vh
}

.neos-modal-content {
    position: relative;
    margin: 0;
    max-height: 100vh;
    overflow: visible;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.neos-modal__content-inner {
    min-width: 300px;
    background-color: #fff;
    position: relative;
    max-height: calc(100vh - 16px* 8);
    max-width: calc(100vw - 16px* 2);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.neos-modal__content-inner>*:first-child {
    margin-top: 0
}

.neos-modal__content-inner::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.neos-modal__content-inner:hover::-webkit-scrollbar {
    height: 8px
}

.neos-modal__content-inner::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.neos-modal__content-inner::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.neos-modal__content-inner::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.neos-modal__content-inner--hasMinWidths {
    min-width: calc(100vw - 16px)
}

@media screen and (min-width: 640px) {
    .neos-modal__content-inner--hasMinWidths {
        min-width:calc(100vw - 16px * 2)
    }
}

@media screen and (min-width: 768px) {
    .neos-modal__content-inner--hasMinWidths {
        min-width:640px
    }
}

.neos-modal__content-inner--hasMinHeight {
    min-height: 400px
}

@media screen and (min-width: 1100px) {
    .neos-modal__content-inner--hasMinWidths:not(.neos-modal__content-inner--narrow) {
        min-width:768px
    }
}

.neos-modal__content-inner--narrow {
    width: calc(100vw - 16px)
}

@media screen and (min-width: 640px) {
    .neos-modal__content-inner--narrow {
        width:500px
    }
}

.neos-modal__content-inner--hasPadding {
    padding: 24px
}

@media screen and (min-width: 768px) {
    .neos-modal__content-inner--hasPadding {
        padding:32px
    }
}

@media screen and (min-width: 1100px) {
    .neos-modal__content-inner--hasPadding {
        padding:48px
    }
}

.neos-modal__content-inner--noInnerOverflowScroll {
    overflow: hidden
}

.neos-modal-close-button {
    z-index: 9010;
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: -48px;
    border-radius: 50%;
    right: 0;
    background-color: #fff;
    border: none;
    padding: 0;
    cursor: pointer
}

.neos-modal-close-button.neos-modal-close-button--isInside {
    top: 0
}

.neos-modal-close-button .icon {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: 20;
    width: 1rem;
    height: 1rem;
    fill: #242424
}

.neos-modal__fix--height {
    max-height: 75vh
}

.neos-modal__content-inner--isFlex {
    display: flex
}

.notification-display {
    position: absolute;
    z-index: 13000;
    width: 100%;
    padding: 32px;
    font-size: 12px;
    line-height: 20px;
    bottom: 0;
    right: 0;
    position: fixed
}

.notification-display:after {
    content: "";
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transition: all .25s cubic-bezier(0.31, 0.03, 0.25, 1.02)
}

.notification-display.notification-display--isOpen:after {
    opacity: 1;
    visibility: visible
}

.notification-display.notification-display--isEmpty {
    display: none
}

.notification-display__inner {
    position: relative;
    z-index: 2;
    min-width: 200px;
    max-width: 600px;
    width: 100%
}

@media(min-width: 640px) {
    .notification-display__inner {
        float:right
    }
}

.notification-display__top {
    text-align: right;
    visibility: hidden
}

.notification-display--isOpen .notification-display__top {
    visibility: visible
}

.notification-display__top-close-button {
    background: rgba(0,0,0,0);
    border: none;
    width: 48px;
    height: 48px;
    cursor: pointer
}

.notification-display__top-close-button .icon,.notification-display__top-close-button .icon svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: #fff
}

.notification-display__list {
    width: 100%;
    max-height: calc(100vh - 200px);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.notification-display--isClosed .notification-display__list {
    overflow: visible
}

.notification-display__list-wrap {
    position: relative;
    transition: all .25s cubic-bezier(0.31, 0.03, 0.25, 1.02)
}

.notification-display--isClosed .notification-display__list-wrap {
    height: 130px !important
}

.notification-display__bottom {
    padding-top: 16px;
    text-align: center
}

.notification-display__bottom-button {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05)
}

.notification-display__card {
    position: absolute;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    margin-bottom: 16px;
    display: flex;
    height: 112px;
    transition: all .25s cubic-bezier(0.31, 0.03, 0.25, 1.02)
}

.notification-display--isClosed .notification-display__card {
    top: 0 !important
}

.notification-display--isClosed .notification-display__card~.notification-display__card {
    pointer-events: none
}

.notification-display--isClosed .notification-display__card:nth-child(2) {
    transform: translateY(-15px) scale(0.95)
}

.notification-display--isClosed .notification-display__card:nth-child(3) {
    transform: translateY(-30px) scale(0.9)
}

.notification-display--isClosed .notification-display__card:nth-child(3)~.notification-display__card {
    transition: all .25s cubic-bezier(0.31, 0.03, 0.25, 1.02);
    box-shadow: none;
    z-index: 1;
    transform: translateY(-30px) scale(0.8)
}

.notification-display__card-body {
    padding: 16px;
    flex-grow: 1;
    text-decoration: none;
    color: #242424;
    transition: background-color .25s cubic-bezier(0.31, 0.03, 0.25, 1.02);
    overflow: hidden;
    overflow-y: auto
}

.notification-display__card-body:visited {
    color: #242424
}

.notification-display__card-body .notification-display__card-message-part {
    border-right: 1px solid #ccc;
    padding: 0 10px
}

.notification-display__card-body .notification-display__card-message-part:first-child {
    border-right: 1px solid #ccc;
    padding-left: 0
}

.notification-display__card-body .notification-display__card-message-part:last-child {
    border-right: none
}

.notification-display__card-heading {
    font-weight: bold
}

.notification-display__card-message {
    margin: 0
}

.notification-display__card-utils {
    border-left: 1px solid #e5e5e5;
    max-width: 112px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.notification-display__card-button {
    background: none;
    border: none;
    padding: 32px;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.31, 0.03, 0.25, 1.02)
}

.notification-display__card-button:hover {
    background-color: #f0f0f0
}

.notification-display__card-button:last-of-type {
    border-bottom: none
}

.pagination-buttons__previous {
    margin: 0 10px
}

.progress-bar {
    height: 30px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.progress-bar__progress-bar-wrapper {
    height: 6px;
    line-height: 1;
    background-color: #e5e5e5;
    width: 100%;
    position: relative;
    border-radius: 3px
}

.progress-bar__progress-indicator {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #3f4346;
    border-radius: 3px
}

.progress-bar__progress-indicator:after {
    content: " ";
    width: 8px;
    background-color: inherit;
    display: block;
    position: absolute;
    right: -4px;
    border-radius: 3px;
    height: 100%
}

.progress-bar__progress-indicator--first:after {
    width: 0px;
    right: 0px;
    border-radius: 0px
}

.progress-bar__steps {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.progress-bar__hover-area {
    position: relative;
    padding: 20px;
    margin: -20px;
    display: block;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    border: 0px solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    text-shadow: 0px 0px 0px rgba(0,0,0,0)
}

.progress-bar__hover-area:hover .progress-bar__progress-step:after,.progress-bar__hover-area:hover .progress-bar__progress-step--ahead:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) translateX(-8px);
    content: "";
    background-color: #fff;
    border: 4px solid #3f4346;
    border-radius: 10px
}

.progress-bar__hover-area:hover .progress-bar__progress-step--ahead:after {
    background-color: #242424;
    border: 4px solid #e5e5e5
}

.progress-bar:hover .progress-bar__progress-step--previous,.progress-bar:hover .progress-bar__progress-step--current,.progress-bar:hover .progress-bar__progress-step--ahead {
    opacity: 1
}

.progress-bar__progress-step {
    position: relative;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #3f4346;
    opacity: .3
}

.progress-bar__progress-step--ahead {
    background-color: #242424;
    border: 1px solid #e5e5e5
}

.progress-bar__progress-bar-wrapper .tooltip-wrapper .tooltip {
    margin-top: 1rem
}

.progress-bar--is-touch .progress-bar__progress-step--previous,.progress-bar--is-touch .progress-bar__progress-step--current,.progress-bar--is-touch .progress-bar__progress-step--ahead {
    opacity: 1
}

.progress-ring__circle {
    transition-property: stroke-dashoffset;
    transition-timing-function: linear;
    transition-duration: 1s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.quick-menu-wrapper {
    position: fixed;
    z-index: 5000;
    right: 8px;
    bottom: 44.8px;
    transform: translateY(50%)
}

@media(min-width: 640px) {
    .quick-menu-wrapper {
        right:56px;
        bottom: 56px
    }
}

@media(max-width: 640px) {
    .quick-menu-wrapper.quick-menu-wrapper--hideSmallScreen {
        display:none
    }
}

@media(max-width: 640px) {
    .quick-menu-wrapper.quick-menu-wrapper--isMainNavigation {
        right:4px;
        bottom: 136px
    }
}

.quick-menu {
    position: absolute;
    bottom: 0;
    right: 0
}

@media print {
    .quick-menu-wrapper {
        display: none
    }
}

.quick-menu__trigger-button {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 56px;
    height: 56px;
    background-color: #fedd46;
    border-radius: 50%;
    padding: 0;
    overflow: hidden;
    border: none;
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.21)
}

.quick-menu__trigger-button svg {
    width: 1rem;
    height: 1rem
}

.quick-menu__trigger-button svg.quick-menu__icon--default {
    fill: #000
}

.quick-menu--single-item .quick-menu__trigger-button svg.quick-menu__icon--default {
    fill: #fff
}

.quick-menu--single-item a:hover {
    color: #fff
}

.quick-menu__label {
    position: absolute;
    cursor: default;
    bottom: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
    right: 68px;
    z-index: 2;
    border-radius: 32px;
    background-color: #fedd46;
    padding: 10px 22px;
    text-align: left;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.21);
    white-space: nowrap;
    transition: opacity .2s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    display: none
}

.quick-menu__label--isOpen {
    opacity: 0
}

@media(max-width: 640px) {
    .quick-menu__label--showSmallScreen {
        display:block
    }
}

@media(min-width: 640px) {
    .quick-menu__label--showLargeScreen {
        display:block
    }
}

.quick-menu-button {
    background-color: rgba(0,0,0,0);
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px
}

@media(max-width: 640px) {
    .quick-menu-button {
        width:100%
    }
}

@media(min-width: 640px) {
    .quick-menu-button {
        flex-direction:row-reverse
    }
}

.quick-menu-button__label {
    transition: all .25s cubic-bezier(0.64, 0.01, 0.42, 0.99);
    font-size: 12px;
    line-height: 1.5;
    color: #242424;
    right: 40px;
    z-index: 2;
    border-radius: 32px;
    margin-right: -12px;
    background-color: #f0f0f0;
    padding: 8px 22px;
    text-align: left;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.21);
    white-space: nowrap;
    transition-delay: .2s;
    transform-origin: 50% 100%;
    cursor: pointer
}

@media(min-width: 640px) {
    .quick-menu-button__label {
        background-color:#fff
    }
}

.quick-menu-list--isClosed .quick-menu-button__label {
    transform: translateX(75%) scaleX(0);
    transition-delay: 0s
}

.quick-menu-button__label span {
    position: relative;
    z-index: 5
}

.quick-menu-button__icon {
    position: relative;
    z-index: 3;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    padding: 12px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.21);
    transition: all .25s cubic-bezier(0.64, 0.01, 0.42, 0.99)
}

.quick-menu-button__icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.2);
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.78, -0.07, 0.28, 0.98)
}

.quick-menu-button__icon svg {
    position: relative;
    fill: #242424;
    width: 1rem;
    height: 1rem
}

@media(min-width: 640px) {
    .quick-menu-button__icon svg {
        z-index:5;
        transition: all .25s cubic-bezier(0.64, 0.01, 0.42, 0.99)
    }
}

@media(min-width: 640px) {
    .quick-menu--action .quick-menu-button__icon svg,.quick-menu-list__item:hover .quick-menu-button__icon svg {
        fill:#000
    }
}

@media(min-width: 640px) {
    .quick-menu-list__item:hover .quick-menu-button__icon {
        background-color:#fedd46
    }
}

@media(min-width: 640px) {
    .quick-menu--action .quick-menu-button__icon {
        background-color:#fedd46
    }
}

@media(min-width: 640px) {
    .quick-menu-list__item.quick-menu--action:hover .quick-menu-button__icon:before {
        opacity:1
    }
}

.quick-menu-list {
    margin: 0;
    padding: 0;
    margin-right: 8px;
    text-align: right;
    position: relative;
    margin-bottom: 56px
}

.quick-menu-list li {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.quick-menu-list__item {
    transition: visibility .1s 0
}

.quick-menu-list--isClosed {
    margin-bottom: 0
}

.quick-menu-list--isClosed .quick-menu-list__item {
    transition: visibility .1s .3s;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: -10;
    visibility: hidden
}

.recommendation-status {
    display: flex;
    height: 33px;
    border-radius: 6px;
    justify-content: center;
    min-width: 250px
}

.recommendation-status__icon {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.recommendation-status__text {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 16.8px
}

.recommendation-status__color--green {
    background-color: #dff1ea;
    color: #0a603c
}

.recommendation-status__color--yellow {
    background-color: #ffeed4;
    color: #916526
}

.recommendation-status__color--red {
    background-color: #f8d7d8;
    color: #9d0911
}

.recommendation {
    font-size: 0.875rem;
    line-height: 19.6px;
    background-color: #f8f8f8;
    margin-top: 16px;
    padding: 8px 48px 8px 48px;
    text-align: center;
    border-radius: 4px
}

.search-bar-wrapper {
    display: flex;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 8px
}

.search-bar-component {
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 8px
}

.search-bar-component-end {
    margin-top: 8px;
    margin-bottom: 8px
}

.search-bar-wrapper__filter-toggle-button {
    position: absolute;
    top: -20px;
    display: none;
    z-index: 10
}

.search-bar-wrapper__filter {
    width: 100%
}

.search-bar-wrapper--small .search-bar-wrapper__filter-toggle-button {
    display: block
}

.search-bar-wrapper--small .search-bar-wrapper__filter-content {
    display: none
}

.search-bar-wrapper--small .search-bar-wrapper__filter-content {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 24px 0
}

.search-bar-wrapper--small .search-bar-wrapper__filter {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%
}

.search-bar-wrapper--small.search-bar-wrapper--collapsed-open .search-bar-wrapper__filter-content {
    display: block
}

.selection-list,.selection-list__sub-list {
    padding: 0;
    margin: 0
}

.selection-list__group-heading {
    font-weight: bold;
    padding: 24px 32px 8px
}

.selection-list__item-group {
    list-style: none
}

.selection-list-item {
    list-style: none;
    border-bottom: 1px #e5e5e5 solid
}

.selection-list-item label {
    display: block;
    padding: 24px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.selection-list-item label[aria-selected=true] {
    background-color: #f7f7f8
}

.selection-list-item label:hover {
    background-color: #f0f0f0
}

.selection-list-item label:focus-within {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color
}

.body--hidden-outlines .selection-list-item label:focus-within {
    outline: none
}

.selection-list-item input {
    width: 0;
    height: 0;
    overflow: hidden
}

.selection-list-item .icon {
    height: 1em
}

.selection-list-item span {
    flex-grow: 1
}

.selection-list-item__item-icon {
    margin-right: 16px
}

.service-message {
    padding: 20px
}

.service-message p {
    margin: 0;
    position: relative
}

.service-message p .service-message__icon {
    position: absolute;
    left: 0;
    top: 0
}

.service-message p .service-message__icon svg {
    fill: currentcolor;
    width: 1.375rem;
    height: 1.375rem
}

.service-message p .service-message__icon svg+svg {
    display: none
}

.service-message h5 {
    margin-top: 0;
    margin-bottom: 8px
}

.service-message span {
    display: block
}

.service-message>* {
    padding-left: 40px
}

.service-message--critical {
    background-color: #c70610;
    color: #fff
}

.service-message--critical a {
    background-color: #c70610;
    color: #fff
}

.service-message--warning {
    background-color: #f8e71c;
    color: #000
}

.service-message--warning a {
    background-color: #f8e71c;
    color: #000
}

.service-message--t-bg-color-1 {
    background-color: #3f4346;
    color: #fff
}

.service-message--t-bg-color-1 a {
    background-color: #3f4346;
    color: #fff
}

.service-message--t-bg-color-2 {
    background-color: #6c757b;
    color: #fff
}

.service-message--t-bg-color-2 a {
    background-color: #6c757b;
    color: #fff
}

.service-message--t-bg-color-3 {
    background-color: #fff1b5;
    color: #000
}

.service-message--t-bg-color-3 a {
    background-color: #fff1b5;
    color: #000
}

.service-message--t-bg-color-4 {
    background-color: #fedd46;
    color: #000
}

.service-message--t-bg-color-4 a {
    background-color: #fedd46;
    color: #000
}

.service-message--t-bg-color-gray {
    background-color: #f2f2f2;
    color: #242424
}

.service-message--t-bg-color-gray a {
    background-color: #f2f2f2;
    color: #242424
}

.single-field-form__fieldwrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.single-field-form__fieldwrap-field {
    flex-grow: 1
}

.single-field-form__fieldwrap-submit {
    align-self: flex-start;
    padding-top: 24px
}

.single-field-form__button {
    background: none;
    display: inline-block;
    padding: 0;
    border: none;
    cursor: pointer;
    overflow: hidden;
    height: 35px
}

.single-field-form__button:disabled {
    opacity: .6;
    filter: grayscale(100%);
    pointer-events: none
}

.skeleton-loader {
    height: 0.625rem;
    border-radius: 0.125rem;
    display: block;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-name: blink
}

.skeleton-loader__Full {
    width: 7.125rem
}

.skeleton-loader__ThreeQuarters {
    width: 5.375rem
}

.skeleton-loader__Half {
    width: 3.5625rem
}

.skeleton-loader__OneQuarter {
    width: 1.8125rem
}

@keyframes blink {
    0%,88%,100% {
        background: linear-gradient(90deg, #ccc 0%, #ccc 23.97%, #ccc 48.61%, #ccc 75.35%, #ccc 100%)
    }

    8% {
        background: linear-gradient(90deg, rgba(204, 204, 204, 0.4) 0%, rgba(204, 204, 204, 0.6) 23.97%, rgba(204, 204, 204, 0.8) 48.61%, #ccc 75.35%, #ccc 100%)
    }

    16% {
        background: linear-gradient(90deg, rgba(204, 204, 204, 0.2) 0%, rgba(204, 204, 204, 0.4) 23.97%, rgba(204, 204, 204, 0.6) 48.61%, rgba(204, 204, 204, 0.8) 75.35%, #ccc 100%)
    }

    24% {
        background: linear-gradient(90deg, rgba(204, 204, 204, 0.4) 0%, rgba(204, 204, 204, 0.2) 23.97%, rgba(204, 204, 204, 0.4) 48.61%, rgba(204, 204, 204, 0.6) 75.35%, rgba(204, 204, 204, 0.8) 100%)
    }

    32% {
        background: linear-gradient(90deg, rgba(204, 204, 204, 0.6) 0%, rgba(204, 204, 204, 0.4) 23.97%, rgba(204, 204, 204, 0.2) 48.61%, rgba(204, 204, 204, 0.4) 75.35%, rgba(204, 204, 204, 0.6) 100%)
    }

    40% {
        background: linear-gradient(90deg, rgba(204, 204, 204, 0.8) 0%, rgba(204, 204, 204, 0.6) 23.97%, rgba(204, 204, 204, 0.4) 48.61%, rgba(204, 204, 204, 0.2) 75.35%, rgba(204, 204, 204, 0.4) 100%)
    }

    48% {
        background: linear-gradient(90deg, #ccc 0%, rgba(204, 204, 204, 0.8) 23.97%, rgba(204, 204, 204, 0.6) 48.61%, rgba(204, 204, 204, 0.4) 75.35%, rgba(204, 204, 204, 0.2) 100%)
    }

    56% {
        background: linear-gradient(90deg, #ccc 0%, #ccc 23.97%, rgba(204, 204, 204, 0.8) 48.61%, rgba(204, 204, 204, 0.6) 75.35%, rgba(204, 204, 204, 0.4) 100%)
    }

    64% {
        background: linear-gradient(90deg, #ccc 0%, #ccc 23.97%, #ccc 48.61%, rgba(204, 204, 204, 0.8) 75.35%, rgba(204, 204, 204, 0.6) 100%)
    }

    72% {
        background: linear-gradient(90deg, #ccc 0%, #ccc 23.97%, #ccc 48.61%, rgba(204, 204, 204, 0.8) 75.35%, rgba(204, 204, 204, 0.6) 100%)
    }

    80% {
        background: linear-gradient(90deg, #ccc 0%, #ccc 23.97%, #ccc 48.61%, #ccc 75.35%, rgba(204, 204, 204, 0.8) 100%)
    }
}

.sort-button-tooltip {
    max-width: 100%;
    background: rgba(0,0,0,0);
    font-size: inherit;
    border: none;
    color: #6e6e6e;
    cursor: pointer;
    line-height: 0.8125rem;
    vertical-align: middle;
    position: relative
}

.sort-button-tooltip:after {
    bottom: -7px;
    content: "";
    display: block;
    border: 1px solid rgba(0,0,0,0);
    left: -7px;
    position: absolute;
    right: -7px;
    top: -7px
}

.sort-button-tooltip:hover {
    color: #3f4346
}

.sort-button-tooltip:hover .sort-button-tooltip__tooltip-container .icon {
    fill: #3f4346
}

.sort-button-tooltip--is-active {
    color: #3f4346
}

.sort-button-tooltip--is-active .sort-button-tooltip__label:before,.sort-button-tooltip--is-active .sort-button-tooltip__label:after {
    color: rgba(36,36,36,.2)
}

.sort-button-tooltip--is-active .sort-button-tooltip__recon:before,.sort-button-tooltip--is-active .sort-button-tooltip__recon:after {
    color: rgba(36,36,36,.2)
}

.sort-button-tooltip--is-active.sort-button-tooltip--asc .sort-button-tooltip__label:after {
    color: #3f4346
}

.sort-button-tooltip--is-active.sort-button-tooltip--asc .sort-button-tooltip__recon:after {
    color: #3f4346
}

.sort-button-tooltip--is-active.sort-button-tooltip--desc .sort-button-tooltip__label:before {
    color: #3f4346
}

.sort-button-tooltip--is-active.sort-button-tooltip--desc .sort-button-tooltip__recon:before {
    color: #3f4346
}

.sort-button-tooltip__label {
    position: relative;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.6875rem;
    letter-spacing: 0.034375rem;
    display: flex;
    float: right;
    overflow: visible;
    margin-top: 4px
}

.sort-button-tooltip__label:before,.sort-button-tooltip__label:after {
    color: currentColor;
    content: "▲";
    display: block;
    font-size: 6.5px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 0;
    width: 7px;
    transform: translateY(-50%)
}

.sort-button-tooltip__label:after {
    content: "▼";
    transform: translateY(50%)
}

.sort-button-tooltip__label .sort-button-tooltip__tooltip-container {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0 16px 0 6.4px
}

.sort-button-tooltip__label .sort-button-tooltip__tooltip-container .tooltip-label {
    width: 300px;
    white-space: normal;
    text-align: left;
    overflow: visible;
    text-transform: none
}

.sort-button-tooltip__label .sort-button-tooltip__tooltip-container--is-inactive .icon {
    fill: #6e6e6e
}

.sort-button-tooltip__label .sort-button-tooltip__tooltip-container--is-active .icon {
    fill: #3f4346
}

.sort-button-tooltip__label .sort-button-tooltip__tooltip-container:hover .tooltip {
    opacity: 1
}

.sort-button {
    max-width: 100%;
    background: rgba(0,0,0,0);
    font-size: inherit;
    border: none;
    color: #6e6e6e;
    cursor: pointer;
    line-height: 0.8125rem;
    vertical-align: middle;
    padding: 0;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none
}

.sort-button:after {
    bottom: -7px;
    content: "";
    display: block;
    border: 1px solid rgba(0,0,0,0);
    left: -7px;
    position: absolute;
    right: -7px;
    top: -7px
}

.sort-button:hover {
    color: #3f4346
}

.sort-button--is-active {
    color: #3f4346
}

.sort-button--is-active .sort-button__label:before,.sort-button--is-active .sort-button__label:after {
    color: rgba(36,36,36,.2)
}

.sort-button--is-active .sort-button__recon:before,.sort-button--is-active .sort-button__recon:after {
    color: rgba(36,36,36,.2)
}

.sort-button--is-active.sort-button--asc .sort-button__label:after {
    color: #3f4346
}

.sort-button--is-active.sort-button--asc .sort-button__recon:after {
    color: #3f4346
}

.sort-button--is-active.sort-button--desc .sort-button__label:before {
    color: #3f4346
}

.sort-button--is-active.sort-button--desc .sort-button__recon:before {
    color: #3f4346
}

.sort-button__label {
    position: relative;
    display: block;
    padding: 0rem 1rem 0.125rem 0rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.034375rem
}

.sort-button__label:before,.sort-button__label:after {
    color: currentColor;
    content: "▲";
    display: block;
    font-size: 6.5px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 0;
    width: 7px;
    transform: translateY(-50%)
}

.sort-button__label:after {
    content: "▼";
    transform: translateY(50%)
}

div.sorting-modal__overlay {
    z-index: 9001
}

.sorting-modal__top {
    text-align: center;
    padding: 16px;
    max-width: 520px;
    margin: 0 auto
}

@media screen and (min-width: 640px) {
    .sorting-modal__top {
        padding:16px 48px 0;
        width: 520px
    }
}

.ebank-load-spinner--fillHeight {
    padding-top: 120px;
    padding-bottom: 120px
}

@keyframes anim-ebankSpinnerPart1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes anim-ebankSpinnerPart2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(19px, 0)
    }
}

@keyframes anim-ebankSpinnerPart3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes anim-ebankSpinnerSmallPart2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(6px, 0)
    }
}

.ebank-load-spinner__parts {
    display: block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: auto
}

.ebank-load-spinner--small .ebank-load-spinner__parts {
    width: 16px;
    height: 15px
}

.ebank-load-spinner__part1,.ebank-load-spinner__part2,.ebank-load-spinner__part3,.ebank-load-spinner__part4 {
    content: "";
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #3f4346;
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.ebank-load-spinner--invert .ebank-load-spinner__part1,.ebank-load-spinner--invert .ebank-load-spinner__part2,.ebank-load-spinner--invert .ebank-load-spinner__part3,.ebank-load-spinner--invert .ebank-load-spinner__part4 {
    background: #fff
}

.ebank-load-spinner--currentColor .ebank-load-spinner__part1,.ebank-load-spinner--currentColor .ebank-load-spinner__part2,.ebank-load-spinner--currentColor .ebank-load-spinner__part3,.ebank-load-spinner--currentColor .ebank-load-spinner__part4 {
    background: currentColor
}

.ebank-load-spinner--small .ebank-load-spinner__part1,.ebank-load-spinner--small .ebank-load-spinner__part2,.ebank-load-spinner--small .ebank-load-spinner__part3,.ebank-load-spinner--small .ebank-load-spinner__part4 {
    top: 10px;
    width: 3px;
    height: 3px
}

.ebank-load-spinner__part1 {
    left: 6px;
    animation: anim-ebankSpinnerPart1 .6s infinite
}

.ebank-load-spinner__part2 {
    left: 6px;
    animation: anim-ebankSpinnerPart2 .6s infinite
}

.ebank-load-spinner__part3 {
    left: 26px;
    animation: anim-ebankSpinnerPart2 .6s infinite
}

.ebank-load-spinner__part4 {
    left: 45px;
    animation: anim-ebankSpinnerPart3 .6s infinite
}

.ebank-load-spinner--small .ebank-load-spinner__part1 {
    left: 6px;
    animation: anim-ebankSpinnerPart1 .6s infinite
}

.ebank-load-spinner--small .ebank-load-spinner__part2 {
    left: 6px;
    animation: anim-ebankSpinnerSmallPart2 .6s infinite
}

.ebank-load-spinner--small .ebank-load-spinner__part3 {
    left: 12px;
    animation: anim-ebankSpinnerSmallPart2 .6s infinite
}

.ebank-load-spinner--small .ebank-load-spinner__part4 {
    left: 18px;
    animation: anim-ebankSpinnerPart3 .6s infinite
}

.ebank-load-spinner__message {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    padding: 0 16px
}

@keyframes rotation-animation {
    0% {
        transform: rotate(0) scale(0.3);
        opacity: .5
    }

    50% {
        transform: rotate(180deg) scale(1);
        opacity: 1
    }

    100% {
        transform: rotate(360deg) scale(0.3);
        opacity: .5
    }
}

.load-spinner {
    position: relative;
    width: 7em;
    height: 7em;
    margin: 0 auto;
    will-change: transform;
    z-index: 1;
    border: 1px solid rgba(0,0,0,0);
    transform: scale(0.9)
}

.load-spinner.load-spinner--small {
    transform: scale(0.5)
}

.load-spinner__part1,.load-spinner__part2 {
    display: block;
    position: absolute;
    width: 40%;
    height: 40%;
    top: -10%;
    left: 30%;
    animation-duration: 2s;
    animation-name: rotation-animation;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: bottom center;
    transform: rotate(0) scale(0.3);
    opacity: 0;
    border: 1px solid rgba(0,0,0,0)
}

.load-spinner__part2 {
    animation-delay: 1s
}

.load-spinner__part1:after,.load-spinner__part2:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #3f4346;
    position: absolute;
    border-radius: 50%;
    bottom: 2em
}

.load-spinner--invert .load-spinner__part1:after,.load-spinner--invert .load-spinner__part2:after {
    background-color: #fff
}

.submit-spinner {
    background: #fedd46;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative
}

.submit-spinner.submit-spinner--small {
    width: 25px;
    height: 25px
}

.submit-spinner.submit-spinner--small .submit-spinner__svg {
    transform-origin: 0 0;
    transform: scale(0.5)
}

.submit-spinner.submit-spinner--medium {
    width: 35px;
    height: 35px
}

.submit-spinner.submit-spinner--medium .submit-spinner__svg {
    transform-origin: 0 0;
    transform: scale(0.7)
}

.submit-spinner.submit-spinner--large {
    width: 75px;
    height: 75px
}

.submit-spinner.submit-spinner--large .submit-spinner__svg {
    transform-origin: -39px -39px;
    transform: scale(1.2)
}

.submit-spinner.submit-spinner--light {
    box-shadow: 0 0 13px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.05);
    background: #000
}

.submit-spinner.submit-spinner--transparent {
    background: rgba(0,0,0,0)
}

.submit-spinner__svg {
    shape-rendering: auto;
    stroke-width: 2px;
    will-change: auto
}

.submit-spinner__path {
    fill: rgba(0,0,0,0);
    stroke: rgba(0,0,0,0);
    stroke-linecap: round;
    stroke-dasharray: 0px;
    stroke-dashoffset: 0px;
    stroke-dasharray: 136px 208px;
    stroke-dashoffset: 136px;
    transition: fill .5s
}

.submit-spinner--isLoading .submit-spinner__path {
    stroke: #000
}

.submit-spinner--frame1 .submit-spinner__path {
    stroke-dasharray: 136px 208px;
    stroke-dashoffset: 0px;
    transition: all .5s
}

.submit-spinner--frame2 .submit-spinner__path {
    stroke-dasharray: 0px 208px;
    stroke-dashoffset: -136px;
    transition: all .5s
}

.submit-spinner--light .submit-spinner__path {
    stroke: #fedd46
}

.submit-spinner--inheritColor .submit-spinner__path {
    stroke: currentColor
}

.submit-spinner--success .submit-spinner__path {
    stroke-dashoffset: -165px;
    stroke-dasharray: 43px 165 px;
    transition: all .8s
}

.submit-spinner__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    transform: translate(-45%, -50%);
    fill: #fff;
    transition: opacity .25s;
    opacity: 1
}

.submit-spinner--success .submit-spinner__icon {
    opacity: 0
}

.submit-spinner--isLoading .submit-spinner__icon {
    opacity: 0
}

.submit-spinner--small .submit-spinner__icon,.submit-spinner--medium .submit-spinner__icon,.submit-spinner--large .submit-spinner__icon {
    width: 16px;
    height: 16px
}

.submit-spinner--light .submit-spinner__icon {
    fill: #fedd46
}

.submit-spinner--inheritColor .submit-spinner__icon {
    fill: currentColor
}

@keyframes text-spinner-fade-ANIM {
    0% {
        opacity: .2
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

.text-spinner {
    position: relative;
    display: inline-block;
    min-height: 1em;
    min-height: 1.2em;
    min-width: 6em;
    vertical-align: sub
}

.text-spinner.text-spinner--fullWidth {
    width: 100%
}

.text-spinner:after {
    content: "";
    display: block;
    position: absolute;
    top: .2em;
    right: .2em;
    bottom: .2em;
    left: .2em;
    background-color: #f0f0f0;
    animation: text-spinner-fade-ANIM 2.5s linear infinite
}

.widget-spinner {
    padding: 10% 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.splash-loader__container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    color: #242424;
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 1;
    visibility: visible;
    transition: all .01s cubic-bezier(0.24, 0.5, 0.22, 0.89)
}

.splash-loader--hidden .splash-loader__container {
    transition: all .5s cubic-bezier(0.24, 0.5, 0.22, 0.89);
    visibility: hidden;
    opacity: 0
}

.step-headline {
    padding: 16px 0;
    font-weight: bold;
    text-align: center
}

.tab-menu-secondary {
    overflow-x: auto;
    overflow-y: visible
}

.tab-menu-secondary__inner {
    display: flex;
    justify-content: space-between;
    position: relative
}

.tab-menu-secondary__inner::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    height: 16px;
    width: calc(100% - 1px)
}

.tab-menu-secondary__button {
    position: relative;
    z-index: 2;
    flex-grow: 1;
    background-color: #3f4346;
    border: none;
    padding: 16px;
    cursor: pointer;
    color: currentColor;
    font-size: 0.75rem;
    border-bottom: 1px solid rgba(0,0,0,.01)
}

.tab-menu-secondary__button--isSelected {
    font-weight: bold;
    color: #242424;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: 0.875rem;
    border-top: 1px solid rgba(0,0,0,.03);
    border-bottom: none
}

.tab-menu-secondary__button--isBeforeSelected {
    border-bottom-right-radius: 12px
}

.tab-menu-secondary__button--isAfterSelected {
    border-bottom-left-radius: 12px
}

.tab-menu-secondary--default {
    background-color: #3f4346;
    color: #fff
}

.tab-menu-secondary--default .tab-menu-secondary__inner::after {
    background-color: #fff
}

.tab-menu-secondary--default .tab-menu-secondary__button {
    background-color: #3f4346;
    color: currentColor
}

.tab-menu-secondary--default .tab-menu-secondary__button--isSelected {
    color: #242424;
    background-color: #fff
}

.tab-menu-secondary--brand-1 {
    background-color: #3f4346;
    color: #fff
}

.tab-menu-secondary--brand-1 .tab-menu-secondary__inner::after {
    background-color: #fff
}

.tab-menu-secondary--brand-1 .tab-menu-secondary__button {
    background-color: #3f4346;
    color: currentColor
}

.tab-menu-secondary--brand-1 .tab-menu-secondary__button--isSelected {
    color: #242424;
    background-color: #fff
}

.tab-menu-secondary--brand-1-dark-1 {
    background-color: #65696b;
    color: #fff
}

.tab-menu-secondary--brand-1-dark-1 .tab-menu-secondary__inner::after {
    background-color: #fff
}

.tab-menu-secondary--brand-1-dark-1 .tab-menu-secondary__button {
    background-color: #65696b;
    color: currentColor
}

.tab-menu-secondary--brand-1-dark-1 .tab-menu-secondary__button--isSelected {
    color: #242424;
    background-color: #fff
}

.tab-menu-secondary--brand-1-dark-2 {
    background-color: #797b7e;
    color: #fff
}

.tab-menu-secondary--brand-1-dark-2 .tab-menu-secondary__inner::after {
    background-color: #fff
}

.tab-menu-secondary--brand-1-dark-2 .tab-menu-secondary__button {
    background-color: #797b7e;
    color: currentColor
}

.tab-menu-secondary--brand-1-dark-2 .tab-menu-secondary__button--isSelected {
    color: #242424;
    background-color: #fff
}

.tab-menu-secondary--investment {
    background-color: #27292b;
    color: #fff
}

.tab-menu-secondary--investment .tab-menu-secondary__inner::after {
    background-color: #fff
}

.tab-menu-secondary--investment .tab-menu-secondary__button {
    background-color: #27292b;
    color: currentColor
}

.tab-menu-secondary--investment .tab-menu-secondary__button--isSelected {
    color: #242424;
    background-color: #fff
}

.tab-menu-secondary--brand-background {
    background-color: #f8f8f8;
    color: #242424
}

.tab-menu-secondary--brand-background .tab-menu-secondary__inner::after {
    background-color: #fff
}

.tab-menu-secondary--brand-background .tab-menu-secondary__button {
    background-color: #f8f8f8;
    color: currentColor
}

.tab-menu-secondary--brand-background .tab-menu-secondary__button--isSelected {
    color: #242424;
    background-color: #fff
}

.tab-menu {
    overflow-x: auto;
    overflow-y: visible
}

.tab-menu__inner {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

.tab-menu__button {
    flex-grow: 1;
    background: none;
    border: none;
    padding: 16px;
    cursor: pointer;
    color: #6e6e6e;
    border-bottom: 1px solid rgba(0,0,0,0);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px
}

.tab-menu__button--isSelected {
    border-bottom: 1px solid #3f4346;
    color: #3f4346
}

.tab-menu--default .tab-menu__inner {
    border-bottom: 1px solid #e5e5e5
}

.tab-menu--default .tab-menu__button {
    color: #6e6e6e;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.tab-menu--default .tab-menu__button--isSelected {
    border-bottom: 1px solid #3f4346;
    color: #3f4346
}

.tab-menu--brand-1 .tab-menu__inner {
    border-bottom: 1px solid #e5e5e5
}

.tab-menu--brand-1 .tab-menu__button {
    color: #6e6e6e;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.tab-menu--brand-1 .tab-menu__button--isSelected {
    border-bottom: 1px solid #3f4346;
    color: #3f4346
}

.tab-menu--brand-1-dark-1 .tab-menu__inner {
    border-bottom: 1px solid #e5e5e5
}

.tab-menu--brand-1-dark-1 .tab-menu__button {
    color: #6e6e6e;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.tab-menu--brand-1-dark-1 .tab-menu__button--isSelected {
    border-bottom: 1px solid #65696b;
    color: #65696b
}

.tab-menu--brand-1-dark-2 .tab-menu__inner {
    border-bottom: 1px solid #e5e5e5
}

.tab-menu--brand-1-dark-2 .tab-menu__button {
    color: #6e6e6e;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.tab-menu--brand-1-dark-2 .tab-menu__button--isSelected {
    border-bottom: 1px solid #797b7e;
    color: #797b7e
}

.tab-menu--no-border-bottom .tab-menu__inner {
    border-bottom: 0
}

.tab-menu--no-border-bottom .tab-menu__button {
    margin: 0;
    border-bottom: 0
}

.tab-menu--no-border-bottom .tab-menu__button--isSelected {
    border-bottom: 0
}

.table__container--widen {
    margin: 0 -32px
}

.table__container--hasScroll .table-column {
    padding-right: 16px
}

.table__container--hasScroll .table-column:last-of-type {
    padding-right: 0
}

.table__container--hasScrollOverflowing {
    border-right: 1px dashed #f5f5f5;
    padding-bottom: 10px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.table__container--hasScrollOverflowing::-webkit-scrollbar {
    width: 10px;
    height: 0;
    z-index: 12
}

.table__container--hasScrollOverflowing:hover::-webkit-scrollbar {
    height: 8px
}

.table__container--hasScrollOverflowing::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05)
}

.table__container--hasScrollOverflowing::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    background: #3f4346
}

.table__container--hasScrollOverflowing::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.1)
}

.table {
    width: 100%;
    border-collapse: collapse
}

.table .table-row-nested,.table .table-row--hasExpandedSibling {
    background-color: #f8f8f8
}

.table .table-row--hasExpandedSibling>.table-column {
    border-color: rgba(0,0,0,0) !important
}

.table .table-row-nested+.table-row>.table-column {
    border-color: rgba(0,0,0,0) !important
}

.table--small .table-column--hide-small {
    display: none
}

.table--medium .table-column--hide-medium {
    display: none
}

.table--large .table-column--hide-large {
    display: none
}

.table--extraLarge .table-column--hide-extraLarge {
    display: none
}

.table--fixed {
    table-layout: fixed
}

.table--not-visible {
    visibility: hidden
}

.table-body>.table-row>.table-column:not(.table-column--noBorder) {
    border-top: 1px solid #e5e5e5
}

.table-body>.table-row:first-child .table-column:not(.table-column--noBorder) {
    border-top: 1px solid rgba(0,0,0,0)
}

.table--tallRows .table-row {
    height: 80px
}

.table--tallRows .table-head>.table-row {
    height: 48px
}

.table--column-spacing>.table-head>.table-row::before,.table--column-spacing>.table-head>.table-row::after,.table--column-spacing>.table-body>.table-row::before,.table--column-spacing>.table-body>.table-row::after {
    content: "";
    width: 32px;
    display: table-cell
}

.table-column {
    vertical-align: middle
}

.table-column:last-child {
    text-align: right
}

.table-column:first-child {
    text-align: left
}

.table-head .table-column {
    font-size: 0.6875rem;
    text-transform: uppercase;
    color: #6e6e6e;
    letter-spacing: 0.034375rem;
    vertical-align: top
}

.table-column--highlight {
    font-weight: 800
}

.table-column.table-column--no-wrap {
    white-space: nowrap
}

.table-column.table-column--align-right {
    text-align: right
}

.table-column.table-column--align-left {
    text-align: left
}

.table-column--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table-column--noUpperCase {
    text-decoration: none
}

.table-head .table-row {
    height: 32px
}

.table-head .table-row .table-column:not(:empty):not(.table-column--noBorder) {
    border-bottom: 1px solid #bbb
}

.table-head .table-row:hover {
    background-color: rgba(0,0,0,0)
}

.table-row--empty {
    color: #6e6e6e
}

.table-row--empty>.table-column {
    text-align: center;
    font-size: .9rem;
    padding: 1rem
}

.table-row-nested>.table-column {
    padding: .5rem 2rem
}

.table-row {
    height: 48px;
    font-size: 0.8125rem
}

.table-row--hasHover:hover,.table-row--hasHover:focus-within {
    cursor: pointer;
    background-color: #f0f0f0
}

.table-row--hasHover:hover>.table-column,.table-row--hasHover:focus-within>.table-column {
    border-color: rgba(0,0,0,0) !important
}

.table-row--hasHover:hover+.table-row>.table-column,.table-row--hasHover:focus-within+.table-row>.table-column {
    border-color: rgba(0,0,0,0) !important
}

.toggle-button {
    position: relative;
    display: inline-flex
}

.toggle-button--isLabelToggle {
    border: 1px solid #fff;
    border-radius: 0.9375rem
}

.toggle-button-icon-option {
    background: rgba(0,0,0,0);
    border: none;
    color: #242424;
    opacity: .5;
    cursor: pointer
}

.toggle-button-icon-option:hover {
    opacity: 1
}

.toggle-button-icon-option--selected {
    opacity: 1
}

.toggle-button-icon-option--selected .icon {
    fill: currentColor
}

.toggle-button-icon-option__icon {
    margin: 0.5rem;
    position: relative
}

.toggle-button-icon-option__icon svg {
    fill: currentColor;
    width: 1rem;
    height: 1rem
}

.toggle-button-label-option {
    background: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0);
    color: #242424;
    font-size: 0.75rem;
    margin-left: -1px;
    min-width: 3.125rem;
    line-height: 1.875rem;
    white-space: nowrap;
    text-align: center;
    transition: background-color .3s ease;
    cursor: pointer
}

.toggle-button-label-option:hover {
    background: rgba(0,0,0,.06)
}

.toggle-button-label-option__wrapper:first-child .toggle-button-label-option {
    border-radius: 0.9375rem 0 0 0.9375rem
}

.toggle-button-label-option__wrapper:last-child .toggle-button-label-option {
    border-radius: 0 0.9375rem 0.9375rem 0
}

.toggle-button-label-option--selected,.toggle-button-label-option--selected:hover {
    background: #fff
}

.toggle-button-label-option__label {
    padding: 0rem 1rem
}

.tooltip-large-wrapper .tooltip-large {
    width: 300px;
    margin-top: 1rem
}

@media(max-width: 360px) {
    .tooltip-large-wrapper .tooltip-large {
        width:260px
    }
}

.tooltip-large-wrapper .tooltip-pointer {
    position: absolute;
    border: none;
    height: 20px;
    width: 20px;
    background-color: #fff;
    top: 0;
    transform: translateY(-50%) rotate(45deg);
    z-index: 3;
    margin-left: -11px
}

.tooltip-large-wrapper .tooltip-label {
    height: 100%;
    width: 100%;
    z-index: 2;
    position: relative;
    background: #fff;
    color: #242424;
    white-space: normal;
    padding: 20px;
    font-weight: 400;
    line-height: 20px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.1),0 2px 13px 0 rgba(0,0,0,.1),0 4px 4px 0 rgba(0,0,0,.1)
}

.tooltip-large-wrapper--right-label .tooltip-label {
    transform: translateX(35%)
}

.tooltip-large-wrapper--left-label .tooltip-label {
    transform: translateX(-35%)
}

.tooltip-large-wrapper .tooltip-large__icon {
    width: 1rem;
    height: 1rem
}

.tooltip-wrapper {
    position: relative;
    line-height: 1;
    display: inline
}

.tooltip {
    position: absolute;
    margin-top: 0.625rem;
    left: 50%;
    z-index: 900;
    pointer-events: none;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .5s ease
}

.tooltip-wrapper:not(.tooltip--hide):hover .tooltip {
    opacity: 1
}

.tooltip-pointer {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -3px;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #242424 rgba(0,0,0,0)
}

.tooltip-label {
    display: block;
    background: #242424;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    padding: 0.4375rem;
    white-space: nowrap
}

.tooltip-wrapper--left .tooltip {
    left: auto;
    right: 100%;
    transform: translate(-10px, -50%);
    margin-top: 0;
    top: 50%
}

.tooltip-wrapper--left .tooltip-pointer {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 0;
    transform: translateY(-50%);
    border-width: 5px 0px 5px 5px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #242424
}

.tooltip-wrapper--right .tooltip {
    right: auto;
    left: 100%;
    transform: translate(10px, -50%);
    margin-top: 0;
    top: 50%
}

.tooltip-wrapper--right .tooltip-pointer {
    position: absolute;
    top: 50%;
    right: 100%;
    left: auto;
    margin-left: 0;
    transform: translateY(-50%);
    border-width: 5px 5px 5px 0px;
    border-color: rgba(0,0,0,0) #242424 rgba(0,0,0,0) rgba(0,0,0,0)
}

.tooltip-wrapper--above .tooltip {
    margin-top: 0;
    top: -250%
}

.tooltip-wrapper--above .tooltip-pointer {
    top: 100%;
    transform: translateY(-10%);
    border-width: 5px 5px 0 5px;
    border-color: #242424 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.value-label {
    font-size: 0.8125rem;
    display: inline-flex;
    padding: 3.2px 8px;
    border-radius: 0.1875rem;
    font-weight: bold
}

.value-label__amount {
    display: inline-flex;
    gap: 4px
}

.value-label span {
    font-weight: normal
}

.value-label--decremental {
    color: #0a603c;
    background-color: #dff1ea
}

.value-label--incremental {
    color: #9d0911;
    background-color: #f8d7d8
}

.unsigned-documents {
    padding-top: 32px;
    padding-bottom: 32px
}

.unsigned-documents--no-documents {
    display: flex;
    flex-direction: column;
    align-items: center
}

.unsigned-documents--bulk-menu-visible {
    padding-bottom: 0
}

.unsigned-documents__bulk-selection {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 16px 32px
}

.unsigned-documents__selection-overview {
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 640px) {
    .unsigned-documents__selection-overview {
        display:none
    }
}

.unsigned-documents__number-of-selected-cases {
    margin-right: 16px
}

.unsigned-documents__selection-count {
    flex-shrink: 0
}

.document-signing-receipt {
    display: flex;
    flex-flow: column;
    align-items: center
}

.document-signing-receipt--header {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 32px;
    width: 100%
}

.document-signing-receipt--body {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%
}

.document-signing-receipt__circle {
    height: 110px;
    width: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    padding: 30px;
    margin: 64px 0 32px
}

.document-signing-receipt__message {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0 64px;
    line-height: 1;
    text-align: center
}

.document-signing-receipt__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fafafa;
    padding: 0 32px
}

.document-signing-receipt__group {
    padding: 16px 0
}

.document-signing-receipt__group-separator {
    border-bottom: 1px solid #e5e5e5
}

.document-signing-receipt__group-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.document-signing-receipt__group-button svg {
    height: 16px
}

.document-signing-receipt__group-single-receipt {
    display: flex;
    flex-direction: column;
    padding: 16px 0
}

.document-signing-receipt__group-single-receipt+.payment-receipt__bundle-single-receipt {
    border-top: 1px solid #e5e5e5
}

.unsigned-documents-row__checkbox {
    vertical-align: middle
}

.user-access-accounts .user-access-accounts__permission-column {
    text-align: center
}

.user-access-accounts .user-access-accounts__permission-column>* {
    display: inline-block
}

.user-access-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 32px;
    padding-bottom: 80px
}

@media screen and (max-width: 359px) {
    .user-access-header {
        flex-direction:column
    }
}

.user-access-header__icon {
    margin-right: 16px
}

.user-access-header__name {
    padding-right: 16px;
    margin: 0 0 0.625rem;
    font-size: 1.5rem;
    line-height: 2.5rem
}

.user-access-header__meta {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

.user-access-header__meta-item {
    font-size: 0.8125rem
}

.user-access-header__meta-item span {
    display: inline-block
}

.user-access-header__meta-item>span:first-of-type {
    text-transform: uppercase;
    margin-right: 16px;
    width: 80px;
    font-size: 0.6875rem
}

.user-access-header__meta-item>span:last-of-type {
    text-align: left
}

.user-access-header__cpr {
    text-transform: lowercase
}

.user-access-permission-groups__permission-list {
    margin: 0;
    padding: 0
}

.user-access-permission-groups__permission-list li {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.user-access-permission-groups__permission-item {
    border-top: 1px solid #e5e5e5
}

.user-access-permission-groups__permission-item:first-of-type {
    border-top: 1px solid rgba(0,0,0,0)
}

.user-access-permission-groups__permission-content {
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    align-items: center
}

.user-access-permission-groups__permission-checkmark {
    margin-right: 16px
}

.user-access-permission-groups__permission-name {
    font-weight: bold
}

.user-access-permission-groups__group {
    padding: 16px 0;
    position: relative
}

.user-access-permission-groups__group:first-of-type {
    padding-top: 0
}

.user-access-permission-groups__group:nth-of-type(even):after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: -64px;
    bottom: 0;
    left: -64px;
    background-color: #fafafa
}

.user-access-permission-groups__group>* {
    position: relative;
    z-index: 2
}

.user-access {
    margin: 16px 0
}

.user-access .user-access__top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: #f8f8f8
}

.user-access .user-access__tabs-container {
    position: relative;
    z-index: 5;
    background-color: #f8f8f8;
    box-shadow: 0 0 1px rgba(0,0,0,.01) inset
}

.user-access .user-access__tabs-inner-wrap {
    max-width: 700px;
    margin: -47px 0 0
}

.user-access .user-access__other-accounts {
    background-color: #f8f8f8
}

.user-access .user-access__permissions {
    overflow-x: hidden;
    padding-bottom: 0
}

.user-list__headline {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.user-list-company__users {
    margin-bottom: 16px
}

.user-list-company__users a {
    text-decoration: none;
    color: inherit
}

.user-list-company__users:last-child {
    margin-bottom: 0
}

.user-list-company__table-title {
    font-size: 12px;
    font-weight: bold
}

.user-list-row__social-security-number {
    text-transform: lowercase
}

.user-info__submit-button {
    margin-top: 24px
}

.user-info__warning {
    margin-top: 16px;
    display: flex;
    align-items: flex-start;
    line-height: 1.125rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #6e6e6e
}

.user-info__warning-icon {
    max-width: 20px;
    margin-right: 8px
}

.user-info__phone-number {
    display: flex;
    align-items: end
}

.user-info__phone-number .user-info__phone-number-prefix {
    width: 48px
}

.user-info__phone-number .user-info__phone-number-prefix .form-control__content>:last-child {
    position: absolute;
    width: -webkit-max-content;
    width: max-content
}

.user-info__phone-number .user-info__phone-number-number .form-control__content>:last-child {
    position: absolute;
    display: none
}

.user-info__phone-number .user-info__phone-number-number-with-warning .form-control__content>:last-child {
    position: absolute;
    display: inline
}

.user-info__phone-number-extra-margin {
    margin-bottom: 16px
}

.verify-user-info__title {
    font-weight: 700;
    line-height: 1.1875rem;
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
    font-size: 1rem
}

.verify-user-info__fields-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: auto;
    width: 33%;
    padding-top: 1.25rem
}

.verify-user-info__label {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.9rem;
    color: #6e6e6e;
    margin-top: 1.25rem
}

.verify-user-info__field {
    font-weight: 400;
    line-height: 1.1875rem
}

.verify-user-info__field-email {
    margin-bottom: 1.875rem
}

.verify-user-info__button {
    font-size: 1rem
}

.view-pin__countdown {
    position: absolute;
    left: 16px;
    margin-top: 5px
}

.view-pin__disclaimer {
    margin-top: 32px;
    margin-bottom: 16px
}

.view-pin__pin-code,.view-pin__pin-code-label {
    text-align: center
}

@keyframes bounce {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }
}

.view-pin--is-loading .view-pin__pin-code span {
    animation-name: bounce;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    transform-origin: center
}

.view-pin--is-loading .view-pin__pin-code span:nth-child(0) {
    animation-delay: 0s
}

.view-pin--is-loading .view-pin__pin-code span:nth-child(1) {
    animation-delay: 0.125s
}

.view-pin--is-loading .view-pin__pin-code span:nth-child(2) {
    animation-delay: 0.25s
}

.view-pin--is-loading .view-pin__pin-code span:nth-child(3) {
    animation-delay: 0.375s
}

.view-pin--is-loading .view-pin__pin-code span:nth-child(4) {
    animation-delay: 0.5s
}

.view-pin__pin-code {
    margin-top: 16px;
    font-size: 1.875rem;
    font-weight: 900;
    letter-spacing: 0.5rem
}

.view-pin__pin-code span {
    position: relative;
    display: inline-block;
    letter-spacing: 0;
    margin: 0 0.25rem
}

.view-pin__pin-code-label {
    margin-top: 32px
}