input::placeholder { opacity: 1; font-style: italic; color: #444; }
input::-moz-placeholder { opacity: 1; font-style: italic; color: #444; }
input:-ms-input-placeholder { opacity: 1; font-style: italic; color: #444; }
input::-webkit-input-placeholder { opacity: 1; font-style: italic; color: #444; }

@keyframes abk-loader {
  0%{transform:rotate(0)}
  100%{transform:rotate(360deg)}
}
#abk-conf .abk-loader-container{background:rgba(255,255,255,.9);display:flex;align-content:center;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:999}
#abk-conf .abk-loader{display:inline-block;position:relative;width:80px;height:80px}
#abk-conf .abk-loader div{animation:1.2s cubic-bezier(.5,0,.5,1) infinite abk-loader;transform-origin:40px 40px}
#abk-conf .abk-loader div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(45deg,#a3195b 60%,#e94f2d);margin:-4px 0 0 -4px}
#abk-conf .abk-loader div:first-child{animation-delay:-36ms}
#abk-conf .abk-loader div:first-child:after{top:63px;left:63px}
#abk-conf .abk-loader div:nth-child(2){animation-delay:-72ms}
#abk-conf .abk-loader div:nth-child(2):after{top:68px;left:56px}
#abk-conf .abk-loader div:nth-child(3){animation-delay:-108ms}
#abk-conf .abk-loader div:nth-child(3):after{top:71px;left:48px}
#abk-conf .abk-loader div:nth-child(4){animation-delay:-144ms}
#abk-conf .abk-loader div:nth-child(4):after{top:72px;left:40px}
#abk-conf .abk-loader div:nth-child(5){animation-delay:-.18s}
#abk-conf .abk-loader div:nth-child(5):after{top:71px;left:32px}
#abk-conf .abk-loader div:nth-child(6){animation-delay:-216ms}
#abk-conf .abk-loader div:nth-child(6):after{top:68px;left:24px}
#abk-conf .abk-loader div:nth-child(7){animation-delay:-252ms}
#abk-conf .abk-loader div:nth-child(7):after{top:63px;left:17px}
#abk-conf .abk-loader div:nth-child(8){animation-delay:-288ms}
#abk-conf .abk-loader div:nth-child(8):after{top:56px;left:12px}

#doelgroep-loader, #zakelijk-loader { display: flex; flex-direction: column; align-items: center; justify-content: center; visibility: hidden; background-color: rgba(255, 255, 255, 0.85); position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center center; z-index: 9990; margin: 0; border-radius: 0; }
#doelgroep-loader .spinner, #zakelijk-loader .spinner { background-image: url("../../img/load_circle.gif"); background-repeat: no-repeat; background-size: contain; background-position: center center; border-radius: 50%; width: 48px; height: 48px; margin: 0 auto; }
#doelgroep-loader p, #zakelijk-loader p { padding-top: 10px; color: #30B1D0; font-weight: 700; font-size: 16px; text-shadow: 0px 0px 1px #888; }
#doelgroep-loader .progress { visibility: hidden; width: 100%; max-width: 210px; height: 20px; margin-top: 10px; text-align: center; position: relative; border: 1px solid #ccc; background: #fff; }
#doelgroep-loader .progress-bar { background-color: #30B1D0; height: 100%; text-align: center; font-size: 16px; font-weight: 700; color: #fff; line-height: 16px; }
#doelgroep-loader .progress-val { position: absolute; top: 0; left: 0; right: 0; color: #444; text-shadow: 0px 0px 1px #ccc; font-weight: 700; line-height: 17px; }

#abk-conf .clearfix{clear:both;float:none}
#abk-conf .section_item { float: none !important; }
#abk-conf .section_item:after{display:block;content:"";float:none;clear:both}
#abk-conf .flex-box{display:flex;align-content:flex-start;justify-content:flex-start;align-items:flex-start; flex-wrap:wrap}
#abk-conf .flex-stretch{flex:1;     height: 100%;}
#abk-conf .flex-space-between{align-content:space-between;align-items:flex-start;justify-content:space-between}
#abk-conf .checker_foot_row .checker_label { font-size: 15px; font-weight: 400; }
#abk-conf .checker_foot_row .checker_label a { color: #000; text-decoration: underline; }

#abk-conf .info_box { font-size: 18px; }
#abk-conf .info-messagebox { display: block; padding: 10px 15px 10px 35px; margin-bottom: 15px; background: #e94f2d; color: #ffffff; border-radius: 8px; position: relative; line-height: 16px; }
#abk-conf .info-messagebox:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-style: normal; padding-right: 10px; position: absolute; left: 12px; top: 35%; }
#abk-conf .info-messagebox a { color: #ffffff; text-decoration: underline; }
#abk-conf .info-messagebox.gray_bg { background: #f1f3f2; color: #1d1d1b; }
#abk-conf .info-messagebox.gray_bg a { color: #1d1d1b; text-decoration: underline; }
#abk-conf .info-messagebox.italic_text { font-style: italic; }

#abk-conf .errors-list { padding-left: 15px; }
#abk-conf .errors-list li { list-style-type: disc; }

/* Steps containers */
#abk-step-oplage, #oplage-step-options { position: relative; }
#abk-step-oplage .step_footer a.step_prev { display: none !important; }
#abk-step-verpakking, #verpakking-step-options { position: relative; }
#abk-step-producten, #producten-step-options { position: relative; }
#abk-step-bezorging, #bezorging-step-options { position: relative; }


#abk-conf .section_content{display:block;float:none}
#abk-conf .section_content:after{display:block;content:"";float:none;clear:both}
#abk-conf .section_block{display:block;margin-bottom:30px}
#abk-conf .section_block:after{display:block;content:"";float:none;clear:both}
#abk-conf .section_block.gray_bg{background:#f1f3f2;padding:15px 25px;border-radius:8px}

#abk-conf .checker_label{display:block;font-size:16px;font-weight:700;margin:0 10px 10px 0}
#abk-conf .checker_label i.fas{vertical-align:text-top;color:#e94f2d;cursor:pointer;font-size:18px}
#abk-conf .checker_label.adressen{text-align:left; margin-right: 0; width: 100%; max-width: 186px;}
#abk-conf .checker_row{margin-bottom:15px}
#abk-conf .checker_extra{padding-left:15px}

#abk-conf .checker_container.custom_checker {}
#abk-conf .checker_container.custom_checker input[type=checkbox]+.checker_content{padding:0 20px 0 50px}
#abk-conf .checker_container.custom_checker input[type=checkbox]:checked+.checker_content{border:none}
#abk-conf .checker_container.custom_checker input[type=checkbox]+.checker_content .checker{border-radius:100%;width:18px;height:18px;border:2px solid #000}
#abk-conf .checker_container.custom_checker input[type=checkbox]:checked+.checker_content .checker{border-radius:100%;width:18px;height:18px;border:2px solid #fff;background:#fff}
#abk-conf .checker_container.custom_checker input[type=checkbox]+.checker_content .checker:before{content:"";background:0 0;color:#b0ccc7;width:8px;height:8px;top:-4px;bottom:auto;left:-4px;text-align:center;border-radius:100%;position:absolute;transition-duration:.4s}
#abk-conf .checker_container.custom_checker input[type=checkbox]:checked+.checker_content .checker:before{content: "\f00c"; font-family: "Font Awesome 6 Pro";background:0 0}
#abk-conf .checker_container.custom_checker input:checked+.checker_content .checker::before{content: "\f00c"; font-family: "Font Awesome 6 Pro";top:-4px;left:-4px;background:0 0;color:#b0ccc7}
#abk-conf .checker_container.custom_checker label{float:none;width:100%;margin:0;background:#fff;border-radius:6px;display:block}
#abk-conf .checker_container.custom_checker label .checker{float:none;background:#fff;border:2px solid #000}
#abk-conf .checker_container.custom_checker label .checker_content{border:none;border-radius:0;font-weight:600; padding: 0 10px 0 50px;}
#abk-conf .checker_container.custom_checker label:hover{background:#dbece9}

#abk-conf .checker_container .checker_row.active label{background:#b0ccc7}
#abk-conf .checker_container .checker_row.active label .checker{border-color:#fff}
#abk-conf .checker_container .checker_row.active label .checker_content{color:#fff}
#abk-conf .checker_container .checker_row.active input[type=number], #abk-conf .checker_container .checker_row.active span.number-field .nf-ctrl{background:#b0ccc7;color:#fff}
#abk-conf .checker_container .checker_row.active span.number-field .nf-controls, #abk-conf .checker_container .checker_row.active span.number-field .nf-ctrl-up{border-color:#fff}
#abk-conf .checker_container .checker_name{line-height:16px}
#abk-conf .checker_container .checker_name small{font-size:10px;font-style:italic}
#abk-conf .checker_container .checker_name > span{padding-right:5px}
#abk-conf .checker_container .checker_button { display: block; height: auto; position: absolute; right: 10px; top: 10px; }
#abk-conf .checker_container .checker_button #select-on-map { border-radius: 4px; padding: 5px 10px; }
#abk-conf .checker_container #dw-extra-aanpassing .checker{top:25px}
#abk-conf .checker_container #dw-extra-aanpassing .checker.no-message{top:30px}
#abk-conf .checker_container #dw-extra-aanpassing .checker_name{display:flex;flex-direction:column;float:none;min-height:54px;align-content:center;align-items:flex-start;justify-content:center;height:auto;padding-top:11px}
#abk-conf .checker_container #dw-extra-aanpassing .checker_name.no-message{padding-top:0}
#abk-conf .checker_container #dw-extra-aanpassing .checker_name .message_warning{padding:15px;line-height:18px}
#abk-conf .checker_container #dw-extra-aanpassing .checker_name .message_warning:before{display:none}

#abk-conf .large_checker_container .lcc_img_content img{max-height:100%;max-width:100px}
#abk-conf .large_checker_list .large_checker{width:calc(25% - 20px)}
#abk-conf .large_checker_list .large_checker .large_checker_container{padding:35px 10px}

#abk-conf span.number-field{float:none;position:relative;display:flex}
#abk-conf span.number-field input[type=number]{max-width:85px;font-weight:700;float:none;margin:0;display:block;border:1px solid transparent;height:100%;padding:15px;text-align:right;border-radius:8px 0 0 8px;-moz-appearance:textfield}
#abk-conf span.number-field input[type=number]:disabled { background: #ffffff; -webkit-text-fill-color: initial; opacity: 1; pointer-events:none; }
#abk-conf span.number-field input[type=number].invalid{border-color:red}
#abk-conf span.number-field input::-webkit-inner-spin-button,#abk-conf span.number-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#abk-conf span.number-field .nf-controls{display:flex;flex-direction:column;border-left:1px solid #ccc}
#abk-conf span.number-field .nf-info{padding-left:10px;line-height:50px;font-weight:700}
#abk-conf span.number-field .nf-ctrl{background:#fff;padding:8px;font-size:10px;line-height:10px;cursor:pointer}
#abk-conf span.number-field .nf-ctrl:hover{opacity:.5}
#abk-conf span.number-field .nf-ctrl-up{border-radius:0 8px 0 0;border-bottom:1px solid #ccc}
#abk-conf span.number-field .nf-ctrl-down{border-radius:0 0 8px}

#abk-conf #oplage-total{align-items:stretch; margin-bottom: 20px;     align-items: center;}
#abk-conf #oplage-total .op-col-left{align-items:center}
#abk-conf #oplage-total .op-col-right{align-items:center;padding-left:10px}
#abk-conf #oplage-total .op-info{color:#888;font-style:italic}
#abk-conf #oplage-total .op-info-total{font-size:16px;font-weight:700}
#abk-conf #oplage-total .op-total{min-width:113px;text-align:center;background:#f1f3f2;padding:15px;font-weight:700;border-radius:8px}
#abk-conf #oplage-total .op-addr{font-weight:700;padding-left:10px;padding-right:25px}

#abk-conf .options-groups-container {position:relative}
#abk-conf .options-groups-container > h2 {font-size:18px;margin:30px 0 22px}
#abk-conf .options-blocks-list {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:15px}
#abk-conf .options-blocks-list .bit-1{float:none}
#abk-conf .options-blocks-list .section_item{float:none;background:#f1f3f2;padding:25px;border-radius:6px}
#abk-conf .options-blocks-list .section_item.half-box{max-width:48%}
#abk-conf .options-blocks-list .section_item.full-box{flex:1}
#abk-conf .options-blocks-list .section_item .section_title{float:none;font-size:16px;margin-top:0}
#abk-conf .options-blocks-list .large_checker_list{float:none;width:100%;margin:0}
#abk-conf .options-blocks-list .large_checker_list .large_checker_container{padding:0;text-align:left}
#abk-conf .options-blocks-list .large_checker_list .large_checker_container::before{display:none}
#abk-conf .options-blocks-list .large_checker_list .large_checker_container .h5,#abk-conf .options-blocks-list .large_checker_list .large_checker_container .h5>span{height:auto}
#abk-conf .options-blocks-list .large_checker_list .large_checker{float:none;display:block;width:100%;margin:0 0 10px;padding:15px;background:#fff;border-radius:6px}
#abk-conf .options-blocks-list .checker_container label{float:none;width:100%;margin:0 0 10px;background:#fff;border-radius:6px;display:block}
#abk-conf .options-blocks-list .checker_container label .checker{float:none;background:#fff;border:2px solid #000}
#abk-conf .options-blocks-list .checker_container label .checker_content{border:none;border-radius:0;font-weight:600}
#abk-conf .options-blocks-list .checker_container label:hover{background:#dbece9}
#abk-conf .options-blocks-list .checker_container label.unavailable { display: none; }
#abk-conf .options-blocks-list .checker_container label.active{background:#b0ccc7}
#abk-conf .options-blocks-list .checker_container label.active .checker{border-color:#fff}
#abk-conf .options-blocks-list .checker_container label.active .checker_content{color:#fff}
#abk-conf .options-blocks-list .checker_container input:checked+.checker_content .checker::before{content: "\f00c"; font-family: "Font Awesome 6 Pro";top:-14px;left:-4px;background:0 0;color:#b0ccc7;-webkit-text-fill-color: #b0ccc7; opacity: 1; }

#abk-conf .options-block-horizontal .checker_container{display:flex;}
#abk-conf .options-block-horizontal .btn-show-more{display:flex;align-content:center;justify-content:center;align-items:center;margin-top:0;margin-bottom:10px}

.options-popup-container input.fake_checked+.large_checker_container::after,.options-popup-container input:checked+.large_checker_container::after{top:-5px;right:-5px}
.fancybox-container .options-popup-container { padding: 20px; }
.fancybox-container .list-option .checker_content{flex-wrap:wrap}
.fancybox-container .list-option .checker_content .checker{display:none}
.fancybox-container .list-option .checker_content .checker_details{display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: flex-start;}
.fancybox-container .list-option .checker_content .checker_name{padding-left:10px}
.fancybox-container .list-option .checker_content .checker_description{flex-basis:100%;padding-left:10px}
.fancybox-container .list-option .checker_content .checker_details .checker_description{flex-basis: auto;}

.fancy-modal .text-center { text-align: center; }

.fancy-modal #calculate-selected-addresses, .fancy-modal #calculate-doelgroep-addresses { border-radius: 4px; padding: 5px 10px; }
.fancy-modal #calculate-selected-addresses.disabled, .fancy-modal #calculate-doelgroep-addresses.disabled, .fancy-modal #finish-doelgroep-addresses.disabled, .fancy-modal #finish-zakelijk-addresses.disabled { background: #888888; color: #fff !important; border-color: #888; }
.fancy-modal #calculate-selected-addresses.disabled:hover, .fancy-modal #calculate-doelgroep-addresses.disabled:hover, .fancy-modal #finish-doelgroep-addresses.disabled:hover, .fancy-modal #finish-zakelijk-addresses.disabled:hover { color: #cccccc !important; border-color: #444444; cursor: not-allowed; }

.fancy-modal .fancy-columns { display: flex; flex-direction: row; margin-top: 20px; }
.fancy-modal .fancy-columns h3 { font-size: 16px; }
.fancy-modal .fancy-columns .fancy-col { max-width: 450px; }
.fancy-modal .fancy-columns .fancy-col:first-child { background: transparent; padding: 0 25px 0 0; border-radius: 8px; min-width: 450px; flex: 1; max-width: 100%; flex: 1; }
.fancy-modal .fancy-columns .fancy-col:last-child { padding: 0; }

.fancy-modal #doelgroepen-blocks { display: block; width: 100%; }

.fancy-modal .expandable-block { display: block; width: 100%; margin-bottom: 8px; }
.fancy-modal .expandable-block .block-content { display: none; }
.fancy-modal .expandable-block .block-content > div:last-child { margin-bottom: 0; }
.fancy-modal .expandable-block .block-content label { display: block; width: 100%; cursor: pointer; font-size: 10px; }
.fancy-modal .expandable-block.expanded > .block-content { display: block; }
.fancy-modal .expandable-block.expanded:not(:last-child) > .block-content { border-bottom: none; }

.fancy-modal .block-header { position: relative; display: block; width: 100%; padding: 10px 35px 10px 13px; cursor: pointer; border: none; border-radius: 4px; background: linear-gradient(90deg,#a3195b,#e94f2d); color: #ffffff; margin-bottom: 10px; }
.fancy-modal .block-header:after { content: "\f138"; font-family: "Font Awesome 6 Pro"; position: absolute; right: 10px; top: 0; font-size: 16px; line-height: 18px; height: 100%; align-content: center; }
.fancy-modal .expandable-block.expanded > .block-header:after { content: "\f13a"; }
.fancy-modal .block-header .block-title { display: block; width: 100%; font-size: 12px; font-weight: 600; }
.fancy-modal .block-header-count { visibility: hidden; width: 22px; height: 22px; display: inline-block; margin-left: 10px; vertical-align: middle; background: #fff; color: #1D1D1B; text-align: center; border-radius: 100%; font-size: 10px; line-height: 21px; font-weight: 700; }
.fancy-modal .block-header-count.has-value { visibility: visible; }

.fancy-modal .category-block { border: 1px solid #C0C0C0; border-radius: 4px; padding: 5px 2px; }
.fancy-modal .category-block .block-header { padding: 3px 35px 3px 10px; background: #ffffff; color: #8E9192; border-color: #ffffff; border-radius: 4px; margin-bottom: 0; }
.fancy-modal .category-block .block-header::after { font-size: 16px; top: 0; right: 10px; line-height: 18px; height: 100%; align-content: center; }
.fancy-modal .category-block .block-header .block-title { color: #1d1d1b; font-size: 12px; font-weight: 600; line-height: 12px; padding: 3px 0; }
.fancy-modal .category-block .block-content { border: none; padding-top: 5px; }
.fancy-modal .category-block.expanded .block-header, .fancy-modal .category-block .block-header:hover { background: transparent; border-color: transparent; color: #1D1D1B; text-shadow: none; }
.fancy-modal .category-block.expanded .block-header .block-title, .fancy-modal .category-block .block-header:hover .block-title { color: #1D1D1B; }
.fancy-modal .category-block .block-header:hover { border-radius: 4px; }

.fancy-modal #doelgroep-segmenten .category-block .block-header { color: #1D1D1B; opacity: 0.85; }
.fancy-modal #doelgroep-segmenten .category-block .block-header .block-title { color: #1D1D1B; display: flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; }
.fancy-modal #doelgroep-segmenten .category-block .block-header:hover, .fancy-modal #doelgroep-segmenten .category-block.expanded .block-header { opacity: 1; }

#abk-conf .fancy-modal .checker_container {width:100%;margin:0;float:none}
#abk-conf .fancy-modal .checker_container input[type=checkbox]+.checker_content{padding:0 10px 0 33px}
#abk-conf .fancy-modal .checker_container input[type=checkbox]:checked+.checker_content{border:none}
#abk-conf .fancy-modal .checker_container input[type=checkbox]+.checker_content .checker{border-radius: 2px; width: 16px; height: 16px; border: 1px solid #1D1D1B; background: #fff; top: 12px; left: 10px; }
#abk-conf .fancy-modal .checker_container input[type=checkbox]:checked+.checker_content .checker{border-radius: 2px; width: 16px; height: 16px; border: 1px solid #1D1D1B; background: #1D1D1B; color: #fff; }
#abk-conf .fancy-modal .checker_container input[type=checkbox]+.checker_content .checker:before{content:"";background:0 0;color:#b0ccc7;width:8px;height:8px;top:-4px;bottom:auto;left:-4px;text-align:center;border-radius:100%;position:absolute;transition-duration:.4s}
#abk-conf .fancy-modal .checker_container input[type=checkbox]:checked+.checker_content .checker:before{content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 11px; background:0 0}
#abk-conf .fancy-modal .checker_container input:checked+.checker_content .checker::before{content: "\f00c"; font-family: "Font Awesome 6 Pro";top:-2px;left:-0.5px;background:0 0;color:#ffffff}
#abk-conf .fancy-modal .checker_container label{float:none;width:100%;margin:0 0 20px 0;background:#fff;border-radius:6px;display:block;}
#abk-conf .fancy-modal .checker_container label.unavailable { display: none; }
#abk-conf .fancy-modal .checker_container label:last-child { margin-bottom: 0; }
#abk-conf .fancy-modal .checker_container label .checker{float:none;background:#fff;border:2px solid #000}
#abk-conf .fancy-modal .checker_container label .checker_content{position:relative;border:none;border-radius:0;font-weight:600; padding: 10px;}
#abk-conf .fancy-modal .checker_container label:hover{background: transparent;}
#abk-conf .fancy-modal .checker_container label:hover .checker_name{font-weight: 700;}
#abk-conf .fancy-modal .checker_container .checker_row{margin-bottom:5px}
#abk-conf .fancy-modal .checker_container .checker_row.active label{background:transparent;}
#abk-conf .fancy-modal .checker_container .checker_row.active label .checker{border-color:#fff}
#abk-conf .fancy-modal .checker_container .checker_row.active label .checker_content{color:#fff}
#abk-conf .fancy-modal .checker_container .lcc_img.img-box { width: 100px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 0; }
#abk-conf .fancy-modal .checker_container .lcc_img.svg-box { width: 100px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 0; }
#abk-conf .fancy-modal .checker_container .checker_name{font-size: 11px; font-weight: 300; line-height: 22px; padding: 0; height: auto; color: #6C6C6C; }
#abk-conf .fancy-modal .checker_container .checker_name small{font-size:10px;font-style:italic}
#abk-conf .fancy-modal .checker_container .checker_name > span{padding-right:5px}
#abk-conf .fancy-modal .checker_container .checker_description { font-weight: 400; }

input[id^="dp_typeahead"]::-webkit-input-placeholder { color: #888; font-style: normal; font-size: 12px; }
input[id^="dp_typeahead"]::-moz-placeholder { color: #888; font-style: normal; font-size: 12px; }
input[id^="dp_typeahead"]:-ms-input-placeholder { color: #888; font-style: normal; font-size: 12px; }
input[id^="dp_typeahead"]:-moz-placeholder { color: #888; font-style: normal; font-size: 12px; }

input[id^="dn_typeahead"]::-webkit-input-placeholder { color: #888; font-style: normal; font-size: 12px; }
input[id^="dn_typeahead"]::-moz-placeholder { color: #888; font-style: normal; font-size: 12px; }
input[id^="dn_typeahead"]:-ms-input-placeholder { color: #888; font-style: normal; font-size: 12px; }
input[id^="dn_typeahead"]:-moz-placeholder { color: #888; font-style: normal; font-size: 12px; }

.fancy-modal #dp_typeahead { border: 1px solid #C0C0C0; height: auto; padding: 10px 35px 10px 15px; font-size: 12px; }
.fancy-modal #dn_typeahead { border: 1px solid #C0C0C0; height: auto; padding: 10px 35px 10px 15px; font-size: 12px; }
.fancy-modal ul.typeahead { width: 100% !important; border: 1px solid #C0C0C0; background: #ffffff; top: calc(100% + 1px) !important; border-radius: 4px !important; overflow: hidden; }
.fancy-modal ul.typeahead li a { font-size: 12px; padding: 5px 15px; }
.fancy-modal ul.typeahead li:first-child a { padding-top: 7px !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.fancy-modal ul.typeahead li:last-child a { padding-bottom: 7px !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

.fancy-modal .searchbar-tabs { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; justify-content: flex-start; }
.fancy-modal .searchbar-tabs .sb-tabs-head { width: 100%; display: flex; flex-direction: row; align-content: flex-start; align-items: flex-start; justify-content: flex-start; }
.fancy-modal .searchbar-tabs .sb-tabs-head .sb-tab { color: #ffffff; background: #D8D8D8; padding: 5px 15px; font-size: 13px; border-radius: 15px 15px 0 0; z-index: 1; }
.fancy-modal .searchbar-tabs .sb-tabs-head .sb-tab.active { background: #878787; z-index: 2; }
.fancy-modal .searchbar-tabs .sb-tabs-head .sb-tab:first-child:not(.active) { padding-right: 35px; margin-right: -25px; }
.fancy-modal .searchbar-tabs .sb-tabs-head .sb-tab:nth-child(2):not(.active) { padding-left: 35px; margin-left: -25px; }
.fancy-modal .searchbar-tabs .sb-tabs-content { width: 100%; display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; justify-content: flex-start; }
.fancy-modal .searchbar-tabs .sb-tabs-content .sb-tab-content { width: 100%; display: none; }
.fancy-modal .searchbar-tabs .sb-tabs-content .sb-tab-content.active { display: block; }

.fancy-modal .searchbar { margin-top: 20px; min-width: 400px; }
.fancy-modal .searchbar .input.maps::before { display: none; }
.fancy-modal .searchbar .input.maps::after { position: absolute; right: 11px; top: 50%; line-height: 25px; width: 24px; height: 24px; margin: -12px 0 0; content: "\f002"; font-family: "Font Awesome 6 Pro"; background: #e93924; color: #ffffff; font-size: 12px; border-radius: 50%; text-align: center;}
.fancy-modal .search-results-container { display: block; width: 100%; padding-top: 20px; }
.fancy-modal .search-results-container h4 { background: #1D1D1B; color: #fff; font-size: 12px; padding: 10px 20px; border-radius: 5px 5px 0 0; } 
.fancy-modal .search-results-container .list-actions { display: block; text-align: right; padding-top: 5px; }
.fancy-modal .search-results-list { display: flex; flex-direction: column; border-top: 1px solid #C0C0C0; border-radius: 5px 5px 0 0; padding-top: 2px; }
.fancy-modal .postcodes-row { display: flex; flex-direction: row; align-content: flex-start; justify-content: flex-start; align-items: flex-start; border: 1px solid #C0C0C0; border-top: none; padding: 10px 20px; border-radius: 0; background: transparent; color: #1D1D1B; font-size: 12px; }
.fancy-modal .postcodes-row::before { content:"\f00c";float:left;font-size:14px;text-align:center;font-family:fontawesome;background:0 0;color:#049581;font-weight:400;margin-right: 10px; }
.fancy-modal .postcodes-row:first-child { border-radius: 5px 5px 0 0; border-top: 1px solid #b0ccc7; }
.fancy-modal .postcodes-row:last-child { border-radius: 0 0 5px 5px; }
.fancy-modal .postcodes-row:only-child { border-radius: 5px; border-top: 1px solid #b0ccc7; }
.fancy-modal .name-pcr { flex: 1; }
.fancy-modal .remove-pcr { cursor: pointer; line-height: 20px; }
.fancy-modal .remove-pcr:hover { opacity: 0.75; text-shadow: 0px 0px 1px #000; }
.fancy-modal .remove-pcr i.fa-solid { color: #EA3925; font-size: 14px; line-height: 16px; vertical-align: middle; margin-top: -3px; }
.fancy-modal #remove-all-places { color: #049581; font-size: 12px; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #049581; }
.fancy-modal #remove-all-places:hover { border: none; }

#samenstellen-blocks #zakelijk-popup .fancy-iframe { min-height: 250px; }
.fancy-modal .message_warning { float: none; padding: 20px 20px 20px 50px; margin: 20px 0 0 0; }
#samenstellen-blocks .fancy-modal .message_warning { margin: 18px 0; }
.fancy-modal .message_warning::before { float: none; line-height: 20px; font-size: 20px; width: 20px; top: calc(50% + 5px); left: 20px; }
#samenstellen-blocks .fancy-modal .message_warning::before { top: 30px; left: 15px; }
.fancy-modal .message_warning h5 { font-size: 12px; line-height: 14px; font-weight: 700; margin-bottom: 10px; }
.fancy-modal .message_warning p { margin: 0; line-height: 14px; font-size: 12px; }
.fancy-modal .address-count-container { background: transparent; border: 1px solid #C0C0C0; text-align: center; display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; padding: 30px; border-radius: 4px; }
.fancy-modal #calculate-doelgroep-addresses { background: #1D1D1B; color: #ffffff; border-radius: 6px; font-size: 12px; padding: 10px 20px; font-weight: 500; }
.fancy-modal #calculate-doelgroep-addresses:hover { opacity: 0.85; }
.fancy-modal #doelgroep-total-addresses { font-size: 32px; font-weight: 700; line-height: 36px; text-align: center; color: #1D1D1B; }
.fancy-modal #doelgroep-addr-suffix { font-size: 16px; font-weight: 700; color: #1D1D1B; margin-bottom: 5px; }
.fancy-modal #doelgroep-addr-msg { font-size: 12px; color: #6C6C6C; line-height: 16px; max-width: 200px; min-height: 95px; }
.fancy-modal #doelgroep-step-3 { padding-top: 30px; }

.category-segmenten > .block-header i.circle-icon { font-size: 18px; margin-right: 5px; }

#category-segmenten-A > .block-header i.fa-circle-a { color: #0AB3AC; }

#category-segmenten-B > .block-header i.fa-circle-b { color: #FBDC28; }

#category-segmenten-C > .block-header i.fa-circle-c { color: #91298F; }

#category-segmenten-D > .block-header i.fa-circle-d { color: #737A7C; }

#category-segmenten-E > .block-header i.fa-circle-e { color: #184582; }

#category-segmenten-F > .block-header i.fa-circle-f { color: #EE70AA; }

#category-segmenten-G > .block-header i.fa-circle-g { color: #B3A295; }

#category-segmenten-H > .block-header i.fa-circle-h { color: #139B4D; }

#category-segmenten-I > .block-header i.fa-circle-i { color: #F69323; }

#category-segmenten-J > .block-header i.fa-circle-j { color: #189FDA; }

#category-segmenten-K > .block-header i.fa-circle-k { color: #EC1E28; }

#category-segmenten-Z > .block-header i.fa-circle-z { color: #444444; }

.tooltipster-base { min-width: 360px; }
.tooltipster-box ul li { display: flex; list-style-type: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff; font-size: 11px; line-height: 12px; }
.tooltipster-box ul li > b { flex: 1; }
.tooltipster-box ul li:last-child { border: none; }
.tooltipster-content { padding: 0 !important; }

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { width: 30px; height: 30px; line-height: 24px; }

.methode-item-debug {  background: #fff;  margin-top: 20px;  font-size: 12px;  padding: 10px 5px;  border-radius: 6px;  border: 1px solid #f00;  min-height: 415px; }
.product-block .methode-item-debug { min-height: 215px; }
.methode-item-debug li {  margin-bottom: 5px; }
#prices-debug {  margin-top: 15px;  display: block;  float: left;  width: 100%;  background: #fff;  border: 1px solid #f00;  padding: 10px; border-radius: 6px; }
#prices-debug p {  margin: 0 0 5px 0;  padding: 0 0 5px 0;  border-bottom: 1px solid #ccc; }

.dm-extra-info:before { display: block; clear: both; float: none; }
.dm-extra-info { display: block; width: 100%; clear: both; float: none; padding: 0 40px 40px 40px; }
.dm-extra-info ul, .dm-extra-info ol { list-style-position: inside; }
.dm-extra-info ul b, .dm-extra-info ol b { display: inline-block; }
.dm-extra-info ul span, .dm-extra-info ol span { display: block; padding-left: 17px; margin-bottom: 10px; }

#abk-conf #adressenbestand-options { background: transparent; margin: 30px 0 20px 0; padding: 0; }
#abk-conf #adressenbestand-options .checker_container { grid-template-columns: 48% 48%; column-gap: 4%; }
#abk-conf #adressenbestand-options .checker_container label { position: relative; background: transparent; margin: 0; border: 1px solid #C0C0C0; border-radius: 4px; }
#abk-conf #adressenbestand-options .checker_container label.active { border-color: #1D1D1B; }
#abk-conf #adressenbestand-options .checker_container label.active:after { float: none; text-align: center; font-family: "Font Awesome 6 Pro"; content: '\f00c'; position: absolute; right: -10px; top: -10px; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; background: #1D1D1B; width: 24px; height: 24px; font-size: 13px; border: 1px solid #1D1D1B; font-weight: 400; line-height: 24px; z-index: 1; }
#abk-conf #adressenbestand-options .checker_container .checker_content { color: #1D1D1B; padding: 0; text-align: center; }
#abk-conf #adressenbestand-options .checker_container .checker_content .checker { display: none; }
#abk-conf #adressenbestand-options .checker_container .checker_content .checker_name { width: 100%; height: auto; padding: 30px 15px; font-size: 12px; }
#abk-conf #adressenbestand-options .checker_container .checker_content .checker_name > span { display: block; }

#abk-conf .region_extra_options { margin-bottom: 0; }
#abk-conf .region_extra_options .info_box { position: absolute; right: -5px; }

#abk-conf #adressenbestand-trainews-block { display: flex; flex-direction: column;  width: 100%;}
#abk-conf #adressenbestand-trainews-block .options-regios-block { display: flex; flex-direction: row; align-content: space-between; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
#abk-conf #adressenbestand-trainews-block .options-regios-block .options-regios-row {    width: calc(50% - 20px);    margin: 0 10px 20px; }
#abk-conf #adressenbestand-trainews-block .options-regios-block #region-particulier-adressenbestand { order: 1; }
#abk-conf #adressenbestand-trainews-block .options-regios-block #region-zakelijk-adressenbestand { order: 2; }
#abk-conf #adressenbestand-trainews-block .options-regios-block #region-op-een-kaart-selecteren { order: 3; }
#abk-conf #adressenbestand-trainews-block .checker_extra { display: none; }
#abk-conf #adressenbestand-trainews-block .checker_head_row { display: none; }
#abk-conf #adressenbestand-trainews-block .checker_foot_row { display: none; }

#abk-conf #adressenbestand-trainews-block .checker_option label { position: relative; background: transparent; margin: 0; border: 1px solid #C0C0C0; border-radius: 4px; padding: 34px 20px;     height: 100%;}
#abk-conf #adressenbestand-trainews-block .checker_option label:hover { border-color: #1D1D1B; }
#abk-conf #adressenbestand-trainews-block .checker_option label:has(input:checked) { border-color: #1D1D1B; }
#abk-conf #adressenbestand-trainews-block .checker_option label:has(input:checked):after { float: none; text-align: center; font-family: "Font Awesome 6 Pro"; content: '\f00c'; position: absolute; right: -10px; top: -10px; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; background: #1D1D1B; width: 24px; height: 24px; font-size: 13px; border: 1px solid #1D1D1B; font-weight: 400; line-height: 24px; z-index: 1; }
#abk-conf #adressenbestand-trainews-block .checker_option .checker_content { color: #1D1D1B; padding: 0; text-align: center; }
#abk-conf #adressenbestand-trainews-block .checker_option .checker_content .checker { display: none; }
#abk-conf #adressenbestand-trainews-block .checker_option .checker_content .checker_name { width: 100%; height: auto; padding: 0; font-size: 12px;}
#abk-conf #adressenbestand-trainews-block .checker_option .checker_content .checker_image { display: block; width: 100%; margin-bottom: 15px; }
#abk-conf #adressenbestand-trainews-block .checker_option .checker_content .checker_image img { width: 100%; height: 100%; max-width: 30px; max-height: 30px; }

#oplage-step-options #doelgroep-popup #doelgroep-block-content { display: flex; flex-direction: column; }
#oplage-step-options #doelgroep-popup .searchbar { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; align-content: space-between;}
#oplage-step-options #doelgroep-popup .searchbar > span { float: none !important; }
#oplage-step-options #doelgroep-popup .searchbar .typeahead_field { border: 1px solid #C0C0C0 !important; border-radius: 4px !important; box-shadow: none !important; padding: 15px !important; height: auto !important; }
#oplage-step-options #doelgroep-popup .searchbar .typeahead_field:disabled { background-color: #eeeeee; }
#oplage-step-options #doelgroep-popup .searchbar .input.maps::after { display: none; }
#oplage-step-options #doelgroep-popup .searchbar .input-separator { padding: 10px 20px; font-weight: 700; }
#oplage-step-options #doelgroep-popup .searchbar .search-button { margin-left: 11px; }
#oplage-step-options #doelgroep-popup .searchbar .search-button .btn { background: #1D1D1B; color: #ffffff; font-size: 12px; font-weight: 400; padding: 14px 20px; border-radius: 4px; line-height: 16px; }
#oplage-step-options #doelgroep-popup .searchbar .search-button .btn.disabled { opacity: 0.5; cursor: not-allowed; }

.tooltipster-base { min-width: 360px; }
.tooltipster-box ul li { display: flex; list-style-type: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff; font-size: 11px; line-height: 12px; }
.tooltipster-box ul li > b { flex: 1; }
.tooltipster-box ul li:last-child { border: none; }
.tooltipster-content { padding: 0 !important; }

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { width: 30px; height: 30px; line-height: 24px; }

.abk-extra-info:before { display: block; clear: both; float: none; }
.abk-extra-info { display: block; width: 100%; clear: both; float: none; padding: 0 40px 40px 40px; }
.abk-extra-info ul, .abk-extra-info ol { list-style-position: inside; }
.abk-extra-info ul b, .abk-extra-info ol b { display: inline-block; }
.abk-extra-info ul span, .abk-extra-info ol span { display: block; padding-left: 17px; margin-bottom: 10px; }

#abk-conf #adressenbestand-options { margin-bottom: 20px; }
#abk-conf #adressenbestand-options .checker_container { grid-template-columns: 49% 49%; }

@media screen and (max-width:950px) {
  .fancybox-close-small { margin-top: 5px; margin-right: 5px; }
  .fancy-modal .fancy-columns .fancy-col:first-child { min-width: 0; }
  .fancy-modal .searchbar { min-width: 0; }
}

@media screen and (max-width:700px){
  #abk-conf .section_head { height: 60px; padding: 0 15px 0 45px; }
  #abk-conf .section_head b { left: 20px; }
  #abk-conf .section_head > span { height: 60px; }
  #abk-conf .section_item > .section_title { margin-bottom: 20px; }
  #abk-conf .section_title::before { margin: 0; }  
  #abk-conf .large_checker_list .large_checker{width:calc(50% - 20px)}
  #abk-conf .options-blocks-list .section_item .section_title, #abk-conf .options-groups-container > h2 {font-size:14px}
  #abk-conf .options-blocks-list .checker_container label,#abk-conf .btn-show-more{font-size:12px}
  #abk-conf .options-blocks-list .checker_container input:checked+.checker_content .checker::before{top:-10px;left:-3px}
  
  #abk-conf #adressenbestand-trainews-block .options-regios-block .options-regios-row {    width: calc(50% - 16px);    margin: 0 8px 16px;         display: block;}
  #abk-conf #adressenbestand-trainews-block .checker_option label {padding: 34px 10px;}
  #oplage-step-options #doelgroep-popup .searchbar { flex-wrap: wrap;    gap: 10px;}
  #oplage-step-options #doelgroep-popup .searchbar .search-button{margin-left:0}
  #oplage-step-options #doelgroep-popup .searchbar .input-separator {padding: 0px 20px;}
}

@media screen and (max-width:550px){
  #abk-conf .checker_container .checker { left: 16px; }
  #abk-conf .checker_container input:checked+.checker_content .checker::before{top:-2px;left:-2px;}
  #abk-conf .checker_container .checker_name { height: 54px; }  
  #abk-conf .info-messagebox { font-size: 12px; line-height: 14px; }
  #abk-conf .info-messagebox::before { font-size: 16px; }
  #abk-conf .checker_label { font-size: 14px; }
  #abk-conf #oplage-total .op-info-total { font-size: 14px; margin-bottom: 10px; }
  
  .fancy-modal#doelgroep-popup {  }
  #oplage-step-options #doelgroep-popup .searchbar .input-separator {  padding: 0px 20px;}
  .fancy-modal .fancy-columns { flex-direction: column; margin-top: 0; }
  .fancy-modal .fancy-columns .fancy-col:first-child { padding: 15px 0; margin-bottom: 20px; }
  .fancy-modal .fancy-columns .fancy-col:last-child { padding: 15px 0; }
  .fancy-modal #dp_typeahead { padding-right: 20px; }
  .fancy-modal .searchbar .input.maps::after { right: -5px; }
}

@media screen and (max-width:500px) {
  #abk-step-bezorging .section_content { width: 100%; }
  #abk-conf span.number-field .nf-info { display: none; }
  #abk-conf span.number-field input[type="number"] { max-width: 60px; }
  #abk-conf .checker_label.adressen { padding-right: 0; }
  #abk-conf .options-regios-block > div:nth-child(4) .checker_name > span { line-height: 8px; }
  #abk-conf .options-regios-block > div:nth-child(4) .checker_name > span small { display: block; font-weight: 400; margin-top: 5px; }
  #abk-conf #oplage-total { flex-direction: column; }
  #abk-conf #oplage-total .op-col-left { align-items: flex-start; flex-direction: column; }
  #abk-conf #oplage-total .op-col-right { padding-left: 0; }
  #abk-conf .options-block-horizontal .checker_container { display: flex; flex-direction: column; margin: 0 auto; }
  #abk-conf .options-block-horizontal .options-block { max-width: 240px; }
  #abk-conf .options-blocks-list { flex-direction: column; }
  #abk-conf .options-blocks-list .section_item.half-box { max-width: 100%; }
  #abk-conf .checker_label.adressen { max-width: 85px; }
}

@media screen and (max-width:480px){
  #abk-conf .large_checker_list .large_checker{width:calc(50% - 20px)}
  #abk-conf .options-blocks-list .section_item.half-box{max-width:100%}
}

@media screen and (max-width:450px){
  #abk-conf .section_title:before{display:block;}
}

@media screen and (max-width:400px){
  .large_checker{width:calc(100% - 8px)}
  #abk-conf .options-block-horizontal .checker_container{display:flex;flex-direction:column}
  #abk-conf .section_block.gray_bg { padding: 15px 13px; }
}