/*algemeen*/
body{font: 10px 'Open sans', sans-serif; margin: 0px;}
body#user_login{font: 10px 'Open sans', sans-serif; margin: 0px;}
body#admin_login{font: 10px 'Open sans', sans-serif; margin: 0px;}
#body_assessment{font: 10px 'Open sans', sans-serif; margin: 0px;}
.bg{position: relative; min-height: calc(100vh - 48px);}
.bg.bg-login{ position: relative; min-height: calc(100vh - 48px);}
/*.bg.assessment{margin: 10-px;}*/
img, a {border:none;}
.ui-widget {font: 1.0rem  "Open sans", sans-serif;}
.state-default-tab {/*background-image:url('../images/bg_transparent.png'); background-repeat: repeat;*/ color: #838383;}
.state-default-tab.ui-state-hover{background-color: #F0F0F0; color: #00a89c;}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
	color: #00a89c;text-decoration: none;}
.ui-tabs-anchor {font: 14px "Open Sans", Sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 1.6px;color: #838383;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color: #00a89c;}
.ui-tabs-active {background-color:#F0F0F0; color: #00a89c; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #C0C0C0; border-radius: 12px 12px 0px 0px;}
.black-transparent { background-color: #ffffff; color: #ffffff; padding: 0 50px;;/*background-image:url('../images/bg_transparent.png'); background-repeat: repeat;*//*border-radius: 35px!important; /*text-align: center; */}
.ui-slider-handle.ui-state-default {background-color: #183948; border: 1px solid #183948; border-radius: 1em; width: 1.2em; height: 1.2em;}
#slider0, #slider1, #slider2, #slider3 {border-bottom: 1px solid #6e686a;}
.btn-di.ui-state-default, .btn-charts.ui-state-default, .a_back.ui-state-default, .ui-button.ui-state-default
	{background-color: #00a89c; border: 1px solid #00a89c; font: 1.2rem "Open sans", sans-serif; color: #ffffff; border-radius: 0px!important; padding: 5px 10px;
	border-radius: 0px!important;  -webkit-appearance: none;}
.ui-button-text-only .ui-button-text{padding: 0;}
#submit_previous, #submit_next	{background-color: #00a89c; border: 1px solid #ddd; font-size: 1.4rem; margin-left: 0.3em;}
.radio-button.ui-state-default {background-color: #babcbe; border: 1px solid #babcbe; color: #000000; font-size:700; padding: 5px;}
.radio-button.ui-state-active {background-color: #183948; border: 1px solid #183948; color: #ffffff; font-size:700; padding: 5px;}
.radio-button.ui-state-hover{background-color: #183948; border: 1px solid #183948; color: #ffffff; font-size:700; padding: 5px;}
.radio-cloud.ui-state-default {background-color: #2387c8; border: 1px solid #2387c8; color: #404040; font-size:700;border-radius: 1em;}
.radio-cloud.ui-state-active {background-color: #87aec8; border: 1px solid #87aec8; color: #ffffff; font-size:700;border-radius: 1em;}
.radio-cloud.ui-state-hover{background-color: #87aec8; border: 1px solid #87aec8; color: #ffffff; font-size:700;border-radius: 1em;}
.mailbutton {background-color: #babcbe; border: 1px solid #ddd; color: #000000; padding: 2px;}
/*.btn-charts.ui-state-default{background-color: #8dc63f; border: 1px solid #8dc63f;}
.btn-charts.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}
.btn-di.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}
.a_back.ui-state-default{background-color: #8dc63f; border: 1px solid #8dc63f;}
.a_back.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}*/
.slider-range.ui-slider-handle.ui-state-default{background-color: #8dc63f;}
.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-widget input, .ui-widget select, .ui-widget textarea {font-size: 1.0em; border: 1px solid #aaaaaa; border-radius: 0px;}
/*.ui-widget textarea {}*/
.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;}
.header-tab {font-family: "Open Sans", Sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.6px;color: #838383;}
.top {width: 100%;}
.top-small{height:20px;}
.top-assessment {height:0px;}
.main {margin: 50px auto; width: calc(60% - 100px); padding-bottom: 100px; min-width: 900px;}
.main-login {margin: 50px auto; width: 1122px; padding-bottom: 100px;}
.main-admin {margin: 50px auto; width: 70%; padding-bottom: 100px; min-width: 900px;}
.header {height:30px; text-align:center; margin:2px; background-image: url('../images/logo_small.jpg');}
.header-txt {margin-top:4px;}
.header-top{ margin-top: 50px;}
.header-admin{margin-left: -35px;}
.footer {display: table; text-align:left; width:100%; padding: 20px 0px 20px 0px; background-color: #3153a4; border-radius: 3px!important;}
.footer-txt {margin-top:3px;display: table-cell; vertical-align:middle;}
.footer-golf {position: relative; bottom: 0px; width: 100%; padding: 15px 0; background-color: #BBBCBE; text-align: center; font: 16px \'Open sans\', sans-serif; color: #3A3A3A;}
.input-login {width:250px; height:25px; 	border-radius: 0px; text-indent: 5px;}
#frm_login{float: right; margin-top: -10px; margin-right: 25px; color:#ffffff;}
.logintxt {font: 1.1rem 'Open sans', sans-serif; line-height: 1.5em; font-weight: 600; color: #3A3A3C;}
.content-login, .content {padding: 1.5em 1em 1.5em 3em; min-width: 500px; background-color: #ededed; margin: 0 auto; /*margin-top: 0px; margin-bottom: 1.5em;*/ right: 190px; /*border-radius: 35px!important;*/}
.content-login {/*background-image:url('../images/bg_login.jpg'); background-size: 1000px 800px;*/ width: 750px; height: 350px; padding:0px;}
#tabs-1, #tabs-2,#tabs-3,#tabs-4,#tabs-5,#tabs-6,#tabs-7  {
	padding: 20px 100px 20px 5%; min-width: 500px; min-height: 400px; font-size: 1.1rem; background-color: #F0F0F0; border: 1px solid #C0C0C0;
    border-radius: 0px 12px 12px 12px;
    box-shadow: 0px 8px 26px 2px rgb(34 36 37 / 25%);}
.content-assessment {min-width: 900px; min-height: 400px; background-color: #F0F0F0; border: 1px solid #C0C0C0;
    border-radius: 12px;
    box-shadow: 0px 8px 26px 2px rgb(34 36 37 / 25%);}
.ui-widget-content { background:#f0f0f0; border: 0px; }
/*.a_logout {position:absolute; top:2px; margin-left:90%;}*/
.navigation_buttons {/*position:absolute; top:0px; float: right; right: 0px;*/ width: 100%; height:44px; background-color: #BBBCBE;}
.session-name{display: table-cell;}
.a_back {float: right;}
.a_logout {float: right;}
.input-hidden {position: absolute; top:0px; visibility: hidden;}
.explanation {color:#333333; font-weight:700; font-size: 1.1rem;}
.explanation-assessment {color:#333333; font-weight:normal; margin:10px 100px 0px 70px;}
.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;}
#img_customerlogo { height: 8em;}
#img_mindshare {height: 10em;}
.portal-title {color: #ffffff; text-align: center; font: 50px "Verdana", sans-serif; font-weight: bold; padding: 10px;}

/*assessment.php*/
#explanation-txt-assessment { margin: .3em 100px 20px 5%;}
#sliders {width:94%; margin-left:6%; margin-top:1.5em;}
.slider-value {width:1em; height:1em; border: 1px solid #6e686a; color: #6e686a; font-size: 0.8em; border-radius: 0.3em; padding: 0.4em;}
.slider {top:-20px; width:98%;}
.slider-pos {padding-top:8px; margin-left: -3em;}
.slider-div {margin-top: 0; padding-right: 100px;}
.ui-slider-horizontal {height: .7em; margin-top: -5px; margin-left: 7px;}
.ui-slider-pips .ui-slider-line {height: 10px; margin-top: -12px; background: #000000;}
.ui-slider-label {color: #000000; margin-top: -5px; font-size: 0.65em;}
.hidden-div {visibility: hidden; height: 5px;}
#assessment_finished {margin: 1.5em 100px 12em 5%;}
#progressbar {display: inline-block; width: calc(95% - 110px); height:30px; margin-left: 5%; margin-top: 20px; margin-bottom: 0px; border-radius: 10px; background-image:url('../images/golf_vlag.png'); background-position: center right; background-repeat: no-repeat;}
.question_counter {display: inline-block; width: 80px; color:#0c3348; text-align: right; margin-top:-17px; margin-right:25px;}
#scores_pos {margin-left: 40px; margin-top:-10px; vertical-align: sub;}
#lblsum_scores {color: red; font-size:1.1rem;}
#submit_buttons {text-align: right; padding: 1em 25px;}
.selection-questions {margin: -15px 100px -15px 5%; min-height:4em; /*margin-left:40px; margin-right:40px; margin-top:5px; margin-bottom:20px;*/}
.radio-selection-questions {margin:5px; margin-left:20px;}
#disclaimer_txt {padding: 20px}
#intro_txt {margin: 0 100px 0 5%;}
textarea {margin: 10px 0;}
/*admin_login.php*/
#btn_submit_login {/*width:200px;*/ 	padding: 0.2em .8em; margin-top: 10px; font: 18px 'Open sans', sans-serif; line-height: 1.5em; color: #fff; background-color: #00a89c; border: 1px solid #ddd;}
#div_password {font: 18px 'Open sans', sans-serif; display: table-cell; vertical-align: bottom; padding-bottom: 5px; padding-left: 5px;}
#a_password {color:#000000; margin-left: 0px; font-size:0.7em; font-style: italic; font-weight: bold; display: table-cell; vertical-align: bottom;}
.a-login {color:#000000; margin-left: 0px; font-size:0.7em; font-style: italic; font-weight: bold; display: table-cell; vertical-align: bottom;}

/*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;}
.alarm_txt2 {color:#00a89c;}
.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;}
.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_row2{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;}

/*ksi_dashboard.php*/
.icons{list-style-type: none; position: absolute;}
.input-hidden { position: absolute; top: 0px;visibility:hidden;}
#btn_table{ position:absolute; margin-top: 40px;}
#icon1_ksi { margin-top:-16px; margin-left:-25px; width:20px;}
#icon2_ksi { margin-top:1px; margin-left:120px; width:20px;}
#xLabels { position:relative; top:-400px; left:180px; width:30%;}
#yLabels { position:relative; top:-375px; left:7px; width:20%;}
#viz { position:relative; top:-925px; left:165px; width:20%;}
#slider { position:relative; top:-900px; left:165px; width:50%;}
#slide { width:450px; margin-left:10px; margin-right:10px; display:inline-block;}
/*#waarde { position:absolute; top:-1000px; left:980px; width:30%;}*/
#Waarde { position:relative; top:-1050px; left:980px; width:25%;}
#title_ksi { position:relative; margin-left: 10px; font-size: 22px;}
#filters_ksi { position:relative; left:980px; top:120px; max-width: 350px; height: 400px;}
.radio_ksi { width:75px; margin-bottom:3px;}
/*.select_ksi {width:170px;}
#btn_show_ksi { width:170px;}*/
#markup_ksi{ 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_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;}
#filters_dashboard{ position:absolute; left:1100px; 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;}
#filters_windrose { position:absolute; left:900px; width: 300px; top: 200px;}
#filters_hc { position:absolute; left:900px; width: 300px; top: 200px;}
#filters_pdf { position:absolute; left:1100px; width: 300px; top: 20px;}

#analysis_overview{width: 800px;}


#radio_NL {background-image:url('../images/NL2.png'); background-size: 50px 30px; height: 30px; width: 50px; padding:0; border: 0px; margin-right: 0;}
#radio_EN {background-image:url('../images/EN2.png'); background-size: 50px 30px; height: 30px; width: 50px; padding:0; border: 0px; margin-right: 0;}
#radio_DE {background-image:url('../images/DE2.png'); background-size: 50px 30px; height: 30px; width: 50px; padding:0; border: 0px; margin-right: 0;}
#radio_NL.ui-state-active{background-image:url('../images/NL.png'); }
#radio_EN.ui-state-active{background-image:url('../images/EN.png'); }
#radio_DE.ui-state-active{background-image:url('../images/DE.png'); }

.action-star {display: inline-block; width: 35px; height: 40px; background-image: url('../images/star_empty.png'); background-repeat: no-repeat; background-size: 40px 35px; background-color: #ffffff;}
.action-star.ui-state-hover {background-image: url('../images/star.png'); background-repeat: no-repeat;}
.action-star.ui-state-active {background-image: url('../images/star.png'); background-repeat: no-repeat; border: 0px; outline: none !important;}
.action-star.ui-state-focus {border: 0px; outline: none !important;}

/*logout.php*/
#logout {padding: 20px;}

.alert {
    padding: 10px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
}

tr.alert td {
    color: red;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert.alert-danger {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

.alert.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert.alert-success {
    color: black;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert .alert-link {
    font-weight: 700;
}

.alert-danger .alert-link {
    color: #843534;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-success .alert-link {
    color: #245269;
}

.alert .fa {
    font-size: 18px;
    vertical-align: top;
    padding-right: 5px;
}