@font-face {
    font-family: 'roboto-light';
    src: url('https://caresafe.nu/fonts/Roboto-Light-webfont.eot'); /* IE9 Compat Modes */
    src: url('https://caresafe.nu/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('https://caresafe.nu/fonts/Roboto-Light-webfont.woff') format('woff'), /* Modern Browsers */
            url('https://caresafe.nu/fonts/Roboto-Light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
            url('https://caresafe.nu/fonts/Roboto-Light-webfont.svg#roboto-regular') format('svg'); /* Legacy iOS */ 
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('https://caresafe.nu/fonts/Roboto-Regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('https://caresafe.nu/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('https://caresafe.nu/fonts/Roboto-Regular-webfont.woff') format('woff'), /* Modern Browsers */
            url('https://caresafe.nu/fonts/Roboto-Regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
            url('https://caresafe.nu/fonts/Roboto-Regular-webfont.svg#roboto-regular') format('svg'); /* Legacy iOS */ 
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'roboto-bold';
    src: url('https://caresafe.nu/fonts/Roboto-Bold-webfont.eot');
    src: url('https://caresafe.nu/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://caresafe.nu/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('https://caresafe.nu/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('https://caresafe.nu/fonts/Roboto-Bold-webfont.svg#roboto-bold') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'roboto-black';
    src: url('https://caresafe.nu/fonts/Roboto-Black-webfont.eot');
    src: url('https://caresafe.nu/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://caresafe.nu/fonts/Roboto-Black-webfont.woff') format('woff'),
         url('https://caresafe.nu/fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('https://caresafe.nu/fonts/Roboto-Black-webfont.svg#roboto-black') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

/* risicokleuren rond 071224 */
:root {
  --risico_txt_1: #292929;
  --risico_txt_2: #fff;
  --risico_0: #008000;
  --risico_1: #00b050;
  --risico_2: #0070c0;
  --risico_3: #ffff00;
  --risico_4: #ffc000;
  --risico_5: #ff0000;
}

html { position:relative; scroll-behavior:smooth; }
body { font-family: 'roboto', Verdana; font-size:18px; margin:0px; padding:0px; color:#292929; background-color:#f2f2f2;}
html, body, form { height:100%; padding:0px; margin:0px; position:relative; }
h1, h2, h3, h4, h5 { padding:0px; margin:0px; font-family: 'roboto-bold', Verdana; }
h1 { margin-bottom:20px; }
p, ol, ul { line-height:180%; }
a { cursor:pointer; }

h1 { font-size:48px; }
h2 { font-size:26px; }

textarea, input { outline:none; -webkit-appearance: none; font-family:'roboto'; font-size: 18px; border:0px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input[type=checkbox] { -webkit-appearance:checkbox; }
input, textarea, select { -webkit-appearance: none; border:0px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#cccccc;}
input::-moz-placeholder, textarea::-webkit-input-placeholder { color:#cccccc; }
input[type="date"] { font-size: 18px; height:45px; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

img { max-width:100%; }

a:link {color: #fff; text-decoration:none; }
a:visited {color: #fff; text-decoration: none; }
a:hover {color: #3F51B5; text-decoration: underline; }
a.zwart:link {color: #292929; text-decoration:none; }
a.zwart:visited {color: #292929; text-decoration: none; }
a.zwart:hover {color: #292929; text-decoration: underline; }
a.no:link {color: #292929; text-decoration:none; }
a.no:visited {color: #292929; text-decoration: none; }
a.no:hover {color: #292929; text-decoration: none; }
a.alijntxt:link {color: #ccc; text-decoration:none; }
a.alijntxt:visited {color: #ccc; text-decoration: none; }
a.alijntxt:hover {color: #292929; text-decoration: none; }

.inlogcon { width:500px; margin:100px auto; overflow:hidden; }
.inlogcon img { width:80%; text-align:center; }
.contitem { padding:10px 0px; overflow:hidden; }
.con50 { float:left; width:50%; float:left; }
.contbutton { padding:20px 0px; margin-bottom:20px; overflow:hidden; }
.contekst { padding:8px; width:100%; }
.condrop { padding:8px; width:calc(100% - 0px); font-size: 16px; background-color:#fff; }
.txtgrijs { color:#ccc; }
.txtrood { color:red; }
.txtm {text-align:center;}
.txtr {text-align:right;}
.relative { position:relative; }
.ww_oog { position:absolute; right:10px; top:7px; color:#ccc; }
.ww_oog:hover { color:#000; cursor:pointer; }
.ww_oog_show {  }
.va_top { vertical-align:top; }
.va_bottom { vertical-align:bottom; }
.va_middle { vertical-align:middle; }
.icon_inactieve { color:#ccc; }
.icon_inactieve:hover { color:#292929; }
.pnl_qr { position:absolute; right:20px; top:0px; background-color:#cc0; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pnl_qr a { display:flex; }
.pr_overzicht { max-height: 400px; overflow:scroll; font-size:14px; background-color:#f2f2f2;; }
.pr_nr { display:inline-block; width:25px; }

.row { width:100%; margin-bottom:5px; overflow:visible; display:inline-block; min-height:40px; }
.inl_img { margin-bottom:50px; }
.inl_img img { max-width:100%; width:100%; }
.inl_browser { text-align:center; color:#ccc; margin-top:100px; opacity:0.5; }
.inl_browser:hover { opacity:1; }
.inl_browser img { width:40px; }
.inl_checkbox input { -webkit-appearance:checkbox; position:absolute; left:0px; top:0px; }
.inl_checkbox label { color:#ccc; position:absolute; left:25px; top:0px; font-size:80%; }

.clearbg { position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.1); z-index:1; display:none; backdrop-filter:blur(4px); }
.pnl_rechten { position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.1); z-index:1; display:none; }
/* START APPLE SWITCH */

.chk_con { padding:0px 3px 0px 3px; float:left; position:relative; margin:2px 0px; }
.chk_con_klein { padding:0px 3px 0px 3px; float:left; font-size:80%; }
.pnl_checks { overflow:hidden; font-size:70%; margin-top:20px; }

.ios8-switch input[type="checkbox"] { position: absolute; margin: 8px 0 0 16px; }
.ios8-switch input[type="checkbox"] + label { position: relative; padding: 3px 0px 0px 50px; line-height: 100%; }
.ios8-switch input[type="checkbox"] + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
.ios8-switch input[type="checkbox"] + label:after { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
.ios8-switch input[type="checkbox"] + label:hover:after { box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.ios8-switch input[type="checkbox"]:checked + label:after { margin-left:16px; background:#008000;}
.ios8-switch input[type="checkbox"]:checked + label:before { background: #cce6cc; }

input[type="checkbox"].ios8-switch { position: absolute; margin: 8px 0 0 16px; }
input[type="checkbox"].ios8-switch + label { position: relative; padding: 3px 0px 0px 50px; line-height: 100%; }
input[type="checkbox"].ios8-switch + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].ios8-switch + label:after { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s;}
input[type="checkbox"].ios8-switch + label:hover:after { box-shadow: 0 0 5px rgba(0,0,0,0.3); }
input[type="checkbox"].ios8-switch:checked + label:after { margin-left:16px; background:#008000; }
input[type="checkbox"].ios8-switch:checked + label:before { background: #cce6cc; }

input[type="checkbox"].chk_disabled { position: absolute; margin: 8px 0 0 16px; }
input[type="checkbox"].chk_disabled + label { position: relative; padding: 3px 0px 0px 50px; line-height: 100%; }
input[type="checkbox"].chk_disabled + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; opacity:0.1; }
input[type="checkbox"].chk_disabled + label:after { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; opacity:0.1; }
input[type="checkbox"].chk_disabled + label:hover:after { box-shadow: 0 0 5px rgba(0,0,0,0); }
input[type="checkbox"].chk_disabled:checked + label:after { margin-left:16px; background:#008000; }
input[type="checkbox"].chk_disabled:checked + label:before { background: #cce6cc; }


input[type="checkbox"].ios8-switch-vaak { position: absolute; margin: 8px 0 0 16px; }
input[type="checkbox"].ios8-switch-vaak + label { position: relative; padding: 3px 0px 0px 50px; line-height: 100%; }
input[type="checkbox"].ios8-switch-vaak + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; height: 24px; border-radius: 16px; background:#fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].ios8-switch-vaak + label:after { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 16px; background:#fff; box-shadow:0px 0px 0px 2px #008000 inset; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].ios8-switch-vaak + label:hover:after { box-shadow:0px 0px 0px 12px #008000 inset; }
input[type="checkbox"].ios8-switch-vaak:checked + label:after { margin-left:16px; background:#008000; }
input[type="checkbox"].ios8-switch-vaak:checked + label:before { background:#cce6cc; }

input[type="checkbox"].ios8-switch-klein { position:absolute; margin:4px 0 0 16px; }
input[type="checkbox"].ios8-switch-klein + label { position: relative; padding: 3px 0px 0px 40px; line-height: 100%; }
input[type="checkbox"].ios8-switch-klein + label:before { content: ""; position: absolute; display: block; left: 3px; top: 3px; width: 30px; height: 16px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].ios8-switch-klein + label:after { content: ""; position: absolute; display: block; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].ios8-switch-klein + label:hover:after { box-shadow: 0 0 5px rgba(0,0,0,0.3); }
input[type="checkbox"].ios8-switch-klein:checked + label:after { margin-left: 16px; background:#008000; }
input[type="checkbox"].ios8-switch-klein:checked + label:before { background: #cce6cc; }

input[type="checkbox"].switch_her { position: absolute; margin: 8px 0 0 16px; }
input[type="checkbox"].switch_her + label { position: relative; padding: 4px 0px 0px 50px; line-height: 100%; }
input[type="checkbox"].switch_her + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; height: 24px; border-radius: 16px; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; background-color:#f6d7d7; }
input[type="checkbox"].switch_her + label:after { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 16px; background:#d03737; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].switch_her + label:hover:after { /*box-shadow: 0 0 5px rgba(0,0,0,0.3);*/ }
input[type="checkbox"].switch_her:checked + label:after { margin-left:16px; background:#008000; }
input[type="checkbox"].switch_her:checked + label:before { background: #cce6cc; }

input[type="checkbox"].switch_her2 { position: absolute; margin: 8px 0 0 16px; }
input[type="checkbox"].switch_her2 + label { position: relative; padding: 4px 0px 0px 50px; line-height: 100%; }
input[type="checkbox"].switch_her2 + label:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 40px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; background-color:#55D069; }
input[type="checkbox"].switch_her2 + label:after { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 24px; height: 24px; border-radius: 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s; transition: all 0.3s; }
input[type="checkbox"].switch_her2 + label:hover:after { box-shadow: 0 0 5px rgba(0,0,0,0.3); }
input[type="checkbox"].switch_her2:checked + label:after { margin-left: 16px; }
input[type="checkbox"].switch_her2:checked + label:before { background: #d03737; }

/* STOP APPLE SWITCH */

/* START ALGEMEEN */
.font14 { font-size:14px !important; }
.txtgroen { color:#55D069; }
.txtm { text-align:center; }
.hide { display:none; }
.dik { font-family: 'roboto-bold', Verdana; }
.bold { font-weight:bold; }
.strong { font-weight:bold; }
.scroll { overflow:scroll; }
.handje { cursor: pointer; }
.readonly { background-color:#f2f2f2; }
.onderstreep { text-decoration: underline; }
.gradientkleur { background-image: linear-gradient(to right, #1A237E, #3F51B5); }
.gradientkleurvert { background-image: linear-gradient(to bottom, #1A237E, #3F51B5); top:0px; }
.tekstveld { padding:8px; width:100%; width:calc(100% - 18px;) }
.contextdrop { padding:8px; width:100%; font-size:18px; }
.onderschrift { font-size:80%; }
.verplichtveld { -webkit-box-shadow:0px 0px 0px 2px #d03737 inset; -moz-box-shadow:0px 0px 0px 2px #d03737 inset; box-shadow:0px 0px 0px 2px #d03737 inset; }
.verplichtgoed { border:2px solid #00a14b; }
.foutmelding { color: #fff; font-weight: bold; background-color: #d03737; text-align: center; padding: 15px; margin-bottom: 10px; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; text-shadow: none; }
.goedmelding { color:#fff; font-weight:bold; background-color:#00a14b; text-align:center; padding:15px; margin-bottom:10px; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none; text-shadow:none; }
.lijn { height:15px; border-bottom:1px solid #ccc; margin-bottom:25px; color:#ccc; font-size:11px; }
.lijntxt { height:30px; border-bottom:1px solid #ccc; margin-bottom:25px; color:#ccc; font-size:15px; }
.lijntxt .material-icons { font-size:20px; margin-left:10px; vertical-align:middle; }
.lijntxt .material-icons:hover { color:#000; cursor:pointer; }
.inputkleur { height:40px; }
.blockdiv { background-color:rgba(242,242,242,0.70); left: 0px; top: 0px; position:absolute; width:100%; height:100%; z-index:3; }
.icon_image { vertical-align: middle; }
.va_tb { vertical-align: text-bottom; }
.va_sub { vertical-align:sub; }
.tekstr { text-align:right; }
.tekstm { text-align:center; }
.readonly { background-color:#f2f2f2; }
.tekstoranje { color:#fd8208; }
.pos_rel { position:relative; }
.mar_top34 { margin:10px 0px 0px 0px; overflow:hidden; }
.pad10 { padding:10px; overflow:hidden; }
.pad-l10 { padding-left:10px; overflow:hidden; }
.set_checkbox { padding-right:10px; float:left; }
.set_group { padding-right:20px; float:left; }
.set_datagroep { float:left; background-color:#cc0; margin-top:-5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:0px 0px 0px 2px #cdcdcd inset; -moz-box-shadow:0px 0px 0px 2px #cdcdcd inset; box-shadow:0px 0px 0px 2px #cdcdcd inset; }
.set_sep { border-right:2px solid #ccc; margin-right:15px; width:10px; float:left; }
.txtwit { color:#fff; }
.txtrood { color:#cc0000; }
.gn_icon { color:#ccc; font-size:18px !important; vertical-align: middle; }
.gn_icon:hover { color:#cc0000; }
.checkwcdbck { font-size:14px !important; vertical-align:bottom; }
.desktop { position:absolute; left:0px; bottom:0px; font-size:14px; background-color:#f2f2f2; padding:10px 30px 0px 30px; }
.desktop_techinfo { position:fixed; left:0px; bottom:0px; font-size:14px; background-color:#f2f2f2; padding:0px 10px; font-size:60%; background-color:rgba(255,255,255,0.8); z-index:99; }
.btn_offline { background-color:#cc0000 !important; color:#fff; }
.btn_clear_selected { -webkit-box-shadow:0px 0px 0px 2px #3a89ff inset; -moz-box-shadow:0px 0px 0px 2px #3a89ff inset; box-shadow:0px 0px 0px 2px #3a89ff inset; }

/* START POPUP */
/* .popup { width:500px; min-height:210px; position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -105px; z-index:3; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } */
.popup { width:500px; min-height:210px; z-index:3; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.popup_pad { padding:20px; }
.popup_buttons { padding-top:20px; }
/* STOP POPUP */

.grid2 { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:30px; }
.grid3 { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:30px; }
.grid3_intern { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:15px; }
.gridbuttons a { width:100% !important; }
.grid_bg { background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:15px; }
.grid_66 { grid-column: 1 / 3; grid-row:1; }

.fout_bericht { font-size:80%; font-weight:normal; }
.foutmelding { color:#fff; font-weight:bold; background-color:#d03737; text-align:center; padding:15px; margin-bottom:10px; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none; text-shadow:none; }
.goedmelding { color:#fff; font-weight:bold; background-color:#00a14b; text-align:center; padding:15px; margin-bottom:10px; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none; text-shadow:none; }
.alertmelding { color:#fff; font-weight:bold; background-color:#0072a1; text-align:center; padding:15px; margin-bottom:10px; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none; text-shadow:none; }

.dotm_goedmelding { color:#fff; font-weight:bold; background-color:rgba(0, 161, 75, 0.9); text-align:center; padding:25px; margin-bottom:10px; width:300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none; text-shadow:none; position:fixed; right:20px; bottom:20px; z-index:101;}
.dotm_goedmelding i { font-size:50px; margin-bottom:20px; }
.dotm_foutmelding { color:#fff; font-weight:bold; background-color:rgba(208, 55, 55, 0.9); text-align:center; padding:25px; margin-bottom:10px; width:300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:none; text-shadow:none; position:fixed; right:20px; bottom:20px; z-index:100;}
.dotm_foutmelding i { font-size:50px; margin-bottom:20px; }
.dotm_foutmelding_close { position:absolute; top:5px; right:5px; font-size:20px !important; }

.onlinea4 { width:740px; height:951px; margin:75px auto 0px auto; padding:90px 30px 30px 30px; border:1px solid #f1f1f1; background-color:#ffffff; box-shadow: 0px 0px 40px #f0f0f0; font-size:9pt; line-height:165%; } /* background-image: url('http://192.168.1.10:8092/image/briefpapier2018.jpg');*/

.noselect, .noselect input {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* STOP ALGEMEEN */

/* START LOADING */
.opa_logo { position:fixed; background-color:rgba(0,0,0,0.70); z-index:1000; left: 0px; top: 0px; width:100%; height:100%; text-align:center; display:none; color:#ffffff; }
.wait_logo { width:200px; height:30px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -15px; z-index:3; text-align:center; }
.path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 4s infinite forwards; }
@keyframes dash { to { stroke-dashoffset: 0; } }

.opm_loading { background-color:rgba(0,0,0,0.70); left: 0px; top: 0px; position:absolute; width:100%; height:100%; z-index:13; }
.pop_loading { background-color:rgba(0,0,0,0.70); left: 0px; top: 0px; position:fixed; width:100%; height:100%; z-index:14; justify-content:center; align-items:center; }


/* STOP LOADING */

/* START FORMULIER */
.dt_regel { margin:10px 5px; overflow:hidden; color:rgba(0,0,0,0.5); }
.dt_regel span:hover { color:rgba(0,0,0,1); }
.dt_sub { margin:0px 10px; }
.ex_regel { margin:10px 0px; overflow:hidden; min-height:42px; }
.ex_regel_vi { margin:30px 0px; overflow:hidden; min-height:42px; font-size:16px; }
.ex_regel_sub { margin:10px 0px; overflow:hidden; padding-left:50px; }
.ex_regel_small { margin:0px 0px; overflow:hidden; }
.ex_regel_small_bottom { margin:0px 0px 6px 0px; overflow:hidden; }
.ex_regel_scroll_hor { margin:0px 0px 10px 0px; overflow:scroll; z-index:2; position:relative; }
.regel_hor { height:60px; width: max-content; }
.ex_regel_button { margin:30px 0px; overflow:hidden; }
.ex_l { width:50%; min-height:10px; float:left; }
.ex_r { width:50%; min-height:10px; float:left; }
.ex_knop { position: absolute; margin: -10px 15px 0px 15px; padding: 10px; text-align: center; width: 100px; background-color: #3F51B5; }
.ex_nr { float:left; width:42px; color:#ccc; }
.dot_regel { margin:5px 0px; overflow:hidden; }
.dot_regel_small { margin:0px 0px; overflow:hidden; }
.dot_con { float:left; width:50px; margin-top:6px; }
.dot_opmerking { float:left; width:500px; padding:10px 0px 0px 20px; }

.lbltextbox { white-space: nowrap; overflow: hidden; font-size:12px; position: absolute; top: 0px; display: inline-block; margin:5px 0px 0px 0px; padding: 0 10px; transition: all .2s linear; text-transform: capitalize; font-weight:normal; }


.contextbox { padding:8px; width:100%; font-size:18px; }
.contextbox:focus { background-color:#f2f2f2; }
.contextbox.bggrijs { background-color:#f2f2f2; }
.contextbox14 { padding:8px; width:100%; font-size:14px; }
.contextbox14.bggrijs { background-color:#f2f2f2; }
.contextbox100 { width:100px; }

.contextbox_ove { padding:0px; width:45px; max-width:100%; font-size:18px; text-align:right; border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: transparent;} /* background: transparent;*/
.contextbox_ove:focus { background-color:#f2f2f2; }

.contextbox_opm { padding:8px; width:100%; height:71px; font-size:18px; }
.contextbox_opm:focus { background-color:#f2f2f2; }

.contextbox_btn_zoek { float:left; display:inline-block; margin-right:30px; }
.contextbox_btn_zoek input { padding:16px; }
.btn_zoek_niets { padding:20px 15px;font-size:14px; cursor:pointer; }
.btn_zoek_niets span { vertical-align:middle; }
.btn_zoek_niets:hover { background-color:#fff; }

.contextbox_meting { padding:10px 8px 0px 0px; width:100%; font-size:40px; font-weight:bold; height:80px; width:100%; text-align:center; float:left; background-color:#f2f2f2; border:none; background-color:#fff; }
.contextbox_meting:focus { background-color:#ffffff !important; }

.contextbox_meting_nr { padding:0px 8px; width:100px; font-size:40px; height:80px; font-weight:bold; text-align:center; border:none; }
.contextbox_meting_nr:focus { background-color:#f2f2f2; }


.contextbox_meting_eenheid { padding:0px; display:inline-block; font-size:40px; font-weight:bold; text-align:center; margin:20px 0px 0px 40px; border:none; background-color:#f2f2f2; color:#cccccc; }
.contextbox_meting_eenheid:focus { background-color:#f2f2f2; color:#292929; }
.contextbox_meting_eenheid select option { font-size:18px; }
.drop_rood { color:#d03737; }

.contextbox_onzichtbaar { border:none; background-color:#f2f2f2; }

.contextbox_gm { width:100%; max-width:90%; }
.contextbox_onzichtbaar_gm { border:none; background-color:#f2f2f2; width:100%; max-width:90%; }
.contextbox_drp_gm { padding:3px; display:inline-block; font-size:16px; text-align:center; border:none; background-color:#f2f2f2; color:#292929; max-width:90%; }
.contextbox_drp_gm:focus { background-color:#f2f2f2; color:#292929; }
.contextbox_drp_gm select option { font-size:12px; }
.contextbox_drp_gm_new { padding:3px; display:inline-block; font-size:16px; text-align:center; color:#292929; max-width:90%; }
.contextbox_drp_gm_new:focus { background-color:#f2f2f2; color:#292929; }
.contextbox_drp_gm_new select option { font-size:12px; }

.contextdrop { padding:8px; width:100%; font-size:18px; }
.invulvelden { overflow:hidden; } /* padding-top:20px; */

.nr_regel { /*margin:10px 0px 0px 0px;*/ overflow:hidden; float:left; }
.nr_regel_b { /*margin:10px 0px;*/ overflow:hidden; float:left; }
.nr_btn { width:37px; height:37px; background-color:#fff; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition:background-color .3s; margin: 0px 0px 5px 5px; }
.nr_btn span { font-size:37px; color:#cccccc; padding:0px; }
.nr_btn:hover { background-color:rgba(58, 137, 255, 0.6) !important; }
.nr_btn:hover span { color:#292929; }
.btn1 { background-size: 21px 21px; background-repeat:no-repeat; background-position:center center; margin:0px 5px; }
.btn2 { background-size: 21px 21px; background-repeat:no-repeat; background-position:center center; }
/* STOP FORMULIER */

/* START CUSTOM */
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-input { position: absolute; z-index: -1; opacity: 0; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
label { display: inline-block; margin-bottom: .5rem; }
.custom-control-label { position: relative; margin-bottom: 0; }
.custom-control-label { position: relative; margin-bottom: 0; }

.custom-control-input:active~.custom-control-label::before { color: #fff; background-color: #b3d7ff; }
.custom-checkbox .custom-control-label::before { border-radius: .25rem; }
.custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; }
.custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }
.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #5C6BC0; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url('https://caresafe.nu/image/check.svg'); }
.chk_verplicht::before { background-color:#d03737; }
/* STOP CUSTOM */

.mlogo { float:left; width:100px; text-align:center; margin:19px 40px 19px 19px; }
.mlogo img { max-width:100%; }
.mleft { float:left; width:50%; }
.mright { float:left; width:50%; text-align:right; padding:20px 0px; } /*padding:20px 0px;*/
.mitem { float:left; margin:15px; padding:20px; font-family: 'roboto-bold', Verdana; }
.mitem:hover { background-color:#f2f2f2; }

.container  { width:98%; margin:88px auto 0px auto; overflow:hidden; }
.container:focus {outline: none;}
.container_export  { width:90%; margin:150px auto 150px auto; overflow:hidden; }

.menubtn { background-color:#14235c; color:#fff; padding:9px 9px 4px 9px; border-radius: 4px; float:right; margin-left:4px; }
.menubtn:hover { background-color: #7986CB; color:#fff; }

a.btnb { position: relative; display:inline-block; overflow: hidden; border-width: 0; outline: none; border-radius: 4px; background-color:#14235c; color:#fff; transition: background-color .3s; }
a.btnb:hover, .btnb:focus { background-color: #7986CB; color:#fff; text-decoration:none; }
a.btnb > * { position: relative;}
a.btnb span { display: block; }
a.btnb:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btnb:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
*, *:before, *:after { box-sizing: border-box; }
a.btnb.menua { padding: 12px 24px; }
a.btnb.menub { padding: 12px 24px; }
a.btnb.menuc { padding: 6px 12px; font-size:80%; }
a.btnb.bgroot { padding: 24px 48px; font-size:24px; font-family: 'roboto-bold', Verdana; }
a.btnb.bklein { padding:6px 20px; font-size:10px; font-family: 'roboto-bold', Verdana; }
.md_button { padding:6px; }

a.btnl { position: relative; display:inline-block; overflow: hidden; border-width: 0; outline: none; border-radius: 4px; background-color:unset; box-shadow: 0px 0px 0px 3px #14235c inset; color:#14235c; transition: background-color .3s; }
a.btnl:hover, .btnl:focus { background-color: #7986CB; color:#fff; text-decoration:none; }
a.btnl > * { position: relative;}
a.btnl span { display: block; }
a.btnl:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btnl:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
a.btnl.menua { padding: 12px 24px; }
a.btnl.menub { padding: 12px 24px; }
a.btnl.menuc { padding: 6px 12px; font-size:80%; }

a.btng { position: relative; display:inline-block; overflow: hidden; border-width: 0; outline: none; border-radius: 4px; background-color:#00a14b; color:#fff; transition: background-color .3s; }
a.btng:hover, .btng:focus { background-color: #7986CB; color:#fff; text-decoration:none; }
a.btng > * { position: relative;}
a.btng span { display: block; }
a.btng:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btng:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
*, *:before, *:after { box-sizing: border-box; }
a.btng.menua { padding: 12px 24px; min-width:100px; text-align:center; }
a.btng.menub { padding: 12px 24px; }
a.btng.bgroot { padding: 24px 48px; font-size:24px; font-family: 'roboto-bold', Verdana; }

a.btnr { position: relative; display:inline-block; overflow: hidden; border-width: 0; outline: none; border-radius: 4px; background-color:#d03737; color:#fff; transition: background-color .3s; }
a.btnr:hover, .btnr:focus { background-color: #7986CB; color:#fff; text-decoration:none; }
a.btnr > * { position: relative;}
a.btnr span { display: block; }
a.btnr:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btnr:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
*, *:before, *:after { box-sizing: border-box; }
a.btnr.menua { padding: 12px 24px; min-width:100px; text-align:center; }
a.btnr.menub { padding: 12px 24px; }
a.btnr.bgroot { padding: 24px 48px; font-size:24px; font-family: 'roboto-bold', Verdana; }



a.btnk { position: relative; display:inline-block; overflow: hidden; border-width:0; outline: none; border-radius: 4px; background-color:#14235c; color:#fff; transition: background-color .3s; width:200px; max-width:100%; text-align:center; padding:20px 15px; font-size:14px; margin:3px; }
a.btnk:hover, .btnk:focus { background-color: #7986CB; color:#fff; text-decoration:none; }
a.btnk > * { position: relative;}
a.btnk span { display: block; }
a.btnk:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btnk:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
*, *:before, *:after { box-sizing: border-box; }
/* a.btnk.selected { background-color:#00a14b !important; } */
a.btnk.selected { box-shadow: 0px 0px 0px 7px #00a14b inset; } /*border:7px solid #00a14b; */
.btn_relevantie { position:absolute !important; top:3px; right:5px; }
.btni_toets { position:absolute; right:0px; bottom:0px; }

a.btni { position: relative; display:inline-block; overflow: hidden; outline: none; border-radius: 4px; background-color:#14235c; color:#fff; transition: background-color .3s; max-width:100%; text-align:center; padding:20px 15px; font-size:14px; }
a.btni:hover, .btni:focus { background-color:rgba(58, 137, 255, 0.6) !important; color:#fff; text-decoration:none; }
a.btni > * { position: relative;}
a.btni span { display: block; }
a.btni:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btni:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
*, *:before, *:after { box-sizing: border-box; }
a.btni.selected { border:3px solid #00a14b; }

a.btns { position: relative; display:inline-block; overflow: hidden; border-width:0; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:calc(33% - 4px); max-width:100%; text-align:center; font-size:14px; line-height:250%; -webkit-box-shadow:0px 0px 0px 2px #f2f2f2 inset; -moz-box-shadow:0px 0px 0px 2px #f2f2f2 inset; box-shadow:0px 0px 0px 2px #f2f2f2 inset;} /*line-height:300%;*/
a.btns:hover, .btns:focus { text-decoration:none; color:#292929; }
a.btns > * { position: relative;}
a.btns span { display: block; }
a.btns:before {content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 0; padding-top: 0; border-radius: 100%; background-color: rgba(236, 240, 241, .3); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
a.btns:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; }
*, *:before, *:after { box-sizing: border-box; }
/* a.btnk.selected { background-color:#00a14b !important; } */
a.btns.selected { -webkit-box-shadow:0px 0px 0px 2px #3a89ff inset; -moz-box-shadow:0px 0px 0px 2px #3a89ff inset; box-shadow:0px 0px 0px 2px #3a89ff inset; }

a.btns_ruimten { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:0px 0px 0px 2px #cdcdcd inset; -moz-box-shadow:0px 0px 0px 2px #cdcdcd inset; box-shadow:0px 0px 0px 2px #cdcdcd inset; color:#292929; overflow:hidden; display:block; padding:5px; margin-top:-5px; margin-right:5px; float:left; }
a.btns_ruimten:hover { -webkit-box-shadow:0px 0px 0px 2px #3a89ff inset; -moz-box-shadow:0px 0px 0px 2px #3a89ff inset; box-shadow:0px 0px 0px 2px #3a89ff inset; }

.btn_inside { background-color: rgba(255,255,255,0.8); color:#292929; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
a.btn90 { width:90%; }
a.btn_buttons { height:75px; display:flex; justify-content:center; align-items:center; margin:5px auto; }

.btnk2 { display:flex; justify-content:center; align-items:center; height:90px; margin-bottom:5px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:14px; width:150px; text-align:center; transition: background-color .3s; }
.btnk2l { display:flex; position:relative; justify-content:center; align-items:center; height:90px; margin-bottom:5px; margin-right:5px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:14px; float:left; width:150px; text-align:center; transition: background-color .3s; }
.btnk2:hover, .btnk2l:hover { background-color:rgba(58, 137, 255, 0.6) !important; }
.btnk2l_sneltoets { position:absolute; top:5px; right:10px; color:rgba(0,0,0,0.3); font-weight:bold; }
.sneltoets { color:rgba(0,0,0,0.3); font-weight:bold;}

/* START UPLOAD */
input[type="file"] { display: block; }
.file-well,
.file-well input { width:calc(100% - 2px); height: 80px; }
.file-well { border:1px solid #ccc; }
.file-well:hover { border:1px solid #ccc; background-color:#f0f0f0; cursor:pointer; }
.file-well div { text-align:center; line-height:80px; color:#cccccc; font-size:10px; }
.file-well.filled { background-color: blue; }
.file-well.hover { background-color: yellow; }
.file-well input { opacity: 0.01; margin-top:-81px; border:1px solid #cc0000; background-color:#cc0000; }
/* STOP UPLOAD */

/* START MENU */
.vmtop { width:100%; min-height:60px; overflow:visible !important; position:fixed; top:0; left:0; background-color:#fff; color:#fff; z-index:13; }
.vmtop ul { list-style-type:none; margin:0px; padding:0px; color:#292929; }

li.ammzoeken { float:right !important; width:300px; padding:0px 20px 10px 0px !important; }
li.ammtel { float:right !important; width:120px; padding:10px 10px 10px 10px; font-weight:bold; margin-top:0px !important; }
li.mobilemenu { display:none; float:right; padding:10px; margin-top:15px; margin-right:10px; }

.menu { padding:8px 0px; display: inline-block; float:left; }
.menur { padding:12px 20px; display: inline-block; float:right; }
ul.ammitems { color:#292929; margin:0px 0px 0px 0px; display:block; }
ul.amopslaan { color:#292929; margin:0px 0px 0px 60px; display:block; float:right; }

.ammleft { height:100%; min-width:60px; overflow:hidden; position:fixed; top:0; left:0; background-color:#ffffff; z-index:3; }
.vmlogo { padding:10px; float:left; }
.vmlogo img { height:38px; width:auto; }
.ammtel { float:right; width:120px; padding:10px; font-weight:bold; margin-top:10px; }
.ammtelimg { width:13px; }
.ammzoeken { float:right; width:300px; padding:10px 20px 10px 0px; }
.ammzoeken2 { width:300px; padding:20px; display:none; }
.zoeken { 
    font-weight:500; 
    padding:8px 40px 8px 8px; 
    width: 90%; /* fallback if needed */ 
    width: calc(100% - 48px);
    font-size:14px; 
    background: url('https://www.amaudio.nl/image/glassklein.png') center right no-repeat;  
}

.homecontacttekst { font-weight:500; padding:8px; width: 250px; font-size:14px; }
.contacttekst { font-weight:500; padding:8px; width: 90%; width: calc(100% - 18px); font-size:14px; }

.ammitemleft { overflow:hidden; text-align:center; position:absolute; width:100%; }
.ammitem { float:left; } /* padding:10px 15px; */
.ammitem:hover { background-color:#f2f2f2; cursor:pointer; }
.ammitem a {display: inline-block; width: 100%; height: 100%; padding: 10px 20px; text-decoration: none; color:#292929; font-weight:bold; }
.menuversie {float:left; color:#122159; height: 100%; padding:17px 20px 0px 0px; font-size:11px; }

/*li .hassub:hover .ammsubitems { display:block; overflow:visible !important; } */

.ammsubitems { float:none; position:fixed; overflow:visible; display:none; min-width:150px;} /* margin:10px 0px 0px -15px; */
.ammsubitem { background-color:#fff; float:none; overflow:visible !important; margin:0px; } /* padding:10px 15px; */
.ammsubitem:hover { background-color:#f2f2f2; }

.mobilemenu { display:none; float:right; padding:10px; margin-top:15px; margin-right:10px; }
.ipadtel { display:none; }
.ipademail { display:none; }

.ammready { transform: rotate(-90deg); -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    color:#292929; top:300px; position:fixed; left:16px; font-weight:bold; padding:10px;
    white-space: nowrap;
    font-family: 'open_sansbold', Verdana; letter-spacing:-1px;
}

.ammready:hover { background-color:#f2f2f2; }

.ammsocial { position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%; text-align:center; }
.amsocialitem { padding:3px 0px; }

.menuruimte { font-weight:normal; }
/* STOP MENU */

/* START REPEATER */
.ex_regel_kop { margin:10px 0px 30px 0px; overflow:hidden; }
.ex_regel_kop_rep { margin:10px 0px 30px 0px; padding:7px; overflow:hidden; }
.ex_regel_rep_tekst { margin:3px 0px; padding:20px 7px 7px 7px; overflow:hidden; }
.ex_regel_rep { margin:3px 0px; padding:7px; overflow:hidden; }
.ex_regel_rep:hover { background-color:#fff; color:#292929; }
.ex_regel_rep_nohover { margin:3px 0px; padding:7px; overflow:hidden; }
.ex_regel_rep_actief { background-color:#00a14b; color:#fff; }
.ex_regel_sub { margin:3px 0px; padding:7px; overflow:hidden; }
.ex_regel_sub:hover { background-color:#fff; color:#292929; }
.ds-selector { z-index:999999; }

.exr { float:right; }

.ex_l { width:50%; min-height:10px; float:left; }
.ex_r { width:50%; min-height:10px; float:left; }
.ex_knop { position: absolute; margin: -10px 15px 0px 15px; padding: 10px; text-align: center; width: 100px; background-color: #3F51B5; }

.ex_highlight { background-color:#cc0l; height:40px; width:100px; }

.ex_30r { float:right; width:30px; min-height:10px; }
.ex_40 { float:left; width:40px; min-height:10px; }
.ex_40r { float:right; width:40px; min-height:10px; }
.ex_50 { float:left; width:50px; min-height:10px; }
.ex_50r { float:right; width:50px; min-height:10px; }
.ex_80 { float:left; width:80px; min-height:10px; }
.ex_80r { float:right; width:80px; min-height:10px; }
.ex_100 { float:left; width:100px; min-height:10px; }
.ex_100r { float:right; width:100px; min-height:10px; }
.ex_120 { float:left; width:120px; min-height:10px; }
.ex_120r { float:right; width:120px; min-height:10px; }
.ex_125 { float:left; width:125px; min-height:10px; }
.ex_150 { float:left; width:150px; min-height:10px; }
.ex_150r { float:right; width:150px; min-height:10px; }
.ex_160r { float:right; width:160px; min-height:10px; }
.ex_170 { float:left; width:170px; min-height:10px; }
.ex_180r { float:right; width:180px; min-height:10px; }
.ex_200 { float:left; width:200px; min-height:10px; }
.ex_200r { float:right; width:200px; min-height:10px; }
.ex_250 { float:left; width:250px; min-height:10px; }
.ex_300 { float:left; width:300px; min-height:10px; }
.ex_350 { float:left; width:350px; min-height:10px; }
.ex_400 { float:left; width:400px; min-height:10px; }
.ex_500 { float:left; width:500px; min-height:10px; }
.ex_600 { float:left; width:600px; min-height:10px; }

.p_2_5 { float:left; width:2.5%; min-height:10px; }
.p_5 { float:left; width:5%; min-height:10px; }
.p_10 { float:left; width:10%; min-height:10px; }
.p_15 { float:left; width:15%; min-height:10px; }
.p_20 { float:left; width:20%; min-height:10px; }
.p_25 { float:left; width:25%; min-height:10px; }
.p_30 { float:left; width:30%; min-height:10px; }
.p_33 { float:left; width:33.33%; min-height:10px; }
.p_35 { float:left; width:35%; min-height:10px; }
.p_40 { float:left; width:40%; min-height:10px; }
.p_45 { float:left; width:45%; min-height:10px; }
.p_50 { float:left; width:50%; min-height:10px; }
.p_50r { float:right; width:50%; text-align:right; min-height:10px; }
.p_80 { float:left; width:80%; min-height:10px; }
.p_95 { float:left; width:95%; min-height:10px; }
.p_vi { float:left; width:calc(65% - 1030px); }
.p_vii{ float:left; width:calc(100% - 410px); }

.i_10 { float:left; display:inline-block; padding-right:10px; }
.i_20 { float:left; display:inline-block; padding-right:20px; }

.ex_zoek { float:left; width:calc(100% - 140px); }

.max100 { max-width:100px; }
.max200 { max-width:200px; }
.lmar10 { margin-left:10px; }
.lmar20 { margin-left:20px; }

.rep_top30 { padding:30px 0px 0px 0px; }
.rep_kleur { border-radius:50%; height:15px; width:15px; margin-right:10px; float:left; margin-top:5px; }
.rep_kleur_r { border-radius:50%; height:15px; width:15px; margin-right:10px; float:right; margin-top:5px; }
.rep_wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; overflow: hidden; white-space: nowrap; -webkit-box-flex: 1; text-overflow: ellipsis; }
.ruimten_icon { width:14px; margin-top: 4px; }
/* STOP REPEATER */

/* START METING */
.btn_container { overflow:hidden; font-size:14px; position:relative; -moz-column-count:3; -moz-column-width: 33%; -webkit-column-count:3; -webkit-column-width: 33%; column-count: 3; column-width: 33%; }
.btn_regel { overflow:hidden; text-align:center; background-color:#fff; margin:0px 5px 10px 5px; padding:20px 0px; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; break-inside: avoid-column;} /* width:calc(33.33% - 10px); float:left; */
.btn_kop { font-weight:bold; padding-bottom:30px; font-size:20px; }

.btn_container2 { overflow:hidden; font-size:14px; position:relative; margin-top:30px; }
.btn_container3 { overflow:hidden; position:relative; margin-top:30px; padding:5px; }
.btn_regel2 { overflow:hidden; text-align:center; background-color:#fff; margin:0px 4px 4px 0px; padding:20px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; width:180px; }
.btn_regel3 { overflow:hidden; text-align:center; margin:0px 5px 5px 0px; padding:20px 0px; float:left; width:150px; }
.btn_btnkol { overflow:hidden; text-align:center; background-color:#fff; margin-bottom:15px; padding:20px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.kol35 { width:calc(35% - 20px); float:left; min-height:100px; margin-right:20px; }
.kol40 { width:calc(40% - 20px); float:left; min-height:100px; margin-right:20px; }

.kol45 { width:45%; float:left; min-height:100px; }
.kol55 { width:55%; float:left; min-height:100px; }
.kol55-20 { width:calc(55% - 20px); float:left; min-height:100px; margin-left:20px; }

.koltextr { text-align:right; padding-top:10px;}

::-webkit-scrollbar { display: none; }

.grootoverzicht { font-size:14px; }
.grootoverzicht input { font-size:14px; }

.opmoverzicht { background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:100px; height:280px;  position:relative; overflow-y:scroll; }
.koloverzicht { background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:100px; height:590px;  position:relative; overflow-y:scroll; }
.koloverzicht2 { background-color:#fff; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:100px; height:457px;  position:relative; overflow-y:scroll; display:flex; flex-direction:column-reverse; }
.meting_ruimte { background-color:#fff; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:100px; position:relative; display:flex; justify-content:center; align-items:center; float:right; }
.conoverzicht { padding:10px; position:absolute; width:100%; } /* bottom:0px; */
.conr { float:left; width:calc(25% - 5px); text-align:right; padding-right:5px; }
.conl { float:left; width:calc(75% - 5px); text-align:left; padding-left:5px; }
.opmoverzicht_v2 { padding:0px; font-size:14px; }

.overzicht_conl { float:left; width:calc(100% - 25px); text-align:left; padding-left:5px; }
.overzicht_conr { float:left; width:25px; text-align:right; padding-right:5px; }

.kol33 { width:33.33%; float:left; min-height:100px; }
.kol33t { width:100%; text-align:center; font-size:70px; padding-top:8px; }
.kol50 { width:50%; float:left; min-height:100px; }
.kol51 { width:50%; float:left; min-height:100px; margin:0px 10px; }
.kol60 { width:60%; float:left; min-height:100px; }
.kol65 { width:65%; float:left; min-height:10px; }
.kol66 { width:66%; float:left; min-height:100px; }
.kol100 { width:100%; min-height:100px; }

.kol_nr_10 { float:left; text-align:center; font-size:70px; color:#ccc; padding-top:7px; width: calc(100% - 620px); }
.kol_nr_45 { float:left; width:310px; }
.kol_nr_45_right { float:right; width:310px; }
.kol_eenh { float:left; overflow:hidden; padding-top:35px; }
.eenheid { float:left; font-size:70px; display:inline-block; font-weight:bold; color:#ccc; padding:20px 0px 0px 10px; }
.kolnr { float:left; }
.kolnrsep { float:left; text-align:center; font-size:70px; color:#ccc; padding:0px 20px; line-height:70px; }
.nowrap { white-space:nowrap; overflow:hidden; }
.nowrapdots { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kol300_wrap { max-width:300px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }

.rep_odd { background-color: rgba(255, 255, 255, 0.3); }
.rep_odd2 { background-color: rgba(255, 255, 255, 0.5); }
.rep_even { background-color: rgba(255, 255, 255, 1); }

/* STOP METING */

/* START OVERZICHT */
.even { background-color:#f2f2f2; }
.even:hover { background-color:#ccc !important; }
.odd { background-color:#fff; }
.odd:hover { background-color:#ccc !important; }

.dash_regel { margin-top:30px; }
.dash_regel_intern { margin-top:15px; }
.dash_schets { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow:hidden; background-color:#fff; }
.ove_regel { margin:5px 0px; overflow:hidden; padding:5px; }
.ove_regel:hover { background-color:#f2f2f2; cursor:pointer; color:#292929; }
a.ove_fout { color:#d03737; font-weight:bold;}
.ove_fout { color:#d03737; font-weight:bold;}

.ove_nr { width:50px; float:left; }
.ove_obj { width:250px; float:left; }
.ove_opm { width:260px; float:left; }
.ove_opm2 { display:block; float:left; }
.ove_waarde { width:50px; float:left; text-align:right; margin-right:10px; min-height:5px; }
.ove_her { width:35px; float:left; text-align:right; margin-right:10px; min-height:5px; }
.ove_del { width:20px; float:right; text-align:center; }
.ove_del span { font-size:18px; vertical-align:middle; }
.ove_bgkopie { background-color:beige; }
.ove_btn { background-color:#cc0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:20px; height:16px; margin:2px 0px 0px 2px; }
.ove_brd { box-shadow:0px 0px 0px 0.5px #292929 inset; }

.foutbg { background-color:#d03737 !important; color:#fff; text-align:center; padding:0px 4px; }
.herbg { border:2px solid #d03737 !important; text-align:center; padding:0px 2px; }
.herbgtxt { border:2px solid #d03737 !important; }
.normalbg { padding:0px 4px; }
.meting_invoer { padding:30px 0px 0px 0px; }
.overzicht_melding { margin-top:-20px; position:absolute; padding-bottom:20px; }

.text_trans { border:0px; width:50px; background:none; text-align:right; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.text_trans:hover { background-color:#3a89ff; color:#fff; }

.pop_ove_groot { width:calc(100% - 50px); height:calc(100% - 50px);background-color:#fff; margin:25px auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; position:relative; }
.pop_ove_groot_50 { width:calc(70% - 50px); margin:50px; position: relative;}
/*.pop_ove_groot_50 .pop_ove_memo { display:none; }*/
/*.pop_ove_groot_50 .dis_div100p { display:none; }*/
.pop_ove_sh { display:block; }
.pop_ove_hs { display:none; }
.pop_ove_hs img { padding-top:6px; }
.btn_pop_groep { overflow:hidden; margin-bottom:40px; }
.brn_pop_regel { overflow:hidden; min-height:10px; }
.btn_pop_knop { float:left; width:240px; }
.btn_pop_her { float:left; width:200px; }
.pop_ove_kopitem { display:inline-block; }
.pop_ove_seb { margin:0px 30px; }
.pop_ove_functions { display:inline-block; top:12px; position:absolute; }

.pop_ove_close { text-align:right; height:20px; padding:10px; }
.pop_ove_memo { width:calc(100% - 1150px); float:left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; overflow: hidden; -webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:10px; padding-top:3px; } /*display: flex;*/
.filter_item { padding-right:20px; }
.pop_ove_filter { overflow:hidden; padding:0px; margin:10px 0px 0px 0px; }

.dis { border:0px; max-width:100%; width:100%; background:none; padding:0px 2px; }
.dis2 { background-color:#55D069; color:#000000; }
.dis_div10 { width:10px; float:left; }
.dis_div20 { width:20px; float:left; }
.dis_div23 { width:23px; float:left; }
.dis_div30 { width:30px; float:left; }
.dis_div37 { width:37px; float:left; }
.dis_div40 { width:40px; float:left; }
.dis_div100p { width:100%; float:left; }

.opm_kleur { min-height:40px; min-width:400px; overflow:hidden; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	display:none; position:fixed; top:100px; left:100px; z-index:9999999999; border:1px solid #ccc; }
.opm_pop { background-color: rgba(255,255,255,0.2); left: 0px; top: 0px; position: fixed; width: 100%; height: 100%; z-index: 350; display:none;}

.opm_pop_opt_bg { right:0px; top:0px; position: fixed; width:30%; height:100%; z-index: 350; display:none;}
/*.opm_pop_opt { min-height:40px; min-width:400px; width: calc(100% - 100px); height: calc(100% - 100px); background-color: #fff; margin: 50px; overflow:hidden; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:fixed; z-index:9999999999; border:1px solid #ccc; } */
.opm_pop_opt { min-height:40px; min-width:400px; width: calc(30% - 100px); height: calc(100% - 100px); background-color: #fff; margin:50px; overflow:hidden; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:fixed; z-index:9999999999; } /*border:1px solid #ccc;*/
.opm_container { padding:10px 20px; min-height:100%; background-color:#f9f9f9; }

.ruimten_dot { padding:0px 0px 0px 0px; background-color: #bbb; border-radius: 50%; color:#fff; text-align:center; min-height:18px; min-width:18px; display:inline-block; font-size:10px; line-height:18px; vertical-align:top; margin-left: 3px;}
.status_dot { padding:0px 0px 0px 0px; background-color: #bbb; border-radius: 50%; color:#fff; text-align:center; min-height:60px; min-width:60px; display:inline-block; font-size:42px; }
.risico_dot { padding:0px 5px; background-color: #bbb; border-radius: 50%; color:#fff; text-align:center; font-size: 14px; width:20px; height:20px; display:inline-block !important; }
.dot { height: 40px; width: 40px; background-color: #bbb; border-radius: 50%; margin:20px; border: 3px solid #f2f2f2; cursor:pointer; float:left; }
.selected { border:3px solid #00a14b; }

.typea_con { position:fixed; z-index:9; background-color:#55D069; color:#292929 !important; }
.typea_row { padding:5px; overflow:hidden; background-color:#fff; color:#292929 !important; }
.typea_row:hover { background-color:#ececec; }

.pnl_selecteer { height:457px; display:flex; justify-content:center; align-items:center; font-weight:bold; }
/* STOP OVERZICHT */

/* START TOETSENBORD */
.numpad { width:480px; overflow:hidden; }
.toets { width:150px; height:90px; max-width:180px; margin:2px; font-size:26px; font-weight:bold; cursor:pointer; line-height:250%; float:left; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; display:flex; justify-content:center; align-items:center; transition:background-color .3s; }
.toets:hover { background-color:rgba(58, 137, 255, 0.6) !important; }
.toetshighlite { background-color:#f2f2f2; }
.toets_enter { /* bottom:0px; width:calc(33% / -4px); line-height:0%; padding:50px 0px; margin-top:13px; */ font-size:20px; }
.toets_height { height:336px; }
.toets33 { width:150px; height:90px; margin:2px; font-size:26px; font-weight:bold; float:left; position:relative; max-width:180px; }
.pnl_toetsen { overflow:hidden; position:absolute; bottom:0px; }

.toets_v2 { height:90px; font-weight:bold; cursor:pointer; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; display:flex; justify-content:center; align-items:center; transition:background-color .3s; }
.toets_v2:hover { background-color:rgba(58, 137, 255, 0.6) !important; }

.toets_v2_small { height:90px; font-weight:bold; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; display:flex; justify-content:center; align-items:center; transition:background-color .3s; font-size:13px; -webkit-box-shadow:0px 0px 0px 2px #ccc inset; -moz-box-shadow:0px 0px 0px 2px #ccc inset; box-shadow:0px 0px 0px 2px #ccc inset; }
.toets_v2_small:hover { -webkit-box-shadow:0px 0px 0px 2px #3a89ff inset; -moz-box-shadow:0px 0px 0px 2px #3a89ff inset; box-shadow:0px 0px 0px 2px #3a89ff inset; }
.toets_v2_small span { font-size:15px; margin-right:10px; }
span.buttons_icon { font-size:19px; margin-right:5px; display:unset !important; vertical-align:middle;}
.knopuit { opacity:0.2; }
/* STOP TOETSENBORD */

/* START FILTER */
.filtercontainer { overflow:hidden; padding-bottom:50px; }
.regel_selected { background-color:rgba(58, 137, 255, 0.2) !important; } /*#3a89ff !important;  color:#fff;*/
.regel_selected:hover { background-color:rgba(58, 137, 255, 0.6) !important; } /*color:#fff;*/
.regel_selected input {  } /*color:#fff;*/
.regel_selected div {  } /*color:#fff;*/
.regel_sel { background-color:rgba(58, 137, 255, 0.8) !important; }
.nu-selection-box { background-color:rgba(0,120,215,0.4); border:1px solid #0078d7; }



.regel_goed { background-color:#00a14b !important; color:#fff; }
.regel_goed:hover { background-color:#00a14b !important; color:#fff; }
.regel_goed input { color:#fff; background: transparent; }
.regel_goed div { color:#fff; }

.regel_fout { background-color:#d03737 !important; color:#fff; }
.regel_fout_trans { background-color:rgba(208,55,55,0.1) !important; }
/* STOP FILTER */

/* START BALLON */
.ballon::after {content: " i"; padding-left: 6px; position: absolute; }
.ballonwolk { background-color: #fff; color: #292929; display: none; padding:0px; z-index: 99999; min-width:300px; max-width:80%; max-height:80%; min-height:30px; box-shadow: 0 0 5px rgba(0,0,0,0.3); } /* pointer-events:none; overflow:hidden; */
.balloninfo { overflow:hidden; display:none; position:relative; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:20px; margin-top:10px; max-width:100%; width:300px; }
.ballonkop { font-weight:bold; width:calc(100% - 20px); float:left; }
.ballonclose { width:20px; float:right; cursor:pointer; }
.ballonbody { max-height:800px; font-size:14px; } /* overflow:auto; */
.ballonregel { margin-bottom:20px; } /* overflow:hidden; */
.ballonoptie { padding:10px; border-bottom:1px solid #cccccc; position:relative; } /* overflow:hidden; */
.ballonoptie:hover { background-color:#f2f2f2; cursor:pointer; }
.ballonbody a:link { color:#000000; text-decoration: none; }
.ballonbody a:hover { color:#000000; text-decoration: none; }
.ballonbody a:visited { color:#000000; text-decoration: none; }
.ballon_bg { position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.01); z-index:9; display:none; }
.ballonicon { position:absolute; right:5px; top:7px; }

.ballonwolksub { background-color: #fff; color: #292929; padding:0px; z-index: 99999; min-width:600px; min-height:80px; box-shadow: 0 0 5px rgba(0,0,0,0.3); position:absolute; left:300px; top:0px; overflow:hidden; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.1s linear;} /* min-height:80px; display:none; */
.ballonwolksub:hover { height:unset; overflow:unsert; }
.ballonbodysub { font-size:14px; }

.ballonsub:hover .ballonwolksub { visibility: visible; opacity: 1; } /* display:block */

.ballonsuboptie { padding:10px; position:relative; }

/* STOP BALLON */

/* START RUIMTE*/
.bij_con { width:200px; float:left; margin:10px; position:relative; }
.bij_con_hover { position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.70); z-index:1000; left: 0px; top: 0px; width:100%; height:100%; opacity:0.01; }
.bij_con_hover:hover {  opacity:1; }
.bij_con_verw { float:right; height:40px; width:40px; padding:10px; text-align:right; }
.bij_con_rot { float:left; height:40px; width:40px; padding:10px; }
.bij_con_for { float:left; height:40px; width:100%; padding:10px; color:#fff; }
.bij_con_for img { margin-right:10px; }
.bij_input { width:40px; border:none; text-align:center; }
.risico_btn { width:100px; float:left; color:#fff; text-align:center; padding:10px 0px; margin:3px; font-weight:bold; cursor:pointer; border-radius:4px; }

.risico_groen { background-color:rgba(0,128,0,0.5); }
.risico_groen:hover { background-color:rgba(0,128,0,1); }
.risico_groen.klik { background-color:rgba(0,128,0,1); }

.risico_blauw { background-color:rgba(0,0,255,0.5); }
.risico_blauw:hover { background-color:rgba(0,0,255,1); }
.risico_blauw.klik { background-color:rgba(0,0,255,1); }

.risico_oranje { background-color:rgba(255,165,0,0.5); }
.risico_oranje:hover { background-color:rgba(255,165,0,1); }
.risico_oranje.klik { background-color:rgba(255,165,0,1); }

.risico_rood { background-color:rgba(255,0,0,0.5); }
.risico_rood:hover { background-color:rgba(255,0,0,1); }
.risico_rood.klik { background-color:rgba(255,0,0,1); }

.risico_0 { background-color:var(--risico_0); color: var(--risico_txt_2); }
.risico_1 { background-color:var(--risico_1); color: var(--risico_txt_2); }
.risico_2 { background-color:var(--risico_2); color: var(--risico_txt_2); }
.risico_3 { background-color:var(--risico_3); color: var(--risico_txt_1); }
.risico_4 { background-color:var(--risico_4); color: var(--risico_txt_2); }
.risico_5 { background-color:var(--risico_5); color: var(--risico_txt_2); }

.risico_0.klik { background-color:var(--risico_0); color: var(--risico_txt_2); }
.risico_1.klik { background-color:var(--risico_1); color: var(--risico_txt_2); }
.risico_2.klik { background-color:var(--risico_2); color: var(--risico_txt_2); }
.risico_3.klik { background-color:var(--risico_3); color: var(--risico_txt_1); }
.risico_4.klik { background-color:var(--risico_4); color: var(--risico_txt_2); }
.risico_5.klik { background-color:var(--risico_5); color: var(--risico_txt_2); }

#pnl_risico_edit .risico_0 { background-color:var(--risico_0); color: var(--risico_txt_2); opacity:0.3; }
#pnl_risico_edit .risico_0:hover { opacity:1; }
#pnl_risico_edit .risico_1 { background-color:var(--risico_1); color: var(--risico_txt_2); opacity:0.3; }
#pnl_risico_edit .risico_1:hover { opacity:1; }
#pnl_risico_edit .risico_2 { background-color:var(--risico_2); color: var(--risico_txt_2); opacity:0.3; }
#pnl_risico_edit .risico_2:hover { opacity:1; }
#pnl_risico_edit .risico_3 { background-color:var(--risico_3); color: var(--risico_txt_1); opacity:0.3; }
#pnl_risico_edit .risico_3:hover { opacity:1; }
#pnl_risico_edit .risico_4 { background-color:var(--risico_4); color: var(--risico_txt_2); opacity:0.3; }
#pnl_risico_edit .risico_4:hover { opacity:1; }
#pnl_risico_edit .risico_5 { background-color:var(--risico_5); color: var(--risico_txt_2); opacity:0.3; }
#pnl_risico_edit .risico_5:hover { opacity:1; }
#pnl_risico_edit .klik { opacity:1; }

.ruimte_sub { margin:20px 0px; font-size:16px; display:none; }
.ruimte_regel { background-color:#282561; color:#fff; margin:3px 0px; padding:7px; overflow:hidden; }
.ruimte_regel:hover { background-color:#282561; color:#fff; }
.ruimte_vi_item { margin-right:10px; display: inline-block; }

.vii_items { width:100%; overflow:hidden; }
.vii_item { width:50px; height:50px; margin:0px 0px 2px 2px; float:left; text-align:center; justify-content:center; display:flex; align-items:center; background-color:#fff; }
.vii_item:hover { background-color:rgba(0,128,0,0.5); color:#fff; }
.vii_item_highlite { box-shadow:0px 0px 0px 1px #008000 inset; -webkit-transition: all 0.3s; transition: all 0.3s;} /*rgba(0,128,0,0.1) background-color:#e5f2e5;*/
.vii_item_highlite:hover { box-shadow:0px 0px 0px 26px #008000 inset; }
.vii_th { padding:25px 0px; }
.vii_tr { padding:0px !important; }

[data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; }
[data-title]:after { content:attr(data-title); background-color:#00FF00; color:#111; font-size:150%; position:absolute; padding:1px 5px 2px 5px; bottom:-1.6em; left:100%; white-space:nowrap; box-shadow:1px 1px 3px #222222; opacity:0; border:1px solid #111111; z-index:99999; visibility:hidden; }
[data-title] { position:relative; }

.vi_filter_hide { display:none; }
.vi_overz_bol { display:inline-block; position:absolute; right:10px; top:8px; }
.vi_overz_nr { width:50px; display: inline-block; }
.vi_overz_onderschrift { margin-left:55px; margin-top:10px; font-size:10px; } 
.vi_regel_small { padding:5px; overflow:hidden; }
.vi_regel_small:hover { background-color:rgba(40,37,97,0.1); }
.vi_vis_cat { font-size:16px; margin-right:10px; text-align:center; width:15px; display:inline-block; }

/* STOP RUIMTE */

.selection { background: rgba(46, 115, 252, 0.11); border-radius: 0.1em; border: 2px solid rgba(98, 155, 255, 0.81); }


/* START SELECTION  */


/* STOP SELECTION  */

/* START RATING */

.refster { display:inline-block; min-height:1px; float:left; padding-right:20px; }
.refbol { width:28px; height:28px; float:left; }
.refbolk { width:20px; height:20px; float:left; }
.refdot { width:18px; height:18px; float:left; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ccc; margin-right:2px; font-size:10px; text-align:center; line-height:18px; }


.sta_rep_regel { height:40px; width:100%; }
.sta_rep_dot { width:30px; height:30px; float:left; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ccc; margin-right:2px; font-size:15px; text-align:center; line-height:30px; }
.sta_rep_dot_con { float:left; width:50px; }
.sta_rep_dot_opmerking { float:left; padding:0px 0px 0px 20px; }
.sta_reg_voorbeeld { padding-top:5px; }

.refblauw { background-color:#282561; color:#fff; }
.refgroen { background-color:#008000; color:#fff; }
.refrood { background-color:#ff0000; color:#fff; }

.refgroen.checked { border:2px solid #008000; background-color:#fff; color:#000; line-height:26px; }
.refrood.checked { border:2px solid #ff0000; background-color:#fff; color:#000; line-height:26px; }

.popup .ref_bollen { margin-top:10px; }
.popup .refbolk { float:none; width:100%; height:40px; padding:10px 0px 0px 0px; display:block; }
.popup .refdot { width:33px; height:32px; float:none; font-size:14px; line-height:30px; cursor:pointer; }
.popup .dot_opmerking { width:unset; }
.ref_pop_regels { margin-top:20px; }
.ref_pop_regel { height:40px; }
.ref_pop_bol { width:50px; float:left; }
.ref_pop_tekst { width:calc(100% - 50px); float:left; }

.st0 {fill:#cccccc; height:25px; width:25px; cursor:pointer;}
.st0k {fill:#cccccc; height:18px; width:18px; cursor:pointer;}
.st0_sel {fill:#282561; }

.jq-stars {display: inline-block;}
.jq-rating-label {font-size: 22px; display:inline-block; position: relative; vertical-align: top; font-family: helvetica, arial, verdana;}
.jq-star {width:100px; height: 100px; display: inline-block; cursor: pointer;}
.jq-star-svg { padding-left: 3px; width: 100%; height: 100%; }

/* STOP rating */

/* START SUBMENU  */
.rep_menu { padding: 10px; position: fixed; top: 0px; right: 0px; overflow: hidden; z-index:20; }
.btn { border-radius: 5px; color: #fff; font-family: 'roboto-bold', Verdana; padding: 10px 15px; text-decoration: none; background-color: #000; min-width: 100px; overflow: hidden; float: left; display: inline-block; margin-right: 10px; text-align: center; position: relative; min-height: 18px; }
.btn:hover { background-color:#292929; cursor:pointer; }
.btn_icon { float: left; position: relative; width: 40px; min-height: 10px; text-align: left; font-size:0px; }
.btn_txt { float: left; position: relative; text-align: left; }

.sqlid { border-radius: 5px; color: #cc0000; font-family: 'roboto-bold', Verdana; padding: 10px 15px; text-decoration: none; background-color: #fff; overflow: hidden; float: left; display: inline-block; margin-right: 10px; text-align: center; position: relative; min-height: 18px; }

/* STOP SUBMENU */

.ove_regel { margin:5px 0px; overflow:hidden; padding:5px 0px; }
.ove_regel:hover { background-color:#f2f2f2; cursor:pointer; color:#292929; }
.ove_regel2 { margin:5px 0px; overflow:hidden; padding:5px 0px; background-color:rgba(58, 137, 255, 0.2);}
.ove_regel2:hover { background-color:rgba(58, 137, 255, 0.6); cursor:pointer; color:#292929; }
.ove_selected { background-color:rgba(58, 137, 255, 0.6); /*background-color:#f2f2f2;*/ color:#292929; }
.ove_fout { color:#d03737; font-weight:bold; }
.ove_nr { width:35px; float:left; }
.ove_obj { width:130px; float:left; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; overflow: hidden; -webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height:5px; }
.ove_obj2 { width:130px; float:left; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; overflow: hidden; -webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height:5px; }
.ove_bol { width:20px; float:left; text-align:right; line-height:24px; overflow:hidden; min-height:20px; }
.ove_eenheid { width:25px; float:left; min-height: 5px; }
.ove_memo { width:100px; float:left; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; overflow: hidden; -webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height:10px; margin-right:10px; }
.ove_ster { width:10px; float:left; text-align:left; overflow:hidden; height:17px; margin-top:3px; }

@media screen and (max-width:1960px) {
	.ove_buttons { background-color:#cc0000; display:none !important; }
}

@media screen and (max-width:1640px) {
	.ove_groepnr { background-color:#cc0000; display:none !important; }
}

@media screen and (max-width:1000px) and (max-height:1500px) { /*SURFACE MARK*/

.ex_400 { width:160px; background-color:#c00; }

}


@media screen and (max-width:1024px) { /*kleinste PC*/


}



/* ----------- iPad ----------- */
@media screen and (max-width:768px) {

body { font-size:80%; }


}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {



}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {

.kol45 { width:50%; }
.kol55-20 { width:50%; margin-left:0px; }
.toets { width:120px; }
.toets33 { width:120px; }

}

@media screen and (max-width:700px) { /*iphone 6 en kleiner*/

h1 { font-size:36px; }

.container { width:90%; }
.up_grid2 { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:5px; }
.up_grid2 a { text-align:center; width:100%; }
.up_foto {	}
.up_goed { width:100%; padding:20px; background-color:rgba(0,161,75,0.5); text-align:center; position:relative; }
.up_goed_loading { width:0%; position:absolute; top:0px; bottom:0px; left:0px; z-index:1; background-color:rgba(0,161,75,1); }
.up_goed_txt { z-index:2; position:relative; color:#161616; }

}