html,body{font-family:ProximaNovaA-Regular;font-weight:normal;font-style:normal;padding:0;margin:0;background-color:#e8ebf0;font-size:15px;color:#777;} input,textarea,select{font-family:ProximaNovaA-Regular;color:#777;border:1px solid #aaa;padding:8px 8px;font-size:15px;box-sizing:border-box; /* css3 rec */-moz-box-sizing:border-box; /* ff2 */-ms-box-sizing:border-box; /* ie8 */-webkit-box-sizing:border-box; /* safari3 */-khtml-box-sizing:border-box; /* konqueror */} .uv_false{border:1px solid #ed624f !important;} select,textarea{width:100%;} textarea{height:200px;} table{border-collapse:collapse;border-radius:8px;width:100%;} td{vertical-align:top;} table.wa{width:auto;} h2{font-size:20px;margin:0 0 20px 0;padding:0;font-family:ProximaNovaA-Light;color:#26b48c;} h2 a{float:right;color:#26b48c;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:300;} a{color:#26b48c;} h2 a:hover{text-decoration:underline;} p{margin:0 0 10px 0;padding:0;} a:hover{color:#20bf9f;text-decoration:underline;} ::-webkit-input-placeholder{ color: #d1d1d1;} :-moz-placeholder{ color: #d1d1d1; opacity:1;} ::-moz-placeholder{ color: #d1d1d1; opacity:1;} :-ms-input-placeholder{ color: #d1d1d1;} .fout ::-webkit-input-placeholder{ color: #ed624f;} .fout :-moz-placeholder{ color: #ed624f; opacity:1;} .fout ::-moz-placeholder{ color: #ed624f; opacity:1;} .fout :-ms-input-placeholder{ color: #ed624f;} .ar,.tar{text-align:right !important;} .tac{text-align:center !important;} .fr{float:right;} .nom{margin:0 !important;} .laad-meer{text-align:center;line-height:100px;height:100px;font-size:34px;} .bb{box-sizing:border-box; /* css3 rec */-moz-box-sizing:border-box; /* ff2 */-ms-box-sizing:border-box; /* ie8 */-webkit-box-sizing:border-box; /* safari3 */-khtml-box-sizing:border-box; /* konqueror */} .rood{color: #ed624f;} .groen{color: #26b48c;} .geel{color: #fed84a;} .klein{font-size:10px;text-transform:uppercase;font-family:ProximaNovaA-Light;} .back{color:inherit;text-decoration:none;} .back i{margin-right:20px;} /* div columns */.divrow{dispaly:block;} .divrow div:first-child .divinner{margin:0 10px 0 0;} .divrow div:last-child .divinner{margin:0 0 0 10px;} .div13,.div23,.div23b,.div14,.div34{display:inline-block;vertical-align:top;} .div13{width:33%;} .div23{width:67%;} .div23b{width:67%;} .div14{width:25%;box-sizing:border-box; padding:0 30px 0 0;} .div34{width:75%;} .divinner{border-radius:4px;background-color:#fff;margin:0 10px;} .divinner_topgroen{position:relative;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#26b48c;padding:30px 20px 30px 150px;color:#fff;} .divinner_topgroen h2,.divinner_topgroen h2 a{color:#fff;} .divinner_default{padding:30px 20px;} /* form */.form_table input{width:100%;} .form_table input.checkbox,.form_table input.radio{width:auto;} .form_label{line-height:40px;} .form_input{line-height:40px;} .form_table .lijn{margin:30px 0 10px 0;border-top:1px solid #aaa;} .radio_container{line-height:27px;display:block;padding:7px 0;} .form_table .submit{border:0;display:inline-block !important;width:auto;float:right;} .form_table .submit i{display:block;} /* knop */.knop,.knop:hover{position:relative;background-color:#26b48c;text-align:center;border-radius:4px;height:40px;line-height:40px;color:#fff;font-size:12px;text-transform:uppercase;font-family:ProximaNovaA-Light;text-decoration:none;padding:0 12px 0 36px;margin:10px 0;display:block;} .knop i{position:absolute;left:12px;top:14px;} .knop.grijs{background-color:#b4bbc5;color:#fff;} .knop.geel,.knop.geel:hover{background-color:#fdd858;color:#000;} .knop.plus{padding:0 12px 0 28px;} .knop.noicon{padding:0 12px 0 12px;} .knop:hover{opacity:0.8;} .knopklein{display:inline-block !important;} form .knop{ width:100%; box-sizing:border-box;} .aanvullenfml{margin:10px 10px 30px 10px !important;} /* info */.info{position:relative;background-color:#fff3d6;text-align:center;border-radius:4px;line-height:40px;color:#cbbb87;font-size:14px;font-family:ProximaNovaA-Light;text-decoration:none;padding:0 12px 0 12px;margin:10px 0;border:1px solid #d9ca97;} /* search */.search{position:relative;display:block;margin:0 10px 0 0;padding:0;background-color:#ff0;width:320px;} .search input:first-child{position:absolute;left:0px;top:10px;text-align:left;border:0;height:40px;line-height:40px;font-size:14px;padding:0 0 0 10px;border-radius:4px;width:310px;} .search input:last-child{position:absolute;right:0px;top:10px;border:0;height:40px;width:40px;padding:0px;border-radius:4px;background-color:transparent;cursor:pointer;} .search i{position:absolute;right:23px;top:22px;font-size:16px;color:#26b48c;} /* statistieken boven tabel */.stats{line-height:60px;} .stats div{display:inline-block;height:60px;width:120px;border-right:1px solid #ccc;text-align:center;text-transform:uppercase;font-family:ProximaNovaA-Light;font-size:13px;line-height:14px;} .stats span{font-size:35px;display:block;line-height:35px;margin-bottom:11px;} /* tabel */.vstable tbody th,.vstable thead th{background-color:#20bf9f;height:43px;line-height:43px;padding:0 20px;color:#fff;text-align:left;font-size:12px;text-transform:uppercase;font-family:ProximaNovaA-Light;} .vstable tbody th:first-child,.vstable thead th:first-child{border-top-left-radius:8px;} .vstable tbody th:last-child,.vstable thead th:last-child{border-top-right-radius:8px;} .vstable tbody td{background-color:#fff;height:43px;line-height:43px;padding:0 20px;border-bottom:1px solid #e8ebf0;color:#4a4a4c;} .vstable tbody tr:hover,#right tbody tr:hover td{background-color:#fffbef;} .vstable tbody a{display:block;color:inherit;text-decoration:none;} .vstable tbody a:hover{color:#20bf9f;text-decoration:underline;} /* procent */#right .procent-bar{position:relative;display:inline-block;width:100px;height:8px;border-radius:4px;background-color:#e8ebf0;overflow:hidden;} #right .procent-bar span{position:absolute;top:0;left:-100%;width:0%;height:8px;border-radius:4px;background-color:#20bf9f;} #right .procent-bar span.rood{background-color:#ed624f;} #right .procent-bar span.geel{background-color:#fed84a;} #right .procent-bar-full{width:auto;display:block;} #right .procent-bar-big{width:auto;display:block;height:20px;border-radius:10px;} #right .procent-bar-big span{height:19px;border-radius:10px;text-align:right;line-height:20px;color:#fff;padding:1px 4px 0 0;margin-left:-4px;font-size:13px;} #right .procent-bar-label{text-transform:uppercase;font-size:11px;padding:0;margin:0px 0 4px 0;} #usermenu{display:none;position:absolute;right:0;top:70px;background-color:#295766;z-index:1000;} /* left */#left{position:fixed;top:0;left:0;width:206px;height:100%;background-color:#295766;border-left:4px solid #3b7082;} #logo{position:relative;left:-4px;top:1px;width:210px;display:block;height:69px;border-bottom:1px solid #274e5d;} #logo img{width:148px;margin:20px 0 0 15px;} #menu a,#usermenu a{position:relative;left:-4px;top:0;width:206px;height:60px;line-height:60px;display:block;border-left:4px solid #3b7082;color:#fff;text-decoration:none;font-family:'ProximaNova-Light';font-size:18px;} #menu a i,#usermenu a i{margin:0 11px;color:#3b7082;} #menu a.active{background-color:#274e5d;border-left:4px solid #26b48c;font-family:'ProximaNova-Semibold';color:#26b48c;} #menu a.active i{color:#26b48c;} #right{padding:0 0 0 210px;background-color:#e8ebf0;} #bar1{background-color:#fff;height:70px;line-height:70px;padding:0 0 0 20px;} #bar1 .right,#bar2 .right{float:right;} #bar1 .title{font-family:'ProximaNova-Semibold';font-size:18px;} #bar1 .aantal{border-radius:20px;background-color:#26b48c;padding:2px 8px 0 8px;color:#fff;margin:0 5px;} #bar1 .right{height:70px;} #bar1 .right em{position:absolute;right:20px;top:20px;display:inline-block;width:30px;height:30px;background-color:#26b48c;border-radius:15px;} #bar1 .right a{position:relative;right:0px;top:0px;display:inline-block;border-left:1px solid #ddd;width:70px;height:70px;} #bar1 .right a .aantal{position:absolute;left:-14px;top:-7px;height:15px;width:15px;text-align:center;line-height:15px;overflow:hidden;border-radius:20px;background-color:#f35b56;color:#fff;display:block;padding:2px;text-decoration:none;} #br1 i{position:absolute;left:-2px;top:3px;color:#fff;font-size:26px;} #br2 i{position:absolute;left:4px;top:4px;color:#fff;font-size:26px;} #br3 i{position:absolute;left:4px;top:3px;color:#fff;font-size:26px;} #bar2{background-color:#b4bbc5;height:60px;line-height:60px;padding:0 0 0 20px;} #bar2 a{position:relative;color:#fff;text-decoration:none;margin-right:20px;} #bar2 a.active{font-family:'ProximaNova-Semibold';} #bar2 a.active span.arrow{ bottom:23px; height:0; left:50%; position:absolute; width:0;} #bar2 a.active span.arrow span{border-left:12px solid transparent; border-right:12px solid transparent;border-bottom:12px solid #e8ebf0; top:0px; height:0; left:-12px; position:relative; width:0;} .right-inner{padding:20px;} #lockdown,#login{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#295766;color:#fff;} #lockdown .inner{margin:20px auto;width:435px;max-width:100%;text-align:left;background-color:#224654;border-radius:10px;padding:20px;} #lockdown img,#login img{margin:120px auto 40px auto;width:302px;max-width:100%;display:block;} #lockdown h1{color:#ed624f;margin:0px;} #lockdown p{position:relative;padding:0 0 0 80px;} #lockdown i{position:absolute;top:0;left:0;font-size:80px;color:#20bf9f;} #lockdown i.fa-ban,#lockdown i.fa-exclamation-triangle{color:#ed624f;font-size:70px;} #lockdown a,#login a{display:block;color:#fff;} #login .inner{margin:20px auto;width:302px;max-width:100%;text-align:center;padding:0px;} #login .melding{margin-bottom:30px;text-align:left;} #login div.ipt_container{position:relative;} #login div.ipt_container i{position:absolute;right:10px;top:0px;color:#eaeaea;font-size:16px;line-height:50px;} #login div.fout i{color:#ed624f;} #login .ipt_melding{display:none;} #login .fout .ipt_melding{display:block;position:absolute;top:10px;left:100%;background-color:#224654;border-radius:4px;white-space:nowrap;height:30px;line-height:30px;padding:0 10px;text-transform:uppercase;margin-left:10px;font-size:12px;} #login .fout .ipt_melding span{border-top:5px solid transparent;border-right:5px solid #224654;border-bottom:5px solid transparent;border-left:5px solid transparent; top:10px; height:0; left:-10px; position:absolute; width:0;} #login .ipt_check{display:none;} #login .ipt_text{text-align:left;border:0;height:50px;line-height:50px;font-size:16px;padding:0 0 0 12px;width:100%;} #login .fout .ipt_text{color:#ed624f;} #login .ipt1{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #eaeaea;margin-bottom:0px;z-index:10;} #login .ipt2{border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:13px;} #login .ipt_submit{background-color:#26b48c;width:302px;max-width:100%;text-align:center;border:0;border-radius:4px;height:50px;line-height:50px;color:#fff;font-size:16px;margin:10px 0 20px 0;} /* client/gegevens */.client_foto,.functie_foto{position:absolute;top:30px;left:20px;width:100px;height:100px;border-radius:50px;overflow:hidden;background-color:#fff;} .client_foto i{position:absolute;top:17px;left:2px;width:100px;height:100px;font-size:90px;color:#295766;} .functie_foto i{position:absolute;top:16px;left:27px;width:100px;height:100px;font-size:54px;color:#295766;} .functie_foto span{position:absolute;bottom:16px;left:19px;color:#295766;font-size:10px;} .competentie{background-color:#f3f3f3;color:#26b48c;border:1px solid #26b48c;padding:4px 10px;border-radius:20px;font-size:13px;text-decoration:none;margin-right:10px;} .vragenlijst_right{font-size:13px;color:#999;} .button_tabs{position:relative;margin-right:10px;} .button_tab{height:43px;border-radius:4px;display:block;text-decoration:none;text-transform:uppercase;background-color:#c0c8cf;color:#fff;width:32%;margin:0 auto 20px auto;} .button_tab:first-child{position:absolute;top:0;left:0;margin:0 0 20px 0;} .button_tab:last-child{position:absolute;top:0;right:0;margin:0 0 20px 0;} .button_tab b{height:43px;line-height:43px;width:43px;text-align:center;background-color:#aab1bc;color:#fff;display:inline-block;margin-right:10px;border-bottom-left-radius:4px;border-top-left-radius:4px;} .button_tab.active,.button_tab:hover{background-color:#fff;color:#26b48c;} .button_tab.active b,.button_tab:hover b{background-color:#26b48c;} .button_tab.active span{position:absolute;border-bottom:12px solid #fff; border-left:12px solid transparent; border-right:12px solid transparent; height:0; left:50%; top:55px; width:0;margin-left:-12px;} .compententie_form{position:relative;padding:2px 0 20px 25px;font-family:ProximaNovaA-Semibold;} .compententie_form input{position:absolute;left:0;top:0;} .compententie_form span{font-size:14px;font-family:ProximaNovaA-Regular;display:block;margin-bottom:10px;} /* uitklap */.uitklap{border-bottom:1px solid #d1d1d1;} .uitklap .groen{color:#26b48c;} .uitklap_container{display:none;} .uitklap_header{position:relative;min-height:100px;line-height:100px;} .uitklap_container:last-child .uitklap_header{border:0;} .uitklap_header h2{padding:0 0 0 25px;color:inherit;margin:0;font-size:17px;} .uitklap_header h2 span{padding:0 15px 0 0;} .uitklap_header p{position:absolute;right:50px;top:0;height:100px;line-height:100px;} .uitklap_header i{position:absolute;right:20px;top:0;height:100px;line-height:100px;} .uitklap_header .fa-arrow-up{display:none;} .fml_vraag{padding:0 25px 30px 25px;} .fml_vraag h4{padding:0px;margin:0;} .fml_vraag h4 span{display:inline-block;width:25px;} .fml_vraag h4 span.status{float:right;width:auto;font-size:12px;font-family:ProximaNovaA-Regular;font-weight:300;} .fml_vraag .ipttd{width:25px;height:25px;line-height:25px;} .fml_vraag .ipttd input{display:inline-block;margin:0;padding:4px 10px 4px 0;} .fml_vraag .vrtd{line-height:25px;} .belangrijke_aanvulling{font-size:12px;color:inherit;} .belangrijke_aanvulling:hover{font-size:12px;color:#ed624f;} .bekwaamheden{font-family:ProximaNovaA-Light;font-size:20px; line-height:35px;} .bekwaamheden h2{ line-height:35px;} .matchcompetentie{position:relative;padding:10px 10px 10px 100px } .matchcompetentie i{position:absolute;top:4px;left:20px;font-size:50px;} .matchcompetentie h2 span{font-size:12px;color:#777;padding-left:10px;margin-bottom:2px;padding-bottom:4px;} .matchcompetentie h2{margin-bottom:2px;padding-bottom:4px;} .autogrow{min-height:50px;} .table_volgorde td,.table_volgorde td a{cursor:move;} .ver_toe{background-color:#26b48c;width:17px;text-align:center;border-radius:10px;height:17px;line-height:17px;color:#fff;font-size:10px;display:block;text-decoration:none;} #tips{position:fixed;right:40px;bottom:0px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#20bf9f;height:43px;line-height:43px;padding:0 20px;color:#fff;text-align:left;font-size:12px;font-family:ProximaNovaA-Light;text-decoration:none;} #functieniveau_slider{margin:10px 40px 0 0;} th.schuin{width:30px;height:60px;position:relative;vertical-align:bottom;padding:0 0 20px 0;} th.schuin p{vertical-align:bottom;position:absolute;transform:rotate(-45deg);transform-origin:0 0;white-space:nowrap;} #functieselectie{position:relative;height:40px;} #functieselectie_input{border:1px solid #aaa; box-sizing:border-box; color:#777; font-family:ProximaNovaA-Regular; border-radius:4px; font-size:14px; height:40px; line-height:40px; padding:0 0 0 10px; width:100%;} #functieselectie_result{position:absolute;top:40px;left:0;max-height:315px;overflow:hidden;display:none;background-color:#fff;border-radius:4px;width:100%;box-sizing:border-box;padding:10px;} #functieselectie_result div{height:30px;line-height:30px;cursor:pointer;} .button--large,.button--large:hover{border:1px solid #aaa; box-sizing:border-box;border-radius:8px;background-color:#20bf9f;padding:40px 20px;width:30%;display:inline-block;text-align:center;text-decoration:none;color:#fff;font-size:20px;vertical-align:top;} .popup__overlay{display:none;background-color:rgba(255,255,255,0.8);position:fixed;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:10000;} .popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001} .popup__screen{position:relative;max-width:500px;max-height:500px;overflow-y:auto;background-color:#fff;padding:50px;margin:5% auto 0 auto;cursor:auto;box-shadow:0 2px 7px 0 rgba(0,0,0,0.3);} .popup__screen b{font-weight:700;} .popup h2{text-transform:none;font-weight:normal;margin-bottom:40px;font-size:28px;} .popup a{color:#333238;} .popup a.button{color:#fff;} .popup__close{position:absolute;top:25px;right:25px;height:25px;cursor:pointer;} .uitklap__tekst{display:none;} /* read_more_inlineread_more_inline_hidden{} return ""; */