/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
    
    
    befragungs-farbe: #001f5b;
*/

.fruity .alert-warning {
    background-color: #ffffb0;
    border: 1px solid #ff6666;
    color: #ff6666;
}
.fruity .btn-primary:focus, .fruity .btn-primary.active:focus,
.fruity .btn-default:focus, .fruity .btn-default.active:focus{
    background-color: #001f5b;
    color: #ffffff;
}
.col-sm-4, .col-sm-8 {
    width: auto !important;
    padding-right: 0px;
    padding-left: 0px;
}
.control-label{
    padding-right: 5px;
}
.answer-container {
    padding-bottom: 1em;
}
.ls-answers {
    padding-top: 0px;
    padding-bottom: 0px;
}
.form-group {
    margin-bottom: 0px;
}
.radio-item label::before {
    width: 12px;
    height: 12px;
    top: 3px;
/*    margin-left: -12px;*/
    border: 1px solid #444444;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio-item label::after {
  width: 8px;
  height: 8px;
  left: 2px;
  top: 5px;
  background-color: #000000;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.answer-item label::after {
    background-color: #001f5b !important;
}
.ls-even {
    background-color: #E0FBFF;
}
.ls-odd {
    background-color: #CBEFF2;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 2px 7px;
    line-height: 1.42857143;
    vertical-align: middle;
}
.table > thead > tr > th {
    padding: 2px 0px;
}
.ls-answers tbody .answertext {
    text-align: left;
}
.question-title-container {
    padding-bottom: 0;
}
.question-text {
    font-weight: 700;
}
.answer-text{
    word-wrap: normal;
}
.ls-answers .ls-heading th{
    font-weight: 400;
}

.dir-ltr .ls-answers td.radio-item, .dir-ltr .ls-answers td.checkbox-item {
    padding-left: 22px; /*17px;*/
}

.fruity .table-bordered ,
.fruity .table-bordered>thead>tr>th,
.fruity .table-bordered>thead>tr>td,
.fruity .table-bordered>tbody>tr>th,
.fruity .table-bordered>tbody>tr>td,
.fruity .table-bordered>tfoot>tr>th,
.fruity .table-bordered>tfoot>tr>td{
 border:none
}

.space-col{
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.h3{
    color: #fff;
	background-color: #001f5b;
	font-size: 130%;
	font-weight: 400;
	line-height: 2em;
}

.fruity .btn-default,
.fruity .btn-default:visited,
.fruity .btn-primary,
.fruity .btn-primary:visited{
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    background-color:#E0FCFF;
    border:1px solid #86B8BC;
    padding: 4px 12px;
    margin: 0;
}
.fruity .btn-default:hover,
.fruity .btn-default:active,
.fruity .btn-primary:hover,
.fruity .btn-primary:active{
    color: #fff;
    background-color:#001f5b;
}
#navigator-container {
    margin:0;
}

.container {
    width: 800px;
    border: none;
}
.question-container, .answer-container{
    width: 798px;
    text-align: left;
    border: none !important;
    box-shadow: none !important;
}
 #main-col {
     margin-top: 0;
 }
.survey-name, .h3{
     position: relative;
     left: -15px;
     width: 798px;
 }

html,body,div,dl,dt,dd,ul,p,blockquote,pre,th,td,form,fieldset,input,textarea
{
	color: #000;
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img,abbr,acronym
{
	border:0;
}

ol,ul
{
	list-style:none;
	margin:0;
	padding:0;
}

caption,th
{
	text-align:left;
}

input.text, textarea, textarea.textarea, select {
	font-family:Arial,Verdana,Helvetica,sans-serif;
/*  	font-size: 12px;	*/
  	font-size: 14px;
}

h1,h2,h3,h4,h5,h6
{
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:100%;
	font-weight:400;
	margin:0;
	padding:0;
}

body
{
    padding-top: 0px !important;
    text-align: center; 
	background:url(bg.png) repeat-x 0 0 #ffffff;
	font-family:Arial,Verdana,Helvetica,sans-serif !important;
/*	font-size:12px;	*/
	font-size:14px;
}

h1,.printouttitle
{
	font-size:130%;
	font-weight:700;
	margin:5px 0 20px;
}

h2
{
	font-size:120%;
	font-weight:700;
	margin:5px 0 15px;
}

h3
{
	font-size:100%;
	font-weight:700;
	margin:5px 0 10px;
}

a:link,a:visited
{
	border-bottom:1px dashed #001f5b;
	color:#001f5b;
	text-decoration:none;
}

a:hover,a:focus
{
	border-bottom:1px dashed #004554;
	color:#004554;
}

#surveylist,#register,#load,#save,#footer-wrapper,.printouttable th,.groupname,p.captcha,#tokenform ul li
{
	text-align:center;
}

table.register,#load table,#save table
{
	margin:0 auto;
}

th.th-9
{
	font-weight:400;
}

.gender-button .gender-icon {
    font-size: 2em;
}

.array-flexible-row .label-text, .visible-xs, /*added 20.01.2017/bl/20.10.17/fh*//*added 20.01.2017/bl*/
label.answertext.hidden {
    display:none;
    }

/*	some specific changes:	*/
#question386 label {
    display:none;
    }

#answer417534X59X375F0801, #answer417534X59X375F0802, #answer417534X59X375F0803, #answer417534X24X374F7a, #answer417534X24X374F7b {
    width: 300px;
}
	
/* adjust list styles for survey texts */

.welcomenote ul, .questiontext ul, #surveyinfo ul, #privacynote ul, #assessment ul,  #surveydata ul, #completed ul, .success ul {
  list-style: disc inside;
  margin: 1%;
}
.welcomenote ol, .questiontext ol, #surveyinfo ol, #privacynote ol, #assessment ol,  #surveydata ol, #completed ol, .success ol {
    list-style: decimal inside;
    margin: 1%;
}

/* margin top/bottom for paragraphs */
#content-wrapper p {
  margin: 1% auto;
}

#outer-wrapper,#statsContainer
{
    margin:25px auto;
    width:800px;
}

#header-wrapper
{
    background-image:url(survey.png) no-repeat 0 0;
	margin:-30px;
    width:800px;
    height:265px;
}

.header_left
{
	background:url(corner-hdr-lft.png) no-repeat 0 0;
	float:left;
	margin:0;
	padding:30px 0 0 30px;
	width:250px;
	text-align:	left;
}

.header_right
{
	background:url(corner-hdr-rgt.png) no-repeat 100% 0;
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	width:250px;
}

.header_middle
{
	margin:0 250px;
	text-align:center;
}

#content-wrapper
{
	background-color:#d4d7d8;
	border:1px solid #001f5b;
	padding-bottom:25px;
}

#footer-wrapper
{
	background-color:#001f5b;
	height:50px;
	width:800px;
    border-top:0px solid #001f5b; 
}

#footer
{
	padding:15px 15px 0;
	float:middle;
}

#footer a
{
	color:#fff;
}

#footer-shadow
{
	background:url(bg-footer.png) repeat-x 0 100%;
}

#footer-shadow .ftr-lft
{
	background:url(corner-ftr-lft.png) no-repeat 0 100%;
	float:left;
	height:105px;
	width:50%;
}

#footer-shadow .ftr-rgt
{
	background:url(corner-ftr-rgt.png) no-repeat 100% 0;
	height:105px;
	margin-left:50%;
}

h1, #surveylisth1,#surveyinfoh1,#surveydatah1,.printouttitle,#loadh1,#saveh1
{
	background-color:#001f5b;
	color:#fff;
	font-weight:400;
	margin-top:0;
	padding:5px;
	text-align:center;
}

/* Not selected */
.gender-button button{
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.16), 2px 2px 2px 0 rgba(0, 0, 0, 0.12);
    margin-left: 1em;
}

/* selected */
.gender-button .btn:focus {
    box-shadow: none;
}

.gender-button .btn:focus .gender-text{
    text-decoration: underline;
}

/* General */
.gender-button .btn span {
    display: block;
}


#loadbutton,#savebutton,input.submit,.date p.question button.ui-datepicker-triggert
{
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	padding: 8px 12px;
	font-size: 100%;
}

.clearall,.saveall
{
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	font-size:95%;
	padding:1px 4px;
}

#surveylist
{
	background-color:#E0FBFF;
	border:1px solid #3C9AAE;
	margin:20px 0;
	padding:20px 10px;
}

.surveylistheading
{
	font-weight:700;
}

#surveylist ul
{
	margin:20px 0;
}

#surveylist li.surveytitle
{
	padding:0 0 5px;
}

#surveylist li.surveytitle a
{
	font-size:120%;
}

.surveycontact
{
	margin:20px 0 0;
}

#surveylist .lang-wrapper
{
	margin:10px 0;
}

#surveyinfo
{
	margin:0 0 20px;
}

.welcomenote
{
	background-color:#F0FDFF;
	border-bottom:1px solid #86B8BC;
	border-top:1px solid #86B8BC;
	margin:20px 0;
	padding:5px;
	text-align:justify;
}

.therearexquestions
{
	font-style:italic;
}

#privacynote
{
	padding:10px 0;
}

#surveydata
{
	margin:0 0 20px;
}

#surveydata .lang-wrapper
{
	float:right;
	margin:5px 0 0;
}

select.languagechanger {
	float: right ;
}

#assessment
{
	background-color:#F0FDFF;
	border:1px solid #001f5b;
	margin-top:15px;
	padding:10px;
}

.assessmentheading
{
	font-size:105%;
	font-weight:700;
	padding:0 10px 10px;
	text-align:center;
}

#assessments table
{
	width:100%;
}

#assessments table th
{
	padding:0 2px 5px;
	text-align:center;
}

#assessments table td
{
	padding:0 2px;
}

#completed
{
	background-color:#F0FDFF;
	border:1px solid #001f5b;
	margin:20px 0;
	padding:15px 10px 30px;
	text-align:center;
}

.success
{
	font-size:110%;
	font-weight:700;
}

#clearall
{
	text-align:center;
}

#clearall span.answerscleared
{
	color:#ff0f0f;
	font-size:110%;
	font-weight:700;
}

.regmessage1
{
	font-weight:700;
	margin:5px 0;
}

table.register
{
	margin-bottom:20px;
	margin-top:10px;
	text-align:left;
}

table.register td
{
	padding:3px;
}

#load .loadmessage,#save .savemessage
{
	margin:5px 0;
}

#load table,#save table
{
	margin-bottom:20px;
	margin-top:10px;
	text-align:left;
}

#load table table,#save table table
{
	margin:0;
}

#load td,#save td
{
	padding:3px;
}

.error,.errormandatory,.warningjs
{
	color:#ff0f0f;
	font-weight:700;
	text-align:left;
}

#statsContainer
{
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}

#statsContainer .statsSurveyTitle
{
	font-size:130%;
	font-weight:700;
	text-align:center;
}

#statsContainer .statsNumRecords
{
	font-size:110%;
	font-weight:700;
	text-align:center;
}

table.statisticssummary
{
	margin:10px auto 50px;
}

table.statisticssummary thead th
{
	text-align:center;
}

table.statisticssummary tbody th
{
	font-size:100%;
	font-weight:400;
	padding-right:5px;
	text-align:right;
}

table.statisticssummary tbody td
{
	padding-left:5px;
	text-align:left;
}

table.statisticstable
{
	margin:5px 0 20px;
}

#group-wrapper h3.groupname
{
	border-bottom:2px solid #71ACBC;
	color:#001f5b;
	font-weight:700;
	margin:20px 0 5px;
	padding:2px 0 2px 3px;
}

#group-wrapper .groupdescription
{
	margin:0 0 20px;
}

.question-wrapper
{
	border:0px solid #86B8BC;
	background-color:#ffffff;
	margin:5px 10px 20px;
	padding:5px;
}

div.questiontext
{
	font-weight:700;
	margin:0 0 15px;
}

span.questionhelp,
div.questiontext div.questionhelp
{
	display:block;
	font-size:85%;
	font-weight:700;
	margin-top:5px;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

div.questiontext .errormandatory
{
	text-align:left;
}

div.answer
{
	margin:0 0 10px;
}

div.questionhelp
{
	font-size:90%;
}

div.questionhelp img
{
	float:none;
	margin:5px 5px 5px 0;
	vertical-align:middle;
}

.hide {
	display: none;
}

#navigator
{
	margin:10px 15px 15px;
	border:0px solid #001f5b;
}

#navigator #left
{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	width:250px;
}

#navigator #right
{
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	width:250px;
}

#navigator #middle
{
	margin:0 250px;
	text-align:center;
}

#progress-wrapper
{
	height:16px;
}

#progress-wrapper
{
	font-weight:400;
	left:-9999px;
	position:absolute;
	top:-9999px;
}

#progress-wrapper .ui-widget-header
{
	background-color:#3d9baf;
}

/* START: Printout Page */

#exportbutton {
	position: relative;
	padding: .4em 1em .4em 1em;
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	line-height: normal;
  background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
}

.printouttitle { /* see h1 */
  display:block;
  margin-top: 40px;
}

.printouttable {}
.printouttable th {
  border:1px solid #ccc;
  padding:3px;
}
.printouttable td {
  border:1px solid #ccc;
  vertical-align:top;
  padding:3px;
}
.printouttable td:first-child {
  background-color:#FFF;
  border-color:#ccc;
  text-align: left;
}

tr.printanswersgroup {
	color: #000;
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
}

tr.printanswersgroup td {
		padding: 30px 0 2px 0;
		border: 0;
}

tr.printanswersquestionhead {
	color: #000;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}

tr.printanswersquestionhead td {
	border: 0;
	padding: 25px 0 2px 0;
}

tr.printanswersquestion td {
}
/*----------------------------------------------------------------------------*/

p.captcha
{
	margin:0 0 20px;
}

.captcha table table img
{
	margin:0 5px;
}

.captcha table .submit
{
	margin-top:10px;
}

p#tokenmessage
{
	margin:5px 0;
}

#tokenform ul
{
	margin-bottom:20px;
	margin-top:10px;
}

#tokenform ul li
{
	vertical-align:middle;
}

#token,#captchaimage
{
	margin:3px 5px;
}

#surveylist,#surveyinfo,#surveydata,#privacynote,#assessment,#completed,#clearall,#register,#load,#save,p.captcha,form.captcha,p#tokenmessage,#tokenform,#group-wrapper,.printouttable
{
	margin-left:15px;
	margin-right:15px;
}

span.asterisk
{
	display:none;
	color:#ff0f0f;
	font-family:Verdana;
	font-size:80%;
	letter-spacing:2px;
}

.numeric-multi .answer ul,.multiple-opt-comments .answer ul,.multiple-short-txt .answer ul
{
	display:table;
}

.numeric-multi .answer ul li,.multiple-opt-comments .answer ul li,.multiple-short-txt .answer ul li
{
	display:table-row;
}

.numeric-multi .answer ul li label,.numeric-multi .answer ul li span.input,.numeric-multi .answer ul li.multiplenumerichelp span,.numeric-multi .answer ul li div.slider_lefttext,.numeric-multi .answer ul li label.slider-label,.numeric-multi .answer ul li div.multinum-slider,.numeric-multi .answer ul li div.slider_righttext,.multiple-opt-comments .answer ul li span.option,.multiple-opt-comments .answer ul li span.comment,.multiple-short-txt .answer ul li label,.multiple-short-txt .answer ul li span
{
	display:table-cell;
	vertical-align:middle;
}

.numeric-multi .answer ul li label,.multiple-opt-comments .answer ul li span.option,.multiple-short-txt .answer ul li label
{
	padding:3px 10px 3px 0;
}

.numeric-multi .answer ul li span.input,.numeric-multi .answer ul li.multiplenumerichelp span,.multiple-opt-comments .answer ul li span.comment,.multiple-short-txt .answer ul li span
{
	padding:3px;
}

input.text,.array-multi-flexi-text tbody td label input,.array-multi-flexi tbody td input,.date p.question input,.numeric-multi li.multiplenumerichelp input.good,.numeric-multi li.multiplenumerichelp input.problem,.numeric-multi .answer ul li span.input input
{
	padding:1px 3px;
}

.numeric p.question input.text,.numeric-multi li.multiplenumerichelp input,.numeric-multi .answer ul li span.input input
{
	text-align:right;
}

.answer ul li,.yes-no .answer ul li,.multiple-opt .answer ul li,.choice-5-pt-radio .answer ul li,.list-radio .answer ul li,.list-with-comment .answer .list ul li
{
	margin-bottom:6px;
	position:relative;
	text-align:left;
}

.answer ul li input.radio,.yes-no .answer ul li input.radio,.multiple-opt .answer ul li input.checkbox,.choice-5-pt-radio .answer ul li input.radio,.list-radio .answer ul li input.radio,.list-with-comment .answer .list ul li input.radio
{
	left:0;
	position:absolute;
	top:1px;
}

.label-text,  /*added 20.01.2017/bl*/
.answer ul li label.answertext,.yes-no .answer ul li label.answertext,.multiple-opt .answer ul li label.answertext,.choice-5-pt-radio .answer ul li label.answertext,.list-radio .answer ul li label.answertext,.list-with-comment .answer .list ul li label.answertext
{
	display:inline-block;
	margin-left:7px;
}

.multiple-opt-comments .answer ul li span.option
{
	padding-left:20px;
}

.multiple-opt-comments .answer ul li.other span.option
{
	padding-left:0;
}

.multiple-opt-comments .answer li span.option input.checkbox
{
	float:left;
	margin-left:-20px;
}

.answer ul li,.yes-no .answer ul li,.choice-5-pt-radio .answer ul li
{
	display:inline;
	padding-right:20px;
}

p.tip
{
	font-size:85%;
	font-style:italic;
}

p.problem
{
	color:#ff0f0f;
}

table.question thead th
{
	padding:2px 5px;
	text-align:center;
	vertical-align:bottom;
}

table.question tbody tr.repeat th {
  	text-align: center;
}

table.question tbody th.answertext
{
	padding:5px 7px;
	vertical-align:middle;
}

table.question tbody td
{
	padding:3px 5px;
	text-align:center;
	vertical-align:middle;
}

table.question tbody th.answertext,.array-flexible-column tbody th.arraycaptionleft,.array-flexible-row tbody th.answertextright
{
	font-weight:400;
}

table.question tbody .array1,.array-flexible-column table.question .odd
{
	background-color:#CBEFF2;
}

table.question tbody .array2,.array-flexible-column table.question .even
{
	background-color:#E0FBFF;
}

table.question tbody tr.array1:hover,table.question tbody tr.array2:hover
{
	background-color:#a5d6da;
}

.array-flexible-column tbody th.arraycaptionleft,.array-flexible-row tbody th.answertextright
{
	padding:3px;
	text-align:left;
}

.array-flexible-duel-scale thead .groups
{
	background-color:#fff;
}

.array-flexible-duel-scale tbody td.ddprefix
{
	text-align:right;
}

.array-flexible-duel-scale tbody td.ddsuffix
{
	text-align:left;
}

.array-flexible-duel-scale tbody td select
{
	margin:2px 1px;
}

.date p.tip
{
	margin-top:5px;
}

.numeric p.tip
{
	margin-top:5px;
}

.numeric-multi p.tip
{
	margin-bottom:5px;
}

.numeric-multi li.multiplenumerichelp input.good
{
	background-color:#77ef87;
}

.numeric-multi li.multiplenumerichelp input.problem
{
	background-color:#ff0f0f;
}

.numeric-multi .answer li span.input,.numeric-multi .answer li.multiplenumerichelp span
{
	text-align:left;
}

.numeric-multi .answer ul li label.slider-label
{
	font-size:100%;
	padding:0 15px 0 0;
	vertical-align:middle;
}

.numeric-multi .answer ul li div.slider_lefttext
{
	font-size:90%;
	padding:0 15px 0 0;
	text-align:right;
	vertical-align:middle;
}

.numeric-multi .answer ul li div.slider_righttext
{
	font-size:90%;
	padding:0 0 0 15px;
	text-align:left;
	vertical-align:middle;
}

.numeric-multi .answer ul li div.multinum-slider
{
	vertical-align:middle;
}

.numeric-multi .answer ul li.multiplenumerichelp span span {
  display:inline;
  padding:0;
  vertical-align:baseline;
}

/* START: Validation Styles */

span.dynamic_sum.good {
	color: green;
	font-weight: 700;
}

div.em_num_answers.good {
 color: green;
}

div.em_num_answers.error {
  color: red;
  display: block;
}

div.em_value_range.good {
  color: green;
}
div.em_value_range.error {
  color: red;
  display: block;
}

div.em_sum_range.good {
  color: green;
}
div.em_sum_range.error {
  color: red;
  display: block;
}

div.em_regex_validation {
  display: none;
}
div.em_regex_validation.good {
  color: green;
}
div.em_regex_validation.error {
  color: red;
}

div.em_q_fn_validation.good {
  color: green;
}
div.em_q_fn_validation.error {
  color: red;
}

div.em_sq_fn_validation.good {
  color: green;
}
div.em_sq_fn_validation.error {
  color: red;
}

div.em_other_comment_mandatory.good {
  display: none;
}
div.em_other_comment_mandatory.error {
  color: red;
  display: block;
}

input.em_sq_validation.good, textarea.em_sq_validation.good {
}

input.em_sq_validation.error, textarea.em_sq_validation.error {
  color: black;
  background-color:  pink;
	font-size: 100%;
	font-weight: normal;
}

span.dynamic_sum {
  font-weight: bold;
}
span.dynamic_sum.good {
	color: green;
	font-weight: 700;
}
span.dynamic_sum.error {
  color: red;
}

span.dynamic_remaining {
  font-weight: bold;
}
span.dyanamic_remaining.good {
  color: green;
}
span.dynamic_remaining.error {
  color: red;
}

.answer li.multiplenumerichelp span.dynamic_sum, 
.answer li.multiplenumerichelp .dynamic_sum span, 
.answer li.multiplenumerichelp span.dynamic_remaining  {
	text-align: center;
}

.input-error div.error {
  color: red;
  display: block;
}

span.hide-tip div.good {
    display: none;
}

span.hide-tip div.error {
    color: red;
}

.input-error span.hide-tip div.error {
    color: red;
    display: block;
}

/*----------------------------------------------------------------------------*/


.ranking table td.label select.select
{
	margin-top:5px;
}

.ranking table td.output table td
{
	padding:2px 3px;
}

.list-with-comment p.comment
{
	margin-top:5px;
}

.list-with-comment p.comment label
{
	display:block;
	vertical-align:top;
}

.list-with-comment p.comment textarea.textarea
{
	margin-top:5px;
}

.multiple-short-txt .answer li span
{
	text-align:left;
}

ul.cols-2-ul,ul.cols-3-ul,ul.cols-4-ul,ul.cols-5-ul,ul.cols-6-ul,ul.cols-7-ul,ul.cols-8-ul
{
	display:inline-block;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	vertical-align:top;
}

ul.cols-2-ul
{
	width:49%;
}

ul.cols-3-ul
{
	width:32%;
}

ul.cols-4-ul
{
	width:24%;
}

ul.cols-5-ul
{
	width:19%;
}

ul.cols-6-ul
{
	width:16%;
}

ul.cols-7-ul
{
	width:14%;
}

ul.cols-8-ul
{
	width:12%;
}

ul.cols-2-ul li,ul.cols-3-ul li,ul.cols-4-ul li,ul.cols-5-ul li,ul.cols-6-ul li,ul.cols-7-ul li,ul.cols-8-ul li
{
	padding-right:5px;
}

.ui-wrapper
{
	border:1px solid #50A029;
}

.ui-wrapper input,.ui-wrapper textarea
{
	border:0;
}

.ui-slider
{
	height:9px;
	margin:25px 0 8px;
	width:200px;
}

.ui-slider .ui-slider-handle
{
	background-image:url(slider-handle.gif);
	height:23px;
	left:0;
	position:absolute;
	top:-8px;
	width:12px;
}

.ui-state-default,.ui-widget-content .ui-state-default
{
	background-color:transparent;
	border:none;
}

.slider_callout
{
	font-size:85%;
	font-weight:400;
	height:20px;
	margin-left:0px;
	overflow:hidden;
	position:absolute;
	text-align:left;
	top:-20px;
	width:100px;
}

.slider_showmin,.slider_showmax
{
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
	font-weight:400;
	margin:15px 0 0;
	text-align:left;
	width:50px;
}

.slider_showmax
{
	float:right;
	text-align:right;
}


/* START: Question Index */

#index {
  margin:30px 0 0;
  background:#fff;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
}

#index h2 {
  margin:5px 5px 10px;
  padding:5px 15px;
  background:#eee;
  text-align:center;
}

#index h3 {
  margin:0.5em 0 0 0.5em;
}

#index .container {
  width:300px;
  padding:0 0 10px;
}

#index .container .row {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left;
  border-top:1px solid #fff;
  margin:0 5px;
  padding:3px;
}

#index .container .row:hover {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

#index .container .row .hdr {
  width:25px;
  text-align:right;
  display: inline-block;
  padding: 0 5px 0 0;
}

#index .container .row.odd { background: #EEF6FF; }
#index .container .row.current { background: #1D2D45; color: #fff; }
#index .container .row.missing { background: #7BBBCC; color: #fff; }
#index .container input { margin: 1em; }

/*----------------------------------------------------------------------------*/


/* START: Buttons */

input.submit {
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	padding:2px 9px;
  margin: 0;
}

#moveprevbtn {
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	padding:2px 9px;
  	margin: 0;
}

#movenextbtn {
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	padding:2px 9px;
	margin: 0;
	margin-left: 5px;
}

#exportbutton {
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	padding:2px 9px;
	margin: 20px 0;
}

#movesubmitbtn {
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	padding:2px 9px;
	margin: 0;
	margin-left: 5px;
}

.clearall,.saveall
{
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	font-size:100%;
	padding:2px 9px;
	margin: 0;
}

input.ui-button {
	background-color:#E0FCFF;
	border:1px solid #86B8BC;
	cursor:pointer;
	padding:2px 9px;
  margin: 0;
  font-size: 80%;
} 

/*----------------------------------------------------------------------------*/


/* START: Progress bar */
.percentcomplete {}
#progress-wrapper {
  height:16px;
  margin-right:auto;
  margin-left:auto;
}
#progress-wrapper {
  font-weight:400;
  position:absolute;
  top:-9999px;
  left:-9999px;
}
#progress-pre {}
#progressbar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all {}
#progressbar div.ui-progressbar-value.ui-widget-header.ui-corner-left {}
#progress-post {}

/*----------------------------------------------------------------------------*/


/* START: Ranking */

.dragDropTable .columns2 {
  float: left;
  width: 48%;
  margin: 0;
  padding: 0;
  margin-right: 10px;
}

.dragDropTable .columns2 .dragDropChoices {
  border: 1px solid #479BB3;
  background: #FFF;
  margin-top: 10px;
  padding: 5px;
}

.dragDropTable .columns2 .dragDropChoices ul li.choice {
  width: 80%;
  padding: 5px;
  background: #D9F3FA;
  border: 1px solid #479BB3;
  margin-bottom: 3px;
  cursor: move; 
}

.dragDropTable .columns2 strong.SortableTitle {

}

.dragDropTable .columns2 .dragDropRanks {
  border: 1px solid #479BB3;
  background: #FFF;
  margin-top: 10px;
  padding: 5px;
}

.dragDropTable .columns2 .dragDropRanks ol li.choice {
  width: 80%;
  padding: 5px;
  background: #D9F3FA;
  border: 1px solid #479BB3;
  margin-bottom: 3px;
  cursor: move; 
}

/*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/
/* Public Statistics */
#statsContainer { /* Container */
	font-family: Arial,Verdana,sans-serif;
}
#statsContainer .statsSurveyTitle { /* Main Title */
	margin: 0px 0 20px;
	font-size: 170%;
	font-weight: 700;
	text-align: left;
  padding: 0;
}
#statsContainer .statsNumRecords {/* No of records in survey */
  font-size:110%;
  font-weight:700;
  text-align:left;
  padding: 10px 0px;
}
#statsHeader {
  padding: 0px 0px 10px;
}

div.fieldSummary {
  padding: 0;
  text-align: center;
  background-color: #D2E0F2;
}

div.questionTitle {
  padding: 0;
  font-weight: bold;
  background-color: #D2E0F2;
}


table.statisticstable {
  margin:15px auto 20px 0px;
  width: 100%;
  border-top: 1px solid #BBC6CC;
}

table.statisticstable td {
  line-height: 190%;
  border-bottom: 1px solid #BBC6CC;
}

table.statisticstable img {
  margin:10px auto;
}

table.statisticstable th {
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 120%;
	padding: 15px 20px;
}

table.statisticssummary {
}

table.statisticssummary thead tr th {
	font-size: 110%;
	text-decoration: underline;
	padding-bottom: 5px;
}

table.statisticssummary tbody {
	line-height: 20px;
}

table.statisticssummary tbody tr td {
	padding-left: 20px;
}


/*----------------------------------------------------------------------------*/


/* START: Various Fixes */

.array-flexible-duel-scale tbody td.dual_scale_separator {
    background-color: #5C5858;
    margin: 0;
    padding: 0;
}

.array-flexible-duel-scale tbody td.ddarrayseparator {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;    
}

.array-flexible-duel-scale tbody td.ddarrayseparator, 
.ddarrayseparator, 
.array-flexible-duel-scale .answer table.question thead tr td:last-child,
.array-flexible-duel-scale .header_separator,
.array-flexible-duel-scale tbody td.dual_scale_separator
 {
    margin: 0;
    padding: 0;
    background-color: #a5d6da; 
    width: 0.1%;
}

span.input input.error {
    font-weight: 500;
}


/*----------------------------------------------------------------------------*/

.boilerplate .answer, /*.boilerplate .questionhelp*/
{
    display: none;
}

/* START: Clearfix */
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/* END: Clearfix */

/*added 20.01.2017 / bl*/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
textarea{width:96%} 

/*added 26.01.2017 /      */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
input.text{width:96%}

/*added 03.07.2023 / bl */
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.ls-answers  tr{
        padding-left: 7px;
    }
}