body{ margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif; background: #EEEEEE; color: #171719; font-size: 14px; } body.white{ background: #fff; } *:focus { outline: none; } h1,h2,h3,h4,h5,h6{line-height: 100%;} h1{font-size: 32px;} h2{font-size: 28px;} h3{font-size: 24px;} h4{font-size: 20px;} h5{font-size: 16px;} h6{font-size: 14px;} a{ text-decoration: none; } img{max-width: 100%;} input, select, textarea, button{font-family: 'Roboto Condensed', sans-serif;} input [type="button"], input [type="button"] *, input [type="submit"], input [type="submit"] *, a, a *, button, button *, .transition, .transition *, .knop, .knop *{ cursor: pointer; } .knop:hover{ opacity: 0.8; } .clear:after { content: "\00a0"; visibility: hidden; display: block; height: 0; clear: both; } #page_content img { height: auto } /* dark green -- #5aa81c light green -- #83cd48 */ .xs_btn{float: left; height: 24px; border: none; font-size: 12px; line-height: 24px; padding: 0 10px;} .s_btn{float: left; height: 32px; border: none; font-size: 13px; line-height: 32px; padding: 0 15px;} .n_btn{float: left; width: 100%; height: 40px; border: none; font-size: 15px; line-height: 40px;} .l_btn{float: left; width: 100%; height: 56px; border: none; font-size: 20px; line-height: 56px; font-weight: bold;} .btn.dgreen{background: #cf9b34; color: #fff; } .btn.dgreen:hover{background: #171719;} .btn.light{background: #CFCFCF; color: #fff; } .btn.light:hover{-webkit-box-shadow: inset 0px 0px 6px 1px #bababa; -moz-box-shadow: inset 0px 0px 6px 1px #bababa; box-shadow: inset 0px 0px 6px 1px #bababa;} .btn.brown{background: #171719; color: #fff;} .btn.brown:hover{background: #f4f4f4; color: #171719;} .btn.red{background: red; color: #fff; } .btn.red:hover{opacity: 0.7} .btn .left{margin-right: 15px;} .btn .right{margin-left: 15px;} .content_agree { display: block; max-height: 400px; overflow: auto; border: 2px dotted #909090; padding: 30px; } #content_container{line-height: 170%;} #content_container > *:first-child{margin-top: 0;} #content_container > *:last-child{margin-bottom: 0;} #content_container h1 + *, #content_container h2 + *, #content_container h3 + *, #content_container h4 + *, #content_container h5 + *, #content_container h6 + *{margin-top: 5px!important} #content_container > ul,#content_container > ol,#content_container table, #content_container p, p{margin: 1.3em 0;} #content_container > ol, #content_container > ul{padding: 0 0 0 20px;} #content_container ul li{list-style-type: disc;} #content_container ol ul,#content_container ol ol,#content_container ul ol,#content_container ul ul{padding: 0 0 0 20px;} #content_container a{text-decoration: underline; color: #cf9b34} #content_container a:hover{color: #171719;} #content_container a{text-decoration: underline; color: #3BAEEE} #content_container a:hover{color: #525355;} #maxw1{margin: 0 auto; max-width: 600px; padding: 0 22px} #app_page{overflow: hidden;} #page_content{padding: 25px 0; background: #fff;} /**** Fixed ****/ .fixed{padding-top: 50px;} .fixed #menubar{position: fixed; top: 0; left: 0;} .fixed #single_head{position: fixed; top: 0; left: 0;} /**** Header ****/ #app_header{text-align: center; font-size: 0; padding: 20px 0; background: #fff;} #app_header.big{text-align: center; font-size: 0; padding: 0 0 50px; background: #fff;} #app_header img{display: inline-block; width: 170px; height: auto; } #app_header.big img{display: inline-block; width: 170px; height: auto; } /**** Menu ****/ #menubar{background: #171719; color: #fff; position: relative; height: 50px; line-height: 50px; text-align: left; font-size: 18px; margin: 0 0 0; z-index: 200;} #menubar > div > span{float: left; width: calc(100% - 120px); padding-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #menu_buttons{float: right; margin-right: -22px; width: 111px;} #menu_buttons a{float: left; height: 50px; width: 55px; text-align: center; line-height: 50px; color: #fff; font-size: 18px;} #menu_buttons a:last-child{border-left: 1px solid #eee;} #menu_buttons a:nth-child(2){border-left: 1px solid #eee;} #menu_buttons a.message{position: relative;} #menu_buttons a.message span{position: absolute; float: left; top: 6px; right: 8px; height: 15px; width: 15px; border-radius: 10px; background: #cf9b34; color: #fff; font-size: 10px; line-height: 15px; text-align: center;} #menubar .page_title{display: inline;} #mobile-button{float: left; color: #fff; margin-left: -22px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 18px; width: 55px;} #menu{position: fixed; left: 0; top: 0; width: 90%; float: left; background: #fff; height: 100%; z-index: 500; margin-left: -100%; transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; } #top_menu{position: absolute; left: 0; top: 0; float: left; width: 100%; background: #171719; height: 50px; z-index: 300; padding: 0 22px 0 0; color: #fff; font-size: 18px;} #top_menu a{float: left; height: 50px; line-height: 50px; color: #fff; font-size: 18px;} #top_menu i{float: left; height: 50px; width: 55px; text-align: center; line-height: 50px; border-right: 1px solid #fff; margin-right: 20px;} #menu_container{position: absolute; left: 0; top: 50px; height: 100%; z-index: 300; overflow: auto; -webkit-overflow-scrolling: touch;} #menu_container > ul{padding: 0 0 100px;} #menu_container li{float: left; width: 100%; list-style-type: none;} #menu_container li a{float: left; width: 100%; padding: 15px 22px; border-bottom: 1px solid #CFCFCF; color: #171719; font-size: 18px;} #menu_container li a:hover{background: #fafafa} #menu_container li.menu-item-has-children > a:after{content: "\f105"; float: right; margin: 1px 0 0; font-family: fontawesome;} #menu_container .sub-menu{display: none; float: left; width: 100%;} #menu_container .sub-menu li a{padding: 10px 30px; font-size: 15px; background: #fafafa} #menu_container .sub-menu li a:hover{background: #e1e1e1} .sub-menu li a:before{content: "\f105"; font-family: fontawesome; margin-right: 8px;} .overlay_menu{position: fixed; top: 0; left: 0; height: 100%; background: #EEEEEE; opacity: 0.8; z-index: 400; display: none;} /**** Inloggen ****/ #sign_in_form{padding: 65px 0 0;} #sign_in_form input{height: 70px; width: 100%; float: left; margin: 0 0 30px; padding: 0 20px; font-size: 20px; border: none; color: #2b2727} #sign_in_form input[type="checkbox"]{display: none;} #sign_in_form label.checkbox span{float: left; width: 20px; height: 20px; background: #fff; border: 1px solid #D4D4D4; margin-right: 10px;} #sign_in_form label.checkbox{line-height: 20px} #sign_in_form label.checkbox span.active:after{content: "\f00c"; font-family: fontawesome; color: #2b2727; line-height: 18px; width: 18px; float: left; font-size: 14px; text-align: center;} #sign_in_form a.extra_link{float: left; color: #929292; font-size: 18px; line-height: 30px; margin: 5px 0; padding: 0 0 0 35px;} #sign_in_form a.extra_link:before{content: '\f0da'; font-family: fontawesome; float: left; line-height: 30px; margin: 0 0 0 -35px;} #sign_in_form button{margin: 10px 0 35px; text-transform: uppercase; font-size: 22px!important; height: 70px!important; line-height: 70px!important;} .login_error{color: #fff; background: red; padding: 10px 20px; font-size: 14px; margin: 0 0 10px;} .new_pass_wrapper{background: #fff; padding: 20px; margin: 20px 0 0; display: none;} .new_pass_wrapper.show{display: inline-block!important;} .new_pass_wrapper p{font-size: 14px;} .new_pass_wrapper .error{color: red; margin-top: 0!important;} .new_pass_wrapper .success{color: #5aa81c; margin-top: 0!important; margin-bottom: 20px} .new_pass_wrapper button{margin: 0!important} /**** Start ****/ #personal{margin: 35px 0 0; text-align: center;} .personal_content{float: left; width: 70%; padding: 15px 0 0 30px; text-align: left;} .personal_content li{list-style-type: none; font-size: 17px; margin: 0 0 4px; line-height: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .personal_content li a{color: #171719; padding-left: 40px; position: relative} .personal_content li a i{position: absolute; left: 0; top: 50%; margin: -10px 0 0; float: left;} .personal_img{float: left; width: 30%; background-size: 90%!important;} .personal_img span{padding-top: 90%;} .button_list{margin: 35px 0 0} .button_list a{float: left; text-align: left; padding: 0 40px 0 25px; position: relative; margin: 0 0 10px} .button_list a:after{content: "\f0da"; font-family: fontawesome; position: absolute; float: left; right: 25px; top: 50%; line-height: 24px; margin: -12px 0 0} /* apple ios fix */ .menu-item-1802, .menu-item-404, .menu-item-398, .menu-item-397, /*#menu_buttons a:nth-child(2),*/ /*.bestuur_menu a:nth-child(4),*/ .bestuur_menu a:nth-child(5), .bestuur_menu a:nth-child(7) { display: none!important } /**** Mijn profiel ****/ .errorlist{color: red;} #account_block{font-size: 15px;} #account_block h2{margin: 0 0 25px; float: left; width: 100%;} #account_block h3{margin: 40px 0 10px; float: left; width: 100%;} #account_block > label{float: left; width: 100%; padding: 15px 5px; border-bottom: 1px solid #CFCFCF; font-size: 14px;} #account_block > label.first{border-top: 1px solid #CFCFCF;} #account_block > label:hover{background: #fafafa} #account_block > label span{float: left; width: 100%; font-size: 15px; margin: 0 0 3px; font-weight: bold;} #account_block .edit_form{margin: -10px 0 20px; } #account_block .edit_form button{margin: 0;} #account_block .backbutton{margin: -10px 0 10px} #account_block form label{float: left; width: 100%; padding: 10px 0;} #account_block form label span{float: left; width: 100%; margin: 0 0 5px; font-weight: bold} #account_block form label span.btn{width: auto; margin: 0;} #account_block form input[type="password"], #account_block form input[type="text"], #account_block form input[type="file"], #account_block form input[type="email"], #account_block form input[type="tel"], #account_block form input[type="url"], #account_block form input[type="number"], #account_block form input[type="date"], #account_block form textarea, #account_block form select{height: 36px; float: left; width: 100%; background: transparent; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color:#171719} #account_block form textarea{padding: 10px 15px; height: 140px;} #account_block form button{margin: 10px 0 0} #account_block form label.error{color: red; font-size: 14px; padding: 5px 0} .unsub_member div.wpcf7-response-output{display: none!important} .unsub_member br{display: none;} .unsub_member p{font-size: 14px; margin: 5px 0} .hasDatepicker{background: transparent url('../../img/date_format.png') no-repeat right 10px center!important} /**** Agenda ****/ .agenda_head{float: left; width: 100%; border-bottom: 1px solid #CFCFCF; color: #cf9b34; padding: 0 5px 5px; margin: 0 0 20px;} .agenda_item{margin: 0 0 20px; border-bottom: 1px solid #CFCFCF; padding: 0 5px 10px;} .agenda_item h4{color: #cf9b34;} .download_item{border-bottom: 1px solid #CFCFCF; padding: 15px 5px 15px;} .download_item h4 a{color: #cf9b34; font-size: 16px;} .download_item h4 span{float: right} .agenda_item p{margin-top: 0;} .agenda_item .button_container .btn{margin: 0 10px 10px 0;} .agenda_item .button_container .flag{font-size: 13px; color: #CFCFCF; line-height: 24px;} .agenda_item .button_container .flag i{margin: 0 5px 0 0; color: red} .agenda_item .button_container .flag.active i{color: #5aa81c;} #validate_sub{display: none; position: absolute;} #validate_sub .overlay{position: fixed; top: 0; left: 0; height: 100%; background: #EEEEEE; opacity: 0.8; z-index: 400;} #validate_sub #pop_up{background: #fff; max-width: 320px; position: fixed; top: 150px; left: 0; right: 0; margin: auto; padding: 0 30px 70px; z-index: 500; -webkit-box-shadow: 0px 0px 6px 1px #C3C3C3; -moz-box-shadow: 0px 0px 6px 1px #C3C3C3; box-shadow: 0px 0px 6px 1px #C3C3C3;} #validate_sub h1{text-align: center; color: #cf9b34; padding: 18px 0 12px; border-bottom: 1px solid #CFCFCF} #validate_sub p{font-size: 17px; float: left; width: 100%; margin: 10px 0 5px; line-height: 150%; text-align: center;} #validate_sub p b{text-transform: lowercase;} #validate_sub .pop_up_btns{position: absolute; bottom: 20px; left: 0; font-weight: bold;} #validate_sub .pop_up_btns button, #validate_sub .pop_up_btns a{height: 40px; float: left; width: 50%; line-height: 40px; font-size: 18px; color:#fff; text-align: center;} #validate_sub .pop_up_btns .no{background: #CFCFCF} #validate_sub .pop_up_btns .no:hover{background: #171719;} #validate_sub .pop_up_btns .yes:hover{background: #171719;} #validate_sub .pop_up_btns .yes{background: #cf9b34; border: none;} #validate_sub .load_img{position: fixed; width: 50px; height: 50px; float: left; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 450; display: none;} /**** Single pagina *****/ #single_head{background: #171719; color: #fff; position: relative; height: 50px; line-height: 50px; text-align: left; font-size: 18px; margin: 0 0 0; position: relative; z-index: 300;} #single_head a{float: left; color: #fff; margin-left: -22px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 26px; width: 55px;} #single_head a img{height: 15px; width: 15px;} #single_head .page_title{display: inline;} .agenda_img_single{text-align: center; margin: 0 0 20px;} .agenda_img_single img{display: inline-block;} .agenda_date_single{padding: 10px 5px; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; margin: 0 0 5px; font-size: 15px;} .agenda_date_single h3{width: 100%; color: #cf9b34; margin: 0 0 5px;} .editformcontainer{float: left; width: 100%; padding: 10px 15px 10px; background: #fafafa; margin: 20px 0 0} .editform > label{float: left; width: 100%; padding: 10px 0;} .editform label.half_left{width: 49%} .editform label.half_right{float: right; width: 49%} .editform label span{float: left; width: 100%; margin: 0 0 5px; font-weight: bold;} .editform label select, .editform label input[type="text"], .editform label input[type="email"]{height: 36px; float: left; width: 100%; background: #fff; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color: #171719;} .editform label input[type="radio"]{float: left; width: 15px; margin: 5px 10px 5px 0;} .editform label b{float: left; font-weight: 400; font-size: 14px; margin: 3px 0 0} .addtocalendar{margin-left: 10px;} /**** Ledenlijst ****/ .search_leden{position: relative; margin: 0 0 20px} .search_leden input{height: 36px; float: left; width: 100%; background: transparent; border: 1px solid #CFCFCF; padding: 0 50px 0 15px; font-size: 14px; color: #171719;} .search_leden button{position: absolute; height: 36px; width: 40px; border: none; background: transparent; color: #171719; top: 0; right: 0; font-size: 16px;} .search_leden a{font-size: 13px; color: #ED7017; margin: 5px 0 0; float: left; display: none; position: absolute; left: 15px; top: 100%;} .ledenlijst > li{border-bottom: 1px solid #CFCFCF; padding: 15px 0; position: relative;} .ledenlijst li{list-style-type: none;} .lid_img{float: left; width: 120px; border: 6px solid #fff; background-size: 90%!important; -webkit-box-shadow: 0px 0px 6px 1px #C3C3C3; -moz-box-shadow: 0px 0px 6px 1px #C3C3C3; box-shadow: 0px 0px 6px 1px #C3C3C3;} .lid_img span{padding-top: 100%;} .lid_content{float: left; width: calc(100% - 120px); padding: 15px 0 0 30px; text-align: left; overflow: hidden} .lid_content li{list-style-type: none; font-size: 14px; margin: 2px 0 0; line-height: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lid_content li a{color: #171719; padding-left: 40px; position: relative} .lid_content li a i{position: absolute; left: 0; top: 50%; margin: -10px 0 0; float: left;} .lid_content li a:hover{text-decoration: underline} .ledenlijst li h3{color: #cf9b34;} /**** Facturen ****/ .search_invoice{text-align: center;} .search_invoice > span{padding: 0 0 0 110px; margin: 10px 0 0} .search_invoice > span span{float: left; line-height: 32px; margin: 0 0 0 -110px;} .search_invoice input{height: 32px; float: left; width: 100%; max-width: 100%; background: transparent; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color: #171719} .factuurlist{border-top: 1px solid #CFCFCF;} .factuurlist li{float: left; width: 100%; list-style-type: none; padding: 15px 110px 15px 5px; position: relative; border-bottom: 1px solid #CFCFCF; font-size: 14px;} .factuurlist li b{display: inline-block; width: 150px; font-weight: bold; overflow: hidden} .factuurlist li small{font-size: 13px;} .factuurlist li .factuurlist_item_right{float: right; width: 100px; margin: 0 -110px 0 0;} .factuurlist li a{float: left; padding: 0!important; width: 100%; text-align: center; margin: 5px 0} /**** Meldingen ****/ .melding_list{border-top: 1px solid #CFCFCF;} .melding form{float: left; width: 100%; padding: 15px 25px 15px 5px; border-bottom: 1px solid #CFCFCF; font-size: 14px; color: #171719; position: relative;} .melding form:after{float: left; position: absolute; right: 5px; top: 50%; margin: -14px 0 0; content: "\f105"; font-family: fontawesome; font-size: 15px; line-height: 28px;} .melding form button{position: absolute; left: 0; top: 0; float: left; width: 100%; height: 100%; border: none; background: transparent; z-index: 4;} .melding[data-read="0"]{background: #EEEEEE} .melding[data-read="1"]{background: #fff} /**** Alert ****/ .alert{padding: 0 5px; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; font-size: 14px; position: relative;} .alert i{float: left; position: absolute; right: 5px; top: 50%; padding: 0 3px; line-height: 20px; margin: -10px 0 0} /**** Bestuur - Evenementen ****/ .event_head{margin: 0 0 5px; padding: 0 5px; color: #cf9b34;} .eventlist{border-bottom: 1px solid #CFCFCF; margin: 0 0 25px;} .eventlist li{list-style-type: none; font-size: 14px;} .eventlist li a{float: left; width: 100%; padding: 15px 30px 15px 5px; border-top: 1px solid #CFCFCF; color: #171719; position: relative;} .eventlist li a:after{content: "\f105"; font-family: fontawesome; position: absolute; line-height: 22px; top: 50%; margin: -11px 0 0; right: 12px; float: left;} .eventlist li:hover{background: #fafafa} .eventlist li b{float: left; width: 100%; font-size: 15px; margin: 0 0 3px; font-weight: bold;} /**** Bestuur - Evenementen - Single ****/ .eventspecs{font-size: 14px; margin: 10px 0 0;} .eventspecs span{float: left; margin: 0 20px 0 0;} .eventspecs b{display: inline-block; margin: 0 5px 0 0;} .freeze_presence{margin: 0 0 20px;} .freeze_presence .fp_item{float: left; width: 100%; padding: 10px 5px; color: #171719; font-size: 14px; line-height: 20px; border-top: 1px solid #cf9b34; border-bottom: 1px solid #cf9b34;} .freeze_presence span.fp_item{opacity: 0.7; text-decoration: line-through} .freeze_presence i{margin: 0 10px 0 0;} .subscribelist{border-top: 1px solid #CFCFCF} .subscribelist li{float: left; width: 100%; list-style-type: none; padding: 7px 90px 7px 5px; border-bottom: 1px solid #CFCFCF; font-size: 14px; position: relative; cursor: pointer;} .subscribelist li.unsub{color: red;} .subscribelist li > span:nth-child(1){float: left; width: 100%;} .subscribelist li > span:nth-child(1) a{font-size: 11px; position: relative; z-index: 3; color: #cf9b34} .subscribelist li > span:nth-child(2){float: left; width: 100%;} .subscribelist li > span:nth-child(2) small{display: inline-block; color: red; margin: 0 0 0 4px;} .subscribelist li:hover{background: #fafafa} .subscribelist li button{position: absolute; font-size: 13px; color: #CFCFCF; float: left; width: 100%; left: 0; margin: 0; background: transparent; border: none; height: 50%; z-index: 2;} .subscribelist li button[name="setPresent"]{top: 0;} .subscribelist li button[name="setAfmelden"]{left: -90px; top: 0; color: red;} .afmelden { padding: 5px 10px; border: 1px solid red; position: absolute; top: 3px; margin-left: -95px; color: red; z-index: 984 } .select { width: 100%; padding: 5px; border: 1px solid gray; margin-bottom: 10px; margin-top: 10px; } .subscribelist li button[name="setAbsent"]{bottom: 0;} .subscribelist li button span{position: absolute; right: 5px; top: 50%; margin: -10px 0 0; float: left; line-height: 20px;} .subscribelist li button i{margin-left: 7px; font-size: 14px;} .subscribelist li button .fa-circle-o{display: inline-block;} .subscribelist li button .fa-check-circle-o{display: none;} .subscribelist li button[name="setPresent"].active{color: #5aa81c;} .subscribelist li button[name="setAbsent"].active{color: red;} .subscribelist li button.active .fa-circle-o{display: none;} .subscribelist li button.active .fa-check-circle-o{display: inline-block;} .subscribelist li .presence_checkbox{float: left; position: absolute; right: 5px; line-height: 20px; top: 50%; margin: -10px 0 0; color: #CFCFCF} .subscribelist li .presence_checkbox.red{color: red} .subscribelist li .presence_checkbox.active{color: #5aa81c;} .subscribelist li .presence_checkbox i{margin: 0 0 0 7px} .sendexport, .sendmail{display: none; margin: 10px 10px 0 0;} .sendexport.active, .sendmail.active{display: inline-block;} .slide_form_block{display: none; margin: 20px 0 0; padding: 5px 15px 15px; background: #fafafa;} .slide_form_block label{float: left; width: 100%; padding: 10px 0;} .slide_form_block label span{float: left; width: 100%; margin: 0 0 5px; font-weight: bold;} .slide_form_block label input, .slide_form_block label textarea{height: 36px; float: left; width: 100%; background: #fff; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color: #171719;} .slide_form_block label textarea{padding: 10px 15px; height: 90px;} #sendmail_to_all img{display: none; height: 24px; float: left; margin: 4px 0 0 10px} /**** Bestuur - Acties ****/ .tab_container{position: relative;} .tab_container .tab{display: none;} .tab_container .tab.active{display: block} .tab_container .tabs{text-align: center; font-size: 0} .tab_container .tabflag{display: inline-block; padding: 7px 6px; font-size: 13px; background: ##fff; position: relative; color: #cf9b34; width: 140px; max-width: 33.3333%; border: 1px solid #cf9b34} .tab_container .tabflag.active{background: #cf9b34; z-index: 1; color: #fff} .addactie{float: left; margin: 10px 0 -5px; display: none;} .addactie.active{display: inline-block;} .addactie i{font-size: 10px} #add_task{display: none; margin: 20px 0 0; padding: 5px 15px 15px; background: #fafafa;} #add_task label{float: left; width: 100%; padding: 10px 0} #add_task label span{float: left; width: 100%; margin: 0 0 5px; font-weight: bold;} #add_task textarea, #add_task select{height: 36px; float: left; width: 100%; background: #fff; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color: #171719;} #add_task textarea{padding: 10px 15px; height: 90px;} .tab ul{list-style: none; margin: 15px 0 0; border-top: 1px solid #CFCFCF;} .tab li{position: relative; border-bottom: 1px solid #CFCFCF;} .tab li:hover{background: #fafafa} .tab.checkedlist li form{padding: 15px 5px 15px 5px; font-size: 14px; position: relative; cursor: pointer;} .tab li #checkitem{float: left; position: absolute; top: 0; left: 0; cursor: pointer; width: 35px; height: 100%;} .tab li #checkitem button{border: none; background: transparent; position: absolute; float: left; width: 100%; height: 100%; z-index: 2; top: 0; left: 0} .tab li #checkitem span{float: left; height: 16px; width: 16px; top: 50%; margin: -8px 0 0; position: absolute; left: 5px; border: 1px solid #CFCFCF;} .tab li #checkitem span.active:after{float: left; content: "\f00c"; font-family: fontawesome; background: #5aa81c; color: #fff; font-size: 9px; height: 14px; width: 14px; line-height: 14px; text-align: center; position: absolute; top: 0; left: 0;} .tab li .actie_container{float: left; width: 100%; padding: 5px 100px 5px 40px; font-size: 14px;} .tab li .actie_container select{float: left; width: 100%; font-weight: 400; border: 1px solid #CFCFCF; background: #fff; color: #171719; height: 24px; padding: 0 5px;} .tab li .actie_container select[disabled]{-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; border: 1px solid transparent; background: transparent; font-weight: bold;} .tab li .actie_container input{float: left; width: 100%; border: 1px solid #CFCFCF; background: #fff; color: #171719; height: 24px; padding: 0 8px; margin: -1px 0 0} .tab li .actie_container input[readonly]{border: 1px solid transparent; background: transparent} .tab li .actie_container .edit_item, .tab li .actie_container button{position: absolute; right: 40px; top: 0; height: 100%; float: left; width: 40px; text-align: center; font-size: 15px; background: transparent; border: none; color: #171719} .tab li .actie_container button{color: #cf9b34} .tab li .actie_container .edit_item i, .tab li .actie_container button i{float: left; width: 40px; height: 20px; line-height: 20px; position: absolute; top: 50%; left: 0; margin: -10px 0 0} .tab li #removeitem{float: left; position: absolute; right: 0; top: 0; height: 100%; width: 35px;} .tab li #removeitem a.open_pu{position: absolute; height: 100%; width: 35px; top: 0; right: 0; z-index: 3; background: transparent; border: none; color: red; text-align: center;} .tab li #removeitem a.open_pu i{position: absolute; height: 20px; width: 35px; line-height: 20px; top: 50%; right: 0; margin: -10px 0 0;} .tab li .checkdate{float: left; font-size: 12px; color: #CFCFCF; font-weight: 400; margin: 3px 0 -10px;} #recover_action{padding-right: 40px;} #recover_action button{position: absolute; right: 0; top: 0; height: 100%; float: left; width: 40px; text-align: center; font-size: 15px; background: transparent; border: none; color: #171719;} /**** Bestuur - Notulen ****/ .add_notul{float: left; margin: 0px 0 0px; display: none;} .add_notul.active{display: inline-block;} .add_notul i{font-size: 10px} #add_notul{display: none; margin: 20px 0 15px; padding: 5px 15px 15px; background: #fafafa;} #add_notul label{float: left; width: 100%; padding: 10px 0} #add_notul label span{float: left; width: 100%; margin: 0 0 5px; font-weight: bold;} #add_notul input, #add_notul textarea, #add_notul select{height: 36px; float: left; width: 100%; background: #fff; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color: #171719;} #add_notul textarea{padding: 10px 15px; height: 90px;} .simditor-wrapper.toolbar-floating .simditor-toolbar{top: 50px!important} /**** Bestuur - Bericht alle leden ****/ #sendmail_to_all{padding: 5px 15px 15px; background: #fafafa;} #sendmail_to_all label{float: left; width: 100%; padding: 10px 0;} #sendmail_to_all label span{float: left; width: 100%; margin: 0 0 5px; font-weight: bold;} #sendmail_to_all label input, #sendmail_to_all label textarea{height: 36px; float: left; width: 100%; background: #fff; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color: #171719;} #sendmail_to_all label textarea{padding: 10px 15px; height: 90px;} #sendmail_to_all img{display: none; height: 24px; float: left; margin: 4px 0 0 10px} /**** Bestuur - Wiki ****/ .wiki_menu{margin: 0 0 15px; font-size: 14px;} .wiki_menu a{float: left; width: 100%; padding: 5px 10px; color: #cf9b34; border: 1px solid #CFCFCF; margin: -1px 0 0;} .wiki_menu a i{display: inline-block; width: 25px;} .wiki{border-top: 1px solid #CFCFCF; padding: 20px 0 0} .wiki li{list-style-type: none; float: left; width: 100%; border-bottom: 1px solid #CFCFCF; margin: 0 0 20px;} /**** Bestuur - Export ****/ .export_item{border-bottom: 1px solid #CFCFCF; padding: 30px 5px;} .export_item:first-child{padding-top: 0;} .export_item h3{margin: 0 0 20px;} .export_item input{height: 32px; float: left; width: calc(100% - 110px); max-width: 100%; background: transparent; border: 1px solid #CFCFCF; padding: 0 15px; font-size: 14px; color: #171719;} .export_item button{float: right; width: 100px;} /**** Footer ****/ #footer{padding-bottom: 40px;} #footerbtn{position: fixed; bottom: 0; left: 0; height: 42px; z-index: 99999;} #footerbtn:after{content: "\00a0"; float: left; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #EEEEEE; opacity: 0.8; z-index: 1;} #footerbtn .btn.s_btn{position: relative; z-index: 2; margin: 5px 0 0} #footerbtn #maxw1 > a{float: left;} #footerbtn #maxw1 > a:last-child{float: right;} @media screen and (max-width: 450px){ #personal{position: relative;} .personal_img{position: absolute; right: 0; top: 0; width: 70px;} .personal_content{padding: 15px 70px 0 0; width: 100%; float: left;} .personal_content li{font-size: 15px} .lid_img{position: absolute; right: 0; top: 15px; width: 70px;} .lid_content{padding: 15px 70px 0 0; width: 100%; float: left;} } @media screen and (max-width: 360px){ #validate_sub #pop_up{width: 90%; max-width: 100%; margin: 0 5%} .eventspecs span{margin: 0; width: 100%;} .eventspecs span b{float: left; width: 90px;} } /**** Formulieren ****/ #page_content div.wpcf7{float: left; width: 100%; margin: 0 0 30px} #page_content .wpcf7 form{float: left; width: 100%; max-width: 500px;} #page_content .wpcf7 form h3{float: left; width: 100%; } #page_content .wpcf7 form h3.betweenhead{margin-top: 20px;} #page_content .wpcf7 form p{margin: 0;} #page_content .wpcf7 form label{float: left; width: 100%; font-size: 14px; margin: 15px 0 2px;} #page_content .wpcf7 form input[type="url"], #page_content .wpcf7 form input[type="text"], #page_content .wpcf7 form input[type="file"], #page_content .wpcf7 form input[type="email"], #page_content .wpcf7 form input[type="tel"], #page_content .wpcf7 form input[type="number"], #page_content .wpcf7 form input[type="password"], #page_content .wpcf7 form input[type="date"], #page_content .wpcf7 form textarea, #page_content .wpcf7 form select{float: left; width: 100%; height: 40px; border: 1px solid #F4F4F4; border-bottom-color: #cf9b34; padding: 0 10px; font-size: 15px;} #page_content .wpcf7 form select option{font-weight: bold;} #page_content .wpcf7 form textarea{height: 150px; padding: 10px;} #page_content .wpcf7 form button{margin: 10px 0 0} #page_content .wpcf7 [aria-invalid="true"]{border-color: red!important} #page_content .wpcf7 span.wpcf7-not-valid-tip{display: none!important;} #page_content .wpcf7 span.gebruikersnaam_user span.wpcf7-not-valid-tip, #page_content .wpcf7 span.passw1_user span.wpcf7-not-valid-tip, #page_content .wpcf7 span.passw2_user span.wpcf7-not-valid-tip, #page_content .wpcf7 span.email_user span.wpcf7-not-valid-tip{display: inline-block!important; float: left; width: 100%;} #page_content .wpcf7 div.wpcf7-response-output{float: left; width: 100%; margin: 10px 0 0!important; border: none!important; padding: 0!important; font-size: 13px; color: red;} #page_content .wpcf7 div.wpcf7-mail-sent-ok{color: #398f14!important} .overlay{display: none; position: fixed; top: 0; left: 0; height: 100%; background: #EEEEEE; opacity: 0.8; z-index: 400;} .lid_info_block{display: none; position: fixed; top: 60px; z-index: 500; left: 0; right: 0; margin: auto; background: #fff; max-width: 600px; padding: 15px 25px 25px; -webkit-box-shadow: 0px 0px 5px 0px #858585; -moz-box-shadow: 0px 0px 5px 0px #858585; box-shadow: 0px 0px 5px 0px #858585;} .lid_info_block h3{position: relative; padding: 10px 40px 10px 0; border-bottom: 1px solid #BBBBBB; margin: 0 0 20px;} .lid_info_block h3 i{position: absolute; width: 30px; text-align: center; float: left; right: 0; top: 50%; height: 30px; line-height: 30px; margin: -15px 0 0; font-size: 18px; color: #655c5c} .lid_info_block ul{float: left; width: 50%; font-size: 14px; margin-bottom: 25px; min-width: 240px;} .lid_info_block ul li{list-style-type: none; float: left; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px;} .lid_info_block ul li i{display: inline-block; width: 30px;} .lid_info_block ul li img{max-width: 100%; max-height: 75px} .lid_info_block ul li a{color: #655c5c} .lid_info_block ul li a:hover{text-decoration: underline} .lid_info_block p{font-size: 14px; margin: 0; padding: 20px 0 0; border-top: 1px solid #BBBBBB} .terugblik { margin-left: 20px; } .terugblik a { color: #cf9b34 } .foto_imp_container {margin-top: 20px;} .foto_imp_container img {width: 100%; height: auto}