*{margin:0px;padding:0px;} * {-webkit-font-smoothing: antialiased;} a img{border:none;outline:none;box-shadow:none;} input, textarea{outline:none;} .error{color:red;} .success{color:green;} div.error, div.success{margin-bottom:12px;} .hidden{visibility:hidden;height:0px;overflow:hidden;line-height:0px;} .clearfix::after{content:"";display:block;clear:both;height:0px;line-height:0px;} .w100{width:100%;} .clear{clear:both;width:100%;display:block;height:0px;line-height:0px;margin:0px;padding:0px;} div, section, footer, header, ul#list_express li .top{-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box;} .mt48{margin-top:48px;} .mb48{margin-bottom:48px;} .ta_right{text-align:right;} a.underline{text-decoration:underline;} .txt_red, .info.txt_red{color:red;} .cr_error.error{background:red;color:white;padding:12px;border-radius:6px;} .cr_error.error a{color:white;text-decoration:underline;} .cr_error.success{background:green;color:white;padding:12px;border-radius:6px;} .cr_error.info{background:white;color:#ccc;font-style:italic;padding:12px 0px;} span.light{opacity:0.4;font-weight:normal;} .dont-break-out, .cr_cntnt_split > div > div span, .cr_cntnt_split > div > div label, table td, table th{ /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ /*-ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;*/ } .noselect { -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 */ } /*--------------COLORS--------------*/ /* VERY LIGHT BLUE #aedff4 - LIGHT BLUE #00B0F0 - STANDARD BLUE #00B0F0 - MIDDLE BLUE #257b9f - DARK BLUE #15465b */ /* GREY #979a9d - L GREY #d0d5da - LIGHT GREY #e5e9ed - VERY LIGHT GREY #eff2f5 - VERY VERY LIGHT GREY #f6f9fb */ /* HIGH LIGHT YELLOW #fec506 */ /*BACKGROUND COLORS-----------------------------------*/ /*#cr_nav_top > div, #cv_bottom_nav #cr_pages ul li.active, #cv_bottom_nav #cr_pages ul li.active a, #cr_cv_nav .cv_nav_item.active, #cr_cv_sel_oplsrt .cv_nav_item.active, input[type=submit]:hover, #frm_forgotlogin input[type=submit]:hover, #cr_nav_top nav, .create_qr, #cr_cv_opleiding .ttl{background-color:#00B0F0;}*/ #cv_bottom_nav #cr_pages ul li.active, #cv_bottom_nav #cr_pages ul li.active a, #cr_cv_nav .cv_nav_item.active, #cr_cv_sel_oplsrt .cv_nav_item.active, input[type=submit]:hover, #frm_forgotlogin input[type=submit]:hover, create_qr, #cr_cv_opleiding .ttl, form.cr_cntnt_split input[type=submit], input[name='btn_cancel']{background-color:#012F42;} footer{background:#DFE0E1;} .cv_btn_inschrijven, .cv_btn_overgeschreven, .cv_btn_factuur, .cv_btn_enatom{background:#F58721;} div.cr_warning{background:#EC7F2C;} .cv_btn_factuur.green{background:green;color:white;} .cv_btn_factuur.orange{background:orange;color:white;} .cv_btn_inschrijven.cv_btn_blocked{background:red;} #cr_nav_top{background:#012f42;color:#fff;} #cr_nav_top nav ul li, #cr_nav_top_blinc ul li{background:none;color:#fff;} /*#cr_nav_top nav ul li:hover, #cr_nav_top nav ul li.active, #cr_nav_top_blinc nav ul li:hover, #cr_nav_top_blinc nav ul li.active{background:#d0d5da;}*/ input[type=text], textarea, input[type=password]{background:white;border:1px solid #eff2f5;} .shadowbox input[type=text], .shadowbox textarea, .shadowbox input[type=password]{background:white;border:1px solid #ffffff;} input[type=submit], #cr_search{background:#d0d5da;transition:all 0.2s ease-out;} #frm_forgotlogin input[type=submit]{background:#012F42;transition:all 0.2s ease-out;} #frm_login{border-bottom:1px solid #eff2f5;} input[type=text].focus, textarea.focus{border:1px solid #012F42;} input[type=text]:focus, textarea:focus{border:1px solid #012F42;color:#012F42;} #frm_search button, #cr_cv_nav .btn_down, #cr_cv_sel_oplsrt .btn_down{background:#979a9d;} #cv_bottom_nav #cr_pages ul li a{border-color:#e5e9ed;} #cv_bottom_nav #cr_pages ul li.active a{border-color:#012F42;} #cr_cv_kalenderlist table th, #cr_cv_onderdelenlist table th, #cr_cv_kalenderlist_account table th{border-color:#e5e9ed;border-right-color:#e5e9ed;background:#012F42;color:white;} #cr_cv_kalenderlist table table th, #cr_cv_kalenderlist_account table table th{border-color:#e5e9ed;border-right-color:#e5e9ed;background:#eff2f5;} #cr_cv_kalenderlist table td, #cr_cv_kalenderlist table tr.data, #cr_cv_onderdelenlist table td, #cr_cv_kalenderlist_account table td, #cr_cv_kalenderlist_account table tr.data{border-color:#D9D9D9;} #cr_cv_kalenderlist table th.last, #cr_cv_kalenderlist table th.empty, #cr_cv_kalenderlist_account table th.last, #cr_cv_kalenderlist_account table th.empty{border-color:#e5e9ed;border-right-color:#e5e9ed;background:#012F42;color:white;} #cr_cv_kalenderlist table th.empty, #cr_cv_kalenderlist_account table th.empty{border-right-color:#eff2f5;} #cr_cv_kalenderlist table tr.even, #cr_cv_kalenderlist table tr div.even, #cr_cv_onderdelenlist table tr div.even, #cr_cv_kalenderlist_account table tr.even, #cr_cv_kalenderlist_account table tr div.even{background:#F9F9F9;} /*#cr_cv_kalenderlist table tr.even td.cv_btn_data{border-right-color:#eff2f5;}*/ #cr_cv_kalenderlist table tr.odd, #cr_cv_kalenderlist table tr div.odd, #cr_cv_onderdelenlist table tr div.odd, #cr_cv_onderdelenlist table tr.odd, #cr_cv_onderdelenlist table tr.even, #cr_cv_kalenderlist_account table tr.odd, #cr_cv_kalenderlist_account table tr div.odd{background:#E9E9E9;} #cr_btns_account > a:hover, #cr_btns_account > a.active{background-color:#D9D9D9;} /*#cr_cv_kalenderlist table tr.odd td.cv_btn_data{border-right-color:#f6f9fb;}*/ /*#cr_cv_kalenderlist table tr .inner .ttl, #cr_cv_kalenderlist_account table tr .inner .ttl{border-color:#d0d5da;} #cr_cv_kalenderlist table tr td:nth-child(1), #cr_cv_kalenderlist_account table tr td:nth-child(1){font-weight:bold;} #cr_cv_kalenderlist table tr td:nth-child(2)::before{content:'Start: ';display:'inline-block';} #cr_cv_kalenderlist table tr td:nth-child(3)::before{content:'Einde: ';display:'inline-block';} #cr_cv_kalenderlist table tr td:nth-child(4) br{display:none;} #cr_cv_kalenderlist table tr td:nth-child(4) span{display:block;margin-bottom:12px;} #cr_cv_kalenderlist table tr td:nth-child(4) a{text-decoration:underline;} #cr_cv_kalenderlist table tr td:nth-child(4) span:nth-of-type(1)::before{content:'Programma: ';display:'inline-block';} #cr_cv_kalenderlist table tr td:nth-child(4) span:nth-of-type(2)::before{content:'Details: ';display:'inline-block';} #cr_cv_kalenderlist table tr td:nth-child(5)::before{content:'';display:'inline-block';} #cr_cv_kalenderlist table tr td:nth-child(5), #cr_cv_kalenderlist table tr td:nth-child(6){margin-bottom:12px;} #cr_cv_kalenderlist table tr td > div{display:inline-block;}*/ #cr_cv_nav .cv_nav_item, #cr_cv_sel_oplsrt .cv_nav_item{background-color:#e5e9ed;} #cr_cv_nav .cv_nav_item:hover, #cr_cv_sel_oplsrt .cv_nav_item:hover{background-color:#d0d5da;} #cr_cv_form input[type=submit]:hover, #frm_gdpr input[type=submit], .cr_cv_wachtlijst input[type=submit]:hover{background-color:#012F42;} .deelnemer_item, .btn_add_deelnemer{background:#eff2f5;} select{border:1px solid #e5e9ed;} #cr_cv_form input[type=submit], .cr_cv_wachtlijst input[type=submit], #frm_gdpr input[type=submit]{background-color:#d0d5da;} .cr_btn_cancel input, #btn_wis_handtekening{background:#eff2f5;} #cr_cv_form input[type=text], #cr_cv_form select, #cr_cv_wachtlijst input[type=text], #frm_gdpr input[type=text], #frm_gdpr select, #canvasSimpleDiv{border-color:#aaa;} input[type=text].error, input[type=password].error, textarea.error, #cr_cv_form input[type=text].input_error, #cr_cv_form input[type=password].input_error, #cr_cv_form textarea.input_error, #cr_cv_form select.input_error, #canvasSimpleDiv.input_error{border:1px solid red;} #cr_cookiesign, #frm_inschrijving button.next, #frm_inschrijvingopen button.next{background:#012F42;} #btn_cookie_ok{background:#547eab;} div.customselect, .filterbutton, .btn_back, .cr_list_details > div > span, #cr_cv_inschrijving form .input_group{background-color:#f6f9fb;} div.customselect span{background-color:#e6e9eb;border-bottom:2px solid #fff;} div.customselect span:last-child{border-bottom:0px;} #cr_searchtime{position:relative;top:0px;width:100%;z-index:1;} #cr_searchtime form input[type=text], #cr_searchtime form label{display:inline-block;margin-right:6px;} #cr_searchtime form input[type=text]{width:102px;border-radius:6px;text-align:center;display:inline-block;} /*.cv_btn_data a, .cv_btn_qr{background:#EF773E;}*/ /*.cv_btn_data a, .cv_btn_qr, a.create_qr{margin-bottom:12px;}*/ /*TEXT COLORS-----------------------------------------*/ body, p, a, #nav_account a, #cr_btns_account > a:hover, #cr_akkoord a:hover{color:#737373;} h1, div.cr_warning{color:#222;} .info{color:#aaa;} #cr_nav_top nav ul li a{color:#ffffff;} #cr_cv_nav .btn_down #cr_cv_sel_oplsrt .btn_down{color:#000000;} footer, footer a, footer p{color:#808080;} input[type=submit]:hover, #frm_forgotlogin input[type=submit], #cv_bottom_nav #cr_pages ul li.active, #cv_bottom_nav #cr_pages ul li.active a, .cv_btn_inschrijven, .cv_btn_inschrijven:hover, #cr_cv_nav .cv_nav_item.active, #cr_cv_sel_oplsrt .cv_nav_item.active, #cr_cookiesign p, #cr_cookiesign a, #cr_cookiesign, #btn_cookie_ok, .cv_btn_qr, .create_qr, #frm_inschrijving button.next, #frm_inschrijvingopen button.next, .cv_btn_overgeschreven, .cr_btn_overgeschreven:hover, .cv_btn_factuur, .cv_btn_factuur:hover, input[name='btn_cancel'], .cv_btn_enatom{color:white;} input[type=submit], #btn_wis_handtekening{color:#666;} #cv_bottom_nav #cr_pages ul li a, #cv_bottom_nav #cr_info_pages{color:#979a9d;} #cr_cv_kalenderlist table tr .inner .ttl, #cr_cv_kalenderlist table table td, #cr_cv_nav .cv_nav_item, #cr_cv_sel_oplsrt .cv_nav_item, #cr_cv_kalenderlist table table th, #cr_cv_kalenderlist_account table table th, #cr_cv_kalenderlist_account table tr .inner .ttl, #cr_cv_kalenderlist_account table table td{color:#8f8f8f;} input[type=text].input_error, input[type=password].input_error, textarea.input_error, select.input_error{color:red;} form.cr_cntnt_split input[type=submit]{color:white;} a.link_download{display:block;text-align:center;background-color:#012F42;border:0px solid #dce4e9;border-radius:4px;padding:6px 0px;text-transform:uppercase;opacity:1;transition:all 0.1s ease-out;color:white;} a.link_download:hover{color:white;text-decoration:none;opacity:1;background-color:#012F42;} a#btn_forgot{color:white;text-decoration:underline;} #cr_nav_top nav ul li a.text-orange{color:#EC7F2C;} /*----------------------------------*/ /* STICKY FOOTER */ /*----------------------------------*/ html{scroll-behavior: smooth;} html, body { height: 100%; font-family:'canada-type-gibson', sans-serif; font-size:16px; -moz-osx-font-smoothing: grayscale; padding:0px; margin:0px; width:100%; } .js body{display:none;} #container{margin:0 0 -260px 0;width:100%;min-height:100%;position:relative;overflow:hidden;padding:0px;} #push, footer{height:260px;} footer{padding:36px 0;width:100%;overflow:hidden;box-sizing:border-box;} footer > div{text-align:center;padding:0 24px;margin:0 0 0px 0;} footer > .r{display:none;} footer > div a img{height:68px;} footer > div a.btn_socialmedia img{height:36px;} /*----------------------------------*/ /* LAYOUT CONTAINERS */ /*----------------------------------*/ .cntnt{padding:0px 24px;position:relative;} .shadowbox{padding:36px;background:#1F4859;/*-moz-box-shadow:6px 12px 24px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 6px 12px 24px 0px rgba(0,0,0,0.5);box-shadow:6px 12px 24px 0px rgba(0,0,0,0.5);*/border:0px solid #DFE0E1;color:white;} #cr_cv_onderdelenlist .shadowbox{background:none;color:#737373;} .shadowbox h1{color:white;} .shadowbox input[type='text'], input[type="password"]{color:grey;} #cr_search, #cr_search_comp{padding:12px;margin-bottom:6px;} .filterbutton{border-radius:0px;padding:12px;display:block;margin-bottom:2px;cursor:pointer;} .filterbutton{position:relative;font-size:14px;} .filterbutton .ttl{width:calc( 100% - 34px );font-weight:bold;} .filterbutton .icon{width:16px;position:absolute;right:18px;height:16px;top:14px;background-image:url('../img/icon_arrowdown.png');background-repeat:no-repeat;background-position:center center;background-size:16px 16px;} .filterbutton .icon.close{background-image:url('../img/icon_close2.png');background-repeat:no-repeat;background-position:center center;background-size:16px 16px;} .filterbutton .customselect .parent{position:relative;} .filterbutton .customselect{position:absolute;top:0px;left:0px;width:100%;cursor:default;border-radius:4px;height:0px;overflow:hidden;z-index:1000;} .filterbutton .customselect span{display:block;margin-bottom:1px;cursor:pointer;padding:12px;font-size:14px;font-weight:bold;} .btn_back{display:block;text-decoration:none;padding:12px 12px 12px 28px;background-image:url('../img/icon_back.png');background-repeat:no-repeat;background-position:12px center;background-size:16px 16px;text-align:center;font-weight:bold;} #cr_cv_onderdelenlist{position:relative;margin-bottom:48px;} #cr_cv_onderdelenlist table{width:100%;} #cr_cv_onderdelenlist table th{border-width:1px;border-style:solid;padding:12px;} #cr_cv_onderdelenlist table th{text-align:left;} /*#cr_cv_kalenderlist table td.cv_btn_data, #cr_cv_kalenderlist table td.cv_btn_qr{padding:12px 12px 0px 12px;}*/ /*#cr_cv_kalenderlist table td.last{padding:0 12px 12px 12px;}*/ #cr_cv_kalenderlist table div.inner{height:0px;overflow:hidden;position:relative;} #cr_cv_kalenderlist table div.inner .inhoud{padding:12px 24px;position:absolute;width:100%;box-sizing:border-box;} #cr_cv_kalenderlist table div.inner .inhoud table{margin:0px;padding:0px;position:relative;box-sizing:border-box;border-collapse:collapse;} #cr_cv_kalenderlist table tr div.inhoud .ttl{border-bottom-width:1px;border-bottom-style:dotted;padding:0px 0;margin:0px;box-sizing:border-box;text-transform:uppercase;} #cr_cv_kalenderlist table table td{font-weight:400;padding:0px;margin-bottom:0px;} #cr_cv_onderdelenlist table th{text-align:center;} #cr_cv_onderdelenlist table td{padding:12px;text-align:center;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:0px;border-style:solid;} #cr_cv_onderdelenlist table tr td:first-child{text-align:left;border-left-width:0px;border-right-width:1px;border-bottom-width:1px;border-top-width:0px;border-style:solid;} .cr_cntnt_split{ margin-bottom:48px; } .cr_cntnt_split .cr_opmerking{display:block;clear:both;float:none;width:100%;position:relative;} .cr_cntnt_split > div:nth-of-type(1), .cr_cntnt_split > div:nth-of-type(2){ float:left; width:100%; position:relative; font-size:1em; line-height:20px; } .cr_cntnt_split > div:first-child{ margin-right:0px; } .cr_cntnt_split::after{ content:''; diplay:block; width:100%; height:0px; line-height:0px; clear:both; } .cr_cntnt_split > div > div{ position:relative; margin-bottom:9px; } .cr_cntnt_split > div > div label, .cr_cntnt_split > div > div span, .cr_opmerking label, .cr_opmerking span{ box-sizing:border-box; float:left; padding:6px 0px; display:block; } .cr_cntnt_split > div > div label{ font-weight:bold; width:100%; margin-bottom:0px; position:relative; } .cr_opmerking label{ width:120px; font-weight:bold; margin-right:0px; } .cr_cntnt_split > div > div span{ background:white; width:calc( 100% ); border:1px solid #dce4e9; padding:6px; cursor:default; } .cr_cntnt_split > div > div .question_indicator>span{ background:#ddd; width:calc( 100% ); border:0px solid #dce4e9; padding:18px; cursor:default; } .cr_cntnt_split > div > div .question_indicator span .btn_close{ background:white; width:24px; padding:0px 6px; cursor:pointer; border:1px solid black; } .cr_cntnt_split > div > div span.no-border{ border:0px; } .cr_opmerking span{ background:white; width:calc( 100% - 120px ); height:120px; overflow-x:hidden; overflow-y:scroll; } @media all and (min-width: 768px) { .cr_cntnt_split > div > div label{ width:120px; margin-bottom:.5rem; margin-right:12px; } .cr_cntnt_split > div > div span{ width:calc( 100% - 132px ); } .cr_cntnt_split > div > div{ margin-bottom:6px; } } .rotated { -webkit-transform: rotate(90deg); /* Chrome, Safari 3.1+ */ -moz-transform: rotate(90deg); /* Firefox 3.5-15 */ -ms-transform: rotate(90deg); /* IE 9 */ -o-transform: rotate(90deg); /* Opera 10.50-12.00 */ transform: rotate(90deg); /* Firefox 16+, IE 10+, Opera 12.10+ */ } #cr_cntnt{position:relative;padding:0 24px;} #cr_cookiesign{opacity:0;position:fixed;bottom:0px;width:100%;z-index:200000;} #cr_cookiesign p{padding: 24px 24px 0px 24px;} #btn_cookie_ok{display:inline-block;padding:4px 18px;text-decoration:none;border-radius:2px;} #cr_qrcode{width:96%;height:96%;position:fixed;background:rgba(255,255,255, 0.9);z-index:10000;top:2%;left:2%;} #cr_qrcode .btn_close{position:absolute;top:12px;right:12px;cursor:pointer;background:url('/img/icon_close.png') no-repeat center right;background-size:18px 18px;z-index:100000;height:18px;width:auto;padding-right:22px;text-decoration:underline;} #cr_qrcode .inner{width:60%;margin:auto;position:relative;} #cr_qrcode .inner svg{width:100%;height:100%;} #cr_qrcode .cntnt_url{width:100%;text-align:center;font-weight:bold;font-size:1.5em;padding:24px 24px 0px 24px;color:black;} #canvasSimpleDiv{width:490px;height:220px;border-width:1px; border-style:solid;cursor:wait;position:relative;} #canvasSimpleDiv canvas{cursor:pointer;} #cr_cv_opleiding .ttl, #cr_inschrijving_left .ttl{padding:12px;color:white;font-weight:bold;margin-bottom:24px;} .cr_list_details{margin-bottom:24px;} .cr_list_details > div{position:relative;margin-bottom:2px;} .cr_list_details > div > label{float:left;display:block;width:240px;padding:12px;box-sizing:border-box;color:black;font-weight:bold;margin-right:24px;font-size:1em;} .cr_list_details > div > span{float:left;display:block;width:calc( 100% - 264px);padding:12px; box-sizing:border-box;} #cr_inschrijving_left .ttl{display:block;text-decoration:none;padding:12px 12px 12px 12px;text-align:center;font-weight:bold;color:black;border:1px solid #dddddd;border-radius:12px;text-transform:uppercase;} #cr_cv_inschrijving > div.ttl{padding:6px 0px;margin-bottom:24px;} #cr_cv_inschrijving > div.ttl h1{margin-bottom:0px;} #cr_cv_inschrijving form{margin:0px;} #cr_cv_inschrijving form .input_group{margin-bottom:3px;position:relative;} #cr_cv_inschrijving form legend{display:block;border-bottom:1px solid #999;margin-bottom:12px;padding:6px 0px;} #cr_cv_inschrijving form .input_group{padding:18px;} #cr_cv_inschrijving form .button_nav{padding:18px;margin-bottom:12px;} #cr_cv_inschrijving form .cbo_group{padding:0px 6px;margin:0 6px 12px 6px;} #cr_cv_inschrijving form .input_group div:last-child{margin-bottom:0px;} #cr_cv_inschrijving form .cbo_group > div{position:relative;} #cr_cv_inschrijving form .cbo_group > div label, #cr_cv_inschrijving form .cbo_group > div input{display:inline-block;} #cr_cv_inschrijving form .cbo_group > div input{margin-right:6px;} #cr_cv_inschrijving form .input_text{padding:0 6px;} #cr_cv_inschrijving form > div:first-child{display:block;} #cr_cv_inschrijving form > div{display:none;} #cr_cv_inschrijving form#frm_inschrijvingopen > div{display:block;} #cr_cv_inschrijving form .input_group > label{padding-left:6px;} #frm_inschrijving .input_button, #frm_inschrijvingopen .input_button{padding:12px 0px;} #cr_cv_inschrijving .input_group .cr_error{margin:0 6px;} .frm_account .cr_error{margin-bottom:12px;} .cr_btns_academiejaar .ttl, .cr_btns_doctype .ttl{font-weight:bold;margin-bottom:12px;text-align:center;} .cr_btns_academiejaar .btns a, .cr_btns_doctype .btns a, .cr_btns_doctype > span{display:block;padding:6px 3px;text-align:center;border-radius:4px;border:1px solid #dce4e9;margin-bottom:6px;} .cr_btns_academiejaar .btns a.green, .cr_btns_doctype .btns a.green{background-color:#c6dfb6;color:black;} .cr_btns_academiejaar .btns a.yellow, .cr_btns_doctype .btns a.yellow{background-color:#fee59e;color:black;} .cr_btns_academiejaar .btns a.orange, .cr_btns_doctype .btns a.orange, .cr_btns_doctype > span{background-color:#f2b187;color:black;} .cr_btns_academiejaar .btns a:hover, .cr_btns_doctype .btns a:hover{text-decoration:none;cursor:default;} .cr_btns_doctype > span{text-decoration:none;cursor:pointer;} .cr_btns_doctype > span:hover #confirm_overlay{position:absolute;top:0px;left:0px;width:100%;background:rgba(0,0,0,0.4);z-index:1000;} #cr_confirm{background:white;width:400px;margin:0 auto;border-radius:12px;padding:24px;position:absolute;top:0px;z-index:1100;text-align:center;left:50%;margin-left:-200px;} #cr_confirm .btn_confirm{display:inline-block;padding:6px 12px;border-radius:4px;color:white;margin:0 6px;cursor:pointer;width:60px;} #cr_confirm .btn_confirm.green{background:green;} #cr_confirm .btn_confirm.red{background:red;} #cr_voorwaarden{position:relative;} /*#cr_voorwaarden ol, #cr_voorwaarden ol ol{counter-reset:item;} #cr_voorwaarden ol li{display:block;} #cr_voorwaarden ol li::before{content: counters(item, ".")".";counter-increment: item;}*/ #cr_voorwaarden ol.first{margin-left:16px;} #cr_voorwaarden li{margin-bottom:12px;position: relative;} #cr_voorwaarden ol.first > li > ul{margin-left:16px;list-style-type:disc;} #cr_voorwaarden ol.first ol{margin-left:32px;position:relative;} div.cr_warning{padding:18px;margin-bottom:36px;position:relative;} div.cr_warning > img{width:12px;height:auto;display:block;float:left;margin-right:24px;} div.cr_warning > div.text{width:calc( 100% - 36px);float:left;display:block;} /*--------------------------------------------------------------*/ /* FORM STYLE 01 */ /*--------------------------------------------------------------*/ #cr_cv_inschrijving form.style01{margin:0px;} #cr_cv_inschrijving form.style01 > div{display:block;} #cr_cv_inschrijving form.style01 .error_indicator{display:inline-block;width:20px;content:'*';text-align:center;font-weight:bold;height:20px;padding:0px;margin-top:2px;margin-left:4px;} #cr_cv_inschrijving form.style01 .error_indicator.error{content:'!';background:#dc3545;color:white;border-radius:12px;font-size:14px;line-height:22px;} #cr_cv_inschrijving form.style01 .error_indicator::before{content:'*';} #cr_cv_inschrijving form.style01 .error_indicator.none::before{content:'';} #cr_cv_inschrijving form.style01 .error_indicator.error::before{content:'!';} .question_indicator{position:relative;display:inline-block;font-size:12px;border-radius:50%;width:20px;height:20px;line-height:20px;background:#cccccc;color:black;text-align:center;cursor:pointer;top:-2px;margin-left:3px;} .question_indicator > span{position:absolute;display:none;padding:24px;font-weight:normal;right:-418px;top:-18px;width:400px;background:#ddd;font-size:14px;line-height:1.5;z-index:10000;text-align:left;} .question_indicator > span > .btn_close{position:absolute; right:12px; font-weight:normal; top:-32px;color:black;font-size:16px;cursor:pointer;z-index:10001;width:24px;background:white;border:1px solid black;padding:0px 6px;} #frm_accountzakelijk .question_indicator{position:absolute;right:0px;top:auto;margin-left:auto;} #cr_cv_inschrijving form.style01 div.inputtext_xsmall{width:100px;} #cr_cv_inschrijving form.style01 div.inputtext_small{width:50%;} #cr_cv_inschrijving form.style01 div.inputtext_normal{width:100%;} #cr_cv_inschrijving form.style01 .inline_labelinput, #cr_cv_inschrijving form.style01 .inline_labelinput2{position:relative;margin-bottom:12px;} #cr_cv_inschrijving form.style01 .inline_labelinput::after, #cr_cv_inschrijving form.style01 .inline_labelinput2::after{content:'';display:block;width:100%;height:0px;line-height:0px;clear:both;} #cr_cv_inschrijving form.style01 .inline_labelinput > div, #cr_cv_inschrijving form.style01 .inline_labelinput2 > div{float:left;width:100%;} #cr_cv_inschrijving form.style01 .inline_labelinput > div:first-child label, #cr_cv_inschrijving form.style01 .inline_labelinput2 > div:first-child label{font-weight:bold;display:inline-block;margin-right:3px;} #cr_cv_inschrijving form.style01 .inline_labelinput input[type="text"]{margin-bottom:0px;padding:6px;background:white;border:1px solid #eff2f5;} #cr_cv_inschrijving form.style01 .rdb_inline, #frm_adminwarnings.style01 .rdb_inline{position:relative;display:inline-block;margin-right:6px;} #frm_adminwarnings.style01 .rdb_inline input{margin-right:3px;} #cr_cv_inschrijving form.style01 .rdb_inline input, #cr_cv_inschrijving form.style01 label, #frm_adminwarnings.style01 .rdb_inline input{display:inline-block;} #cr_cv_inschrijving form.style01 .inline_labelinput .input_seltext select, #cr_cv_inschrijving form.style01 .inline_labelinput .inputseltext input, #cr_cv_inschrijving form.style01 .inline_labelinput2 .input_seltext select, #cr_cv_inschrijving form.style01 .inline_labelinput2 .inputseltext input{display:inline-block;} #cr_cv_inschrijving form.style01 .inline_labelinput .input_smallbig select, #cr_cv_inschrijving form.style01 .inline_labelinput2 .input_smallbig select{width:80px;float:left;margin-right:6px;} #cr_cv_inschrijving form.style01 .inline_labelinput .input_smallbig input, #cr_cv_inschrijving form.style01 .inline_labelinput2 .input_smallbig input{width:calc(100% - 86px);float:left;} #cr_cv_inschrijving form.style01 .inline_labelinput .input_smallbig::after, #cr_cv_inschrijving form.style01 .inline_labelinput2 .input_smallbig::after{content:'';clear:both;display:block;width:100%;height:0px;line-height:0px;} #cr_cv_inschrijving form.style01 .rdb_inline input, .rdb_block input{margin-right:3px;} #cr_cv_inschrijving form.style01 select{width:100%;background-color:transparent;padding:6px;border:1px solid #eff2f5;} #cr_cv_inschrijving form.style01 .cbo_inline{position:relative;margin-bottom:6px;} #cr_cv_inschrijving form.style01 .cbo_inline input{float:left;display:block;margin-right:6px;margin-top:6px;} #cr_cv_inschrijving form.style01 .cbo_inline label{display:inline;} #cr_cv_inschrijving form.style01 .cbo_inline::after{content:'';display:block;width:100%;height:0px;line-height:0px;clear:both;} #cr_cv_inschrijving form.style01 .labelinput > div:first-child label{font-weight:bold;} #cr_cv_inschrijving form.style01 .part.hide{display:none;} #cr_cv_inschrijving form.style01 .part{margin-bottom:12px;} #cr_cv_inschrijving form.style01 .inline_labelinput2 input{margin-bottom:0px;} #cr_cv_inschrijving form.style01 legend{display:block;border-bottom:1px solid #ddd;margin-bottom:12px;padding:6px 0px;font-size:1.125em;} #cr_cv_inschrijving form.style01 .part_endline{width:100%;height:0px;line-height:0px;display:block;border-bottom:1px solid #ddd;margin:24px 0px;} .jumbotron{padding:12px;background-color:#eeeeee;margin-bottom:12px;border-radius:.3rem;height:68px;} #cr_cv_inschrijving form.style01 button.upload{background:#eeeeee;} #cr_cv_inschrijving form.style01 .progress{height:9px;} .frm_account input, .frm_account select{border:0px;width:100%;background:none;} .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .col_2{position:relative;} .col_2 > div{float:left;box-sizing:border-box;} .col_2 > div:first-child{width:62%;padding-right:48px;} .col_2 > div:nth-child(2){width:38%;background-color:#e5e9ed;padding:24px;} .col_2 .txt_label{color:orange;margin-bottom:3px;} .col_2 > div:first-child .txt_value{padding:6px;border:1px solid #ccc;margin-bottom:6px;} .col_2 .txt_value{margin-bottom:6px;} .col_2 .col_2 > div:nth-child(1){padding-right:12px;} .col_2 .col_2 > div:nth-child(2){width:38%;background-color:transparent;padding:0px;} #cr_cv_inschrijving .col_2 > div:first-child, #cr_cv_inschrijving .col_2 > div:nth-child(2){width:100%;} #cr_cv_inschrijving > .col_2 > div:nth-child(2){width:100%;margin-bottom:48px;} @media all and (min-width: 760px) { #cr_cv_inschrijving .col_2>div:first-child{width:62%;} #cr_cv_inschrijving .col_2>div:nth-child(2){width:38%;margin-bottom:0px;} } @media all and (min-width: 1024px) { #cr_cv_inschrijving form.style01 .inline_labelinput > div:first-child{width:200px;text-align:right;} #cr_cv_inschrijving form.style01 .inline_labelinput > div:last-child{width:calc( 100% - 200px );padding-left:24px;} #cr_cv_inschrijving form.style01 .input_button, #cr_cv_inschrijving form.style01 .cr_upload{padding-left:224px;} } #cr_cv_opleiding .ttl{position:relative;} #cr_cv_opleiding .ttl > div{float:left;} #cr_cv_opleiding .ttl > div:first-child{width:calc( 100% - 180px );padding:6px 0;} #cr_cv_opleiding .ttl > div:last-child{width:180px;text-align:right;} #cr_cv_opleiding .ttl::after{content:'';display:block;width:100%;height:0px;line-height:0px;clear:both;} /*--------------------------------------------------------------*/ /* FILE UPLOAD STYLE */ /*--------------------------------------------------------------*/ /*LIST IMAGES SORT*/ /*#upload_files{list-style-type:none;margin:0px;padding:0px;} #upload_files li{display:inline-block;margin:0 3px 3px 0;} #upload_files .cr_img{width:100px;height:100px;position:relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;} #upload_files .cr_img .inner_overlay{position:absolute;height:100%;width:100%;opacity:0;z-index:100;top:0px;left:0px;transition:all 0.4s;background:black;} #upload_files .cr_img .handler{position:absolute;top:0px;left:0px; width:100%;height:100%;z-index:101;display:block;text-align:center;opacity:0;} #upload_files .cr_img .handler div{height:60px;display:block;color:#fff;transition:all 0.4s;line-height:60px;cursor:pointer;opacity:0.6;} #upload_files li:hover .handler{opacity:1;} #upload_files li:hover .inner_overlay{opacity:0.4;} #upload_files .cr_img .handler div:hover{opacity:1;}*/ /*LIST FILES*/ #upload_files_1, #upload_files_2{list-style-type:none;margin:0px;padding:0px;} #upload_files_1 li, #upload_files_2 li{display:block;margin:0 0 1px 0;position:relative;} #upload_files_1 table, #upload_files_2 table{width:100%;border-collapse:collapse;} #upload_files_1 .cr_row, #upload_files_2 .cr_row{background:#e3e3e3;border-radius:8px;} #upload_files_1 table td, #upload_files_2 table td{verical-align:middle;} #upload_files_1 table td:nth-of-type(1), #upload_files_2 table td:nth-of-type(1){width:36px;height:36px;} #upload_files_1 table td:nth-of-type(2), #upload_files_2 table td:nth-of-type(2){box-sizing:border-box;} #upload_files_1 table td:nth-of-type(3), #upload_files_2 table td:nth-of-type(3){width:36px;} #upload_files_1 table td .cr_img, #upload_files_2 table td .cr_img{width:36px;height:36px;position:relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;} #upload_files_1 .cr_btn, #upload_files_2 .cr_btn{width:36px;} #upload_files_1 .cr_txt, #upload_files_2 .cr_txt{text-align:left;padding:0 12px;} #cr_input_files td, #cr_files td{font-size:14px;} #cr_input_files td:first-of-type, #cr_files td:first-of-type{width:36px;padding-right:0px;} #cr_input_files td:last-of-type, #cr_files td:last-of-type{width:36px;padding-left:0px;} #cr_input_files .cr_img, #cr_files .cr_img{width:36px;height:36px;} #cr_input_files tr{background:#f3f3f3;margin-bottom:1px;} .jumbotron .cr_row{padding:6px 6px; position:relative;} .jumbotron .cr_row .cr_txt{word-break: break-all;overflow:visible;line-height:1.125;} #frm_inschrijving .jumbotron .cr_row button.btn-danger{background:#dc3545;border-color:#dc3545;color:white;} #frm_inschrijvingopen .jumbotron .cr_row button.btn-danger{background:#dc3545;border-color:#dc3545;color:white;} /*-------------------------------------*/ /* FILTER SECTION */ /*-------------------------------------*/ #cr_selected_filters .ttl{margin-bottom:3px;} #cr_selected_filters .filters .filter{display:inline-block;padding:6px;position:relative;background:#f6f6f6;font-size:0.875em;line-height:18px;margin:0px 3px 3px 0px;} #cr_selected_filters .filters .filter .btn_close{display:inline-block;margin-left:6px;line-height:18px;position:relative;cursor:pointer;} #cr_selected_filters .filters .filter .btn_close img{width:12px;display:inline-block;margin-top:-2px;} /*-------------------------------------*/ /* FLEX */ /*-------------------------------------*/ #cr_navmobile ul, .cr_flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex_parent_square, .flex_image, .cr_flex{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; flex:1 0 auto; -ms-flex-align: start; -webkit-align-items: flex-start; -webkit-box-align: start; align-items: flex-start; position:relative; } #cr_partners .partner{ width:94%; position:relative; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; margin:0 3% 48px 3%; } .flex_parent_square .square img{width:100%;} .flexbox_center, #list_referenties li div a, #cr_roulette .list ul li div a{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align:center; -webkit-justify-content: center; justify-content: center; } /*----------------------------------*/ /* STYLE FORM */ /*----------------------------------*/ form{display:block;position:relative;margin-bottom:24px;padding-bottom:24px;} #frm_enatom{margin:0px;padding:0px;} #cr_searchtime form{margin-bottom:0px;padding-bottom:0px;} form#frm_periode{margin-bottom:0px;padding-bottom:0px;} #frm_search{padding-bottom:0px;margin-bottom:0px;} label.block{display:block;margin-bottom:6px;} label.uc{text-transform:uppercase;} label{font-size:0.875em;} input[type=text], textarea, input[type=password]{padding:6px;width:100%;box-sizing: border-box;margin-bottom:12px;} input[type=submit], input[type=button]{border:0px;padding:12px 48px;transition:all 0.2s ease-out;width:auto;box-sizing:border-box;border-radius:3px;} #frm_forgotlogin input[type=submit]{margin-bottom:6px;display:inline-block;} input[type=submit].block{display:block;} div.cr_input{margin-bottom:12px;} form .last{margin-bottom:24px;} /*input[name=btn_cancel]{opacity:0.7;transition:all 0.2s ease-out;}*/ input[name=btn_cancel]:hover{opacity:1;} #frm_search input[type=text]{display:inline-block;width:calc( 100% - 40px );margin-bottom:0px;border:0px;line-height:24px;} #frm_search button{width:36px;height:36px;border:0px;padding:0px;opacity:0.5;box-sizing:border-box;position:relative;position:absolute;right:0px;top:0px;} #frm_search button img{height:16px;display:block;margin:10px;} #frm_periode button{width:28px;height:28px;border:0px;padding:0px;opacity:1;box-sizing:border-box;position:relative;border-radius:6px;display:inline-block;overflow:hidden;} #frm_periode button img{height:14px;display:block;margin:0 auto;} #frm_periode select[name="sel_locatie"]{margin-right:6px;padding:6px;border-radius:4px;background:white;border:1px solid #eff2f5;width:96px;} form.cr_cntnt_split input[type=submit]{padding:6px 3px;line-height:24px;display:inline-block;text-transform:capitalize;border-radius:6px;width:110px;text-decoration:none;} .shadowbox input[type="checkbox"]{} #cr_cv_form{display:none;} .cr_cv_form, .cr_cv_wachtlijst{margin-bottom:24px;background:#f1f1f1;height:0px;overflow:hidden;padding:0px;box-sizing:border-box;position:relative;} #cr_cv_form form, .cr_cv_wachtlijst form{display:block;margin:0px 24px 24px 24px; } #frm_gdpr{display:block;margin:0px;width:100%;} #cr_cv_form .cntnt_form, .cr_cv_wachtlijst .cntnt_form, #cr_frm_gdpr .cntnt_form{padding:0px;} #cr_cv_form label, .cr_cv_wachtlijst label, #frm_gdpr label{display:block;} #cr_cv_form label.label_inline, .cr_cv_wachtlijst label.label_inline, #frm_gdpr label.label_inline{display:inline;margin-left:3px;} #cr_cv_form label.big, .cr_cv_wachtlijst label.big, #frm_gdpr label.big{font-weight:700;margin-bottom:3px;} #cr_cv_form label.small, .cr_cv_wachtlijst label.small, #frm_gdpr label.small{font-size:0.875em;margin-bottom:0px;} #cr_cv_form p{font-size:0.875em;} #cr_cv_kalenderlist .cr_cv_form input[type=text], #cr_cv_form select, .cr_cv_wachtlijst input[type=text], #frm_gdpr input[type=text], #frm_gdpr select{padding:6px 4px;background:white;border-width:1px; border-style:solid;box-sizing:border-box;width:100%;margin-bottom:12px;} .cr_cv_wachtlijst textarea{padding:6px 4px;background:white;border:1px solid #65c4af;box-sizing:border-box;width:100%;resize:vertical;font-size:0.875em;} .cr_cv_wachtlijst input[type=text]{border:1px solid #65c4af;font-size:0.875em;} #cr_cv_kalenderlist .cr_cv_form input[type=text].input_error, #cr_cv_kalenderlist .cr_cv_form select.input_error, #cr_cv_kalenderlist .cr_cv_wachtlijst input[type=text].input_error, #cr_cv_kalenderlist .cr_cv_wachtlijst textarea.input_error, #frm_gdpr input[type=text].input_error, #frm_inschrijving input.input_error, #frm_inschrijving textarea.input_error, #frm_inschrijvingopen input.input_error, #frm_inschrijvingopen textarea.input_error{background:red;border:1px solid red;color:white;} .cbo_group.input_error, .cbo_group.input_error a{background:red;color:white;} #cr_cv_form input.small, .cr_cv_wachtlijst input.small, #frm_gdpr input.small{width:120px;} #cr_cv_form .cr_input_inline, #cr_cv_form .cr_input, #cr_cv_form .cr_input_full, .cr_cv_wachtlijst .cr_input_inline, .cr_cv_wachtlijst .cr_input, .cr_cv_wachtlijst .cr_input_full, .cr_cv_wachtlijst .cr_input_inline, #frm_gdpr .cr_input_inline, #frm_gdpr .cr_input, #frm_gdpr .cr_input_full{position:relative;margin-bottom:9px;} #cr_cv_form .cr_input_inline::after, .cr_cv_wachtlijst .cr_input_inline::after, #frm_gdpr .cr_input_inline::after{content:'';display:block;height:0px;overflow:hidden;clear:both;} #cr_cv_form .cr_input_inline div, .cr_cv_wachtlijst .cr_input_inline div, #frm_gdpr .cr_input_inline div{width:100%;box-sizing:border-box;display:block;position:relative;overflow:hidden;} #cr_cv_form .cr_input_inline div:nth-of-type(1), #cr_cv_form .cr_input_inline div:nth-child(4), #cr_cv_form .cr_input_inline div:nth-child(6), .cr_cv_wachtlijst .cr_input_inline div:nth-child(2), #frm_gdpr .cr_input_inline div:nth-child(2){margin-right:1%;} #cr_cv_form .cr_input, .cr_cv_wachtlijst .cr_input, #frm_gdpr .cr_input{width:100%;box-sizing:border-box;display:block;position:relative;overflow:hidden;} .cr_cv_wachtlijst .cr_input{width:100%;box-sizing:border-box;} #cr_cv_form input[type=submit], .cr_cv_wachtlijst input[type=submit], #frm_gdpr input[type=submit]{border:0px;color:white;text-transform:uppercase;cursor:pointer;transition:all 0.2s ease-out;font-size:1em;} .shadowbox input[type="submit"]{color:#737373;} .cr_cv_wachtlijst .cr_btn_send{margin-top:24px;text-align:center;} .cr_cv_wachtlijst input[type=submit]{background-color:#65c4af;display:block;} #cr_cv_form .cr_input_hidden, #frm_gdpr .cr_input_hidden{height:0px; overflow:hidden;} #cr_cv_form .cr_formerror, .cr_cv_wachtlijst .cr_formerror, #frm_gdpr .cr_formerror{color:red;position:relative;font-style:italic;font-weight:700;} .cr_cv_wachtlijst .cr_formerror{text-align:left;} #cr_cv_form .cr_formerror div, .cr_cv_wachtlijst .cr_formerror div, #frm_gdpr .cr_formerror div{margin:24px 0;} .cr_cv_wachtlijst{margin-bottom:24px;height:0px;overflow:hidden;padding:0px;box-sizing:border-box;position:relative;font-size:1em;} #cr_cv_form .cv_part{margin-bottom:24px;} #cr_cv_form form select.small{width:54px;display:inline-block;margin-right:0px;margin-bottom:12px;padding-left:2px;padding-right:2px;text-align:center;} .deelnemer_item{padding:24px;margin-bottom:6px;position:relative;} .btn_add_deelnemer{position:relative;color:#666666;cursor:pointer;padding:9px 12px;width:auto;display:inline-block;margin-top:12px;} .btn_add_deelnemer img{height:18px;display:inline-block;margin-right:6px;} label.ttl{font-weight:700;display:block;margin-bottom:6px;} .cr_btn_send, .cr_btn_cancel{display:inline-block;margin-right:6px;} .btn_close_deelnemer{position:absolute;right:12px;cursor:pointer;width:18px;height:18px;background:url('/img/icon_close.png') no-repeat center center;background-size:cover;z-index:100000;} #cr_form div.shadowbox{width:calc(100% - 48px);position:relative;margin:0 24px 48px 24px;height:444px} #cr_form div.text{padding:36px 24px;width:calc( 100% );position:relative;} #cr_form div.text .cr_img{display:none;} #cr_form::after{content:'';display:block;float:none;clear:both;height:0px;line-height:0px;} @media all and (min-width: 800px) { #cr_form div.shadowbox{width:280px;float:right;margin:0px;} #cr_form div.text{padding:36px 48px 36px 0px;width:calc( 100% - 280px );} #cr_form::after{content:'';display:block;float:none;clear:both;height:0px;line-height:0px;margin-bottom:48px;} #cr_form div.text .cr_img{float:right;display:block;height:444px;width:180px;overflow:hidden; margin:-36px -48px 24px 24px;text-align:center;} #cr_form div.text .cr_img img{height:100%;display:inline-block;margin-left:-113px;} } @media all and (min-width: 1024px) { #cr_form div.text .cr_img{float:right;display:block;height:444px;width:240px;overflow:hidden; margin:-36px -48px 24px 24px;text-align:center;} #cr_form div.text .cr_img img{height:100%;display:inline-block;margin-left:-86px;} } #frm_inschrijving button, #frm_inschrijvingopen button{padding:6px 12px; border:0px;line-height:24px;border-radius:6px;background:#ccc;} #frm_inschrijving button[name="btn_add"], #frm_inschrijvingopen button[name="btn_add"]{display:block;width:100%;} #cr_list_deelnemers .deelnemer{position:relative;} #cr_list_deelnemers .deelnemer .btn_close{cursor:pointer;position:absolute;right:18px;top:22px;width:24px;height:24px;background-image:url('../img/icon_close2.png');background-repeat:no-repeat;background-position:center center;background-size:24px auto;opacity:0.4;} #cr_list_deelnemers .deelnemer .btn_close:hover{opacity:1;} #cr_list_deelnemers .deelnemer:first-child .btn_close{display:none;} /*----------------------------------------------------------*/ /* NAVIGATION */ /*----------------------------------------------------------*/ #cr_langlogin{position:relative;} #cr_langlogin a#btn_lang_logout{width:auto;text-decoration:underline;} #cr_langlogin a#btn_lang_logout span{text-decoration:underline;display:inline-block;} #cr_langlogin a#btn_lang_logout>img{height:14px;display:inline-block;margin-right:6px;} #cr_navmobile{padding:24px;z-index:101;height:auto;position:relative;} #cr_navmobile>a{display:inline-block;height:84px;position:relative;} #cr_navmobile>a img{height:100%;} #cr_navmobile ul li a{padding:3px 0;display:inline-block;text-transform:uppercase;text-decoration:none;} #cr_navmobile ul li a.active{font-weight:600;} #cr_navmobile ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;justify-content:center;align-items: center;list-style-type: none;width: 100%;height: 100%;padding: 0;overflow: auto;z-index: 1100;top: 0;left: -100%;opacity: 0;margin:0;position:fixed;background-color:#283d3b;} #cr_navmobile ul.open{opacity:1;left:0;transition: opacity 0.3s ease;} #cr_navmobile ul li{opacity:0;transition:all 0.3s ease;text-align:left;margin:0 0 12px 0;} #cr_navmobile ul.open li{text-align:center;opacity:1;} #cr_navmobile ul li:nth-child(2){transition-delay:0.15s;} #cr_navmobile ul li:nth-child(3){transition-delay:0.3s;} #cr_navmobile ul li:nth-child(4){transition-delay:0.45s;} #cr_navmobile ul li:nth-child(5){transition-delay:0.6s;} #cr_navmain, #cr_navleft, #cr_navright, #nav_handler, #slidenav{display:none;} #cr_subnav{margin:0 0 48px 0;} #cr_subnav br{display:none;} #cr_subnav span{display:inline-block;color:#e7d5c2;margin:0 12px 0 12px;} /*#cr_nav_top > div{position:relative;padding:36px 0;text-align:center;} #cr_nav_top > div a{text-decoration:none;cursor:pointer;} #cr_nav_top > div img{height:48px;} #cr_nav_top nav ul{position:relative;width:100%;list-style-type:none;} #cr_nav_top nav ul li{margin:0px;padding:0px;display:inline-block;text-align:center;width:calc( 25% - 1px);box-sizing:border-box;border-right-width:1px;border-right-style:solid;border-right-color:white;margin-bottom:1px;position:relative;transition:all 0.2s ease-out;} #cr_nav_top nav ul li:nth-of-type(4){border-right-width:0px;width:25%;} #cr_nav_top nav ul ::after{content:'';height:0px;line-height:0px;clear:both;display:block;} #cr_nav_top nav ul li a{display:block;padding:12px;font-size:12px;line-height:16px;text-decoration:none;font-weight:700;opacity:0.3;transition:all 0.2s ease-out;margin:0px;} #cr_nav_top nav ul li a:hover, #cr_nav_top ul li.active a{opacity:0.5;} #cr_nav_top nav ul li a span, #cr_nav_top nav ul li a img{display:block;} #cr_nav_top nav ul li a img{width:24px;margin:0 auto 3px auto;}*/ /*-----------NAV TOP--------------------*/ #cr_nav_top{position:relative; height:auto; margin-bottom:24px; padding:24px 24px;} #cr_nav_top nav{position:relative;float:right;margin:12px 0 0 0;margin-top:1px;width:100%;} #cr_nav_top nav ul{position:relative;width:100%;list-style-type:none;margin-top:0px;margin-bottom:20px;} #cr_nav_top nav ul li{margin:0px 0px 1px 1px;padding:0px;display:block;float:left;text-align:center;width:calc( 33.3333% - 1px);box-sizing:border-box;position:relative;transition:all 0.2s ease-out;} #cr_nav_top nav ul.listnav_account>li:first-child #nav_account a{display:inline-block; font-weight:normal;margin-right:18px;text-decoration:none;} #cr_nav_top nav ul.listnav_account>li:first-child #nav_account a:last-of-type{margin-right:0px;} #cr_nav_top nav ul.listnav_account>li:first-child #nav_account a.active{font-weight:bold;} #cr_nav_top nav ul.listnav_account>li:first-child #nav_account a:hover{text-decoration:underline;} #cr_nav_top nav ul.listnav_account>li:first-child{margin:0px;width:calc(100%);position:relative;background:none;} #cr_nav_top nav ul.listnav_account>li:first-child a{display:inline-block;margin-right:24px;text-decoration:none;font-size:1em;height:auto;opacity:1;line-height:1.5;padding:3px 0px;font-weight:normal;} #cr_nav_top nav .listnav_account li{margin:0px 0px 0px 0px;padding:0px;display:block;float:left;text-align:center;width:calc( 100% );box-sizing:border-box;position:relative;transition:all 0.2s ease-out;} #cr_nav_top nav .listnav_account li #nav_account{text-align:center;} #cr_nav_top nav .listnav_account li:nth-of-type(2){position:absolute;width:120px;top:-100px;right:48px;text-align:center;} #cr_nav_top nav .listnav_account li:nth-of-type(2) a{display:block;margin:0 0px 0 auto;} #cr_nav_top nav ul li:first-child{margin-left:0px;} #cr_nav_top nav ul ::after{content:'';height:0px;line-height:0px;clear:both;display:block;} #cr_nav_top nav ul li a{display:block;padding:12px 3px;font-size:14px;line-height:18px;height:80px;text-decoration:none;font-weight:700;transition:all 0.2s ease-out;margin:0px;box-sizing:border-box;} #cr_nav_top nav ul li a:hover, #cr_nav_top ul li.active a{opacity:1;} #cr_nav_top nav ul li a span, #cr_nav_top nav ul li a img{display:block;} #cr_nav_top nav ul li a img{width:30px;margin:0 auto 9px auto;} #cr_nav_top nav ul li a.btn_enatom img{width:44px;margin:0 auto 0px auto;} #cr_nav_top #logo{position:relative;top:0px;left:0px;height:120px;width:120px;display:block;margin-bottom:12px;text-align:left;} #logofooter{position:relative;top:0px;left:0px;height:120px;width:120px;display:block;margin-bottom:0px;text-align:left;} #cr_nav_top #logo img, #logofooter img{height:100%;} #cr_nav_top nav ul li a.btn_logout{border:1px solid #F58721;width:168px;background:#F58721;border-radius:4px;} #cr_nav_top nav ul li a.btn_enatom{border:1px solid #ffffff;width:168px;background:#ffffff;border-radius:4px;color:#3b3b3d;} #cr_nav_top nav ul li a.btn_logout img, #cr_nav_top nav ul li a.btn_enatom img{opacity:1;} @media all and (min-width: 768px) { #cr_nav_top #logo{position:relative;top:0px;height:120px;width:100%;display:block;margin-bottom:12px;} #cr_nav_top{padding:48px;margin-bottom:48px;} .cntnt{padding:0px 48px;} #cr_nav_top #logo{top:0px;left:0px;height:120px;width:120px;float:left;display:block;margin-bottom:0px;text-align:left;margin-right:calc(22% - 120px);} #logofooter{top:0px;left:0px;height:120px;width:120px;float:left;display:block;margin-bottom:0px;text-align:left;} #cr_nav_top nav .listnav_account li{width:calc( 33.3333% - 1px);margin:0px 0px 1px 1px;} #cr_nav_top nav ul.listnav_account>li:first-child{margin:0px;width:calc(100% - 34%);position:relative;background:none;} #cr_nav_top nav .listnav_account li:nth-of-type(2){position:relative;width:calc( 33.3333% - 1px);top:0px;right:0px;} #cr_nav_top nav .listnav_account li #nav_account{text-align:left;} #cr_nav_top nav ul li a{padding:16px 3px;height:88px;} } @media all and (min-width: 920px) { #cr_nav_top{padding:48px;} .cntnt{padding:0px 48px;} #cr_nav_top #logo{top:0px;left:0px;height:120px;width:120px;float:left;display:block;margin-bottom:0px;text-align:left;margin-right:calc(22% - 120px);} #logofooter{top:0px;left:0px;height:120px;width:120px;float:left;display:block;margin-bottom:0px;text-align:left;} } @media all and (min-width: 768px) and (max-width: 1199px) { #cr_nav_top{padding:48px;} .cntnt{padding:0px 48px;} #cr_nav_top nav{width:calc( 76% - 26px );margin:0px 0 0 0;} } @media all and (min-width:1200px){ #cr_nav_top{padding:48px 50px;} .cntnt{padding:0px 48px;} #cr_nav_top nav{width:calc( 78% - 48px );margin:0px 0px 0 0;} } /*-----------END NAV TOP---------------------------*/ #cv_bottom_nav{margin-bottom:24px;} #cv_bottom_nav #cr_pages ul li{display:inline;box-sizing:border-box;} #cv_bottom_nav #cr_pages ul li:first-of-type a{border-top-left-radius:4px;border-bottom-left-radius:4px;} #cv_bottom_nav #cr_pages ul li:last-of-type a{border-top-right-radius:4px;border-bottom-right-radius:4px;} #cv_bottom_nav #cr_pages ul li a{padding:6px 12px;border-width:1px;border-style:solid;position:relative;text-decoration:none;float:left;margin-left:-1px;display:block;} #cv_bottom_nav #cr_pages ul li.active a{border-width:1px;border-style:solid;} #cr_oplsoortbtns{width:calc( 100% - 48px );margin:12px 24px;position:relative;height:auto;box-sizing:content-box;} #cr_cv_nav, #cr_cv_sel_oplsrt{position:relative;padding:0px;height:0px;overflow:hidden;} #cr_cv_nav{height:36px;padding:0px;} #cr_cv_nav .cv_nav_item, #cr_cv_sel_oplsrt .cv_nav_item{display:block;position:absolute;top:0px;width:calc( 100% - 38px );margin-bottom:1px;margin-right:1px;padding:8px 12px;transition:background 0.2s ease-out;font-weight:700;box-sizing:border-box;text-decoration:none;opacity:1;} #cr_cv_nav .cv_nav_item div, #cr_cv_sel_oplsrt .cv_nav_item div{line-height:20px;height:20px;overflow:hidden;display:block;padding:0px;cursor:pointer;} #cr_cv_nav .cr_btns div.cv_nav_item.active{z-index:+3;} #cr_cv_sel_oplsrt .cr_btns div.cv_nav_item.active{z-index:+3;} #cr_cv_nav .info, #cr_cv_sel_oplsrt .info{display:none;} #cr_cv_nav .cv_nav_item, #cr_cv_sel_oplsrt .cv_nav_item{box-sizing:border-box;border-top:1px solid #ffffff;} #cr_cv_nav .infoitem{z-index:+1;opacity:1;} #cr_cv_sel_oplsrt .infoitem{z-index:+1;opacity:1;} #cr_cv_nav .btn_down, #cr_cv_sel_oplsrt .btn_down{padding:10px;float:right;position:absolute;right:0px;top:0px;cursor:pointer;border-top:1px solid #ffffff;opacity:0.5;height:36px;width:36px;line-height:16px;} #cr_cv_sel_oplsrt .btn_down{z-index:+1;} #cr_cv_nav .btn_down:hover, #cr_cv_sel_oplsrt .btn_down:hover{opacity:0.7;} #cr_btns_account{margin-bottom:36px;} /*----------------------------------------------------------*/ /* BUTTONS . */ /*----------------------------------------------------------*/ a.cv_btn_factuur, a.cv_btn_overgeschreven, .cv_btn_enatom{cursor:pointer;} div.cv_btn_factuur, div.cv_btn_overgeschreven{cursor:default;} /*.cv_btn_inschrijven, .cv_btn_data a, .cv_btn_qr, .create_qr{padding:6px 12px;line-height:24px;display:inline-block;text-transform:capitalize;}*/ /*.cv_btn_inschrijven span, .cv_btn_data a span, .cv_btn_qr span, .create_qr span{display:inline-block;line-height:24px;}*/ /*.cv_btn_inschrijven img, .cv_btn_data a img, .cv_btn_qr img, .create_qr img{display:none;}*/ .cv_btn_inschrijven, .cv_btn_overgeschreven, .cv_btn_factuur, .cv_btn_enatom{padding:6px 3px;line-height:24px;display:inline-block;border-radius:6px;width:110px;text-decoration:none;} .cv_btn_overgeschreven, .cv_btn_factuur, .cv_btn_inschrijven, .cv_btn_enatom{width:auto;} .cv_btn_inschrijven:hover, .cv_btn_overgeschreven:hover, .cv_btn_factuur:hover{text-decoration:none;} .cv_btn_inschrijven span, .cv_btn_overgeschreven span, .cv_btn_factuur span{display:block;line-height:24px;text-align:center;} .cv_btn_inschrijven img, .cv_btn_overgeschreven img, .cv_btn_factuur img{display:none;} #btn_wis_handtekening{padding:6px 8px;line-height:12px;display:inline-block;text-transform:capitalize;font-size:0.75em;cursor:pointer;} .buttons button, .buttons .cbo_inline{display:inline-block;} .buttons .cbo_inline{margin-left:12px;} #cr_btns_account > a{display:block;text-align:left;padding:9px 16px;border-radius:4px;border:0px solid #cad6dd;text-decoration:none;margin-bottom:6px;font-weight:bold;} .cv_btn_factuur, .cv_btn_inschrijven, .cv_btn_enatom{width:auto;padding:6px 9px;} a.btn_socialmedia{position:relative;width:36px;height:36px;display:inline-block;margin-right:6px;} a.btn_socialmedia img{width:100%;} .btn_academiejaar, .btn_documenttype{cursor:pointer;opacity:0.5;text-decoration:underline;} .btn_academiejaar.active, .btn_documenttype.active, .btn_documenttype:hover{opacity:1;} @media all and (min-width: 1024px) { .cv_btn_factuur, .cv_btn_inschrijven{width:150px;} } /*----------------------------------*/ /* TEXT */ /*----------------------------------*/ h1{font-family: 'canada-type-gibson', sans-serif; font-weight:400;} h1{font-size:2em;line-height:1.125;text-transform:uppercase;margin-top:0px;margin-bottom:0.6em;} .bg h1{font-size:1.625em;} h1 a{text-decoration:none;} h2{font-family: 'canada-type-gibson', sans-serif;font-size:1.325em;line-height:1.15;text-transform:uppercase;margin-top:0px;margin-bottom:0.6em;} h2.style1{text-transform:none;font-weight:700;} h3{font-family: 'canada-type-gibson', sans-serif;font-size:1.25em;line-height:1.14;margin-top:0px;margin-bottom:0.6em;font-weight:700;} h4{font-family: 'canada-type-gibson', sans-serif;font-size:1em;line-height:1.111;text-transform:uppercase;font-weight:700;margin-top:0px;margin-bottom:0.6em;} p{display:block;margin-bottom:1em;} p, a{font-size:1em;line-height:1.375;font-weight:400;} a, .list_inline li{font-weight:400;} .list li, .list p, .list a{font-weight:400;} p.big{font-size:1.125em;} p.info{font-style:italic;line-height:1.25;font-size:0.875em;} p strong{font-weight:700;} p.last{margin-bottom:0px;} .underline{text-decoration:underline;} #cr_selected_filters .ttl{font-size:0.875em;font-weight:bold;} #cr_selected_filters{font-size:0.875em;} #cr_akkoord a{text-decoration:underline;} /*----------------------------------*/ /* POPUP */ /*----------------------------------*/ #cr_popup{ padding:48px 24px 48px 24px; width:280px; margin:auto calc( 50% - 140px ); position:fixed; z-index:10000; -moz-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.2); top:calc( 33% - 24px ); margin-top:-200px; text-align:center; font-size:1.125em; transition:all 0.3s ease-out; border-radius:24px; background:red; color:white; } #cr_popup{transform:scale(0);opacity:0;} #cr_popup.open{transform:scale(1);opacity:1;} #cr_popup p a, #cr_popup a{color:white;text-decoration:underline;} #cr_popup .btn_close{width:48px;height:48px;background-image:url('../img/icon_close_white.svg');background-repeat:no-repeat;background-size:18px auto;background-position:center center;position:absolute;right:0px; top:0px;cursor:pointer;transition:all 0.2s ease-out;} #cr_popup .btn_close:hover{transform: rotate(-90deg);} #cr_popup input[type="checkbox"]{border:0px;display:inline-block;margin-right:3px;background:white; } #cr_popup label{color:white;font-style:italic;line-height:18px;display:block;font-weight:bold;} #cr_popup span.customcheckbox{width:18px;height:18px;background:white;cursor:pointer;display:inline-block;margin-bottom:0px;} #cr_popup span.customcheckbox.active{background:#fff url('../img/icon_check.png') no-repeat center center;background-size:12px auto;} @media all and (min-width: 480px) { #cr_popup{ width:400px; margin:auto calc( 50% - 200px ); } } @media all and (min-width: 768px) { #cr_popup{ width:560px; margin:auto calc( 50% - 280px ); } } /*----------------------------------*/ /* kalenderlist ACCOUNT */ /*----------------------------------*/ #cr_cv_kalenderlist_account{position:relative;margin-bottom:48px;} #cr_cv_kalenderlist_account table{width:100%;} #cr_cv_kalenderlist_account table th{border-width:1px;border-style:solid;padding:12px;display:none;} #cr_cv_kalenderlist_account table th:first-child{text-align:left;display:table-cell;width:100%;} #cr_cv_kalenderlist_account table td{width:100%;display:block;padding:0px 12px;box-sizing:border-box;} #cr_cv_kalenderlist_account table td:first-child{padding:12px;font-weight:bold;} #cr_cv_kalenderlist_account table td:last-child{padding:12px 12px;} #cr_cv_kalenderlist_account table td a{text-decoration:underline;} #cr_cv_kalenderlist_account table td.last a{text-decoration:none;} #cr_cv_kalenderlist_account table td.last a.underline{text-decoration:underline;} #cr_cv_kalenderlist_account table tr.noborder td{border:0px solid transparent;} @media all and (min-width: 1024px) { #cr_cv_kalenderlist_account table{font-size:0.875em;} #cr_cv_kalenderlist_account table th{text-align:center;padding:12px;display:table-cell;width:auto;} #cr_cv_kalenderlist_account table th:first-child{text-align:left;} #cr_cv_kalenderlist_account table th > span{display:block;margin:0 auto;} #cr_cv_kalenderlist_account table th > span.blocksmall{width:72px;} #cr_cv_kalenderlist_account table th > span.blockmedium{width:90px;} #cr_cv_kalenderlist_account table th > span.blocklarge{width:180px;} #cr_cv_kalenderlist_account table td, #cr_cv_kalenderlist_account th{display:table-cell;} #cr_cv_kalenderlist_account table td{width:auto;padding:6px 3px;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:0px;border-style:solid;text-align:center;} #cr_cv_kalenderlist_account table tr.noborder td{border:0px solid transparent;} #cr_cv_kalenderlist_account table tr.data>td{border-bottom-width:0px;} #cr_cv_kalenderlist_account table tr td:nth-child(4){margin-bottom:0px;} #cr_cv_kalenderlist_account table tr div.inhoud .ttl{border-bottom-width:0px;margin:0px 0 12px 0;} /*#cr_cv_kalenderlist_account table td{text-align:center;padding:6px 3px;}*/ #cr_cv_kalenderlist_account table td:nth-of-type(1){text-align:left;} /*#cr_cv_kalenderlist_account table th, #cr_cv_kalenderlist table th{text-align:center;padding:12px;} #cr_cv_kalenderlist_account table th:first-child, #cr_cv_kalenderlist table th:first-child{text-align:left;} #cr_cv_kalenderlist_account table th > span, #cr_cv_kalenderlist table th > span{display:block;margin:0 auto;} #cr_cv_kalenderlist_account table th > span.blocksmall, #cr_cv_kalenderlist table th > span.blocksmall{width:72px;} #cr_cv_kalenderlist_account table th > span.blockmedium, #cr_cv_kalenderlist table th > span.blockmedium{width:120px;}*/ } /*----------------------------------*/ /* kalenderlist ACCOUNT */ /*----------------------------------*/ #cr_cv_kalenderlist{position:relative;margin-bottom:48px;} #cr_cv_kalenderlist table{width:100%;} #cr_cv_kalenderlist table th{border-width:1px;border-style:solid;padding:12px;display:none;} #cr_cv_kalenderlist table th:first-child{text-align:left;display:table-cell;width:100%;} #cr_cv_kalenderlist table td{width:100%;display:block;padding:0px 12px;box-sizing:border-box;} #cr_cv_kalenderlist table td:first-child{padding:12px;font-weight:bold;} #cr_cv_kalenderlist table td:last-child{padding:12px 12px;} #cr_cv_kalenderlist table td a{text-decoration:underline;} #cr_cv_kalenderlist table td.last a{text-decoration:none;} @media all and (min-width: 1024px) { #cr_cv_kalenderlist table{font-size:0.875em;} #cr_cv_kalenderlist table th{text-align:center;padding:12px;display:table-cell;width:auto;} #cr_cv_kalenderlist table th:first-child{text-align:left;} #cr_cv_kalenderlist table th > span{display:block;margin:0 auto;} #cr_cv_kalenderlist table th > span.blocksmall{width:72px;} #cr_cv_kalenderlist table th > span.blockmedium{width:90px;} #cr_cv_kalenderlist table td, #cr_cv_kalenderlist_account th{display:table-cell;} #cr_cv_kalenderlist table td{width:auto;padding:6px 3px;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:0px;border-style:solid;text-align:center;} #cr_cv_kalenderlist table tr.data>td{border-bottom-width:0px;} #cr_cv_kalenderlist table tr td:nth-child(4){margin-bottom:0px;} #cr_cv_kalenderlist table tr div.inhoud .ttl{border-bottom-width:0px;margin:0px 0 12px 0;} #cr_cv_kalenderlist table td:nth-of-type(1){text-align:left;} } /*----------------------------------*/ /* MEDIA QUERIES */ /*----------------------------------*/ @media all and (min-width: 768px) { #cr_cntnt{padding:0 48px;} } @media all and (max-width: 967px) { #cr_cntnt .cntnt{padding:0px;} #cr_btns_search, #cr_btns_search nav{margin-bottom:24px;} .cr_list_details > div > label{display:block;width:100%;} .cr_list_details > div > span{display:block;width:100%;} #cr_cv_onderdelenlist table{position:relative;width:100%;} #cr_cv_onderdelenlist table th:nth-child(1){display:block;text-align:left;} #cr_cv_onderdelenlist table th:nth-child(2), #cr_cv_onderdelenlist table th:nth-child(3), #cr_cv_onderdelenlist table th:nth-child(4), #cr_cv_onderdelenlist table th:nth-child(5){display:none;} #cr_cv_onderdelenlist table tr td, #cr_cv_onderdelenlist table tr td:first-child{display:block;width:100%;text-align:left;border-bottom-width:0px;padding:0px 12px;} #cr_cv_onderdelenlist table tr td:first-child{font-weight:bold;padding:12px;} #cr_cv_onderdelenlist table tr td:last-child{margin-bottom:12px;} #cr_cv_onderdelenlist table tr{border-bottom:1px solid #eee;} #cr_cv_onderdelenlist table td:nth-of-type(2)::before{content:'Datum: '; display:inline-block;margin-right:6px;} #cr_cv_onderdelenlist table td:nth-of-type(3)::before{content:'Startuur: '; display:inline-block;margin-right:6px;} #cr_cv_onderdelenlist table td:nth-of-type(4)::before{content:'Einduur: '; display:inline-block;margin-right:6px;} #cr_cv_onderdelenlist table td:nth-of-type(5)::before{content:'Locatie: '; display:inline-block;margin-right:6px;} #cr_listonderdelen .ta_right{text-align:left;margin-bottom:24px;} } @media all and (min-width: 480px) and (max-width: 767px){ #cr_nav_top_blinc nav ul li a{font-size:0.75em;} } @media all and (min-width: 960px) and (max-width: 1199px) { .l, .cv_l{float:left;width:24%;} .r, .cv_r{float:right;width:76%;} #nav_account{width:100%;text-align:left;} #nav_account > a{margin-right:12px;margin-bottom:12px;} .cv_l{padding-top:6px;} .cv_r{text-align:right;position:relative;} #cr_cntnt{padding:0px 48px;} #cr_search{margin:0px 0px 6px 0px;} #cr_pages{text-align:right;} #cr_pages ul{float:right;} #cr_oplsoortbtns{margin:12px 0px;width:100%;} #cr_cntnt .cntnt{padding:0px 0px 0px 24px;} #cr_btns_search, #cr_cv_form, #cr_inschrijving_left{padding:0px 12px 0px 0px;} #cr_cv_onderdelenlist table th, #cr_cv_onderdelenlist table td{display:table-cell;} /*#cr_cv_kalenderlist table td{width:auto;padding:0 12px;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:0px;border-style:solid;} #cr_cv_kalenderlist table tr.data>td{border-bottom-width:0px;}*/ .cr_list_details > div > label{width:140px;} .cr_list_details > div > span{width:calc( 100% - 164px );} /*#cr_cv_kalenderlist table td.cv_btn_data{padding:0px 12px;}*/ footer > div > div{margin:0px;padding:24px 48px;} footer .l{text-align:left;width:50%;} footer .r{text-align:left;width:50%;} #container{margin:0 0 -248px 0;} #push, footer{height:248px;} #cr_qrcode .btn_close{height:24px;background-size:24px 24px;padding-right:30px;} /*.cv_btn_data a, .cv_btn_qr, a.create_qr{margin-bottom:0px;}*/ .cv_btn_inschrijven, .cv_btn_overgeschreven, .cv_btn_factuur{padding:6px 12px;} #cr_btns_search nav{margin-bottom:24px;} .cr_cntnt_split{margin-left:24px;} .cr_cntnt_split > div:nth-of-type(1), .cr_cntnt_split > div:nth-of-type(2){float:left;width:calc( 50% - 12px );} .cr_cntnt_split > div:nth-of-type(1){margin-right:24px;} .cr_cntnt_split > div > div label, .cr_opmerking label{width:150px;} .cr_cntnt_split > div > div span, .cr_opmerking span{width:calc( 100% - 162px );} } @media all and (min-width:1200px){ .l, .cv_l{float:left;width:22%;} .r, .cv_r{float:right;width:78%;} #nav_account{width:100%;text-align:left;} .cv_l{padding-top:6px;} .cv_r{text-align:right;position:relative;} /*#cr_search{margin:0px;}*/ #cr_cntnt{padding:0px 50px;} #cr_pages{text-align:right;} #cr_pages ul{float:right;} #cr_oplsoortbtns{margin:12px 0px;width:100%;} #cr_cntnt .cntnt{padding:0px 0px 0px 48px;} /*#cr_btns_search, #cr_cv_form, #cr_inschrijving_left{padding:24px;}*/ /*#cr_form{width:600px;margin:48px auto 0 auto;}*/ /*#cr_cv_kalenderlist table td.cv_btn_data{padding:0px 12px;}*/ footer > div > div{margin:0px;padding:24px 48px;} footer .l{text-align:left;width:50%;} footer .r{text-align:left;width:50%;} #container{margin:0 0 -248px 0;} #push, footer{height:248px;} #cr_qrcode .btn_close{height:24px;background-size:24px 24px;padding-right:30px;} /*.cv_btn_data a, .cv_btn_qr, a.create_qr{margin-bottom:0px;}*/ #cr_nav_top_blinc nav ul li a{font-size:0.75em;} .cv_btn_inschrijven, .cv_btn_overgeschreven, .cv_btn_factuur{padding:6px 12px;} #cr_btns_search nav{margin-bottom:24px;} .cr_cntnt_split{margin-left:0px;} .cr_cntnt_split > div:nth-of-type(1), .cr_cntnt_split > div:nth-of-type(2){float:left;width:calc( 50% - 24px );} .cr_cntnt_split > div:nth-of-type(1){margin-right:48px;} .cr_cntnt_split > div > div label, .cr_opmerking label{width:150px;position:relative;} .cr_cntnt_split > div > div span, .cr_opmerking span{width:calc( 100% - 162px );} .cr_cntnt_split > div > div span{width:calc( 100% - 162px);margin-left:0px;position:relative;} .cr_cntnt_split > div > div .question_indicator > span{width:400px;position:absolute;display:none;margin-left:auto;} .cr_cntnt_split > div > div span.sel_input_inline{position:relative;border:0px;padding:0px;} .cr_cntnt_split > div > div span.sel_input_inline > select, .cr_cntnt_split > div > div span.sel_input_inline > input{float:left;} .cr_cntnt_split > div > div span.sel_input_inline > select{width:70px;display:block;margin-right:12px;border:1px solid #dce4e9;padding:6px;} .cr_cntnt_split > div > div span.sel_input_inline > input{width:calc(100% - 82px);display:inline-block;border:1px solid #dce4e9;padding:6px;} } @media all and (min-width:1600px){ } /*----------------SCROLLBAR--------------*/ .zl-scrollBarBox{ height:100%; position:absolute; background:#f3f3f3; border-radius:6px; } .zl-scrollBar{ position:absolute; left:0; top:0; background:#012F42; transition:background 0.3s; } .zl-scrollBar.zl-verticalBar{ min-height:10px; } .zl-scrollBar.zl-horizontalBar{ min-width:10px; } .zl-scrollBar:hover{ background:#012F42; } .zl-scrollContentDiv{ position:relative !important; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; top:0; left:0; }