--cft-voorblad-width: 810px;
}

.bf-submission-content a:hover {
    text-decoration: underline !important;
}
.acf-field-cft-custom-number input:invalid {
    background-color: #ff9 !important;
    border-bottom: 2px solid red !important;
}

.link-checker .link-check {
    border: 1px solid #448;
    margin: 9px;
    padding: 5px;
    background-color: white;
}
.let-op-tekst {
    color: #d00;
}
.react-app .clear-both {
    clear:both;
}
.view-bf-submission h2.hd-invoer-title{
    font-size:28.5px;
    
}
.disclaimer-footer {
    display:none;
}
.vp-samenvatting .opmerking-bovenaan {
    text-align:center;
    width: var(--cft-voorblad-width);
}
.bf-submission-content h1 {
    font-size:20px;
}
.bf-submission-content  .noodzakelijke-velden.compleet {
    display:none;
}
.view-bf-submission .page-title h2 {
    font-size:28.5px;
    margin:0px !important;
}
.bf-submission-content {
    margin-top:20px;
}
.afw-status-wrap {
    border: 2px solid #aaa;
    color: #444;
    border-radius: 8px;
    padding:10px;
    background-color: #ffa;
}
.afw-status-wrap td {
    padding:0px;
}
.view-bf-submission td {
    padding:0px;
}

.cft-iframe {
    width:100%;
    height:100%;
    border-style:none;
}

.cft-close-print-view {
    /* position:fixed;
    top:300px;
    left:840px;
   */
    float:right;
}
.cft-close-print-view div{
    margin:10px;
}
/* basis stijl van deze knop staat in BB-theme customizer > CSS */
.bf_aptg_nav.item-list-tabs li.selected span {
    border-bottom: 1px solid black;
    color:black;
}

/* BF: Mooie blauwe simpele style / uiterlijk van de 'view en 'edit' knoppen in BF.'*/
.bf_aptg_nav.item-list-tabs li a,
.bf_aptg_nav.item-list-tabs li.selected
{
    padding: 9px 20px;
    border: 1px solid #DDD;
    margin-bottom: 15px;
    border-radius: 10px;
    line-height: 1;
    font-size: 14px;
    text-align: center;

}
.bf_aptg_nav.item-list-tabs li {
    opacity:1.0 !important;
}
.bf_aptg_nav.item-list-tabs li a {
    color: #333;
}
.bf_aptg_nav.item-list-tabs li:hover a {
    color: #007CFF;
}
.item-body .bf_aptg_nav, #buddypress div.item-list-tabs.bf_aptg_nav {
    margin-bottom:0px !important;
    
}

.qware-bb-btn.selected{
    cursor:default;
}

.qware-bb-btn:not(.with-a) ,
.qware-bb-btn a{
    color: #333;
    padding: 9px;
    border: 1px solid #DDD;
    margin-bottom: 15px;
    border-radius: 10px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    cursor:pointer;

}
.cft-button {
    background-color: #ddd;
    border:1px solid #bbb;
    cursor:pointer;
    padding: 4px;
    border-radius: 3px;
    margin:3px;
    display:inline-block;
}


.qware-bb-btn:hover a{
    color: #007CFF;
}

.qware-bb-btn.selected span{
    color:black;
    border-bottom: 1px solid black;
}

.view-bf-submission .knoppen-onderaan {
    margin-top: 30px;
    float:right;
}

div.view-bf-submission {
    font-size: 14px;
}
div.view-bf-submission .unit-of-measure{
    font-style:italic;
    font-weight:normal;
}
div.view-bf-submission .disclaimer {
    font-style:italic;
}

div.qware-group-box {
    border: 1px solid grey;
    padding-left:20px;
    padding-bottom:7px;
    padding-top:7px;
    margin-bottom:30px;
    scroll-margin-top: 200px;
}
.hoofdblad.div-table{
    scroll-margin-top: 200px;
}
.hoofdblad.div-table .highlight-field{
    scroll-margin-top: 200px;
}

table.qware-table-2 {
    margin-bottom:0px;
}
table.qware-table-3 td {
    background-color: white;
    padding:8px;
    padding-left:15px;
    padding-right:20px;


}
table.qware-table-3 th {
    padding:15px;

}
table.qware-table-4 td {
    font-size: 14px;
    border-bottom: 0px;
}
table.qware-table-4 tr.boven td {
    padding-bottom:0 px;
    border-top: 1px solid #dcdcdc;
}
table.qware-table-4 tr.onder td {
    padding-bottom: 5 px;
}
table.qware-table-2 td {
    padding: 0px;
    border-bottom: 0px;
    font-size: 14px;
    padding:10px;
    vertical-align:top;
}
table.qware-table-2 tr.verborgen {
    display:none;
}
table.qware-table-2 tr.kopje td {
    background-color: #ddd;
    font-weight: bold;
    color:black;
}

table.qware-table-2 td.eenheid {
    width:100px;
}
table.qware-table-2 td .lighter-txt {
    font-weight: 100;
    color: #888;
}
table.qware-table-2 td.left {
    width: 40%;
    font-weight: 600;
}
table.qware-table-2 td.right {
    width: 60%;
    padding-left:10px;
}
table.qware-table-2 td.textarea-type {
     white-space: pre-line; 
}

table.qware-table-2 td.indented-header {
    padding-left: 20px;
}
table.qware-table-2 th {
    font-size:14px;
    padding: 5px;
    vertical-align:top;
}
table.qware-table-2 .noodzakelijk-veld-done {
    background-color: #dfd;
}
table.qware-table-2 .noodzakelijk-veld-todo {
    background-color: #ffd;
}
table.qware-table-2 .verberg{
    display:none;
}

.the_buddyforms_form {
    .col-verberg, .verberg{
	display:none;
    }
}
.bf_main_aptg:not(.hd-invoer-view-all) {
    .view-bf-submission,
    .the_buddyforms_form {
	.alleen-admin {
	    display:none;
	}
    }
}
    

div.stijlformaat-voor-toelichtingsteksten-in-formulier{
    color: #888;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}
div.stijlformaat-voor-toelichtingsteksten-in-formulier p{
    margin-top: 5px;
    margin-bottom: 5px;
}

div.stijlformaat-voor-horizontale-lijn-in-formulier {
    margin-top:40px;
}
.view-bf-submission {
    .verberg {
	display:none;
    }
}
.view-bf-submission .losse-velden div {
    vertical-align:top;
    margin-top:10px;    
}
.view-bf-submission .losse-velden .label {
    margin-right:20px;
    margin-bottom:10px;
    width:40%;
    display:inline-block;
    font-weight: bold;
    color: #4D5C6D;		/**/
}
.view-bf-submission .losse-velden .invulwaarde {
    width:50%;
    display:inline-block;
}
.view-bf-submission .losse-velden .invulwaarde.textarea-type {
     white-space: pre-line; 
}

.view-bf-submission .acf-group-kop {
    font-weight: bold;
    margin-top:10px;
    margin-bottom:10px;
    
}

input.input-met-pattern:valid {
    background-color: unset;
}
input.input-met-pattern:invalid {
    background-color:  lightpink;
}

.acf-field.kwart-breed .acf-input {
    width: 230px;
}
.acf-field.half-breed .acf-input {
    width: 470px;
}

.qware-admin-nav {
    border: 2px solid #aaf;
    padding: 20px;
    line-height: 2em;
}


.qware-bag-tools img.gears {
    background-color: grey;
    width: 100px;
    padding:10px;
    display:none;
}

/*  jqwidget component */
.view-bf-submission .jqx-cell {
    font-size:14px;
}


/* The Modal (background) */
.qware-modal-background {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.qware-modal-window {
  display:none;
  background-color: #fefefe;
  margin: 20px;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

.edit-calc-widget .column {
    border: 2px solid green;
    background: #ffb;
    padding: 5px;
}
.edit-calc-widget div.calc-op {
    padding:10px;
    margin:5px;
    width: 100%;
    display: inline-block;
}
.edit-calc-widget .calc-op div.arg {
    padding:5px 5px 5px 20px;
    margin:5px;
    border:1px solid #ddf;
    width:95%;
    background: #fff;
}
.edit-calc-widget .arg.rep-field {
    background-color: #ffb;
}
.edit-calc-widget .arg.rep-field .label{
    width:300px;
    display:inline-block;
}
.edit-calc-widget .arg.rep-field input {
    width:400px;
}

.edit-calc-widget .calc-op div.arg .button.del {
    float:right;
}

.expand-it .btn.with-mouse{
    background-color:#ddf;
}
.expand-it div.expanded{
    border-bottom: 1px solid #ddd;
    margin-left:20px;
    /* margin-bottom:20px; 
       padding:20px;
       */
}
.hd-action .hd-action-field .btn.inactief {
    background-color: #ddd;
    border:unset;
    color: #bbb;
}
.hd-action .dankje,
 .hd-action .afw-form-loading {
    background-color: #ddd;
    margin: 10px;
    padding: 10px;
}
.hd-action .adres {
    margin:10px;
    padding:10px;
    background-color: #ddd;
}
.hd-action .msg {
    margin:10px;
}
.hd-form-navigatie li a {
    color: #122B46;
}

.hd-action .afw-form-buttons .btn-aanvraag {
    float:left;
}
.hd-action .afw-form-buttons .instructions {
    margin-left: 230px;
    display: block;
}
.hd-action .btn-terug {
    display: block;
    clear:both;
    margin-top:20px;
}

.cft-bf-warnings {
    position: fixed;
    right: 10px;
    top: 50%;
    border: 1px solid #ccc;
    background-color: #ffc;
    z-index: 900;
    padding: 30px;
    border-radius: 10px;
    display:none;
}

.cft-bf-warnings .btn{
    margin-top: 20px;
    text-align: right;
}


.hd-form-navigatie li  {
    color:black;
    font-size: 14px;
    list-style-type:none;
    /*display:inline-block;*/
    margin:10px;
    margin-right:20px;
    padding-left:10px;
}
.hd-form-navigatie   {
    background-color: #f0f0f0;
    padding-left:10px;
}
.hd-form-navigatie li.selected  {
    font-weight:bold;
    border-left: 2px solid   #007CFF;
}
/*
.hd-form-navigatie.sub-nav-groep  {
    margin-left:280px;
}
*/
.hd-level-2-nav-groep-1 {
    margin-left: 20px;
    margin-bottom:13px;
}
.hd-level-2-nav-groep {
    margin-bottom:13px;
    margin-left: 210px;
}
.hd-level-2-nav-groep span {
    margin:5px;
}
.view-bf-submission .download-pdf-link img {
    width: 40px;
}
.show-hide-buttons-main span{
    float:right;
    margin-top:7px;
}
.show-hide-buttons-main div{
    float:right;
}
.show-hide-buttons-main {
    margin-bottom:40px;
}
.show-hide-buttons-main .printomatic{
    display: inline-block;
}
.show-hide-buttons-main .qware-bb-btn{
    padding: 11px;
}
.show-hide-buttons-main .qware-bb-btn.with-a {
    padding:5px;
}

.view-bf-submission .page-title {
    display:inline-block;
    width:80%;
}

.view-bf-submission .printomatic {
    float:right;
    margin: 5px;
}
.printomatic {
   padding: 5px;    
}

/*
.with-hover .hover-box {
    position:absolute;
    background-color: white;
    padding: 20px !important;
    z-index:90;
    border: 1px solid #aaa;
    border-radius:4px;
    box-shadow: 3px 3px;
    text-align:left;
    font-weight: normal !important;
    cursor:default;
}
*/
.with-hover .hover-box {
    width:900px;

    color: #555;
}
.hoofdblad-rij.inverse .with-hover {
    color: #fff;
}
.with-hover {
    cursor: pointer;
    color: var(--bb-headings-color);
}
.with-hover:hover {
    text-decoration: underline;
}
.with-hover.selected {
    color: #d00;
}

.the_buddyforms_form .input-voor-bespaarcalculator {
    background-color: #ffd; /* geel */
}
.the_buddyforms_form .input-voor-bespaarcalculator.acf-field-repeater {
    background-color: #fff;
}
.qware-table-4 .highlight-field{
    color: #d00;
}

/* This fix is needed for ACF 6.1.1 
   toon  velden naast elkaar, voor zover dat past
*/
.the_buddyforms_form .acf-repeater div.acf-field {
    float:left;
    clear:none;
}

.kleine-popup {
    margin:20px;
    border: 1px solid #77d;
    background-color: #ff9;
    padding:8px;
}


.div-table-row div {
    float:left;
    padding: 5px;
    width: 140px;
}
.kraz-data-rij.kopje .label{
    font-weight:bold;
}
.hoofdblad-input-rij.verberg{
    display:none !important;
}
.hoofdblad-input-rij .readonly-value {
    color: #666;
}
.kraz-data-rij.verberg {
    display:none !important;
}
.kraz-data-rij .pre-label-icon-style{
    width: 30px;
    clear:both;
    font-size:20px;
    cursor: pointer;
}
.div-table-row .very-wide {
     width: 815px;
}
.rekenvar .number {
    text-align:right;
    padding-right:15px;
}
.kraz-data-rij .number {
    text-align:right;
    padding-right:15px;
    line-height:normal;
}
.kraz-data-rij .uom ,
.kraz-expand-rij .uom {
    text-align: right;
}

.hoofdblad-rij .instructions {
    display:flex;
    
}
.cft-instruction .icon {
    font-weight: bold;
    font-size: 10px;
    font-style: normal;
    border-radius: 5px;
    padding: 1px 6px;
    border: 1px solid #aaa;    
}
.cf-icon-btn.info:hover,
.cft-instruction:hover{
    color: var(--bb-header-links-hover);
}

.cft-instruction .icon:hover {
    color: red;
}
.cft-instruction {
    padding:1px 8px !important;
    display:inline-block;
    cursor:pointer;
    border-top:unset !important;
    display:inline-block;
    font-size:13px;
}


.vp-samenvatting .cft-instruction {
    display:flex;
    font-weight:200;
    margin: 0px !important;
    padding-top: 0px !important;
    align-items: center;
}
.vp-samenvatting .instruction-inline .cft-instruction {
    display:inline-block;    
}

.vp-samenvatting .instructie-niet-in-pdf .cft-instruction {
    font-style: italic;
}
.vp-samenvatting .only-show-label .waarde {
    display:none;
}
.cft-popup .header-row{
    text-align:right !important;
    font-size:24px;
}
.cft-popup .header-row .txt{
    font-size:14px;
    cursor:pointer;
}
.cft-popup .header-row .close-btn{
    cursor:pointer;
}


.cft-popup .header-row,
.cft-popup .text {
    border-top:unset !important;
}
.cft-popup .text {
    width:100%;
    height:100%;
    text-align:left !important;
}
.cft-popup.wider{
    width:600px;
}
.cft-popup{
    display:none;
    position: absolute;
    width:300px;
    background-color: white;
    color:black;
    padding: 20px !important;
    z-index: 90;
    border: 1px solid #aaa;
    border-radius:4px;
    box-shadow: 3px 3px;
    cursor:default;
    font-weight: normal !important;
    text-align:left;
}
.cft-popup.cft-big-popover {
    width: 90%;
    height: 90%;
}

.kraz-data-rij.header-row div {
    text-align:center;
    color:black;
}
.kraz-data-rij.header-row div.chosen {
    color: #a00;
}
.kraz-data-rij.header-row div.not-chosen {
    color: #777;
}
.kraz-data-rij.header-row div.info-link-scenarios{
    cursor:pointer;
}


.highlight-field .de-input{
    border:1px solid red;
}
.highlight-field .label{
    color:#d00;
}

.kraz-data-rij .first .field-ref {
    margin-left:20px;
    width:500px;
}
.field-ref .same-page-ref {
    color: var(--bb-primary-color);
    cursor:pointer;
}
.field-ref .same-page-ref:hover {
    text-decoration: underline !important;
}

.kraz-data-rij {
    /* display:inline-block; */
    border-top: 1px solid #ddd;
    margin-top:5px;
}
.kraz-data-rij .label {
    background-color: #eee;
    padding-left:5px;
}

.div-table-row-set-expanded {
    background-color: #ededed;
    padding-left:10px;
    margin-left:10px;
    border: 1px solid #ddd;
}
.kraz-data-rij .with-border {
    border-left: 1px solid #ddd;
}

.div-table {
    clear:both;
}
.box-with-formulas {
    display:inline-block;
    border-top: 1px solid #ddd;
    margin:5px;
    margin-left:20px;

}
.box-with-formulas div{
    /* padding-left:10px; */
    float:left;
}
.box-with-formulas div.value{
    margin-left:10px;
}
.box-with-formulas .label{
    clear:both;
    width:340px;
}

.hoofdblad-group {
    border: 2px solid #ddd;
    padding: 10px;
    margin: 10px;
}

.info-message-box-popover{
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 300px;
    top: 140px;
    width: 800px; /* Full width */
    height: 80%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    display:none;
    border: 2px solid grey;
    background-color: white;
    padding:20px;
}
.info-message-box-popover .buttons{
    float:right;
}

.auto-scroll-tool-fixed {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 100px;
    top: 180px;
    border: 2px solid grey;
    background-color: #fff;
    display:none;
    padding: 2px 20px;
    border-radius: 10px;

}

.highlight-for-scroll {
    color: #808;
}

.view-bf-submission .cft-accordion .ui-accordion-header {
    margin: 0px !important;
    margin-top: 10px !important;
    font-size:14px;
}
.view-bf-submission .linkje-berekeningen {
    float:right;
    font-size:14px;
    margin-top:10px;
    
}
.view-bf-submission .linkje-berekeningen a {
    font-family: "Roboto Slab";
    color: var(--bb-body-text-color);

}

.view-bf-submission select {
    font-size:14px;
}
.view-bf-submission .ui-widget input {
    font-family: "Roboto Slab";
}
.view-bf-submission .duo-blok {
    display:grid;
    grid-template-columns: 405px 405px;
}


.hoofdblad {
    font-family: "Roboto Slab";
    font-size: 14px;
}
.hoofdblad .with-top-pad {
    padding-top:12px;

}

.hoofdblad .instrukties a {
    color: var(--bb-primary-color) !important;
}
.hoofdblad .bericht a {
    color: var(--bb-primary-color) !important;
}

.cft-popup a {
    color: var(--bb-primary-color) !important;
}




.hoofdblad .bericht  {
    padding: 9px;
}
.hoofdblad  .grijzig{
    background-color: #e1e1e1;
}
.samenvatting .label.grijzig{
    background-color: unset;
    text-align:right;
}
.hoofdblad  .waarde.grijzig{
    background-color: #f2f2f2;
}

.hoofdblad   .waarde.rood{
    background-color: #ffebe6;
}
.hoofdblad   .waarde.groen{
    background-color: #e9fddb;
}
.hoofdblad  .de-input label {
    font-size: 14px;
    color: var(--bb-body-text-color);
    display:block;
    text-indent:-15px;
    padding-left:10px;
}
.hoofdblad  .de-input input[type="text"] {
    width: 80px;
}
.view-bf-submission .floating-button{
    position:fixed;
    right:10px;
    bottom:40px;
}

.view-bf-submission .datum-en-adres div{
    display:inline-block;
}
.view-bf-submission .datum-en-adres .tekst{
    width:700px;
    line-height:normal;
}
.view-bf-submission  .vp-samenvatting .datum-en-adres .tekst{
	width:600px;
}

.view-bf-submission  .vp-samenvatting .datum-en-adres .tekst .show-only-in-print{
    display:none;
}


.view-bf-submission .datum-en-adres .zw-logo {
    float:right;
    width:200px;
}

img.external-link{
    width:30px;
}

.view-bf-submission .datum-en-adres {
    clear:both;
    text-align:left;
    /*
    margin-bottom: 55px;
    height:50px;
   */
}
.vp-samenvatting .datum-en-adres {
    width:810px;
}

.view-bf-submission .tussenkopje  {
    margin-top: 10px;
    color: black;
    padding:4px;
}
.view-bf-submission .hoofdblad .tussenkopje  {
    background-color: #ccc;
}
.hoofdblad .hoofdblad-input-rij  .acf-input-prepend {
    padding: 11px;
    border:0px;
    width:30px !important;
    display:inline-block;
    text-align:right;
}
.hoofdblad .hoofdblad-input-rij  .acf-input-append {
    display:none;
}
.hoofdblad .hoofdblad-input-rij  .label {
    padding:5px;
}
.even-wachten {
    background-color: var(--wp--preset--color--pale-cyan-blue);
    height:120px;
    font-size:25px;
    padding:15px;
    border-radius:10px;
    width: 400px;
}

.hoofdblad .hoofdblad-basis-rij {
    display:grid;
    margin:5px;
    grid-template-columns: 30% 25% 10% 35%;
}
body.buddypress .buddypress-wrap .vp-hoofdblad h3.inspring-links {
    margin-left: 38px !important;
}
.hoofdblad-expander.inspring-links {
    margin-left: 38px !important;
}

body.buddypress .buddypress-wrap .vp-hoofdblad h2.grote-tussenkop {
    border-top: 2px solid black;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 10px;
}
.vp-hoofdblad #samenvatting_variabelen.hoofdblad .hoofdblad-basis-rij {
    grid-template-columns: 30% 70% 0 0;
}

.samenvatting .hoofdblad-rij div {
    line-height:normal;
}
.samenvatting .hoofdblad-basis-rij {
    display:grid;
    margin:0px;
    grid-template-columns: 250px 200px 40px 150px;
    align-items:center;
}
.samenvatting .hoofdblad-basis-rij .waarde {
    display:flex;
    align-items: center;
    justify-content: flex-start;
    height:100%;
}
.hoofdblad .hoofdblad-basis-rij .label{
     text-align:right;
}
.div-table.samenvatting .tussenkopje{
    font-size:14px;
    font-weight:500;
}
.div-table.samenvatting .hoofdblad-data-rij {
    .centreer { 
       	text-align:center;
    }
    .cft-instruction{
       	padding:0px;
    }
}
.hoofdblad .hoofdblad-data-rij .label{
    text-align:right;
}
.duo-blok-item  .hoofdblad-basis-rij .waarde {
    justify-content: flex-end;
    padding-right:5px;
}
.samenvatting .hoofdblad-basis-rij div.label {
    justify-content: flex-end;
}

.samenvatting.two-columns-grid .hoofdblad-basis-rij {
    grid-template-columns: 190px 210px 4px;
    width:unset;
}

.samenvatting.two-columns-grid .hoofdblad-basis-rij .label {
    font-weight: 500;
}
.samenvatting.two-columns-grid .hoofdblad-basis-rij:nth-child(even) .label {
    border-left: 1px solid #ccc;
}
.samenvatting .hoofdblad-data-rij-2 {
    display:grid;
    margin:0px;
    grid-template-columns: 45% 20% 20% auto;
}

@media screen {
    .samenvatting .kleurtje-a .waarde {
	background-color: #fdd980; /* yellow */
	color:black;
	padding:8px;
    }
    .samenvatting .hoofdblad-data-rij.kleurtje-a .ding-onder-header{
	padding:8px;
    }
    .samenvatting  .tussenkopje.met-extra-margin-top {
	margin-top: 29px;
    }
}

.samenvatting .hoofdblad-data-rij-2.zonder-prefix-label .first {
    grid-column-start: 1;
    grid-column-end: 3;
}
.samenvatting .hoofdblad-data-rij-2.zonder-prefix-label.value-rechts .first {
    grid-column-end: 4;
}
.samenvatting .hoofdblad-data-rij-2.zonder-prefix-label.only-show-label .first {
    grid-column-start: 1;
    grid-column-end: 4;
}
    
.samenvatting .hoofdblad-data-rij-2.zoals-header {
    background-color:unset !important;
}
.samenvatting .hoofdblad-data-rij-2.zoals-header .waarde {
    font-weight:bold;
}
.calc-table.duo-blok-item.geen-header {
    padding-top:5px;
}
.calc-table.duo-blok-item h3 {
    margin: 0 0 5px !important;
    font-size:14px;
    font-weight:500;

    color:white;
}

.calc-table.duo-blok-item .block-item-header {
    color:white;
    font-weight:500;
    text-align:center;
}
.calc-table.duo-blok-item.links .block-item-header {
    background-color: #235b97;
}
.calc-table.duo-blok-item.rechts .block-item-header {
    background-color: #e94e0f;
}
.samenvatting .hoofdblad-data-rij-2 .prefix-label.label {
    justify-content: center;
}
.zonder-prefix-label + .met-prefix-label .prefix-label{
    border-top:1px solid #ccc;
}
.hoofdblad-data-rij.onder-header div.ding-onder-header{
    grid-column-end: 5;
    grid-column-start: 1;
    text-align: center;
}
.hoofdblad-data-rij.onder-header.dikker{
    font-weight:500;
    color:black;
}
.hoofdblad-data-rij.onder-header .instr-wrap {
    position: absolute;
    height: 300px;
    left: 600px;
    width: 200px;
    font-weight: normal;
    text-align:center;
    border-top: none !important;
}
.samenvatting .hoofdblad-data-rij-2 {
   .waarde,.eenheid {
       	text-align: center;
    }
}
.samenvatting .hoofdblad-data-rij-2 .instructions {
    padding-left:7px;
}

    
.samenvatting .hoofdblad-data-rij  div{
    padding:0px;
}
.samenvatting .hoofdblad-basis-rij  div{
    padding:0px;
}
.samenvatting .hoofdblad-data-rij-2.table-headers .label{
    padding:3px;
    font-weight:bold;
}
.samenvatting .hoofdblad-data-rij-2.table-headers .label-prefix{
    font-weight:bold;
    text-align: center;
}
.vp-samenvatting .div-table.two-columns-grid{
    display: grid;
    grid-template-columns: 405px 405px;
}
.div-table.two-columns-grid .hoofdblad-basis-rij {
    background-color: #eee;
}
.div-table.two-columns-grid .hoofdblad-basis-rij .waarde {
    text-align:left;
    
}


/*
.samenvatting .hoofdblad-data-rij-2:not(.table-headers) .label.first,
  .samenvatting .hoofdblad-data-rij-2:not(.table-headers) .waarde{
        border-top: 1px solid #ccc;
}
*/
.samenvatting .hoofdblad-data-rij{

    width: var(--cft-voorblad-width);
    
}

.samenvatting .hoofdblad-basis-rij:not(.inverse) {
    border-top: 1px solid #ccc;
}
.samenvatting .hoofdblad-basis-rij .waarde {
    padding-left:3px;
}

/*.samenvatting .hoofdblad-data-rij:not(.table-headers) div:not(.prefix-label) {
    border-top: 1px solid #ccc;
}
*/
.samenvatting .hoofdblad-data-rij div:not(.prefix-label) {
    border-top: 1px solid #ccc;
}

.samenvatting .hoofdblad-data-rij:not(.table-headers) {
    background-color:#eee;
}
.samenvatting .hoofdblad-data-rij.donkerder-grijs{
    background-color:#ddd;
}

.samenvatting .hoofdblad-data-rij-2.table-headers .label.instructions{
    justify-content: center;
}
.samenvatting .hoofdblad-data-rij-2 .instructions{
    justify-content: center;
}
.samenvatting .hoofdblad-data-rij-2.pakket-start {
    margin-top: 5px;
}
.samenvatting-calc-table:not(.kopje-zonder-tabel) {
    margin-bottom:20px;
}
.duo-blok .samenvatting .tussenkopje div {
    width:220px;
    text-align:right;
}
.duo-blok .samenvatting .tussenkopje {
    border-top:1px solid #ccc;
}
.duo-blok-item.links {
    background-color: #cfe2f3;
}
.duo-blok-item.rechts {
    background-color: #fce5cd;
}
.samenvatting .zoals-blok-item-rechts {
    background-color: #fce5cd;
    font-weight:bold;
    padding:5px;
    width: var(--cft-voorblad-width);
    text-align:center;
}



.samenvatting-h3-kopje {
    background-color: #555;
    width: var(--cft-voorblad-width);

    padding:4px;
}

.vp-samenvatting .kopje-zonder-tabel .instruction{
    color:#ddd;
    font-weight:500;
    text-align:center;
    
}
.samenvatting-h3-kopje>div {
    display:flex;
    justify-content:center;
    margin: 0 0 0px !important;
    font-size:14px;
    color:white;
    font-weight:500;
    text-align:center;
}
.samenvatting-h3-kopje>div.kopje {
    font-size:15px;
}
.duo-blok-item h3{
    text-align:center;
}
.in-duo-item .label{
    display:flex;
}
.in-duo-item .label .icon {
    height:20px;
}
.duo-item-links .hoofdblad-basis-rij.inverse {
    background-color: #235b97;
    color:white;
}
.duo-item-rechts .hoofdblad-basis-rij.inverse {
    background-color: #e94e0f;
    color:white;
}
    
.duo-blok .samenvatting .hoofdblad-basis-rij {
    display:grid;
    margin:0px;
    /* samen 360 */
    grid-template-columns: 220px 80px 60px;
    align-items:center;
}
.duo-blok .samenvatting .hoofdblad-basis-rij.waarde-links {
    grid-template-columns: 180px 80px 60px;
    font-weight:500;
    color:black;
}
.duo-blok .samenvatting .hoofdblad-basis-rij.colspan {
    /* samen 360 */
    grid-template-columns: 220px 140px 0px;
}


.hoofdblad-basis-rij div {
    padding:4px;
}
.hoofdblad-basis-rij .waarde {
    margin-left:4px;
}

.hoofdblad-input-rij {
    display:grid;
    margin:5px;
    grid-template-columns:  30% 25% 10% 35%;
}

.hoofdblad-input-rij .de-input {
    padding-left:10px;
}
.hoofdblad-input-rij .first {
    text-align:right;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
*/
}

.kraz-data-rij-1 {
    display:grid;
    margin:5px;
    grid-template-columns:  30px 430px 200px 100px;
}
.kraz-data-rij-2 {
    display:grid;
    margin:5px;
    grid-template-columns:  30px 430px 270px 270px 100px;
}
.kraz-data-rij-3 {
    display:grid;
    margin:5px;
    grid-template-columns:  30px 430px 183px 183px 183px 100px;
}
.kraz-data-rij-4 {
    display:grid;
    margin:5px;
    grid-template-columns:  30px 430px 137px 137px 137px 137px  100px;
}
.hdtech-data-rij-4 {
    display:grid;
    margin:5px;
    grid-template-columns:   430px 137px 137px 137px 137px  100px;
}
.hdtech-data-rij-1 {
    display:grid;
    margin:5px;
    grid-template-columns:  30px 430px 200px 100px;
}
.kraz-expand-rij-1 {
    display:grid;
    margin:5px;
    grid-template-columns:  430px 200px 100px;
}
.kraz-expand-rij-2 {
    display:grid;
    margin:5px;
    grid-template-columns:  430px 270px 270px 100px;
}
.kraz-expand-rij-3 {
    display:grid;
    margin:5px;
    grid-template-columns:  430px 183px 183px 183px 100px;
}
.hdtech-data-rij .value {
    background-color: #eaeaf0;
    text-align:center;
    margin-right:5px;
    padding-right:5px;

}
.hdtech-data-rij.left-align .value {
    text-align:left;
}
.hdtech-data-rij.right-align .value {
    text-align:right;
}
.hdtech-data-rij .instr {
    grid-column-start:6;
}
.hdtech-data-rij .centreer {
    text-align:center;
}

.hdtech .tussenkopje {
    background-color: #eee;
}
/* span 1st value-cell #1 across 4 cols  */
.hdtech-data-rij.grid-cols-14 > :nth-child(1 of .value) {
    grid-column-start: 2;
    grid-column-end: 6;
}
/* span 1st value-cell #1 across 3 cols  */
.hdtech-data-rij.grid-cols-13 > :nth-child(1 of .value) {
    grid-column-start: 2;
    grid-column-end: 5;
}
/* span 1st value-cell #1  across 2 cols 3-4 */
.hdtech-data-rij.grid-cols-12 > :nth-child(1 of .value) {
    grid-column-start: 2;
    grid-column-end: 4;
}
/* span 2nd value-cell #2  across 2 cols 4-5 */
.hdtech-data-rij.grid-cols-22 > :nth-child(2 of .value) {
    grid-column-start: 3;
    grid-column-end: 5;
}

/* pin grid-col 2 */
.hdtech-data-rij.grid-col-pin-2 > :nth-child(2 of .value) {
    grid-column-start: 3;
    grid-column-end: 4;
}
/* pin grid-col 3 */
.hdtech-data-rij.grid-col-pin-3 > :nth-child(3 of .value) {
    grid-column-start: 4;
    grid-column-end: 5;
}
/* pin grid-col 4 */
.hdtech-data-rij.grid-col-pin-4 > :nth-child(4 of .value) {
    grid-column-start: 5;
    grid-column-end: 6;
}
/* hide value-cells  #1,2,3  [-n+3]  */
.hdtech-data-rij.hide-cols-123 > :nth-child(-n+3 of .value) {
    display:none;
}
/* hide value-cells  #1,2  [-n+2]  */
.hdtech-data-rij.hide-cols-12 > :nth-child(-n+2 of .value) {
    display:none;
}
/* hide value-cells  #2,3,4  [n+2]  */
.hdtech-data-rij.hide-cols-234 > :nth-child(n+2 of .value) {
    display:none;
}
/* hide value-cells #3,4 [n+3] */
.hdtech-data-rij.hide-cols-34 > :nth-child(n+3 of .value) {
    display:none;
}
/* Hide value #1 */
.hdtech-data-rij.hide-col-1 > :nth-child(1 of .value) {
    display:none;
}
/* Hide value #2 */
.hdtech-data-rij.hide-col-2 > :nth-child(2 of .value) {
    display:none;
}
/* Hide value #3 */
.hdtech-data-rij.hide-col-3 > :nth-child(3 of .value) {
    display:none;
}
/* Hide value #4 */
.hdtech-data-rij.hide-col-4 > :nth-child(4 of .value) {
    display:none;
}


.hoofdblad-rij.streep-boven .waarde {
     border-top:1px solid black;
}
.hoofdblad  .hoofdblad-data-rij .eenheid {
    margin-left: 10px;
}
.hoofdblad  .hoofdblad-data-rij .waarde {
    /* display:block; */
    text-align:right;
    margin-left:3px;
}
.hoofdblad-basis-rij .waarde {
    /*text-align:right;*/
}
.hoofdblad-basis-rij.colspan .waarde {
    text-align:left;
    padding-left:10px;
}

.hoofdblad-data-rij div {
    padding:4px;
}
.hoofdblad-data-rij.table-headers .label {
    text-align:center;
}

.hoofdblad-data-rij-2 {
    display:grid;
    grid-template-columns: 30% 25% 25% 20%;
    margin:5px;
}
.hoofdblad-data-rij-2.col-merge {
    /* stretch 2rd cell */
    div:nth-child(2) {
	grid-column: 2/4;
    }
    /* hide 3rd cell */
    div:nth-child(3) { 
	display:none;
    }


}
.hoofdblad-data-rij-3 {
    display:grid;
    grid-template-columns: 30% 18% 18% 18% 16%;
    margin:5px;
}
@media screen and (max-width: 990px){
    .hoofdblad .hoofdblad-data-rij-3 {
	grid-template-columns: 150px 150px 150px 105px;
    }
    .hoofdblad .hoofdblad-data-rij-3 .first {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 3;
    }
    .hoofdblad .hoofdblad-data-rij-2 {
	grid-template-columns: 180px 180px  80px;
    }
    .hoofdblad .hoofdblad-data-rij-2 .first {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 3;
    }
    .hoofdblad .hoofdblad-data-rij-2 .waarde {
	margin-left:12px;
    }

    
    .kraz-data-rij .pre-label-icon-style {
	display:none;
    }
    .kraz-data-rij-1 {
	grid-template-columns:   430px 80px;
    }
    .kraz-data-rij-1 .first {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
    }
    .kraz-data-rij-2 {
	grid-template-columns:  230px 230px 80px;
    }
    .kraz-data-rij-2 .first {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 3;
    }
    .kraz-data-rij-3 {
	grid-template-columns:  183px 183px 183px 80px;
    }
    .kraz-data-rij-3 .first {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 3;
    }

}


@media print  {
    .hoofdblad-rij.dubbel-streep-boven .waarde {
	border-top: 4px  double black;
    }
    .samenvatting-calc-table:not(.kopje-zonder-tabel) {
	margin-bottom:0px;
    }

    .cft-close-print-view {
	display:none;
    }
    .vp-samenvatting .datum-en-adres {
	width:742px;
	margin-bottom:30px;
	height:30px;
    }
    .vp-samenvatting .datum-en-adres .tekst{
	width:530px !important;
    }
    .view-bf-submission .duo-blok {
	/* samen 750 */
	grid-template-columns: 375px 375px;
    }
    .samenvatting .hoofdblad-data-rij-2 {
	/* samen 750 */
	grid-template-columns: 80px 285px 85px 85px 210px;
    }
    .vp-samenvatting .div-table.two-columns-grid{
	/* samen 750 */
	grid-template-columns: 375px 375px;
    }
    .samenvatting.two-columns-grid .hoofdblad-basis-rij {
	/* samen 375 */
	grid-template-columns: 240px 133px 1px;
    }

    .calc-table.duo-blok-item:not(.geen-header) {
	border-top:1px solid #ccc;
    }
    .samenvatting-h3-kopje {
	border-top:3px solid #ccc;
    }
    .samenvatting-h3-kopje>div {
	text-align:left;
	justify-content:left;
    }
    .bf-submission-content{
	border-bottom:3px solid #ccc;
	margin-top:0px !important;
    }
    .calc-table.duo-blok-item.rechts {
	border-left: 1px solid #ccc;
    }
    .samenvatting .hoofdblad-basis-rij {
	border-top: 1px solid #ccc;
    }
    .samenvatting .zoals-blok-item-rechts {
	border-top: 1px solid #ccc;	
    }

    
   /* 
     voor print-view mag je totaal 750 px hebben dus
      3   x 100 = 300 + 430 is ok
   */
    .div-table-row div {
	width: 100px;
    }
    .div-table-row .first {
	width: 360px;
    }
    .div-table-row.expanded .first{
	width: 320px;
    }
    .bf-submission-content{
	font-size:11px;
    }
    .div-table-row .pre-label-icon {
	display:none;

    }

    .hoofdblad-data-rij-3 {
	/* samen 660 */
	grid-template-columns: 270px 100px 100px 100px 90px;
    }
    .hoofdblad-data-rij-2 {
	/* samen 630  */
	grid-template-columns: 220px 160px 160px  90px;
    }
    .hoofdblad .hoofdblad-basis-rij {
	/* samen 620 */
	grid-template-columns: 200px 90px 90px 240px;
    }
    .hoofdblad .hoofdblad-input-rij {
	/* samen 610 */
	grid-template-columns: 260px 90px 260px;
    }

    .kraz-data-rij .pre-label-icon-style {
	display:none;
    }
    .kraz-data-rij-3 {
	/* samen 650 */
	grid-template-columns:  270px 100px 100px 100px 80px;
    }
    .kraz-data-rij-2 {
	/* samen 640 */
	grid-template-columns:  300px 130px 130px  80px;
    }
    .kraz-data-rij-1 {
	/* samen 640 */
	grid-template-columns:  400px 130px 110px;
    }
    .cft-instruction {
	display:none !important;
    }
    .opmerking-bovenaan {
	display:none !important;
    }
    .disclaimer-footer {
	display: block;
	color: #ccc !important;
	font-family: arial;
	font-size:9px;
	line-height:normal;
	margin-top:8px;
    }
    .view-bf-submission  .vp-samenvatting .datum-en-adres .tekst .show-only-in-print{
	display:block;
    }

    .hdtech-data-rij-4 {
	grid-template-columns:      250px 82px 82px 82px 82px 60px;

    }
    .hdtech-data-rij-4 > .value {
	border:1px solid #999;
	background-color:#eee;
    }
    
} /* einde print */





/* adjust jump-position for in-page-links  */
.bf-submission-content h1{
    scroll-margin-top: 170px;
}
.the_buddyforms_form  h1{
    scroll-margin-top: 170px;
}

.col-alleen-bekijk-versie .acf-fields .acf-field {
    background-color: #ffd;
}

.col-alleen-bekijk-versie textarea{
    color:black;
}
.acf-input .scroll-ref-bb-field span{
    display:none;
}
.bf-submission-content .qware-group-box .scroll-ref-bb-field span{
    display:none;
}


.entry-content .fluentform .ff-el-group.hidden-field{

    display:none;
}

/* zie ook fl_fs_settings.js */
.el-overlay .fs_permission_groups {
    border:1px solid red;
    display:none;
}


/* o.a. op de pagina Mijn straat en andere huisdossiers  */
.elementor-widget.cft-bb-groepen-widget {
    border:1px solid black;
    border-radius:9px;
    background-color: white;
    padding: 20px;
}
.elementor-widget.cft-bb-groepen-widget .item-avatar{
    width:40px;
}

/*
 *  Style regels uit global CSS 
 *
 */

/* BF Toelichtingstekst stijl in Edit BF */
.the_buddyforms_form .col-stijlformaat-voor-toelichtingsteksten-in-formulier {
    font-size:14px;
	color: #888;
	margin-bottom:20px;
}

/* BF Toelichtingstekst stijl in Edit BF  witruimte bij P */
.the_buddyforms_form .col-stijlformaat-voor-toelichtingsteksten-in-formulier p {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* BF Italic stijl in Edit BF in ACF */
.the_buddyforms_form p.description{
	font-size:14px !important;
	font-style:italic;
}
/* BF hr-stijl in Edit BF */
.the_buddyforms_form .col-stijlformaat-voor-horizontale-lijn-in-formulier {
	margin-top:20px;
}
/* Edit BF, option labels, niet-bold */
.the_buddyforms_form .bf-input .checkbox label, 
.the_buddyforms_form .bf-input .radio label {
	font-weight:normal !important;
}

/* Edit BF, option labels bij ACF, niet-bold  */
.the_buddyforms_form .acf-checkbox-list label,
.the_buddyforms_form .acf-radio-list label {
font-weight: normal !important;
}
/* Bekijk BF, field-labels */
.losse-velden .label label {
	font-size:14px;
	color:#4D5C6D;
}
/* BF Edit rij-nummering */
.acf-table td.acf-row-handle {
	vertical-align:top !important;
	padding-top:15px;
}
/* BF Edit buttons */
.the_buddyforms_form button {
	font-size:14px !important;
}
/* BF Edit buttons */
.the_buddyforms_form a.acf-button {
	font-size:14px !important;
}

/* Elementor extended user group widget: Weghalen van de activity en widget-title*/
.elementor-widget-wp-widget-bp_extended_user_groups_widget .activity {
	display: none;
}

/* Elementor extended user group widget: Weergave als tabel*/
.elementor-widget-wrap li.bp-extended-user-groups-widget-item  {
	display:table-row;
}

li.bp-extended-user-groups-widget-item  .item-avatar {
	display:table-cell;
	width: 75px;
}
li.bp-extended-user-groups-widget-item  .item {
	display:table-cell;
	vertical-align:middle;
}

/* Elementor extended user group widget: uitlijning tussenruimte naast avatar */
.bp-extended-user-groups-widget-item .item-title{
		margin-left:20px;
}

.bp-extended-user-groups-widget-item .item-title a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.24px;
    line-height: 1.2;
}

/* Elementor widget algemeen: Aanpassen van de Avatar grootte en border */ 
.elementor-widget-wrap div.item-avatar > a > img {
  float: left;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 75px;
	margin-bottom :20px;
	margin-top :20px;
}

/* Elementor widget algemeen: hover effect bij user group lijsten */
.elementor-widget-wrap div.item-avatar > a > img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/* Tabel opmaak aanpassingen voor insrpingen en rijhoogte*/
.elementor-text-editor th {
  padding: 1em;
  background-color: #DAEFFF;
  color: black; 
}                 

.elementor-text-editor th:first-child {
    text-indent: 1em;
}

.elementor-text-editor tr {
    height: 1em;
}

.elementor-text-editor td:first-child, td {
    padding: 1em;
}       

/* Tabel opmaak even rijen kleur #eee  */
.elementor-text-editor table tr:nth-child(even) {
    background-color: #eee;
}

/* Tabel opmaak oneven rijen kleur #fff  */
.elementor-text-editor table tr:nth-child(odd) {
    background-color:#fff;      
}

/* Verberg menu-item Login. Blijft alleen zichtbaar op klein scherm (mobiel) */
#menu-item-15021{
	display:none;
}
/* stijl voor select2-dropdown in aanmeldformulieren */
.elementor-field-type-select .select2-selection {
  border:0px;
	height: 41px;
  padding: 9px;
}
.elementor-field-type-select .select2-container {
	font-family:sans-serif;
}

.select2-dropdown {
	font-family:sans-serif !important;
} 

.cft-info-message {
    margin:10px;
    padding:10px;
    color:red;
}

.cft-widget-wrap{
    font-size:14px;
}
.cft-widget-wrap .hd-label {
    padding: 1px 10px;
}
.cft-widget-wrap  .hd-actions-react .section {
    margin:0px;
}

.messages .cf-message {
    margin:10px;
    border-top: 1px solid #eee;
}


#frontend-reset-kraz img{
    padding: 10px;
}


.hd-zw-advies-table .repeater-row td:nth-child(1) {
    padding-left:20px;
}
.hd-zw-advies-table .repeater-row.one td:nth-child(1) {
    padding-left:10px;
}

.hd-zw-advies-table .periode td:nth-child(1){
    border-left: 2px solid #ddd;
    color: var(--bb-primary-color);
    
}
.hd-zw-advies-table .verbruiken td:nth-child(1) {
    padding-left:20px;
}

.hd-zw-advies-table {
    font-size:14px;
}
.bbgoup-supplier-tab > p {
    margin: 10px;
    font-size: 14px;
}
.qware-bag-tools .bulk-enrichment .todo td.status{
    background-color: #ddf;
}
/* acf field-settings admin-view */
.post-type-acf-field-group .acf-field-object div.acf-input > ul.acf-hl {
       flex-direction: column;
}
.post-type-acf-field-group .acf-field-object div.acf-input > ul.acf-hl > li {
    width:100%;
}

.cft-actions-config-table {
    .with-title {
	color: #00a;
    }
    .without-title {
	color: #844;
    }
}