@charset "UTF-8";
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.start-of-theme-achmea-apf {
    color: #346ece;
}
*,:after, :before {
    box-sizing: border-box;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header,hgroup, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    text-decoration: none;
}
ins,
mark {
    background-color: #ff9;
    color: #000;
}
mark {
    font-style: italic;
    font-weight: 700;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
h1 {
    font-family: Plastic Sans, sans-serif;
    line-height: 1.2;
    color: inherit;
    font-size: 30px !important;
    margin-bottom: 10px;
}
@media (min-width: 959px) {
    h1 {
        font-size: 44px !important;
        margin-bottom: 15px;
    }
}
h2 {
    font-family: Plastic Sans, sans-serif;
    line-height: 1.2;
    color: inherit;
    font-size: 20px !important;
    margin-bottom: 10px;
    color: #ff0;
}
@media (min-width: 959px) {
    h2 {
        font-size: 26px !important;
    }
}
h3 {
    font-family: Plastic Sans, sans-serif;
    line-height: 1.2;
    color: inherit;
    font-size: 20px !important;
    margin-bottom: 10px;
    font-weight: 600 !important;
}
@media (min-width: 959px) {
    h3 {
        font-size: 22px !important;
    }
}
h4 {
    font-size: 0.875rem;
    margin-bottom: 5px;
}
h4, h5 {
    font-family: Plastic Sans, sans-serif;
    line-height: 1.2;
    color: inherit;
}
h5 {
    font-size: 0.5rem;
}
h6 {
    font-family: Plastic Sans, sans-serif;
    line-height: 1.2;
    color: inherit;
    font-size: 0.275rem;
}
.full-width {
    width: 100%;
}
.inline {
    display: inline-block;
}
.border-bottom {
    border-bottom: 1px solid #f5f5f5;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.align-bottom {
    position: absolute;
    bottom: 0;
}
main {
    margin-bottom: 50px;
}
.h1, .h2, .h3, .h5, .h6, h1, h2, h3, h5, h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.5;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
}
.h1, h1 {
    color: #be321a;
    font-size: 2.75em;
    font-family: Agenda bold;
}
.h2, h2 {
    color: #be321a;
    font-weight: 400;
}
.h2, .h3, h2, h3 {
    font-size: 1.5625em;
}
.h3, h3 {
    color: #125ba2;
}
.h3.lees-meer #toggle, h3.lees-meer #toggle {
    border-bottom: 1px dashed #125ba2;
}
.h3.lees-meer #toggle:hover, h3.lees-meer #toggle:hover {
    text-decoration: none !important;
    border-bottom: 1px solid #125ba2;
}
.h3.primary-color, h3.primary-color {
    color: #be321a !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
}
.h4, h4 {
    color: #333;
    font-family: Open Sans;
    font-size: 100%;
    font-weight: 600;
    line-height: 22px;
    font-family: Arial;
}
.h4.spacing-bottom, h4.spacing-bottom {
    margin-bottom: 22px;
}
.h4.primary-color, h4.primary-color {
    color: #be321a !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.h4.secondary, h4.secondary {
    color: #125ba2 !important;
}
.h4.large, h4.large {
    font-size: 24px;
}
.h5, h5 {
    color: #333;
    font-size: 1.25em;
}
.h6, h6 {
    color: #333;
    font-size: 0.8em;
    margin-bottom: 0;
}
.heading-margin {
    margin-top: 10px;
}
.panel-alternative-title, p {
    color: #333;
}
p {
    font-size: 1pc;
    margin: 0 0 20px;
}
p.titel-tekst {
    color: #333;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 700;
    font-family: Arial;
}
p.titel-tekst.zero-margin {
    margin-bottom: 0;
    font-weight: 600;
}
p.withBorder {
    padding-bottom: 25px;
    border-bottom: 1px solid #d8d8d8;
}
.subParagraph {
    color: #333;
    font-size: 9pt;
}
.semiBold {
    font-weight: 600;
}
.list-heading {
    color: #be321a;
    font-size: 1.25em;
}
p.header-bold {
    color: #be321a;
    font-size: 18px;
    margin-bottom: 0;
}
p.description, p.header-bold {
    font-weight: 700;
}
p.form-text {
    color: #333;
    font-size: 1.25em;
    margin-top: 30px;
    margin-bottom: 30px;
}
.checkbox-no-text {
    margin-top: 4px;
}
a.single-line {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}
a {
    color: #125ba2;
    cursor: pointer;
}
nav a {
    text-decoration: none;
}
a.accordion-toggle:hover {
    color: inherit;
}
.primary {
    color: #be321a;
    fill: #be321a;
}
.secondary {
    color: #125ba2;
    fill: #125ba2;
}
.primer {
    color: #333;
    fill: #333;
}
.success {
    color: #be321a;
    fill: #be321a;
}
.info {
    color: #000;
    fill: #000;
}
.warning {
    color: #ec6316;
    fill: #ec6316;
}
.error {
    color: #f80;
    fill: #f80;
}
.white {
    color: #fff;
    fill: #fff;
}
.grey {
    color: #666 !important;
    fill: #666 !important;
}
.darkgreen, .lightgreen {
    color: #000;
    fill: #000;
}
.icon-color {
    color: #125ba2;
    fill: #125ba2;
}
.stroke-icon-color {
    stroke: #125ba2;
}
.icon-color select {
    color: #125ba2;
}
.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: Open Sans;
    font-size: 15px;
    line-height: 21px;
}
body, body p {
    color: #333;
}
.h1, .h2, .h3, .h5, .h6, .list-heading, h1, h2, h3, h5, h6, p.header-bold {
    font-family: Plastic Sans;
}
.h1, .h2, .h3, .h5, .h6, .list-heading, body, h1, h2, h3, h5, h6, p.header-bold {
    font-family: Arial;
}
.h1 h1, .h2 h1, .h3 h1, .h5 h1, .h6 h1, .list-heading h1, body h1, h1 h1, h2 h1, h3 h1, h5 h1, h6 h1, p.header-bold h1 {
    font-family: Agenda bold;
}
.h1 h2, .h1 h4, .h2 h2, .h2 h4, .h3 h2, .h3 h4, .h5 h2, .h5 h4, .h6 h2, .h6 h4, .list-heading h2, .list-heading h4, body h2, body h4, h1 h2, h1 h4, h2 h2, h2 h4, h3 h2, h3 h4, h5 h2, h5 h4, h6 h2, h6 h4, p.header-bold h2, p.header-bold h4 {
    color: #333;
}
.h1 h3, .h2 h3, .h3 h3, .h5 h3, .h6 h3, .list-heading h3, body h3, h1 h3, h2 h3, h3 h3, h5 h3, h6 h3, p.header-bold h3 {
    color: #be321a;
}
a.pensioen-bij {
    font-size: 1 em;
    font-size: 0.78em;
    font-weight: 400;
    font-family: Open Sans;
}
.flag-welcome {
    margin-left: 0;
}
select::-ms-expand {
    display: none;
}
.accordion-lvl1 label {
    margin: 0;
}
.accordion-content {
    line-height: 26px;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 15px;
    transition: transform 0.25s ease, margin 0.25s ease, opacity 0.4s ease;
    transition: transform 0.25s ease, margin 0.25s ease, opacity 0.4s ease, -webkit-transform 0.25s ease;
}
.accordion-content p {
    margin: 0;
}
.accordion-content .svg-fill {
    fill: #125ba2;
}
.accordion-content .svg-stroke {
    stroke: #125ba2;
}
.accordion-content .no-border-bottom {
    border-bottom: none;
}
ul.accordion-lvl1 {
    list-style: none;
    perspective: 900;
    padding: 0;
}
ul.accordion-lvl1 h3 {
    color: #125ba2;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul.accordion-lvl1 li {
    position: relative;
    padding: 0;
    margin: 0 0 15px;
}
ul.accordion-lvl1 li label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #e5edfd;
    border: 1px solid #60a7ed;
}
ul.accordion-lvl1 li label i {
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: flex-end;
    width: 15px;
    height: 15px;
    margin: 0 5px;
}
ul.accordion-lvl1 li label i:after,
ul.accordion-lvl1 li label i:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: #125ba2;
    width: 3px;
    height: 14px;
}
ul.accordion-lvl1 li label i:before {
    transform: translate(-4px, 0) rotate(45deg);
}
ul.accordion-lvl1 li label i:after {
    transform: translate(4px, 0) rotate(-45deg);
}
ul.accordion-lvl1 li:last-of-type {
    padding-bottom: 0;
}
ul.accordion-lvl1 li input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    z-index: -11;
    opacity: 0;
}
ul.accordion-lvl1 li input[type="checkbox"]:checked ~ label i:before {
    transform: translate(4px, 0) rotate(45deg);
}
ul.accordion-lvl1 li input[type="checkbox"]:checked ~ label i:after {
    transform: translate(-4px, 0) rotate(-45deg);
}
ul.accordion-lvl1 li input[type="checkbox"]:checked ~ div.accordion-content {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%);
}
ul.accordion-lvl1 li p {
    position: relative;
    margin: 0;
}
ul.accordion-lvl2 {
    list-style: none;
    margin-top: 15px;
    opacity: 1;
    transform: translate(0, 0);
}
ul.accordion-lvl2 li label {
    background-color: #fff;
    border: 1px solid #be321a;
}
ul.accordion-lvl2 li label h3 {
    color: #be321a;
}
ul.accordion-lvl2 li label i:after, ul.accordion-lvl2 li label i:before {
    background-color: #be321a;
}
ul.accordion-lvl2 .accordion-content {
    padding-left: 15px;
}
.lvl2-intro {
    margin: 10px 0 0;
    color: #be321a;
}
.doc-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid #d8d8d8;
    -ms-flex-align: center;
    align-items: center;
}
.doc-row h4 {
    margin: 20px 0 10px;
    padding: 0 10px;
    color: #125ba2;
}
.doc-row h4:nth-child(1) {
    width: 50px;
}
.doc-row h4:nth-child(2) {
    -ms-flex: 1;
    flex: 1;
}
.doc-row h4:nth-child(4) {
    color: #125ba2;
    width: 40px;
}
.doc-row span {
    padding: 15px 10px;
}
.doc-row span:nth-child(1) {
    width: 50px;
}
.doc-row span:nth-child(2) {
    -ms-flex: 1;
    flex: 1;
}
.doc-row:last-of-type {
    border-bottom: none;
}
.doc-row.new {
    position: relative;
    font-weight: 700;
}
.doc-row.new:after {
    content: "";
    position: absolute;
    top: 33px;
    left: 25px;
    background: #d9032a;
    width: 9pt;
    height: 9pt;
    border-radius: 50%;
}
#container {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
#container, #container .highcharts-container {
    display: -ms-flexbox;
    display: flex;
}
#container .highcharts-container .highcharts-root {
    padding: 0 20px;
}
.ondertitel-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    height: 9pt;
}
.ondertitel-wrap:after {
    content: "";
    position: absolute;
    top: 9pt;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #91949b;
    z-index: -10;
}
.ondertitel-wrap .ondertitel {
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    height: 30px;
    white-space: nowrap;
    background: #fff;
}
.pensioen-bij-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0 0;
    padding: 0 6px 15px;
    border-bottom: 1px solid #d8d8d8;
}
.pensioen-bij-row:first-child {
    margin: 0;
}
.pensioen-bij-row.aanvullend {
    border-bottom: none;
}
.pensioen-bij-row.verdeling:first-child {
    margin: 15px 0 0;
}
.pensioen-bij-row .primary-color {
    cursor: default;
}
.pensioen-bij-row .voorwaardennaam {
    padding: 10px 0;
}
.pensioen-bij-row .alleBerekeningen {
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pensioen-bij-row .alleAantallen, .pensioen-bij-row .alleBedragen {
    list-style-type: none;
}
.pensioen-bij-row .alleAantallen li, .pensioen-bij-row .alleBedragen li {
    margin: 0;
}
.pensioen-bij-row .alleAantallen li:first-of-type, .pensioen-bij-row .alleBedragen li:first-of-type {
    font-weight: 700;
    margin-bottom: 5px;
}
.pensioen-bij-row .fondsdetail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
}
.pensioen-bij-row .fondsdetail .chart-inner {
    width: 100%;
    height: 180px;
}
.pensioen-bij-row .fondsdetail .chart-inner .heighcharts-container,
.pensioen-bij-row .fondsdetail .chart-inner .heighcharts-container .highcharts-root {
    height: 180px;
}
.pensioen-bij-row .fondsdetail .grafiek {
    display: -ms-flexbox;
    display: flex;
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving {
    border: 1px solid #d8d8d8;
    font-size: 9pt;
    width: 145px;
    position: relative;
    text-align: left;
    padding: 1px 7px;
    border-radius: 3px;
    margin-right: 0;
    background: transparent;
    color: grey;
    cursor: pointer;
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving:after,
.pensioen-bij-row .fondsdetail .fondsbeschrijving:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: grey;
    width: 2px;
    height: 11px;
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving:before {
    top: 9px;
    right: 15px;
    transform: translate(-4px, 0) rotate(130deg);
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving:after {
    top: 9px;
    right: 15px;
    transform: translate(4px, 0) rotate(45deg);
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving.open {
    border: 1px solid grey;
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving.open:after,
.pensioen-bij-row .fondsdetail .fondsbeschrijving.open:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: grey;
    width: 2px;
    height: 11px;
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving.open:before {
    top: 9px;
    right: 15px;
    transform: translate(-4px, 0) rotate(45deg);
}
.pensioen-bij-row .fondsdetail .fondsbeschrijving.open:after {
    top: 9px;
    right: 15px;
    transform: translate(4px, 0) rotate(135deg);
}
.pensioen-bij-row .fondsdetail .beschrijving {
    display: none;
}
.pensioen-bij-row .fondsdetail .beschrijving.open {
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    display: inline;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.pensioen-bij-row .fondsdetail .beschrijving.open p {
    padding: 10px 0;
}
.pensioen-bij-row .fondsdetail .beschrijving .fonds {
    font-weight: 700;
}
.pensioen-bij-row label {
    padding: 0;
}
.pensioen-bij-row h4 {
    display: inline-block;
    width: 100%;
    color: #333;
    margin-top: 15px;
}
.pensioen-bij-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.pensioen-bij-row .aanvullende-link {
    height: 17px;
    color: #0050f0;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    padding: 0 6px;
    margin-bottom: 4px;
    display: -ms-flexbox;
    display: flex;
}
.pensioen-bij-row .aanvullende-link:before {
    content: "chevron_right";
    font-family: Material Icons;
    text-decoration: none;
    font-size: 19px;
}
.pensioen-bij-row .aanvullende-link span {
    text-decoration: underline;
}
.pensioen-bij-row .aanvullende-link:first-of-type {
    margin-top: 15px;
}
.pensioen-bij-row .externe-link {
    display: -ms-flexbox;
    display: flex;
    height: 17px;
    color: #0050f0;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    padding: 0 6px;
    margin-top: 15px;
    margin-bottom: 4px;
}
.pensioen-bij-row .externe-link:before {
    content: "chevron_right";
    font-family: Material Icons;
    text-decoration: none;
    font-size: 19px;
}
.pensioen-bij-row .externe-link span {
    text-decoration: underline;
}
.pensioen-bij-row .externe-link:after {
    content: "open_in_new";
    margin-left: 5px;
    font-family: Material Icons;
    font-size: 19px;
    font-weight: 400;
    text-decoration: none;
}
.pensioen-bij-row .externe-link:last-of-type {
    margin-bottom: 20px;
}
.pensioen-bij-row .rentemarge h4 {
    margin-top: 25px;
}
.pensioen-bij-row.marge h4 {
    margin-top: 25px;
    white-space: nowrap;
}
.pensioen-bij-row .pb-item-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pensioen-bij-row .pb-item-wrap:first-of-type {
    margin-top: 10px;
}
.pensioen-bij-row .pb-item-wrap:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}
.pensioen-bij-row .pb-item-wrap h4 {
    display: inline;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap {
    display: -ms-flexbox;
    display: flex;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap span {
    padding: 0 10px 0 0;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap span:last-child {
    min-width: 117px;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap a {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 9pt;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap a .details {
    content: "sluiten";
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap .tarieven {
    margin-left: 20px;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap.ul {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap.ul span:last-of-type {
    -ms-flex: 1;
    flex: 1;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap.ul-partner {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.pensioen-bij-row .pb-item-wrap .prijs-wrap.ul-partner span:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.pensioen-bij-row .pb-item-wrap #aanvullende-voorwaarden .small {
    font-size: 9pt;
}
.pensioen-bij-row .pb-item-wrap #detail-text {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.pensioen-bij-row .pb-item-wrap #detail-text label {
    border: 1px solid #be321a;
    background: rgba(190, 50, 26, 0.06);
    font-size: 18px;
    color: #be321a;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    cursor: default;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5px;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie:nth-child(odd) {
    background: rgba(190, 50, 26, 0.06);
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie .detail-bedragen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie .detail-bedragen span {
    white-space: nowrap;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie .detail-bedragen span:first-child {
    width: 125px;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie .detail-bedragen span:last-child {
    width: 90px;
    text-align: right;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie .detail-bedragen.totalen span:first-child {
    width: 175px;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie.verevend-omschrijving {
    margin-top: 10px;
    padding: 15px 5px;
    background: none;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie.verevend {
    background: none;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 5px;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie.verevend p {
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 60%;
}
.pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie.verevend .detail-bedragen.verevend {
    max-width: 40%;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie,
.pensioen-bij-row .pb-item-wrap #tarief-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 15px;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming span,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie span,
.pensioen-bij-row .pb-item-wrap #tarief-text span {
    margin-top: 15px;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming .tarief-item,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie .tarief-item,
.pensioen-bij-row .pb-item-wrap #tarief-text .tarief-item {
    margin-bottom: 15px;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming .tiles.ul,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie .tiles.ul,
.pensioen-bij-row .pb-item-wrap #tarief-text .tiles.ul {
    width: 100%;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming .tiles.ul .tiles-description.ul,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie .tiles.ul .tiles-description.ul,
.pensioen-bij-row .pb-item-wrap #tarief-text .tiles.ul .tiles-description.ul {
    display: -ms-flexbox;
    display: flex;
    border: none;
    border-radius: 15px;
    background: rgba(190, 50, 26, 0.06);
    -ms-flex-direction: column;
    flex-direction: column;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming .tiles.ul .tiles-description.ul .titel-tekst,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie .tiles.ul .tiles-description.ul .titel-tekst,
.pensioen-bij-row .pb-item-wrap #tarief-text .tiles.ul .tiles-description.ul .titel-tekst {
    margin-top: 15px;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming .tiles.ul .tiles-description.ul .titel-tekst:first-of-type,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie .tiles.ul .tiles-description.ul .titel-tekst:first-of-type,
.pensioen-bij-row .pb-item-wrap #tarief-text .tiles.ul .tiles-description.ul .titel-tekst:first-of-type {
    margin-top: 0;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming .tiles.ul .tiles-description.ul h4,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie .tiles.ul .tiles-description.ul h4,
.pensioen-bij-row .pb-item-wrap #tarief-text .tiles.ul .tiles-description.ul h4 {
    margin-top: 15px;
}
.pensioen-bij-row .pb-item-wrap #tarief-partner-klimming .tiles.ul .tiles-description.ul h4:first-of-type,
.pensioen-bij-row .pb-item-wrap #tarief-partner-restitutie .tiles.ul .tiles-description.ul h4:first-of-type,
.pensioen-bij-row .pb-item-wrap #tarief-text .tiles.ul .tiles-description.ul h4:first-of-type {
    margin-top: 0;
}
.pensioen-bij-row .pb-item-wrap.partner {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.pensioen-bij-row .pb-item-wrap.partner span {
    padding: 0 10px 0 0;
}
.pensioen-bij-row .introduction-text {
    margin-bottom: 10px;
}
.pensioen-bij-row .verdelingbeleggen-wrapper .verdelingbeleggen.titel {
    margin: 0 0 15px;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    border-bottom: 1px solid #d8d8d8;
}
.pensioen-bij-row .verdelingbeleggen-wrapper .verdelingbeleggen.titel p {
    margin-bottom: 15px;
}
.pensioen-bij-row .verdelingbeleggen-wrapper .verdelingbeleggen.list {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pensioen-bij-row .verevend-waarschuwing {
    margin-top: 20px;
}
.pensioen-bij-row .rentemarge ul {
    list-style-type: none;
}
.pensioen-bij-row .rentemarge ul .titel-tekst {
    margin-bottom: 0;
    font-weight: 800;
}
.wat-als {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.wat-als section {
    position: relative;
    width: 100%;
}
.wat-als section:first-child {
    padding-right: 20px;
}
.wat-als section h3 {
    margin-top: 13px;
}
.wat-als section h3:first-child {
    margin-top: 0;
}
.wat-als ul {
    display: block;
    list-style-type: disc;
    padding-left: 20px;
}
.wat-als ul li {
    display: list-item;
    margin: 0;
}
.wat-als h4 {
    margin: 15px 0 5px;
    width: 100%;
    color: #125ba2;
}
.wat-als h4:first-child {
    margin-top: 0;
}
.wat-als strong {
    font-family: Open Sans, sans-serif;
}
.wat-als .iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.wat-als .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: green;
}
@media only screen and (max-width: 500px) {
    .pensioen-bij-row.verdeling .fondsdetail {
        -ms-flex-item-align: auto;
        align-self: auto;
    }
    .pensioen-bij-row.verdeling .fondsdetail .grafiek .highcharts-container,
    .pensioen-bij-row.verdeling .fondsdetail .grafiek .highcharts-container .highcharts-root,
    .pensioen-bij-row.verdeling .fondsdetail .grafiek .highcharts-container .highcharts-root .highcharts-background {
        width: 365px !important;
    }
    .pensioen-bij-row.verdeling .fondsdetail .grafiek .highcharts-container .highcharts-root .highcahrts-plot-background {
        width: 316px !important;
    }
}
@media only screen and (max-width: 600px) {
    .pensioen-bij-row {
        padding: 0 0 15px;
    }
    .pensioen-bij-row .prijs-wrap span:nth-child(2) {
        -ms-flex: 1;
        flex: 1;
    }
    .pensioen-bij-row .prijs-wrap.ul-partner span:nth-child(2) {
        -ms-flex: 0;
        flex: 0;
    }
    .pensioen-bij-row.verdeling .fondsdetail .grafiek .highcharts-container {
        display: -ms-flexbox !important;
        display: flex !important;
        width: 450px !important;
    }
    #container .highcharts-container .highcharts-root {
        padding: 0;
    }
}
@media only screen and (min-width: 400px) {
    .pensioen-bij-row.verdeling .fondsdetail {
        -ms-flex-align: center;
        align-items: center;
    }
    .pensioen-bij-row.verdeling .fondsdetail .grafiek {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media (min-width: 959px) {
    #container {
        height: 305px;
    }
    #container .highcharts-container .highcharts-root {
        width: 80%;
    }
    .accordion-content #voorwaarden-knop {
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 280px;
    }
    .accordion-content.verdeling {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .accordion-content.verdeling,
    .accordion-content.verdeling .pensioen-bij-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .accordion-content.verdeling .pensioen-bij-row.verdeling {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 49%;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .accordion-content.verdeling .pensioen-bij-row.verdeling:last-child {
        max-width: 465px;
    }
    .accordion-content.verdeling .pensioen-bij-row.verdeling:last-child:nth-child(even) {
        border-bottom: 1px solid #d8d8d8;
    }
    .accordion-content .pb-item-wrap #detail-text label {
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 49%;
    }
    .accordion-content .pb-item-wrap #detail-text .detail-informatie {
        margin-top: 0;
        padding: 15px 0;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .accordion-content .pb-item-wrap #detail-text .detail-informatie.verevend {
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 5px 0;
    }
    .accordion-content .pb-item-wrap #detail-text .detail-informatie.verevend-omschrijving {
        padding: 15px 0;
    }
    .accordion-content .pb-item-wrap #detail-text .detail-informatie .detail-bedragen {
        width: 49%;
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding: 0 15px;
    }
    .accordion-content .pb-item-wrap #detail-text .detail-informatie .detail-bedragen.verevend {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .accordion-content .pb-item-wrap #detail-text .detail-informatie h4 {
        width: 49%;
        margin-left: 15px;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .accordion-content .pensioen-bij-row.voorwaarden {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .accordion-content .pensioen-bij-row.voorwaarden .introduction-text {
        width: 49%;
        margin-bottom: 0;
    }
    .accordion-content .pensioen-bij-row.voorwaarden .verdelingbeleggen-wrapper {
        width: 49%;
    }
}
@media (min-width: 959px) {
    .ondertitel-wrap:after {
        content: "";
        width: 620px;
    }
    .fondsdetail,
    .fondsdetail .highcharts-container,
    .fondsdetail .highcharts-container .highcharts-root {
        width: 465px !important;
    }
    .accordion-content .pensioen-bij-row .content-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 959px) and (-ms-high-contrast: active), all and (min-width: 959px) and (-ms-high-contrast: none) {
    .beschrijving {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 465px;
    }
    .beschrijving .externe-link {
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .beschrijving .externe-link:before {
        content: "chevron_right";
        width: 20px;
    }
    .beschrijving .externe-link:after,
    .beschrijving .externe-link:before {
        font-family: Material Icons;
        display: block;
        font-kerning: normal;
        font-variant-ligatures: common-ligatures contextual;
        font-feature-settings: kern, liga, clig, calt;
    }
    .beschrijving .externe-link:after {
        content: "open_in_new";
        position: absolute;
        margin-left: 5px;
        font-size: 19px;
        font-weight: 400;
        text-decoration: none;
    }
}
@media (max-width: 959px) {
    .fondsdetail {
        width: 100% !important;
    }
    .fondsdetail .highcharts-container {
        width: 500px !important;
    }
    .fondsdetail .highcharts-container .highcharts-root {
        width: 100% !important;
    }
}
@media (min-width: 1279px) {
    .wat-als {
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .wat-als section {
        width: 50%;
    }
    .wat-als iframe {
        margin-top: 0;
        width: 570px;
    }
    .accordion-content.verdeling .pensioen-bij-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .accordion-content.verdeling .pensioen-bij-row.verdeling:last-child {
        max-width: 625px;
    }
    .accordion-content .pensioen-bij-row .pb-item-wrap #detail-text label {
        width: 40%;
    }
    .accordion-content .pensioen-bij-row .pb-item-wrap #detail-text .detail-informatie .detail-bedragen {
        width: 39%;
    }
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    .beschrijving {
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .beschrijving,
    .externe-link {
        display: -ms-flexbox;
        display: flex;
    }
    .externe-link {
        margin: 0;
        padding: 0;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    .externe-link:before {
        content: "chevron_right";
        width: 20px;
    }
    .externe-link:after,
    .externe-link:before {
        font-family: Material Icons;
        display: block;
        font-kerning: normal;
        font-variant-ligatures: common-ligatures contextual;
        font-feature-settings: kern, liga, clig, calt;
    }
    .externe-link:after {
        content: "open_in_new";
        position: absolute;
        margin-left: 5px;
        font-size: 19px;
        font-weight: 400;
        text-decoration: none;
    }
}
.pensioenmetafoor_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label {
    border-radius: 7px;
    width: 90pt;
    border: 1px solid hsla(222, 5%, 59%, 0.4);
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label.verwacht {
    -ms-flex-item-align: center;
    align-self: center;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label.totaal {
    width: 135px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 15px;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label .pensioenmetafoor-label {
    -ms-flex-direction: row;
    flex-direction: row;
    display: -ms-flexbox;
    display: flex;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label .pensioenmetafoor-label-titel {
    text-align: center;
    font-size: 13px;
    border-radius: 7px 7px 0 0;
    line-height: 18px;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label .pensioenmetafoor-label-titel [data-active="true"] {
    background-color: #be321a;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label .pensioenmetafoor-label-titel [data-active="false"] {
    background-color: #dfdfdf;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label .pensioenmetafoor-label-bedrag {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background-color: #fff;
    color: #000;
    margin-top: 10px;
    border-radius: 7px;
}
.pensioenmetafoor_wrapper .pensioenmetafoor-label .pensioenmetafoor-label-maand {
    text-align: center;
    font-size: 9pt;
    color: #000;
    font-weight: 700;
    margin-top: -8px;
}
.pensioenmetafoor_wrapper .label-wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pensioenmetafoor_wrapper .label-wrapper .pensioenmetafoor-label {
    cursor: pointer;
}
.pensioenmetafoor_wrapper .label-wrapper .pensioenmetafoor-label:nth-child(1) {
    margin-top: 20px;
}
.pensioenmetafoor_wrapper .label-wrapper .pensioenmetafoor-label:nth-child(2) {
    margin-bottom: 15px;
}
.pensioenmetafoor_wrapper .label-wrapper .pensioenmetafoor-label:nth-child(3) {
    margin-top: 20px;
}
.pensioenmetafoor_wrapper .pensioenmetafoor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.pensioenmetafoor_wrapper .pensioenmetafoor [data-active="true"] {
    fill: #be321a;
}
.pensioenmetafoor_wrapper .pensioenmetafoor [data-active="false"] {
    fill: #dfdfdf;
}
.pensioenmetafoor_wrapper .pensioenmetafoor .pensioenmetafoor-pijl {
    cursor: pointer;
}
.pensioenmetafoor_wrapper .pensioenmetafoor .pensioenmetafoor-pijl.optimistisch {
    opacity: 0;
}
.pensioenmetafoor_wrapper [data-active="true"] .pensioenmetafoor-label-titel {
    background-color: #be321a;
    color: #fff;
}
.pensioenmetafoor_wrapper [data-active="false"] .pensioenmetafoor-label-titel {
    background-color: hsla(222, 5%, 59%, 0.2);
}
.content-wrapper {
    -ms-flex-pack: center;
    justify-content: center;
}
.content-wrapper .text-wrapper {
    margin-top: 15px;
}
.content-wrapper .text-wrapper p {
    width: auto;
}
.content-wrapper .text-wrapper .uitkeringsbedrag {
    padding-top: 15px;
}
@media only screen and (max-width: 395px) {
    .pensioenmetafoor_wrapper .label-wrapper .pensioenmetafoor-label:nth-child(2) {
        margin: 0 5px 28px;
    }
    .pensioenmetafoor_wrapper .pensioenmetafoor-label.totaal {
        margin-top: 5px;
    }
}
@media (min-width: 959px) {
    .pensioenmetafoor_wrapper {
        width: 600px;
        margin-top: 15px;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .content-wrapper {
        display: -ms-flexbox;
        display: flex;
    }
    .content-wrapper p {
        width: 600px;
    }
    .content-wrapper .text-wrapper {
        padding-left: 15px;
    }
}
html.with-featherlight {
    overflow: hidden;
}
.featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 14;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: transparent;
}
.featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
}
.featherlight:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
}
.featherlight .featherlight-inner {
    display: block;
}
.featherlight link.featherlight-inner,
.featherlight script.featherlight-inner,
.featherlight style.featherlight-inner {
    display: none;
}
.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 12;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    background: hsla(0, 0%, 100%, 0.3);
    color: #000;
    border: none;
    padding: 0;
}
.featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.featherlight .featherlight-image {
    width: 100%;
}
.featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}
.featherlight iframe {
    border: none;
}
.featherlight * {
    box-sizing: border-box;
}
.achmea-custom-modal {
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    background: hsla(0, 0%, 100%, 0.5);
}
.achmea-custom-modal .featherlight-content {
    -ms-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 25px;
    color: #333;
    border-radius: 15px;
}
.achmea-custom-modal .featherlight-content #bevestiging-featherlight {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
}
.achmea-custom-modal .featherlight-content #bevestiging-featherlight .informatie-featherlight {
    border-bottom: 1px solid #d8d8d8;
}
.achmea-custom-modal .featherlight-content #bevestiging-featherlight .informatie-featherlight .titel-tekst {
    margin-bottom: 0;
}
.achmea-custom-modal .featherlight-content #bevestiging-featherlight .button-group-featherlight {
    margin-top: 25px;
}
.achmea-custom-modal .featherlight-content #bevestiging-featherlight .button-group-featherlight .btn {
    margin-top: 20px;
}
.achmea-custom-modal .featherlight-close {
    top: 15px;
    right: 15px;
    font-size: 2em;
    color: #333;
}
.achmea-custom-modal article.featherlight-inner {
    margin-top: 20px;
}
.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 15px !important;
}
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
    .achmea-custom-modal .featherlight-content {
        margin-left: 15px;
        margin-right: 15px;
        padding: 20px;
        width: auto;
    }
}
@media print {
    html.with-featherlight > * > :not(.featherlight) {
        display: none;
    }
}
aside.notification {
    height: 0;
    padding: 0;
    background: #e5edfd;
    border: none;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
aside.notification img {
    position: absolute;
    width: 28px;
    height: 28px;
    opacity: 0;
}
aside.notification .notification-title {
    margin-left: 38px;
    font-family: Plastic Sans, sans-serif;
    font-weight: 700;
}
aside.notification p {
    margin-left: 38px;
}
aside.notification.ntf-info {
    background: #ccf0d6;
    border: 2px solid #00b332;
}
aside.notification.ntf-warning {
    background: #ffe7cc;
    border: 2px solid #ec6316;
}
aside.notification.ntf-error {
    background: #f7cdd4;
    border: 2px solid #d9032a;
}
aside.notification.ntf-show {
    margin: 0 0 25px;
    padding: 10px;
    opacity: 1;
    height: auto;
}
aside.notification.ntf-show img {
    opacity: 1;
}
aside.notification-static {
    margin: 15px 0;
    padding: 20px;
    border: none;
    border-radius: 10px;
    background-color: #e5edfd;
    min-height: 75pt;
    color: #333;
}
aside.notification-static img {
    position: absolute;
    width: 28px;
    height: 28px;
}
aside.notification-static .notification-title {
    margin-left: 38px;
    font-family: Plastic Sans, sans-serif;
    font-weight: 700;
}
aside.notification-static p {
    margin-left: 38px;
}
#chat-wrap {
    position: relative;
    width: 100%;
    margin: 0;
}
#iLivePresenceChat {
    position: absolute;
    right: 15px;
    bottom: -1pc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 540px;
    width: 95vw;
    border: 1px solid #ccc;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    background-color: #fff;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
    z-index: 3;
}
#iLivePresenceChat .iChatTop {
    height: 175px;
    padding: 25px 15px 20px;
    box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2);
}
#iLivePresenceChat .iChatTop h1 {
    -ms-flex: 1;
    flex: 1;
    line-height: 30px;
    font-size: 30px !important;
}
#iLivePresenceChat .iChatTop i {
    position: absolute;
    top: 15px;
    right: 15px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 30px;
    font-weight: 700;
    color: grey;
    cursor: pointer;
}
#iLivePresenceChat .iChatTop p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0;
}
#iLivePresenceChat .iChatTop .material-icons {
    font-family: Material Icons Outlined;
}
#iLivePresenceChat #iChatConversation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 65%;
    padding-top: 5px;
}
#iLivePresenceChat #iChatConversation #iChatLinesAndTyping {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
#iLivePresenceChat #iChatConversation #iChatLines {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
}
#iLivePresenceChat #iChatConversation #iChatLines .cAgentLine {
    position: relative;
    margin: 15px 30px;
    background-color: #e8f8ed;
    border: none;
    padding: 9pt 10px 15px 20px;
    border-radius: 10px;
    word-break: break-word;
}
#iLivePresenceChat #iChatConversation #iChatLines .cAgentLine span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #00b332;
}
#iLivePresenceChat #iChatConversation #iChatLines .cAgentLine:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 36px;
    height: 36px;
    border: 2px solid #e5edfd;
    border-radius: 36px;
    background: #fff;
    background-image: url(../img/cb-chat-agent.svg);
}
#iLivePresenceChat #iChatConversation #iChatLines .cUserLine {
    position: relative;
    margin: 15px 20px 15px 45px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #e5edfd;
    color: #000;
    border: none;
    padding: 9pt 20px 15px 10px;
    border-radius: 10px;
    word-break: break-word;
}
#iLivePresenceChat #iChatConversation #iChatLines .cUserLine span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #0050f0;
    margin-right: 5px;
}
#iLivePresenceChat #iChatConversation #iChatLines .cUserLine:before {
    content: "";
    position: absolute;
    top: -15px;
    right: -15px;
    width: 36px;
    height: 36px;
    border: 2px solid #e5edfd;
    border-radius: 36px;
    background: #fff;
    background-image: url(../img/cb-chat-user.svg);
}
#iLivePresenceChat #iChatConversation #iChatLines .cErrorLine {
    margin: 15px;
    padding: 10px 15px;
    color: #fff;
    background: #ec6316;
    border-radius: 5px;
}
#iLivePresenceChat #iChatConversation ::-webkit-scrollbar {
    width: 15px;
    height: 18px;
}
#iLivePresenceChat #iChatConversation ::-webkit-scrollbar-track {
    border-radius: 7.5px;
    box-shadow: inset 3px 0 6px 0 rgba(0, 0, 0, 0.25);
}
#iLivePresenceChat #iChatConversation ::-webkit-scrollbar-thumb {
    height: 6px;
    border-radius: 7.5px;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.25);
}
#iLivePresenceChat #iChatConversation #iChatTyping {
    margin: 0 0 5px 15px;
    color: grey;
    font-size: 9pt;
}
#iLivePresenceChat #iChatConversation #iChatInput {
    margin-top: 5px;
    padding: 10px 10px 9pt 15px;
    box-sizing: border-box;
    border-top: 1px solid #d3d3d3;
    box-shadow: 0 -5px 10px -6px rgba(0, 0, 0, 0.2);
}
#iLivePresenceChat #iChatConversation #iChatInput form {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
#iLivePresenceChat #iChatConversation #iChatInput .btn {
    margin-left: 8px;
    min-width: 75px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 35px;
    -ms-flex-item-align: center;
    align-self: center;
}
#iLivePresenceChat #iChatConversation #iChatInput #iChatInputField {
    min-height: 30px;
    overflow-wrap: break-word;
    padding: 5px 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid #91949b;
    color: grey;
}
@media (min-width: 639px) {
    #chat-wrap {
        max-width: 639px;
        margin: 0 auto;
    }
    #iLivePresenceChat {
        right: 0;
        width: 345px;
    }
}
@media (min-width: 959px) {
    #chat-wrap {
        max-width: 60pc;
        margin: 0 auto;
    }
    #iLivePresenceChat {
        position: absolute;
        right: 0;
        width: 345px;
        bottom: -17px;
    }
    #iChatLinesAndTyping {
        width: 343px;
    }
}
@media (min-width: 1279px) {
    #chat-wrap {
        max-width: 80pc;
        margin: 0 auto;
    }
    #iLivePresenceChat {
        right: 0;
        width: 345px;
    }
    #iChatLinesAndTyping {
        width: 343px;
    }
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
    z-index: 12;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
    display: none;
}
.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-single:after,
.pika-single:before {
    content: " ";
    display: table;
}
.pika-single:after {
    clear: both;
}
.pika-lendar {
    float: left;
    width: 15pc;
    margin: 8px;
}
.pika-title {
    position: relative;
    text-align: center;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 11;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}
.pika-label {
    display: inline-block;
    position: relative;
    z-index: 12;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #333;
    background-color: #fff;
}
.pika-next,
.pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: 0.5;
}
.pika-next:hover,
.pika-prev:hover {
    opacity: 1;
}
.pika-next.is-disabled,
.pika-prev.is-disabled {
    cursor: default;
    opacity: 0.2;
}
.is-rtl .pika-next,
.pika-prev {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
}
.is-rtl .pika-prev,
.pika-next {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}
.pika-label:after {
    content: "";
    height: 15px;
    width: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 90%;
    margin-right: 5px;
    margin-bottom: -2px;
    transform: rotate(270deg);
    opacity: 0.5;
}
.pika-label:after,
.pika-select {
    display: inline-block;
}
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}
.pika-table td,
.pika-table th {
    width: 14.285714285714286%;
    padding: 0;
}
.pika-table th {
    color: #999;
    font-size: 9pt;
    line-height: 25px;
    font-weight: 700;
    text-align: center;
}
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}
.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 9pt;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}
.is-today .pika-button {
    color: #3af;
    font-weight: 700;
}
.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    color: #999;
    opacity: 0.3;
}
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
}
.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}
.pika-button .is-selection-disabled {
    pointer-events: none;
    cursor: default;
}
.pika-week {
    font-size: 11px;
    color: #999;
}
.is-inrange .pika-button {
    color: #666;
    background: #d5e9f7;
}
.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px;
}
.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px;
}
.brutoNettoSliderGroup {
    position: relative;
    display: inline-block;
    width: 74px;
    height: 40px;
}
.brutoNettoSliderGroup input {
    opacity: 0;
    width: 0;
    height: 0;
}
.brutoNettoSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    border-radius: 34px;
    border: 2px solid #91949b;
}
.brutoNettoSlider:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: 5px;
    bottom: 3px;
    background-color: #91949b;
    transition: 0.4s;
    border-radius: 50%;
}
input:checked + .brutoNettoSlider {
    background-color: transparent;
}
input:focus + .brutoNettoSlider {
    box-shadow: 0 0 1px #be321a;
}
input:checked + .brutoNettoSlider {
    border: 2px solid #be321a;
}
input:checked + .brutoNettoSlider:before {
    transform: translateX(30px);
    background-color: #be321a;
}
#berichtOverlay-Bevestig-Vue.noShow,
#berichtOverlay-Bevestig.noShow,
#berichtOverlay-LeesMeer.noShow,
#berichtOverlay.noShow {
    visibility: hidden;
    overflow: hidden;
    height: 0;
}
#berichtOverlay-Bevestig-Vue.noShow #berichtBox,
#berichtOverlay-Bevestig-Vue.noShow #berichtBox-LeesMeer,
#berichtOverlay-Bevestig-Vue.noShow div,
#berichtOverlay-Bevestig-Vue.noShow iframe,
#berichtOverlay-Bevestig.noShow #berichtBox,
#berichtOverlay-Bevestig.noShow #berichtBox-LeesMeer,
#berichtOverlay-Bevestig.noShow div,
#berichtOverlay-Bevestig.noShow iframe,
#berichtOverlay-LeesMeer.noShow #berichtBox,
#berichtOverlay-LeesMeer.noShow #berichtBox-LeesMeer,
#berichtOverlay-LeesMeer.noShow div,
#berichtOverlay-LeesMeer.noShow iframe,
#berichtOverlay.noShow #berichtBox,
#berichtOverlay.noShow #berichtBox-LeesMeer,
#berichtOverlay.noShow div,
#berichtOverlay.noShow iframe {
    visibility: hidden;
    overflow: hidden;
}
#berichtOverlay-Bevestig-Vue.show,
#berichtOverlay-Bevestig.show,
#berichtOverlay-LeesMeer.show,
#berichtOverlay.show {
    visibility: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    overflow-y: scroll;
    padding: 50px 0;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: background-color 0.2s ease-in;
    z-index: 8;
    cursor: pointer;
}
#berichtOverlay-Bevestig-Vue.show #berichtBox,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer,
#berichtOverlay.show #berichtBox,
#berichtOverlay.show #berichtBox-Bevestig,
#berichtOverlay.show #berichtBox-Bevestig-Vue,
#berichtOverlay.show #berichtBox-LeesMeer {
    visibility: visible;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: 25px;
    overflow: hidden;
    transition: background-color 0.3s ease-in;
    cursor: default;
    z-index: 9;
}
#berichtOverlay-Bevestig-Vue.show #berichtBox #closeBtn,
#berichtOverlay-Bevestig-Vue.show #berichtBox #closeBtn-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox #closeBtn-LeesMeer,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #closeBtn,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #closeBtn-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #closeBtn-LeesMeer,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #closeBtn,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #closeBtn-LeesMeer,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #closeBtn,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #closeBtn-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #closeBtn-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox #closeBtn,
#berichtOverlay-Bevestig.show #berichtBox #closeBtn-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox #closeBtn-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #closeBtn,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #closeBtn-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #closeBtn-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #closeBtn,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #closeBtn-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #closeBtn,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #closeBtn-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #closeBtn-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #closeBtn-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox #closeBtn,
#berichtOverlay-LeesMeer.show #berichtBox #closeBtn-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox #closeBtn-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox #closeBtn-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #closeBtn,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #closeBtn-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #closeBtn-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #closeBtn-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #closeBtn,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #closeBtn-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #closeBtn,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #closeBtn-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #closeBtn-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #closeBtn-LeesMeer,
#berichtOverlay.show #berichtBox #closeBtn,
#berichtOverlay.show #berichtBox #closeBtn-Bevestig,
#berichtOverlay.show #berichtBox #closeBtn-Bevestig-Vue,
#berichtOverlay.show #berichtBox #closeBtn-LeesMeer,
#berichtOverlay.show #berichtBox-Bevestig #closeBtn,
#berichtOverlay.show #berichtBox-Bevestig #closeBtn-Bevestig,
#berichtOverlay.show #berichtBox-Bevestig #closeBtn-Bevestig-Vue,
#berichtOverlay.show #berichtBox-Bevestig #closeBtn-LeesMeer,
#berichtOverlay.show #berichtBox-Bevestig-Vue #closeBtn,
#berichtOverlay.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig,
#berichtOverlay.show #berichtBox-Bevestig-Vue #closeBtn-Bevestig-Vue,
#berichtOverlay.show #berichtBox-Bevestig-Vue #closeBtn-LeesMeer,
#berichtOverlay.show #berichtBox-LeesMeer #closeBtn,
#berichtOverlay.show #berichtBox-LeesMeer #closeBtn-Bevestig,
#berichtOverlay.show #berichtBox-LeesMeer #closeBtn-Bevestig-Vue,
#berichtOverlay.show #berichtBox-LeesMeer #closeBtn-LeesMeer {
    height: 30px;
    width: 30px;
    font-size: 30px;
    color: grey;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 5px 10px 0 0;
    cursor: pointer;
}
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage,
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage-LeesMeer,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage-LeesMeer,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage-Bevestig,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox #externalPage,
#berichtOverlay-Bevestig.show #berichtBox #externalPage-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox #externalPage-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage-Bevestig,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage-Bevestig,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage-LeesMeer,
#berichtOverlay.show #berichtBox #externalPage,
#berichtOverlay.show #berichtBox #externalPage-Bevestig,
#berichtOverlay.show #berichtBox #externalPage-Bevestig-Vue,
#berichtOverlay.show #berichtBox #externalPage-LeesMeer,
#berichtOverlay.show #berichtBox-Bevestig #externalPage,
#berichtOverlay.show #berichtBox-Bevestig #externalPage-Bevestig,
#berichtOverlay.show #berichtBox-Bevestig #externalPage-Bevestig-Vue,
#berichtOverlay.show #berichtBox-Bevestig #externalPage-LeesMeer,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage-Bevestig,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage-Bevestig,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage-LeesMeer {
    visibility: visible;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden;
    transition: background-color 0.4s ease-in;
    list-style-position: inside;
}
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage-Bevestig .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox #externalPage-LeesMeer .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage-Bevestig .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #externalPage-LeesMeer .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage-Bevestig .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage-Bevestig .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #externalPage-LeesMeer .body,
#berichtOverlay-Bevestig.show #berichtBox #externalPage .body,
#berichtOverlay-Bevestig.show #berichtBox #externalPage-Bevestig .body,
#berichtOverlay-Bevestig.show #berichtBox #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig.show #berichtBox #externalPage-LeesMeer .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage-Bevestig .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #externalPage-LeesMeer .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage-Bevestig .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer .body,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage .body,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage-Bevestig .body,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue .body,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #externalPage-LeesMeer .body,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage .body,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage-Bevestig .body,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage-Bevestig-Vue .body,
#berichtOverlay-LeesMeer.show #berichtBox #externalPage-LeesMeer .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage-Bevestig .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage-Bevestig-Vue .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #externalPage-LeesMeer .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage-Bevestig .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue .body,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer .body,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage .body,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage-Bevestig .body,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue .body,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #externalPage-LeesMeer .body,
#berichtOverlay.show #berichtBox #externalPage .body,
#berichtOverlay.show #berichtBox #externalPage-Bevestig .body,
#berichtOverlay.show #berichtBox #externalPage-Bevestig-Vue .body,
#berichtOverlay.show #berichtBox #externalPage-LeesMeer .body,
#berichtOverlay.show #berichtBox-Bevestig #externalPage .body,
#berichtOverlay.show #berichtBox-Bevestig #externalPage-Bevestig .body,
#berichtOverlay.show #berichtBox-Bevestig #externalPage-Bevestig-Vue .body,
#berichtOverlay.show #berichtBox-Bevestig #externalPage-LeesMeer .body,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage .body,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage-Bevestig .body,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage-Bevestig-Vue .body,
#berichtOverlay.show #berichtBox-Bevestig-Vue #externalPage-LeesMeer .body,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage .body,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage-Bevestig .body,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage-Bevestig-Vue .body,
#berichtOverlay.show #berichtBox-LeesMeer #externalPage-LeesMeer .body {
    height: "";
}
#berichtOverlay-Bevestig-Vue.show #berichtBox #toaster,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #toaster,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #toaster,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #toaster,
#berichtOverlay-Bevestig.show #berichtBox #toaster,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #toaster,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #toaster,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #toaster,
#berichtOverlay-LeesMeer.show #berichtBox #toaster,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #toaster,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #toaster,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #toaster,
#berichtOverlay.show #berichtBox #toaster,
#berichtOverlay.show #berichtBox-Bevestig #toaster,
#berichtOverlay.show #berichtBox-Bevestig-Vue #toaster,
#berichtOverlay.show #berichtBox-LeesMeer #toaster {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
}
#berichtOverlay-Bevestig-Vue.show #berichtBox #toaster #succes,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #toaster #succes,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #toaster #succes,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #toaster #succes,
#berichtOverlay-Bevestig.show #berichtBox #toaster #succes,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #toaster #succes,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #toaster #succes,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #toaster #succes,
#berichtOverlay-LeesMeer.show #berichtBox #toaster #succes,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #toaster #succes,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #toaster #succes,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #toaster #succes,
#berichtOverlay.show #berichtBox #toaster #succes,
#berichtOverlay.show #berichtBox-Bevestig #toaster #succes,
#berichtOverlay.show #berichtBox-Bevestig-Vue #toaster #succes,
#berichtOverlay.show #berichtBox-LeesMeer #toaster #succes {
    height: 75pt;
    width: 200px;
    border: 1px solid green;
}
#berichtOverlay-Bevestig-Vue.show #berichtBox #toaster #error.noShow,
#berichtOverlay-Bevestig-Vue.show #berichtBox #toaster #succes.noShow,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #toaster #error.noShow,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig #toaster #succes.noShow,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #toaster #error.noShow,
#berichtOverlay-Bevestig-Vue.show #berichtBox-Bevestig-Vue #toaster #succes.noShow,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #toaster #error.noShow,
#berichtOverlay-Bevestig-Vue.show #berichtBox-LeesMeer #toaster #succes.noShow,
#berichtOverlay-Bevestig.show #berichtBox #toaster #error.noShow,
#berichtOverlay-Bevestig.show #berichtBox #toaster #succes.noShow,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #toaster #error.noShow,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig #toaster #succes.noShow,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #toaster #error.noShow,
#berichtOverlay-Bevestig.show #berichtBox-Bevestig-Vue #toaster #succes.noShow,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #toaster #error.noShow,
#berichtOverlay-Bevestig.show #berichtBox-LeesMeer #toaster #succes.noShow,
#berichtOverlay-LeesMeer.show #berichtBox #toaster #error.noShow,
#berichtOverlay-LeesMeer.show #berichtBox #toaster #succes.noShow,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #toaster #error.noShow,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig #toaster #succes.noShow,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #toaster #error.noShow,
#berichtOverlay-LeesMeer.show #berichtBox-Bevestig-Vue #toaster #succes.noShow,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #toaster #error.noShow,
#berichtOverlay-LeesMeer.show #berichtBox-LeesMeer #toaster #succes.noShow,
#berichtOverlay.show #berichtBox #toaster #error.noShow,
#berichtOverlay.show #berichtBox #toaster #succes.noShow,
#berichtOverlay.show #berichtBox-Bevestig #toaster #error.noShow,
#berichtOverlay.show #berichtBox-Bevestig #toaster #succes.noShow,
#berichtOverlay.show #berichtBox-Bevestig-Vue #toaster #error.noShow,
#berichtOverlay.show #berichtBox-Bevestig-Vue #toaster #succes.noShow,
#berichtOverlay.show #berichtBox-LeesMeer #toaster #error.noShow,
#berichtOverlay.show #berichtBox-LeesMeer #toaster #succes.noShow {
    visibility: hidden;
    height: 0;
    width: 0;
}
#loader {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    top: 30%;
    z-index: 4;
    max-width: 150px;
    max-height: 150px;
    margin: 0;
    border: 1pc solid #f3f3f3;
    border-radius: 50%;
    border-top: 1pc solid #be321a;
    width: 90pt;
    height: 90pt;
    animation: a 2s linear infinite;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: hsla(0, 0%, 100%, 0.5);
    width: 100%;
    height: 100%;
    z-index: 6;
}
@keyframes a {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.animate-bottom {
    position: relative;
    -webkit-animation-name: b;
    -webkit-animation-duration: 1s;
    animation-name: b;
    animation-duration: 1s;
}
@keyframes b {
    0% {
        bottom: -75pt;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    #loader {
        left: 50vw;
    }
}
.chart-wrapper {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.chart-inner {
    height: 180px;
    width: 100%;
}
.chart-inner #knikGrafiek,
.chart-inner #knikGrafiek .heighcharts-container,
.chart-inner #knikGrafiek .heighcharts-container .highcharts-root {
    height: 180px;
}
.chart-verdeling,
.chart-verdeling-garantierekening {
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.chart-verdeling .legenda,
.chart-verdeling-garantierekening .legenda {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.chart-verdeling .verdelingFonds,
.chart-verdeling-garantierekening .verdelingFonds {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
.chart-verdeling .verdelingFonds li,
.chart-verdeling-garantierekening .verdelingFonds li {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    height: 56px;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #d8d8d8;
    -ms-flex-direction: row;
    flex-direction: row;
}
.chart-verdeling .verdelingFonds li:first-of-type,
.chart-verdeling-garantierekening .verdelingFonds li:first-of-type {
    border-top: 1px solid #d8d8d8;
}
.chart-verdeling .verdelingFonds li:last-of-type,
.chart-verdeling-garantierekening .verdelingFonds li:last-of-type {
    border-bottom: none;
}
.chart-verdeling .verdelingFonds li .percentage,
.chart-verdeling-garantierekening .verdelingFonds li .percentage {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 15px;
}
.fondsnaam-titel {
    font-size: 18px;
    fill: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}
@media (min-width: 639px) {
    .chart-inner,
    .chart-inner #knikGrafiek,
    .chart-inner #knikGrafiek .heighcharts-container,
    .chart-inner #knikGrafiek .heighcharts-container .highcharts-root {
        height: 180px;
    }
}
@media (min-width: 959px) {
    .chart-inner {
        height: 280px;
        width: 40pc;
    }
    .chart-inner #knikGrafiek,
    .chart-inner #knikGrafiek .heighcharts-container,
    .chart-inner #knikGrafiek .heighcharts-container .highcharts-root {
        height: 280px;
    }
    .chart-verdeling,
    .chart-verdeling-garantierekening {
        height: 100%;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .chart-verdeling #verdelingBeleggingen,
    .chart-verdeling .legenda,
    .chart-verdeling-garantierekening #verdelingBeleggingen,
    .chart-verdeling-garantierekening .legenda {
        width: 49%;
    }
    .chart-verdeling .legenda .verdelingFonds,
    .chart-verdeling-garantierekening .legenda .verdelingFonds {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .chart-verdeling .legenda .verdelingFonds li:last-of-type,
    .chart-verdeling-garantierekening .legenda .verdelingFonds li:last-of-type {
        border-bottom: 1px solid #d8d8d8;
    }
    #opt-out-fondsverdeling {
        -ms-flex-item-align: center;
        align-self: center;
        width: 49%;
    }
}
.chart-container {
    width: 100%;
}
.chart-container .highcharts-stack-labels {
    height: 100%;
    top: 170px !important;
    width: 100%;
    text-align: center;
    line-height: 1.7;
}
.chart-container .highcharts-axis-labels span {
    font-size: 1em !important;
}
.chart-container .highcharts-data-labels {
    width: 95%;
    height: 15px;
    text-align: right;
    left: 0 !important;
    padding-left: 50px !important;
}
.chart-container .label-3d {
    width: 75% !important;
    margin-top: -6px !important;
    margin-left: 125px;
}
.chart-container .highcharts-data-labels > div {
    left: 0 !important;
    width: 100%;
    height: 100%;
}
.chart-container .highcharts-data-labels > div span {
    display: inline-block;
    padding-left: 60px;
    text-align: left;
    width: 100%;
    font-size: 1.11em;
}
.chart-container .highcharts-data-labels .label-3d > span {
    padding-left: 0;
    width: auto;
}
.chart-container .highcharts-data-labels .label-3d > span:first-child {
    float: left;
}
.chart-container .highcharts-data-labels .label-3d > span:last-child {
    float: right;
}
.borderline {
    border: 1px solid #ddd;
}
.quote {
    width: 158px;
    position: relative;
    left: 18px;
}
.quote span {
    font-size: 1.25em;
}
.highcharts-container {
    display: -ms-flexbox !important;
    display: flex !important;
}
.graph-balloon {
    height: 75pt;
    left: 38px;
    position: absolute;
    width: 166px;
    z-index: 1;
    margin-top: 15px;
}
.graph-header {
    margin-bottom: 20px;
}
.graph-label {
    margin-top: 20px;
    text-align: center;
}
#vragen-grafiek .highcharts-point {
    fill: #9d8c70;
}
#risicoprofiel .highcharts-point,
.huidigProfiel .highcharts-series-0 .highcharts-point,
.nieuwProfiel .highcharts-series-0 .highcharts-point {
    fill: #be321a;
}
.huidigProfiel .highcharts-series-1 .highcharts-point,
.nieuwProfiel .highcharts-series-1 .highcharts-point {
    fill: #9d8c70;
}
.huidigProfiel .highcharts-series-2 .highcharts-point,
.nieuwProfiel .highcharts-series-2 .highcharts-point {
    fill: #f3d1cb;
}
.huidigProfiel .highcharts-series-3 .highcharts-point,
.nieuwProfiel .highcharts-series-3 .highcharts-point {
    fill: #125ba2;
}
.huidigProfiel .legend.item-0,
.nieuwProfiel .legend.item-0 {
    background-color: #be321a;
}
.huidigProfiel .legend.item-1,
.nieuwProfiel .legend.item-1 {
    background-color: #9d8c70;
}
.huidigProfiel .legend.item-2,
.nieuwProfiel .legend.item-2 {
    background-color: #f3d1cb;
}
.huidigProfiel .legend.item-3,
.nieuwProfiel .legend.item-3 {
    background-color: #125ba2;
}
.huidigProfiel .legend.item-4,
.nieuwProfiel .legend.item-4 {
    background-color: #f7cdd4;
}
.huidigProfiel.netto .highcharts-series-0 .highcharts-point,
.nieuwProfiel.netto .highcharts-series-0 .highcharts-point {
    fill: #9d8c70;
}
.huidigProfiel.netto .highcharts-series-1 .highcharts-point,
.nieuwProfiel.netto .highcharts-series-1 .highcharts-point {
    fill: #f7cdd4;
}
.huidigProfiel.netto .legend.item-0,
.nieuwProfiel.netto .legend.item-0 {
    background-color: #9d8c70;
}
.huidigProfiel.netto .legend.item-1,
.nieuwProfiel.netto .legend.item-1 {
    background-color: #f7cdd4;
    border: 1px solid #d9032a;
}
.aanvullende-link {
    height: 17px;
    color: #0050f0;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    padding: 0 6px;
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
}
.aanvullende-link:before {
    content: "chevron_right";
    font-family: Material Icons;
    text-decoration: none;
    font-size: 19px;
}
.aanvullende-link span {
    text-decoration: underline;
}
.aanvullende-link:last-of-type {
    margin-bottom: 30px;
}
.help-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
}
@media only screen and (min-width: 639px) {
    .help-wrapper {
        width: 585px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.help-wrapper .help .bold {
    margin-bottom: 10px;
}
.help-wrapper .help .aanvullende-link {
    height: auto;
}
.input-wrapper .date-item,
.input-wrapper .relation-item,
.input-wrapper .username-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
}
.input-wrapper .date-item label,
.input-wrapper .relation-item label,
.input-wrapper .username-item label {
    margin-bottom: 15px;
}
.input-wrapper .date-item input,
.input-wrapper .relation-item input,
.input-wrapper .username-item input {
    margin: 0;
    max-width: 345px;
    height: 57px;
    color: #91949b;
    border: 1px solid #91949b;
    padding: 10px;
    border-radius: 2px;
}
.input-wrapper .date-item input::-webkit-inner-spin-button,
.input-wrapper .date-item input::-webkit-outer-spin-button,
.input-wrapper .relation-item input::-webkit-inner-spin-button,
.input-wrapper .relation-item input::-webkit-outer-spin-button,
.input-wrapper .username-item input::-webkit-inner-spin-button,
.input-wrapper .username-item input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#geboortedatum .input-wrapper .date-item::-webkit-datetime-edit,
#geboortedatum .input-wrapper .relation-item::-webkit-datetime-edit,
#geboortedatum .input-wrapper .username-item::-webkit-datetime-edit,
.input-wrapper .date-item::-webkit-clear-button,
.input-wrapper .date-item::-webkit-inner-spin-button,
.input-wrapper .relation-item::-webkit-clear-button,
.input-wrapper .relation-item::-webkit-inner-spin-button,
.input-wrapper .username-item::-webkit-clear-button,
.input-wrapper .username-item::-webkit-inner-spin-button {
    display: none;
}
.input-wrapper .date-item:before,
.input-wrapper .relation-item:before,
.input-wrapper .username-item:before {
    content: attr(data-date);
}
#api .attr li {
    list-style-type: none;
}
#api .attr li .attrEntry {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#api .attr li .attrEntry .error p {
    margin-bottom: 5px;
}
#api .attr li input {
    border: 1px solid #000;
    border-radius: 5px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 57px;
    max-width: 443px;
    width: 100%;
    margin: 0 0 15px;
    padding: 18px 22px;
    font-size: 1pc;
}
#api .attr li .helpLink {
    display: none;
}
#api .attr li:last-of-type,
#api .buttons {
    margin-bottom: 40px;
}
#api .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 385px) {
    #api .buttons {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #api .buttons button:nth-child(1) {
        margin-bottom: 15px;
    }
}
#api .buttons button {
    height: 50px;
    width: 10pc;
    font-size: 1pc;
    font-weight: 700;
    border-radius: 25px;
}
@media only screen and (min-width: 385px) {
    #api .buttons button {
        margin: 0;
    }
}
#api .buttons #continue {
    background-color: #be321a;
    color: #fff;
}
#api .buttons #cancel {
    border: 2px solid #125ba2;
    background-color: transparent;
    color: #125ba2;
}
#api {
    margin-top: 25px;
}
#api .intro,
#api .verifying-modal,
.attrEntry .error.itemLevel {
    display: none;
}
#verifying_blurb {
    font-size: 24px;
    color: #fff;
}
.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.mat-ripple-element {
    display: none !important;
}
.olp-content {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
}
.olp-content .italic-bold {
    font-weight: 700;
    font-style: italic;
}
.olp-content .italic-bold h3 {
    margin-bottom: 5px;
}
.olp-content .subtitel-flex {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.olp-content .gegevens,
.olp-content .subtitel-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.olp-content .gegevens {
    content: "detest";
    list-style-type: none;
}
.olp-content .gegevens li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.olp-content .gegevens li span {
    width: 175px;
    padding: 5px;
}
.olp-content .gegevens li span:first-child {
    font-weight: 700;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.olp-content .rounded-el {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 20px;
    margin: 0 0 25px;
    border-radius: 10px;
}
.olp-content .rounded-el .rounded-el__status {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #125ba2;
}
.olp-content .rounded-el .svg-fill {
    fill: #fff;
}
.olp-content .rounded-el .svg-stroke {
    stroke: #fff;
}
.olp-content .rounded-el .btn--secondary [disabled],
.olp-content .rounded-el .btn--secondary:disabled {
    opacity: 0.2;
}
.olp-content .rounded-el .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
}
.olp-content .rounded-el .inputfile + label {
    cursor: pointer;
}
.olp-content .rounded-el .inputfile + label .inputfield {
    position: relative;
    margin: 0 0 20px 10px;
    padding: 15px 22px;
    width: 90%;
    height: 57px;
    color: #91949b;
    font-family: Open Sans;
    font-size: 1pc;
    font-weight: 400;
    line-height: 22px;
    background: #fff;
    border: 1px solid #91949b;
}
.olp-content .rounded-el .inputfile + label .inputfield:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border-radius: 10px;
    border: 9px solid #fff;
}
.olp-content .rounded-el--secondary-light {
    background-color: #e7eef5;
}
.olp-content .titel-tekst {
    font-weight: 700;
}
.olp-content .ul-nostyle--bold {
    list-style: none;
    font-weight: 700;
}
.olp-content ul.tiles-olp-samenvatting {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 50px;
    padding: 0;
}
.olp-content ul.tiles-olp-samenvatting,
.olp-content ul.tiles-olp-samenvatting li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
}
.olp-content ul.tiles-olp-samenvatting li {
    margin-bottom: 15px;
    padding: 20px;
    width: 100%;
    min-height: 150px;
    border-radius: 10px;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    background: #fff;
    box-shadow: 1px 1px 15px -5px rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.olp-content ul.tiles-olp-samenvatting li h3 {
    color: #000;
}
.olp-content ul.tiles-olp-samenvatting:after {
    background: #e9edf5;
    position: absolute;
    content: "";
    top: 30px;
    right: -15px;
    bottom: 30px;
    left: -15px;
    height: calc(100% - 30px);
    z-index: 0;
    border-radius: 10px;
}
.olp-content .deelnemer,
.olp-content .deelnemer-partner {
    list-style-type: none;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 15px;
}
.olp-content .deelnemer .berekening-resultaten,
.olp-content .deelnemer-partner .berekening-resultaten {
    list-style-type: none;
    -ms-flex-direction: column;
    flex-direction: column;
}
.olp-content .deelnemer .berekening-resultaten .titel,
.olp-content .deelnemer-partner .berekening-resultaten .titel {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 5px;
    font-weight: 700;
}
.olp-content .deelnemer .berekening-resultaten .titel .uKrijgt,
.olp-content .deelnemer-partner .berekening-resultaten .titel .uKrijgt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.olp-content .deelnemer .berekening-resultaten .titel .perJaar,
.olp-content .deelnemer-partner .berekening-resultaten .titel .perJaar {
    display: -ms-flexbox;
    display: flex;
    width: 75pt;
}
.olp-content .deelnemer .berekening-resultaten .titel .perMaand,
.olp-content .deelnemer-partner .berekening-resultaten .titel .perMaand {
    display: -ms-flexbox;
    display: flex;
    padding: 0 5px;
    width: 75pt;
}
.olp-content .deelnemer .berekening-resultaten .periode,
.olp-content .deelnemer-partner .berekening-resultaten .periode {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-height: 50px;
}
.olp-content .deelnemer .berekening-resultaten .periode span.duurOmschrijving,
.olp-content .deelnemer-partner .berekening-resultaten .periode span.duurOmschrijving {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 5px;
    -ms-flex-item-align: center;
    align-self: center;
}
.olp-content .deelnemer .berekening-resultaten .periode:nth-child(even),
.olp-content .deelnemer-partner .berekening-resultaten .periode:nth-child(even) {
    background: rgba(190, 50, 26, 0.2);
}
.olp-content .deelnemer .berekening-resultaten .berekeningPerJaar,
.olp-content .deelnemer-partner .berekening-resultaten .berekeningPerJaar {
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    margin-right: 35px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: center;
    align-self: center;
}
.olp-content .deelnemer .berekening-resultaten .berekeningPerMaand,
.olp-content .deelnemer-partner .berekening-resultaten .berekeningPerMaand {
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    padding: 0 5px;
    min-width: 77px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: center;
    align-self: center;
}
.olp-content .deelnemer-partner {
    margin-bottom: 30px;
}
.olp-content .deelnemer-partner .berekening-resultaten .periode:nth-child(even) {
    background: rgba(18, 91, 162, 0.1);
}
.olp-content .partnergegevens-section #partnergegevens-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.olp-content .partnergegevens-section .pg-form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1em;
}
.olp-content .partnergegevens-section .pg-form-group label {
    color: #333;
}
.olp-content .partnergegevens-section .pg-form-group .pg-form-input input {
    position: relative;
    padding: 15px 22px;
    width: 100%;
    height: 57px;
    color: #333;
    font-family: Open Sans;
    font-size: 1pc;
    font-weight: 400;
    line-height: 22px;
    background: #fff;
    border: 1px solid #91949b;
}
.olp-content .partnergegevens-section .pg-form-group .pg-form-input--radio input:nth-child(2) {
    margin-left: 20px;
}
.olp-content #button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 639px) {
    .olp-content {
        max-width: 60pc;
        margin: 0 auto;
    }
    .olp-content .gegevens li {
        width: 40pc;
    }
    .olp-content .rounded-el {
        z-index: 1;
    }
    .olp-content .partnergegevens-section .pg-form-group {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .olp-content .partnergegevens-section .pg-form-group label {
        width: 50%;
    }
}
@media (min-width: 959px) {
    .olp-content .subtitel-flex {
        display: -ms-flexbox;
        display: flex;
    }
    .olp-content .subtitel-flex,
    .olp-content ul.tiles-olp-samenvatting {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .olp-content ul.tiles-olp-samenvatting #tile-step5 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .olp-content ul.tiles-olp-samenvatting li {
        margin-bottom: 30px;
        padding: 20px;
        width: calc(50% - 15px);
    }
    .olp-content ul.tiles-olp-samenvatting li:nth-child(odd) {
        margin-right: 30px;
    }
    .olp-content ul.tiles-olp-samenvatting:after {
        background: #e9edf5;
        position: absolute;
        content: "";
        top: 30px;
        right: -15px;
        bottom: 30px;
        left: -15px;
        height: calc(100% - 30px);
        z-index: 0;
        border-radius: 10px;
    }
    .olp-content .partnergegevens-section .pg-form-group {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .olp-content .partnergegevens-section .pg-form-group .pg-form-input {
        width: 375px;
    }
    .olp-content .partnergegevens-section .pg-form-group .pg-form-input input {
        width: 100%;
    }
}
@media (min-width: 1279px) {
    .olp-content {
        max-width: 80pc;
        margin: 0 auto;
    }
    .olp-content .rounded-el {
        width: 50%;
        z-index: 1;
    }
    .olp-content .partnergegevens-section .pg-form-group {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .olp-content .partnergegevens-section .pg-form-group .pg-form-input input {
        margin: 0 0 20px;
        width: 375px;
    }
}
@media only screen and (min-width: 639px) {
    .action {
        -ms-flex-negative: initial;
        flex-shrink: initial;
    }
    #button-group {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    .olp-content .rounded-el .btn svg {
        margin: 0 15px 0 0;
    }
}
.end-of-theme-achmea-apf {
    color: #81f3b1;
}
:focus {
    outline: 0;
}
.hidden {
    display: none;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
a {
    color: #337ab7;
}
a,
a:focus,
a:hover {
    text-decoration: none;
}
a:focus,
a:hover {
    color: #23527c;
}
html body {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html body label,
html body li,
html body ol,
html body p {
    font-size: 15px;
}
.juridisch {
    border-top: 1px solid #d3d3d3;
}
.juridisch:first-of-type {
    border-top: none;
    margin-top: 0;
}
.juridisch h2 {
    margin-top: 25px;
}
.juridisch ul li ul,
.juridisch ul ul {
    margin-left: 20px;
}
.streep {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
footer.static,
header.static,
section.static {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
}
footer.static .content,
header.static .content,
section.static .content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    width: 100%;
    padding: 0 15px;
}
.static .content.nav-breadcrumb {
    padding: 0 0 0 15px;
    min-height: 49px;
}
.static .content.nav-breadcrumb span ul {
    margin-bottom: 0;
}
footer.static .content {
    padding: 0;
}
header.static {
    background-color: #fff;
    box-shadow: 0 3px 8px 0 #b3b3b3;
    z-index: 6;
}
header.static .nav-top {
    min-height: 50px;
    padding: 5px 0;
}
header.static .nav-top .click-nav-stylesheet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    list-style-type: none;
    width: 200px;
}
header.static .nav-top .logo,
header.static .nav-top .user {
    display: inherit;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
header.static .nav-top .logo a,
header.static .nav-top .user a {
    font-size: small;
    text-decoration: none;
}
header.static .nav-top .logo a img,
header.static .nav-top .user a img {
    height: 45px;
    width: auto;
    padding: 5px 0;
}
header.static .nav-top .header-logo-small {
    display: -ms-flexbox;
    display: flex;
}
header.static .nav-top .header-logo-large {
    display: none;
}
header.static nav.nav-main {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #333;
    z-index: 4;
}
header.static nav.nav-main .content {
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 50px;
    padding: 0;
}
.content ul.nav-list,
.content ul.nav-list-sub {
    background-color: #333;
}
.content ul.nav-list {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 15px 15px;
    padding: 0;
    margin-bottom: 20px;
}
.content ul.nav-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0 0;
}
.content ul.nav-list li a {
    width: 100%;
    padding: 15px 15px 14px;
    background: #5f5f5f url(../img/Menu-Arrow-right.svg) no-repeat;
    background-position: right 15px center;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.content ul.nav-list li a:active,
.content ul.nav-list li a:focus,
.content ul.nav-list li a:hover {
    background-color: hsla(0, 0%, 100%, 0.5);
    background-position: right 10px center;
}
.content ul.nav-list li.active a {
    color: #fff;
}
.content ul.nav-list li ul.nav-list-sub {
    width: 100%;
}
.content ul.nav-list li ul.nav-list-sub li {
    margin: 0;
}
.content ul.nav-list li ul.nav-list-sub li a {
    min-width: 135px;
    padding: 9pt 0 11px 30px;
    background: #414141 url(../img/Menu-Arrow-right.svg) no-repeat;
    background-position: right 15px center;
    font-size: 14px;
}
.content ul.nav-list li ul.nav-list-sub li a:active,
.content ul.nav-list li ul.nav-list-sub li a:focus,
.content ul.nav-list li ul.nav-list-sub li a:hover {
    background-color: hsla(0, 0%, 100%, 0.5);
    background-position: right 10px center;
}
.content ul.user-list {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 15px 15px;
    padding: 0;
    margin-bottom: 20px;
}
.content ul.user-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content ul.user-list li a {
    width: 100%;
    padding: 15px 15px 14px;
    background: #333 url(../img/Menu-Arrow-right.svg) no-repeat;
    background-position: right 15px center;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.content ul.user-list li a span {
    height: 18px;
    width: 18px;
    margin-right: 10px;
    fill: #fff;
}
.content ul.user-list li a .user-list-text {
    display: block;
    width: auto;
}
.content ul.user-list li a:active,
.content ul.user-list li a:focus,
.content ul.user-list li a:hover {
    background-color: hsla(0, 0%, 100%, 0.5);
    background-position: right 10px center;
}
.content .introduction-text a {
    text-decoration: underline;
}
.content nav.user.no-menu ul.user-list {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.content nav.user.no-menu ul.user-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content nav.user.no-menu ul.user-list li a {
    display: inherit;
    -ms-flex-align: initial;
    align-items: initial;
    width: auto;
    padding: 0;
    background: none;
    font-size: small;
    color: #125ba2;
    text-decoration: none;
}
.content nav.user.no-menu ul.user-list li a span {
    height: 25px;
    width: 25px;
    margin-right: 10px;
    fill: #125ba2;
}
.content nav.user.no-menu ul.user-list li a .user-list-text {
    display: none;
    width: 0;
}
.content nav.user.no-menu ul.user-list li:first-child:after {
    content: " ";
    color: #125ba2;
    margin: -2px 10px;
}
.content #profiellabelA [data-waarde="B"],
.content #profiellabelA [data-waarde="Gemiddeld"],
.content #profiellabelC [data-waarde="B"],
.content #profiellabelC [data-waarde="Gemiddeld"] {
    fill: #dfeaff;
}
.content #profiellabelA [data-waarde="C"],
.content #profiellabelA [data-waarde="Ambitieus"],
.content #profiellabelC [data-waarde="C"],
.content #profiellabelC [data-waarde="Ambitieus"] {
    fill: #ffdddf;
}
.content #profiellabelA [data-waarde="Dynamisch"],
.content #profiellabelA [data-waarde="D"],
.content #profiellabelC [data-waarde="Dynamisch"],
.content #profiellabelC [data-waarde="D"] {
    fill: #ffe4ba;
}
.content #profiellabelA [data-waarde="A"],
.content #profiellabelA [data-waarde="Voorzichtig"],
.content #profiellabelC [data-waarde="A"],
.content #profiellabelC [data-waarde="Voorzichtig"] {
    fill: #fcf5c2;
}
.content #profiellabelA [data-waarde="Prepensioen"],
.content #profiellabelC [data-waarde="Prepensioen"] {
    fill: #e8f8ed;
}
.content .risicoprofiel-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.content .risicoprofiel-text .risicolabel {
    margin: 0;
    margin-left: 10px;
}
.content .risicoprofiel-text text {
    font-weight: 700;
}
.content span.mobile-content.hidden {
    display: none;
}
.content ul.mobile-menu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #125ba2;
}
.content ul.mobile-menu li span.menu-icon {
    width: 30px;
    margin: 10px 0 10px 10px;
}
.content ul.mobile-menu li span.menu-icon span,
.content ul.mobile-menu li span.menu-icon:after,
.content ul.mobile-menu li span.menu-icon:before {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 5px;
    margin: 5px 0;
    background-color: #125ba2;
    content: "";
    transition: all 0.2s ease-in-out;
}
.content ul.mobile-menu li span.menu-icon.active:before {
    transform: translateY(10px) rotate(135deg);
}
.content ul.mobile-menu li span.menu-icon.active:after {
    transform: translateY(-10px) rotate(-135deg);
}
.content ul.mobile-menu li span.menu-icon.active span {
    transform: scale(0);
}
section.static {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-image: url(../img/av/main-bg.png);
    background-repeat: repeat-x;
    padding-bottom: 5pc;
}
section.static #top-button {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 5;
    cursor: pointer;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
section.static .content.nav-breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}
section.static .content.nav-breadcrumb nav {
    display: inherit;
}
section.static .content.nav-breadcrumb nav ul {
    display: inherit;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2pc;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
section.static .content.nav-breadcrumb nav ul li {
    list-style: none none;
    margin-bottom: 10px;
}
section.static .content.nav-breadcrumb nav ul li a {
    margin: 0 5px 0 0;
    padding: 3px 8px;
    border: 1px solid rgba(190, 50, 26, 0.4);
    border-radius: 15px;
    background-color: #f3d1cb;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    padding: 5px 10px;
}
section.static .content.nav-breadcrumb nav ul li a:active,
section.static .content.nav-breadcrumb nav ul li a:focus,
section.static .content.nav-breadcrumb nav ul li a:hover {
    text-decoration: none;
}
section.static .content.nav-breadcrumb nav ul li a #home {
    fill: #be321a;
}
section.static .content.nav-breadcrumb nav ul li:first-of-type a {
    padding: 0;
    border: 0;
    background-color: transparent;
}
section.static .content.nav-breadcrumb nav ul li:first-child {
    height: 19px;
    margin-right: 5px;
}
section.static .content.nav-breadcrumb a.info-button {
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin: 1pc 10px 0 0;
    height: 50px;
    width: 50px;
    background-color: #125ba2;
    border-radius: 50%;
    font-family: Plastic Sans, sans-serif;
}
section.static .content.nav-breadcrumb a.info-button:after {
    margin-top: 4px;
    content: "?";
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
section.static .content.nav-breadcrumb a.info-button:active,
section.static .content.nav-breadcrumb a.info-button:focus,
section.static .content.nav-breadcrumb a.info-button:hover {
    box-shadow: 0 0 5px 3px #ccc;
    text-decoration: none;
}
section.static .content {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: initial;
    -ms-justify-content: initial;
    justify-content: initial;
    -ms-flex-pack: initial;
}
section.static .content .voorkeuren {
    margin-top: 15px;
}
section.static .content h1 {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1;
}
section.static .content ol,
section.static .content ul {
    margin-bottom: 25px;
    list-style-position: inside;
}
section.static .content #welkom-email-form {
    margin-bottom: 15px;
}
section.static .content #welkom-email-form #welkom_email,
section.static .content #welkom-email-form #welkom_email_herhaal {
    margin: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
section.static .content .brand {
    color: #be321a;
}
section.static .content #toevoegenForm {
    margin-top: 15px;
    margin-bottom: 25px;
}
section.static .content #toevoegenForm li {
    list-style-type: none;
}
section.static .content #toevoegenForm .pStyleForm {
    font-family: Open Sans;
    font-weight: 800;
    size: 15px;
    color: #125ba2;
    margin: 5px 0;
}
section.static .content #toevoegenForm input {
    width: 100%;
    max-width: 345px;
    height: 44px;
    font-size: 15px;
    border: 1px solid #979797;
    padding: 5px;
}
section.static .content #toevoegenForm input::-webkit-input-placeholder {
    font-size: 15px;
    opacity: 0.5;
}
section.static .content #toevoegenForm input::-moz-placeholder {
    font-size: 15px;
    opacity: 0.5;
}
section.static .content #toevoegenForm input::-ms-input-placeholder {
    font-size: 15px;
    opacity: 0.5;
}
section.static .content #toevoegenForm input::placeholder {
    font-size: 15px;
    opacity: 0.5;
}
section.static .content #toevoegenForm input::-webkit-inner-spin-button,
section.static .content #toevoegenForm input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
section.static .content #toevoegenForm input.error {
    border-color: red;
}
section.static .content #toevoegenForm #validatieError {
    color: red;
}
section.static .content #toevoegenForm .duur {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
}
section.static .content #toevoegenForm .duur .md-radio {
    margin-top: 0;
}
section.static .content #toevoegenForm .duur .md-radio.duur .uitkeringsDuur {
    margin-bottom: 0;
    font-weight: 400;
    color: #000;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem {
    padding-top: 10px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem:nth-child(1) {
    border-top: 1px solid #ccc;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders:last-of-type {
    margin-bottom: 20px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-picker {
    max-width: 330px;
    margin-top: 10px;
    margin-bottom: -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-selector-group {
    margin-bottom: 15px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-selector-group .selector-button {
    border: 1px solid #91949b;
    border-radius: 24px;
    font-size: 9pt;
    font-weight: 600;
    height: 50px;
    padding: 13px;
    background: transparent;
    margin-top: 0;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-selector-group .selector-button.not-editing {
    display: inline-block;
    border: 2px solid #be321a;
    color: #be321a;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-selector-group .selector-button:focus {
    border: 2px solid #be321a;
    color: #be321a;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-selector-group .uitkeringsDuur {
    width: 11pc;
    margin-bottom: 0;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-selector-group.radio {
    width: 175px;
    margin-bottom: 15px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .listItemElders .button-selector-group .selected {
    border: 2px solid #be321a;
    color: #be321a;
    padding: 13px 9pt;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .duur .md-radio {
    width: 173px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList.Open {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .item {
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .md-radio.duur label.duurList {
    margin: 0;
    padding-right: 0;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .md-radio.auto {
    max-width: 380px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .eldersList .md-radio.auto .radio {
    font-weight: 400;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 10px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .btn--white-border-primary {
    color: #000;
    font-family: Open Sans;
    font-size: 9pt;
    font-weight: 100;
    min-width: 88px;
    max-width: 88px;
    height: 31px;
    border: 1px solid #be321a;
    margin: 15px 0 15px 15px;
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .btn--white-border-primary {
        padding-left: 13px;
    }
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen a:nth-of-type(3) {
    border: 1px solid rgba(190, 50, 26, 0.3);
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer {
    position: absolute;
    top: -19px;
    height: 2pc;
    width: 2pc;
    border: 2px solid #d8d8d8;
    border-radius: 50px;
    background: #fff;
    left: -2px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer:after,
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: #d8d8d8;
    width: 2px;
    height: 13px;
    -ms-flex-item-align: center;
    align-self: center;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer:before {
    top: 8px;
    right: 13px;
    transform: translate(-4px, 0) rotate(135deg);
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer:after {
    top: 8px;
    right: 13px;
    transform: translate(4px, 0) rotate(45deg);
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer.Open:after,
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer.Open:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: #d8d8d8;
    width: 2px;
    height: 13px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer.Open:before {
    top: 8px;
    right: 13px;
    transform: translate(-4px, 0) rotate(45deg);
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem form .aanpassen .leesMeer.Open:after {
    top: 8px;
    right: 13px;
    transform: translate(4px, 0) rotate(135deg);
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    section.static .content #toevoegenForm .uitkeringElders .eldersItem form .toevoegen .btn.btn--primary {
        padding-left: 9pt;
    }
}
section.static .content #toevoegenForm .uitkeringElders form .eldersList .listItemElders .duur .md-radio {
    width: 173px;
}
section.static .content #toevoegenForm .toevoegen {
    margin: 25px 0 0;
}
section.static .content #toevoegenForm .toevoegen a {
    width: 10pc;
    margin-top: 15px;
}
section.static .content #toevoegenForm .toevoegen a:nth-of-type(2) {
    border: 1px solid rgba(190, 50, 26, 0.3);
}
section.static .content #toevoegenForm .btn-group.toevoegen:after {
    content: "";
    margin-top: 25px;
}
section.static .content #toevoegenForm #divider,
section.static .content #toevoegenForm .btn-group.toevoegen:after {
    display: block;
    position: relative;
    background-image: url(../img/dashed-border-bottom.svg);
    background-repeat: repeat-x;
    width: 100%;
    height: 15px;
    margin-left: 4px;
}
section.static .content #toevoegenForm .uitkeringElders .eldersItem:last-of-type .btn-group.toevoegen {
    margin-bottom: 25px;
}
section.static .content #toevoegenForm #invoerValidate .btn-group.toevoegen:after,
section.static .content #toevoegenForm .uitkeringElders .eldersItem:last-of-type .btn-group.toevoegen:after {
    display: none;
}
section.static .content #toevoegenForm .text-border-top {
    border-top: 1px solid #d8d8d8;
    margin-top: 15px;
}
section.static .content #toevoegenForm .text-border-top p {
    margin-top: 15px;
}
section.static .content #nibudForm .pStyleForm {
    font-family: Open Sans;
    font-weight: 800;
    size: 15px;
    color: #125ba2;
    margin: 5px 0;
}
section.static .content #nibudForm .material-icons {
    transform: scale(-0.7, 0.7);
    font-weight: 700;
    color: #be321a;
    height: 11px;
    margin-right: -3px;
    text-align: center;
    cursor: pointer;
}
section.static .content #nibudForm .nibud-range {
    font-size: 9pt;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 52px;
}
section.static .content #nibudForm .nibud-range .refresh-button {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
section.static .content #nibudForm .nibud-range .refresh-button .material-icons {
    font-family: Material Icons;
    font-size: 25px;
    margin-top: 1px;
}
section.static .content #nibudForm .nibud-range .min {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
section.static .content #nibudForm .nibud-range .min:before {
    content: "";
    height: 2px;
    width: 2px;
}
section.static .content #nibudForm .nibud-range .max {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
section.static .content #nibudForm .slider-component {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 15px;
}
section.static .content #nibudForm .slider-component input[type="range"] {
    -ms-flex-item-align: center;
    align-self: center;
}
section.static .content #nibudForm .slider-component input[type="range"]:before {
    content: "";
    position: absolute;
    border: 1px solid #be321a;
    height: 10px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -4px;
    margin-left: -1px;
    z-index: 1;
}
section.static .content #nibudForm .slider-component input[type="range"]:after {
    display: block;
    content: attr(finalBar);
    position: relative;
    border: 1px solid grey;
    height: 10px;
    top: -4px;
    margin-right: -1px;
}
section.static .content #nibudForm .slider-component .maxBereikt:after {
    border: 1px solid #be321a !important;
}
section.static .content #nibudForm .slider-component input[type="number"] {
    height: 43px;
    width: 54px;
    text-align: right;
    margin-left: 15px;
}
section.static .content #nibudForm .slider-component input[type="range"]::-ms-thumb {
    height: 20px;
    width: 20px;
    background-color: #be321a;
    -webkit-appearance: none;
    border-radius: 50px;
}
section.static .content #nibudForm .eldersList .listItemElders {
    max-width: 390px;
}
section.static .content #nibudForm input[type="range"] {
    border: 1px solid transparent;
    background: #999;
    border-radius: 8px;
    height: 4px;
    width: 98%;
    outline: 0;
    -webkit-appearance: none;
}
section.static .content #nibudForm input[type="range"]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    background-color: #be321a;
    -webkit-appearance: none;
    border-radius: 50px;
}
section.static .content #nibudForm input[type="number"] {
    border: 1px solid #000;
}
section.static .content #nibudForm input[type="range"]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    background-color: #be321a;
    -webkit-appearance: none;
    border-radius: 50px;
    border: none;
}
section.static .content .aanspraakToevoegen {
    display: -ms-flexbox;
    display: flex;
    height: 73px;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
section.static .content .aanspraakToevoegen a {
    -ms-flex-direction: row;
    flex-direction: row;
    display: -ms-flexbox;
    display: flex;
    min-width: 210px;
    height: 25px;
}
section.static .content .aanspraakToevoegen a .material-icons {
    color: #be321a;
    margin-right: 10px;
}
section.static .content .aanspraakToevoegen a .brand {
    margin-bottom: 0;
}
section.static .content .storingsmelding {
    height: auto;
    width: 100%;
    border-radius: 10px;
    background-color: #e5edfd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 15px;
}
section.static .content .storingsmelding .material-icons {
    font-family: Material Icons;
    font-style: normal;
    margin-top: 10px;
    padding: 10px;
    font-size: 36px;
}
section.static .content .storingsmelding .storings-tekst {
    padding: 15px 15px 0 0;
}
section.static .content .inkomsten-lijst {
    border-bottom: 1px solid #d8d8d8;
}
section.static .content .inkomsten-lijst:first-of-type {
    padding-top: 20px;
    border-top: 1px solid #d8d8d8;
    margin-bottom: 20px;
}
section.static .content .inkomsten-lijst .inkomsten-overzicht {
    list-style-type: none;
}
section.static .content .button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
}
section.static .content .button-group li:first-of-type {
    border-bottom: 1px solid #d8d8d8;
}
section.static .content .button-group a:first-of-type {
    margin-bottom: 25px;
}
section.static .content .button-group a:last-of-type {
    margin-top: 25px;
}
section.static .content .button-group.small {
    margin: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
}
section.static .content .button-group.small .btn {
    margin: 0;
}
section.static .content .button-group.small .btn.btn--white-border-primary {
    opacity: 0.3;
}
section.static .content .button-group.basic {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 25px;
}
section.static .content .button-group.basic .btn--primary {
    width: 10pc;
    height: 50px;
    margin-right: 20px;
}
section.static .content .button-group.basic .btn--primary.inactive {
    opacity: 0.5;
    cursor: default;
}
@media only screen and (max-width: 370px) {
    section.static .content .button-group.basic {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        align-self: center;
    }
    section.static .content .button-group.basic .btn--primary {
        margin-bottom: 0;
    }
}
section.static .content .button-group.risico {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
section.static .content .button-group.risico .btn {
    min-width: 280px;
    margin-bottom: 15px;
}
section.static .content .button-group.risico .secondary {
    -ms-flex-direction: row;
    flex-direction: row;
}
section.static .content .button-group.risico .secondary .btn {
    min-width: 130px;
}
section.static .content .button-group.risico .secondary .btn:last-of-type {
    margin: 0 0 0 1pc;
}
section.static .content .button-group.zelf-regie {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
section.static .content .button-group.zelf-regie .btn {
    margin: 15px 5px 0;
}
section.static .content .button-group.zelf-regie .btn.btn--primary {
    opacity: 0.2;
    cursor: default;
}
section.static .content .button-group.zelf-regie .btn.btn--primary.active {
    opacity: 1;
    cursor: pointer;
}
section.static .content .button-group.zelf-regie .btn.btn--white-border-primary {
    min-width: 99pt;
    max-width: 99pt;
}
section.static .content .button-group.zelf-regie.bevestigen {
    margin-bottom: 25px;
    -ms-flex-direction: column;
    flex-direction: column;
}
section.static .content .button-group.zelf-regie.bevestigen .btn.btn--secondary {
    max-width: 325px;
    margin-bottom: 15px;
    margin-left: 0;
}
section.static .content .button-group.zelf-regie.bevestigen .btn.btn--white-border-primary {
    max-width: 15pc;
    margin: 0;
}
section.static .content .risicoprofiel-slider {
    margin-bottom: 20px;
}
section.static .content .risicoprofiel-slider h4 {
    color: #000;
}
section.static .content .risicoprofiel-slider .profielPrognose {
    width: 250px;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
section.static .content .risicoprofiel-slider .profielPrognose:first-of-type {
    margin-bottom: 2px;
}
section.static .content .risicoprofiel-slider .slidecontainer {
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid #d3d3d3;
    padding: 25px 0;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    width: 250px;
    padding: 0 2px;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li {
    font-size: 9pt;
    font-weight: 700;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(1) {
    margin-left: 1px;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(1):before {
    border-color: #be321a;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(2) {
    margin-left: 75px;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(3) {
    margin-left: 4pc;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(4) {
    margin-left: 74px;
}
section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:after {
    content: "";
    position: absolute;
    border: 1px solid grey;
    height: 9px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px;
    margin-left: -4px;
    z-index: -1;
}
section.static .content .risicoprofiel-slider input[type="range"] {
    -webkit-appearance: none;
    width: 15pc;
    margin-left: 7px;
}
@supports (-moz-appearance: none) {
    section.static .content .risicoprofiel-slider input[type="range"] {
        height: 2px;
        background: grey;
    }
    section.static .content .risicoprofiel-slider input[type="range"] input[type="range"]::-webkit-slider-thumb {
        width: 25px;
    }
}
section.static .content .risicoprofiel-slider input[type="range"]::-webkit-slider-runnable-track {
    height: 3px;
    background: grey;
    border: none;
    border-radius: 3px;
}
section.static .content .risicoprofiel-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #be321a;
    margin-top: -10px;
}
@supports (-moz-appearance: none) {
    section.static .content .risicoprofiel-slider input[type="range"]::-moz-range-thumb {
        -webkit-appearance: initial;
        border: none;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        background: #be321a;
    }
}
section.static .content .risicoprofiel-slider input[type="range"]:focus {
    outline: 0;
}
section.static .content .risicoprofiel-slider .risicoSlider {
    cursor: pointer;
}
section.static .content .risicoprofiel-vragen {
    -ms-flex-line-pack: center;
    align-content: center;
}
section.static .content .risicoprofiel-vragen .risicoprofiel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
section.static .content .risicoprofiel-vragen .risicoprofiel .highcharts-container {
    display: -ms-flexbox;
    display: flex;
    height: 200px !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
section.static .content section.risicoprofiel-bevestigen-content p {
    margin-bottom: 25px;
}
section.static .content section.risicoprofiel-bevestigen-content ul {
    list-style-type: none;
    list-style-position: outside;
}
section.static .content section.risicoprofiel-bevestigen-content ul li {
    font-style: italic;
}
section.static .content .koptekst {
    margin-top: 20px;
    font-weight: 700;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
section.static .content ul.schemes {
    list-style-type: none;
    -ms-flex-direction: row;
    flex-direction: row;
}
section.static .content ul.schemes li {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 20px;
}
section.static .content ul.schemes li:not(:first-child) {
    border-top: 1px solid #d3d3d3;
    padding-top: 20px;
}
section.static .content ul.schemes .scheme-description {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
section.static .content ul.schemes .scheme-description p {
    font-weight: 700;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
section.static .content ul.schemes .scheme-description p small {
    font-weight: 400;
}
section.static .content ul.schemes .button-class {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
section.static .content .bold-text {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
}
section.static .content .page-button {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    background-color: #be321a;
    min-width: 10pc;
    max-width: 200px;
    border-radius: 500px;
    height: 50px;
}
section.static .content .page-button button {
    color: #fff;
    font-weight: 700;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    background: transparent;
}
section.static .content ul.tiles {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    margin: 0;
    padding: 0;
}
section.static .content ul.tiles h3 {
    color: #125ba2;
    font-size: 20px;
    font-weight: 600;
}
section.static .content ul.tiles h4 {
    color: #be321a;
}
section.static .content ul.tiles li {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid rgba(0, 80, 240, 0.25);
    list-style: none none;
    min-height: 204px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
section.static .content ul.tiles li h2 {
    font-size: 20px;
    font-weight: 700;
}
section.static .content ul.tiles li .tile-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.static .content ul.tiles li .tile-description .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 10pc;
}
section.static .content ul.tiles li .tile-description p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.static .content ul.tiles li.tiles-secondary {
    background-color: #9d8c70;
    border: 1px solid rgba(0, 80, 240, 0.25);
}
section.static .content ul.tiles li.tiles-secondary h2,
section.static .content ul.tiles li.tiles-secondary h3,
section.static .content ul.tiles li.tiles-secondary h4,
section.static .content ul.tiles li.tiles-secondary p {
    color: #fff;
}
section.static .content ul.tiles li.tiles-secondary .btn {
    margin-right: 15px;
}
section.static .content ul.tiles li.tiles-secondary.digid div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.static .content ul.tiles li.tiles-secondary.digid .button-class {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
}
section.static .content ul.tiles li.tiles-secondary.digid #digid {
    height: 50px;
    width: 50px;
}
section.static .content ul.tiles li.tiles-tertiary.landing {
    border: 2px solid #9d8c70;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
}
section.static .content ul.tiles li.tiles-tertiary.landing h3 {
    color: #9d8c70;
}
section.static .content ul.tiles li.tiles-tertiary.landing .button-class {
    margin-top: 20px;
}
section.static .content ul.tiles .information-tile {
    border: none;
    border-radius: 10px;
    background-color: #e5edfd;
    padding-bottom: 0;
}
section.static .content ul.tiles .information-tile h3 {
    color: #000;
}
section.static .content ul.tiles .information-tile .info-press {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 5px;
    width: 35px !important;
    height: 35px;
    background: #999;
    border-radius: 35px;
    font-family: Plastic Sans, sans-serif;
    -ms-flex-item-align: center;
    align-self: center;
    position: absolute;
    right: 33px;
    top: 5pc;
}
section.static .content ul.tiles .information-tile .info-press:after {
    content: "?";
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}
section.static .content ul.tiles .information-tile #digid-logo {
    margin-right: 10px;
    height: 40px;
    width: 40px;
}
section.static .content ul.tiles .information-tile {
    padding-bottom: 20px;
    position: relative;
}
section.static .content ul.tiles .information-tile .tile-description {
    margin-right: 55px;
}
section.static .content .gegevens {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
}
section.static .content .gegevens li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
section.static .content .gegevens li span {
    width: 175px;
    padding: 5px;
}
section.static .content .gegevens li span:first-child {
    font-weight: 700;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
section.static .content .vraag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
}
section.static .content .vraag p {
    margin-bottom: 0;
}
section.static .content .vraag label.checkbox-vragen {
    cursor: pointer;
}
section.static .content .vraag label.checkbox-vragen span {
    font-weight: 500;
}
section.static .content .vraag label.checkbox-vragen input[type="checkbox"] {
    height: 25px;
    width: 25px;
    margin-bottom: 2px;
    opacity: 1;
}
input[type="checkbox"] + section.static .content .vraag label.checkbox-vragen:after {
    height: 25px;
    width: 25px;
    border: 2px solid #91949b;
    border-radius: 4px;
}
section.static .content .vraag #antwoordVraag1,
section.static .content .vraag #antwoordVraag2 {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
}
section.static .content .adviesTeskt {
    font-weight: 700;
    font-style: italic;
    margin-bottom: 15px;
}
section.static .content .gegevens:not(:first-child) {
    border-top: 1px solid #d3d3d3;
}
section.static .content .list-contact {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
}
section.static .content .list-contact #path-2 {
    fill: #125ba2;
}
section.static .content .list-contact li:first-child {
    margin: 8px 15px 0 0;
}
section.static .content .list-contact li h4 {
    color: #125ba2;
    margin-top: 5px;
}
section.static .content .list-contact .material-icons {
    color: #125ba2;
}
section.static .content .iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 25px;
}
section.static .content .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: green;
}
section.static .content .keuze-section .bevestig {
    margin-top: 25px;
}
section.static .content .bevestig {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
section.static .content .bevestig .chk-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
section.static .content .bevestig .chk-container p {
    margin-bottom: 2px;
}
section.static .content .bevestig .chk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
section.static .content .bevestig .chk-container input:checked #text {
    color: #be321a;
}
section.static .content .bevestig .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid grey;
    border-radius: 3px;
}
section.static .content .bevestig .chk-container {
    margin-top: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    section.static .content .bevestig .chk-container {
        width: 310px;
    }
}
section.static .content .bevestig .chk-container p {
    margin-top: 2px;
    width: 100%;
}
section.static .content .bevestig .chk-container:hover input ~ .checkmark {
    background-color: #d3d3d3;
}
section.static .content .bevestig .chk-container input:checked ~ .checkmark {
    background-color: #fff;
    border-color: #be321a;
}
section.static .content .bevestig .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
section.static .content .bevestig .chk-container input:checked ~ .checkmark:after {
    display: block;
    color: #be321a;
}
section.static .content .bevestig .chk-container input:checked ~ p {
    color: #be321a;
}
section.static .content .bevestig .chk-container .checkmark:after {
    left: 7px;
    top: 1px;
    width: 8px;
    height: 14px;
    border: solid #be321a;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
section.static .content .bevestig.toevoegen .chk-container {
    min-width: 280px;
}
section.static .content .bevestig.toevoegen .chk-container #chk-bevestig {
    height: 25px;
    width: 250px;
}
section.static .content .sectieToevoegen {
    border-bottom: 1px solid #d3d3d3;
}
section.static .content .sectieToevoegen #pensioenToevoegenBtn {
    margin-bottom: 25px;
}
section.static .content .toevoegen .md-radio.aanspraak-toevoegen {
    margin-top: 20px;
}
section.static .content .toevoegen .md-radio.aanspraak-toevoegen input:checked ~ .aanspraakToevoegen {
    color: #be321a;
}
section.static .content .toevoegen .md-radio.aanspraak-toevoegen input:checked ~ .small {
    display: block;
}
section.static .content .toevoegen .md-radio .RBT-Toevoegen {
    margin: 0;
}
section.static .content .toevoegen .md-radio input:checked ~ .RBT-Toevoegen {
    color: #be321a;
}
section.static .content .toevoegen .small {
    display: none;
    font-size: 9pt;
    font-weight: 600;
    font-family: Open sans;
    line-height: 14px;
    margin-top: 15px;
}
section.static .content .toevoegen .small a {
    text-decoration: underline;
}
section.static .content .risicoGrafiek {
    margin-bottom: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
section.static .content .grafiek-wrapper {
    width: 95%;
}
section.static .content .grafiek-wrapper .grafiekRisico {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
section.static .content .grafiek-wrapper .grafiekRisico .highcharts-container .highcharts-root .highcharts-series-group .uitgaven rect {
    height: 1px !important;
    z-index: 0;
}
section.static .content .grafiek-wrapper .grafiekRisico .highcharts-container .highcharts-root .highcharts-series-group .uitgaven .highcharts-data-label {
    z-index: 3;
    background: #fff;
}
section.static .content .grafiek-wrapper .grafiekRisico .highcharts-data-labels .highcharts-data-label-box {
    height: 20px;
    y: 1px !important;
    border-radius: 5px !important;
}
section.static .content .grafiek-wrapper .grafiekRisico .highcharts-data-labels .highcharts-data-label text {
    font-family: Open Sans;
    font-weight: 600 !important;
    font-size: 9pt !important;
    fill: none !important;
}
section.static .content .grafiek-wrapper .grafiekRisico .highcharts-data-labels .highcharts-data-label text tspan {
    stroke: none !important;
    fill: #000 !important;
}
section.static .content .grafiek-wrapper.bevestig {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}
section.static .content .grafiek-wrapper.bevestig #risicoprofielHuidigTegenzit {
    margin-right: 15px;
}
section.static .content .grafiek-wrapper.bevestig .legenda {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving {
    border: 1px solid #d8d8d8;
    font-size: 9pt;
    width: 85px;
    position: relative;
    text-align: left;
    padding: 1px 7px;
    border-radius: 3px;
    margin-right: 0;
    background: transparent;
    color: grey;
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving:after,
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: grey;
    width: 2px;
    height: 11px;
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving:before {
    top: 7px;
    right: 15px;
    transform: translate(-4px, 0) rotate(130deg);
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving:after {
    top: 7px;
    right: 15px;
    transform: translate(4px, 0) rotate(45deg);
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving.open {
    border: 1px solid grey;
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving.open:after,
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving.open:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: grey;
    width: 2px;
    height: 11px;
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving.open:before {
    top: 6px;
    right: 15px;
    transform: translate(-4px, 0) rotate(45deg);
}
section.static .content .grafiek-wrapper.bevestig .legenda .legendabeschrijving.open:after {
    top: 6px;
    right: 15px;
    transform: translate(4px, 0) rotate(135deg);
}
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving,
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving-nieuw {
    display: none;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    list-style-type: square;
}
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving-nieuw.open,
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving.open {
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving-nieuw.open p,
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving.open p {
    padding: 10px 0;
}
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving-nieuw.open li,
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving.open li {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 5px;
}
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving-nieuw.open .legend,
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving.open .legend {
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    height: 20px;
    width: 20px;
}
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving .fonds,
section.static .content .grafiek-wrapper.bevestig .legenda .beschrijving-nieuw .fonds {
    font-weight: 700;
}
footer {
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 7;
}
footer.static {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    background-color: #333;
}
footer.static,
footer.static .content {
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
footer.static .content {
    display: inherit;
}
footer.static .content,
footer.static .content ul.nav-list-footer {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}
footer.static .content ul.nav-list-footer {
    display: -ms-flexbox;
    display: flex;
}
footer.static .content ul.nav-list-footer li {
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    list-style: none none;
}
footer.static .content ul.nav-list-footer li a {
    padding: 14px 13px;
    color: #fff;
    font-size: 13px;
}
footer.static .content ul.nav-list-footer li a:active,
footer.static .content ul.nav-list-footer li a:focus,
footer.static .content ul.nav-list-footer li a:hover {
    background-color: #125ba2;
    color: #fff;
}
footer.static .content ul.nav-list-footer li.active {
    background-color: #be321a;
    color: #fff;
}
footer.static .content ul.nav-list-footer.float {
    display: none;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 45px;
    z-index: 10;
    width: 100%;
    padding: 0;
    line-height: 1.4;
    background-color: #333;
}
footer.static .content ul.nav-list-footer.float li {
    display: -ms-flexbox;
    display: flex;
}
footer.static .content ul.nav-list-footer.mobile li a {
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 9pt 13px;
}
footer.static .content ul.nav-list-footer.mobile li a span {
    height: 10px;
    width: 18px;
    margin-left: 5px;
    background: url(../img/Menu-Arrow-down.svg) no-repeat;
    transition: all 0.2s ease-in-out;
}
footer.static .content ul.nav-list-footer.mobile li a.active span,
footer.static .content ul.nav-list-footer.mobile li a:hover span {
    transform: translateY(0px) rotate(180deg);
}
footer.static .content ul.nav-list-footer.mobile li a:active,
footer.static .content ul.nav-list-footer.mobile li a:focus,
footer.static .content ul.nav-list-footer.mobile li a:hover {
    background-color: transparent;
}
footer.static .content ul.nav-list-footer.chat li a {
    background-color: #125ba2;
    padding: 14px 20px 13px;
}
footer.static .content ul.nav-list-footer.chat li a:active,
footer.static .content ul.nav-list-footer.chat li a:focus,
footer.static .content ul.nav-list-footer.chat li a:hover {
    background-color: #125ba2;
    color: #fff;
}
footer.static .content ul.nav-list-footer.chat li.active {
    background-color: #1775d0;
    color: #fff;
}
#stepper-kennistoets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
#stepper-kennistoets span {
    border: 1px solid grey;
    color: grey;
    border-radius: 11px;
    width: 23px;
    height: 23px;
    text-align: center;
}
#stepper-kennistoets span:after {
    content: "";
    border: 1px solid grey;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    margin-top: 10px;
    margin-left: 6px;
    height: 1px;
    z-index: -10;
}
#stepper-kennistoets span:last-of-type:after {
    display: none;
}
#stepper-kennistoets span.inactive {
    z-index: 3;
    background-color: #fff;
}
#stepper-kennistoets span.active {
    background: #be321a;
    border-color: #be321a;
    color: #fff;
    font-weight: 700;
    z-index: 3;
}
#stepper-kennistoets span.done {
    color: transparent;
    background: #be321a url(../img/stepper-checked.svg) center center no-repeat;
    border-color: #be321a;
    z-index: 3;
}
#stepper-kennistoets span.done:after {
    border-color: #be321a;
}
#stepper-kennistoets[aantalVragen="4"] span:after {
    width: calc(100% / 3 - 20px);
}
#stepper-kennistoets[aantalVragen="5"] span:after {
    width: calc(100% / 4 - 20px);
}
#stepper-kennistoets[aantalVragen="6"] span:after {
    width: calc(100% / 5 - 20px);
}
#stepper-kennistoets[aantalVragen="7"] span:after {
    width: calc(100% / 6 - 20px);
}
#vragenLijst .duur .md-radio.duur {
    display: -ms-flexbox;
    display: flex;
}
#vragenLijst .duur .md-radio.duur label {
    margin: 0 0 10px;
    height: auto !important;
    font-weight: 300;
}
#vragenLijst .duur .md-radio.duur label:after,
#vragenLijst .duur .md-radio.duur label:before {
    margin-top: 1px;
}
#btngroup-kennis-ervaring-toets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
#btngroup-kennis-ervaring-toets .btn--primary {
    margin: 5px;
    max-width: 250px;
}
#btngroup-kennis-ervaring-toets .save-button {
    margin-top: 5px;
}
#btngroup-kennis-ervaring-toets .btn--white-border-primary {
    margin: 5px;
    min-width: 90pt;
}
#btngroup-kennis-ervaring-toets .btn--white-border-secondary {
    margin-left: 5px;
    min-width: 90pt;
}
#btngroup-kennis-ervaring-toets.bevestigen {
    margin-bottom: 25px;
    -ms-flex-direction: column;
    flex-direction: column;
}
#btngroup-kennis-ervaring-toets.bevestigen .btn--secondary {
    max-width: 325px;
    margin-bottom: 15px;
}
#btngroup-kennis-ervaring-toets.bevestigen .btn--white-border-primary {
    width: 180px;
    margin: 0;
}
#btngroup-kennis-ervaring-toets .btn--primary {
    margin: 5px;
    max-width: 199px;
}
#btngroup-kennis-ervaring-toets .btn--white-border-primary {
    margin: 5px;
    min-width: 99pt;
}
.lm-modal-welkom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
}
.lm-modal-welkom .bel-wrap {
    margin-bottom: 25px;
}
.lm-modal-welkom .bel-wrap ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: row;
    flex-basis: row;
    list-style: none;
}
.lm-modal-welkom .bel-wrap ul li:first-child {
    margin: 8px 15px 0 0;
}
.lm-modal-welkom .bel-wrap svg {
    width: 18px;
}
.lm-modal-welkom .bel-wrap p {
    margin: 0;
}
.lm-modal-welkom #path-2 {
    fill: #125ba2;
}
.lm-modal-welkom li:first-child {
    margin: 8px 15px 0 0;
}
[role="button"] {
    cursor: pointer;
}
.highcharts-title {
    background-color: #e4f7e9;
    height: 40px;
    width: 40px;
    border: 1px solid #d8d8d8;
    border-radius: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 25px;
    color: #666 !important;
    font-weight: 700;
    top: 0 !important;
}
.bold {
    font-weight: 700;
}
#divider-solid {
    height: 1px;
    width: 100%;
    background-color: #d8d8d8;
}
#totalen {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
#totalen .totalen-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 390px;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#totalen .totalen-form p {
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}
#validatieError {
    color: red;
}
#sliderComponent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-bottom: 10px;
}
#sliderComponent p {
    width: 150px;
    margin-top: 8px;
    width: 275px;
}
#sliderComponent #sliderElement {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
#sliderComponent #sliderElement span {
    height: 40px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0 5px;
    color: #000;
}
#copyright {
    position: absolute;
    bottom: 10px;
    left: 38%;
}
#copyright p {
    margin: 0;
    font-size: 11px;
}
#zelf-regie-keuze .md-radio label {
    font-weight: 300;
}
#toevoegenForm .pStyleForm {
    font-family: Arial !important;
    font-weight: 600 !important;
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes {
        margin-left: 5px;
        width: 245px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:after {
        margin-top: 31px;
    }
    input[type="range"]::-ms-track {
        width: 100%;
        height: 3px;
        margin-left: 7px;
        background: transparent;
        border-color: transparent;
        border-width: 25px 0;
        margin-top: -9pt;
        color: transparent;
    }
    input[type="range"]::-ms-fill-lower {
        background: #be321a;
        border-radius: 10px;
    }
    input[type="range"]::-ms-fill-upper {
        background: grey;
        border-radius: 10px;
    }
    input[type="range"]::-ms-thumb {
        border: none;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        background: #be321a;
    }
    input[type="range"]:focus::-ms-fill-lower {
        background: #be321a;
    }
    input[type="range"]:focus::-ms-fill-upper {
        background: grey;
    }
    input[type="range"]::-ms-tooltip {
        display: none;
    }
}
@media (min-width: 639px) {
    footer,
    header,
    section {
        position: relative;
    }
    footer.static,
    header.static,
    section.static {
        box-shadow: none;
    }
    footer.static .content,
    header.static .content,
    section.static .content {
        max-width: 40pc;
        margin: 0 auto;
    }
    footer.static .content .logo,
    footer.static .content .user,
    header.static .content .logo,
    header.static .content .user,
    section.static .content .logo,
    section.static .content .user {
        display: inherit;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    footer.static .content .logo a,
    footer.static .content .user a,
    header.static .content .logo a,
    header.static .content .user a,
    section.static .content .logo a,
    section.static .content .user a {
        font-size: small;
        text-decoration: none;
    }
    footer.static .content .logo a img,
    footer.static .content .user a img,
    header.static .content .logo a img,
    header.static .content .user a img,
    section.static .content .logo a img,
    section.static .content .user a img {
        height: 45px;
        width: auto;
        padding: 5px 0;
    }
    footer.static .content .logo ul.user-list,
    footer.static .content .user ul.user-list,
    header.static .content .logo ul.user-list,
    header.static .content .user ul.user-list,
    section.static .content .logo ul.user-list,
    section.static .content .user ul.user-list {
        display: inherit;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
        padding: 0;
    }
    footer.static .content .logo ul.user-list li,
    footer.static .content .user ul.user-list li,
    header.static .content .logo ul.user-list li,
    header.static .content .user ul.user-list li,
    section.static .content .logo ul.user-list li,
    section.static .content .user ul.user-list li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    footer.static .content .logo ul.user-list li a,
    footer.static .content .user ul.user-list li a,
    header.static .content .logo ul.user-list li a,
    header.static .content .user ul.user-list li a,
    section.static .content .logo ul.user-list li a,
    section.static .content .user ul.user-list li a {
        display: inherit;
        -ms-flex-align: initial;
        align-items: initial;
        width: auto;
        padding: 0;
        background: none;
        font-size: small;
        color: #125ba2;
        text-decoration: none;
    }
    footer.static .content .logo ul.user-list li a span,
    footer.static .content .user ul.user-list li a span,
    header.static .content .logo ul.user-list li a span,
    header.static .content .user ul.user-list li a span,
    section.static .content .logo ul.user-list li a span,
    section.static .content .user ul.user-list li a span {
        height: 18px;
        width: 18px;
        margin-right: 10px;
        fill: #125ba2;
    }
    footer.static .content .logo ul.user-list li a .user-list-text,
    footer.static .content .user ul.user-list li a .user-list-text,
    header.static .content .logo ul.user-list li a .user-list-text,
    header.static .content .user ul.user-list li a .user-list-text,
    section.static .content .logo ul.user-list li a .user-list-text,
    section.static .content .user ul.user-list li a .user-list-text {
        display: block;
        width: auto;
    }
    footer.static .content .logo ul.user-list li:first-child:after,
    footer.static .content .user ul.user-list li:first-child:after,
    header.static .content .logo ul.user-list li:first-child:after,
    header.static .content .user ul.user-list li:first-child:after,
    section.static .content .logo ul.user-list li:first-child:after,
    section.static .content .user ul.user-list li:first-child:after {
        content: "|";
        color: #125ba2;
        margin: -2px 10px;
    }
    footer.static .content ul.nav-list,
    header.static .content ul.nav-list,
    section.static .content ul.nav-list {
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 0;
        background: none;
    }
    footer.static .content ul.nav-list li,
    header.static .content ul.nav-list li,
    section.static .content ul.nav-list li {
        display: -ms-flexbox;
        display: flex;
        list-style: none none;
        margin: 0 -1px 0 0;
    }
    footer.static .content ul.nav-list li:nth-child(1),
    footer.static .content ul.nav-list li:nth-child(2),
    header.static .content ul.nav-list li:nth-child(1),
    header.static .content ul.nav-list li:nth-child(2),
    section.static .content ul.nav-list li:nth-child(1),
    section.static .content ul.nav-list li:nth-child(2) {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    footer.static .content ul.nav-list li:nth-child(3),
    header.static .content ul.nav-list li:nth-child(3),
    section.static .content ul.nav-list li:nth-child(3) {
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    footer.static .content ul.nav-list li:nth-child(4),
    header.static .content ul.nav-list li:nth-child(4),
    section.static .content ul.nav-list li:nth-child(4) {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
    footer.static .content ul.nav-list li a,
    header.static .content ul.nav-list li a,
    section.static .content ul.nav-list li a {
        min-width: 157px;
        padding: 15px 17px 14px 18px;
        background: none;
        font-size: 14px;
        color: #333;
        text-align: center;
        text-decoration: none;
    }
    footer.static .content ul.nav-list li a:active,
    footer.static .content ul.nav-list li a:focus,
    footer.static .content ul.nav-list li a:hover,
    header.static .content ul.nav-list li a:active,
    header.static .content ul.nav-list li a:focus,
    header.static .content ul.nav-list li a:hover,
    section.static .content ul.nav-list li a:active,
    section.static .content ul.nav-list li a:focus,
    section.static .content ul.nav-list li a:hover {
        background-color: #9d8c70;
        color: #fff;
    }
    footer.static .content ul.nav-list li ul.nav-list-sub,
    header.static .content ul.nav-list li ul.nav-list-sub,
    section.static .content ul.nav-list li ul.nav-list-sub {
        display: none;
    }
    footer.static .content ul.nav-list li.active,
    header.static .content ul.nav-list li.active,
    section.static .content ul.nav-list li.active {
        background-color: #9d8c70;
        color: #fff;
    }
    footer.static .content ul.nav-list li.active a,
    header.static .content ul.nav-list li.active a,
    section.static .content ul.nav-list li.active a {
        color: #fff;
    }
    footer.static .content ul.nav-list li.active ul.nav-list-sub,
    header.static .content ul.nav-list li.active ul.nav-list-sub,
    section.static .content ul.nav-list li.active ul.nav-list-sub {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 50px;
        height: 40px;
        width: auto;
        margin: 0 -1px 0 0;
        padding: 0;
        background-color: #be321a;
    }
    footer.static .content ul.nav-list li.active ul.nav-list-sub li,
    header.static .content ul.nav-list li.active ul.nav-list-sub li,
    section.static .content ul.nav-list li.active ul.nav-list-sub li {
        list-style: none none;
    }
    footer.static .content ul.nav-list li.active ul.nav-list-sub li a,
    header.static .content ul.nav-list li.active ul.nav-list-sub li a,
    section.static .content ul.nav-list li.active ul.nav-list-sub li a {
        min-width: 156px;
        padding: 10px 17px 10px 18px;
        background: none;
        font-size: 13px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }
    footer.static .content ul.nav-list li.active ul.nav-list-sub li a:active,
    footer.static .content ul.nav-list li.active ul.nav-list-sub li a:focus,
    footer.static .content ul.nav-list li.active ul.nav-list-sub li a:hover,
    header.static .content ul.nav-list li.active ul.nav-list-sub li a:active,
    header.static .content ul.nav-list li.active ul.nav-list-sub li a:focus,
    header.static .content ul.nav-list li.active ul.nav-list-sub li a:hover,
    section.static .content ul.nav-list li.active ul.nav-list-sub li a:active,
    section.static .content ul.nav-list li.active ul.nav-list-sub li a:focus,
    section.static .content ul.nav-list li.active ul.nav-list-sub li a:hover {
        background-color: hsla(0, 0%, 100%, 0.7);
        color: #333;
    }
    footer.static .content ul.nav-list li.active ul.nav-list-sub li.active,
    header.static .content ul.nav-list li.active ul.nav-list-sub li.active,
    section.static .content ul.nav-list li.active ul.nav-list-sub li.active {
        background-color: hsla(0, 0%, 100%, 0.7);
    }
    footer.static .content ul.nav-list li.active ul.nav-list-sub li.active a,
    header.static .content ul.nav-list li.active ul.nav-list-sub li.active a,
    section.static .content ul.nav-list li.active ul.nav-list-sub li.active a {
        color: #333;
    }
    .static .nav-top .content {
        padding: 0 0 0 15px;
    }
    header.static nav.nav-main {
        display: inherit;
        min-height: 50px;
        background-color: #e7eef5;
        border-bottom: 40px solid #be321a;
        position: initial;
        left: initial;
        top: initial;
    }
    header.static nav.nav-main .content {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        min-height: 50px;
        padding: 0 15px;
    }
    header.static nav.nav-main-nomenu {
        display: inherit;
        min-height: 90px;
        border-bottom: 40px solid #be321a;
    }
    section.static .content.nav-breadcrumb span.info-button {
        margin: 10px 0 0;
    }
    section.static .content .inkomsten-lijst {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    section.static .content .inkomsten-lijst .invoer-dln {
        min-width: 203px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes {
        width: 346px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(1) {
        margin-left: 5px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(1):after {
        margin-left: -9px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(2):after {
        margin-left: -5px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(3) {
        margin-left: 71px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(3):after {
        margin-left: -4px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes li:nth-child(4):after {
        margin-left: 2px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .risicoSlider {
        width: 340px;
    }
    section.static .content .button-group.zelf-regie {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (min-width: 639px) and (-ms-high-contrast: active), all and (min-width: 639px) and (-ms-high-contrast: none) {
    section.static .content .risicoGrafiek .huidigProfiel .grafiek-wrapper.bevestig .legenda .beschrijving.open,
    section.static .content .risicoGrafiek .nieuwProfiel .grafiek-wrapper.bevestig .legenda .beschrijving.open {
        -ms-flex-pack: center;
        justify-content: center;
    }
    section.static .content .risicoGrafiek .huidigProfiel .grafiek-wrapper.bevestig .legenda .beschrijving.open li,
    section.static .content .risicoGrafiek .nieuwProfiel .grafiek-wrapper.bevestig .legenda .beschrijving.open li {
        margin-left: 15px;
    }
    section.static .content #nibudForm input[type="range"] {
        background-image: none !important;
        height: 100%;
        width: 310px;
    }
    section.static .content #nibudForm input[type="range"]::-ms-thumb {
        overflow: visible;
        height: 20px;
        width: 20px;
        background-color: #be321a;
        -webkit-appearance: none;
        border-radius: 50px;
    }
    section.static .content #nibudForm input[type="range"]::-ms-track {
        width: 300px;
        height: 5px;
    }
}
@media (min-width: 639px) {
    #berichtOverlay-Bevestig.show,
    #berichtOverlay-LeesMeer.show,
    #berichtOverlay.show {
        -ms-flex-align: center;
        align-items: center;
    }
    footer.static .content {
        display: -ms-flexbox;
        display: flex;
    }
    footer.static .content ul.nav-list-footer {
        display: -ms-flexbox;
        display: flex;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    footer.static .content ul.nav-list-footer li {
        list-style: none none;
    }
    footer.static .content ul.nav-list-footer li a {
        padding: 14px 20px 13px;
    }
    footer.static .content ul.nav-list-footer.float {
        display: -ms-flexbox;
        display: flex;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: initial;
        left: initial;
        bottom: initial;
    }
    .mobile-content.hidden {
        display: none;
    }
    #sliderComponent {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 49px;
        width: 100%;
    }
}
@media (min-width: 639px) and (-ms-high-contrast: active), all and (min-width: 639px) and (-ms-high-contrast: none) {
    #loader {
        left: 40%;
    }
    header.static .content ul.nav-list li:nth-child(1) ul.nav-list-sub {
        left: 15px;
    }
    header.static .content ul.nav-list li:nth-child(3) ul.nav-list-sub {
        left: 171px;
    }
    header.static .content ul.nav-list li:nth-child(4) ul.nav-list-sub {
        left: 327px;
    }
    section.static .content .risicoprofiel-slider .slidecontainer .profielKeuzes {
        padding-right: 7px;
    }
    section.static .content input[type="range"] {
        width: 350px;
    }
    section.static .content .pensioenmetafoor_wrapper .pensioenmetafoor {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 639px) {
    #copyright {
        left: 43%;
    }
}
@media (min-width: 959px) {
    footer.static .content,
    header.static .content,
    section.static .content {
        max-width: 60pc;
        margin: 0 auto;
    }
    footer.static .content ul.tiles .button-bottom a,
    header.static .content ul.tiles .button-bottom a,
    section.static .content ul.tiles .button-bottom a {
        position: absolute;
        bottom: 35px;
    }
    header.static .nav-top {
        min-height: 70px;
        padding: 0;
    }
    header.static .nav-top .content .logo .header-logo-small {
        display: none;
    }
    header.static .nav-top .content .logo img.header-logo-large {
        display: -ms-flexbox;
        display: flex;
        height: 70px;
        width: auto;
        padding: 10px 0;
    }
    header.static .nav-top .content .logo a img {
        height: 85px;
        width: auto;
        padding: 10px 0;
    }
    header.static .content ul.nav-list li:nth-child(3),
    header.static .content ul.nav-list li:nth-child(4) {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    header.static .content ul.nav-list li a {
        min-width: 175px;
        padding: 15px 20px;
        font-size: 1pc;
    }
    header.static .content ul.nav-list li.active ul.nav-list-sub {
        margin: 1px -1px 0 0;
    }
    header.static .content ul.nav-list li.active ul.nav-list-sub li a {
        min-width: 174px;
        padding: 10px 20px;
        font-size: 14px;
    }
    section.static .content ul.tiles {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    section.static .content ul.tiles h3 {
        font-size: 22px;
    }
    section.static .content ul.tiles li {
        width: 49%;
    }
    section.static .content ul.tiles li:nth-last-child(3):first-child,
    section.static .content ul.tiles li:nth-last-child(3):first-child ~ * {
        -ms-flex-basis: 32%;
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
    section.static .content ul.tiles li:first-child {
        margin-left: 0;
    }
    section.static .content .tile-wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
    }
    section.static .content .tile-wrapper .tiles.landing {
        width: 49%;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    section.static .content .tile-wrapper .tiles.landing .digid {
        max-height: 92%;
        min-height: 15pc;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
        top: 10px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login {
        width: 49%;
        margin-left: 20px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li.landing {
        min-height: 107px;
        max-height: 107px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li.landing .button-class {
        margin: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(1) {
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(1).information-tile {
        height: -webkit-fill-available;
        height: -moz-available;
        height: stretch;
        padding-bottom: 20px;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(1).information-tile h3 {
        line-height: 33px;
        margin: 0 0 10px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(1).information-tile .info-press {
        -ms-flex-item-align: center;
        align-self: center;
        top: 57px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(1) h3 {
        margin: 0;
        line-height: 22px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(1).landing div {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(2) {
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 5px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(2).information-tile {
        padding-bottom: 0;
        min-height: 44% !important;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
        padding-bottom: 15px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(2).information-tile .tile-description p {
        margin-bottom: 0;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(2).information-tile .info-press {
        top: 40px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(2) h3 {
        margin: 0;
        line-height: 22px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(3).information-tile {
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        width: 100%;
        min-height: 114px;
        margin-top: 5px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(3).information-tile .info-press {
        top: 40px;
    }
    section.static .content .tile-wrapper .tiles.secondary-login li:nth-child(3).information-tile h3 {
        margin: 0;
    }
    section.static .content .tile-wrapper .tiles .information-tile .info-press {
        top: 55px;
    }
    section.static .content ul.schemes li {
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
    }
    section.static .content ul.schemes li .button-class {
        margin: 0;
    }
    section.static .content .inkomsten-lijst {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    section.static .content .inkomsten-lijst .inkomsten-overzicht:first-child {
        min-width: 330px;
    }
    section.static .content .button-group {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: none;
    }
    section.static .content .button-group li:first-of-type {
        border-bottom: none;
    }
    section.static .content .button-group a:first-of-type {
        margin-bottom: 0;
    }
    section.static .content .button-group a:last-of-type {
        margin-top: 0;
    }
    section.static .content .button-group.risico {
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: inherit;
        margin-top: 25px;
    }
    section.static .content .button-group.risico .btn {
        min-width: 280px;
        margin-bottom: 15px;
    }
    section.static .content .button-group.risico .secondary .btn {
        min-width: 10pc;
    }
    section.static .content .button-group.risico .secondary .btn:last-of-type {
        margin: 0 0 0 1pc;
    }
    section.static .content .risicoprofiel-vragen {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }
    section.static .content .risicoprofiel-vragen .risicoprofiel {
        margin: 20px;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 49%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    section.static .content .risicoGrafiek {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    section.static .content .risicoGrafiek .huidigProfiel,
    section.static .content .risicoGrafiek .nieuwProfiel {
        width: 49%;
    }
    section.static .content .risicoGrafiek .huidigProfiel .grafiek-wrapper .legenda .beschrijving-nieuw.open,
    section.static .content .risicoGrafiek .huidigProfiel .grafiek-wrapper .legenda .beschrijving.open,
    section.static .content .risicoGrafiek .nieuwProfiel .grafiek-wrapper .legenda .beschrijving-nieuw.open,
    section.static .content .risicoGrafiek .nieuwProfiel .grafiek-wrapper .legenda .beschrijving.open {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    section.static .content .risicoGrafiek .huidigProfiel .grafiek-wrapper .legenda .beschrijving-nieuw.open li,
    section.static .content .risicoGrafiek .huidigProfiel .grafiek-wrapper .legenda .beschrijving.open li,
    section.static .content .risicoGrafiek .nieuwProfiel .grafiek-wrapper .legenda .beschrijving-nieuw.open li,
    section.static .content .risicoGrafiek .nieuwProfiel .grafiek-wrapper .legenda .beschrijving.open li {
        margin-bottom: 0;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    section.static .content .grafiek-wrapper {
        max-width: 650px;
    }
    section.static .content .vraag {
        width: 80%;
    }
    #sliderComponent {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    footer.static {
        min-height: 50px;
    }
    footer.static .content ul.nav-list-footer li,
    footer.static .content ul.nav-list-footer.chat li {
        font-size: 14px;
    }
    footer.static .content ul.nav-list-footer li a,
    footer.static .content ul.nav-list-footer.chat li a {
        padding: 1pc 20px;
    }
}
@media (min-width: 959px) and (-ms-high-contrast: active), all and (min-width: 959px) and (-ms-high-contrast: none) {
    #loader {
        left: 50%;
    }
    section.static .content ul.tiles li {
        max-width: 49%;
    }
    section.static .content ul.tiles li:nth-last-child(3):first-child,
    section.static .content ul.tiles li:nth-last-child(3):first-child ~ * {
        -ms-flex-basis: 28%;
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%;
    }
    section .flex-static .flex-content .tiles-samenvatting:after {
        top: 0;
    }
    section .flex-static .flex-content .tiles-samenvatting #tile-step5 {
        margin-left: 8px;
    }
    section .flex-static .flex-content .flex-two-col article.flex-two-col span {
        line-height: 27px;
    }
    section .flex-static .flex-content #alternatieveWaarde #ongeldigBedrag {
        display: -ms-flexbox;
        display: flex;
        width: 300px;
    }
    section .flex-static li.periode {
        line-height: 3;
    }
    header.static .content ul.nav-list li:nth-child(1) ul.nav-list-sub {
        left: 15px;
    }
    header.static .content ul.nav-list li:nth-child(3) ul.nav-list-sub {
        left: 365px;
    }
    header.static .content ul.nav-list li:nth-child(4) ul.nav-list-sub {
        left: 538px;
    }
}
@media (min-width: 959px) and (-ms-high-contrast: active) and (min-width: 1279px), all and (min-width: 959px) and (-ms-high-contrast: none) and (min-width: 1279px) {
    section .flex-static .flex-content .tiles-samenvatting #tile-step5 {
        margin-left: 9pt;
    }
}
@media (min-width: 959px) {
    label.mat-radio-label .mat-radio-container {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    #copyright {
        left: 45%;
    }
}
@media (min-width: 1279px) {
    header.static .content ul.nav-list li:nth-child(3),
    header.static .content ul.nav-list li:nth-child(4) {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    header.static .nav-top .content .logo img.header-logo-large {
        height: 6pc;
    }
    footer.static .content,
    header.static .content,
    section.static .content {
        max-width: 80pc;
        margin: 0 auto;
    }
    footer.static .content .vraag,
    header.static .content .vraag,
    section.static .content .vraag {
        width: 60%;
    }
    footer.static .content .film-section,
    header.static .content .film-section,
    section.static .content .film-section {
        width: 930px;
        height: 573px;
    }
    footer.static .content .iframe-container #iframe-risicoprofiel,
    header.static .content .iframe-container #iframe-risicoprofiel,
    section.static .content .iframe-container #iframe-risicoprofiel {
        width: 930px;
        height: 548px;
    }
    footer.static,
    header.static,
    section.static {
        min-height: 50px;
    }
}
@media (min-width: 1279px) and (-ms-high-contrast: active), all and (min-width: 1279px) and (-ms-high-contrast: none) {
    section.static .content ul.tiles li {
        max-width: 49%;
    }
    section.static .content ul.tiles li:nth-last-child(3):first-child,
    section.static .content ul.tiles li:nth-last-child(3):first-child ~ * {
        -ms-flex-basis: 29%;
        -ms-flex-preferred-size: 29%;
        flex-basis: 29%;
    }
    header.static .content ul.nav-list li:nth-child(1) ul.nav-list-sub {
        left: 15px;
    }
    header.static .content ul.nav-list li:nth-child(3) ul.nav-list-sub {
        left: 364px;
    }
    header.static .content ul.nav-list li:nth-child(4) ul.nav-list-sub {
        left: 538px;
    }
}
@media (min-width: 1279px) {
    #copyright {
        left: 47%;
    }
}
.btn {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0 20px;
    width: auto;
    height: 50px;
    min-width: 10pc;
    max-width: 280px;
    background-color: transparent;
    font-family: OpenSans, Arial, "sans-serif";
    font-weight: 700;
    font-size: 1rem;
    line-height: 46px;
    border-radius: 25px;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.btn--primary {
    color: #fff;
    background-color: #be321a;
    border: none;
}
.btn--primary:active,
.btn--primary:focus,
.btn--primary:hover {
    color: #fff;
}
.btn--primary.medium {
    width: 10pc;
}
.btn--primary.large {
    width: 210px;
}
.btn--secondary {
    color: #fff;
    background-color: #125ba2;
    border: none;
}
.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover {
    color: #fff;
}
.btn--secondary.support {
    background-color: #9d8c70;
}
.btn--tertiary {
    color: #fff;
    background-color: #125ba2;
    border: none;
}
.btn--tertiary:active,
.btn--tertiary:focus,
.btn--tertiary:hover {
    color: #fff;
}
.btn--white {
    background-color: #fff;
    border: none;
}
.btn--white,
.btn--white:active,
.btn--white:focus,
.btn--white:hover {
    color: #9d8c70;
}
.btn--white-border-secondary {
    color: #125ba2;
    background-color: #fff;
    border: 2px solid #125ba2;
}
.btn--white-border-secondary:hover {
    color: #125ba2;
}
.btn--white-border-primary {
    color: #be321a;
    background-color: #fff;
    border: 2px solid #be321a;
}
.btn--white-border-primary:hover {
    color: #be321a;
}
.btn--white-border-primary.large {
    max-width: 346px;
}
@media only screen and (max-width: 390px) {
    .button-group.small .btn {
        min-width: 130px;
    }
}
.btn-white-border-secondary {
    border: 2px solid #125ba2;
}
.btn-white-border-secondary,
.btn-white-border-secondary:hover {
    color: #125ba2;
    background-color: #fff;
}
.btn-white-border-primary {
    border: 2px solid #be321a;
}
.btn-white-border-primary,
.btn-white-border-primary:hover {
    color: #be321a;
    background-color: #fff;
}
.btn.btn-white-border-primary,
.btn.btn-white-border-secondary {
    width: 137px;
    margin-top: 10px;
    min-width: 10px;
}
.btn.btn-white-border-primary {
    margin-left: 6px;
}
#volgendeButton {
    width: 280px;
}
#annuleren-wit {
    margin-top: 0;
    margin-left: 15px;
}
@media (min-width: 639px) {
    #button-group {
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
    }
    #button-group #opnieuwButton,
    #button-group #vorigeButton {
        margin: 0;
    }
    #button-group #button-next {
        display: -ms-flexbox;
        display: flex;
        margin-left: 0;
    }
    #button-group #button-navigation {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    #button-group #button-navigation #vorigeButton {
        margin-right: 5px;
    }
    .btn.btn-white-border-secondary {
        margin: 0;
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.mat-slider-horizontal .mat-slider-thumb-label-text {
    display: none;
}
.mat-slider-horizontal .mat-slider-track-background {
    background: grey;
}
.mat-slider-track-wrapper {
    top: -2px !important;
}
.mat-slider-wrapper {
    height: 8px;
}
.mat-slider-wrapper .mat-slider-thumb {
    background-color: #be321a !important;
    border: none;
    height: 27px;
    width: 27px;
}
.mat-slider-wrapper .mat-slider-track-fill,
.mat-slider-wrapper .mat-slider-track-fill .mat-slider-thumb-container .mat-slider-thumb-label,
.mat-slider-wrapper .mat-slider-track-fill .mat-slider-thumb-container .mat-slider-thumb-label .mat-accent,
.mat-slider-wrapper .mat-slider-track-fill .mat-slider-thumb-container .mat-slider-thumb-label .mat-slider-track-fill {
    background-color: #be321a;
}
#slider-jaar,
#slider-maand {
    min-width: 95%;
}
.aanpassenOnmogeijkSlider {
    margin: 0;
}
.tile-flex-out {
    list-style-type: none;
    -ms-flex-direction: row;
    flex-direction: row;
}
.tile-flex-out .legenda-show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 9pt;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tile-flex-out .legenda-show button {
    border: 1px solid #d8d8d8;
    width: 87px;
    position: relative;
    text-align: left;
    padding: 4px 10px;
    border-radius: 3px;
    margin: 0;
    background: transparent;
    color: grey;
}
.tile-flex-out .legenda-show button.closeButton:after,
.tile-flex-out .legenda-show button.closeButton:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: grey;
    width: 2px;
    height: 11px;
}
.tile-flex-out .legenda-show button.closeButton:before {
    top: 9px;
    right: 15px;
    transform: translate(-4px, 0) rotate(130deg);
}
.tile-flex-out .legenda-show button.closeButton:after {
    top: 9px;
    right: 15px;
    transform: translate(4px, 0) rotate(45deg);
}
.tile-flex-out .legenda-show button.openButton:after,
.tile-flex-out .legenda-show button.openButton:before {
    content: "";
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    position: absolute;
    background-color: grey;
    width: 2px;
    height: 11px;
}
.tile-flex-out .legenda-show button.openButton:before {
    top: 9px;
    right: 15px;
    transform: translate(-4px, 0) rotate(45deg);
}
.tile-flex-out .legenda-show button.openButton:after {
    top: 9px;
    right: 15px;
    transform: translate(4px, 0) rotate(135deg);
}
.tile-flex-out .legenda {
    height: auto;
    visibility: show;
}
.tile-flex-out .legenda ul {
    list-style-type: none;
}
.tile-flex-out .legenda ul li {
    display: -ms-flexbox;
    display: flex;
    padding: 3px;
}
.tile-flex-out #kop-berekening {
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.tile-flex-out #kop-berekening .showy {
    font-style: italic;
    font-weight: 700;
}
.berekening {
    margin: 0;
    max-width: 99%;
}
.berekening.deelnemer .bereken-overzicht {
    margin-bottom: 15px;
}
.berekening.deelnemer li {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    background: rgba(190, 50, 26, 0.2);
    padding: 10px;
}
.berekening.deelnemer h3 {
    background: #be321a;
    color: #fff;
    margin: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.berekening.partner .bereken-overzicht {
    margin-bottom: 15px;
}
.berekening.partner li {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    background: rgba(18, 91, 162, 0.2);
    padding: 10px;
}
.berekening.partner h3 {
    color: #fff;
    background-color: #125ba2;
    margin: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
}
@media (min-width: 959px) {
    .tile-flex-out {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .tile-flex-out #pensioenOverzicht,
    .tile-flex-out .legenda {
        padding-left: 81px;
    }
    .tile-flex-out #kop-berekening {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .tile-flex-out #kop-berekening .left-align {
        margin: 0;
        padding-left: 81px;
    }
    .tile-flex-out #kop-berekening .showy {
        margin-right: 10px;
    }
}
.flex-two-col {
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-two-col-deelnemer,
.flex-two-col-partner {
    list-style-type: none;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-two-col-deelnemer .stap5-berekening,
.flex-two-col-partner .stap5-berekening {
    list-style-type: none;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-two-col-deelnemer .stap5-berekening .titel,
.flex-two-col-partner .stap5-berekening .titel {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    font-weight: 700;
}
.flex-two-col-deelnemer .stap5-berekening .titel .uKrijgt,
.flex-two-col-partner .stap5-berekening .titel .uKrijgt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex-two-col-deelnemer .stap5-berekening .titel .perJaar,
.flex-two-col-partner .stap5-berekening .titel .perJaar {
    display: -ms-flexbox;
    display: flex;
    width: 75pt;
}
.flex-two-col-deelnemer .stap5-berekening .titel .perMaand,
.flex-two-col-partner .stap5-berekening .titel .perMaand {
    display: -ms-flexbox;
    display: flex;
    padding: 0 5px;
    width: 75pt;
}
.flex-two-col-deelnemer .stap5-berekening .periode,
.flex-two-col-partner .stap5-berekening .periode {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-height: 50px;
}
.flex-two-col-deelnemer .stap5-berekening .periode span.duurOmschrijving,
.flex-two-col-partner .stap5-berekening .periode span.duurOmschrijving {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 5px;
    -ms-flex-item-align: center;
    align-self: center;
}
.flex-two-col-deelnemer .stap5-berekening .periode:nth-child(even),
.flex-two-col-partner .stap5-berekening .periode:nth-child(even) {
    background: rgba(190, 50, 26, 0.2);
}
.flex-two-col-deelnemer .stap5-berekening .berekeningPerJaar,
.flex-two-col-partner .stap5-berekening .berekeningPerJaar {
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    margin-right: 35px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: center;
    align-self: center;
}
.flex-two-col-deelnemer .stap5-berekening .berekeningPerMaand,
.flex-two-col-partner .stap5-berekening .berekeningPerMaand {
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    padding: 0 5px;
    min-width: 77px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: center;
    align-self: center;
}
.flex-two-col-partner .stap5-berekening .periode:nth-child(even) {
    background: rgba(18, 91, 162, 0.1);
}
@media (min-width: 639px) {
    .flex-two-col-deelnemer .stap5-berekening .titel .perJaar,
    .flex-two-col-partner .stap5-berekening .titel .perJaar {
        width: auto;
        margin-right: 10px;
    }
    .flex-two-col-deelnemer .stap5-berekening .titel .perMaand,
    .flex-two-col-partner .stap5-berekening .titel .perMaand {
        width: auto;
    }
    .flex-two-col-deelnemer .periode .berekeningPerJaar,
    .flex-two-col-partner .periode .berekeningPerJaar {
        margin-right: 65px;
    }
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #be321a;
}
.mat-radio-outer-circle {
    color: grey;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #be321a;
}
label.mat-radio-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    white-space: pre-wrap;
    font-weight: 100;
}
label.mat-radio-label-content {
    display: -ms-flexbox;
    display: flex;
    font-weight: 100;
    -ms-flex-line-pack: center;
    align-content: center;
}
label.mat-radio-label .mat-radio-container {
    -ms-flex-item-align: end;
    align-self: end;
}
label.mat-radio-label .mat-radio-label-content span sup {
    font-size: 9pt;
}
ul.stepper {
    position: relative;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}
ul.stepper,
ul.stepper li {
    display: -ms-flexbox;
    display: flex;
}
ul.stepper li {
    width: 22px;
    background-color: #fff;
    border: 1px solid grey;
    border-radius: 50%;
    list-style-type: none;
    z-index: 3;
    margin: 0;
    -ms-flex-pack: center;
    justify-content: center;
}
ul.stepper li.active,
ul.stepper li.done {
    background-color: #be321a;
    border: 1px solid #be321a;
    font-weight: 700;
    color: #fff;
}
ul.stepper li.done {
    background: #be321a url(../img/stepper-checked.svg) center center no-repeat;
    text-indent: -9999px;
}
ul.stepper li.done:after {
    position: absolute;
    left: 0;
    width: 29%;
    margin-top: 10px;
    margin-left: 20px;
    content: " ";
    border-bottom: 2px solid #be321a;
}
ul.stepper .done:nth-child(2):after {
    margin-left: 36%;
}
ul.stepper .done:nth-child(3):after {
    margin-left: 67%;
}
ul.stepper:after {
    position: absolute;
    left: 0;
    width: 99%;
    margin-top: 9pt;
    content: " ";
    border-bottom: 1px solid grey;
    z-index: 0;
}
@media (min-width: 639px) {
    .flex-component ul.stepper li.done:after {
        width: 31%;
    }
    .flex-component ul.stepper .done:nth-child(2):after {
        margin-left: 35%;
    }
}
@media (min-width: 959px) {
    .flex-component ul.stepper li.done:after {
        width: 32%;
    }
    .flex-component ul.stepper .done:nth-child(2):after {
        width: 32%;
        margin-left: 34.5%;
    }
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
    ul.stepper li:nth-child(1) {
        margin-left: 0;
    }
    ul.stepper li:nth-child(2),
    ul.stepper li:nth-child(3),
    ul.stepper li:nth-child(4) {
        margin-left: 30%;
    }
}
.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-left {
    top: 9pt;
    left: 9pt;
}
.toast-top-right {
    top: 9pt;
    right: 9pt;
}
.toast-bottom-right {
    right: 9pt;
    bottom: 9pt;
}
.toast-bottom-left {
    bottom: 9pt;
    left: 9pt;
}
.toast-title {
    font-weight: 700;
}
.toast-message {
    word-wrap: break-word;
    min-height: 81px;
    font-size: 19px;
}
.toast-message a,
.toast-message label {
    color: #000;
}
.toast-message a:hover {
    color: #ccc;
    text-decoration: none;
}
.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
}
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 13;
}
.toast-container * {
    box-sizing: border-box;
}
.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 100%;
    border-radius: 10px;
    background-position: left 9pt top 9pt;
    background-repeat: no-repeat;
    background-size: 30px;
    box-shadow: 0 0 9pt #999;
    color: #000;
}
.toast-close-button {
    font-size: 30px;
    color: #000;
    font-weight: 500;
}
.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 9pt #000;
    opacity: 1;
    cursor: pointer;
}
.toast-container.toast-bottom-center .ngx-toastr,
.toast-container.toast-top-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.toast-container.toast-bottom-full-width .ngx-toastr,
.toast-container.toast-top-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.ngx-toastr {
    background-color: #030303;
    pointer-events: auto;
}
.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 0.4;
}
@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    .toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}
@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    .toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}
@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}
.toastContainer {
    margin: 0;
    position: relative;
    bottom: 97px;
}
.toastContainer .toast-container {
    font-family: Open sans;
}
.toastContainer .toast-container p {
    font-weight: 700;
}
.toastContainer .toast-container small {
    font-size: 14px;
}
.toastContainer .toast-container .toast-success {
    background-color: #ccf0d6;
    border: 2px solid #00b332;
    background-image: url(../img/svg_informatie.svg);
}
.toastContainer .toast-container .toast-error {
    background-color: #f7cdd4;
    border: 2px solid #d9032a;
    background-image: url(../img/svg_error.svg);
}
.toastContainer .toast-container .toast-warning {
    background-color: #ffe7cc;
    border: 2px solid #ec6316;
    background-image: url(../img/svg_waarschuwing.svg);
}
#toast-container {
    position: absolute;
    width: 100%;
}
.mat-slide-toggle {
    margin: 0 11px;
}
.mat-slide-toggle .mat-slide-toggle-ripple {
    display: none;
}
.mat-slide-toggle-thumb {
    background-color: grey;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    transform: translate3d(28px, 0, 0) !important;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #be321a;
    height: 30px;
    width: 30px;
}
#mat-slide-toggle-1 {
    border: 2px solid grey;
    border-radius: 50px;
    width: 66px;
    height: 36px;
}
#mat-slide-toggle-1.mat-checked {
    border: 2px solid #be321a;
}
#mat-slide-toggle-1 .mat-slide-toggle-label .mat-slide-toggle-bar {
    background: transparent;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2px;
    height: 9pt;
}
#mat-slide-toggle-1 .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-input {
    visibility: hidden;
}
#mat-slide-toggle-1 .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-container {
    margin-top: -8px;
}
#mat-slide-toggle-1 .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-checked .mat-slide-toggle-thumb {
    background: grey;
    height: 30px;
    width: 30px;
}
#mat-slide-toggle-1 .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-bar,
#mat-slide-toggle-1 .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
    width: 30px;
    height: 30px;
}
.toggler {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
}
.toggler p {
    margin: 0;
    font-weight: 700;
}
.toggler .choice {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    justify-content: center;
}
* {
    margin: 0 auto;
    border: 0;
    padding: 0;
}
app-root {
    margin: 0;
}
section.flex-static {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
section.flex-static .bold {
    font-weight: 700;
}
section.flex-static .small {
    font-size: 9pt;
}
section.flex-static h3 {
    color: #125ba2;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
section.flex-static h3.lighter {
    margin-left: 0;
    font-weight: lighter;
}
section.flex-static .kenmerkFout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style-type: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 40pc;
    text-align: left;
    margin: 0;
    margin-top: 10px;
}
section.flex-static .kenmerkFout li {
    margin: 0;
}
section.flex-static .kenmerkFout .dlnKenmerk {
    font-weight: 700;
    min-width: 150px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.flex-static .kenmerkFout .dlnGegeven {
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 350px;
}
section.flex-static #stap5-tiles #tile-step5 {
    background: #fff;
    border: none;
    box-shadow: 0 3px 8px 0 #b3b3b3;
    z-index: 2;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
section.flex-static #stap5-tiles #tile-step5 .btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
section.flex-static .flex-content {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: initial;
    -ms-justify-content: initial;
    justify-content: initial;
    -ms-flex-pack: initial;
}
section.flex-static .flex-content .titel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
section.flex-static .flex-content .titel .lighter {
    justify-self: flex-start;
}
section.flex-static .flex-content .titel sup {
    font-size: 18px;
}
section.flex-static .flex-content .titel .page-indicator {
    justify-self: flex-end;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 15px;
}
section.flex-static .flex-content #button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
section.flex-static .flex-content p.titel {
    font-weight: 700;
}
section.flex-static .flex-content .flex-two-col.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
section.flex-static .flex-content .flex-two-col.datum {
    display: -ms-flexbox;
    display: flex;
}
section.flex-static .flex-content .flex-two-col.datum .opsomming {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}
section.flex-static .flex-content .flex-two-col.result {
    -ms-flex-align: center;
    align-items: center;
}
section.flex-static .flex-content .flex-two-col .tile-flex-in {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.flex-static .flex-content .flex-two-col .tile-flex-in h3 {
    margin: 0;
}
section.flex-static .flex-content .flex-two-col .tile-flex-in .mat-radio-label-content {
    font-family: Open Sans, sans-serif;
}
section.flex-static .flex-content .flex-two-col .tile-flex-in .form-verdeling {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.flex-static .flex-content .flex-two-col .tile-flex-in .form-verdeling #alternatieveWaarde .ng-untouched.ng-pristine {
    border: 1px solid #000;
}
section.flex-static .flex-content .flex-two-col article.flex-two-col {
    -ms-flex-direction: column;
    flex-direction: column;
}
section.flex-static .flex-content .flex-two-col article.flex-two-col span {
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}
section.flex-static .flex-content .flex-two-col article.flex-two-col span.legend {
    margin-right: 5px;
    -ms-flex: none;
    flex: none;
}
section.flex-static .flex-content .flex-two-col article.flex-two-col span.bedrag {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    width: 82px;
    white-space: nowrap;
}
section.flex-static .flex-content .flex-two-col article.flex-two-col .vorige-berek-knop {
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}
section.flex-static .flex-content .flex-two-col article.flex-two-col .vorige-berek-knop .vergelijk {
    text-align: end;
    color: #fff;
    cursor: pointer;
    font-size: 9pt;
    font-weight: 300;
}
section.flex-static .flex-content .flex-two-col.verhouding {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5px;
}
section.flex-static .flex-content .flex-two-col.verhouding .text {
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center;
}
section.flex-static .flex-content .flex-two-col.verhouding .dropdownHoogLaag {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: 135px;
    background: rgba(190, 50, 26, 0.05);
    border: 1px solid #000;
    font-size: 15px;
    font-family: Open Sans, sans-serif;
    border-radius: 5px;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}
section.flex-static .flex-content .flex-two-col.verhouding .dropdownHoogLaag::-ms-expand {
    display: block;
}
section.flex-static .flex-content .flex-component {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
section.flex-static .flex-content .form-verdeling {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
section.flex-static .flex-content ul.tiles {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    margin: 0;
    padding: 0;
}
section.flex-static .flex-content ul.tiles-samenvatting {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    min-height: 15pc;
    padding: 0 15px;
}
section.flex-static .flex-content ul.tiles-samenvatting:after {
    background: #e9edf5;
    position: absolute;
    content: " ";
    margin: 60px 0;
    height: 94%;
    width: 100vw;
    z-index: 0;
    border-radius: 25px;
    margin-left: -15px;
    left: 0;
}
section.flex-static .flex-content ul.tiles-samenvatting li {
    width: auto;
    border: 1px solid grey;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 150px;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 15px;
}
section.flex-static .flex-content ul.tiles-samenvatting li h3 {
    color: #000;
}
@media (min-width: 639px) {
    section.flex-static .flex-content ul.tiles-samenvatting:after {
        width: 639px;
    }
    section.flex-static .flex-content ul.tiles-samenvatting li {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    section.flex-static .flex-content ul.tiles-samenvatting li .tile-description {
        margin: 0;
    }
}
@media (min-width: 959px) {
    section.flex-static .flex-content #tile-step5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    section.flex-static .flex-content ul.tiles-samenvatting {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    section.flex-static .flex-content ul.tiles-samenvatting li {
        max-width: 49%;
    }
    section.flex-static .flex-content ul.tiles-samenvatting li:nth-last-child(3):first-child,
    section.flex-static .flex-content ul.tiles-samenvatting li:nth-last-child(3):first-child ~ * {
        -ms-flex-basis: 32%;
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
    section.flex-static .flex-content ul.tiles-samenvatting li:first-child {
        margin-left: 0;
    }
    section.flex-static .flex-content ul.tiles-samenvatting:after {
        width: 959px;
        height: 89%;
    }
    section.flex-static .flex-content .flex-two-col {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    section.flex-static .flex-content .flex-two-col-onmogelijk {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10px;
    }
    section.flex-static .flex-content .flex-two-col-onmogelijk .form-verdeling {
        display: block;
        margin: 0;
        width: 500px;
    }
    section.flex-static .flex-content .flex-two-col.prepensioen {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    section.flex-static .flex-content .flex-two-col.prepensioen .flex-component.prepensioen {
        width: 100%;
    }
    section.flex-static .flex-content .flex-two-col-prepensioen {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    section.flex-static .flex-content .flex-two-col-result {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    section.flex-static .flex-content .flex-two-col .tile-flex-in {
        -ms-flex-align: start;
        align-items: flex-start;
        width: 300px;
    }
    section.flex-static .flex-content .flex-two-col article.flex-two-col {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    section.flex-static .flex-content .flex-two-col article.flex-two-col span {
        margin: 0;
    }
    section.flex-static .flex-content .flex-two-col article.flex-two-col span.bedrag {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: right;
        min-width: 82px;
    }
}
@media (min-width: 1279px) {
    section.flex-static .flex-content ul.tiles-samenvatting:after {
        width: 80pc;
    }
}
.legend {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    margin-right: 5px;
    height: 31px;
    width: 31px;
}
.legend.ingegaan {
    background-color: #00b332;
}
.legend.flex {
    background-color: #0050f0;
}
.legend.flexduo {
    background-image: linear-gradient(135deg, #34a00a 50%, #0050f0 50%);
}
.legend.partner {
    background-color: #fd8824;
}
.legend.partnerflex {
    background-color: #d60d30;
}
.legend.partnerduo {
    background-image: linear-gradient(135deg, #fd8824 50%, #d60d30 50%);
}
.checkbox-inline input {
    left: -99999px;
}
.checkbox-inline span.checkbox-control {
    cursor: pointer;
}
.checkbox-inline span.checkbox-control:before {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 4px;
    border: 1px solid #333;
    opacity: 0.5;
    border-radius: 2px;
    content: "";
}
.checkbox-inline span.checkbox-control-secondary:before {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 4px;
    border: 2px solid #979797;
    opacity: 0.5;
    border-radius: 4px;
    content: "";
}
.checkbox-inline input:checked ~ span.checkbox-control:after {
    color: #be321a;
    font-size: 26px;
    position: absolute;
    top: -8px;
    left: -6px;
}
.checkbox-inline input:checked ~ span.checkbox-control-secondary:after {
    color: #979797;
    font-size: 11px;
    position: absolute;
    top: 5px;
    left: 2px;
}
.checkbox-inline span.text {
    position: relative;
    top: -6px;
    margin-left: -2em;
    text-indent: 2em;
    left: 30px;
}
.checkbox-inline input.disabled ~ span.checkbox-control {
    cursor: not-allowed;
}
.checkbox-inline.no-padding-left,
.radio,
.radio-inline {
    padding-left: 0;
}
.radio input,
.radio-inline input {
    left: -99999px;
}
.radio input ~ span.radio-control,
.radio-inline input ~ span.radio-control {
    display: inline-block;
}
.radio span.radio-control,
.radio-inline span.radio-control {
    cursor: pointer;
}
.radio input ~ span.radio-control:before,
.radio-inline input ~ span.radio-control:before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.25em;
    border-radius: 1em;
    border: 0.2em solid #f5f5f5;
    margin-right: 0.75em;
    transition: 0.1s ease all;
}
.radio input:checked ~ span.radio-control:before,
.radio-inline input:checked ~ span.radio-control:before {
    background: #fff;
    border: 0.45em solid #be321a;
}
.radio input:focus ~ span.radio-control:after,
.radio-inline input:focus ~ span.radio-control:after {
    font-size: 1.5em;
    line-height: 1;
    vertical-align: -0.125em;
}
.radio input.disabled,
.radio label.disabled,
.radio-inline input.disabled,
.radio-inline label.disabled {
    pointer-events: none;
    cursor: not-allowed;
}
.radio input.disabled ~ span.radio-control,
.radio-inline input.disabled ~ span.radio-control {
    cursor: not-allowed;
}
.radio label {
    font-weight: 700;
}
.form-control-feedback {
    right: 5px;
}
.form-control-feedback.clickable-feedback {
    pointer-events: auto;
    text-decoration: none;
}
.form-control-msg {
    margin-top: 10px;
}
.form-control-msg-shown {
    display: block;
}
.form-control-msg-hidden {
    display: none;
}
#tel-fields {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
}
#welkom-tel-section {
    display: none;
}
.mdpp-text-field-outlined {
    display: -ms-flexbox;
    display: flex;
    padding: 9pt 1pc 14px;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: 0.009375em;
    text-decoration: inherit;
    text-transform: inherit;
    -ms-flex-item-align: end;
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%;
    max-width: 345px;
    height: 100%;
    transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid gray;
    border-radius: 4px;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1;
}
.mdpp-text-field-outlined.tel {
    margin: 0;
}
.mdpp-text-field-outlined:focus {
    outline: 0;
    border: 2px solid #125ba2;
    transition: border 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdpp-text-field-outlined#EmailTitle:focus {
    border: 2px solid #be321a !important;
}
.mdpp-text-field-outlined#EmailBody:focus {
    border: 2px solid #125ba2 !important;
}
.mdpp-text-field-outlined.is-invalid {
    border-color: #f80;
}
.mdpp-text-field-outlined.is-valid {
    border-color: #00b332;
}
.mdpp-text-field-helper-text {
    display: block;
    margin: 5px 0 0;
    padding: 0 1pc;
    font-family: Roboto, sans-serif;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.form-radio {
    display: -ms-flexbox;
    display: flex;
}
.error {
    color: red;
}
@keyframes c {
    0% {
        box-shadow: 0 0 0 1px transparent;
    }
    50% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
    }
    to {
        box-shadow: 0 0 0 15px transparent;
    }
}
.md-radio-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.md-radio {
    margin: 0;
    margin-top: 10px;
}
.md-radio input[type="radio"] {
    display: none;
}
.md-radio input[type="radio"]:checked + label:before {
    border-color: #be321a;
    animation: c 0.2s linear forwards;
}
.md-radio input[type="radio"]:checked + label:after {
    transform: scale(1);
}
.md-radio label {
    display: inline-block;
    margin: 0 0 25px;
    height: 20px;
    position: relative;
    padding: 0 30px;
    cursor: pointer;
    vertical-align: bottom;
}
.md-radio label.risicoprofielRadioButton {
    margin-bottom: 0;
}
.md-radio label[for="zelfBeleggen"] {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    min-height: 25px;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.md-radio label:after,
.md-radio label:before {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: all 0.3s ease;
    transition-property: transform, border-color;
    transition-property: transform, border-color, -webkit-transform;
}
.md-radio label:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0.54);
    box-sizing: border-box;
}
.md-radio label:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: #be321a;
    box-sizing: border-box;
}
#contact-email-form,
#contact-email-form .contact-form-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#contact-email-form .contact-form-item {
    margin: 0 0 25px;
}
#contact-email-form .contact-form-item label {
    margin: 0 15px 10px 0;
}
#contact-email-form .contact-form-item .mdpp-text-field-outlined {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
#contact-email-form .contact-form-item input[type="text"],
#contact-email-form .contact-form-item textarea {
    max-width: 490px;
}
#contact-email-form .contact-form-item:first-of-type {
    margin: 0 0 10px;
}
#contact-email-form .contact-form-item:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
}
#contact-email-form .contact-form-item:last-of-type a {
    max-width: 280px;
}
#contact-email-form .contact-form-item:last-of-type a:last-of-type {
    margin-top: 15px;
}
#contact-email-form aside {
    max-width: 490px;
}
.featherlight-inner #contact-email-form #contact_email_bericht,
.featherlight-inner #contact-email-form #contact_email_onderwerp {
    margin: 0;
}
.featherlight-inner ul {
    list-style-position: inside;
}
#contact-bedankt,
#contact-form {
    width: 95%;
    margin: 0 1em;
    padding-right: 10px;
}
#contact-bedankt {
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 639px) {
    #contact-email-form .contact-form-item {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #contact-email-form .contact-form-item a:last-child {
        margin-left: 10px;
    }
    #contact-email-form .contact-form-item a {
        width: 10pc;
    }
    #contact-email-form .contact-form-item:last-of-type {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    #contact-email-form .contact-form-item:last-of-type a {
        margin-top: 15px;
    }
    #contact-form {
        width: 98%;
    }
}
@media (min-width: 1279px) {
    #contact-email-form .contact-form-item {
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 25px;
    }
    #contact-email-form .contact-form-item label {
        margin: 0 15px 10px 0;
    }
    #contact-email-form aside {
        max-width: 575px;
    }
}
.loader-active {
    display: block !important;
}
.loader-inactive {
    display: none !important;
}
.opacity-full {
    opacity: 1;
}
.opacity-quarter {
    opacity: 0.25;
}
#overlay {
    display: none;
}
#iLivePresenceChat {
    visibility: hidden;
}
#bevestiging-featherlight,
#detail-text,
#iChatTyping,
#loadMoreEvents,
#tarief-text {
    display: none;
}