@import url('/sites/main/mediacommon/css/fonts/font_g02.css');

body,h1,h2,h3,h4,p,div {
    font-family: 'Manrope', sans-serif !important;
}
body {
	padding-top: 70px;
	padding-bottom: 20px;
}
body.lang-ja {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    font-size: 15px;
}

.body_surveyid_287491>.bflsMainContent>div>.content-col>h3,
.body_surveyid_722488>.bflsMainContent>div>.content-col>h3,
.body_surveyid_661469>.bflsMainContent>div>.content-col>h3,
.body_surveyid_967382>.bflsMainContent>div>.content-col>h3,
.body_surveyid_423686>.bflsMainContent>div>.content-col>h3,
.body_surveyid_998265>.bflsMainContent>div>.content-col>h3,
.body_surveyid_393295>.bflsMainContent>div>.content-col>h3
{ display: none; }
.body_surveyid_287491>.bflsMainContent>div>.content-col,
.body_surveyid_722488>.bflsMainContent>div>.content-col,
.body_surveyid_661469>.bflsMainContent>div>.content-col,
.body_surveyid_967382>.bflsMainContent>div>.content-col,
.body_surveyid_423686>.bflsMainContent>div>.content-col,
.body_surveyid_998265>.bflsMainContent>div>.content-col,
.body_surveyid_393295>.bflsMainContent>div>.content-col
{ padding-top: 15px; }

select.languagechanger {
    display: none;
    margin-top: 0;
    margin-left: 8px;
    padding: 6px;
}
.body_surveyid_537918 select.languagechanger,
.body_surveyid_433191 select.languagechanger,
.body_surveyid_976849 select.languagechanger,
.body_surveyid_925986 select.languagechanger,
.body_surveyid_967382 select.languagechanger,
.body_surveyid_423686 select.languagechanger,
.body_surveyid_393295 select.languagechanger,
.body_surveyid_125952 select.languagechanger,
.body_surveyid_917733 select.languagechanger
{
    display: inline-block;
}

button#clearall { 
    display: none;
    border: 0px;
    color: #444444;
}
.body_surveyid_433191 button#clearall {
    display: inline-block;
}

.clrb { clear: both; }

img { max-width: 100%; }

@media (max-width: 767px) {
.bflsMainContent>div>.content-col>h3 { font-size: 18px; }
}

.table>tbody>tr>th {
	vertical-align: middle !important;
}

.logo {
	padding: 30px;
}

li.withslider span.input {
	display: none;
}

.slider_callout {
	font-weight: bold;
	position: absolute;
	top: -20px;
}

.slider_showmin {
	float: left;
	padding-top: 10px;
}

.slider_showmax {
	float: right;
	padding-top: 10px;
}

.multinum-slider {
	margin-top: 20px;
	margin-bottom: 20px;
}

div.slider-labels {
	margin-bottom: 15px;
}

.dragDropTable ul.dragDropChoiceList li, .dragDropTable ol.dragDropRankList li {
	padding-top: 10px;
	padding-bottom: 22px;
}

@media screen and (min-width: 768px) {
.questiondiv.ranking .ranking-answers { width: 60%; }
}

button.ui-datepicker-trigger {
	display: none;
}

.btn-default {
	text-shadow: none !important;
}

/* added by geovl76 */

body {
	padding-top: 10px;
	padding-bottom: 10px;
}

.survey-question-help .glyphicon-info-sign { display: none; }

/*Question type "text display" */
.questiondiv.boilerplate>.panel-body { display: none; }
.questiondiv.boilerplate>.panel-heading { background-color: transparent !important; }
.questiondiv.boilerplate>.panel-heading h3 .question-text { font-weight: normal; }

@media screen and (max-width: 767px) {
.hidden-xs-inline { display: none; }
}

.array-flexible-row, .array-multi-flexi, .array-flexible-duel-scale { /* otherwise non-responsive table with array answers exceeds/overrides panel margin lines on smaller devices */
    display: table;
    width: 100%;
}
.inline-block_important { display: inline-block !important; }
.inline_important { display: inline !important; }
.bold { font-weight: bold; }
.nobold { font-weight: normal !important; }
.italic { font-style: italic; }
.noitalic { font-style: normal !important; }
.nowrap { white-space: nowrap !important; }

.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td {
    white-space: normal !important;
}
input[type="radio"], input[type="checkbox"] {
    box-shadow: 0 0 0;
    width: 1.2em;
    height: 1.2em;
    margin: 2px 0 0 -22px !important;
}
.question th.answertext, .question th.answertext label {
    font-weight: normal;
}
.question thead th, .question .repeat th {
    text-align: center;
    font-weight: normal;
    font-style: italic;
    vertical-align: bottom !important;
}
#limesurvey .answer table.question .answer-item {
    text-align: center;
}
#limesurvey .answer table.question .answer-item.dropdown-item select,
#limesurvey .answer table.question .answer-item.checkbox-item input[type="checkbox"] {
    display: inline-block;
}
#limesurvey .answer table.question .answer-item .radio input[type="radio"],
#limesurvey .answer table.question .answer-item .radio-inline input[type="radio"],
#limesurvey .answer table.question .answer-item .checkbox input[type="checkbox"],
#limesurvey .answer table.question .answer-item .checkbox-inline input[type="checkbox"] {
    float: none;
}
.dual_scale_separator {
    min-width: 20px;
    border-left: 1px solid #aaaaaa;
}


.array-flexible-duel-scale tr.header_row th.header_answer_text {
    border-bottom: 0;
    border-top: 0;
}

.group>.panel-body>h1 {
    margin: 0;
}
.text.form-control, .numeric.form-control , .text-list, .numeric-list .form-control, select.form-control, .textarea.form-control[cols]:not([cols="40"]) { /* cols=40 is default prefilled if no cols are specified */
    width: auto;
	max-width: 100%;
}
.panel .panel-body {
    padding-top: 2px;
    padding-bottom: 2px;
}
h3 .question-text {
    line-height: 1.4;
    font-weight: bold;
    font-size: 15px;
}
.questiondiv>.panel-heading {
    background-color: #d9edf7 !important; /*d9edf7*/
    background-image: none !important;
}
.questiondiv>.panel-heading span.text-danger {
    float: left;
    padding-right: 5px;
}
.questiondiv>.panel-heading h3 {
    min-height: 8px;
}
.questiondiv>.panel-heading h3 p:last-child {
    margin-bottom: 0;
}
.text-list .checkbox, .numeric-list .checkbox{
    padding-right: 4px;
}
ul.text-list, ul.numeric-list{ display: table; }
ul.text-list li, ul.numeric-list li{ display: table-row; }
ul.text-list li .checkbox, ul.numeric-list li .checkbox, ul.text-list li .input, ul.numeric-list li .input{ display: table-cell; padding-bottom: 5px; }
ul.text-list li .input, ul.numeric-list li .input{
    padding-left: 5px;
    white-space: nowrap;
}
ul.text-list li input, ul.text-list li textarea, ul.numeric-list li input{
    margin-bottom: 5px;
}

.hide-tip .em_value_range, .hide-tip .em_value_integer, .hide-tip .em_numbers_only, .numeric .hide-tip .em_default, .numeric-multi .hide-tip .em_default, .hide-tip .em_dropdown_dates{
    display: none;
}
div.em_value_range.error, .input-error div.em_value_range {
    display: block;
}
.em_value_range.good {
	color: rgb(53, 102, 53);
}
.em_value_range.error, .input-error .em_value_range, .input-error .em_num_answers, .em_num_answers.error, .warningjs {
	color: rgb(185, 74, 72);
}
.numeric-multi .em_num_answers.error, .numeric-multi .em_num_answers.good {
    font-style: italic;
    color: #333;
    display: none;
}
.input-error.numeric-multi .em_num_answers.error {
    color: rgb(185, 74, 72);
    display: block;
}
.questiondiv .em_q_fn_validation.emtip.error,
.questiondiv .em_other_numbers_only
{ display: none; }
.questiondiv.input-error .em_q_fn_validation.emtip.error {
    display: block !important;
    color: rgb(185, 74, 72);
}

.group-description {
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-size: 1.2em;
}
.other-item .radio {
    margin-top: 0px;
    display: inline-block;; /*float: left;*/
}
.other-item .radio:last-child {
    padding-left: 5px;
}
.other-item .radio input[type="text"]{
    height: auto;
}
.dropdown-item select.form-control{
    display: inline-block;
}
.dropdown-item input[type="text"]{
    width: auto;
}
#tokenmessage h1{
    font-size: 20px;
}    
.form-control.popupdate{
    width: 11em;
}

/* fix because when multichoice with "Other", the "Other" word was shown after the textbox */
.checkbox-list .checkbox-item.other-item  .checkbox label{
    display: inline-block;
}
.checkbox-list .checkbox-item.other-item input[type="text"]{
    float: right;
    margin-left: 5px;
    height: auto;
    width: auto;
    max-width: 100%;
}
/* fix end */

.nodisplay, .nodisplay-survey { display: none; }

/*
.radio label, .checkbox label {
    display: inline-block !important;
    margin-left: 8px;
}
*/

/* slider styles */
.slider-list {
    width: 50%;
}
.slider-label {
    font-weight: normal;
}
.slider-list li label{
    margin-top: 10px !important;
    margin-bottom: 10px;
}
.ui-slider-horizontal {
    margin-left: 15px;
    min-width: 210px;
    height: 1.5em !important;
    border-radius: 5px !important;
}
.ui-slider-handle {
    height: 1.9em !important;
    width: 1.7em !important;
    border-radius: 5px !important;
    background: linear-gradient(to bottom, #ffffff, #b5b5b5) !important;
}
.slider_showmin {
    padding-top: 22px;
}
.slider_showmax {
    padding-top: 22px;
}
.slider_callout {
    padding-left: 4px;
}
/* slider end */

/* fix to make array questions responsive, i.e. make TDs blocks and also show labels for each radio */
.arrayTDspan, .questions-list .visible-xs-inline { font-style: italic; }
.visible-xs-inline, .answer-item .hidden-cell { display: none; }
@media (max-width: 767px) { .visible-xs-inline { display: inline; } }

@media screen and (min-width: 768px) {
.arrayTDspan, .arrayTDspan+b,
.questions-list td.answer-item div.radio>i
{ display: none; }
}
@media print {
.arrayTDspan, .arrayTDspan+b { display: none; }
}
@media screen and (max-width: 767px) {
.questions-list thead, .questions-list tr.headings {
    display: none;
}
.questions-list tbody tr {
    display: block;
    margin-bottom: 25px;
}
.questions-list td, .questions-list th {
    display: block;
    width: 100%;
}
.questions-list td {
    display: block;
    text-align: left !important;
    padding-left: 20px !important;
}
.questions-list td div.radio, .questions-list td div.checkbox{
    margin-top: 0;
    margin-bottom: 0;
}
.questions-list td input[type="radio"], .questions-list td input[type="checkbox"] {
    float: left !important;
    _margin-right: 5px !important;
}
.questions-list colgroup col{
    width: 100%;
}
.questions-list label.hide {
    padding-left: 5px;
    display: inline !important;
    font-weight: normal;
}
.array-flexible-duel-scale .questions-list label.hide {
    display: none !important;
}
tr.answers-list th.answertext{
    /*border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;*/
    background-color: #f0f0f0 !important;
}
/*tr.answers-list>td:first-of-type{ border-top: 0; }*/
.dual_scale_separator { border-left: 0; }
}
/* fix end */

.vpad { padding-top: 0.6em; padding-bottom: 0.6em; }
.vpad-top { padding-top: 0.6em; }
.vpad-bottom { padding-bottom: 0.6em; }
.hpad { padding-left: 0.6em; padding-right: 0.6em; }
.hpad-left { padding-left: 0.6em; }
.hpad-right { padding-right: 0.6em; }
.large1 { font-size: 1.2em; }
.indent1 { padding-left: 2em; }

.langHelp {
    font-size: 0.95em;
    font-style: italic;
    margin-top: 3px;
}
.langHelp-en, .langHelp-sv { direction: ltr; }

.body_surveyid_537918 .question.questions-list thead th,
.body_surveyid_537918 .question.questions-list tr.headings th,
.body_surveyid_433191 .question.questions-list thead th,
.body_surveyid_433191 .question.questions-list tr.headings th
{ vertical-align: top !important; }
img.imgArrayAnswer1 {
    width: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    
}
.questions-list .answer-item img.imgArrayAnswer1 { display: none; }

audio {
    width: 100%;
    max-width: 350px;
}

video {
    width: 90%;
    height: auto;
    border: 1px solid #777777;
    border-radius: 3px;
}

/* Embed Youtube scale to width */
.videoContainer {
    position: relative;
    width: 80%;
    padding-bottom: 45%;
    margin: auto;
    border: 1px solid #aaaaaa;
}
@media (max-width: 767px){
.videoContainer {
    width: 100%;
    padding-bottom: 56.25%;
}
}
.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media print {
.videoContainer {
    width: auto;
    padding-bottom: 0;
    border: 0;
    text-align: center;
}
.videoContainer iframe {
    position: relative;
    width: auto;
    height: auto;
}
}
/* /Embed Youtube scale to width */

/* Hide question panel-heading if no question text (e.g. array question with no main question text); this also hides the "*" */
div.panel-heading:has(span.questiontext:empty) { display: none; }

/* Round a bit more, buttons and panels, but not under panel-group; .container added just to make priority before just simple class - present in bootstrap.min.css and bootstrap.min.css is included AFTER template.css (!) */
.container .btn, .container .panel, .container .alert, .container .navbar { border-radius: 15px; }
.container .panel-heading { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.container .panel-heading:not(:has(+ div.panel-body)) { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.questiondiv.boilerplate .panel-heading { border: none; }
.container .panel-group .panel { border-radius: 4px; }
.container .panel-group .panel-heading { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.container .panel-group .panel-heading:not(:has(+ div.panel-body)) { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

/* Survey specific */
.body_surveyid_537918 .questiondiv>.panel-heading { background-color: #D9E8EB !important; }
.body_surveyid_537918 .color1{ color: #44546A; }
.body_surveyid_537918 .color2{ color: #B0C4DE; }
.body_surveyid_537918 .color3{ color: #8496B0; }
.body_surveyid_537918 .div2,
.body_surveyid_433191 .questiondiv>.panel-heading { background-color: #D9E8EB !important; }
.body_surveyid_433191 .color1{ color: #44546A; }
.body_surveyid_433191 .color2{ color: #B0C4DE; }
.body_surveyid_433191 .color3{ color: #8496B0; }
.body_surveyid_433191 .div2
{
	background-color: #000000; color: #B0C4DE; padding: 10px; text-align:center; font-size: 1.1em;
}
.body_surveyid_537918 .div1,
.body_surveyid_433191 .div1
{
	background-color: #D9E8EB; color: #44546A; padding: 10px;
}
.body_surveyid_537918 .Hnomarginbottom h3, .body_surveyid_537918 .Hnomarginbottom h4,
.body_surveyid_433191 .Hnomarginbottom h3, .body_surveyid_433191 .Hnomarginbottom h4
{ margin-bottom: 0; margin-top: 20px; }
.body_surveyid_537918 .font1,
.body_surveyid_433191 .font1
{ font-family: 'Century Gothic' !important; }
.body_surveyid_537918 .font2,
.body_surveyid_433191 .font2
{ font-family: 'Calibri light' !important; }
.body_surveyid_537918 .font2 h1, .body_surveyid_537918 .font2 h2, .body_surveyid_537918 .font2 h3, .body_surveyid_537918 .font2 h4,
.body_surveyid_433191 .font2 h1, .body_surveyid_433191 .font2 h2, .body_surveyid_433191 .font2 h3, .body_surveyid_433191 .font2 h4
{ font-family: 'Century Gothic' !important; }

/* E-VALUE */
.body_surveyid_291857 .questiondiv>.panel-heading, .body_surveyid_666183 .questiondiv>.panel-heading, .body_surveyid_817994 .questiondiv>.panel-heading, .body_surveyid_885383 .questiondiv>.panel-heading, .body_surveyid_556961 .questiondiv>.panel-heading, .body_surveyid_687284 .questiondiv>.panel-heading, .body_surveyid_777325 .questiondiv>.panel-heading, .body_surveyid_519125 .questiondiv>.panel-heading, .body_surveyid_598632 .questiondiv>.panel-heading, .body_surveyid_418629 .questiondiv>.panel-heading
 { background-color: #C6F7D0 !important; }

@media (min-width: 768px) { .body_surveyid_917733 td.answer_cell_000 { border-left: 1px solid #cccccc; } }
/* END Survey specific */