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 dm-loader {
  0%{transform:rotate(0)}
  100%{transform:rotate(360deg)}
}
#dm-conf .dm-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}
#dm-conf .dm-loader{display:inline-block;position:relative;width:80px;height:80px}
#dm-conf .dm-loader div{animation:1.2s cubic-bezier(.5,0,.5,1) infinite dm-loader;transform-origin:40px 40px}
#dm-conf .dm-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}
#dm-conf .dm-loader div:first-child{animation-delay:-36ms}
#dm-conf .dm-loader div:first-child:after{top:63px;left:63px}
#dm-conf .dm-loader div:nth-child(2){animation-delay:-72ms}
#dm-conf .dm-loader div:nth-child(2):after{top:68px;left:56px}
#dm-conf .dm-loader div:nth-child(3){animation-delay:-108ms}
#dm-conf .dm-loader div:nth-child(3):after{top:71px;left:48px}
#dm-conf .dm-loader div:nth-child(4){animation-delay:-144ms}
#dm-conf .dm-loader div:nth-child(4):after{top:72px;left:40px}
#dm-conf .dm-loader div:nth-child(5){animation-delay:-.18s}
#dm-conf .dm-loader div:nth-child(5):after{top:71px;left:32px}
#dm-conf .dm-loader div:nth-child(6){animation-delay:-216ms}
#dm-conf .dm-loader div:nth-child(6):after{top:68px;left:24px}
#dm-conf .dm-loader div:nth-child(7){animation-delay:-252ms}
#dm-conf .dm-loader div:nth-child(7):after{top:63px;left:17px}
#dm-conf .dm-loader div:nth-child(8){animation-delay:-288ms}
#dm-conf .dm-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 { position: fixed; }
#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; }

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

#dm-conf .info_box { font-size: 18px; }
#dm-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; }
#dm-conf .info-messagebox:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-style: normal; padding-right: 10px; position: absolute; left: 12px; top: 35%; }
#dm-conf .info-messagebox a { color: #ffffff; text-decoration: underline; }
#dm-conf .info-messagebox.gray_bg { background: #f1f3f2; color: #1d1d1b; }
#dm-conf .info-messagebox.gray_bg a { color: #1d1d1b; text-decoration: underline; }
#dm-conf .info-messagebox.italic_text { font-style: italic; }

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

/* Steps containers */
#dm-step-oplage, #oplage-step-options { position: relative; }
#dm-step-verpakking, #verpakking-step-options { position: relative; }
#dm-step-producten, #producten-step-options { position: relative; }
#dm-step-bezorging, #bezorging-step-options { position: relative; }

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

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

#dm-conf .checker_container.custom_checker {width:100%;margin:0;float:none}
#dm-conf .checker_container.custom_checker input[type=checkbox]+.checker_content{padding:0 20px 0 50px}
#dm-conf .checker_container.custom_checker input[type=checkbox]:checked+.checker_content{border:none}
#dm-conf .checker_container.custom_checker input[type=checkbox]+.checker_content .checker{border-radius:100%;width:18px;height:18px;border:2px solid #000}
#dm-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}
#dm-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}
#dm-conf .checker_container.custom_checker input[type=checkbox]:checked+.checker_content .checker:before{content: "\f00c"; font-family: "Font Awesome 6 Pro";background:0 0}
#dm-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}
#dm-conf .checker_container.custom_checker label{float:none;width:100%;margin:0;background:#fff;border-radius:6px;display:block}
#dm-conf .checker_container.custom_checker label .checker{float:none;background:#fff;border:2px solid #000}
#dm-conf .checker_container.custom_checker label .checker_content{border:none;border-radius:0;font-weight:600; padding: 0 10px 0 50px;}
#dm-conf .checker_container.custom_checker label:hover{background:#dbece9}

#dm-conf .checker_container .checker_row.active label{background:#b0ccc7}
#dm-conf .checker_container .checker_row.active label .checker{border-color:#fff}
#dm-conf .checker_container .checker_row.active label .checker_content{color:#fff}
#dm-conf .checker_container .checker_row.active input[type=number], #dm-conf .checker_container .checker_row.active span.number-field .nf-ctrl{background:#b0ccc7;color:#fff}
#dm-conf .checker_container .checker_row.active span.number-field .nf-controls, #dm-conf .checker_container .checker_row.active span.number-field .nf-ctrl-up{border-color:#fff}
#dm-conf .checker_container .checker_name{line-height:16px}
#dm-conf .checker_container .checker_name small{font-size:10px;font-style:italic}
#dm-conf .checker_container .checker_name > span{padding-right:5px}
#dm-conf .checker_container .checker_button { display: block; height: auto; position: absolute; right: 10px; top: 10px; }
#dm-conf .checker_container .checker_button #select-on-map { border-radius: 4px; padding: 5px 10px; }
#dm-conf .checker_container #dw-extra-aanpassing .checker{top:25px}
#dm-conf .checker_container #dw-extra-aanpassing .checker.no-message{top:30px}
#dm-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}
#dm-conf .checker_container #dw-extra-aanpassing .checker_name.no-message{padding-top:0}
#dm-conf .checker_container #dw-extra-aanpassing .checker_name .message_warning{padding:15px;line-height:18px}
#dm-conf .checker_container #dw-extra-aanpassing .checker_name .message_warning:before{display:none}

#dm-conf .checker_container.blue_checker { position: relative; }
#dm-conf .checker_container.blue_checker label { margin-bottom: 20px; }
#dm-conf .checker_container.blue_checker .info_box { top: -10px; }
#dm-conf .checker_container.blue_checker .checker_content { padding: 8px 12px 8px 16px !important; height: auto !important; }
#dm-conf .checker_container.blue_checker .checker_content .checker_name { height: auto; flex-direction: row; font-size: 12px; }
#dm-conf .checker_container.blue_checker .checker_content .checker_name .dw-extra-name { flex: 1; }
#dm-conf .checker_container.blue_checker .checker_content .checker_name .dw_extra-price { text-align: right; padding-right: 15px; }

#dm-conf .large_checker_container .lcc_img_content img{max-height:100px;max-width:100px}
#dm-conf .large_checker_list .large_checker{width:calc(33% - 20px)}
#dm-conf .large_checker_list.five-columns .large_checker {width:calc(20% - 20px)}
#dm-conf .large_checker_list.five-columns .h5 > span span { font-size: 13px; }
#dm-conf .large_checker_list .large_checker .large_checker_container{ padding: 40px 40px 20px 40px; }

#dm-conf .large_checker_list .large_checker .large_checker_container .lcc_img.img-box { width: 100%; height: 100px; background-size: 100px 100px; background-repeat: no-repeat; background-position: center; padding: 0; }
#dm-conf .large_checker_list .large_checker .large_checker_container .lcc_img.svg-box { width: 100%; height: 100px; background-size: 100px 100px; background-repeat: no-repeat; background-position: center; padding: 0; }

#dm-conf #producten-list-container .large_checker_list .large_checker{width:calc(20% - 10px); margin: 5px;}
#dm-conf #producten-list-container .large_checker_list .large_checker.col20 { width: calc(20% - 10px); }
#dm-conf #producten-list-container .large_checker_list .large_checker.col25 { width: calc(25% - 10px); }
#dm-conf #producten-list-container .large_checker_list .large_checker.col33 { width: calc(33% - 10px); }
#dm-conf #producten-list-container .large_checker_list .large_checker.col50 { width: calc(50% - 10px); }
#dm-conf #producten-list-container .large_checker_list .large_checker.unavailable { display: none; }

#dm-conf #producten-list-container .large_checker_list .large_checker.col20 .large_checker_container { padding: 40px 20px 20px 20px; }
#dm-conf #producten-list-container .large_checker_list .large_checker.col25 .large_checker_container { padding: 40px 20px 20px 20px; }

#dm-conf span.number-field{float:none;position:relative;display:flex;}
#dm-conf #producten-step-options span.number-field{border: 1px solid #C0C0C0; border-radius: 4px;}
#dm-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}
#dm-conf span.number-field input[type=number]:disabled { background: #ffffff; -webkit-text-fill-color: initial; opacity: 1; pointer-events:none; }
#dm-conf span.number-field input[type=number].invalid{border-color:red}
#dm-conf span.number-field input::-webkit-inner-spin-button,#dm-conf span.number-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#dm-conf span.number-field .nf-controls{display:flex;flex-direction:column;border-left:1px solid #ccc}
#dm-conf span.number-field .nf-info{padding-left:10px;line-height:50px;font-weight:700}
#dm-conf span.number-field .nf-ctrl{background:#fff;padding:8px;font-size:10px;line-height:10px;cursor:pointer}
#dm-conf span.number-field .nf-ctrl:hover{opacity:.5}
#dm-conf span.number-field .nf-ctrl-up{border-radius:0 8px 0 0;border-bottom:1px solid #ccc}
#dm-conf span.number-field .nf-ctrl-down{border-radius:0 0 8px}

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

#dm-conf .list-option-icons { display:table; }
#dm-conf .list-option-icons.inline-icons { display: inline-block; }
#dm-conf .list-option-icons.floating-icons { position: absolute; top: 5px; right: 0; }
#dm-conf .list-option-icon{display:table-cell;width:16px;height:16px;background-repeat:no-repeat;background-size:contain;background-position:center center}
#dm-conf .list-option-icons.large-icons { top: 7px; right: 10px; border-spacing: 3px; }
#dm-conf .list-option-icons.large-icons .list-option-icon { width: 24px; height: 24px; background-color: #E5F3F1; border-radius: 100%; background-size: 12px 12px; }
#dm-conf .list-option-icon.icon-eco{background-image:url(../../img/directmail/icon-leaf-figma.png)}
#dm-conf .list-option-icon.icon-speed{background-image:url(../../img/directmail/icon-bolt-figma.png);background-size: 14px 14px !important;}
/*
#dm-conf .list-option.active .list-option-icon.icon-eco{background-image:url(../../img/directmail/icon-leaf-figma-white.png)}
#dm-conf .list-option.active .list-option-icon.icon-speed{background-image:url(../../img/directmail/icon-bolt-figma-white.png);}
*/

#dm-conf .options-groups-container {position:relative}
#dm-conf .options-groups-container .checker_container { width: 100%; margin: 0; float: none; border: 1px solid #C0C0C0; border-radius: 4px; }
#dm-conf .options-groups-container .checker_container.expanded { border-color: #000000; box-shadow: 0px 4px 8px 1px #eee; max-height: 365px; overflow-y: scroll; overflow-x: hidden; position: relative; }
#dm-conf .options-groups-container .options-block-horizontal .checker_container { border: none; border-radius: 0; }
#dm-conf .options-groups-container > h2 {font-size:18px;margin:30px 0 22px}
#dm-conf .options-list-block { width: 100%; }

#dm-conf .options-blocks-list { display: flex; flex-direction: column; justify-content: space-between;align-items: flex-start;align-content: flex-start;flex-wrap: wrap; gap: 15px; }
#dm-conf .options-blocks-list .bit-1 { float: none; }
#dm-conf .options-blocks-list .section_item { float: none; background: transparent; padding: 0; border-radius: 0; }
#dm-conf .options-blocks-list .section_item.half-box { max-width: 48%; }
#dm-conf .options-blocks-list .section_item.full-box { flex: 1; }
#dm-conf .options-blocks-list .section_item h2.section_title { float: none; font-size: 18px; margin:30px 0 22px; font-weight: 700; }
#dm-conf .options-blocks-list .section_item h3.section_title { float: none; font-size: 14px; margin-top: 0; margin-bottom: 10px; font-weight: 700; }

#dm-conf .options-blocks-list .large_checker_list { float: none; width: 100%; margin: 0; }
#dm-conf .options-blocks-list .large_checker_list .large_checker_container { padding: 0; text-align: left; }
#dm-conf .options-blocks-list .large_checker_list .large_checker_container::before { display: none; }
#dm-conf .options-blocks-list .large_checker_list .large_checker_container .h5 { height: auto; }
#dm-conf .options-blocks-list .large_checker_list .large_checker_container .h5 > span { height: auto; }
#dm-conf .options-blocks-list .large_checker_list .large_checker { float: none; display: block; width: 100%; margin: 0; padding: 15px; background: #fff; margin-bottom: 10px; border-radius: 6px; }

#dm-conf .options-blocks-list .checker_container_list label:not(.list-option-active) { display: none; }
#dm-conf .options-blocks-list .checker_container_list label.list-option-active:after { content: "\f13a"; font-family: "Font Awesome 6 Pro"; font-size: 23px; font-weight: 400; color: #1d1d1b; width: 23px; height: 23px; line-height: 23px; text-align: center; display: block; position: absolute; right: 20px; top: calc(50% - 11px); }

#dm-conf .options-blocks-list .checker_container label { display: block; float: none; width: 100%; margin: 0; }
#dm-conf .options-blocks-list .checker_container label:not(.hidden):not(:has(~ label:not(.hidden))) { border-bottom: 0; }
#dm-conf .options-blocks-list .checker_container label#region_extra_label { font-size: 12px; }
#dm-conf .options-blocks-list .checker_container label .checker { float: none; background: #ffffff; border: 2px solid #000; }
#dm-conf .options-blocks-list .checker_container label .checker_content { display: flex; flex-direction: row; border: none; border-radius: 0; font-weight: 600; padding: 15px 60px 15px 15px; }
#dm-conf .options-blocks-list .checker_container label:hover { background: #F4F4F4; }
#dm-conf .options-blocks-list .checker_container label.unavailable { display: none; }
#dm-conf .options-blocks-list .checker_container label.active { background: transparent; }
#dm-conf .options-blocks-list .checker_container label.active .checker { border-color: #ffffff; }
#dm-conf .options-blocks-list .checker_container label.active .checker_content { color: #1d1d1b }
#dm-conf .options-blocks-list .checker_container input:checked + .checker_content .checker::before { content: "\2714"; top: -14px; left: -4px; background: transparent; color: #B0CCC7; }

#dm-conf .options-blocks-list .checker_container.expanded label { display: block; border-radius: 0; border-bottom: 1px solid #C0C0C0; }
#dm-conf .options-blocks-list .checker_container.expanded label.unavailable { display: none; }
#dm-conf .options-blocks-list .checker_container.expanded label.list-option-active { position: sticky; top: 0; left: 0; background: #ffffff; z-index: 99; }
#dm-conf .options-blocks-list .checker_container.expanded label.list-option-active:after { content:"\f139"; }

#dm-conf .options-blocks-list .checker_container .checker_image { width: auto; }
#dm-conf .options-blocks-list .checker_container .checker_image img { display: block; width: 42px; height: 60px; object-fit: contain; object-position: center; }
#dm-conf .options-blocks-list .checker_container .checker_text { display: flex; flex-direction: column; flex: 1; padding-left: 15px; align-content: center; justify-content: center; align-items: center; }
#dm-conf .options-blocks-list .checker_container .checker_name{ display: block; width: 100%; height: auto; font-size: 12px; }
#dm-conf .options-blocks-list .checker_container .checker_description{ width: 100%; font-size: 11px; color: #6C6C6C; font-weight: 400; }
#dm-conf .options-blocks-list .checker_container .checker_icons { align-content: center; align-items: center; justify-content: center; display: flex; }
#dm-conf .options-blocks-list .checker_container .checker_icons .list-option-icon { display: inline-block; padding: 0; color: #049581; background-color: #E5F3F1; background-position: center center; background-size: 11px 11px; border-radius: 100%; width: 23px; height: 23px; margin-left: 5px; }

#dm-conf .btn-show-more, .fancy-modal .btn-show-more{display:block;width:100%;border:2px solid #000;border-radius:6px;text-align:center;color:#000;font-size:15px;font-weight:700;padding:10px;margin-top:10px}
#dm-conf p.step-footer-icons span { font-weight: 600; }
#dm-conf p.step-footer-icons span.ficon-leaf { margin-right: 15px; color: #1d1d1b; }
#dm-conf p.step-footer-icons span.ficon-clock { color: #1d1d1b; }

#dm-conf .drukwerk-files-download { margin: 0 30px 30px 30px; background: #E5F3F1; padding: 20px; border-radius: 10px; max-width: 100%; width: auto; }
#dm-conf #verpakking-step-options .drukwerk-files-download { margin: 0; }
#dm-conf .drukwerk-files-download .step-footer-links { display: flex; flex-direction: column; }
#dm-conf .drukwerk-files-download .step-footer-links ul { display: flex; flex-direction: row; flex-wrap:wrap}
#dm-conf .drukwerk-files-download .step-footer-links ul li { padding-right: 15px; }
#dm-conf .drukwerk-files-download .step-footer-links p.title { font-size: 12px; font-weight: 700; margin: 0 0 5px 0; color: #1d1d1b; }
#dm-conf .drukwerk-files-download .step-footer-links p.subtitle { font-size: 15px; font-weight: 600; margin: 0 0 10px 0; }
#dm-conf .drukwerk-files-download .step-footer-links a { color: #049581; font-size: 12px; line-height: 12px; padding-bottom: 1px; border-bottom: 1px solid #049581; }
#dm-conf .drukwerk-files-download .step-footer-links a:hover { text-decoration: none; border-bottom: none; }
#dm-conf .drukwerk-files-download .step-footer-links i.fa { font-size: 14px; vertical-align: baseline; }

#dm-conf .options-block-horizontal .checker_container{display:grid;grid-template-columns:32% 32% 32%;column-gap:2%}
#dm-conf .options-block-horizontal .btn-show-more{display:flex;align-content:center;justify-content:center;align-items:center;margin-top:0;margin-bottom:10px}

#dm-step-producten #producten-step-options { position: relative; }
#dm-step-producten #producten-step-options .section_item.flex-box.flex-space-between { align-items: center; }
#dm-step-producten .products_qty_block { display: flex; align-content: center; align-items: center; justify-content: flex-end; background: transparent; line-height: 100%; max-width: 100%; width: 100%; padding: 0; border-radius: 8px; padding-left: 25px; }
#dm-step-producten .products_qty_block > label{margin-right:20px;font-weight:700;font-size:16px}
#dm-step-producten .nf-input{padding:0 5px}
#dm-step-producten .nf-input input{text-align:center!important;border-radius:6px!important;padding:8px!important;width:auto!important;max-width:125px!important;font-size:16px}
#dm-step-producten .nf-controls{border:none!important}
#dm-step-producten .nf-ctrl{border:none!important;background:#1D1D1B !important;color:#fff;border-radius:0!important;height:100%;padding:8px 12px!important}
#dm-step-producten .nf-ctrl i.fas{font-size:16px;line-height:20px}
#dm-step-producten .nf-ctrl.disabled { cursor: not-allowed !important; background: #ccc !important; }

#dm-step-producten .product-block { margin-top: 30px; }
#dm-step-producten .product-block .product-options-title { position: relative; background: #1D1D1B; color: #FFFFFF; padding: 20px 50px 20px 20px; border-radius: 4px; cursor: pointer; margin: 0; }
#dm-step-producten .product-block .product-options-title::before { content: "\f13a"; font-family: "Font Awesome 6 Pro"; position: absolute; right: 20px; font-size: 23px; font-weight: 400; }
#dm-step-producten .product-block.expanded { border: 1px solid #1D1D1B; border-radius: 5px; }
#dm-step-producten .product-block.expanded .product-options-title { border-radius: 4px 4px 0 0; }
#dm-step-producten .product-block.expanded .product-options-title::before { content: "\f139"; }
#dm-step-producten .product-block .product-options-title .pot-sel-opts { font-weight: 400; }
#dm-step-producten .product-block .product-options-container { display: none; padding: 30px; }
#dm-step-producten .product-block.expanded .product-options-container { display: block; }
#dm-step-producten .product-block.expanded .product-options-container h2.section_title { margin-top: 0; }
#dm-step-producten .product-block.expanded .product-options-container h3.section_title { margin-top: 0; }
#dm-step-producten .product-block.expanded .product-options-container .large_checker_list { float: none; width: 100%; margin: 0; display: flex; flex-wrap: wrap; align-content: space-between; align-items: stretch; justify-content: space-between; }
#dm-step-producten .product-block.expanded .product-options-container .large_checker_list label { float: none !important; margin: 0 0 20px 0 !important; }

#bezorgmethoden-step-options { position: relative; }
.methode-item { display: flex; flex-direction: column; cursor: pointer; border: 1px solid #C0C0C0; border-radius: 4px; }
.methode-item:hover, .methode-item.active { border-color: #1d1d1b; }
.methode-item:hover label.methode-option:not(.active) { background: transparent !important; border-color: #1D1D1B; }
.methode-item .methode-item-details { display: flex; flex-direction: column; }
.methode-item .methode-item-details .mid-container { display: flex; flex-direction: column; background: rgba(4, 149, 129, 0.1); padding: 20px 15px; }
.methode-item .methode-item-details .mid-description { padding: 20px 15px; }
.methode-item .methode-item-price { display: block; }
.methode-item .methode-item-details, .methode-item .methode-item-price { display: flex; flex-direction: column; padding: 20px 15px; background: #ffffff; color: #1d1d1b; height: 100%; border-top: 1px solid #C0C0C0; }
#bezorging-step-options .methode-item .methode-item-details, #bezorging-step-options .methode-item .methode-item-price { background: transparent; border-top: none; padding: 0; }
.methode-item.active .methode-item-details, .methode-item.active .methode-item-price { background: transparent; color: #1D1D1B; }
.methode-item:not(.active):hover .methode-item-details, .methode-item:not(.active):hover .methode-item-price { background: transparent; }
.methode-item .methode-item-details ul { flex: 1; min-height: 110px; }
#bezorging-step-options .methode-item .methode-item-details ul { min-height: auto; }
.methode-item .methode-item-details ul li { position: relative; padding-left: 20px; font-size: 11px; margin-bottom: 10px; line-height: 12px; text-transform: capitalize; }
.methode-item .methode-item-details ul li:before { font-family:"Font Awesome 6 Pro"; font-size: 13px; content:'\f00c'; position: absolute; top: 0; left: 0; color: #049581; }
.methode-item.active .methode-item-details ul li:before { color: #049581; }

.methode-item .methode-price-btn { background: rgba(4, 149, 129, 0.1); display: block; padding: 0; border-radius: 20px; width: auto; max-width: fit-content; align-self: center; }
.methode-item.active .methode-price-btn { background: rgba(4, 149, 129, 0.1); }
.methode-item .methode-price-btn-content { background: transparent; color: #049581; padding: 5px 10px; text-align: center;display: block;border-radius: 8px;font-size: 11px;font-weight: 700; }
.methode-item.active .methode-price-btn-content { background: transparent; color: #049581; }
.methode-item .methode-price-info { display: block; text-align: center; margin-top: 5px; margin-bottom: 20px; font-size: 10px; color: #6C6C6C; }
.methode-item.active .methode-price-info { color: #6C6C6C; }
.methode-item .mid-title {color: #049581; font-size: 12px; text-align: center; display: block; font-weight: 700; line-height: 14px; margin-bottom: 10px;}
.methode-item.active .mid-title {color: #049581; }
.methode-item .mid-datepicker-label { text-align: center; color: #1D1D1B; font-size: 11px; font-weight: 700; margin-bottom: 5px; }
.methode-item .mid-datepicker { position: relative; }
.methode-item .mid-datepicker:after { font-family: "Font Awesome 6 Pro"; content: '\f073'; position: absolute; top: 7px; right: 14px; font-size: 20px; font-weight: 400; }
.methode-item.active .mid-datepicker:after { opacity: 1; }
.methode-item.active .mid-datepicker-label { color: #1D1D1B; font-weight: 700; }
.methode-item .dm-option-date { position: relative; width: 100%; text-align: left; padding: 15px 35px 15px 15px; background: #fff; border: 1px solid #C0C0C0; border-radius: 4px; color: #6C6C6C; cursor: pointer; font-size: 12px; }
.methode-item .dm-option-date::-webkit-calendar-picker-indicator { filter: invert(100%) grayscale(100%); }
.methode-item .dm-option-date::placeholder { font-size: 12px; }
.methode-item.active .dm-option-date { background: rgba(255, 255, 255, 0.8); color: #4d6f69; border-color: #72958f; }

#dm-conf .options-blocks-list .checker_container .methode-item label.methode-option .checker_content { padding: 20px; }
#dm-conf .options-blocks-list .checker_container .methode-item label.methode-option .checker_content .checker { display: none; text-align: center; font-family: "Font Awesome 6 Pro"; content: '\f00c'; color: #fff; background: #000; border: 1px solid #000; width: 25px; height: 25px; top: 0; right: -8px; left: auto; font-size: 12px; font-weight: 400; line-height: 22px; }
#dm-conf .options-blocks-list .checker_container .methode-item label.methode-option input:checked + .checker_content .checker::before { color: #ffffff; }
#dm-conf .options-blocks-list .checker_container .methode-item.active label.methode-option .checker_content .checker { display: block; }
#dm-conf .options-blocks-list .checker_container .methode-item label.methode-option .checker_content .checker_name { text-align: center; font-size: 16px; font-weight: 700; }
#dm-conf .options-blocks-list .checker_container .methode-item label.methode-option .checker_content .checker_name > span { display: block; }

#dm-step-bezorging .section_content { background: transparent; padding: 0; border-radius: 0; }

.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; }

#dm-conf .fancy-modal .checker_container {width:100%;margin:0;float:none}
#dm-conf .fancy-modal .checker_container input[type=checkbox]+.checker_content{padding:0 10px 0 33px}
#dm-conf .fancy-modal .checker_container input[type=checkbox]:checked+.checker_content{border:none}
#dm-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; }
#dm-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; }
#dm-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}
#dm-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}
#dm-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}
#dm-conf .fancy-modal .checker_container label{float:none;width:100%;margin:0 0 20px 0;background:#fff;border-radius:6px;display:block;}
#dm-conf .fancy-modal .checker_container label.unavailable { display: none; }
#dm-conf .fancy-modal .checker_container label:last-child { margin-bottom: 0; }
#dm-conf .fancy-modal .checker_container label .checker{float:none;background:#fff;border:2px solid #000}
#dm-conf .fancy-modal .checker_container label .checker_content{position:relative;border:none;border-radius:0;font-weight:600; padding: 10px;}
#dm-conf .fancy-modal .checker_container label:hover{background: transparent;}
#dm-conf .fancy-modal .checker_container label:hover .checker_name{font-weight: 700;}
#dm-conf .fancy-modal .checker_container .checker_row{margin-bottom:5px}
#dm-conf .fancy-modal .checker_container .checker_row.active label{background:transparent;}
#dm-conf .fancy-modal .checker_container .checker_row.active label .checker{border-color:#fff}
#dm-conf .fancy-modal .checker_container .checker_row.active label .checker_content{color:#fff}
#dm-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; }
#dm-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; }
#dm-conf .fancy-modal .checker_container .checker_name{font-size: 11px; font-weight: 300; line-height: 22px; padding: 0; height: auto; color: #6C6C6C; }
#dm-conf .fancy-modal .checker_container .checker_name small{font-size:10px;font-style:italic}
#dm-conf .fancy-modal .checker_container .checker_name > span{padding-right:5px}
#dm-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; }
.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; }

#dm-conf #adressenbestand-options { background: transparent; margin: 30px 0 20px 0; padding: 0; }
#dm-conf #adressenbestand-options .checker_container { grid-template-columns: 48% 48%; column-gap: 4%; }
#dm-conf #adressenbestand-options .checker_container label { position: relative; background: transparent; margin: 0; border: 1px solid #C0C0C0; border-radius: 4px; }
#dm-conf #adressenbestand-options .checker_container label.active { border-color: #1D1D1B; }
#dm-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; }
#dm-conf #adressenbestand-options .checker_container .checker_content { color: #1D1D1B; padding: 0; text-align: center; }
#dm-conf #adressenbestand-options .checker_container .checker_content .checker { display: none; }
#dm-conf #adressenbestand-options .checker_container .checker_content .checker_name { width: 100%; height: auto; padding: 30px 15px; font-size: 12px; }
#dm-conf #adressenbestand-options .checker_container .checker_content .checker_name > span { display: block; }

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

#dm-conf #adressenbestand-trainews-block { display: flex; flex-direction: column; }
#dm-conf #adressenbestand-trainews-block .options-regios-block { display: flex; flex-direction: row; align-content: space-between; align-items: center; justify-content: space-between; }
#dm-conf #adressenbestand-trainews-block .options-regios-block .options-regios-row { flex: 1; max-width: 250px; width: 100%; }
#dm-conf #adressenbestand-trainews-block .options-regios-block #region-particulier-adressenbestand { order: 1; }
#dm-conf #adressenbestand-trainews-block .options-regios-block #region-zakelijk-adressenbestand { order: 2; }
#dm-conf #adressenbestand-trainews-block .options-regios-block #region-op-een-kaart-selecteren { order: 3; }
#dm-conf #adressenbestand-trainews-block .checker_extra { display: none; }
#dm-conf #adressenbestand-trainews-block .checker_head_row { display: none; }
#dm-conf #adressenbestand-trainews-block .checker_foot_row { display: none; }

#dm-conf #adressenbestand-trainews-block .checker_option label { position: relative; background: transparent; margin: 0; border: 1px solid #C0C0C0; border-radius: 4px; padding: 34px 20px; }
#dm-conf #adressenbestand-trainews-block .checker_option label:hover { border-color: #1D1D1B; }
#dm-conf #adressenbestand-trainews-block .checker_option label:has(input:checked) { border-color: #1D1D1B; }
#dm-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; }
#dm-conf #adressenbestand-trainews-block .checker_option .checker_content { color: #1D1D1B; padding: 0; text-align: center; }
#dm-conf #adressenbestand-trainews-block .checker_option .checker_content .checker { display: none; }
#dm-conf #adressenbestand-trainews-block .checker_option .checker_content .checker_name { width: 100%; height: auto; padding: 0; font-size: 12px; padding: 0 36px; }
#dm-conf #adressenbestand-trainews-block .checker_option .checker_content .checker_image { display: block; width: 100%; margin-bottom: 15px; }
#dm-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; }

@media screen and (max-width:850px) {
  #dm-conf #producten-list-container .large_checker_list .large_checker{width:calc(33% - 10px);}
}

@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; }
  #dm-conf .step-footer-links .product-footer-links-container .product-footer-links { max-width: 50%; }
}

@media screen and (max-width:700px){
  #dm-conf .section_head { height: 60px; padding: 0 15px 0 45px; font-size: 16px; line-height: 16px; }
  #dm-conf .section_head b { left: 20px; }
  #dm-conf .section_head > span { height: 60px; }
  #dm-conf .section_item > .section_title { margin-bottom: 20px; }
  #dm-conf .section_title::before { margin: 0; }  
  #dm-conf .large_checker_list .large_checker{width:calc(50% - 20px)}
  #dm-conf .options-blocks-list .section_item .section_title, #dm-conf .options-groups-container > h2 {font-size:14px}
  #dm-conf .options-blocks-list .checker_container label,#dm-conf .btn-show-more{font-size:12px}
  #dm-conf .options-blocks-list .checker_container input:checked+.checker_content .checker::before{top:-10px;left:-3px}
  
  #dm-conf #producten-list-container .large_checker_list .large_checker.col33 {  width: calc(50% - 10px);}
  .dm-extra-info{padding: 0}
}
@media screen and (max-width:650px){
  #dm-conf .large_checker_list .large_checker .large_checker_container{padding: 40px 10px 20px 10px}
  #dm-step-producten .product-block .product-options-container{padding: 30px 15px}
}
@media screen and (max-width:550px){
  #dm-conf #adressenbestand-options .checker_container label { margin-bottom: 15px; }
  #dm-conf .checker_container .checker { left: 0; }
  #dm-conf .region-option.radiochecker .checker { left: 13px; }
  #dm-conf .checker_container input:checked+.checker_content .checker::before{top: 3px;left: auto;right: 3px;}
  #dm-conf .checker_container .checker_name { height: 54px; }  
  #dm-conf .methode-item .methode-price-btn-content { font-size: 14px; padding: 10px 5px; }
  #dm-conf .methode-item .methode-item-details ul li { font-size: 12px; }
  #dm-conf .methode-item .mid-title { font-size: 18px; line-height: 20px; }
  #dm-conf .info-messagebox { font-size: 12px; line-height: 14px; }
  #dm-conf .info-messagebox::before { font-size: 16px; }
  #dm-conf .checker_label { font-size: 14px; }
  #dm-conf #oplage-total .op-info-total { font-size: 14px; margin-bottom: 10px; }
  #dm-conf p.step-footer-icons { text-align: center; }
  #dm-conf p.step-footer-icons span { font-size: 12px; }
  #dm-conf p.step-footer-icons span.ficon-leaf { margin-right: 0; }
  #dm-step-producten .products_qty_block > label { font-size: 14px; }  
  
  .fancy-modal#doelgroep-popup { padding-left: 15px !important; padding-right: 15px !important; }
  .fancy-modal .fancy-columns { flex-direction: column; margin-top: 0; }
  .fancy-modal .fancy-columns .fancy-col:first-child { padding: 15px; 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; }
  
  #dm-conf .step-footer-links .product-footer-links-container .product-footer-links { max-width: 100%; }
  
  #producten-step-options .section_item.flex-box.flex-space-between { flex-direction: column; }
  #dm-step-producten .products_qty_block { justify-content: center; padding: 0; }
}

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

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

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

@media screen and (max-width:400px){
  .large_checker{width:calc(100% - 8px)}
  #dm-conf .options-block-horizontal .checker_container{display:flex;flex-direction:column}
  #dm-conf .section_block.gray_bg { padding: 15px 13px; }
  
  #dm-step-producten .product-block .product-options-container{padding: 30px 20px}
  
    #dm-conf #producten-list-container .large_checker_list .large_checker.col33 {    width: calc(100% - 10px);  }

}