@charset "UTF-8";
/*
De skin genaamd "ZorgwebAnalyse". Deze wordt bij Z-analyse en Z-controle gebruikt, zie bijv. ZAN/basis.conf.
*/
/*------------------------------------*\
    #SETUP
\*------------------------------------*/
/**
 * Plek van afbeeldingen wordt hier neergezet.
 */
/**
 * Settings, variables, mixins, functies specifiek voor deze skin.
 */
/* ------------------------------------
   #SETTINGS-SKIN
   ------------------------------------*/
/**
 *  De skin Zorgweb-standaard heeft als combined de combined_Standaard.scss
 *  Deze skin is bedoeld voor op verschillende onderdelen de standaard Zorgweb styling te zetten.
 *
 */
/*
  Algemeen
  ------------------------------------*/
/*
  Typography
  ------------------------------------*/
@font-face {
  font-family: 'Proxima Nova';
  src: url(../fonts/Zorgweb/ProximaNova.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  src: url(../fonts/Zorgweb/proxima_nova_bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Semi Bold';
  src: url(../fonts/Zorgweb/proxima-nova-boldsemi.woff2) format("woff2"), url(../fonts/Zorgweb/proxima-nova-boldsemi.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
  Base elementen
  ------------------------------------*/
/*
  Form Items
  ------------------------------------*/
/*
  Buttons
  ------------------------------------*/
/*
  Layout
  ------------------------------------*/
/* ------------------------------------
   #SETTINGS-SKIN
   ------------------------------------*/
/**
 *  De skin Zorgweb-analyse heeft zelfde settings als Zorgweb Standaard, behalve degene die hieroverschreven worden.
 *  Deze skin is bedoeld voor op verschillende onderdelen de standaard Zorgweb styling te zetten.
 *
 */
/*
  Base elementen
  ------------------------------------*/
/*------------------------------------*\
                #SETTINGS
\*------------------------------------*/
/**
 * Algemeen
 */
/**
 * TYPOGRAPHY
 */
@font-face {
  font-family: 'Proxima Nova';
  src: url(../fonts/Zorgweb/proxima-nova.woff2) format("woff2"), url(../fonts/Zorgweb/proxima-nova.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  src: url(../fonts/Zorgweb/proxima-nova-bold.woff2) format("woff2"), url(../fonts/Zorgweb/proxima_nova_bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/**
 * BASE ELEMENTS
 */
/**
 * FORM-ITEMS
 */
/**
 * BUTTONS
 */
/**
 * LAYOUT
 */
/**
 * ICONS
 */
/**
 * ZORGWEB-STYLING VARIABELEN
 */
/*------------------------------------*\
          #TOOLS-RESPONSIVE
\*------------------------------------*/
/*
$responsive-settings: false !default;

@if $responsive-settings == false {
  @warn "Oops! Have you included a responsive settings file?"
}

*/
/**
 * Basis css voor gelijk trekken browsers, verder basis elementen krijgen wat styling hier.
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*-----------------------*\
    #BASE ELEMENTS
\*-----------------------*/
/**
Definieert stijlen voor standaard HTML-elementen.
Richtlijnen:
1. geen of nauwelijks css-class-names;
2. alleen styling ten behoeve van:
 a. gelijktrekken browsers;
 b. definiëren standaardkleuren en -fonts, maar wel alleen met variabeles!
 c. datgene fixen wat browsers standaard niet goed of niet mooi doen;
3. Geen layouting.
*/
html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

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

body {
  color: #173B60;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 12.6px;
    line-height: 1.375;
  }
}

body.with-header.with-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Proxima Nova Bold", sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 0.25rem;
}

h1 {
  font-size: 2.25em;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

a,
a:link {
  color: #1077af;
  font-style: 400;
  text-decoration: none;
  outline: 0;
}

a:hover,
a:link:hover {
  color: #122F4C;
  font-style: 400;
  text-decoration: underline;
}

a:active, a:focus,
a:link:active,
a:link:focus {
  color: #122F4C;
  font-style: 400;
  text-decoration: underline;
}

p {
  margin-bottom: 1rem;
}

ul,
ol {
  margin: 0 0 1rem 1.5rem;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ol.navigation-buttons {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

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

img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle;
}

/*-----------------------*\
    #FORM-ITEMS
\*-----------------------*/
legend {
  border: 0;
  display: block;
}

input.text,
input.password,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input:not([type]) {
  color: #333;
  font-family: Proxima Nova, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  border-color: #bad2df;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: none;
  padding: 0.25rem;
}

input.day,
input.month {
  width: 2em;
}

input.year {
  width: 11em;
}

input[type="radio"] {
  margin-right: .5rem;
}

.radio-group {
  display: inline-block;
}

.radio-group .b-radio-with-label {
  display: inline-block;
}

.radio-group .b-radio-with-label label {
  margin-right: 1rem;
}

select {
  width: 22em;
  color: #333;
  font-size: 1em;
  line-height: 1.5;
  padding: 0.25rem;
}

.aantal-kinderen__keuze,
.eigen-risico-panel__keuze,
.vrije-keuze__keuze,
.b-prospectVragenDropdownChoices__keuze {
  display: inline-block;
}

textarea {
  display: block;
  max-width: 100%;
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

input[type=submit] {
  cursor: pointer;
}

/*-----------------------*\
    #FEEDBACKPANEL
\*-----------------------*/
/**
 *
 */
.feedbackPanel {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.feedbackPanel .feedbackPanelERROR span {
  color: #EC4C4C;
}

/*------------------------------------*\
    #REQUIRED
\*------------------------------------*/
/**
 * Styling van de asterisk bij de verplichte velden.
 */
label b,
.asterisk,
.footnote-required-fields {
  display: none;
}

/*-----------------------*\
    #CLEAR
\*-----------------------*/
.clear {
  clear: both;
}

/*------------------------------------*\
    #SKIN
\*------------------------------------*/
/**
 * Alle skin specifieke zaken worden hier ingeladen in de panels.
 */
/*-----------------------*\
    #HEADER
\*-----------------------*/
/**
 *
 *  Staat in BaseWebPage.html
 */
.page-header {
  display: flex;
  justify-content: space-between;
  height: 75px;
  font-family: "Proxima Nova", sans-serif;
  line-height: 1.5;
  background-color: #173B60;
  background-image: url(../images/Zorgweb/logo--zorgweb-header.svg);
  background-repeat: no-repeat;
  background-size: auto 75px;
  background-position: 2rem 50%;
  margin-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.b-topmenu .menu.topmenu {
  padding: 0;
  margin: 0;
  padding-top: 23px;
}

.b-topmenu .menu.topmenu .topmenu__item {
  display: inline-block;
  margin-right: -.3rem;
  padding: 0 1rem .2rem;
}

.topmenu__item a.topmenu__link {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 14px !important;
  text-decoration: none;
}

.topmenu__item a.topmenu__link:hover, .topmenu__item a.topmenu__link:active, .topmenu__item a.topmenu__link:focus {
  color: #d5fb8a;
  text-decoration: underline;
}

.topmenu__item.last {
  background-color: #122F4C;
  padding: 5px;
}

.topmenu__item.last a.topmenu__link {
  color: #fff !important;
}

.laatste-logberichten {
  margin: 3rem;
}

/*-----------------------*\
      #MAINBLOCK
\*-----------------------*/
/**
 * Styling van het main block die in elk panel terugkomt.
 * Hier komt de styling die voor elk panel geldt. Panel specifieke css komt in het scss bestand
 * van dat panel.
 */
.with-header.with-footer .container {
  min-height: calc(100vh - 75px);
  padding-bottom: 3.125rem;
}

.main_content {
  margin: 0 auto 1.25rem;
  padding: 0 80px;
}

.table_title {
  display: none;
}

/*-----------------------*\
      #FOOTER
\*-----------------------*/
/**
 * Styling van de footer
 */
.b-page-footer {
  padding-left: 80px;
}

.page-footer__logo {
  background-image: url(../images/Zorgweb/logo--zanalyse-lichte-achtergrond.svg) !important;
  background-position: 0 50% !important;
  background-size: 165px !important;
}

/* ------------------------------------
   #ADMIN-TOOLS--APPLICATIELOG
   ------------------------------------*/
/**
 * Redactielog voor het bekijken wie wat heeft aangepast in Z-analyse
 * Admin kan alle afnemers zien. Gebruiker kan alleen eigen afnemer zien.
 */
/*
  Pagina styling
  ------------------------*/
.redactielog {
  padding: 0 3rem;
}

/*
  Table styling
  -----------------*/
.t-redactielog {
  width: 100%;
}

.t-redactielog tr:hover {
  background-color: #f2f3f3;
}

.t-redactielog tr:first-of-type td {
  border-top: 1px solid #44c5ec;
}

.t-redactielog th,
.t-redactielog td {
  text-align: left;
  vertical-align: top;
  padding: 1.25rem;
}

.t-redactielog td {
  min-width: 11rem;
  border-bottom: 1px solid #44c5ec;
}

/* ------------------------------------
   #AUTOCOMPLETER
   ------------------------------------*/
/**
 *
 */
input.autocompleter {
  width: 100%;
  font-size: 15px !important;
}

.zorginkoop-button-rij__contents input.autocompleter, .kostensoort-button-rij__contents input.autocompleter {
  width: 360px;
  margin-right: 150px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0;
  padding-left: 20px;
}

.zorginkoop-button-rij__contents input.autocompleter:focus, .zorginkoop-button-rij__contents input.autocompleter:hover, .zorginkoop-button-rij__contents input.autocompleter:active, .kostensoort-button-rij__contents input.autocompleter:focus, .kostensoort-button-rij__contents input.autocompleter:hover, .kostensoort-button-rij__contents input.autocompleter:active {
  border-left: none;
  border-top: none;
  border-right: none;
  box-shadow: none;
  border-bottom-color: #44c5ec;
}

.wicket-aa-container {
  width: 575px !important;
  overflow: visible !important;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
  margin-top: 5px !important;
  margin-left: -30px !important;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.wicket-aa-container:before {
  display: inline-block;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 0;
  left: 10px;
  content: " ";
  background-color: #fff;
  transform: rotate(48grad);
  margin-top: -6px;
}

.wicket-aa-container .wicket-aa {
  padding-left: 30px;
}

.wicket-aa-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.wicket-aa-container ul li {
  color: #173B60;
  font-size: 15px;
  margin-bottom: 5px;
  padding-left: 5px;
}

.wicket-aa-container ul li.selected {
  color: #fff;
  background-color: #173B60;
}

.wicket-aa-container ul li .m_highlight {
  background-color: rgba(255, 227, 0, 0.2);
  font-family: "Proxima Nova Semi Bold";
}

/* ------------------------------------
   #BREADCRUMB
   ------------------------------------*/
/**
 * Kruimelpad
 *
 *
 */
.b-kruimelpad {
  background-color: #173B60;
  margin-top: -4rem;
  margin-bottom: 1rem;
  padding: 1rem 3rem;
}

.kruimelpad__list {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.kruimelpad__item {
  margin-right: 1rem;
}

.kruimelpad__item:last-of-type {
  margin-right: 0;
}

a.kruimelpad__link:hover, a.kruimelpad__link:active, a.kruimelpad__link:focus {
  color: #d5fb8a;
  text-decoration: underline;
}

.kruimelpad__item.last a.kruimelpad__link {
  color: #fff;
}

.kruimelpad__item.last a.kruimelpad__link:hover, .kruimelpad__item.last a.kruimelpad__link:active, .kruimelpad__item.last a.kruimelpad__link:focus {
  color: #fff;
  text-decoration: none;
}

/* ------------------------------------
   #BUTTONS
   ------------------------------------*/
/**
 *
 */
.keuzeTabToolbarButton {
  margin-right: 10px;
}

a.knop {
  display: inline-block;
  height: 34px;
  width: 200px;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: #44c5ec;
  border: 1px solid #44c5ec;
  border-radius: 2px;
  margin-bottom: 10px;
  margin-right: 10px;
}

a.knop:last-of-type {
  margin-right: 0;
}

a.knop:hover, a.knop:focus, a.knop:active {
  color: #44c5ec;
  background-color: #fff;
  text-decoration: none;
}

.button-verder {
  height: 40px;
  width: 170px;
  background-color: #D1F4FF;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 18px;
  text-align: left;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%209h12.17l-5.59%205.59L8%2016l8-8-8-8-1.41%201.41L12.17%207H0%22%20fill%3D%22%23173B60%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.6%22/%3E%3C/svg%3E");
  background-position: calc(100% - 12px) 50%;
  background-repeat: no-repeat;
  border: 1px solid #D1F4FF;
  border-radius: 2px;
  padding: 6px 12px;
}

.button-verder:hover, .button-verder:focus, .button-verder:active {
  background-color: #fff;
}

.tab-pakketten__quick-links .button-verder {
  width: 100%;
  text-align: center;
}

.zorginkoop button,
.zorginkoop input[type="button"],
.statuspage button,
.zorginkoop-acties-lijst li a,
.waardering-toepassen button,
.submit-bottom,
.button-toepassen,
.update-record-form button {
  height: 40px;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  background-color: #94C53D;
  border: 1px solid #94C53D;
  border-radius: 2px;
  margin-bottom: 1.25rem;
  padding: 6px 12px;
}

.zorginkoop button:hover, .zorginkoop button:focus, .zorginkoop button:active,
.zorginkoop input[type="button"]:hover,
.zorginkoop input[type="button"]:focus,
.zorginkoop input[type="button"]:active,
.statuspage button:hover,
.statuspage button:focus,
.statuspage button:active,
.zorginkoop-acties-lijst li a:hover,
.zorginkoop-acties-lijst li a:focus,
.zorginkoop-acties-lijst li a:active,
.waardering-toepassen button:hover,
.waardering-toepassen button:focus,
.waardering-toepassen button:active,
.submit-bottom:hover,
.submit-bottom:focus,
.submit-bottom:active,
.button-toepassen:hover,
.button-toepassen:focus,
.button-toepassen:active,
.update-record-form button:hover,
.update-record-form button:focus,
.update-record-form button:active {
  color: #94C53D;
  text-decoration: none;
  background-color: #fff;
}

.tab-pakketten__quick-links .zorginkoop button, .tab-pakketten__quick-links .zorginkoop input[type="button"], .tab-pakketten__quick-links .statuspage button, .tab-pakketten__quick-links .zorginkoop-acties-lijst li a, .tab-pakketten__quick-links .waardering-toepassen button, .tab-pakketten__quick-links .submit-bottom, .tab-pakketten__quick-links .button-toepassen, .tab-pakketten__quick-links .update-record-form button {
  width: 100%;
  margin-bottom: 10px;
}

.zorginkoop button.disabled,
.zorginkoop input[type="button"].disabled,
.statuspage button.disabled,
.zorginkoop-acties-lijst li a.disabled,
.waardering-toepassen button.disabled,
.submit-bottom.disabled,
.button-toepassen.disabled,
.update-record-form button.disabled {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: line-through;
  background-color: #EC4C4C;
  border-color: #EC4C4C;
}

.zorginkoop button.disabled:hover, .zorginkoop button.disabled:focus, .zorginkoop button.disabled:active,
.zorginkoop input[type="button"].disabled:hover,
.zorginkoop input[type="button"].disabled:focus,
.zorginkoop input[type="button"].disabled:active,
.statuspage button.disabled:hover,
.statuspage button.disabled:focus,
.statuspage button.disabled:active,
.zorginkoop-acties-lijst li a.disabled:hover,
.zorginkoop-acties-lijst li a.disabled:focus,
.zorginkoop-acties-lijst li a.disabled:active,
.waardering-toepassen button.disabled:hover,
.waardering-toepassen button.disabled:focus,
.waardering-toepassen button.disabled:active,
.submit-bottom.disabled:hover,
.submit-bottom.disabled:focus,
.submit-bottom.disabled:active,
.button-toepassen.disabled:hover,
.button-toepassen.disabled:focus,
.button-toepassen.disabled:active,
.update-record-form button.disabled:hover,
.update-record-form button.disabled:focus,
.update-record-form button.disabled:active {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: line-through;
  background-color: #EC4C4C;
  border-color: #EC4C4C;
}

/*
  knop initialiseer
  ---------------------------- */
.button-initialiseer {
  display: inline-block;
  height: 40px;
  width: 230px;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  background-color: red;
  border: 1px solid red;
  padding: 6px 12px;
}

.button-initialiseer:hover, .button-initialiseer:active, .button-initialiseer:focus {
  color: red;
  background-color: #fff;
  border: 1px solid red;
}

.button-initialiseer--breder {
  width: auto;
}

.herinitialisatie .button-initialiseer--breder {
  margin-bottom: 5px;
}

.button-delete {
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  background-color: red;
  border: 1px solid red;
  padding: 0 6px;
}

.button-delete:hover, .button-delete:active, .button-delete:focus {
  color: red;
  background-color: #fff;
}

a.verzekering-titel__verwijder {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 99;
}

a.verzekering-titel__verwijder span {
  display: block;
  height: 25px;
  width: 25px;
  font-size: 0;
  text-decoration: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.94%203.06c-3.28-3.28-8.6-3.28-11.88%200-3.28%203.28-3.28%208.6%200%2011.88%203.28%203.28%208.6%203.28%2011.88%200%203.28-3.28%203.28-8.6%200-11.88zm-3.112%2010.183L9%2010.413l-2.828%202.83-1.415-1.415L7.587%209l-2.83-2.828%201.415-1.415L9%207.587l2.828-2.83%201.415%201.415L10.413%209l2.83%202.828-1.415%201.415z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  margin-top: -10px;
  margin-right: -10px;
}

a.verzekering-titel__verwijder:hover {
  text-decoration: none;
}

.ui-draggable-dragging a.verzekering-titel__verwijder {
  display: none;
}

.verwijder-dekking,
.verwijder-dekkingscontract {
  display: block;
  float: right;
  height: 18px;
  width: 18px;
  text-decoration: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.94%203.06c-3.28-3.28-8.6-3.28-11.88%200-3.28%203.28-3.28%208.6%200%2011.88%203.28%203.28%208.6%203.28%2011.88%200%203.28-3.28%203.28-8.6%200-11.88zm-3.112%2010.183L9%2010.413l-2.828%202.83-1.415-1.415L7.587%209l-2.83-2.828%201.415-1.415L9%207.587l2.828-2.83%201.415%201.415L10.413%209l2.83%202.828-1.415%201.415z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
}

.verwijder-dekking:hover,
.verwijder-dekkingscontract:hover {
  text-decoration: none;
}

.verwijder-dekkingscontract {
  margin-top: -20px;
}

@font-face {
  font-family: 'icomoon';
  src: url("/apps/style/fonts/icomoon.eot?hmdfuu");
  src: url("/apps/style/fonts/icomoon.woff?hmdfuu") format("woff");
  font-weight: normal;
  font-style: normal;
}

.zorginkoop .button.verwijder, .zorginkoop a.kopieren, .zorginkoop a.wijzigen, .zorginkoop a.verwijderen {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0;
  text-decoration: none;
}

.zorginkoop .button.verwijder:before, .zorginkoop a.kopieren:before, .zorginkoop a.wijzigen:before, .zorginkoop a.verwijderen:before {
  font-size: 18px;
  margin: 2px;
}

.zorginkoop a.kopieren:before {
  content: "\e925";
}

.zorginkoop a.wijzigen:before {
  content: "\e926";
}

.zorginkoop span.button:before, .zorginkoop a.verwijderen:before {
  content: "\e9ac";
}

.button.primair {
  margin-left: 2rem;
}

/* ------------------------------------
   #BUTTONS-POPUP
   ------------------------------------*/
/**
 *
 */
.help-symbol {
  display: inline-block;
  height: 30px;
  width: 27px;
  position: relative;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%2344C5EC%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22/%3E%3Cpath%20d%3D%22M7.26%202.364c.53%200%20.793.36.793.77%200%20.515-.46.99-1.055.99-.5%200-.792-.295-.778-.784%200-.41.347-.976%201.04-.976zm-1.623%207.878c-.417%200-.722-.256-.43-1.388l.478-2.006c.083-.32.096-.45%200-.45-.125%200-.666.222-.986.44l-.21-.346c1.014-.86%202.18-1.366%202.68-1.366.416%200%20.486.502.278%201.273L6.9%208.506c-.097.372-.056.5.042.5.124%200%20.534-.154.937-.475l.235.32c-.985%201.004-2.062%201.39-2.478%201.39z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 6px;
  cursor: pointer;
}

.info_popup_holder {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23AEBBC8%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22/%3E%3Cpath%20d%3D%22M7.26%202.364c.53%200%20.793.36.793.77%200%20.515-.46.99-1.055.99-.5%200-.792-.295-.778-.784%200-.41.347-.976%201.04-.976zm-1.623%207.878c-.417%200-.722-.256-.43-1.388l.478-2.006c.083-.32.096-.45%200-.45-.125%200-.666.222-.986.44l-.21-.346c1.014-.86%202.18-1.366%202.68-1.366.416%200%20.486.502.278%201.273L6.9%208.506c-.097.372-.056.5.042.5.124%200%20.534-.154.937-.475l.235.32c-.985%201.004-2.062%201.39-2.478%201.39z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.info_popup_holder.empty-text {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23D7E4F1%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22/%3E%3Cpath%20d%3D%22M7.26%202.364c.53%200%20.793.36.793.77%200%20.515-.46.99-1.055.99-.5%200-.792-.295-.778-.784%200-.41.347-.976%201.04-.976zm-1.623%207.878c-.417%200-.722-.256-.43-1.388l.478-2.006c.083-.32.096-.45%200-.45-.125%200-.666.222-.986.44l-.21-.346c1.014-.86%202.18-1.366%202.68-1.366.416%200%20.486.502.278%201.273L6.9%208.506c-.097.372-.056.5.042.5.124%200%20.534-.154.937-.475l.235.32c-.985%201.004-2.062%201.39-2.478%201.39z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E");
}

.info_popup_holder a.popup_link {
  height: 100%;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}

.numbered-voetnoot .nr,
.numbered-voetnoot a.popup_link,
.footnote_popup_holder .nr,
.footnote_popup_holder a.popup_link {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 14px;
  min-width: 18px;
  color: #fff;
  text-decoration: none;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 12px;
  background-color: #AEBBC8;
  border-radius: 50%;
}

.numbered-voetnoot .nr:hover, .numbered-voetnoot .nr:focus, .numbered-voetnoot .nr:active,
.numbered-voetnoot a.popup_link:hover,
.numbered-voetnoot a.popup_link:focus,
.numbered-voetnoot a.popup_link:active,
.footnote_popup_holder .nr:hover,
.footnote_popup_holder .nr:focus,
.footnote_popup_holder .nr:active,
.footnote_popup_holder a.popup_link:hover,
.footnote_popup_holder a.popup_link:focus,
.footnote_popup_holder a.popup_link:active {
  background-color: #AEBBC8;
}

.numbered-voetnoot .nr span,
.numbered-voetnoot a.popup_link span,
.footnote_popup_holder .nr span,
.footnote_popup_holder a.popup_link span {
  align-self: center;
  margin: 0 4px -1px;
}

.numbered-voetnoot:not(:last-of-type) {
  margin-bottom: 30px;
}

.numbered-voetnoot .nr {
  height: 14px;
  width: 14px;
  margin-left: -17px;
}

.numbered-voetnoot .nr span {
  margin: 0;
}

.uitleg-editor {
  font-size: 80%;
  color: grey;
}

/* ------------------------------------
   #FEEDBACKPANEL
   ------------------------------------*/
/**
 * Styling van de feedback tekst bij niet goed invullen formulier
 */
ul.feedbackPanel {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

ul.feedbackPanel > li.error {
  margin-bottom: 10px;
}

ul.feedbackPanel > li.error span {
  color: #EC4C4C;
  font-size: 14px;
}

ul.feedbackPanel .feedbackPanelWARNING span {
  color: #ff8a00;
  background-color: #fff3e6;
}

ul.feedbackPanel .feedbackPanelINFO span {
  color: #5f974d;
  background-color: #eff6ed;
}

ul.feedbackPanel .feedbackPanelERROR span {
  color: #f0624c;
  background-color: #fef2f1;
}

.vergelijkingsTabel-dataColumn ul.feedbackPanel > li span {
  color: #EC4C4C;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-shadow: none;
  background-color: transparent;
  padding: 0;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  vertical-align: top;
}

/*------------------------------------*\
    $CUSTOM-FORM
\*------------------------------------*/
/**
 * Custom webform components styling for all the panels
 *
 */
/* Checkbox custom build */
label.label-checkbox {
  position: relative;
  display: inline-block;
  outline: 0 none;
  vertical-align: middle;
  padding-left: 28px;
}

label.label-checkbox input[type="checkbox"] {
  border: 1px solid grey;
  position: absolute;
  opacity: 0;
  top: auto !important;
  left: 0;
}

label.label-checkbox input + span:before {
  position: relative;
  top: 3px;
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #bad2df;
  border-radius: 2px;
  margin-right: 12px;
  margin-left: -28px;
}

.herinitialisatie label.label-checkbox input + span:before {
  background-color: #fff;
}

label.label-checkbox input:checked + span:before {
  background-color: #44c5ec;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%2010.42l-5-5%201.41-1.41L5%207.59%2012.59%200%2014%201.42%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 70%;
  background-repeat: no-repeat;
  border: 2px solid #44c5ec;
}

/*
 Maakt een toggle switch van een input[type=checkbox]

Vereiste HTML:
<input class='&' type='checkbox'/>
<label for='...'></label>

Bron: http://callmenick.com/post/css-toggle-switch-examples
TODO: parameters voor het formaat en de kleuren!

 */
.toon-alleen-verschillen {
  position: absolute;
  visibility: hidden;
}

.toon-alleen-verschillen + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.toon-alleen-verschillen + label {
  padding: 2px;
  width: 30px;
  height: 16px;
  background-color: #dddddd;
  border-radius: 30px;
  transition: background 0.4s;
}

.toon-alleen-verschillen + label:before, .toon-alleen-verschillen + label:after {
  display: block;
  position: absolute;
  content: "";
}

.toon-alleen-verschillen + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 30px;
  transition: background 0.4s;
}

.toon-alleen-verschillen + label:after {
  top: 3px;
  left: 3px;
  bottom: 3px;
  height: 10px;
  width: 10px;
  background-color: #dddddd;
  border-radius: 50%;
  transition: margin 0.4s, background 0.4s;
}

.toon-alleen-verschillen:checked + label {
  background-color: #44c5ec;
}

.toon-alleen-verschillen:checked + label:before {
  background-color: #44c5ec;
}

.toon-alleen-verschillen:checked + label:after {
  margin-left: 13px;
  background-color: #fff;
}

/* -----------------------
   #FORM-ITEMS
   -----------------------*/
/**
 *
 */
input.text,
input.password,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input:not([type]) {
  height: 34px;
  color: #173B60;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #bad2df;
}

input.text:hover,
input.password:hover,
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input:not([type]):hover {
  border-color: #44c5ec;
}

input.text:focus, input.text:active,
input.password:focus,
input.password:active,
input[type="text"]:focus,
input[type="text"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input:not([type]):focus,
input:not([type]):active {
  box-shadow: 0 0 4px rgba(68, 197, 236, 0.5);
}

.editable-input input.text, .editable-input input.password, .editable-input input[type="text"], .editable-input input[type="tel"], .editable-input input[type="email"], .editable-input input[type="password"], .editable-input input:not([type]) {
  height: 18px;
}

.update-record-form input.text, .update-record-form input.password, .update-record-form input[type="text"], .update-record-form input[type="tel"], .update-record-form input[type="email"], .update-record-form input[type="password"], .update-record-form input:not([type]) {
  height: 24px;
}

select {
  height: 32px;
  color: #173B60;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #bad2df;
  box-shadow: 0 0 4px rgba(23, 59, 96, 0.1);
}

select:focus, select:hover, select:active {
  border-color: #44c5ec;
}

::-webkit-input-placeholder {
  opacity: .6;
}

::-moz-placeholder {
  opacity: .6;
}

:-ms-input-placeholder {
  opacity: .6;
}

.select2-container {
  max-width: 350px;
  width: 100% !important;
  height: auto;
  font-size: 14px;
  background-color: #fff;
  border-radius: 2px;
  margin-bottom: 20px !important;
}

.select2-container .select2-selection {
  height: 32px;
  color: #173B60;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  line-height: 40px;
  border: 1px solid #bad2df;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(23, 59, 96, 0.1);
}

.select2-container .select2-selection:focus, .select2-container .select2-selection:hover, .select2-container .select2-selection:active {
  border-color: #44c5ec;
}

.select2-container .select2-selection .select2-selection__rendered {
  height: 40px;
  line-height: 40px;
}

.select2-container.select2-container--open .select2-selection {
  border-color: #bad2df;
}

.select2-container.select2-container--open .select2-selection:hover {
  border-color: #bad2df !important;
  box-shadow: none;
}

.select2-container.select2-container--open .select2-selection:focus, .select2-container.select2-container--open .select2-selection:active {
  border-color: #bad2df !important;
  box-shadow: none;
}

.select2-container.select2-container--open .select2-selection__rendered {
  opacity: .5;
}

.wicket-modal .select2-container {
  margin-bottom: 1.25rem;
}

.vragen .select2-container {
  margin-bottom: 0 !important;
}

.select2-dropdown {
  z-index: 29999 !important;
  border-color: #bad2df !important;
}

.select2-search__field {
  min-height: 26px;
  border-color: #bad2df !important;
  border-style: solid !important;
  border-width: 2px !important;
}

.select2-search__field:hover {
  border-color: #173B60 !important;
}

.select2-search__field:focus, .select2-search__field:active {
  border-color: #173B60 !important;
}

.select2-dropdown--below {
  margin-top: -1px !important;
}

.select2-dropdown--above {
  margin-bottom: -1px !important;
}

.update-record-form input[type="radio"] {
  width: auto;
}

/*------------------------*\
    #WICKET-INDICATOR
\*------------------------*/
.wicket-ajax-indicator {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
}

/*------------------------------------*\
    $POPUPS
\*------------------------------------*/
/**
 * Styling van de popups. Zijn 2 verschillende plugins gebruikt.
 *
 */
/* $JQUERYBUBBLEPOPUP */
.jquerybubblepopup .jquerybubblepopup-innerHtml {
  width: 35em;
  color: #173B60;
  font-family: Proxima Nova, sans-serif !important;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #bad2df;
  box-shadow: 0 0 8px rgba(23, 59, 96, 0.25);
  border-radius: 2px;
  padding: 25px 20px;
}

.jquerybubblepopup td {
  background-image: none !important;
}

.jquerybubblepopup td img {
  display: none;
}

.jquerybubblepopup td .acceptatiecriteria {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.jquerybubblepopup td .acceptatiecriteria li {
  margin-bottom: 15px;
}

.popup-permalink {
  width: 330px;
  position: absolute;
  right: 0;
  top: 40px;
  background-color: #fff;
  border: 1px solid #bad2df;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(23, 59, 96, 0.25);
  margin-bottom: 10px;
  padding: 30px 10px 10px;
  z-index: 999;
}

.popup-permalink:before {
  display: inline-block;
  height: 15px;
  width: 15px;
  position: absolute;
  right: 17px;
  top: -8px;
  content: " ";
  background-color: #fff;
  transform: rotate(48grad);
}

.popup-permalink a.permalink__close-link {
  float: right;
  text-decoration: none;
  margin-top: -25px;
}

.popup-permalink .i-new-permalink {
  display: block;
  border: 1px solid #44C5EC;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(68, 197, 236, 0.5);
  padding: 10px;
}

.popup-permalink a.new-permalink::selection {
  color: #000;
  background-color: #9BD2F3;
}

.popup-permalink .permalink__header {
  margin: 15px 0 5px;
}

.popup-permalink .permalink__explanation {
  margin-top: 0;
}

.popup-permalink .create-favorite__name {
  width: 100%;
}

.popup-permalink button {
  display: inline-block;
  float: right;
  color: #44c5ec;
  font-family: "Proxima Nova Bold", sans-serif;
  background-color: #fff;
  border: 1px solid #44c5ec;
  border-radius: 2px;
  margin-top: 5px;
}

.popup-permalink .favorites {
  margin: 0;
  padding: 0;
  padding-left: 15px;
}

.popup-permalink .favorite {
  width: 100%;
}

.popup-permalink .favorite:not(:last-of-type) {
  margin-bottom: 5px;
}

.popup-permalink .favorite a {
  display: inline-block;
  width: calc(100% - 20px);
}

.popup-permalink a.delete-favorite {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  text-decoration: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.94%203.06c-3.28-3.28-8.6-3.28-11.88%200-3.28%203.28-3.28%208.6%200%2011.88%203.28%203.28%208.6%203.28%2011.88%200%203.28-3.28%203.28-8.6%200-11.88zm-3.112%2010.183L9%2010.413l-2.828%202.83-1.415-1.415L7.587%209l-2.83-2.828%201.415-1.415L9%207.587l2.828-2.83%201.415%201.415L10.413%209l2.83%202.828-1.415%201.415z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pakkettitel__waarschuwing {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%2390a8bc%22%20d%3D%22M11.43%2015.346v-2.12q0-.157-.107-.263t-.25-.106H8.928q-.146%200-.252.106t-.106.262v2.12q0%20.157.106.263t.25.106h2.144q.145%200%20.25-.106t.107-.262zm-.024-4.174l.2-5.123q0-.135-.11-.213-.146-.123-.27-.123H8.773q-.123%200-.268.123-.112.078-.112.234l.19%205.1q0%20.113.112.185t.268.073h2.065q.156%200%20.262-.073t.116-.184zM11.25.748l8.57%2015.714q.392.703-.02%201.406-.19.324-.52.513t-.71.19H1.43q-.38%200-.71-.19T.2%2017.87q-.413-.703-.022-1.406L8.748.748Q8.94.402%209.275.2T10%200t.724.2.525.548z%22/%3E%3C/svg%3E");
  background-position: 0;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: -20px;
  z-index: 99;
}

/* Voetnoot popup en info popup */
.ui-widget.info-popup, .ui-widget.voetnoot-popup {
  font-size: 14px;
  border: 1px solid #bad2df;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(23, 59, 96, 0.25);
  padding: 0 0 15px;
}

.ui-widget .ui-widget-header {
  background: #D1F4FF;
  color: #173B60;
  font-size: 18px;
  font-family: "Proxima Nova Bold", sans-serif;
  font-weight: 400;
  border-color: #D1F4FF;
  border-radius: 0;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.ui-widget .ui-widget-header .ui-dialog-titlebar-close {
  color: #fff;
  background: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.94%203.06c-3.28-3.28-8.6-3.28-11.88%200-3.28%203.28-3.28%208.6%200%2011.88%203.28%203.28%208.6%203.28%2011.88%200%203.28-3.28%203.28-8.6%200-11.88zm-3.112%2010.183L9%2010.413l-2.828%202.83-1.415-1.415L7.587%209l-2.83-2.828%201.415-1.415L9%207.587l2.828-2.83%201.415%201.415L10.413%209l2.83%202.828-1.415%201.415z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.ui-widget .ui-widget-header .ui-dialog-titlebar-close:hover, .ui-widget .ui-widget-header .ui-dialog-titlebar-close:active {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.94%203.06c-3.28-3.28-8.6-3.28-11.88%200-3.28%203.28-3.28%208.6%200%2011.88%203.28%203.28%208.6%203.28%2011.88%200%203.28-3.28%203.28-8.6%200-11.88zm-3.112%2010.183L9%2010.413l-2.828%202.83-1.415-1.415L7.587%209l-2.83-2.828%201.415-1.415L9%207.587l2.828-2.83%201.415%201.415L10.413%209l2.83%202.828-1.415%201.415z%22%20fill%3D%22%23122F4C%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
}

.ui-widget .ui-widget-header .ui-dialog-titlebar-close .ui-icon {
  background-image: none;
}

.ui-widget .ui-widget-content {
  width: 100% !important;
  color: #122F4C;
  padding: 15px;
}

.ui-widget .b-edit-voetnoten {
  font-size: 13px;
}

.ui-widget .kostensoortenContainer {
  margin-top: 10px;
}

.ui-widget .kostensoortenboom.treeview {
  padding-top: 15px;
}

.ui-widget .kostensoortenboom.treeview .hitarea {
  margin-right: 0;
}

.ui-widget .kostensoortenboom.treeview .leaf-item.depth-1 {
  padding-left: 10px;
}

.ui-widget .checkbox-list {
  background-image: none;
  margin-left: 0;
}

.ui-widget .checkbox-list ul {
  list-style-type: none;
  padding-left: 0;
}

.ui-widget ul {
  margin: 0;
  padding: 0 0 0 10px;
  list-style-type: "- ";
}

.ui-widget ul li span {
  word-wrap: break-word;
}

.dwarsdoorsnede-premie-table-wrapper {
  float: right;
  position: relative;
  margin-left: 10px;
}

.dwarsdoorsnede-premie-table-wrapper:hover table, .dwarsdoorsnede-premie-table-wrapper:focus table, .dwarsdoorsnede-premie-table-wrapper:active table {
  display: block;
}

.dwarsdoorsnede-premie-table-wrapper table {
  display: none;
  position: absolute;
  top: 20px;
  left: -5px;
  background-color: #fff;
  border: 1px solid #bad2df;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(23, 59, 96, 0.25);
  z-index: 999;
}

.dwarsdoorsnede-premie-table-wrapper table:before {
  display: inline-block;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 0;
  left: 10px;
  content: " ";
  background-color: #D1F4FF;
  transform: rotate(48grad);
  margin-top: -6px;
}

.dwarsdoorsnede-premie-table-wrapper table th {
  background-color: #D1F4FF;
  padding-top: 10px;
  padding-bottom: 3px;
}

.dwarsdoorsnede-premie-table-wrapper table tr:last-of-type td {
  padding-bottom: 10px;
}

/* -------------------------
   #SCROLL
   -------------------------*/
/**
 * Styling van de scroll als de tabel breder is dan de pagina
 *
 */
.js-move-on-horizontal-scroll {
  max-width: 100vw;
  position: relative;
}

.vergelijkingsTabel-table .js-move-on-horizontal-scroll, .dataview .js-move-on-horizontal-scroll {
  max-width: calc(100vw - 160px);
}

/*------------------------*\
    #WICKET-OVERLAY
\*------------------------*/
/**
 * Gebruikt bij specifieke dekkingswensen en MatchPanel (Gebruik hiervan wordt zoveel mogelijk vermeden ivm niet goede compabiliteit met tablet en mobiel
 */
.wicket-mask-dark {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(9, 26, 42, 0.88);
}

div.wicket-modal {
  position: absolute;
}

div.wicket-modal div.w_content_container {
  font-size: 16px;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

div.wicket-modal div.w_blue .w_content_2 .w_content_3 .w_content {
  cursor: default;
}

.wicket-modal {
  width: 960px !important;
  z-index: 20001;
}

.wicket-modal ul,
.wicket-modal ol, .modal-dialog-content ul,
.modal-dialog-content ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.wicket-modal .checkbox-list li, .modal-dialog-content .checkbox-list li {
  padding-left: 30px;
}

.w_caption {
  display: block;
  height: 35px;
  width: 100%;
  margin-top: 5px;
}

a.w_close {
  display: inline-block;
  width: 20px;
  height: 20px;
  float: right;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.414%208l6.293-6.293c.39-.39.39-1.024%200-1.414-.39-.39-1.023-.39-1.414%200L8%206.586%201.707.293c-.39-.39-1.023-.39-1.414%200-.39.39-.39%201.024%200%201.414L6.586%208%20.293%2014.293c-.39.39-.39%201.024%200%201.414.195.195.45.293.707.293.256%200%20.512-.098.707-.293L8%209.414l6.293%206.293c.195.195.45.293.707.293.256%200%20.512-.098.707-.293.39-.39.39-1.024%200-1.414L9.414%208z%22%20fill%3D%22%23F3F5F6%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.5%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.w_captionText {
  color: #fff;
  font-size: 24px;
  margin: 0;
}

.w_content_container {
  background-color: #fff;
  border-radius: 2px;
  padding: 40px;
}

.checkbox-list {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%23BAD2DF%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E");
  background-position: 8px 0;
  background-repeat: repeat-y;
}

.keuze-lijst--verzekeraars .checkbox-list {
  -webkit-column-count: auto;
  -moz-column-count: auto;
  column-count: auto;
  -webkit-column-width: 260px;
  -moz-column-width: 260px;
  column-width: 260px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin-bottom: 55px;
}

.columns {
  -webkit-column-count: auto;
  -moz-column-count: auto;
  column-count: auto;
  -webkit-column-width: 260px;
  -moz-column-width: 260px;
  column-width: 260px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding-left: 25px !important;
}

.categorie_item:not(:last-of-type) {
  margin-bottom: 20px;
}

.categorie_item:last-of-type {
  margin-bottom: 55px;
}

.categorie_item .toggle {
  float: left;
  display: inline-block;
  height: 21px;
  width: 18px;
  font-size: 0;
  background-position: 3px 50%;
  background-repeat: no-repeat;
  margin-right: 7px;
}

.categorie_item .toggle.toggle-link-closed {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23BAD2DF%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M4.625%204.625H2v1.75h2.625V9h1.75V6.375H9v-1.75H6.375V2h-1.75v2.625z%22%20opacity%3D%22.7%22%20fill%3D%22%23122F4C%22/%3E%3C/g%3E%3C/svg%3E");
}

.categorie_item .toggle.toggle-link-opened {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23BAD2DF%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M2%204.625h7v1.75H2z%22%20opacity%3D%22.7%22%20fill%3D%22%23122F4C%22/%3E%3C/g%3E%3C/svg%3E");
}

.categorie-titel {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}

.form-contents ol {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%23BAD2DF%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E");
  background-position: 8px 0;
  background-repeat: repeat-y;
}

/*-----------------------------*\
    #WICKET-OVERLAY--WIDGET
\*-----------------------------*/
/**
 * Gebruikt bij specifieke dekkingswensen en MatchPanel (Gebruik hiervan wordt zoveel mogelijk vermeden ivm niet goede compabiliteit met tablet en mobiel
 */
.tab-row {
  background-color: #D1F4FF;
  padding: 0 35px;
}

.data-import .tab-row {
  margin: 0;
}

.data-import .tab-row ul {
  margin: 0;
  padding: 0;
}

.tab-row ul {
  display: flex;
  justify-content: flex-start;
}

.tab-row li {
  padding: 20px 0;
  margin-right: 30px;
}

.tab-row li:last-of-type {
  margin-right: 0;
}

.tab-row li a {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 18px;
  color: #173B60;
  text-decoration: none;
  opacity: .5;
}

.tab-row li a:hover, .tab-row li a:focus, .tab-row li a:active {
  color: #173B60;
  text-decoration: none;
  opacity: 1;
}

.tab-row li.selected {
  position: relative;
}

.tab-row li.selected:after {
  display: inline-block;
  height: 15px;
  width: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  content: " ";
  background-color: #fff;
  transform: rotate(48grad);
  margin-bottom: -8px;
}

.tab-row li.selected a {
  opacity: 1;
}

.tab-panel {
  background-color: #fff;
  padding: 40px;
}

.data-import .tab-panel {
  border-left: 1px solid #D1F4FF;
  border-bottom: 1px solid #D1F4FF;
  border-right: 1px solid #D1F4FF;
  padding: 1.25rem;
}

.tab-panel li.button-item {
  padding-left: 0;
}

.jaar-keuze-list,
.producttype-keuze-list,
.verzekeraar-keuze-list,
.producttype-keuze-losse-producten {
  margin-bottom: 55px;
}

.jaar-keuze-list > .label-checkbox,
.producttype-keuze-list > .label-checkbox,
.verzekeraar-keuze-list > .label-checkbox,
.producttype-keuze-losse-producten > .label-checkbox {
  font-family: "Proxima Nova Bold", sans-serif;
}

.producttype-keuze-list {
  float: left;
  width: 50%;
}

.verzekeraar-keuze-list .checkbox-list {
  padding-left: 0;
}

.producttype-keuze-losse-producten {
  clear: both;
}

.producttype-keuze-losse-producten .producttype-optie-losse-of-combinatieproducten {
  display: block;
}

.selectie-polis {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-bottom: 1px solid rgba(186, 210, 223, 0.6);
  padding-bottom: 15px;
}

.selectie-polis__aantal {
  padding-top: 5px;
}

.selectie-polis__filter {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M15.545%2013.467l-3.78-3.78c.57-.934.9-2.034.9-3.21%200-3.416-2.962-6.376-6.38-6.376C2.87.1.1%202.87.1%206.288c0%203.416%202.96%206.377%206.377%206.377%201.137%200%202.2-.31%203.115-.844l3.8%203.8c.37.372.974.372%201.345%200l.943-.942c.37-.37.236-.84-.135-1.21zm-13.54-7.18c0-2.366%201.916-4.283%204.28-4.283%202.367%200%204.475%202.107%204.475%204.474%200%202.365-1.918%204.283-4.283%204.283-2.366%200-4.473-2.108-4.473-4.473z%22%20fill%3D%22%23BAD2DF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.selectie-polis__filter input[type="text"] {
  width: 250px;
  border: none;
  border-radius: 0;
}

.selectie-polis__filter input[type="text"]:hover {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #44c5ec;
}

.selectie-polis__filter input[type="text"]:focus, .selectie-polis__filter input[type="text"]:active {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #44c5ec;
  box-shadow: none;
}

.selectie-polis__filter input[type="text"]::-webkit-input-placeholder {
  color: rgba(23, 59, 96, 0.5);
  font-family: "Proxima Nova Semi Bold";
  font-size: 18px;
}

.selectie-polis__filter input[type="text"]::-moz-placeholder {
  color: rgba(23, 59, 96, 0.5);
  font-family: "Proxima Nova Semi Bold";
  font-size: 18px;
}

.selectie-polis__filter input[type="text"]:-ms-input-placeholder {
  color: rgba(23, 59, 96, 0.5);
  font-family: "Proxima Nova Semi Bold";
  font-size: 18px;
}

.tab-pakketten__lijstjes {
  margin-bottom: 55px;
}

.verzekering-keuze-list {
  width: 525px;
}

.verzekering-keuze-list .button-item {
  margin-bottom: 40px;
}

.i-tab-pakketten__quick-links {
  float: right;
  width: 333px;
  max-width: 333px;
  height: 100%;
  position: relative;
  margin-top: 20px;
}

.tab-pakketten__quick-links {
  width: 100%;
  position: absolute;
  top: 0;
  border: 1px solid rgba(18, 47, 76, 0.3);
  padding: 25px 30px;
}

.tab-pakketten__quick-links h4 {
  margin-top: 0;
  margin-bottom: 20px;
}

.tab-pakketten__quick-links ul {
  margin-bottom: 35px;
}

.tab-pakketten__quick-links ul li {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5.667%202.373V.667c0-.17.065-.342.195-.472.13-.13.3-.195.47-.195.172%200%20.343.065.473.195L11%204.333%206.805%208.47c-.13.13-.3.197-.472.197-.17%200-.34-.066-.47-.196-.13-.13-.196-.3-.196-.47V6.34C3.833%206.387%201.83%206.72.333%209v-.667c0-3.088%202.334-5.628%205.334-5.96z%22%20fill%3D%22%2336B3D9%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  padding-left: 20px;
}

.tab-pakketten__quick-links ul li a {
  text-decoration: none;
}

.label-checkbox {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.teveel-pakketten-geselecteerd .selectie-polis__aantal {
  color: #EC4C4C;
}

.kostensoortenContainer > label {
  display: inline-block;
  height: 25px;
  width: 25px;
  font-size: 0;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M15.545%2013.467l-3.78-3.78c.57-.934.9-2.034.9-3.21%200-3.416-2.962-6.376-6.38-6.376C2.87.1.1%202.87.1%206.288c0%203.416%202.96%206.377%206.377%206.377%201.137%200%202.2-.31%203.115-.844l3.8%203.8c.37.372.974.372%201.345%200l.943-.942c.37-.37.236-.84-.135-1.21zm-13.54-7.18c0-2.366%201.916-4.283%204.28-4.283%202.367%200%204.475%202.107%204.475%204.474%200%202.365-1.918%204.283-4.283%204.283-2.366%200-4.473-2.108-4.473-4.473z%22%20fill%3D%22%23BAD2DF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.kostensoortenContainer .label-checkbox .label {
  font-family: "Proxima Nova Bold", sans-serif;
  font-weight: 400 !important;
}

input[type="text"].kostensoort-autocompleter {
  width: 250px;
  border-radius: 0;
}

input[type="text"].kostensoort-autocompleter:hover {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #44c5ec;
}

input[type="text"].kostensoort-autocompleter:focus, input[type="text"].kostensoort-autocompleter:active {
  border-top: none;
  border-left: none;
  border-right: none;
}

input[type="text"].kostensoort-autocompleter::-webkit-input-placeholder {
  color: rgba(23, 59, 96, 0.5);
  font-family: "Proxima Nova Semi Bold";
  font-size: 18px;
}

input[type="text"].kostensoort-autocompleter::-moz-placeholder {
  color: rgba(23, 59, 96, 0.5);
  font-family: "Proxima Nova Semi Bold";
  font-size: 18px;
}

input[type="text"].kostensoort-autocompleter:-ms-input-placeholder {
  color: rgba(23, 59, 96, 0.5);
  font-family: "Proxima Nova Semi Bold";
  font-size: 18px;
}

input[type="text"].kostensoort-autocompleter + div {
  border-top: 1px solid rgba(186, 210, 223, 0.6);
  margin-top: 15px;
  padding-top: 40px;
}

.kostensoortenboom.treeview .leaf-item {
  padding-left: 0;
}

.kostensoortenboom.treeview .leaf-item.expandable, .kostensoortenboom.treeview .leaf-item.collapsable {
  cursor: pointer;
}

.kostensoortenboom.treeview .leaf-item.expandable .label-checkbox, .kostensoortenboom.treeview .leaf-item.collapsable .label-checkbox {
  cursor: pointer;
}

.kostensoortenboom.treeview .leaf-item.depth-1, .kostensoortenboom.treeview .leaf-item.depth-2 {
  padding-left: 33px;
}

.kostensoortenboom.treeview .leaf-item.depth-1 + .expandable label.label-checkbox input + span::before,
.kostensoortenboom.treeview .leaf-item.depth-1 + .collapsable label.label-checkbox input + span::before, .kostensoortenboom.treeview .leaf-item.depth-2 + .expandable label.label-checkbox input + span::before,
.kostensoortenboom.treeview .leaf-item.depth-2 + .collapsable label.label-checkbox input + span::before {
  margin-left: -24px;
  margin-right: 9px;
}

.kostensoortenboom.treeview .hitarea {
  display: inline-block;
  height: 11px;
  width: 18px;
  background-position: 3px 50%;
  background-repeat: no-repeat;
  margin-right: 7px;
}

.kostensoortenboom.treeview .collapsable-hitarea {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23BAD2DF%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M2%204.625h7v1.75H2z%22%20opacity%3D%22.7%22%20fill%3D%22%23122F4C%22/%3E%3C/g%3E%3C/svg%3E");
}

.kostensoortenboom.treeview .expandable-hitarea {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23BAD2DF%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M4.625%204.625H2v1.75h2.625V9h1.75V6.375H9v-1.75H6.375V2h-1.75v2.625z%22%20opacity%3D%22.7%22%20fill%3D%22%23122F4C%22/%3E%3C/g%3E%3C/svg%3E");
}

.kostensoortenboom.treeview .label-checkbox + .checkbox-list {
  margin-left: 29px;
}

/* -----------------------------
   #WICKET-OVERLAY--ZINK
   -----------------------------*/
/**
 * Gebruikt bij specifieke dekkingswensen en MatchPanel (Gebruik hiervan wordt zoveel mogelijk vermeden ivm niet goede compabiliteit met tablet en mobiel
 */
.zoek-zorgaanbieder-modal-window h1 {
  background-color: #D1F4FF;
  margin: 0;
  padding: 20px 30px;
}

.zoek-zorgaanbieder-modal-window p {
  padding-left: 30px;
  padding-right: 30px;
}

.zoek-zorgaanbieder-modal-window p + div {
  padding-left: 30px;
  padding-right: 30px;
}

.zoek-zorgaanbieder-modal-window p + div label {
  display: block;
  margin-bottom: 5px;
}

.zoek-zorgaanbieder-modal-window ul {
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
}

.zoek-zorgaanbieder-modal-window ul li input + label {
  display: inline-block;
}

.zoek-zorgaanbieder-modal-window button {
  display: inline-block;
  height: 34px;
  width: 200px;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  background-color: #173B60;
  border: 1px solid #173B60;
  border-radius: 2px;
}

.zoek-zorgaanbieder-modal-window button:hover, .zoek-zorgaanbieder-modal-window button:focus, .zoek-zorgaanbieder-modal-window button:active {
  color: #173B60;
  background-color: #fff;
}

/* --------------------------
   #HEADER
   --------------------------*/
/**
 * Header elementen die alleen bij Z-analyse voorkomen
 */
.page-header {
  display: flex;
  justify-content: space-between;
  background-image: url(../images/Zorgweb/logo--zanalyse-donkere-achtergrond.svg);
  background-position: 80px 50%;
  background-size: 165px 30px;
}

.page-header__text {
  display: inline-block;
  width: 295px;
  height: 75px;
  padding-left: 80px;
}

.b-topmenu--onderdelen {
  flex: 1;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
}

.b-topmenu--onderdelen ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.b-topmenu--onderdelen li {
  padding: 0 15px;
}

.b-topmenu--onderdelen span {
  color: #fff;
}

.b-topmenu--onderdelen a {
  color: #75ADC0;
  text-decoration: none;
}

.b-topmenu--onderdelen a:hover, .b-topmenu--onderdelen a:focus, .b-topmenu--onderdelen a:active {
  color: #d5fb8a;
}

/*
.topmenu__item {

  .topmenu__link {
    font-family: $font-family--bold;
    font-size: 14px !important;
  }

  &.last {
    background-color: #122F4C;
    padding: 5px;

    a.topmenu__link {
      color: #fff !important;
    }
  }
}*/
/*--------------------------*\
     #TABLE-DWARS
\*--------------------------*/
/**
 *
 */
.data-container__link-panel {
  max-width: calc(100vw - 160px);
  text-align: right;
}

.data-container__link-panel a {
  display: inline-block;
  height: 22px;
  color: rgba(23, 59, 96, 0.6);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.data-container__link-panel a:hover, .data-container__link-panel a:focus, .data-container__link-panel a:active {
  color: #173B60;
}

.link-panel__wisselrijen {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%237489A0%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M14.1%2014v-2.45H5v-2.8h9.1V6.3l3.675%203.85M3.9%200v2.45H13v2.8H3.9V7.7L.225%203.85%22/%3E%3C/g%3E%3C/svg%3E");
  margin-right: 20px;
}

.link-panel__details {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4h-4v4H8v-4H4V8h4V4h2v4h4v2z%22%20fill%3D%22%23173B60%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.6%22/%3E%3C/svg%3E");
}

.tabel {
  width: auto;
  margin-top: 40px;
}

.tabel td,
.tabel th {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 10px 20px;
}

.tabel td {
  width: 115px;
  min-width: 115px;
  text-align: center;
}

.tabel .odd th,
.tabel .odd td {
  background-color: #F7FAFB;
}

.tabel .tableFloatingHeader th {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding-top: 10px;
}

.tabel tbody tr:last-of-type th,
.tabel tbody tr:last-of-type td {
  border-bottom: 2px solid #bad2df;
}

.header-row-first th {
  border-top: 2px solid #bad2df;
  border-bottom: 1px solid #bad2df;
}

.header-row-first .top-left-corner {
  text-align: left;
  text-transform: uppercase;
  opacity: .5;
}

.header-row-second th {
  border-bottom: 1px solid #bad2df;
}

.row-header {
  width: 300px;
  min-width: 300px;
  text-align: left;
}

.headers a {
  color: #8796a4;
  font-family: "Proxima Nova Bold", sans-serif;
  text-transform: uppercase;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 15px;
}

.headers th {
  font-weight: 400;
  background-position: 0 50%;
  padding-bottom: 15px;
}

/*--------------------------*\
     #TABLE-DWARS
\*--------------------------*/
/**
 *
 */
.dataview {
  width: auto;
  margin-top: 40px;
}

.dataview tr.row-selected td:not(.verzekeraarKolom):not(.jaargangKolom),
.dataview tr.row-selected th {
  background-color: rgba(68, 197, 236, 0.12);
}

.dataview tr.row-selected:hover td:not(.verzekeraarKolom):not(.jaargangKolom),
.dataview tr.row-selected:hover th {
  background-color: rgba(68, 197, 236, 0.12);
}

.dataview td,
.dataview th {
  text-align: left;
}

.dataview th {
  min-width: 170px;
  background-color: #fff;
  padding: 10px 5px;
}

.dataview th.verzekeraarKolom {
  width: 205px;
  min-width: 205px;
}

.dataview th.jaargangKolom {
  width: 80px;
  min-width: 80px;
}

.dataview th.verzekeringKolom {
  width: 300px;
  min-width: 300px;
}

.dataview th.bvavKolom {
  width: 80px;
  min-width: 80px;
}

.dataview th.bvavKolom + td,
.dataview th.bvavKolom + th {
  width: 175px;
  min-width: 175px;
}

.dataview th.dekkingKolom {
  width: 300px;
  min-width: 300px;
}

.dataview td {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 10px 20px;
}

.dataview td.bvavKolom {
  font-family: "Proxima Nova Semi Bold";
  font-size: 12px;
}

.dataview td:last-of-type {
  border-right: none;
}

.dataview tr:first-of-type td {
  border-top: 2px solid #bad2df;
}

.dataview tr.rij-zonder-content td {
  background-color: #EFF6F9;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dataview .tableFloatingHeader th {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding-top: 10px;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.verzekeraarKolom {
  width: 205px;
  min-width: 205px;
  font-family: "Proxima Nova Bold", sans-serif;
}

.verzekeraarKolom.td {
  font-size: 16px;
}

.jaargangKolom {
  width: 80px;
  min-width: 80px;
}

.verzekeringKolom {
  width: 300px;
  min-width: 300px;
}

.bvavKolom {
  width: 80px;
  min-width: 80px;
}

.bvavKolom + td,
.bvavKolom + th {
  width: 175px;
  min-width: 175px;
}

.dekkingKolom {
  width: 300px;
  min-width: 300px;
}

.headers a {
  color: #8796a4;
  font-family: "Proxima Nova Bold", sans-serif;
  text-transform: uppercase;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 15px;
}

.headers th {
  font-weight: 400;
  background-position: 0 50%;
  padding-bottom: 15px;
}

.headers th.wicket_orderNone a {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%238796a4%22%20d%3D%22M10.286%2010.93q0%20.26-.19.45l-4.5%204.5q-.192.192-.453.192t-.452-.19l-4.5-4.5Q0%2011.19%200%2010.928t.19-.453.453-.19h9q.26%200%20.452.19t.19.452zm0-3.86q0%20.262-.19.453t-.453.19h-9q-.26%200-.452-.19T0%207.07t.19-.45l4.5-4.5q.192-.192.453-.192t.452.19l4.5%204.5q.19.192.19.453z%22/%3E%3C/svg%3E");
}

.headers th.wicket_orderDown a {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%23122f4c%22%20d%3D%22M10.286%207.07q0%20.262-.19.453t-.453.19h-9q-.26%200-.452-.19T0%207.07t.19-.45l4.5-4.5q.192-.192.453-.192t.452.19l4.5%204.5q.19.192.19.453z%22/%3E%3C/svg%3E");
  color: #122F4C;
}

.headers th.wicket_orderUp a {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20fill%3D%22%23122f4c%22%20d%3D%22M10.286%2010.93q0%20.26-.19.45l-4.5%204.5q-.192.192-.453.192t-.452-.19l-4.5-4.5Q0%2011.19%200%2010.928t.19-.453.453-.19h9q.26%200%20.452.19t.19.452z%22/%3E%3C/svg%3E");
  color: #122F4C;
}

.link__naar-top {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}

/*--------------------------*\
     #TABLE-DWARS
\*--------------------------*/
/**
 *
 */
.tabel-variabeles {
  width: 100%;
  margin-top: 10px;
}

.tabel-variabeles .variabele-naam {
  line-height: 1.1;
  vertical-align: top;
  background-color: rgba(68, 197, 236, 0.05);
  border-bottom: 1px solid rgba(68, 197, 236, 0.6);
  padding-bottom: 3px;
  padding-left: 5px;
  padding-top: 3px;
}

.tabel-variabeles .variabele-waarde {
  background-color: rgba(68, 197, 236, 0.05);
  border-bottom: 1px solid rgba(68, 197, 236, 0.6);
  padding-bottom: 3px;
  padding-right: 5px;
  padding-top: 3px;
}

.tabel-variabeles .hotfix-editor {
  width: 100%;
}

/*--------------------------*\
     #TABLE-VERGELIJKING
\*--------------------------*/
/**
 * Vergelijkingstabel
 */
.vergelijkingsTabel-table {
  width: auto;
  table-layout: fixed;
  border-bottom: 2px solid #bad2df;
}

.vergelijkingsTabel-table > tbody > tr:not(.tree-node-end-of-category):hover .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table > tbody > tr:not(.tree-node-end-of-category):hover .vergelijkingsTabel-dataColumn,
.vergelijkingsTabel-table > tbody > tr:not(.tree-node-end-of-category):hover th:not(.variabele-naam), .vergelijkingsTabel-table > tbody > tr:not(.tree-node-end-of-category):hover td:not(.variabele-waarde) {
  background-color: rgba(68, 197, 236, 0.12);
  border-bottom: 1px solid rgba(68, 197, 236, 0.6);
  border-top: 1px solid rgba(68, 197, 236, 0.6);
}

.vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover .vergelijkingsTabel-dataColumn,
.vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover th, .vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover td, .vergelijkingsTabel-table > tbody > tr.toggle-rij:hover .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table > tbody > tr.toggle-rij:hover .vergelijkingsTabel-dataColumn,
.vergelijkingsTabel-table > tbody > tr.toggle-rij:hover th, .vergelijkingsTabel-table > tbody > tr.toggle-rij:hover td {
  background-color: #fff;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-top: 2px solid #bad2df;
}

.vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover .vergelijkingsTabel-labelColumn.col-odd,
.vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover .vergelijkingsTabel-dataColumn.col-odd,
.vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover th.col-odd, .vergelijkingsTabel-table > tbody > tr.rij-producttitels-bovenin:hover td.col-odd, .vergelijkingsTabel-table > tbody > tr.toggle-rij:hover .vergelijkingsTabel-labelColumn.col-odd,
.vergelijkingsTabel-table > tbody > tr.toggle-rij:hover .vergelijkingsTabel-dataColumn.col-odd,
.vergelijkingsTabel-table > tbody > tr.toggle-rij:hover th.col-odd, .vergelijkingsTabel-table > tbody > tr.toggle-rij:hover td.col-odd {
  background-color: #F8FBFC;
}

.vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover .vergelijkingsTabel-dataColumn,
.vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover th, .vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover td {
  background-color: transparent;
}

.vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover .vergelijkingsTabel-labelColumn.col-odd,
.vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover .vergelijkingsTabel-dataColumn.col-odd,
.vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover th.col-odd, .vergelijkingsTabel-table > tbody > tr.tableFloatingHeader:hover td.col-odd {
  background-color: transparent;
}

.vergelijkingsTabel-table > tbody > tr.toggle-rij:hover .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table > tbody > tr.toggle-rij:hover .vergelijkingsTabel-dataColumn,
.vergelijkingsTabel-table > tbody > tr.toggle-rij:hover th, .vergelijkingsTabel-table > tbody > tr.toggle-rij:hover td {
  border-bottom: none;
  border-top: none;
}

.vergelijkingsTabel-table ul,
.vergelijkingsTabel-table ol {
  margin: 0 0 10px 0;
  padding-left: 30px;
}

.tableFloatingHeader {
  z-index: 99 !important;
}

.tableFloatingHeader .rij-producttitels__toggle-rijen {
  display: none;
}

.col-odd {
  background-color: rgba(186, 210, 223, 0.1);
}

.rij-ToggleRij .col-odd {
  background-color: transparent;
}

.tableFloatingHeader .col-odd {
  background-color: #f8fbfc !important;
}

.tableFloatingHeader .col-even {
  background-color: #fff;
}

.text-highlight {
  background-color: yellow;
}

.ui-draggable-dragging {
  background-color: #fff;
  border: 1px solid #44c5ec;
  box-shadow: 0 2px 14px #44c5ec;
  z-index: 999;
}

.verzekering-titel__drag-drop-enabled {
  position: relative;
  cursor: move;
}

.tableFloatingHeader .verzekering-titel__drag-drop-enabled {
  cursor: inherit;
}

.verzekering-titel__drag-drop-enabled .verzekering-titel__drop-target {
  height: 150px;
  width: 50px;
  position: absolute;
  top: -30px;
  background-color: #94C53D;
  box-shadow: 0 0 9px 0 #94C53D;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.verzekering-titel__drag-drop-enabled .verzekering-titel__drop-target.verzekering-titel__drop-target-right {
  display: none;
}

th:last-child .verzekering-titel__drag-drop-enabled .verzekering-titel__drop-target.verzekering-titel__drop-target-right {
  display: block;
}

.verzekering-titel__drag-drop-enabled .verzekering-titel__drop-target.verzekering-titel__drop-target-right {
  right: -10px;
}

.verzekering-titel__drag-drop-enabled .verzekering-titel__drop-target.verzekering-titel__drop-target-left {
  left: -35px;
}

.drag-started .verzekering-titel__drag-drop-enabled .verzekering-titel__drop-target.drag-hover {
  opacity: 0.6;
}

.drag-started .verzekering-titel__drag-drop-enabled .verzekering-titel__drop-target {
  opacity: 0.2;
}

.drag-started .verzekering-titel__drag-drop-enabled.ui-draggable-dragging .verzekering-titel__drop-target {
  opacity: 0;
}

.diensten-bij-gedraging {
  list-style-type: none;
}

/*-------------------------------*\
     #TABLE-VERGELIJKING--CELLEN
\*-------------------------------*/
/**
 *
 */
.vergelijkingsTabel-labelColumn {
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  font-family: "Proxima Nova Semi Bold";
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 10px;
}

.vergelijkingsTabel-labelColumn.comp-base {
  background-color: #DAF9FF !important;
}

.vergelijkingsTabel-labelColumn.comp-better {
  background-color: #D5FDAC !important;
}

.vergelijkingsTabel-labelColumn.comp-worse {
  background-color: #FFDCD9 !important;
}

.vergelijkingsTabel-labelColumn.comp-unequal {
  background-color: #99EBF7 !important;
}

.tree-node-depth-1.row-clickable .vergelijkingsTabel-labelColumn {
  border-bottom: 1px solid #BAD2DF;
}

.tree-node-leaf .vergelijkingsTabel-labelColumn {
  font-size: 13px;
  opacity: .7;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E");
  background-position: 19px 0;
  background-repeat: repeat-y;
  padding-left: 43px;
}

.tree-node-branch.tree-node-depth-2 .vergelijkingsTabel-labelColumn {
  font-size: 13px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E");
  background-position: 19px 0;
  background-repeat: repeat-y;
  padding-left: 43px;
}

.tree-node-leaf.tree-node-depth-3 .vergelijkingsTabel-labelColumn {
  font-size: 13px;
  opacity: .7;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E");
  background-position: 19px 0, 51px 0;
  background-repeat: repeat-y;
  padding-left: 76px;
}

.tree-node-expanded .vergelijkingsTabel-labelColumn {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%22472%22%20viewBox%3D%220%200%201%20472%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v471%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E");
  background-position: 19px 25px;
  background-repeat: no-repeat;
}

.tree-node-expanded.tree-node-depth-2 .vergelijkingsTabel-labelColumn {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E");
  background-position: 19px 0;
  background-repeat: repeat-y;
}

.tree-node-expanded.tree-node-branch.tree-node-depth-2 .vergelijkingsTabel-labelColumn {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%221470%22%20viewBox%3D%220%200%201%201470%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20d%3D%22M.5.56v1468.88%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%0A%3C/svg%3E%0A");
  background-position: 19px 0, 51px 25px;
  background-repeat: repeat-y, no-repeat;
}

.tree-node-end-of-category.tree-node-depth-2 .vergelijkingsTabel-labelColumn {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill-opacity%3D%22.25%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%223.5%22/%3E%3C/g%3E%3C/svg%3E");
  background-position: 13px -2px;
  background-repeat: no-repeat;
}

.tree-node-end-of-category.tree-node-depth-3 .vergelijkingsTabel-labelColumn {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221%22%20height%3D%222%22%20viewBox%3D%220%200%201%202%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M.5.5v1%22%20stroke%3D%22%2344C5EC%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20opacity%3D%22.6%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill-opacity%3D%22.25%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%223.5%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat-y, no-repeat;
  background-position: 19px 0, 45px -2px;
}

.algemene-informatie .vergelijkingsTabel-labelColumn {
  border-top: 1px solid #bad2df;
}

.tree-node-end-of-category .vergelijkingsTabel-labelColumn {
  background-color: #ecf1f3;
  height: 10px;
  padding: 0;
  border-bottom: 1px solid #BAD1DE;
  border-right: 1px solid #bad2df;
  opacity: 1 !important;
}

.vergelijkingsTabel-dataColumn {
  vertical-align: top;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  text-align: center;
  padding: 10px 20px;
}

.match-count-1 .vergelijkingsTabel-dataColumn, .match-count-2 .vergelijkingsTabel-dataColumn {
  width: 600px;
  min-width: 600px;
  max-width: 600px;
}

.match-count-3 .vergelijkingsTabel-dataColumn, .match-count-4 .vergelijkingsTabel-dataColumn {
  width: 450px;
  min-width: 450px;
  max-width: 450px;
}

.match-count-many .vergelijkingsTabel-dataColumn {
  width: 450px;
  min-width: 450px;
  max-width: 450px;
}

.rij-ToggleRij .vergelijkingsTabel-dataColumn {
  border: none;
}

.algemene-informatie .vergelijkingsTabel-dataColumn {
  border-top: 1px solid #bad2df;
}

.vergelijkingsTabel-dataColumn.comp-base {
  background-color: #DAF9FF !important;
}

.vergelijkingsTabel-dataColumn.comp-better {
  background-color: #D5FDAC !important;
}

.vergelijkingsTabel-dataColumn.comp-worse {
  background-color: #FFDCD9 !important;
}

.vergelijkingsTabel-dataColumn.comp-unequal {
  background-color: #99EBF7 !important;
}

.tree-node-depth-1.row-clickable .vergelijkingsTabel-dataColumn {
  border-bottom: 1px solid #BAD2DF;
}

.tree-node-end-of-category .vergelijkingsTabel-dataColumn {
  height: 10px;
  background-color: #ecf1f3;
  border-bottom: 1px solid #BAD1DE;
  padding: 0;
  opacity: 1;
}

.RijVoetnoten .vergelijkingsTabel-dataColumn {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.waardering-getal {
  font-family: "Proxima Nova Semi Bold";
}

.dekking {
  text-align: left;
}

/*-----------------------------------------*\
     #TABLE-VERGELIJKING--CELLEN-INHOUD
\*-----------------------------------------*/
/**
 * De inhoud van cellen van de kostenboom, maar ook dwarsdoorsnede.
 */
.i-dekking + .i-dekking {
  margin-top: 15px;
}

.i-dekking_texts p {
  margin-top: 0;
  margin-bottom: 0;
}

.i-dekking_texts .ck-content p, .i-dekking_texts .inline-editable p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.contracted_label {
  display: block;
  margin-top: 5px;
}

.info_popup_holder {
  float: left;
  vertical-align: top;
  margin-left: -17px;
  margin-top: 4px;
}

.hv_av_type {
  display: block;
}

.geen-dekking {
  display: block;
}

.footnote_popup_holder {
  display: block;
  width: 100%;
  position: relative;
  vertical-align: bottom;
  margin-top: 30px;
}

.footnote_popup_holder a.popup_link {
  position: absolute;
  left: -17px;
  bottom: 10px;
}

.inline-editable {
  border-bottom: 1px dotted #B6B6B6;
  cursor: pointer;
}

.inline-editable:hover {
  background-color: #d5fb8a;
}

.inline-editable p {
  margin-top: 0;
}

.inline-editable p:hover {
  background-color: #d5fb8a;
}

.maak-voetnoot .popup_link {
  float: right;
}

.samenvatting-obv-templates {
  display: block;
  background-color: rgba(68, 197, 236, 0.12);
}

.samenvatting-obv-templates.gelijk-aan-details-summary {
  background-color: lightgreen;
}

/*-------------------------------*\
     #TABLE-VERGELIJKING--RIJEN
\*-------------------------------*/
/**
 * Vergelijkingstabel
 */
.rij-ToggleRij th {
  padding: 50px 0  10px;
  text-align: left;
}

.rij-ToggleRij a.toggle-link {
  color: rgba(18, 47, 76, 0.5);
  font-size: 1em;
  text-decoration: none;
  text-transform: uppercase;
}

.rij-ToggleRij .toggle-rij-closed,
.rij-ToggleRij .toggle-rij-opened {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4h-4v4H8v-4H4V8h4V4h2v4h4v2z%22%20fill%3D%22%23AEBBC8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.rij-ToggleRij .toggle-rij-opened {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4H4V8h10v2z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
}

.rij-ToggleRij.kopje_en_toggle_algemeen tr:hover th,
.rij-ToggleRij.kopje_en_toggle_algemeen tr:hover .vergelijkingsTabel-dataColumn {
  background-color: transparent;
  border-bottom: none;
  border-top: none;
}

.rij-ToggleRij.toggle_dekkingen tr:hover th {
  border-bottom: 2px solid transparent;
}

.rij-ToggleRij.toggle_dekkingen th {
  border-bottom: 2px solid transparent;
}

.vergelijkingsTabel-table .RijProductTitels_bovenin tr:hover .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table .RijProductTitels_bovenin tr:hover .vergelijkingsTabel-dataColumn {
  border-top: 2px solid rgba(68, 197, 236, 0.6);
  border-bottom: none;
}

.vergelijkingsTabel-table .RijProductTitels_bovenin .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table .RijProductTitels_bovenin .vergelijkingsTabel-dataColumn {
  border-top: 2px solid #bad2df;
  border-bottom: none;
}

.vergelijkingsTabel-table .RijProductTitels_bovenin.tableFloatingHeader tr .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table .RijProductTitels_bovenin.tableFloatingHeader tr .vergelijkingsTabel-dataColumn {
  border-bottom: 2px solid rgba(186, 210, 223, 0.4);
}

.vergelijkingsTabel-table .RijProductTitels_bovenin .vergelijkingsTabel-labelColumn {
  background-color: #fff;
  vertical-align: top;
  text-align: right;
  padding: 10px;
  padding-bottom: 0;
}

.vergelijkingsTabel-table .RijProductTitels_bovenin .vergelijkingsTabel-dataColumn {
  vertical-align: top;
  padding: 10px;
  padding-bottom: 0;
}

.vergelijkingsTabel-table .RijProductTitels_bovenin .i-pakkettitel {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
}

.vergelijkingsTabel-table .RijProductTitels_bovenin .kolom-knopjes {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.vergelijkingsTabel-table .kies_basis_voor_de_vergelijking tr:hover .vergelijkingsTabel-labelColumn,
.vergelijkingsTabel-table .kies_basis_voor_de_vergelijking tr:hover .vergelijkingsTabel-dataColumn {
  border-top: none;
}

.kolom-knopjes .arrow-down {
  display: inline-block;
  height: 18px;
  width: 18px;
  font-size: 0;
  vertical-align: top;
  background-color: #fff;
  border: 1px solid #bad2df;
  border-radius: 50%;
}

.comp-base .kolom-knopjes .arrow-down {
  box-shadow: 0 0 0 5px #44c5ec inset;
  border-color: #44c5ec;
}

.ZORGINKOOP_WAARDERING ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ZORGINKOOP_WAARDERING .row-header-text {
  display: inline-block;
}

.ZORGINKOOP_WAARDERING .verwijder-zorgaanbieder {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  font-size: 0;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%3E%3Cpath%20fill%3D%22%2390a8bc%22%20d%3D%22M5.714%208.214v6.43q0%20.155-.1.256t-.257.1h-.714q-.156%200-.257-.1t-.1-.257v-6.43q0-.155.1-.256t.257-.1h.714q.156%200%20.257.1t.1.257zm2.857%200v6.43q0%20.155-.1.256t-.256.1H7.5q-.156%200-.257-.1t-.1-.257v-6.43q0-.155.1-.256t.257-.1h.714q.156%200%20.257.1t.1.257zm2.86%200v6.43q0%20.155-.1.256t-.258.1h-.714q-.156%200-.257-.1t-.1-.257v-6.43q0-.155.1-.256t.258-.1h.714q.156%200%20.257.1t.1.257zm1.427%208.08V5.715h-10v10.58q0%20.247.078.453t.162.3.117.096H12.5q.033%200%20.117-.095t.162-.3.077-.453zm-7.5-12.008h5L9.82%202.98q-.077-.1-.19-.123H6.094q-.112.022-.19.123zm10.357.357v.714q0%20.156-.1.257t-.257.1h-1.07v10.58q0%20.926-.526%201.602t-1.26.675H3.214q-.737%200-1.26-.652t-.526-1.58V5.715H.358q-.157%200-.258-.1T0%205.357v-.714q0-.156.1-.257t.257-.1h3.45l.78-1.864q.167-.413.603-.703t.882-.29h3.57q.447%200%20.883.29t.603.702l.78%201.864h3.45q.156%200%20.257.1t.1.257z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
}

.ZORGINKOOP_WAARDERING .vergelijkingsTabel-labelColumn {
  font-size: 13px;
  border-left: 1px solid #bad2df;
  opacity: .7;
}

.ZORGINKOOP_WAARDERING .vergelijkingsTabel-labelColumn ul li {
  display: flex;
  justify-content: space-between;
}

.ZORGINKOOP_WAARDERING .vergelijkingsTabel-labelColumn ul li span {
  display: inline-block;
  width: calc(100% - 100px);
}

.ZORGINKOOP_WAARDERING .vergelijkingsTabel-labelColumn select {
  width: 100px;
}

.ZORGINKOOP_WAARDERING .vergelijkingsTabel-general-information .vergelijkingsTabel-labelColumn {
  font-size: 16px;
  opacity: 1;
}

.ZORGINKOOP_WAARDERING .tree-node-leaf.tree-node-depth-3 .vergelijkingsTabel-labelColumn {
  background-image: none;
}

.ZORGINKOOP_WAARDERING .detailinformatie {
  font-size: 13px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4h-4v4H8v-4H4V8h4V4h2v4h4v2z%22%20fill%3D%22%23AEBBC8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
  cursor: pointer;
}

.ZORGINKOOP_WAARDERING .detailinformatie.open {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4H4V8h10v2z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
}

.ZORGINKOOP_WAARDERING .zorgaanbieder .vergelijkingsTabel-labelColumn {
  padding-left: 10px;
}

.ZORGINKOOP_WAARDERING .zorgaanbieder .vergelijkingsTabel-labelColumn .row-header-text {
  display: block;
}

.ZORGINKOOP_WAARDERING .footer:hover th,
.ZORGINKOOP_WAARDERING .footer:hover .vergelijkingsTabel-dataColumn {
  background-color: transparent;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-top: none;
}

.ZORGINKOOP_WAARDERING .footer .vergelijkingsTabel-labelColumn {
  opacity: 1;
  padding-left: 10px;
}

.ZORGINKOOP_WAARDERING .footer a {
  display: block;
  width: 220px;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  text-align: center;
  background-color: #173B60;
  border: 1px solid #173B60;
  border-radius: 2px;
  padding: 8px 15px;
  cursor: pointer;
}

.ZORGINKOOP_WAARDERING .footer a:hover, .ZORGINKOOP_WAARDERING .footer a:focus, .ZORGINKOOP_WAARDERING .footer a:active {
  color: #173B60;
  background-color: #fff;
}

.ZORGINKOOP_WAARDERING .vergelijkingsTabel-dataColumn {
  text-align: left;
}

.ZORGINKOOP_WAARDERING .contractstatus,
.ZORGINKOOP_WAARDERING .beperking-tarief {
  float: left;
  font-size: 12px;
}

.ZORGINKOOP_WAARDERING .beperking-tarief {
  float: right;
}

.ZORGINKOOP_WAARDERING tr:first-of-type:hover th {
  background-color: #fff;
  border-bottom: 1px solid #bad2df;
  border-top: none;
}

.ZORGINKOOP_WAARDERING tr:first-of-type th {
  text-align: left;
  padding-left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.zorginkoop-button-rij__contents,
.kostensoort-button-rij__contents {
  display: flex;
  align-items: flex-end;
}

.zorginkoop-button-rij__contents a,
.zorginkoop-button-rij__contents .button,
.kostensoort-button-rij__contents a,
.kostensoort-button-rij__contents .button {
  color: rgba(23, 59, 96, 0.6);
  font-family: "Proxima Nova Semi Bold";
  text-decoration: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4h-4v4H8v-4H4V8h4V4h2v4h4v2z%22%20fill%3D%22%23AEBBC8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  border: none;
  padding: 5px 30px;
}

.zorginkoop-button-rij__contents a:last-of-type,
.zorginkoop-button-rij__contents .button:last-of-type,
.kostensoort-button-rij__contents a:last-of-type,
.kostensoort-button-rij__contents .button:last-of-type {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4H4V8h10v2z%22%20fill%3D%22%23AEBBC8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  margin-left: 8px;
}

.kostensoort-button-rij__contents .button {
  padding: 0 30px;
}

.kostensoort-button-rij__autocompleter {
  flex: 1;
}

.zorginkoop-button-rij__label,
.kostensoort-button-rij__label {
  flex: 1;
  color: #44c5ec;
  font-family: "Proxima Nova Semi Bold";
  font-size: 16px;
  font-weight: 400;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M15.545%2013.467l-3.78-3.78c.57-.934.9-2.034.9-3.21%200-3.416-2.962-6.376-6.38-6.376C2.87.1.1%202.87.1%206.288c0%203.416%202.96%206.377%206.377%206.377%201.137%200%202.2-.31%203.115-.844l3.8%203.8c.37.372.974.372%201.345%200l.943-.942c.37-.37.236-.84-.135-1.21zm-13.54-7.18c0-2.366%201.916-4.283%204.28-4.283%202.367%200%204.475%202.107%204.475%204.474%200%202.365-1.918%204.283-4.283%204.283-2.366%200-4.473-2.108-4.473-4.473z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
  cursor: pointer;
}

.zorginkoop-button-rij__locatiebepaling {
  flex: 1;
}

.zorginkoop-button-rij__locatiebepaling input {
  width: 360px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0;
  padding-left: 20px;
}

.zorginkoop-button-rij__locatiebepaling input:focus, .zorginkoop-button-rij__locatiebepaling input:hover, .zorginkoop-button-rij__locatiebepaling input:active {
  border-left: none;
  border-top: none;
  border-right: none;
  box-shadow: none;
  border-bottom-color: #44c5ec;
}

.KOSTENSOORT_BUTTON_RIJ tr:hover .vergelijkingsTabel-labelColumn,
.KOSTENSOORT_BUTTON_RIJ tr:hover .vergelijkingsTabel-dataColumn,
.KOSTENSOORT_BUTTON_RIJ tr:hover th, .KOSTENSOORT_BUTTON_RIJ tr:hover td {
  background-color: #fff !important;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4) !important;
}

.KOSTENSOORT_BUTTON_RIJ .vergelijkingsTabel-labelColumn {
  border-top: none;
  border-right: none;
  padding-left: 0;
  padding-bottom: 15px;
}

.KOSTENSOORT_BUTTON_RIJ .toon-alleen-verschillen {
  cursor: pointer;
}

.KOSTENSOORT_BUTTON_RIJ .toon-alleen-verschillen + label {
  display: inline-block;
  top: 3px;
  margin-right: 5px;
}

.KOSTENSOORT_BUTTON_RIJ .toon-alleen-verschillen__label {
  color: rgba(23, 59, 96, 0.6);
  margin-right: 25px;
  cursor: pointer;
}

.KOSTENSOORTENBOOM tr.row-selected td:not(.verzekeraarKolom),
.KOSTENSOORTENBOOM tr.row-selected th {
  background-color: rgba(68, 197, 236, 0.12);
}

.KOSTENSOORTENBOOM tr.row-selected:hover td,
.KOSTENSOORTENBOOM tr.row-selected:hover th {
  background-color: rgba(68, 197, 236, 0.12);
  opacity: 1 !important;
}

.KOSTENSOORTENBOOM .vergelijkingsTabel-labelColumn {
  border-left: 1px solid #bad2df;
}

.KOSTENSOORTENBOOM .tree-node-leaf .vergelijkingsTabel-dataColumn {
  position: relative;
}

.KOSTENSOORTENBOOM .tree-node-leaf.tree-node-end-of-category .vergelijkingsTabel-dataColumn {
  position: inherit;
}

.KOSTENSOORTENBOOM .tree-node-collapsed label {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4h-4v4H8v-4H4V8h4V4h2v4h4v2z%22%20fill%3D%22%23AEBBC8%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
}

.KOSTENSOORTENBOOM .tree-node-expanded label {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9%20.6C4.36.6.6%204.36.6%209c0%204.64%203.76%208.4%208.4%208.4%204.64%200%208.4-3.76%208.4-8.4C17.4%204.36%2013.64.6%209%20.6zm5%209.4H4V8h10v2z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
}

.KOSTENSOORTENBOOM .tree-node-expanded.tree-node-depth-1 .vergelijkingsTabel-labelColumn,
.KOSTENSOORTENBOOM .tree-node-expanded.tree-node-depth-1 .vergelijkingsTabel-dataColumn {
  background-color: #ecf1f3;
  border-bottom: 1px solid #bad2df;
  border-top: 1px solid #bad2df;
}

.KOSTENSOORTENBOOM .tree-node-branch.tree-node-depth-1 + .tree-node-leaf.tree-node-depth-2:last-of-type {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill-opacity%3D%22.25%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%223.5%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.KOSTENSOORTENBOOM .row-header-contents {
  display: flex;
  align-items: center;
}

.KOSTENSOORTENBOOM .row-header-contents label {
  align-self: flex-start;
  display: inline-block;
  height: 20px;
  width: 20px;
  font-size: 0;
  background-repeat: no-repeat;
  margin-top: 1px;
}

.KOSTENSOORTENBOOM .row-header-contents .row-header-text {
  padding-left: 11px;
}

.KOSTENSOORTENBOOM .row-cell-content + .row-cell-content {
  display: block;
  margin-top: 10px;
}

.i-dekking_texts:last-of-type:not(:first-of-type) {
  margin-top: 20px;
}

.RijVoetnoten .vergelijkingsTabel-labelColumn {
  border-left: 1px solid #bad2df;
}

.RijVoetnoten .voetnoten {
  text-align: left;
}

.RijVoetnoten ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.RijVoetnoten li {
  margin-bottom: 10px;
}

.box-options {
  padding: 30px 0;
}

/*------------------------*\
    #TOOLBAR
\*------------------------*/
/**
 *  Knoppen naar de wicket overlay en exporteer
 */
.toolbar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: auto !important;
  border-bottom: 1px solid rgba(186, 210, 223, 0.5);
  margin: 0 auto 1.25rem;
  padding: 0 80px 17px;
}

.toolbar__buttons,
.toolbar__kies,
.toolbar__links {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
}

.toolbar__links {
  width: 15%;
  justify-content: flex-end;
}

.toolbar__links > div {
  position: relative;
}

.toolbar__jaar-keuze {
  height: 34px;
  width: 194px;
  color: #44c5ec;
  font-family: "Proxima Nova Bold", sans-serif;
  border: 1px solid #44c5ec;
  margin-left: 10px;
}

.jaar-keuze__label {
  display: inline-block;
  width: 50%;
  position: relative;
}

.jaar-keuze__label input[type="radio"] {
  position: absolute;
  top: auto;
  margin: 0;
  opacity: 0;
}

.jaar-keuze__label input[type="radio"]:checked + span {
  background-color: #44c5ec;
  color: #fff;
}

.jaar-keuze__label span {
  display: block;
  height: 32px;
  width: 100%;
  text-align: center;
  padding-top: 6px;
  cursor: pointer;
}

a.link-permalink-popup,
a.excel-export,
a.print {
  display: inline-block;
  height: 34px;
  width: 34px;
  font-size: 0;
  text-decoration: none;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #44c5ec;
  border-radius: 2px;
}

a.link-permalink-popup:hover, a.link-permalink-popup:focus, a.link-permalink-popup:active,
a.excel-export:hover,
a.excel-export:focus,
a.excel-export:active,
a.print:hover,
a.print:focus,
a.print:active {
  color: #fff;
  background-color: #44c5ec;
}

.link-permalink-popup {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.785%2011.275l-.662.663c-.572.572-1.505.572-2.078%200-.274-.275-.426-.642-.426-1.03%200-.39.15-.756.425-1.032L4.48%207.442c.502-.505%201.45-1.247%202.143-.556.318.318.83.317%201.146-.004.313-.32.312-.837-.006-1.154-1.174-1.176-2.912-.96-4.425.556L.904%208.718C.32%209.302%200%2010.08%200%2010.908c0%20.827.322%201.604.905%202.188.6.6%201.39.902%202.18.902.79%200%201.58-.3%202.18-.902l.662-.663c.317-.317.32-.834.004-1.153-.315-.32-.827-.32-1.145-.005zm7.376-9.457C10.9.554%209.133.486%207.965%201.655l-.824.825c-.318.318-.32.835-.005%201.154.315.32.828.322%201.145.004l.825-.824c.604-.606%201.397-.355%201.916.162.275.276.427.642.427%201.03%200%20.39-.152.756-.426%201.032L8.425%207.635c-1.188%201.187-1.744.63-1.982.393-.318-.318-.83-.316-1.144.004-.316.32-.314.837.004%201.154.545.545%201.168.815%201.82.815.797%200%201.64-.404%202.444-1.207l2.597-2.597c.58-.584.904-1.362.904-2.19%200-.826-.323-1.604-.906-2.188z%22%20fill%3D%22%2344C5EC%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  margin-right: 10px;
}

.link-permalink-popup:hover, .link-permalink-popup:focus, .link-permalink-popup:active {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.785%2011.275l-.662.663c-.572.572-1.505.572-2.078%200-.274-.275-.426-.642-.426-1.03%200-.39.15-.756.425-1.032L4.48%207.442c.502-.505%201.45-1.247%202.143-.556.318.318.83.317%201.146-.004.313-.32.312-.837-.006-1.154-1.174-1.176-2.912-.96-4.425.556L.904%208.718C.32%209.302%200%2010.08%200%2010.908c0%20.827.322%201.604.905%202.188.6.6%201.39.902%202.18.902.79%200%201.58-.3%202.18-.902l.662-.663c.317-.317.32-.834.004-1.153-.315-.32-.827-.32-1.145-.005zm7.376-9.457C10.9.554%209.133.486%207.965%201.655l-.824.825c-.318.318-.32.835-.005%201.154.315.32.828.322%201.145.004l.825-.824c.604-.606%201.397-.355%201.916.162.275.276.427.642.427%201.03%200%20.39-.152.756-.426%201.032L8.425%207.635c-1.188%201.187-1.744.63-1.982.393-.318-.318-.83-.316-1.144.004-.316.32-.314.837.004%201.154.545.545%201.168.815%201.82.815.797%200%201.64-.404%202.444-1.207l2.597-2.597c.58-.584.904-1.362.904-2.19%200-.826-.323-1.604-.906-2.188z%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
}

.excel-export {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%2344c5ec%22%20d%3D%22M32.768%208.482q.625.625%201.07%201.696t.447%201.964v25.714q0%20.893-.625%201.518T32.142%2040h-30q-.893%200-1.518-.626T0%2037.856V2.142Q0%201.25.623.624T2.142%200h20q.893%200%201.964.445t1.696%201.07zm-9.91-5.446v8.393h8.392q-.223-.648-.49-.916L23.77%203.527q-.268-.268-.915-.49zm8.57%2034.107V14.286h-9.285q-.893%200-1.518-.625T20%2012.144V2.857H2.857v34.286h28.57zM9.577%2031.92v2.366h6.272V31.92h-1.674l2.3-3.594q.11-.156.222-.368t.167-.3.078-.09h.046q.022.09.112.223.045.09.1.168t.134.18.145.19l2.388%203.593H18.17v2.367h6.495V31.92h-1.518l-4.286-6.093%204.354-6.295h1.496v-2.388h-6.228v2.388h1.652l-2.3%203.55q-.088.155-.222.367t-.2.3l-.046.067h-.045q-.02-.09-.11-.223-.135-.246-.38-.513l-2.366-3.548h1.696v-2.388H9.687v2.388h1.518l4.22%206.07-4.33%206.318h-1.52z%22/%3E%3C/svg%3E");
}

.excel-export:hover, .excel-export:focus, .excel-export:active {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M32.768%208.482q.625.625%201.07%201.696t.447%201.964v25.714q0%20.893-.625%201.518T32.142%2040h-30q-.893%200-1.518-.626T0%2037.856V2.142Q0%201.25.623.624T2.142%200h20q.893%200%201.964.445t1.696%201.07zm-9.91-5.446v8.393h8.392q-.223-.648-.49-.916L23.77%203.527q-.268-.268-.915-.49zm8.57%2034.107V14.286h-9.285q-.893%200-1.518-.625T20%2012.144V2.857H2.857v34.286h28.57zM9.577%2031.92v2.366h6.272V31.92h-1.674l2.3-3.594q.11-.156.222-.368t.167-.3.078-.09h.046q.022.09.112.223.045.09.1.168t.134.18.145.19l2.388%203.593H18.17v2.367h6.495V31.92h-1.518l-4.286-6.093%204.354-6.295h1.496v-2.388h-6.228v2.388h1.652l-2.3%203.55q-.088.155-.222.367t-.2.3l-.046.067h-.045q-.02-.09-.11-.223-.135-.246-.38-.513l-2.366-3.548h1.696v-2.388H9.687v2.388h1.518l4.22%206.07-4.33%206.318h-1.52z%22/%3E%3C/svg%3E");
}

.print {
  display: none !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2037%2040%22%3E%3Cpath%20fill%3D%22%2344c5ec%22%20d%3D%22M8.57%2034.286h20v-5.714h-20v5.714zM8.57%2020h20v-8.57H25q-.893%200-1.518-.626t-.625-1.518v-3.57H8.57V20zm25.716%201.43q0-.58-.424-1.005T32.858%2020t-1.004.425-.424%201.004.424%201.003%201.004.424%201.004-.424.424-1.004zm2.857%200v9.285q0%20.29-.212.502t-.5.212h-5V35q0%20.893-.626%201.518t-1.518.625H7.856q-.892%200-1.517-.625T5.713%2035v-3.57h-5q-.29%200-.502-.213T0%2030.715V21.43q0-1.764%201.26-3.026t3.026-1.26h1.43V5q0-.893.624-1.518t1.518-.625h15q.893%200%201.964.446t1.696%201.07l3.393%203.394q.626.625%201.072%201.696t.446%201.964v5.714h1.43q1.762%200%203.024%201.262t1.26%203.025z%22/%3E%3C/svg%3E");
}

/* ------------------------
   #WAARDERING-TOEPASSEN
   ------------------------*/
/**
 *  De pagina WaarderingToepassenPage.html
 */
.waardering__testpagelink,
.waardering__paginatitel {
  padding-left: 80px;
}

.waardering-toepassen {
  margin: 0 auto 1.25rem;
  padding: 0 80px;
}

.waardering-toepassen ul {
  margin-left: 0;
  padding-left: 13px;
}

/*--------------------------*\
    #WEERGAVE-OPTIES
\*--------------------------*/
/**
 * Styling van de weergave opties boven de tabel
 *
 */
.weergave-opties-horizontaal {
  display: block;
  float: right;
  margin-bottom: 30px;
}

.b-weergave-opties {
  display: none;
  position: absolute;
  top: 1em;
  right: 0;
  text-align: left;
  background-color: #fff;
  border: 1px solid #BAD1DE;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(23, 59, 96, 0.25);
  margin-bottom: 10px;
  padding: 20px 10px;
  z-index: 999;
}

.b-weergave-opties .checkbox-list {
  width: 230px;
  list-style-type: none;
  background-image: none;
  margin: 0;
  padding: 0;
}

.i-weergave-opties {
  position: relative;
}

.i-weergave-opties:hover .b-weergave-opties, .i-weergave-opties:focus .b-weergave-opties, .i-weergave-opties:active .b-weergave-opties {
  display: block;
}

/*-----------------------------------------*\
    #ADMINTOOLS--TOOLBAR
\*-----------------------------------------*/
/**
 * Gebruikt bij de dwarsdoorsnede en polisvergelijker
 */
.polisvergelijking-toolbar,
.dwarsdoorsnede-toolbar {
  position: fixed;
  right: 60px;
  top: 75px;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #acacac;
  border-radius: 2px;
  padding: 5px;
}

.polisvergelijking-toolbar button,
.dwarsdoorsnede-toolbar button {
  display: inline-block;
  height: 30px;
  width: 100px;
  color: #acacac;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: #f2f3f3;
  border: 2px solid #f2f3f3;
  border-radius: 2px;
  margin-right: 10px;
}

.polisvergelijking-toolbar button:last-of-type,
.dwarsdoorsnede-toolbar button:last-of-type {
  margin-right: 0;
}

.polisvergelijking-toolbar button:hover, .polisvergelijking-toolbar button:focus, .polisvergelijking-toolbar button:active,
.dwarsdoorsnede-toolbar button:hover,
.dwarsdoorsnede-toolbar button:focus,
.dwarsdoorsnede-toolbar button:active {
  color: #acacac;
  background-color: #fff;
  text-decoration: none;
}

body {
  height: auto !important;
}

.ck-content ol, .ck-content ul {
  margin: 0;
  padding: 0 0 0 1.5rem;
}

.ck-content ol {
  list-style-type: decimal;
}

.ck-content ul {
  list-style-type: disc;
}

/*------------------------*\
    #ZINK--CONTRACTEN
\*------------------------*/
/**
 *  Controle contracten formulier in Contractstatussen en controleer contractering in Contracteringsgraad
 */
.f-controleer-contractering,
.f-controleer-contracten {
  margin: 0 auto 1.25rem;
  padding: 0 80px;
}

.controleer-contractering,
.controleer-contracten {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
}

.controleer-contractering__filter,
.controleer-contracten__filter {
  flex: 0 1 300px;
  margin-bottom: 20px;
  margin-right: 40px;
}

.controleer-contractering__label,
.controleer-contracten__label {
  display: block;
  font-family: "Proxima Nova Bold", sans-serif;
  margin-bottom: 5px;
}

.controleer-contractering__input,
.controleer-contracten__input {
  width: 100%;
}

.f-controleer-contracten__knoppen {
  margin-bottom: 55px;
}

.f-controleer-contracten__table table {
  width: 100%;
}

.f-controleer-contracten__table th {
  min-width: 130px;
  color: #8796a4;
  font-family: "Proxima Nova Bold", sans-serif;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 2px solid #bad2df;
  padding: 10px 20px;
}

.f-controleer-contracten__table th:nth-of-type(3) {
  min-width: 300px;
}

.f-controleer-contracten__table th:nth-of-type(5) {
  min-width: 250px;
}

.f-controleer-contracten__table tbody td {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 10px 20px;
}

.f-controleer-contracten__table tbody td:last-of-type {
  border-right: none;
}

.f-controleer-contracten__table tbody tr:first-of-type th,
.f-controleer-contracten__table tbody tr:first-of-type td {
  background-color: #F7FAFB;
}

.f-controleer-contracten__table tfoot td {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.f-controleer-contracten__table tfoot a {
  color: #718294;
  font-family: "Proxima Nova Semi Bold";
  margin-right: 15px;
}

.f-controleer-contracten__table tfoot a.first, .f-controleer-contracten__table tfoot a.prev, .f-controleer-contracten__table tfoot a.next, .f-controleer-contracten__table tfoot a.last {
  color: #44c5ec;
}

.f-controleer-contracten__table tfoot .goto a[disabled="disabled"] {
  display: inline-block;
  height: 24px;
  width: 20px;
  color: #44c5ec;
  background-color: #ECF9FD;
}

/*
  Contractering
  ------------------------------------*/
.contractering {
  margin-top: 55px;
}

.contractering table th {
  text-align: left;
}

.contractering table th,
.contractering table td {
  padding: 10px 20px;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-top: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  border-left: 1px solid #bad2df;
}

/*
  Sub-kopje
  ------------------------------------*/
.f-importeer-contracten ul {
  margin: 0 0 1rem;
  padding: 0;
}

.f-importeer-contracten ul li > ul {
  margin-left: 2rem;
}

/*------------------------------*\
    #ZINK--GEKOPPELDEPRODUCTEN
\*------------------------------*/
/**
 *  Praragraaf en 2 tabellem in de gekoppelde producten pagina
 */
.gekoppeldeproducten {
  margin: 0 auto 1.25rem;
  padding: 0 80px;
}

.gekoppeldeproducten p {
  font-size: 16px;
}

.gekoppeldeproducten table {
  width: 100%;
  max-width: 1240px;
  margin-bottom: 55px;
}

.gekoppeldeproducten table th {
  min-width: 150px;
  color: #8796a4;
  font-family: "Proxima Nova Bold", sans-serif;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 2px solid #bad2df;
  padding: 10px 20px;
}

.gekoppeldeproducten table caption {
  text-align: left;
  padding: 10px 20px;
}

.gekoppeldeproducten table caption > span {
  font-family: "Proxima Nova Bold", sans-serif;
  margin-right: 20px;
}

.gekoppeldeproducten table caption .select-jaar {
  display: inline-block;
}

.gekoppeldeproducten table caption .select-jaar label {
  margin-right: 10px;
}

.gekoppeldeproducten table tbody td {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 10px 20px;
}

.gekoppeldeproducten table tbody td:last-of-type {
  border-right: none;
}

.gekoppeldeproducten table tbody tr:nth-of-type(odd) th,
.gekoppeldeproducten table tbody tr:nth-of-type(odd) td {
  background-color: #F7FAFB;
}

/*------------------------*\
    #ZINK--INSTRUCTIE
\*------------------------*/
/**
 *  Instructie tekst in Contractstatussen
 */
.instructie {
  font-size: 16px;
  margin: 0 auto 1.25rem;
  padding: 0 80px;
}

/*-----------------------------*\
    #ZINK--SPECIALISMEMAPPING
\*-----------------------------*/
/**
 *  Instructie tekst in Contractstatussen
 */
.specialisme-mapping {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 1.25rem;
  padding: 0 80px;
}

.specialisme-mapping__table {
  margin-right: 150px;
}

.specialisme-mapping__table th {
  color: #8796a4;
  font-family: "Proxima Nova Bold", sans-serif;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 2px solid #bad2df;
  padding: 10px 20px;
}

.specialisme-mapping__table tbody td {
  vertical-align: top;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 10px 20px;
}

.specialisme-mapping__table tbody td:first-of-type {
  font-family: "Proxima Nova Bold", sans-serif;
}

.specialisme-mapping__table tbody td:last-of-type {
  border-right: none;
}

.specialisme-mapping__table ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.specialisme-mapping__table li {
  margin-bottom: 3px;
}

.specialisme-bekend h2 {
  color: #8796a4;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 2px solid #bad2df;
  margin-top: 0;
  padding: 10px 0;
}

.specialisme-bekend ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.specialisme-bekend li {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*
  Pagina's
  ------------------------------------*/
/*------------------------------------*\
          #LOGIN-PAGINA
\*------------------------------------*/
/**
 * html staat in map medinetapps/pages/login.
 *  Voor elke afnemer het zelfde. Opnemen in de combined.
 */
/*------------------------------------*\
          #LOGIN-PAGE
\*------------------------------------*/
.login-page__titel {
  height: 71px;
  max-width: 400px;
  width: 100%;
  font-size: 0;
  background-image: url(../images/Zorgweb/logo--zorgweb-liggend.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin: 50px auto 30px;
}

.login-page__content {
  max-width: 420px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  margin: 0 auto;
  padding: 1.875rem;
}

.login-page__current-login {
  color: #CF750C;
  font-size: 14px;
  margin-top: 0;
}

/*------------------------------------*\
          #PASSWORD-LOGIN-PAGE
\*------------------------------------*/
.f-login__titel {
  font-family: Proxima Nova, sans-serif;
  font-size: 30px;
  margin-top: 0;
}

.f-login__label {
  width: 100%;
}

.f-login__input {
  height: auto !important;
  width: 100%;
  font-size: 1rem !important;
  line-height: 1.5;
  background-color: #fff;
  border-width: 2px !important;
  border-radius: 5px !important;
}

.f-login__line {
  width: 100%;
  border-color: #bad2df;
  margin: 1.25rem 0;
  opacity: .5;
}

/*------------------------------------*\
          #TWOFACTOR-LOGIN-PAGE
\*------------------------------------*/
/*------------------------------------*\
          #LOGIN-PAGE
\*------------------------------------*/
/*------------------------------------*\
          #LOGIN-BUTTONS
\*------------------------------------*/
.f-login__button {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 18px;
  background-color: #44c5ec;
  border: 1px solid transparent;
  padding: 12px 15px;
}

.f-login__button:hover, .f-login__button:active, .f-login__button:focus {
  color: #44c5ec;
  background-color: #fff;
  border: 1px solid #44c5ec;
}

a.f-login__button {
  color: rgba(18, 47, 76, 0.6);
  text-decoration: none;
  text-align: center;
  background-color: rgba(18, 47, 76, 0.1);
}

a.f-login__button:hover, a.f-login__button:active, a.f-login__button:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(18, 47, 76, 0.6);
  border: 1px solid transparent;
}

/*-------------------------------*\
      #WACHTWOORD-VERGETEN
\*-------------------------------*/
/**
 *  Voor elke afnemer het zelfde. Opnemen in de combined.
 */
.wachtwoord--vergeten {
  display: block;
  width: 100%;
  text-align: center;
}

/*-----------------------*\
    #STARTPAGINA
\*-----------------------*/
/**
 * Voor elke afnemer het zelfde. Opnemen in de combined.
 */
.b-startpage {
  display: flex;
  flex-wrap: wrap;
  font-family: "Proxima Nova", sans-serif;
  font-size: 18px;
  margin: 0 auto;
  padding-left: 3rem;
}

@media screen and (max-width: 640px) {
  .b-startpage {
    width: 100%;
  }
}

.i-start-page-block {
  flex: 1 1 425px;
  margin-right: 3rem;
}

@media screen and (max-width: 640px) {
  .i-start-page-block {
    width: 100%;
  }
}

.i-start-page-block:not(:last-of-type) {
  margin-bottom: 3rem;
}

.b-start-page-block {
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.2);
}

.i-start-page-block-afnemers {
  flex: 1 1 100%;
}

.start-page-block-header {
  color: #173B60;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #E3F8FF;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.start-page-block-header .table_title {
  display: inline-block;
  margin: .5rem 0;
}

.start-page-block-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}

@media screen and (max-width: 640px) {
  .start-page-block-content {
    width: 100%;
    border: 0;
    border-radius: 0;
  }
}

.start-page-block-content a,
.start-page-block-content a:link {
  color: #3192ab;
  text-decoration: none;
}

.start-page-block-content a:hover, .start-page-block-content a:active, .start-page-block-content a:focus,
.start-page-block-content a:link:hover,
.start-page-block-content a:link:active,
.start-page-block-content a:link:focus {
  color: #d5fb8a;
  text-decoration: none;
}

.start-page-block-content a.knop_admin {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 18px;
  background-color: red;
  border: 1px solid transparent;
  padding: 12px 15px;
}

.start-page-block-content a.knop_admin:hover, .start-page-block-content a.knop_admin:active, .start-page-block-content a.knop_admin:focus {
  color: red;
  background-color: #fff;
  border: 1px solid red;
}

.i-start-page-block-afnemers .start-page-block-header {
  width: 100%;
}

.i-start-page-block-afnemers .start-page-block-content {
  width: 100%;
}

p.beschikbare_afnemers_link span {
  display: inline-block;
  width: 50%;
}

@media screen and (max-width: 640px) {
  p.beschikbare_afnemers_link span {
    width: 100%;
  }
}

@media screen and (min-width: 1281px) {
  p.beschikbare_afnemers_link span {
    width: 33%;
  }
}

/*
  Specifieke blokken
  ------------------------*/
.b-start-page-block-zan {
  margin-bottom: 3rem;
}

.verzekeraar-controle-links,
.polis-controle-links,
.zorginkoopcontrole__linkjes {
  margin: 0;
  padding: 0 0 0 25px;
  -webkit-column-count: auto;
  -moz-column-count: auto;
  column-count: auto;
}

.zorginkoopcontrole__linkjes,
.verzekeraar-controle-links {
  -webkit-column-width: 225px;
  -moz-column-width: 225px;
  column-width: 225px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.polis-controle-links {
  -webkit-column-width: 280px;
  -moz-column-width: 280px;
  column-width: 280px;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

/*-------------------------------*\
        #FOOTER--ADRES
\*-------------------------------*/
/**
 * Voor elke afnemer het zelfde. Opnemen in de combined.
 * Wordt alleen getoond in de startpagina en aanverwante pagina's. Niet in de vergelijkingspagina's.
 */
.b-page-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
  height: 75px;
  clear: both;
  width: 100%;
  font-size: 16px;
  background-color: #F3F5F6;
}

.page-footer__logo {
  flex: 1;
  height: 75px;
  width: 200px;
  background-image: url(../images/Zorgweb/logo--zorgweb-liggend.svg);
  background-size: 250px;
  background-position: 3rem 50%;
  background-repeat: no-repeat;
}

.page-footer__logo-link {
  display: inline-block;
  height: 75px;
  width: 100%;
}

.b-page-footer__address-info {
  float: right;
  color: rgba(23, 59, 96, 0.5);
  margin-right: 4rem;
}

.b-page-footer__address-info a,
.b-page-footer__address-info a:link {
  color: #3192ab;
  text-decoration: none;
}

.b-page-footer__address-info a:hover, .b-page-footer__address-info a:active, .b-page-footer__address-info a:focus,
.b-page-footer__address-info a:link:hover,
.b-page-footer__address-info a:link:active,
.b-page-footer__address-info a:link:focus {
  color: #d5fb8a;
  text-decoration: none;
}

.keuzeWindow .modal-dialog .modal-dialog-content {
  min-width: 940px;
}

/*------------------------
  #OVERWRITES
  ------------------------*/
/**
 *  Specieke aanpassingen voor de Z-Analyse skin van MENZIS_ZAN
 */
/*
  Uitschakelen tonen enkelvoudige of combi producten
  ---------------------------------------------------*/
.producttype-keuze-losse-producten {
  display: none;
}

/*
  Markdown styling
  ---------------------------------------------------*/
.i-short_dekkingtekst-content-contracted-label,
.i-short_dekkingtekst-content-not-contracted-label {
  display: block;
  border-top: 1px solid #bad2df;
  border-left: 1px solid #bad2df;
  border-right: 1px solid #bad2df;
  margin-top: 5px;
  padding: 5px;
}

.i-short_dekkingtekst-content-contracted-label > span,
.i-short_dekkingtekst-content-not-contracted-label > span {
  text-decoration: underline dotted #bad2df;
}

.i-short_dekkingtekst-content-contracted,
.i-short_dekkingtekst-content-not-contracted {
  display: block;
  border-left: 1px solid #bad2df;
  border-right: 1px solid #bad2df;
  border-bottom: 1px solid #bad2df;
  padding: 5px;
  margin-bottom: 10px;
}

.dekking_teksten .inline-editable {
  border-bottom: none;
}

.dekking_teksten .inline-editable ul {
  padding-left: 0;
  margin-left: 1rem;
}

.dekking_teksten .inline-editable ol {
  list-style-type: decimal;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.maakkortesamenvatting__title {
  color: #44c5ec;
}

.maakkortesamenvatting__title:hover, .maakkortesamenvatting__title:active, .maakkortesamenvatting__title:focus {
  color: #122F4C;
  text-decoration: underline;
}