File: /var/www/vhosts/creativefellows.nl/skl.creativefellows.nl/templates/partials/rekentool.twig
<div class="reveal large" id="rekentool-kinderopvang" data-reveal>
<style>
.kinderopvangtoeslag-widget h1{font-size:2rem;}
.kinderopvangtoeslag-widget .stapheader{background-color:#efefef;}
.kinderopvangtoeslag-widget .circle_KOT{width:24px;height:24px;margin:11px;}
.kinderopvangtoeslag-widget .inkomenInput{margin:8px 0;}
.kinderopvangtoeslag-widget .inkomenInput2{margin:8px 0;}
.kinderopvangtoeslag-widget .inkomenInput2 br{display:none;visibility:hidden;}
.kinderopvangtoeslag-widget label{font-weight:700;font-size: 0.875rem;}
.kinderopvangtoeslag-widget select{margin:0;;}
</style>
<div class="kinderopvangtoeslag-widget" data-widget-id="skl">
<center>
<span style="font-size:28px;">De rekenmodule wordt geladen,<br>een moment geduld aub....</span>
<br><br>
<img src="https://www.kinderopvang-rekentool.nl/rekenmodule/img/ajax-loader.gif"/>
</center>
</div>
<button class="close-button" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="grid-container hide">
<div class="grid-x grid-padding-x">
<div class="cell small-12">
<button class="button" data-open="rekentool-kinderopvang">Bereken kosten opvang</button>
</div>
<div class="cell small-12">
<br />
</div>
</div>
</div>
<script type="text/javascript">
window.kot = (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.kot || {};
if (d.getElementById(id))
return t;
js = d.createElement(s);
js.id = id;
js.src = "https://www.kinderopvang-rekentool.nl/rekenmodule/API/widget.js?widgetId=skl";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function (f) {
t._e.push(f);
};
return t;
}(document, "script", "kinderopvangtoeslag-js"));
</script>