/*algemeen*/
body{font: 70% calibri, sans-serif; margin: 50px; background-color: #E1D9CE; /*background-image:url('../images/bg_waterfall.jpg'); background-repeat: no-repeat; background-size: cover;background-attachment:fixed;*/}
body#admin_login{font: 70% Verdana, sans-serif; margin: 50px; /*background-image:url('../images/bg_admin_login.jpg'); background-repeat: no-repeat; background-size: cover;background-attachment:fixed;*/}
/*#body_userlogin {margin:0px; background-image:url('../images/bg_hertlingfree.jpg'); background-repeat: no-repeat; background-size: cover; }*/
#body_assessment{font: 70% calibri, sans-serif; margin: 0px;}
.body-chart {background-color: #ffffff;}
/*.bg{ background-image:url('../images/bg.jpg'); position: fixed; width: 100%; height: 100%; margin:-50px; z-index:-1;}*/
.bg{ position: fixed; width: 100%; height: 100%; margin:-50px; z-index:-1;}
.bg.bg-login{ background-image:url('../images/bg_login.jpg');}
.bg.assessment{margin: -10px;}
img, a {border:none;}
.state-default-tab {background-image:url('../images/bg_transparent.png'); background-repeat: repeat; color: #ffffff;}
.state-default-tab.ui-state-hover{background-color: transparent; color: #ffffff;}
.ui-tabs-anchor {color: #ffffff;}
.ui-tabs-active {background-image:url('../images/bg_white.png'); background-repeat: repeat; color: #000000; border: 0px;}
.black-transparent {background-image:url('../images/bg_transparent.png'); background-repeat: repeat; text-align: center; color: #ffffff;}
.ui-slider-handle.ui-state-default{background-color: #c0c0c0; border: 1px solid #c0c0c0;}
.radio-button.ui-state-default {background-color: #f2f2f2; border: 1px solid #00a89c; color: #404040; font-size:700;}
.radio-button.ui-state-active {background-color: #00a89c; border: 1px solid #00a89c; color: #ffffff; font-size:700;}
.radio-button.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4; color: #ffffff; font-size:700;}
.btn-charts.ui-state-default{background-color: #00a89c; border: 1px solid #00a89c;}
.btn-charts.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}
.btn-di.ui-state-default{background-color: #00a89c; border: 1px solid #00a89c;}
.btn-di.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}
.a_back.ui-state-default{background-color: #00a89c; border: 1px solid #00a89c;}
.a_back.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}
.slider-range.ui-slider-handle.ui-state-default{background-color: #00a89c;}
.ui-slider-range.ui-widget-header{background-color:#cccccc;}
.ui-dialog.ui-widget-content{background-color: transparent; border:0px;}
.ui-dialog-content{background-color:#ffffff;}
.ui-dialog-titlebar{background:url('../images/bg_transparent.png'); background-repeat: repeat;}
.ui-dialog-title{color:#ffffff;}
.ui-state-default.ui-dialog-titlebar-close{background-color:#cccccc; border:0px; z-index:1;}
.body-chart {font: 12px Verdana, sans-serif; margin: 0px; background-image:url('');}
#body_ksi{font: 12px Verdana, sans-serif;/*font: 75% sans-serif;*/ margin:0px; background-image:url('');}
#header_img{background-image: url('../images/woordmerk.png'); width: 472px; height: 90px; position: absolute; left: 10px; top: 0px;}
#header_img2{background-image: url('../images/woordmerk.png'); background-size: 315px 60px; width: 315px; height: 60px; position: absolute; left: 5px; top: 0px;}
#header_chart{ position: relative; top:0px; left:0px; width: 100%; height:auto; z-index: -999;}
.top {height:50px;}
.top-small{height:20px;}
.top-assessment {height:0px;}
/*.main {width:60%; margin: auto; min-width: 750px;}*/
.main {width:790px; margin: auto; background-color: #ffffff;}
.header {height:30px; text-align:center; margin:2px; background-image: url('../images/logo_small.jpg');}
.header-txt {margin-top:4px;}
.header-top{margin-left: auto;margin-right: auto; margin-top: 0px;}
.header-admin{margin-left: -35px;}
.footer {height:0px; display: table; text-align:center; margin:auto; margin-top: 0px; margin-bottom: 0px; width:100%; padding: 5px 0px 5px 0px;}
.footer-txt {margin-top:3px;display: table-cell; vertical-align:middle;}
.input-login {width:300px; height:20px; 	border-radius: 10px; text-indent: 5px;}
.content-login {padding: 20px; min-width: 500px; background-color: #ffffff; margin-top: 5px;}
/*.a_logout {position:absolute; top:2px; margin-left:90%;}*/
.navigation_buttons {position:absolute; top:4px; float: right; right: 4px; width: 100%; height:0px;}
.session-name{display: table-cell;}
.a_back {float: right;}
.a_logout {float: right;}
.input-hidden {position: absolute; top:0px; visibility: hidden;}
.explanation {color:#00a89c; font-weight:bold;}
.explanation-assessment {color:#000033; font-weight:bold; font-size: 110%;}
.explanation-charts {color:#00a89b; font-weight:700;}
.icons{list-style-type: none; position: absolute; width:20px;}
#btn_show {width: 170px;}
.chart_title {font-size: 20px; margin-left: 5px;}
.chart_title2{font-size: 20px;}
#logo {float:right; margin-top:-35px; margin-right: 2px; height: 30px; border: 0px;}
#markup { width:100%;}
#markup_txt {margin-left: 10px;}
#filters1{display: table-cell; width: 300px;}
#filters2{display: table-cell; width: 300px;}
#filters3{width: 300px;}
/*user_login.php */
#wrapper { height: 92%; min-height: 450px;}
#social_media {position: absolute; margin-top: 5px; margin-left: 5px;}
.socialmedia-pic {height: 20px; border: 0px;}
#container_logo {width: 100%; min-width: 1150px; display:inline-block;}
#div_logo {display:inline-block; float: right;}
#img_logo {float: right; border: 0px;}
#content_userlogin { margin-top: -120px; width:100%; min-width: 1100px;}
#block_content_left {display:inline-block; height:100%; min-width:200px; position: relative;}
#container_content {display:inline-block; margin-left: 30%; position: relative;}
#hf_menu {margin-top: -20px; min-height: 100px; min-width: 500px;}
#hf_login {margin-top: 50px; min-height: 100px; min-width: 500px;}
#hf_title {font: 36px Segoe Print; color: #4a6b7e; margin-left: -30px; min-width: 500px;}
.a_hf {font: 25px Segoe Print; color: #4a6b7e; text-decoration: underline; border: 0px;}
.a_hf:hover {color: #97d5e4; text-decoration: underline; border: 0px;}
.a_hf2 {font: 25px Segoe Print; color: #f8931d; text-decoration: underline;}
.a_hf2:hover {color: #e23524; text-decoration: underline;}/*#facd34*/
#container_bottom { width: 100%; min-width: 800px; display: inline-block; position: relative; bottom: 5px;}
/*#container_bottom {width: 100%; min-width: 800px; display: inline-block; position: absolute; margin-top: 150px;}*/
#counters {float: right; margin-right: 5px;}
.counter-img {background-image: url('../images/counter_bg.png'); width:39px; height:49px; display: inline-block;}
.counter {font-size: 36px; color: #ffffff; margin-left: 7px;}
#counter_txt {font: 16px Segoe Print; color: #0c3348; display: inline-block; position: absolute; right: 180px; top:10px;}
/*user login old?*/
#content_login_left {display:inline-block; width: 50%; min-width:300px;}
#content_login_right {display:inline-block; padding:10px; padding-left:25px; text-align:left; width: 30%; position: relative; top:-70px;}
.hf_txt {font: 14px; color: #4a6b7e; font-weight: strong;}
.submit_button.next {background: url('../images/arrow_fwd.png'); background-position:right; background-repeat:no-repeat; padding-right: 50px;}
.submit_button.prev {background: url('../images/arrow_back.png'); background-position:left; background-repeat:no-repeat; padding-left: 50px;}

/*assessment.php*/
#explanation-txt-assessment { margin-left:40px; margin-right:40px; margin-top:20px;}
#sliders {width:90%; margin:auto; margin-top:20px;}
.slider-value {width:30px; height:20px;}
.slider {top:-20px; left:50px; width:60%;}
.slider-pos {padding-top:4px;}
.hidden-div {visibility: hidden; height: 5px;}
#assessment_finished {margin-left:30px; margin-top:20px; margin-bottom:200px;}
#progressbar {width:300px; height:20px; margin-top:0px; margin-bottom:-7px; margin-left:0px; border-radius: 5px; display: inline-block;}
.question_counter {text-align: center; margin-top:-25px; margin-left:250px; /*width:50px;*/ position: absolute; 	
	font-weight: bold;
/*	color: #46156b;
	font-family: Gibson-Bold;
	font-size: 15px;*/}
#scores_pos {margin-left: 40px; margin-top:-10px;}
#lblsum_scores {color: red; margin-top: 20px;}
#submit_buttons {margin:auto; text-align: center; bottom: 5px; padding: 5px; background-color: #cccccc; width:630px;}
.selection-questions {margin-left:40px; margin-right:40px; margin-top:20px; margin-bottom:20px;}
.radio-selection-questions {margin:5px; margin-left:20px;}
#disclaimer_txt {padding: 20px;}

/*admin_login.php*/
#btn_submit_login {width:200px;}
#a_password {color:#0c3348; margin-left: 0px;}

/*portal_admin.php*/
#icon1 {margin-top:1px; margin-left:375px;}
#icon2 {margin-top:-28px; margin-left:115px;}
#icon3 {margin-top:1px; margin-left:375px;}
.alarm_txt {color:red;}
.explanation-txt-admin { margin-right:0px; margin-bottom:10px;}
.input-user {width:300px; border-radius: 10px; border: 1px solid #aaaaaa; text-indent: 5px;}
#btn_addUser {margin-top:5px;}
.select-openassessments {width: 200px;}
.list-participants {margin-top:20px;}
#selectReminderUsers .ui-selecting { background: #0c3348 url(../images/ui-bg_highlight-soft_75_0c3348_1x100.png) 50% 50% repeat-x;}
#selectReminderUsers .ui-selected  { background: #3e849a url(../images/ui-bg_highlight-hard_50_3e849a_1x100.png) 50% 50% repeat-x; color: white; }
#selectReminderUsers li:hover      { background: #74b1b3 url(../images/ui-bg_highlight-hard_75_74b1b3_1x100.png) 50% 50% repeat-x; color: #026890; }
#selectReminderUsers 	{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectReminderUsers li 	{ margin: 3px; padding: 0.4em; }
#finishedUsers 			{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#finishedUsers li 		{ margin: 3px; padding: 0.4em;  }
#selectUsersInvite .ui-selecting { background: #0c3348 url(../images/ui-bg_highlight-soft_75_0c3348_1x100.png) 50% 50% repeat-x;}
#selectUsersInvite .ui-selected  { background: #3e849a url(../images/ui-bg_highlight-hard_50_3e849a_1x100.png) 50% 50% repeat-x; color: white; }
#selectUsersInvite li:hover      { background: #74b1b3 url(../images/ui-bg_highlight-hard_75_74b1b3_1x100.png) 50% 50% repeat-x; color: #026890; }
#selectUsersInvite 		{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectUsersInvite li 	{ margin: 3px; padding: 0.4em;  }
#invitedUsers 			{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#invitedUsers li 		{ margin: 3px; padding: 0.4em;  }

/*profile.php*/
.main-profile {width:70%; margin-left: 10%; }
#title_profile {font-size:18px; font-weight:bold;}
/*#btn_show_profile{width:170px;}*/
#icon_profile{ margin-top:1px; margin-left:102px;}
#explanation_txt_profile { margin-right:0px; margin-bottom:10px;}
#btn_profile{position:absolute; margin-top: -10px;}
#filters_profile { position:absolute; left:80%; margin-top: 50px; max-width: 350px;}
.lbl_radio {text-align: left;}
/*#profile_select {width: 140px;}
.select_profile {width: 170px;}*/
#conditional_text_profile{margin-top:15px;}
.profile-title {font-size:16px; font-weight:bold; color:#00a89c; margin-bottom: 10px;}

/*charts(_menu).php*/
.main.charts {width:750px;}
.chart_header {color:#0c3348; font-weight: 700; padding-bottom: 10px;}
#div_row2{background-color:#f2f2f2;}
#div_row4{background-color:#f2f2f2;}
.div_td {text-align:left; /*width: 100%; height:200px;*/ position: relative; display: table-cell;}
.div_chart {/*display:table-cell;*/ padding:25px; padding-left: 45px; text-align:left; width: 175px; /*height:150px;*/}
.div_chart_txt {/*display:inline-block;*/ padding:3px; padding-left:25px; text-align:center; width: 200px; /*height: 150px;*/ position: relative; top:-8px;}
.button_chart {padding-top: 10px;}

.btn-charts{width:180px;}
.select-charts{width:180px;}
.slider-range{margin-left:10px; width:160px;}
/*radar.php*/
/*#btn_show_radar{width:170px;}*/
#icon_radar{ margin-top:1px; margin-left:102px;}
#explanation_txt_radar { margin-right:0px; margin-bottom:10px;}
/*#title_conditionaltxt{ font-weight:bold; color:#0c3348;}*/
#btn_radar{position:absolute; margin-top: -10px;}
#chart { float:left;} 
#legends { position:absolute; left:600px; top:400px;}
#filters_radar { position:absolute; left:1050px; width: 300px; margin-top: -400px;}
#filters_radar_iv { position:absolute; left:700px; width: 450px; margin-top: -400px;}
/*#radar_select {width: 170px;}
.select_radar {width: 170px;}*/
#conditional_text_radar {position:absolute; margin-top:-310px; left:1000px; width:300px;}
#markup_radar{ width: 100%; margin-top:650px;}
#container_integriteit{width:500px; height:430px; margin: 0 0; display:table-cell;}
#container_vitaliteit{width:500px; height:430px; margin: 0 0; display:table-cell;}
#container_iv1{width:500px; height:430px; margin: 0 0;}
#container_iv2{width:500px; height:430px; margin-top:-430px; visibility: hidden;}

/*pie_chart.php*/
.pie-profile {position:relative; top:10px; left:10px; z-index:1002; display: inline-block; width:350px;}
.pie_title {font-size: 18px; font-weight: 700; margin-left: 10px;}
#chart { float:left;} 
#legends { position:absolute; left:600px; top:400px;}
#filters_pie { position:absolute; left:800px; margin-top: 30px; max-width: 600px; z-index: 1001;}
#conditional_text_pie { margin-left: 42px; margin-top: 20px; margin-bottom: 20px;}
#conditional_text_pie_filters {display: table-cell; width: 330px; padding-right: 10px;}
#conditional_text_pie_gedrag{position: absolute; margin-top: -1150px; left:800px; max-width: 350px;}
#conditional_text_pie_denken{position: absolute; margin-top: -700px; left:800px; max-width: 350px;}
#conditional_text_pie_houdingen{position: absolute; margin-top: -200px; left:800px; max-width: 350px;}
#title_pie { font-size: 20px; margin-left: 5px;}
/*#btn_show_pie{width:170px;}*/
#explanation_txt_pie { margin-right:0px; margin-bottom:10px;}
/*.select_pie {width: 170px;}
#pie_select {width: 140px;}*/
#icon_pie{ margin-top:1px; margin-left:102px;}
#title_conditionaltxt{ font-weight:bold; color:#0c3348;}
#btn_pie{position:absolute; margin-top: -10px;}
/*#pie_profiles {position: absolute; top: 50px; left: 10px;}*/
#markup_pie{ width: 100%; margin-top:20px;}
span {text-decoration: none !important;}
#pie_label {color: #000000; text-decoration: none; font-weight: 300; font-size: 16px;}

/*table256.php*/
.icons{list-style-type: none; position: absolute;}
.input-hidden { position: absolute; top: 0px;visibility:hidden;}
#btn_table{ position:absolute; margin-top: 40px;}
#icon1_table256_0 { margin-top:-16px; margin-left:-25px; width:20px;}
#icon1_table256_1 { margin-top:-16px; margin-left:-25px; width:20px;}
#icon1_table256_2 { margin-top:-16px; margin-left:-25px; width:20px;}

#icon2_table256 { margin-top:1px; margin-left:120px; width:20px;}

#title_256_0 {position:relative; top:-310px; left:180px; width:30%; }
#xLabels_0 { position:relative; top:-400px; left:180px; width:30%;}
#yLabels_0 { position:relative; top:-375px; left:7px; width:20%;}
#viz_0 { position:relative; top:-1150px; left:165px; width:20%;}
#slider_0 { position:relative; top:-1130px; left:165px; width:50%;}
#slide_0 { width:450px; margin-left:10px; margin-right:10px; display:inline-block;}
/*#waarde { position:absolute; top:-1000px; left:980px; width:30%;}*/
#Waarde_0 { position:relative; top:-1750px; left:980px; width:25%;}

#title_256_1 {position:relative; top:-1100px; left:180px; width:30%; }
#xLabels_1 { position:relative; top:-1200px; left:180px; width:30%;}
#yLabels_1 { position:relative; top:-1175px; left:7px; width:20%;}
#viz_1 { position:relative; top:-1950px; left:165px; width:20%;}
#slider_1 { position:relative; top:-1930px; left:165px; width:50%;}
#slide_1 { width:450px; margin-left:10px; margin-right:10px; display:inline-block;}
/*#waarde { position:absolute; top:-1000px; left:980px; width:30%;}*/
#Waarde_1 { position:relative; top:-2550px; left:980px; width:25%;}

#title_256_2 {position:relative; top:-310px; left:180px; width:30%; }
#xLabels_2 { position:relative; top:-400px; left:180px; width:30%;}
#yLabels_2 { position:relative; top:-375px; left:7px; width:20%;}
#viz_2 { position:relative; top:-1150px; left:165px; width:20%;}
#slider_2 { position:relative; top:-1130px; left:165px; width:50%;}
#slide_2 { width:450px; margin-left:10px; margin-right:10px; display:inline-block;}
/*#waarde { position:absolute; top:-1000px; left:980px; width:30%;}*/
#Waarde_2 { position:relative; top:-1750px; left:980px; width:25%;}

#title_table256 { position:relative; margin-left: 10px; font-size: 22px;}
#filters_table256 { position:relative; left:980px; top:120px; max-width: 350px; height: 400px;}
.radio_table256 { width:75px; margin-bottom:3px;}
/*.select_table256 {width:170px;}
#btn_show_table256 { width:170px;}*/
#markup_table256{ width: 100%; position:relative; top:-880px; left:0px;}

/*scatterplot_krachten.php*/
#icon_krachten { margin-top:0px; margin-left:85px;}
#explanation_txt_krachten { margin-right:0px; margin-bottom:10px; }
#conditional_text_krachten {position:relative; top:-300px; left:900px; width:30%;}
#btn_krachten {font-size: 100%;}
#title_krachten {margin-left: 20px;}
#filters_krachten {position:absolute; left:600px; margin-top:60px; width: 600px; z-index: 1;}
/*#krachten_select {width: 170px;}*/
#markup_krachten { width: 100%; position: absolute; top:800px;}
/*.select_krachten {width:170px;}*/

/*scatterplot_TCDZ.php*/
#icon_tcdz {margin-top:0px; margin-left:85px;}
#explanation_txt_tcdz { margin-right:0px; margin-bottom:10px;}
.title-tcdz {margin-left: 20px; margin-top: -95px;}
#filters_tcdz {position:absolute; left:610px; margin-top:60px; width: 600px; z-index: 1;}
/*#tcdz_select {width: 170px;}*/
#btn_tcdz {font-size: 55%; margin-top:-3px; margin-left: 5px;}
#btn_T {font-size: 100%;}
#btn_C {font-size: 100%; }
#btn_D {font-size: 100%; }
#btn_Z {font-size: 100%; }
#conditional_text_T {position:absolute; margin-top:-300px; left:910px; width:30%; z-index: 1;}
#conditional_text_C {position:absolute; margin-top:-450px; left:910px; width:30%;}
#conditional_text_D {position:absolute; margin-top:-450px; left:910px; width:30%;}
#conditional_text_Z {position:absolute; margin-top:-450px; left:910px; width:30%;}
#markup_tcdz{ width: 100%; margin-top:20px;}
/*.select_tcdz {width:170px;}*/

/*bar_chart.php*/
#icon_bar{ margin-top:1px; margin-left:102px;}
#explanation_txt_bar { margin-right:0px; margin-bottom:10px;}
#btn_bar{position:absolute; margin-top: -10px;}
#chart { float:left;} 
#legends { position:absolute; left:-400px; top:300px; height: 100px; width: 100px;}
#filters_bar { position:absolute; left:820px; width: 550; margin-top: -970px;}
#conditional_text_bar {position:absolute; margin-top:220px; left:900px; width:30%;}
#markup_bar{ width: 100%; margin-top:0px;}

/*scatterplot_systeemrisico.php*/
#icon_sr{ margin-top:1px; margin-left:102px;}
#explanation_txt_sr { margin-right:0px; margin-bottom:10px;}
#filters_sr { position:absolute; left:800px; margin-top: -470px;}
#sr_select {width: 170px;}
#conditional_text_sr {position:absolute; margin-top:220px; left:900px; width:30%;}
#markup_sr{ width: 100%; margin-top:600px;}

/*scatterplot_stress.php*/
#explanation_txt_stress { margin-right:0px; margin-bottom:10px;}
#icon_stress {margin-top:0px; margin-left:85px;}
#conditional_text_stress {position:absolute; top:50px; left:900px; width:30%;}
#title_stress {margin-left: 20px;}
#filters_stress {position:absolute; left:600px; margin-top:20px;}

/*#filters_bullets2 { position:absolute; left:1050px; width: 300px; margin-top: 0px;}*/
#filters_bullets{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_bullets2{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_softcontrols_relevant{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_softcontrols_significant{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#softcontrols {position:fixed; left:10px; top: 150px; width: 700px;}
#filters_softcontrols_worksheet{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
.btn-di{width:180px;}

#filters_norm{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_openq{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
.norm_column1 {display: inline-block; width:600px; margin-left: 20px;}
.norm_column2 {display: inline-block; width:200px; margin-left: 20px;}
.red {color:red;}
.norm_header {text-decoration:bold; font-size: 20px; margin-bottom:4px;}
.sc_grade{display:inline-block; width:200px;}
.oq_row1{width:700px; margin-left: 20px;}
.oqa_row{width:700px; margin-left: 20px;}
#filters_analysis { position:absolute; left:900px; width: 300px; top: 200px;}
#analysis_overview{width: 800px;}
/*logout.php*/
#logout {padding: 20px;}

#filters_balansmeter { position:absolute; left:700px; width: 300px; margin-top: 100px;}
#filters_overzicht { position:absolute; left:700px; width: 300px; top: 150px;}
#filters_bullets_s1 { position:absolute; left:1000px; width: 300px; margin-top: 80px;}