@import url('beheer.css'); @import url('default-elements.css'); @import url('dashboard.css'); html { height: 100%; overflow: -moz-scrollbars-vertical; } body { width: 100%; height: 100%; border: 0; /* This removes the border around the viewport in old versions of IE */ margin: 0; padding: 0; background-color: #e5e5e5; font: 12px arial, tahoma, verdana, helvetica, sans-serif; } body.ckeditor, body.iframe { background-color:#ffffff; } table, tr, td { font:12px arial, tahoma, verdana, helvetica, sans-serif; } .light { opacity:0.65; } a:link, a:hover, a:active, a:visited { text-decoration:underline; border:none; outline:none; } .force-break { *word-break: break-all; word-break: break-word; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } a img { border:0; } .float-none { float:none!important; } .no-padding { padding:0!important; } .no-margin { margin:0!important; } .margin-t20 { margin-top:20px!important; } td a:link, td a:visited, td a:hover { text-decoration:none; } h1,h2,h3,h4,p { margin:0; padding:0; padding-bottom:1em; } h1 { font-size:26px; font-weight:normal; } h2 { font-size:16px; font-weight:bold; } h3 { font-size:14px; font-weight:bold; } h4 { font-size:12px; font-weight:bold; } input { padding:0; } input.file, input.text { border:1px solid #d1d1d1; background-color:#ffffff; height:20px; line-height:20px; } input.text.error { border:1px solid #f00000; } span.error { color:#f00000; } div.button { height:22px; display:table; display:inline-block; *display: inline; zoom:1; background-position:top left; background-repeat:no-repeat; cursor:pointer; vertical-align:top; } div.button.reset { margin-left:5px; } div.button input { font: 11px arial, tahoma, verdana, helvetica, sans-serif; font-weight:bold; color:#6d6f71; display:block; background-position:right 1px; background-repeat:no-repeat; background-color:transparent; border:0; height:23px; width:auto; *overflow:visible; margin-left:11px; padding:0 15px 0 4px; cursor:pointer; margin-top:-1px; } input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } div.button a { font: 11px arial, tahoma, verdana, helvetica, sans-serif; font-weight:bold; color:#6d6f71; display:block; background-position:top right; background-repeat:no-repeat; background-color:transparent; border:0; height:23px; line-height:21px; width:auto; *overflow:visible; margin-left:11px; padding-left:4px; padding-right:15px; padding-top:1px; white-space:nowrap; } div.button a:link, div.button a:visited, div.button a:hover { text-decoration:none; } div.button.right { float:right; } div.button { background-image:url('/legacy/images/btn_left.png'); } div.button input,div.button a { background-image:url('/legacy/images/btn_right.png'); } div.button.alert { background-image:url('/legacy/images/btn_alert_left.png'); } div.button.alert input,div.button.alert a { background-image:url('/legacy/images/btn_alert_right.png'); } div.button.blue { background-image:url('/legacy/images/btn_blue_left.png'); } div.button.blue input,div.button.blue a { background-image:url('/legacy/images/btn_blue_right.png'); color:#ffffff; } div.button.confirm { background-image:url('/legacy/images/btn_confirm_left.png'); } div.button.confirm input,div.button.confirm a { background-image:url('/legacy/images/btn_confirm_right.png'); color:#ffffff; } div.button.switch-middle.active { background-image:url('/legacy/images/btn-left-flat-enabled.png'); } div.button.switch-middle.inactive { background-image:url('/legacy/images/btn-left-flat-disabled.png'); } div.button.switch-middle a, div.button.switch-middle.inactive a { margin-left:20px; background-image:url('/legacy/images/btn-right-flat.png'); } div.button.switch-left.active { background-image:url('/legacy/images/btn-left-round-enabled.png'); } div.button.switch-left.inactive { background-image:url('/legacy/images/btn-left-round-disabled.png'); } div.button.switch-left a, div.button.switch-left.inactive a { margin-left:20px; background-image:url('/legacy/images/btn-right-flat.png'); } div.button.switch-right.active { background-image:url('/legacy/images/btn-left-flat-enabled.png'); } div.button.switch-right.inactive { background-image:url('/legacy/images/btn-left-flat-disabled.png'); } div.button.switch-right a, div.button.switch-right.inactive a{ margin-left:20px; background-image:url('/legacy/images/btn-right-round.png'); } div.button.toggle.active { background-image:url('/legacy/images/btn-left-round-enabled.png'); } div.button.toggle.inactive { background-image:url('/legacy/images/btn-left-round-disabled.png'); } div.button.toggle a{ margin-left:20px; background-image:url('/legacy/images/btn-right-round.png'); } div.button.disabled { background-image:url('/legacy/images/btn_left.png'); cursor:default; } div.button.disabled input, div.button.disabled a{ color:#ffffff; background-image:url('/legacy/images/btn_right.png'); cursor:default; } ul { list-style-type:disc; padding-left:15px; } #rapportage_content_wrapper p + ul { margin-top:-1em; } ul ul { list-style-type:circle; } ol { /*padding-left:25px;*/ } .container { width:976px; margin: 11px auto; } .padding { padding:0 35px; } .siteheader { background-image:url('/legacy/images/bg_header.png'); background-repeat:no-repeat; background-position:0 0; height:33px; font-size:11px; } .siteheader .padding { padding-top:9px; } .benchmarkname { float:left; font-weight:bold; } .securemenu { float:right; } #b-verwijder-selectie { background-image:url('/legacy/images/ico_tagclose.gif'); background-repeat:no-repeat; background-position:right 5px; padding-right:14px; float:left; margin-left:18px; color:#666666; position:absolute; left:430px; margin-top:3px; text-decoration:underline; } .username { font-weight:bold; background-image:url('/legacy/images/ico_lock.gif'); background-repeat:no-repeat; background-position:0 0; padding-left:16px; } .headerimage { background-image:url('/legacy/images/bg_content.gif'); padding:0 1px; } .headerimage p { padding:0; margin:0; } .headerimage img { vertical-align: bottom; } .headertoggle { position:absolute; right:35px; top:16px; } input.radio { width:14px; height:14px; margin:2px 5px 0 0; } .mainmenu { background-image:url('/legacy/images/bg_content.gif'); height:44px; position:relative; } .mainmenu .padding { padding-top:6px; } .mainmenu ul { list-style:none; padding:0; margin:0; text-align:center; } .mainmenu ul li { display:inline; position:relative; margin:0; padding:0; height:33px; } .mainmenu ul li a{ display:inline-block; height:33px; } .mainmenu ul li span { display:inline-block; height:25px; padding:9px 11px 0 3px; margin-left:9px; font-weight:bold; cursor:pointer; } .mainmenu a:link, .mainmenu a:visited, .mainmenu a:hover { text-decoration:none; } .mainmenu ul li a:hover { background-image:url('/legacy/images/bg_mainmenu-hover-left.gif'); background-position:top left; background-repeat:no-repeat; } .mainmenu ul li a:hover span { background-image:url('/legacy/images/bg_mainmenu-hover-right.gif'); background-position:top right; background-repeat:no-repeat; } .mainmenu ul li.active a { background-image:url('/legacy/images/bg_mainmenu-left.png'); background-position:top left; background-repeat:no-repeat; } .mainmenu ul li.active a span { background-image:url('/legacy/images/bg_mainmenu-right.png'); background-position:top right; background-repeat:no-repeat; } .submenu ul { list-style:none; margin:0; padding:0; } .submenu ul li { background-image:url('/legacy/images/bg_mainmenu-left.png'); background-position:top left; background-repeat:no-repeat; background-color:#e5e5e5; position:relative; margin:0; margin-bottom:5px; padding-left:10px; height:33px; display:block; } .submenu ul li a{ background-image:url('/legacy/images/bg_mainmenu-right.png'); background-position:top right; background-repeat:no-repeat; display:block; height:33px; margin-left:10px; padding-right:10px; } .submenu ul li a span { top:9px; line-height:15px; position:relative; visibility:hidden; } .submenu ul li a:link span, .submenu ul li a:hover span, .submenu ul li a:visited span { color:#666666; } .hr-gradient { width:974px; height:40px; background-image:url('/legacy/images/hr-gradient.gif'); margin:0 1px; background-repeat:repeat-x; } hr { border:0; border-top: 1px solid #d1d1d1; } .box-fixed-right { position:relative; float:right; width:500px; } .box-fixed-right .textbox { position:absolute; right:35px; top:-5px; } .sitecontent { background-image:url('/legacy/images/bg_content.gif'); } .sitecontent .padding { padding-bottom:40px; padding-left:24px; padding-right:24px; } .sitecontent .col_1 { float:left; width:210px; margin:0 11px; } .sitecontent .col_1_3 { float:left; width:280px; margin:0 11px; } .sitecontent .col_2 { float:left; width:442px; margin:0 11px; } .sitecontent .col_3 { float:left; width:674px; margin:0 11px; } .sitecontent .col_4 { float:left; width:906px; margin:0 11px; overflow:visible; } .sitecontent .alpha { margin-left:0px; } .sitecontent .omega { margin-right:0px; } .sitecontent .box { background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; background-color:#ffffff; border:1px solid #d1d1d1; position:relative; top:-10px; margin-bottom:-10px; } .sitecontent .box .padding { padding:10px 10px 15px 10px; } .sitecontent .box h2 { border-bottom:1px solid #d1d1d1; padding-bottom:8px; margin-bottom:8px; } .sitecontent .box h4 { color:#666666; padding-bottom:4px; } .sitefooter { width:976px; height:6px; background-image:url('/legacy/images/bg_footer.png'); background-repeat: no-repeat; padding-top: 15px; } fieldset { border:0; padding:0; margin:0; } /* VOORTGANG */ .voortgang { width:672px; height:114px; border:1px solid #D1D1D1; margin-bottom:30px; } .voortgang .padding { padding:10px; } .voortgang .voortgangtext { width:292px; height:114px; float:left; } .voortgang .voortgangtext #enddate { color:#71bf00; } .voortgang .voortgangprogress { height:120px; float:left; } .voortgang .voortgangholder { margin-top:10px; width:368px; height:40px; border:1px solid #D1D1D1; } .voortgang .voortgangholder .commitstatusholder { float:left; margin:1px 1px 1px 0; height:38px; width:115px; } .voortgang .voortgangholder .commitstatus { margin-top:9px; margin-left:17px; position:relative; } .voortgang .voortgangholder .commitstatus .committooltip { position:absolute; padding: 30px 20px 20px 20px; background-image:url('/legacy/images/bg-inlever-tooltip.png'); background-repeat:no-repeat; width:146px; height:51px; text-align: center; font-size: 12px; top:30px; left:-47px; color:#ffffff; display:none; z-index: 1; } .voortgang .voortgangholder .commitstatus .ingeleverd { padding-right:20px; height:15px; background-image:url('/legacy/images/ico_ok.gif'); background-repeat:no-repeat; background-position:right center; } .voortgang .voortgangholder .barholder { margin:1px; width:250px; height:38px; position:relative; overflow:hidden; float:left; } .voortgang .voortgangholder .barholder { background-color:#90c9e5; } .voortgang .voortgangholder .barholder.inactive { background-color:#d1d1d1; } .voortgang .voortgangholder .barholder .barname { position:absolute; top:10px; left:10px; color:#ffffff; } .voortgang .voortgangholder .barholder .progressbar { background-color:#01a1eb; position:absolute; top:0; width:250px; height:38px; } /* QUESTIONCATEGORIES */ .qlistbuttons { width:442px; padding-top:5px; text-align:right; vertical-align:top; } .qlistbuttons.inleverenmodal { width:100%; } .catlist { margin-bottom:20px; width:100%; } .catlist th .padding { padding:5px 10px; } .catlist td .padding { padding:8px; } .catlist th div{ font-size:11px; font-weight:bold; } .catlist .left { width:292px; text-align:left; } .catlist th.left { background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; border:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .catlist td { background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; } .catlist td.left { background-color:#ffffff; border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .catlist .right { width:73px; text-align:right; } .catlist th.right { background-color:#e5f5fd; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .catlist th.right1 { width:74px; text-align:right; background-color:#e5f5fd; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-right:none; } .catlist td.right { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .catlist .left a { float:left; } .catlist td.completed, .catlist td.opt_completed { text-align:right; border-right:1px solid black; border-top:1px solid black; padding:5px; background-color:#efefef; } .catlist .footer td { height:9px; font-size:1px; line-height:1px; } .catlist .footer td.left { border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .catlist .footer td.right { background-color:#e5f5fd; background-image:none; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .catlist .footer td.right1 { width:74px; background-color:#e5f5fd; background-image:none; border-bottom:1px solid #d1d1d1; border-right:none; } .catlist .ico_commited, .catlist .ico_warning, .catlist .ico_error {display:none;float:right;margin-left:5px;} .catlist .warning .ico_warning {display:inline;} .catlist .error .ico_error {display:inline;} .catlist .ok .ico_commited {display:inline;} .catlist .commited .ico_commited {display:inline;} .catlist .locked .ico_locked {display:inline;} .catlist .locked .ico_warning {display:none;} .catlist .locked .ico_error {display:none;} .catlist .locked .ico_commited{display:none;} .catlist .locked a:link, .catlist .locked a:visited, .catlist .locked a:hover { color:#666666; } .catlist.viewonly .left { width:440px; border-right:1px solid #d1d1d1; } .catlist .checkbox { float:left; } .catlist label { padding-top:2px; float:left; } .catlist .catlisttoggle { display:none; } .catlist.collapsible .catlisttoggle { display:block; margin-right:5px; margin-top:1px; } .catlist.collapsible tbody.content { display:none; } .catlist.locked { display:none; } /* Uploadlist */ .uploadlist { margin-bottom:20px; width:100%; } .uploadlist rd, .uploadlist tr { background-image:url('/legacy/images/bg_question_depth2.gif'); } .uploadlist th .padding { padding:5px 10px; } .uploadlist td .padding { padding:8px; } .uploadlist th div{ font-size:11px; font-weight:bold; } .uploadlist .datetime { border:1px solid #d1d1d1; border-bottom:0px ; width: 120px; } .uploadlist .user { width:150px; text-align:left; } .uploadlist .filename { width:auto; text-align:left; } .uploadlist .user, .uploadlist .filename { border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .uploadlist .footer td.datetime { border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; } .uploadlist .footer td.user, .uploadlist .footer td.filename { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } /* QUESTIONS */ .qheader td { border-top:1px solid #d1d1d1; background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; background-color:#ffffff; font-weight:bold; font-size:11px; } .qheader td div { font-size:11px; } .qheader .padding { padding:1px 0 0 20px; } .questionlinks { display: inline-block; padding-bottom:5px; width:622px; } .questionlinks div * { float:left; } .questionlinks div label, .questionlinks div span, .questionlinks div a { padding-top:2px; } #questionbuttonholder { position:absolute; bottom:5px; left:50px; top:0; height:49px; width:500px; padding-left:21px; padding-top:15px; background-image:url('/legacy/images/bg-bijwerken-buttons-small.png'); background-repeat:no-repeat; background-color:transparent; } .questionbuttons { width:400px; padding-top:5px; text-align:right; vertical-align:top; } .questionvervolgvragen { float:left; margin-top:3px; padding-left:15px; background:url('/legacy/images/ico_arrow_down.gif') 0px 3px no-repeat; } .questions { position:relative; width:906px; } .qlist { position:relative; top:-7px; margin-bottom:20px; } .question { width:642px; cursor:pointer; } .question.istitle { cursor:default; } .question td { vertical-align:top; border-bottom:1px solid #d1d1d1; } .childinput { position:relative; } .childorgquestion-viewport { max-height: 500px; overflow-y: scroll; overflow-x:hidden; width:619px; margin-left:5px; margin-top:7px; } .childorgquestion.error .message { display:block; } .childorgquestion.ok .message { display:none; } .childorgquestion.ok input { border:1px solid #7fd602; } .childorgquestion.error input { border: 1px solid #f20000; } .childorgquestion td { } .childorgquestion td .padding, .question td .padding { padding:10px 8px 10px 0; } .question td.status { width:20px; font-size:11px; text-align:center; } .question td.status .padding { padding-top:12px; } .question td.status * { font-size:9px; } .question td.status .ico_mandatory {display:none;} .question.mandatory td.status .ico_mandatory {display:block;} .question td.status .statusicon {position:relative;} .question td.status .statusicon .ico_warning, .question td.status .statusicon .ico_error { display:none; position:absolute; top:1px; left:-18px; z-index:999; } .question td.text { width:253px; border-right:1px solid #d1d1d1; } .question td.text .padding { padding-right:8px; } .question td.text .icode { color:#999999; font-size:10px; } .question td.info { width:22px; text-align:center; } .childorgquestion td.info .padding, .question td.info .padding { padding:11px 0; } .childorgquestion td.info img.infoicon, .question td.info img.infoicon { display:none; } .childorgquestion.hasinfo td.info img.infoicon, .question.hasinfo td.info img.infoicon { display:inline; } .childorgquestion td.info .icode, .question td.info .icode, .childorgquestion td.info .description, .question td.info .description, .childorgquestion td.info .options, .question td.info .options { display:none; } table.benchmarking, table.benchmarking * { font-family:arial, tahoma, verdana, helvetica, sans-serif; } .question td.qform { width:195px; border-right:1px solid #d1d1d1; } .question td.qform .padding { padding-right:8px; } .question td.qform div.qform { margin-bottom:8px; min-height:44px; } .question.benchmarking td.qform div.qform { min-height:54px; } .question td.qform div.qforminfo { margin-bottom:8px; color: #999999; font-size: 10px; } .question td.qform .nap_text, .question td.qform .nav_text, .childorgquestion td.qform .nap_text, .childorgquestion td.qform .nav_text { display:none; } .question td.qform div.message { display:none; } .question td.previous { width:130px; } .question.int td.previous, .question.float td.previous, .question.float1 td.previous, .question.float2 td.previous, .question.int td.qform, .question.float td.qform, .question.float1 td.qform, .question.float2 td.qform, .question.readonly.int td.qform, .question.readonly.float td.qform, .question.readonly.float1 td.qform, .question.readonly.float2 td.qform, .question.benchmarking.int td.qform, .question.benchmarking.float td.qform, .question.benchmarking.float1 td.qform, .question.benchmarking.float2 td.qform, .childorganisations_questions.int td.childinput, .childorganisations_questions.float td.childinput, .childorganisations_questions.float1 td.childinput, .childorganisations_questions.float2 td.childinput { text-align:right; } .question td.previous .padding { padding: 10px; } .question td.previous .premarkicon { display:none; } .question.haspremark td.previous .premarkicon { display:inline; } .question td.indicator { width:20px; } .childorgquestion td.indicator { width:16px; } .question.depth1 { margin-top:7px; } .question.depth1 td { border-top:4px solid #d1d1d1; background-image:url('/legacy/images/bg_question_depth1.gif'); background-repeat:repeat-x; background-color:#f5f5f5; } .question.depth2 td { background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; background-color:#ffffff; } .question tr.option td.spacer { border-bottom:0px; width:30px; } .question tr.option td { border-top:0px; background-image:none; background-color:#ffffff; } .question tr.option td.option { text-align: right; position: relative; } .question tr.option td.option div.padding { padding-left:30px; } .question tr.option td.option div.padding.drilldownpadding { padding-left:30px; padding-right:30px; } .question tr.option td.option a.childorganisations_toggle { position:absolute; right:0px; top: 7px; } .question.active td { background-image:none; background-color:#e5f5fd; } .question.depth1 td.indicator, .question.depth2 td.indicator, .childorgquestion td.indicator { border:0; background-image:none; background-color:#ffffff; } .question.routing_hide { display:none; } .question.routing_hide.force_show, .question.force_show { display:table; } .question td.indicator .indicator_holder { height:93px; } .childorgquestion td.indicator .indicator_holder { height:70px; width:16px; } .question td.indicator .indicator_holder img, .childorgquestion td.indicator .indicator_holder img { display:none; } .question.active td.indicator .indicator_holder img, .childorgquestion.active td.indicator .indicator_holder img { display:inline; } .childorgquestion.error .message, .question.error td.qform div.message { color:#f20000; display:block; } .childorgquestion.warning .message, .question.warning td.qform div.message { color:#ffa200; display:block; } .color-warning { color:#f20000!important; } .question.error td.status .statusicon .ico_error { display:inline; } .question.warning td.status .statusicon .ico_warning { display:inline; } div.checkmark { font-weight:bold; font-size:1.2em; line-height: 1em; text-align: center; } .question input.int, .question input.float, .question input.float1, .question input.float2, .childorgquestion input.int, .childorgquestion input.float, .childorgquestion input.float1, .childorgquestion input.float2 { border:1px solid #666666; width:72px; height:20px; line-height:20px; padding:0 2px; text-align:right; } .question input.file, .question input.text, .question input.postalcode_nl, .childorgquestion input.text, .childorgquestion input.postalcode_nl { border:1px solid #666666; width:178px; height:20px; line-height:20px; padding:0 2px; } .question input.date, .childorgquestion input.date { float:left; border:1px solid #666666; width:100px; height:20px; line-height:20px; padding:0 2px; } .question img.ui-datepicker-trigger, .childorgquestion img.ui-datepicker-trigger { float:left; margin-left:5px; margin-top:1px; width:19px; height:19px; } .question textarea.text, .childorgquestion textarea.text { border:1px solid #666666; width:178px; height:100px; padding:2px; } .question input.boolean, .question input.radio, .question input.checkbox, .childorgquestion input.boolean, .childorgquestion input.radio, .childorgquestion input.checkbox { float:left; padding:0; margin:2px 5px 0 0; width:14px; height:14px; } .question .qinput label { float:left; padding-top:2px; max-width:168px; } .question select { border:1px solid #666666; width:180px; overflow:auto; } .question.error input.int, .question.error input.float, .question.error input.float1, .question.error input.float2, .question.error input.text, .question.error input.postalcode_nl, .question.error input.date, .question.error textarea.text, .question.error select, .childorgquestion.error input.int, .childorgquestion.error input.float, .childorgquestion.error input.float1, .childorgquestion.error input.float2, .childorgquestion.error input.text, .childorgquestion.error input.postalcode_nl, .childorgquestion.error input.date, .childorgquestion.error textarea.text, .childorgquestion.error select { border:1px solid #f20000; } .question.warning input.int, .question.warning input.float, .question.warning input.float1, .question.warning input.float2, .question.warning input.text, .question.warning input.postalcode_nl, .question.warning input.date, .question.warning textarea.text, .question.warning select, .childorgquestion.warning input.int, .childorgquestion.warning input.float, .childorgquestion.warning input.float1, .childorgquestion.warning input.float2, .childorgquestion.warning input.text, .childorgquestion.warning input.postalcode_nl, .childorgquestion.warning input.date, .childorgquestion.warning textarea.text, .childorgquestion.warning select { border:1px solid #ffa200; } .question.ok input.int, .question.ok input.float, .question.ok input.float1, .question.ok input.float2, .question.ok input.text, .question.ok input.postalcode_nl, .question.ok input.date, .question.ok textarea.text, .question.ok select, .childorgquestion.ok input.int, .childorgquestion.ok input.float, .childorgquestion.ok input.float1, .childorgquestion.ok input.float2, .childorgquestion.ok input.text, .childorgquestion.ok input.postalcode_nl, .childorgquestion.ok input.date, .childorgquestion.ok textarea.text, .childorgquestion.ok select { border:1px solid #7fd602; } .question .question-options-list { position:relative; } .question .question-options-list, .question .question-options-list li { list-style:none; } .question .question-options-list .question-options { position: absolute; background:#F9FCE2; padding:5px; top:22px; right:0; } .question.propagation .qinput, .question.autoanswer .qinput { display:none; } .question.numeric.propagation .override_info .auto_value, .question.numeric.autoanswer .override_info .auto_value { font-size:11px; display:block; } .question.numeric.overridden .override_info .auto_value, .question.numeric.overridden .override_info .auto_value { display:none; } .question.numeric.propagation .qinput, .question.numeric.autoanswer .qinput { display:block; } .question.propagation.overridden .qinput, .question.autoanswer.overridden .qinput { display:block; } .question.numeric.propagation.overridden .qinput input, .question.numeric.autoanswer.overridden .qinput input { background-color: white; } .question.numeric.propagation .qinput input, .question.numeric.autoanswer .qinput input { background-color: #fdf3be; } .question.numeric .propagation_override_info label, .question.numeric .autoanswer_override_info label { position:absolute; left:-1000px; } .question.numeric .changed-value .override_info label, .question.numeric.overridden .override_info label, .question.numeric.nav_hide .override_info label, .question.numeric.nap_hide .override_info label { position:relative; left:auto; } .question.propagation.overridden .propagationvalue, .question.propagation.overridden .propagation_type, .question.propagation.overridden .value, .question.autoanswer.overridden .value { display:none; } .question .propagation_override_info, .question .autoanswer_override_info { margin-top:15px; text-align: right; font-size: 11px; } .question .autoanswer_override_info input { position: absolute; left:-9999px; } .question .propagation_override_info input{ position: absolute; left:-9999px; } .question .propagation_override_info label, .question .autoanswer_override_info label{ cursor:pointer; text-decoration:underline; } .question.nav_hide td.qform .qinput {display:none;} .question.nav_hide td.qform .value {display:none;} .question.nav_hide td.qform .nav_text {display:block;} .question.nav_hide td.qform .propagationvalue {display:none;} .question.nav_hide td.qform .propagation_type {display:none;} .question.nap_hide td.qform .qinput {display:none;} .question.nap_hide td.qform .value {display:none;} .question.nap_hide td.qform .propagationvalue {display:none;} .question.nap_hide td.qform .propagation_type {display:none;} .question.nap_hide td.qform .nap_text {display:block;} .childorgquestion.nav_hide td.qform .qinput {display:none;} .childorgquestion.nav_hide td.qform .value {display:none;} .childorgquestion.nav_hide td.qform .nav_text {display:block;} .childorgquestion.nav_hide td.qform .propagationvalue {display:none;} .childorgquestion.nav_hide td.qform .propagation_type {display:none;} .childorgquestion.nap_hide td.qform .qinput {display:none;} .childorgquestion.nap_hide td.qform .value {display:none;} .childorgquestion.nap_hide td.qform .propagationvalue {display:none;} .childorgquestion.nap_hide td.qform .propagation_type {display:none;} .childorgquestion.nap_hide td.qform .nap_text {display:block;} .question .routing_autoanswer_info { display:none; } .questions .qinfo { position:absolute; width:262px; background-color:#e5f5fd; border:1px solid #d1d1d1; /* height:420px; */ right:0px; top:0px; } .questions .qinfo .qinfotabs { background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; background-color:#ffffff; border-bottom:1px solid #d1d1d1; height:22px; } .questions .qinfo .qinfotabs .tab { float:left; height:19px; margin:3px 2px 0 2px; padding:0 10px; border-left:1px solid #d1d1d1; border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1; cursor:pointer; } .questions .qinfo .qinfotabs .tab a:link, .questions .qinfo .qinfotabs .tab a:visited, .questions .qinfo .qinfotabs .tab a:hover { font-size:11px; text-decoration:none; } .questions .qinfo .qinfotabs .tab.active { background-color:#e5f5fd; border-left:1px solid #d1d1d1; border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1; } .questions .qinfo .qinfotabs .tab.active a:link, .questions .qinfo .qinfotabs .tab.active a:visited, .questions .qinfo .qinfotabs .tab.active a:hover { font-size:11px; font-weight:bold; color:#666666; text-decoration:none; } .questions .qinfo .padding { padding:10px; } .questions .qinfo .description { max-height:250px; overflow-y:auto; } .questions .qinfo .description .content { background:transparent; } .questions .qinfo .qoptions { margin-top:20px; } .questions .qinfo .qoptions label { font-size:12px; padding-top:2px; } .questions .qinfo .qoptions .remark { width:237px; height:50px; border:1px solid #d1d1d1; } #remark-show, #remark-edit { font-size:14px; float:right; } #remark-preview .content { display: block; position: relative; border: 1px solid #DDD; min-height: 150px; margin: 17px auto; padding: 20px; } .question.istitle td.status { width:10px; } .question.istitle td.status * { display:none; } .question.istitle .text { border-right:none; width:581px; } .question.istitle .text .icode { display:none; } .question.istitle .text * { font-weight:bold; } .question.istitle .text p { padding:0; } .question.istitle td.info { width:10px; } .question.istitle td.qform { border-right:none; width:10px; } .question.istitle td.info div.padding, .question.istitle td.qform div.padding { display:none; } .question.istitle td.previous { width:10px; } .question.istitle td.indicator .indicator_holder { height:0; } .toggle-question-options { float: right; display: inline-block; width: 23px; height: 22px; cursor: pointer; background-image: url('/legacy/images/icon-down.png'); } /* QUESTIONS BENCHMARKING */ div.questions.benchmarking { /* width:674px; */ } .qheader.benchmarking td { vertical-align:top; } .qheader.benchmarking td:first-child .padding { width:auto; } .qheader.benchmarking .padding { margin:1px 8px 0 8px; padding:0; width:84px; overflow-x:hidden; } .question.benchmarking { cursor:default; width:100%; } .question.benchmarking td.text { /*width:269px;*/ width:auto; } .question.benchmarking td.text .padding { padding-left:10px; } .question.benchmarking.istitle td.text { width:662px; } .question.benchmarking.istitle td.qform { width:1px; } .question.benchmarking.istitle td.qform * { display:none; } .question.benchmarking td.text .bmbutton { margin:10px 0; } .question.benchmarking td.qform { width:100px; } .question.benchmarking td.qform .padding { padding:10px 8px; } .question.benchmarking td.indicator { width:0px; overflow:hidden; } .childorganisations_questions table.childorgquestion { width:620px; background:white; } .childorganisations_questions table.childorgquestion.active { background-color:#e5f5fd; } .childorganisations_questions .qheader td:first-child { background:#d1d1d1; } .childorganisations_questions .qheader td { cursor:pointer; background-color:#d1d1d1; background-image:url(/legacy/images/icon_sort_none.gif); background-repeat:no-repeat; background-position:right 6px; } .childorganisations_questions .qheader td.asc { background-image:url(/legacy/images/icon_sort_asc.gif); } .childorganisations_questions .qheader td.desc { background-image:url(/legacy/images/icon_sort_desc.gif); } .childorganisations_info { border-top: 1px solid #d1d1d1; text-align: left; line-height:22px; margin-left:-22px; margin-right:0; padding-left:22px; } .childorganisations_toggle { float:right; display:inline-block; width:23px; height:22px; cursor: pointer; background-image:url('/legacy/images/icon-down-small.png'); background-repeat:no-repeat; background-position: 4px 4px; } .childorganisations_toggle.benchmarken { margin-left:10px; margin-top:-3px; margin-right:-2px; } .childorganisations_toggle.active { background-image:url('/legacy/images/icon-up-small.png'); } .child_question_status_icon { margin-top:8px; } .last_change_question_info_link { position:relative; display:inline-block; width:16px; height:16px; margin-top:3px; cursor: pointer; background-image:url('/legacy/images/icon-info.png'); } .last_change_question_info { z-index:9999; display:none; position:absolute; background:white; padding:10px; border:1px solid #d1d1d1; text-align:center; min-width:200px; min-height:50px; top:-45px; left:-225px; } div.button.benchmarking_map { background-image:url('/legacy/images/btn_bm_map_left.png'); } div.button.benchmarking_map:hover { background-image:url('/legacy/images/btn_bm_map_hover_left.png'); } div.button.benchmarking_map a { margin-left:19px; } div.button.benchmarking { background-image:url('/legacy/images/btn_bm_left.png'); } div.button.benchmarking:hover { background-image:url('/legacy/images/btn_bm_hover_left.png'); } div.button.benchmarking a { margin-left:19px; } div.button.delete { background-image:url('/legacy/images/btn_delete.png'); width:22px; height:22px; } div.button.delete a { background:none; margin-left:0; text-indent: -999px; overflow: hidden; } div.button.edit { background-image:url('/legacy/images/btn_edit.png'); width:22px; height:22px; } div.button.edit a { background:none; margin-left:0; text-indent: -999px; overflow: hidden; } table.f_distribution td { background-image:none !important; background-color:transparent !important; border:none !important; padding:0 5px 0 0; } /* BENCHMARKMODAL */ .bm_header{ height:63px; } .bm_header .padding { padding:20px; } .bm_content { background-image:url('/legacy/images/bg_bm_modal.gif'); background-position:0 0; background-repeat:repeat-x; height:503px; overflow:hidden; } .bm_content .padding { padding:20px; } .bm_text{ width:210px; height:460px; margin-right:20px; float:left; overflow:hidden; overflow-y:auto; } .bm_graph{ width:665px; height:460px; float:left; overflow-y:auto; overflow-x:hidden; } .bmtable { border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; } .bmtable th { border-right:1px solid #d1d1d1; border-bottom:4px solid #d1d1d1; background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; background-color:#ffffff; text-align:left; height:16px; padding: 0 7px 0 7px; } .bmtable td { border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background-image:url('/legacy/images/bg_question_depth1.gif'); background-repeat:repeat-x; background-color:#f5f5f5; padding:10px 7px 10px 7px; } /* NEWS */ .newslist .items { background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; background-color:#ffffff; border:1px solid #d1d1d1; height:300px; overflow:auto; } .newslist .items .padding { padding:8px; } .newslist .items ul { list-style:none; margin:0; padding:0; } .newslist .items ul li { padding-bottom:15px; } .newslist .items .title a { font-size:12px; } .newslist .items .title a:link, .newslist .items .title a:visited { text-decoration:none; } .newslist .items .title a:hover { text-decoration:underline; } .newslist .items .date { font-size:11px; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } div.condtext { border:1px dotted #ff0000; background-image:url('/legacy/admin/images/ico_condtext.gif'); background-repeat:no-repeat; background-position:2px 2px; background-color:#ffe5e5; padding:2px 2px 2px 23px; margin-bottom:10px; } div.chart { display:block; background-image:url('/legacy/admin/images/ico_chart.gif'); background-repeat:no-repeat; background-position:2px 2px; background-color:#e5f8ff; border:1px dotted #00baff; color:#000000; height:16px; padding:2px 2px 2px 23px; font-size:12px; font-weight:bold; margin-bottom:10px; } div.bmnote { display:block; background-image:url('/legacy/admin/images/ico_notes.gif'); background-repeat:no-repeat; background-position:2px 2px; background-color:#fdfbe7; border:1px dotted #ecd511; color:#000000; height:16px; padding:2px 2px 2px 23px; font-size:12px; font-weight:bold; margin-bottom:10px; } div.bmnote span { font-weight:normal; } .rheader {} .rtitle { float:left; } #btn_printreport, #btn_downloadreport { float:right; margin-top:8px; margin-left:8px; margin-bottom:20px; } .chartwarning { margin:10px 0 10px 20px; font-size:11px; } .benchmarknotes, .downloadonly { display:none; } .qlistselectholder{ display:inline-block; position:absolute; border:1px solid #D1D1D1; background-color:#ffffff; left:0; background-color: #FFFFFF; background-image: url("/legacy/images/bg_question_depth2.gif"); background-repeat: repeat-x; } .qlistselectholder.nobox { border:0; background:none; } .qlistselectholder{ display:inline; } html > body .qlistselectholder{ display:inline-block; } .currentqlist { position:relative; display:inline-block; margin:0; } .currentqlist h1 { cursor: pointer; } .currentqlist h1 { cursor: pointer; } .currentqlist .arrow-pulldown { float:left; margin-top:7px; margin-right:5px; margin-left:10px; width:22px; height:22px; background-image:url('/legacy/images/bg_submenu-left.png'); background-color:#E5E5E5; background-repeat:no-repeat; } .currentqlist .arrow-pulldown-inner { margin-left:8px; width:14px; height:18px; background-image:url('/legacy/images/bg_submenu-right.png'); background-color:#E5E5E5; background-position:right top; background-repeat:no-repeat; padding-top:4px; } .currentqlist h1 { float:left; padding:2px 0 0 5px; } .qlistselectholder.nobox .currentqlist h1 { padding:2px 0 0 0; } .selectqlist { display:none; overflow:auto; padding:0px; } .selectqlist a { display:block; text-decoration:none; padding:5px; } .selectqlist a:hover { background-color:#E5E5E5; color:#666666; } table th.padding, table td.padding { padding:0 3px 3px 0!important; text-align:left; } #googlemap { width:200px; height:200px; } div.bijeenkomsten .col_r { width:200px; height:200px; float:left; margin-left:20px; } div.bijeenkomsten .col_l { float:left; width:454px; } div.bijeenkomsten a.deelnemers { font-weight:normal!important; } div.bijeenkomsten div.deelnemers { display:none; } div.bijeenkomsten .tooltip { cursor:default!important; white-space:nowrap; } div.button.cmssmall { background-image:url('/legacy/admin/images/btn_small_left.gif'); height:16px; margin-right:2px; } div.button.cmssmall a, div.button.cmssmall span { font-size:11px; color:#ffffff; background-image:url('/legacy/admin/images/btn_small_right.gif'); height:16px; line-height:14px; margin-left:6px; padding-left:0; padding-right:6px; } /* Good practices */ .catlist.goodpractices .left { width:800px; } .gpervaring-item { border:1px solid #D1D1D1; padding:10px; margin-bottom:20px; position:relative; } .item-topic { margin-bottom:20px; } .artikel-format-img { float:left; margin-right:10px; } .form.frmgp { width:670px; } .form.frmgp .form_left { width:20% } .form.frmgp .form_right { width:80% } .dnlist .items { background-image:url('/legacy/images/bg_question_depth2.gif'); background-repeat:repeat-x; background-color:#ffffff; border:1px solid #d1d1d1; height:300px; overflow:auto; } .dnlist .items .padding { padding:8px; } .dnlist .items ul { list-style:none; margin:0; padding:0; } .dnlist .items ul li { padding-bottom:0px; } .dnlist .items ul li.orgname { margin-top:10px; } .dnlist .items ul li.orgname:first-child { margin-top:0px; } .dnlist .items .title a { font-size:12px; } .dnlist .items .title a:link, .dnlist .items .title a:visited { text-decoration:none; } .newslist .items .title a:hover { text-decoration:underline; } .newslist .items .date { font-size:11px; } .cm_header{ height:63px; } .cm_header .padding { padding:20px; } .cm_content { background-image:url('/legacy/images/bg_bm_modal.gif'); background-position:0 0; background-repeat:repeat-x; height:200px; overflow:hidden; } .cm_content .padding { padding:20px; } .right.procentingevuld { border-bottom:0px !important; padding:5px 10px; text-align:center; } #graph_options { position:absolute; z-index:99999999; width:648px; } p#maxorgwarning { /* width:674px; */ padding-top:20px; } .drilldown-viewport .f_distribution td { padding:0 6px 0 0; } .drilldown-viewport { margin-left:-4px; display: none; border: 1px solid #d1d1d1; width:650px; position:absolute; min-height:200px; background:white; z-index:99; top:600px; padding:20px 15px; } .drilldown-holder { position:relative; } .drilldown-holder * { font-family: arial, tahoma, verdana, helvetica, sans-serif;; } .drilldown-viewport h3 { font-weight:normal; font-size:12px; } .drilldown-viewport #drilldown-export { position:absolute; right:0; top:0; } .drilldown-viewport table th { border-top: 1px solid #d1d1d1; border-bottom: 4px solid #d1d1d1; padding:1px 3px; text-align: left; } .drilldown-viewport tr .middle-column { border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; } .drilldown-viewport tr td { padding:11px 10px; border-bottom: 1px solid #d1d1d1; } .drilldown-viewport tr .first-column { } .drilldown-viewport tr .middle-column { width:102px; } .drilldown-viewport tr .last-column { text-align: right; width:250px; } .drilldown-viewport table.int tr .middle-column, .drilldown-viewport table.int tr .middle-column, .drilldown-viewport table.float tr .middle-column, .drilldown-viewport table.float1 tr .middle-column, .drilldown-viewport table.float2 tr .middle-column { text-align: right; } .drilldown-viewport tr.active td { background:url(../images/bg_drilldown_active.gif) 0 100% repeat-x; } .drilldown-viewport tr.active .middle-column { border-left:0; border-right:0; } .drilldown-viewport .drilldown-column { padding:0 0 0 30px; } .drilldown-viewport .drilldown-column tr.last-row > td { border-bottom:0; } .drilldown-viewport .drilldown-link { background: url(/legacy/images/icon-down-small.png) no-repeat left top; display: inline-block; width: 15px; height: 15px; } .drilldown-viewport tr.active .drilldown-link { background: url(/legacy/images/icon-up-small.png) no-repeat left top; display: inline-block; width: 15px; height: 15px; } .drilldown_levelindicator { float:left; width: 19px; height: 19px; color: #ffffff; font-weight: bold; font-size: 10px; line-height: 19px; text-align: center; } /* loading modal */ .rpt-loading-overlay { width:100%; height:100%; position:fixed; top:0; left:0; background-color:#000000; z-index:999999; opacity:0.5; filter:alpha(opacity=50); display:none; } .rpt-loading-message { position:fixed; width:220px; height:120px; left:50%; margin-left:-110px; top:50%; margin-top:-60px; background-color:white; z-index:9999999; xxdisplay:table; display:none; } .rpt-loading-message div { display: table-cell; vertical-align: middle; text-align: center; } .rpt-close-overlay { position:absolute; top:10px; right:10px; } .highcharts-legend-item span img { position:absolute; top:0; right:0; } .highcharts-legend-item span { width:270px; min-height:15px; overflow: hidden; } ul.toc { list-style: none; margin:0 0 20px 0; padding:0; } .back_to_formats { margin-top:-10px; margin-bottom:20px; } .extralargetext { font-size:26px; font-weight:normal; } .largetext { font-size:16px; font-weight:bold; } .mediumtext { font-size:14px; font-weight:bold; } .viewoptionholder { display: inline-block; padding: 5px 2px; } .comparewithprevious { padding: 6px; box-sizing: border-box; } @media all { .page-break { display: none; } } @media print { .page-break { display: block; page-break-before: always; } } .toggle_show_hide_links { padding:0 0 10px 0; } .viewoptions { margin-bottom:20px; } .togglebox { float:left; margin-right:5px; } table.qheader tr { word-wrap: break-word; } .modal-small { width: 350px; height: 200px; position: fixed; top: calc(50% - 175px); left: calc(50% - 175px); background: #fff; display: none; z-index: 9999; } .modal-default { width: 450px; height: 400px; position: fixed; top: calc(50% - 175px); left: calc(50% - 175px); background: #fff; display: none; z-index: 9999; } .modal-default input[type=text] { width:100%; line-height:30px; padding:0 5px; height:33px; box-sizing: border-box; } #modal_overlay { position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity: 0.5; display:none; z-index:9998; cursor:wait; } #modal_save_selection { width:350px; height:250px; position:fixed; top:calc(50% - 125px); left:calc(50% - 175px); background:#fff; display:none; z-index:9999; } #modal_load_saved_selection { width:350px; height:350px; position:fixed; top:calc(50% - 175px); left:calc(50% - 175px); background:#fff; display:none; z-index:9999; } #modal_load_saved_selection .savedSelectionsList { height:200px; overflow-y:auto; } #modal_load_saved_selection .savedSelectionsList ul { list-style: none; padding:0; margin:0; } #modal_load_saved_selection .savedSelectionsList label { display:block; } #modal_load_saved_selection .savedSelectionsList input { padding: 0; margin: 0; margin-right: 5px; width: 15px; height: 15px; position: relative; top: 3px; } .sfm_header, .sfms_header { height:63px; } .sfm_header .padding, .sfms_header .padding { padding:20px; } .sfm_content { background-image:url('/legacy/images/bg_bm_modal.gif'); background-position:0 0; background-repeat:repeat-x; height:190px; overflow:hidden; } .sfms_content { background-image:url('/legacy/images/bg_bm_modal.gif'); background-position:0 0; background-repeat:repeat-x; height:340px; overflow:hidden; } .sfm_content .padding, .sfms_content .padding { padding:20px; } .report-overview-cat { margin-bottom:30px; } .report-overview-cat h2 { padding-bottom: 0.5em } .report-overview-entry { border:1px solid #d1d1d1; background-image:url('/legacy/images/bg_question_depth1.gif'); background-repeat:repeat-x; background-color:#f5f5f5; margin-top:-1px; } .report-overview-entry .padding { padding: 10px 5px 5px 10px; } .report-overview-entry p { padding:0; } ul.saved-views { list-style: none; padding:0; margin:5px 0 10px 0; } ul.saved-views li { display: block; position: relative; padding-left: 15px; margin-bottom:2px; } a.saved-view-list-dot { left:0; top:0; position:absolute; } span.saved-view-list-dot { left:1px; top:0; position:absolute; } .qinfo .trumbowyg-box, .qinfo .trumbowyg-editor, .qinfo .trumbowyg-textarea { min-height:150px; } .qinfo .trumbowyg-editor { background-color:#fff; } .qinput .trumbowyg-box, .qinput .trumbowyg-editor, .qinput .trumbowyg-textarea { min-height:150px; } .qinput .trumbowyg-editor { background-color:#fff; } .bmchartmaplist.title { padding-top:1em; font-size:14px; font-weight:bold; } .bmchartmaplist.title * { font-weight:bold; } span.icode.tooltip { display:inline-block; min-height:20px; line-height:20px; padding-right:20px; background-image: url('/legacy/images/icon-info.png'); background-repeat: no-repeat; background-position: center right; } /* button-select --> a button with a dropdown button (see download rapportage) ------------------------------------------------------------ */ div.button.button-dropdown { vertical-align: top; position: relative; box-sizing: border-box; } div.button.button-dropdown a:first-child { display:block; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right:30px; } div.button.button-dropdown a.button-dropdown-toggle { text-align:center; box-sizing: border-box; width:30px; right:0; top:0; display:block; position:absolute; padding: 2px 0 6px 1px; margin-left:0px; border-top-left-radius: 0; border-bottom-left-radius: 0; overflow:hidden; } div.button-dropdown-dropdown { background:none; display: none; position: absolute; right: -10px; top: calc(100% + 15px); background: white; border: 1px solid lightgrey; padding: 10px 15px; border-radius:3px; } div.button-dropdown-dropdown .form { width:100%; } div.button-dropdown-dropdown:after { content:''; background:white; display:block; position:absolute; right:18px; top:-7px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); border: solid lightgrey; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; } div.button.button-dropdown .form_row { width:100%; clear:both; } /* MJ below css is for benchmarking scatterplots part added 2018/07/12 */ .row.clearfix { display: block; overflow: hidden; margin: 0 0 10px 0; } .row .column { float: left; } .row .column.col-left { width: 130px; } .row .column.col-right { width: calc(100% - 130px); } .dropdown-label{ padding-top: 5px; }