@charset "UTF-8";
/*------------------------------------*\
    #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
\*------------------------------------*/
/**
 * 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: 16px;
  line-height: 1.5;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 14.4px;
    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.
 */
/*------------------------------------*\
    #FOOTER
\*------------------------------------*/
/**
 * Footer in de applicatie
 */
.b-footer {
  max-width: 64em;
  clear: left;
  background-color: #fff;
  overflow: hidden;
  margin: 0 auto;
  padding: 1rem;
}

@media screen and (max-width: 1024px) {
  .b-footer {
    padding: 0.5rem;
  }
}

/*-----------------------*\
    #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;
}

.b-z-advies-stap {
  max-width: auto;
}

.z-advies-stap__main-block {
  max-width: 64em;
  background-color: #fff;
  border-radius: 0;
  margin: 0 auto;
  padding: 1rem;
}

@media screen and (max-width: 1024px) {
  .z-advies-stap__main-block {
    padding: 0.5rem;
  }
}

.SPECIFIEKE_DEKKINGSWENSEN .z-advies-stap__main-block {
  padding: 2rem;
}

/* -----------------------
   #MAINBLOCK
   -----------------------*/
/**
 *
 *
 *
 */
.zorginkoop {
  margin-bottom: 3rem;
  padding: 0 3rem;
}

.contract-overzicht-container,
.f-controleer-contract {
  padding: 3rem;
}

.contract-overzicht-container ul,
.f-controleer-contract ul {
  margin: 0 0 1rem;
  padding: 0;
}

/* ------------------------------------
   #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;
}

/* ------------------------------------
   #FANCYBOX
   ------------------------------------*/
/**
 *
 *
 *
 */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

* html #fancybox-loading {
  position: absolute;
  margin-top: 0;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("/apps/js/fancybox/fancybox.png");
}

#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 1100;
  display: none;
}

* html #fancybox-overlay {
  position: absolute;
  width: 100%;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  z-index: 1101;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFF;
}

#fancybox-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  outline: 0;
  overflow: hidden;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px 0;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox_error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 7px;
  margin: 0;
}

#fancybox-content {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
  position: relative;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

#fancybox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: Arial;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding: 10px 0;
  text-align: center;
  color: #333;
}

.fancybox-title-outside {
  padding-top: 5px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}

.fancybox-title-over {
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url("/apps/js/fancybox/fancy_title_over.png");
  display: block;
}

#fancybox-title-wrap {
  display: inline-block;
}

#fancybox-title-wrap span {
  height: 32px;
  float: left;
}

#fancybox-title-left {
  padding-left: 15px;
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px -90px;
  background-repeat: no-repeat;
}

#fancybox-title-main {
  font-weight: bold;
  line-height: 29px;
  background-image: url("/apps/js/fancybox/fancybox-x.png");
  background-position: 0 -40px;
  color: #FFF;
}

#fancybox-title-right {
  padding-left: 15px;
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -55px -90px;
  background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: 0;
  background-image: url("/apps/js/fancybox/blank.gif");
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0;
}

#fancybox-right {
  right: 0;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancy-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancy-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("/apps/js/fancybox/fancybox-x.png");
}

#fancy-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px -162px;
}

#fancy-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("/apps/js/fancybox/fancybox-y.png");
  background-position: -20px 0;
}

#fancy-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px -182px;
}

#fancy-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("/apps/js/fancybox/fancybox-x.png");
  background-position: 0 -20px;
}

#fancy-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px -142px;
}

#fancy-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("/apps/js/fancybox/fancybox-y.png");
}

#fancy-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("/apps/js/fancybox/fancybox.png");
  background-position: -40px -122px;
}

.treeview,
.treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.treeview ul {
  background-color: white;
  margin-top: 4px;
}

.treeview .hitarea {
  background: url(/apps/js/treeview/images/treeview-default.gif) -64px -25px no-repeat;
  height: 16px;
  width: 16px;
  margin-left: -16px;
  float: left;
  cursor: pointer;
}

* html .hitarea {
  display: inline;
  float: none;
}

.treeview li {
  margin: 0;
  padding: 3px 0 3px 16px;
}

.treeview a.selected {
  background-color: #eee;
}

#treecontrol {
  margin: 1em 0;
  display: none;
}

.treeview .hover {
  color: red;
  cursor: pointer;
}

.treeview li {
  background: url(/apps/js/treeview/images/treeview-default-line.gif) 0 0 no-repeat;
}

.treeview li.collapsable, .treeview li.expandable {
  background-position: 0 -176px;
}

.treeview .expandable-hitarea {
  background-position: -80px -3px;
}

.treeview li.last {
  background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
  background-image: url(/apps/js/treeview/images/treeview-default.gif);
}

.treeview li.lastCollapsable {
  background-position: 0 -111px;
}

.treeview li.lastExpandable {
  background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
  background-position: 0 0;
}

.treeview-red li {
  background-image: url(/apps/js/treeview/images/treeview-red-line.gif);
}

.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
  background-image: url(/apps/js/treeview/images/treeview-red.gif);
}

.treeview-black li {
  background-image: url(/apps/js/treeview/images/treeview-black-line.gif);
}

.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
  background-image: url(/apps/js/treeview/images/treeview-black.gif);
}

.treeview-gray li {
  background-image: url(/apps/js/treeview/images/treeview-gray-line.gif);
}

.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
  background-image: url(/apps/js/treeview/images/treeview-gray.gif);
}

.treeview-famfamfam li {
  background-image: url(/apps/js/treeview/images/treeview-famfamfam-line.gif);
}

.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
  background-image: url(/apps/js/treeview/images/treeview-famfamfam.gif);
}

.treeview .placeholder {
  background: url(/apps/js/treeview/images/ajax-loader.gif) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}

.filetree li {
  padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
  padding: 1px 0 1px 16px;
  display: block;
}

.filetree span.folder {
  background: url(/apps/js/treeview/images/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
  background: url(/apps/js/treeview/images/folder-closed.gif) 0 0 no-repeat;
}

.filetree span.file {
  background: url(/apps/js/treeview/images/file.gif) 0 0 no-repeat;
}

/* ------------------------------------
   #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;
}

/* ------------------------------------
   #FORMULIEREN STYLING
   ------------------------------------*/
/*
  Controleer AGB codes formulier
  ------------------------------------*/
.f-controleer-agbcodes {
  padding: 0 3rem;
}

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

/* ------------------------------------
   #PANEL
   ------------------------------------*/
/**
 * In het panel staat een lijst met class vragen
 *
 * Panel komt voor bij Redactiemeldingen in Zorginkoop, o.a. in postcode en huisnummer onbekend
 *
 */
.vragen {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style-type: none;
  margin-bottom: 1.25rem !important;
}

/*------------------------------------*\
    $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;
}

/* ------------------------------------
   #ADMIN-TOOLS--AFNEMERS AANBOD PAGE
   ------------------------------------*/
/**
 *
 *
 *
 */
.f-afnemer-aanbod {
  padding-left: 3rem;
}

/*
  table styling
  ------------------------------------ */
.afnemer-aanbod__table {
  font-size: 12px;
  border-collapse: collapse;
  margin-left: 3rem;
}

.afnemer-aanbod__table a {
  color: inherit;
}

.afnemer-aanbod__rij:nth-child(odd) {
  background: #ddd;
}

.afnemer-aanbod__verz-header,
.afnemer-aanbod__cel,
.afnemer-aanbod__rij-label {
  padding: 5px;
}

.afnemer-aanbod__verz-header,
.afnemer-aanbod__cel {
  border-left: 1px grey solid;
}

.verz-niet-beschikbaar {
  /* arcering met hulp van http://www.patternify.com/ dit pattern is: http://ptrn.it/1z4xKB9 */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAIElEQVQIW2NsbW39X11dzciABjAEYPLESSAbS5wOZPsBN0AIB4EldyAAAAAASUVORK5CYII=);
}

.aantal-regulier {
  color: black;
}

.aantal-collectief {
  color: #0000a4;
}

.aantal-nul {
  color: #777;
}

a.aantal-per-verzekeraar__link {
  text-decoration: none;
}

a.aantal-per-verzekeraar__link:hover {
  text-decoration: underline;
}

/* ------------------------------------
   #ADMIN-TOOLS--APPLICATIELOG
   ------------------------------------*/
/**
 *
 *
 *
 */
.applicatielog {
  padding: 0 3rem;
}

.applicatielog__log {
  font-size: 14px;
}

/* ------------------------------------
   #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;
}

/* ------------------------------------
   #ADMIN-TOOLS--BEREKENDE-PREMIES
   ------------------------------------*/
/**
 *
 *
 *
 */
.berekende-premies {
  padding: 0 3rem;
}

.premietabel__bedrag {
  text-align: right;
  width: 40px;
}

/* ------------------------------------
   #ADMIN-TOOLS--COLL KORTINGEN OVERZICHT
   ------------------------------------*/
/**
 * Betreft styling voor 2 pagina's:
 * - CollKortingenVerzekeraarPagina
 * - CollKortingenOverzichtPage
 */
.coll-kortingen__par,
.coll-kortingen__overzicht {
  margin-bottom: 1.25rem;
  padding-left: 3rem;
}

.coll-kortingen__overzicht .korting {
  float: right;
  text-align: right;
  font-weight: bold;
  margin-left: 1em;
}

.coll-kortingen__overzicht .andere-kortingen {
  text-align: right;
  color: #858585;
}

.coll-kortingen__overzicht ul.coll-overzicht-kortingen {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.coll-kortingen__overzicht .verzekeraar-ondertitel {
  font-weight: normal;
}

.coll-kortingen__overzicht td.bedrag {
  text-align: right;
}

.coll-kortingen__overzicht .coll-offline {
  color: #858585;
}

/* ------------------------------------
   #ADMIN-TOOLS--DATAIMPORT
   ------------------------------------*/
/**
 *
 *
 *
 */
.data-import {
  padding: 0 3rem;
}

.data-import .tab-row ul {
  list-style-type: none;
}

.run-data-import__fields div {
  margin-bottom: 1.25rem;
}

.run-data-import__fields div label {
  margin-right: 0.625rem;
}

.run-data-import__fields input {
  width: auto;
}

.run-data-import__fields input[type=radio] {
  margin-right: 5px;
}

.run-data-import__form-item {
  display: block;
  margin-bottom: 1.25rem;
}

.run-data-import__fields input.run-data-import__commit-message {
  width: 40em;
}

/* ------------------------------------
   #ADMIN-TOOLS--DATAMANAGEMENT
   ------------------------------------*/
/**
 * Pagina's: Databeheer en databeheer z-korting
 *
 */
.data-management {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0  3rem;
}

.i-db-tables {
  display: flex;
  flex-wrap: wrap;
  margin-right: 1.25rem;
}

.db-tables__schemas {
  list-style-type: none;
  margin: 0 1.25rem 0 0;
  padding: 0;
}

.db-tables__kopje-schema,
.kopje-koppelen {
  margin-top: 0;
}

.db-tables__tabellen,
.koppelen-linkjes {
  margin: 0;
  padding: 0 0 0 1.5625rem;
}

/*
  Styling van een record
  -----------------------------------*/
.update-record-form {
  margin-bottom: 1.25rem;
  padding-left: 3rem;
}

.update-record-form .formulier-item__label {
  display: inline-block;
  width: 100%;
  max-width: 300px;
}

.update-record-form .formulier-item__b-input {
  display: inline-block;
}

.update-record-form .i-formulier-item:last-of-type {
  margin-bottom: 1.25rem;
}

.related-tables {
  font-size: inherit;
  padding-left: 3rem;
  padding-right: 3rem;
}

.related-tables .dataTable {
  font-size: 12px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: transparent;
}

.related-table__heading {
  color: #555555;
  font-family: Proxima Nova, sans-serif;
  font-size: 100%;
}

/*
  Zorgt er voor dat elke pagina onder data-management styling krijgt aan de linker en rechterkant
  -------------------------- */
.databeheer-page {
  padding: 0  3rem;
}

.databeheer-page h4 input.autocompleter {
  width: auto;
}

.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

/*
  Inline edit
  ------------------------------- */
.editable-inline {
  vertical-align: middle;
  border-top: 1px solid #ddd;
  padding: 4px;
}

.editableform .control-group {
  margin-bottom: 0;
  white-space: nowrap;
  line-height: 20px;
}

.editable-clear-x {
  background-color: #D0D0D0;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  opacity: 0.6;
  z-index: 100;
  top: 50%;
  right: 6px;
  border-radius: 50%;
  margin-top: -10px;
}

.editable-clear-x:hover {
  opacity: 1;
}

.editableform .form-control {
  width: auto;
}

.form-inline .form-control {
  display: inline-block;
}

.editable-input {
  vertical-align: top;
  display: inline-block;
  width: auto;
  white-space: normal;
  zoom: 1;
  *display: inline;
}

.editable-buttons {
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
  zoom: 1;
  padding-top: 0;
}

.btn-sm {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 5px;
}

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border: 1px solid #357ebd;
}

.editable-submit {
  color: #fff;
  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");
}

.editable-buttons .editable-cancel {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2216%22%20viewBox%3D%220%200%2013%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23787878%22%20d%3D%22M11.589%2011.804a.865.865%200%200%201-.25.607l-1.214%201.214a.865.865%200%200%201-1.214%200L6.286%2011l-2.625%202.625a.865.865%200%200%201-1.214%200l-1.214-1.214a.865.865%200%200%201%200-1.214l2.625-2.625-2.625-2.625a.865.865%200%200%201%200-1.214l1.214-1.214a.865.865%200%200%201%201.214%200l2.625%202.625%202.625-2.625a.865.865%200%200%201%201.214%200l1.214%201.214a.865.865%200%200%201%200%201.214L8.714%208.572l2.625%202.625c.161.161.25.384.25.607z%22/%3E%0A%3C/svg%3E%0A");
  margin-left: 7px;
  border: 1px solid #787878;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.tt-dropdown-menu {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 0 10px;
}

.tt-suggestion + .tt-suggestion {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 3px;
  padding-bottom: 3px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

.tt-suggestion p {
  font-size: inherit;
  margin: 0;
}

/*
  Minder tekst weergeven in een cel van datamanagement (cov code)
  -----------------------------------------------------*/
.databeheer-page .i-db-table .dataTable td:nth-of-type(12) {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
  max-width: 150px;
}

/* ------------------------------------
   #ADMIN-TOOLS--DEKKINGSNIVEAU
   ------------------------------------*/
/**
 *
 *
 */
.dekkingsniveaus-testen {
  padding: 0 3rem;
}

.dekkingsniveaus-testen .select-wrapper {
  margin-bottom: 1.25rem;
}

.dekkingsniveaus-testen > div > select {
  display: block;
}

.dekkingsniveaus-testen ol {
  margin: 0;
  padding: 0 0 0 1.25rem;
}

/* ------------------------------------
   #ADMIN-TOOLS--TABLE
   ------------------------------------*/
/**
 *
 *
 *
 */
.embargo-titel,
.embargo-par {
  padding-left: 3rem;
}

/* ------------------------------------
   #ADMIN-TOOLS--EXPORT
   ------------------------------------*/
/**
 *
 *
 *
 */
.export {
  padding: 0 3rem;
}

.export .tab-row {
  margin-top: -1.25rem;
  padding: 0 3rem;
}

.export .tab-row ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* ------------------------------------
   #ADMIN-TOOLS--GEBRUIKERSBEHEER
   ------------------------------------*/
/**
 *
 *
 *
 */
.gebruikersbeheer {
  padding: 0 3rem;
}

.gebruikersbeheer .form-label {
  display: inline-block;
  width: 100px;
}

.gebruikersbeheer label > .form-label {
  margin-bottom: 1.25rem;
}

/* ------------------------------------
   #ADMIN-TOOLS--GEODATA
   ------------------------------------*/
/**
 *
 *
 *
 */
.geodata-upload {
  padding: 0 3rem;
}

.geodata-upload ol {
  margin: 0;
  padding: 0 0 0 1.25rem;
}

/* ------------------------------------
   #ADMIN-TOOLS--HERINITIALISATIE
   ------------------------------------*/
/**
 *
 *
 *
 */
.herinitialisatie {
  padding: 0 3rem;
}

.herinitialisatie > div {
  display: flex;
  flex-wrap: wrap;
}

.herinitialisatie > div > div:first-of-type {
  width: 100%;
  margin-bottom: 1.25rem;
}

.herinitialisatie h4 {
  margin-top: 0;
}

.re-init-page-block-left {
  float: left;
  width: 350px;
}

.re-init-page-block {
  width: 300px;
  float: left;
  background-color: #E3F8FF;
  border-radius: 2px;
  border: solid 1px #44c5ec;
  padding: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}

.re-init-page-block h5 {
  margin-top: 10px;
}

.re-init-page-block .checkbox-list {
  padding-left: 0;
  background-image: none;
}

.re-init-page-block ul,
.re-init-page-block ol {
  margin: 0;
  padding: 0;
}

/* ------------------------------------
   #ADMIN-TOOLS--KOSTENSOORTEN
   ------------------------------------*/
/**
 *
 *
 */
.kostensoorten {
  padding: 0 3rem;
}

/* ------------------------------------
   #ADMIN-TOOLS--PAKKETLIJST
   ------------------------------------*/
/**
 *
 *
 *
 */
.pakketlijst-titel,
.pakketlijst-par,
.f-pakketlijst,
.pakketlijst-overzicht.treeview {
  padding-left: 3rem;
}

.pakketlijst-overzicht.treeview {
  margin-bottom: 1rem;
}

.pakket-warning {
  color: orangered;
}

.pakket-met-vertaalde-titels .naam-pakket {
  border-bottom: 1px dotted #000;
}

.verzekeraar-actief {
  background: #ffffe0;
}

div.treeview ul {
  background-color: transparent;
  margin-top: 4px;
}

.treeview li.verzekeraar-actief {
  background-color: #ffffe0;
}

.pakketlijst-overzicht .productlijn-bij-pakket {
  color: grey;
}

/* ------------------------------------
   #ADMIN-TOOLS--POLISVOORWAARDENBEHEER
   ------------------------------------*/
/**
 *
 *
 *
 */
.polisvoorwaardenbeheer {
  padding: 0 3rem;
}

.polisvoorwaardenbeheer > div,
.polisvoorwaardenbeheer form {
  margin-bottom: 1.25rem;
}

.polisvoorwaarden-page__f-verzekeraar-keuze {
  margin-bottom: 1.25rem;
}

/* ------------------------------------
   #ADMIN-TOOLS--PRODUCTGROEPEN
   ------------------------------------*/
/**
 *
 *
 *
 */
.productgroepen {
  padding: 0 3rem;
}

.productgroepen p {
  margin-top: 4px;
  margin-bottom: 7px;
}

.productgroepen .vertical-header thead th {
  font-weight: normal;
  border-right: none 0;
  border-left: none 0;
}

.productgroepen .vertical-header thead th.new-group {
  padding-left: 2em;
}

.productgroepen .vertical-header th.group-name {
  height: 10em;
  max-width: 2em;
  vertical-align: bottom;
  padding-bottom: 20px;
}

.productgroepen .vertical-header th.group-name .group-name-text {
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: left center;
  /*-webkit-transform: translate(100px) rotate(20deg);*/
  /*-webkit-transform-origin: 60% 100%;*/
  /*-o-transform:translate(100px) rotate(20deg); */
  /*-o-transform-origin:60% 100%;*/
  /*-ms-transform: translate(100px) rotate(20deg);*/
  /*-ms-transform-origin: 60% 100%;*/
  /*transform: translate(100px) rotate(20deg);*/
  /*transform-origin: 60% 100%;*/
}

.productgroepen .extra-header-row-label {
  text-align: right;
}

.productgroepen .explanation-small {
  font-weight: normal;
  color: #777;
}

.productgroepen td.product-member {
  min-width: 33px;
}

.productgroepen .set-by-rules {
  background: #eeeeee;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.productgroepen .set-by-rules:last-of-type {
  border-right: 1px solid #909090;
}

.productgroepen .set-by-rules.member {
  background: #cbedb5;
}

.productgroepen .manually-set.member {
  background: #c5ffa9;
}

.productgroepen .manually-set.member-by-rules.member-by-manual,
.productgroepen .manually-set.not-member-by-rules.not-member-by-manual {
  background: #fdd;
}

.productgroepen .rule-cells .inline-editable p {
  font-size: 8px;
}

.productgroepen table {
  font-size: 12px;
  background: white;
  border-collapse: collapse;
}

.productgroepen td, .productgroepen th {
  padding: 3px;
  border: 1px solid #909090;
}

.productgroepen tbody tr th {
  text-align: left;
}

.productgroepen tr th {
  font-size: 120%;
}

.productgroepen table.col-fix-width td.product-type {
  max-width: 128px;
  width: 128px;
}

.productgroepen .checkbox-table {
  /*width: 100%;*/
}

.productgroepen table.fixed-header thead.fixed {
  position: fixed;
  top: 0;
}

.productgroepen thead.fixed th {
  border-bottom-width: 0;
  padding-left: 0;
  padding-right: 0;
  border-collapse: collapse;
}

.productgroepen thead.fixed th.group-name {
  border-bottom-width: 1px;
}

.productgroepen table.vertical-header thead.fixed th.group-name {
  max-width: none;
  background-color: rgba(255, 255, 255, 0.8);
}

.productgroepen table.vertical-header thead.fixed th.group-name > * {
  position: absolute;
  top: 8.5em;
  /* height of td, 10em, minus 1.5em */
}

.productgroepen table.col-fix-width td {
  max-width: 33px;
}

.productgroepen table.checkbox-table tr:hover td, .productgroepen table.checkbox-table tr:hover th {
  background-color: #f7fac4;
}

.productgroepen input[type=number] {
  width: 3em;
}

.productgroepen .groepen-filter {
  margin-left: 3em;
}

.productgroepen input[type=radio] {
  width: 2em;
}

.productgroepen input[type=radio] + label {
  margin-right: 2em;
}

.productgroepen input.filter-naam {
  width: 8em;
}

.productgroepen .undo-help {
  font-size: 9px;
  font-weight: normal;
}

.productgroepen .group-with-filtered-out-products {
  color: red;
}

.productgroepen input[type=checkbox] {
  width: auto;
}

/*
  Jaartal
  ------------------------*/
.productgroepen_jaartal {
  font-family: "Proxima Nova Bold", sans-serif;
}

.productgroepen_jaartal a {
  margin-right: 10px;
}

.productgroepen_jaartal a[href] {
  text-decoration: underline;
}

/*
  Verzekeraarkeuze
  ------------------------*/
.productgroepen_verzekeraarkeuze .with-modules {
  font-family: "Proxima Nova Bold", sans-serif;
  font-weight: normal;
  margin-right: 10px;
}

.productgroepen_verzekeraarkeuze a[href] {
  text-decoration: underline;
}

/*
  Verzekeraarnaam
  ------------------------*/
/*
  Maak nieuwe groep formulier
  ------------------------*/
.f-productgroepen__nieuwe-groep {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.f-productgroepen__nieuwe-groep h3 {
  flex: 100%;
}

.f-productgroepen__nieuwe-groep label {
  margin-right: 1.25rem;
}

.f-productgroepen__nieuwe-groep input {
  display: block;
  width: 100%;
}

.f-productgroepen__nieuwe-groep .button-toepassen {
  margin-top: 1.25rem;
}

/*
  Maak nieuwe groep formulier
  ------------------------*/
.f-productgroepen__filtering label {
  margin-right: 1.25rem;
}

/*
  Productgroepen filtering
  ------------------------*/
.productgroepen__filter {
  margin-bottom: 1.25rem;
}

/*
  Formulier productgroepen producten
  ------------------------*/
.t-productgroepen__producten tr:last-of-type td {
  border-bottom: 1px solid #909090;
}

/*
  Cel met delete-knop er in
  ------------------------*/
.delete-cel {
  text-align: center;
}

/* ------------------------------------
   #ADMIN-TOOLS--STATUS
   ------------------------------------*/
/**
 *
 *
 *
 */
.statuspage {
  padding: 0 3rem;
}

.statuspage h2 {
  border-top: 1px solid #D9D9D9;
}

/* ------------------------------------
   #ADMIN-TOOLS--SYNC-ZORGVERZEKERINGSKAART
   ------------------------------------*/
/**
 *
 *
 *
 */
.sync-zorgverzekeringskaart {
  padding: 0 3rem;
}

.sync-zorgverzekeringskaart form > div {
  margin-bottom: 1.25rem;
}

.sync-zorgverzekeringskaart textarea.url-or-json {
  height: 10em;
  width: 50em;
}

.sync-zorgverzekeringskaart table tr:nth-child(odd) {
  background-color: #dedede;
}

.sync-zorgverzekeringskaart tbody.numbered {
  counter-reset: rowNumber;
}

.sync-zorgverzekeringskaart tbody.numbered > tr {
  counter-increment: rowNumber;
}

.sync-zorgverzekeringskaart tbody.numbered > tr > td:first-child::before {
  content: counter(rowNumber);
  min-width: 3em;
  margin-right: 0.5em;
}

/* ------------------------------------
   #ADMIN-TOOLS--TABLE
   ------------------------------------*/
/**
 *
 *
 *
 */
/*
  embargo table
  ------------------------------------ */
.embargo-tabel,
.t-kostensoorten {
  border-top: 2px solid #bad2df;
  border-bottom: 2px solid #bad2df;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  margin-left: 3rem;
}

.embargo-tabel th,
.t-kostensoorten th {
  font-family: "Proxima Nova Semi Bold";
  font-weight: normal;
  vertical-align: top;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  border-left: 1px solid #bad2df;
  text-align: right;
  padding: 0 1.25rem;
}

.embargo-tabel thead th,
.t-kostensoorten thead th {
  border-bottom: 2px solid #bad2df;
  border-left: 2px solid #bad2df;
  border-right: 2px solid #bad2df;
}

.embargo-tabel td,
.t-kostensoorten td {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 0 1.25rem;
}

.t-kostensoorten {
  font-size: 12px;
  margin-left: 0;
}

.t-kostensoorten tr:hover, .t-kostensoorten tr:focus, .t-kostensoorten tr:active {
  background-color: rgba(68, 197, 236, 0.12);
}

.t-kostensoorten th {
  text-align: left;
  padding: 0;
}

.t-kostensoorten td {
  padding: 0 2px;
}

.t-kostensoorten td:first-of-type {
  border-left: 1px solid #bad2df;
}

/*
  Coll kortingen table
  ------------------------------------ */
.coll-overzicht-table {
  border-collapse: collapse;
}

.coll-overzicht-table > tbody > tr:nth-child(odd) {
  background-color: #eee;
}

.coll-overzicht-table td,
.coll-overzicht-table th {
  vertical-align: top;
  padding: 5px;
  border-right: 1px solid #bad2df;
}

.coll-overzicht--coll-logo {
  max-height: 2em;
}

/* ------------------------------------
   #ADMIN-TOOLS--WAARDERINGTESTPAGE
   ------------------------------------*/
/**
 *
 *
 *
 */
.waarderingpage {
  padding: 0 3rem;
}

.waarderingpage .panel input {
  width: auto;
}

.waarderingpage .panel {
  margin: 1em;
}

.waarderingpage .panel.nodeTreePanel,
.waarderingpage .panel.variablesPanel {
  float: left;
  width: 45%;
}

.waarderingpage textarea.config {
  height: 40em;
  width: 100%;
}

.waarderingpage .node-type {
  color: gray;
}

.waarderingpage .score-value {
  font-weight: bold;
}

.waarderingpage .node-title {
  font-weight: bold;
  font-size: 120%;
}

.waarderingpage .cost-type, .waarderingpage .variable {
  color: #00008b;
}

.waarderingpage input.variable-value {
  width: 3em;
}

.waarderingpage .zero {
  color: gray;
}

.waarderingpage .default-min-max {
  color: gray;
}

.waarderingpage .default-min-max .non-zero {
  color: black;
}

.waarderingpage .waardering-invalid {
  border: 2px solid red;
  border-radius: 5px;
}

.waarderingpage .in-zorgverzekering.needed-value {
  background-color: #d0ffd0;
}

.waarderingpage .niet-in-zorgverzekering.needed-value {
  background-color: #ffdb94;
}

.waarderingpage .nodeTreePanel .error {
  color: red;
}

.waarderingpage .nodeTreePanel .problems {
  float: right;
  text-align: right;
  color: red;
}

.waarderingpage div.bg-image {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
}

.waarderingpage .condition-not-fulfilled {
  background: no-repeat right url(../images/Zorgweb/thumbs_down.png);
}

.waarderingpage div.condition-fulfilled {
  background: no-repeat right url(../images/Zorgweb/thumbs_up.png);
}

/* ------------------------------------
   #ZORGINKOOP
   ------------------------------------*/
/**
 * Comment die gaat over hele document
 *
 *
 */
.zorginkoop ul {
  margin: 0;
  padding: 0;
}

.zorginkoop__zoek-dubbele-vestigingen,
.zorginkoop-acties-lijst,
.zorginkoop-proces-stappen, .zorginkoop-proces-opties,
.redactie-meldingen .filter,
.meldingen {
  list-style-type: none;
  margin: 0 0 1.25rem;
}

.zorginkoop__zoek-dubbele-vestigingen li,
.zorginkoop-acties-lijst li,
.zorginkoop-proces-stappen li, .zorginkoop-proces-opties li,
.redactie-meldingen .filter li,
.meldingen li {
  margin-bottom: 0.625rem;
}

.zorginkoop__zoek-dubbele-vestigingen label,
.zorginkoop-acties-lijst label,
.zorginkoop-proces-stappen label, .zorginkoop-proces-opties label,
.redactie-meldingen .filter label,
.meldingen label {
  display: inline-block;
  width: 315px;
}

.meldingen li {
  margin-bottom: 0;
}

.zorginkoop-acties-lijst {
  display: flex;
  margin-bottom: 1rem !important;
}

.zorginkoop-acties-lijst li {
  margin-right: 2rem;
}

.zorginkoop-acties-lijst li:last-of-type {
  margin-right: 0;
}

.zorginkoop-proces-stappen > LI,
.zorginkoop-proces-opties > LI {
  border-bottom: 1px solid #c0c0c0;
}

.zorginkoop-proces-stappen LABEL {
  width: inherit;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 15px;
}

.zorginkoop-proces-stappen UL {
  padding-left: 30px;
  margin-left: 30px;
}

.zorginkoop-proces-stappen input.toggleOpties:checked ~ .zorginkoop-proces-opties {
  display: block;
}

.zorginkoop-proces-stappen .zorginkoop-proces-opties {
  display: none;
}

/*
.zorginkoop ul li ul {
  margin-bottom: 25px;
}

.zorginkoop__editor {
  left: 450px;
  position: fixed;
  top: 150px;
  z-index: 99;
}
.zorginkoop__editor label {
  display: inline-block;
  width: 100px;
}
.zorginkoop__editor input:disabled {
  background-color: #F0F0F0;
}

.rij-product-ids__list-item {
  list-style-type: none;
} */
/*
  Bron bestanden importeren
  ------------------------------------*/
.bestanden .paginanummer {
  width: 30px;
  margin-left: 30px;
}

.bestanden .warning {
  background-color: #feefb3;
  border: 1px solid #9f6000;
  color: #9f6000;
  display: inline-block;
  padding: 1px;
}

/*
  Controleer AGB codes
  ------------------------------------*/
.controleer-agbcodes-par {
  padding: 3rem 3rem 0;
}

/*------------------------*\
    #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;
}

/* ------------------------------------
   #REDACTIE-MELDINGEN
   ------------------------------------*/
/**
 * Comment die gaat over hele document
 *
 * De inhoud van dit bestand is om te kopieeren
 *
 * 1. Dit is de comment die te maken heeft met x-class
 */
.redactie-meldingen,
.redactie-melding-editor-container {
  float: left;
  width: 650px;
}

.redactie-melding-editor-container {
  width: calc(100% - 670px);
  margin-left: 1rem;
  overflow: scroll;
}

.redactie-melding-editor {
  min-height: 400px;
  margin-top: 120px;
}

.redactie-melding-editor .select2-container {
  width: 300px;
}

.redactie {
  list-style: none;
}

.redactie table {
  border-collapse: collapse;
}

.redactie td {
  vertical-align: top;
  padding: 3px;
}

.redactie > li:nth-child(even) {
  background-color: #ccc;
}

.redactie-meldingen .meldingen {
  height: 400px;
  background-color: #fff;
  list-style: none;
  overflow: scroll;
  position: relative;
  padding-right: 0;
}

.redactie-meldingen .meldingen li {
  cursor: pointer;
}

.redactie-meldingen .meldingen li:nth-child(odd) {
  background-color: #eee;
}

.redactie-meldingen .meldingen li:hover {
  background-color: #ccc;
}

.redactie-meldingen .meldingen li.selected {
  background-color: #9fafd1;
}

/*
  AantalRedactieMeldingenPerTypePanel
  ------------------------------------*/
.laatste-importsessie {
  margin-bottom: 15px;
}

.zorginkoop-modal-window div.header,
.zorginkoop-modal-window div.breadcrumb {
  display: none;
}

.zorginkoop-modal-window .formulier-item__b-input {
  margin-left: 200px;
}

/*-----------------------------*\
    #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;
}

/* ------------------------------------
   #ZINK--TABLE-AGGREGATIE
   ------------------------------------*/
/**
 * Comment die gaat over hele document
 *
 * De inhoud van dit bestand is om te kopieeren
 *
 * 1. Dit is de comment die te maken heeft met x-class
 */
.aggregatie,
.dubbele-vestigingen,
.t-contract-overzicht,
.t-agb-code,
.t-redactie-melding,
.t-gekoppeldeproducten,
.bestanden,
.bron-zorgaanbieders,
.bron-vestigingen,
.t-doel-vestiging,
.t-vestigingen,
.t-adressen,
.bron-zorgaanbieder-mutaties,
.t-gepubliceerde-waarden,
.vektis,
.doel-vestigingen {
  border-top: 2px solid #bad2df;
  border-bottom: 2px solid #bad2df;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
}

.aggregatie th,
.dubbele-vestigingen th,
.t-contract-overzicht th,
.t-agb-code th,
.t-redactie-melding th,
.t-gekoppeldeproducten th,
.bestanden th,
.bron-zorgaanbieders th,
.bron-vestigingen th,
.t-doel-vestiging th,
.t-vestigingen th,
.t-adressen th,
.bron-zorgaanbieder-mutaties th,
.t-gepubliceerde-waarden th,
.vektis th,
.doel-vestigingen th {
  font-family: "Proxima Nova Semi Bold";
  font-weight: normal;
  vertical-align: top;
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  padding: 10px;
}

.aggregatie th:first-of-type,
.dubbele-vestigingen th:first-of-type,
.t-contract-overzicht th:first-of-type,
.t-agb-code th:first-of-type,
.t-redactie-melding th:first-of-type,
.t-gekoppeldeproducten th:first-of-type,
.bestanden th:first-of-type,
.bron-zorgaanbieders th:first-of-type,
.bron-vestigingen th:first-of-type,
.t-doel-vestiging th:first-of-type,
.t-vestigingen th:first-of-type,
.t-adressen th:first-of-type,
.bron-zorgaanbieder-mutaties th:first-of-type,
.t-gepubliceerde-waarden th:first-of-type,
.vektis th:first-of-type,
.doel-vestigingen th:first-of-type {
  border-left: 1px solid #bad2df;
}

.aggregatie td,
.dubbele-vestigingen td,
.t-contract-overzicht td,
.t-agb-code td,
.t-redactie-melding td,
.t-gekoppeldeproducten td,
.bestanden td,
.bron-zorgaanbieders td,
.bron-vestigingen td,
.t-doel-vestiging td,
.t-vestigingen td,
.t-adressen td,
.bron-zorgaanbieder-mutaties td,
.t-gepubliceerde-waarden td,
.vektis td,
.doel-vestigingen td {
  border-bottom: 1px solid rgba(186, 210, 223, 0.4);
  border-right: 1px solid #bad2df;
  text-align: center;
  padding: 5px 10px;
}

.aggregatie td:first-of-type,
.dubbele-vestigingen td:first-of-type,
.t-contract-overzicht td:first-of-type,
.t-agb-code td:first-of-type,
.t-redactie-melding td:first-of-type,
.t-gekoppeldeproducten td:first-of-type,
.bestanden td:first-of-type,
.bron-zorgaanbieders td:first-of-type,
.bron-vestigingen td:first-of-type,
.t-doel-vestiging td:first-of-type,
.t-vestigingen td:first-of-type,
.t-adressen td:first-of-type,
.bron-zorgaanbieder-mutaties td:first-of-type,
.t-gepubliceerde-waarden td:first-of-type,
.vektis td:first-of-type,
.doel-vestigingen td:first-of-type {
  border-left: 1px solid #bad2df;
}

.aggregatie ul,
.dubbele-vestigingen ul,
.t-contract-overzicht ul,
.t-agb-code ul,
.t-redactie-melding ul,
.t-gekoppeldeproducten ul,
.bestanden ul,
.bron-zorgaanbieders ul,
.bron-vestigingen ul,
.t-doel-vestiging ul,
.t-vestigingen ul,
.t-adressen ul,
.bron-zorgaanbieder-mutaties ul,
.t-gepubliceerde-waarden ul,
.vektis ul,
.doel-vestigingen ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.zorginkoop tfoot td {
  background: none;
}

.t-agb-code {
  margin: 0 3rem 3rem;
}

.t-agb-code tr:nth-child(odd) {
  background-color: #eee;
}

.t-redactie-melding tr:nth-child(even) {
  background-color: #eee;
}

.doel-vestigingen tbody tr.selected td {
  background-color: #ffffee;
}

.doel-vestigingen tbody tr:hover td {
  background-color: #ccc;
}

.doel-vestigingen tbody td {
  cursor: pointer;
}

.bron-zorgaanbieders th.acties, .bron-vestigingen th.acties {
  width: 50px;
}

.bron-zorgaanbieders td.waarheidbepaling {
  background-color: #fdeeee;
}

.bron-zorgaanbieder-mutaties tr.akkoord td, .bron-vestiging-mutaties tr.akkoord td {
  background-color: #99ccff;
}

.bron-vestigingen tr.ongeldig td {
  background-color: #ff9999;
}

/*
  Laatste importsessie
  ------------------------------------*/
.zorginkoop .laatste-importsessie table {
  border: 1px solid #325884;
  border-collapse: collapse;
  font-size: 14px;
  margin-top: 25px;
}

.zorginkoop .laatste-importsessie table thead {
  background-color: #325884;
  color: #fff;
  height: 30px;
}

.zorginkoop .laatste-importsessie th {
  text-align: left;
}

.zorginkoop .laatste-importsessie table thead th {
  padding: 0 10px;
}

.zorginkoop .laatste-importsessie table tbody tr:nth-of-type(odd) {
  background-color: #eee;
}

.zorginkoop .laatste-importsessie table tbody tr:nth-of-type(even) {
  background-color: #fff;
}

.zorginkoop .laatste-importsessie table tbody tr:last-child {
  color: #6e6e6e;
}

.zorginkoop .laatste-importsessie table tbody tr td {
  padding: 2px 10px;
}

/* ------------------------------------
   #TRUMPS voor LISTS
   ------------------------------------*/
/**
 *
 *
 *
 */
.list-without-bullets {
  list-style-type: none;
  margin-left: 0;
}

/*
  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;
}