body.questionnaire {
    background-image:url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_1920x1080_hg.jpg'); 
    background-size: cover;
    padding:0px;
    margin-left: auto;
    margin-right: auto;
    height:100%;
    font-family: 'Open Sans',sans-serif; font-size:14px; color:#414141;
}
body.questionnaire #header 	{height:0px; background:none; display:none;}
body.questionnaire #footer 	{height:0px; background:none; display:none;}
body.questionnaire #logo 	{display:none;}
body.questionnaire #left	{display:none;}
body.questionnaire .custom{display:none;}
body.questionnaire #main	{width:auto;}
body.questionnaire .inside	{width:auto; padding:0px; margin:0px;}
body.questionnaire #container{width:auto; padding:5px; margin:0px;}
body.questionnaire .significanceQuestion{padding:0 0 5px 0; font-size:11px; text-align:center;}
body.questionnaire #contact_form .select {width:200px;}
body.questionnaire #contact_form .text { width: 200px; }
body.questionnaire #contact_form .textarea { width: 200px; }

body.questionnaire #wrapper{
	height: auto !important;
        margin: 0px auto 5px auto;
        padding-top:5px;
        padding-bottom:5px;
        width:100%;
	max-width:700px; 
	background-color:white;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0px solid #ccc;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	behavior:url("plugins/css3pie/PIE.htc");
       
}


body.questionnaire div.footer{
    border-top: 1px solid #e1e1e1;
    color: grey;
    margin-top: 30px;
    padding-top: 10px;
    text-align: center;
    font-weight:normal; 
    font-size:10px;
}

body.questionnaire div.footer a{
   text-decoration:none;
}

.question_error{margin-top:5px; color:red; font-size:14px; ; padding:0 0 0 10px;}

.answerDescription {
    font-size: 12px;
    padding-left:5px;
    color: #666666;
    
}

.divToggle input{padding-top:0; margin:1px 0 0 0 }
.divToggle .checked{background:none;}


.questionnaireTitleContainer{margin:0px 0 10px 10px; font-size:10px; text-transform: uppercase}


.question {color:#04579C; font-weight:300; font-size:18px; margin-top:15px; padding:0 0 0 10px;}
.question_description {margin-top:5px; color:#666; font-size:12px; padding:0 0 0 10px;}
.answerMiddot {font-weight:bold; color:#04579C; font-size:14px; display:none;}
.moreInfo {padding:5px 5px 5px 5px;}
.moreInfoText {font-size:10px; color:#666; padding-top:3px;;}
.divToggle{float:left; width:25px; cursor:pointer; }
.divToggle input{margin-top:4px}

.answerText{font-weight: 300; color: #333; float:left; min-width:260px; cursor:pointer; padding:0 0 0 5px;  font-size:18px; text-transform: none; }


.icon_wrapper_active{background:#F0672C;}
.icon_wrapper{width:20px;}


.buttonBack, .buttonNext, .loginField {
	font-size:11px;
	color:#04579C; 
	background-color:#efefef; 
	border: 1px solid #04579C; 
	width:80px; 
	height:24px;
        text-transform: uppercase;
	cursor:pointer;
	margin-right:2px;
        transition: all .2s ease-in-out; opacity:0.9;
 }
 
 .buttonBack:hover, .buttonNext:hover, .loginField:hover {
	background-color:#ddd;
        opacity:1;
        
 }
 
.loginField {width:160px;}
.pageBackContainer , .pageNextContainer {width:80px; float:left;  text-align:left; margin:30px 0 0 10px;}
.pageXfromYContainer 	{text-align:left;}
.pageNextContainer    	{float: right; margin:30px 10px 0 0;}

.footer {margin-top:15px; padding-top:15px; color:grey; border-top: 1px solid #e1e1e1; text-align:center}
.footer a {color:black}
.sTextWelcome {font-size:14px; padding:15px 0 15px 10px; }
.sTextWrongLoginCode{margin:5px; color:#CC1F2F; font-weight:bold;}
.pageXfromYNumber{color:#04579C;}
.checkboxToggle{padding-top:4px;}
.countPageNumberActive{color:#04579C; border-color:#04579C;}
.numberAnswers{color:#04579C; font-weight:bold;}
.countPageStart{ }
.countPageSpacer{ }
.countPageNumber{ }
.moreInfoWrapper { font-size:16px; margin-top:10px }
body.questionnaire #container{border:0px solid #ccc; margin:10px auto 10px auto; padding:0px; font-size:14px;  width:100%; max-width:660px; }

.processBar {background-color:#efefef; float:left; margin:5px 2px 0 0 ;  height:10px; display:block; }
.processBarHighlight {background-color:#666;}

.input_hidden {
    position: absolute;
    left: -9999px;
}

.notesWrapper input[type=radio] + label {
	width:25px; height:25px; line-height:25px; text-align:center; display:block; cursor:pointer; float:left; color:#0097C4; border-width:1px; border-style:solid; border-color:#0097C4; margin-right:5px; font-weight:normal;
}

.notesWrapper input[type=radio]:checked + label {
	color:white; font-weight:bold; background-color:#0097C4
}

.checked.checkboxToggle{background:none;}

.unchecked{ 
    display:block; margin-top:7px;
    background: url("/tl_files/umfrageTool/uploads/layout2014/icons/ic_not_interested_grey_60.png") no-repeat 16px 0px;
    background-size: 26px 26px;
}




.checkbox_important.unchecked {
    display:block; margin-top:7px; 
    background: url("/tl_files/umfrageTool/uploads/layout2014/icons/ic_thumb_down_grey_60.png") no-repeat 12px 0px;
    background-size: 26px 26px;
}

.checkbox_important.checked {
    display:block; margin-top:7px; 
    background: url("/tl_files/umfrageTool/uploads/layout2014/icons/ic_thumb_down_red_60.png") no-repeat 12px 0px;
    background-size: 26px 26px;
}


.slider_container label {
  position: absolute;
  width: 20px;
  margin-top: 30px;
  margin-left: -10px;
  text-align: center;
  font-size:12px;
  color:#aaa
}

.ui-widget-content { background: white;}
.ui-state-hover, .ui-widget-content .ui-state-hover{border: 1px solid #ccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;}
.ui-slider-handle{cursor:pointer;}

.singleAnswerWrapper{padding:1px 5px 5px 5px; color:#333; border-bottom:1px solid #e1e1e1}

.special_6.answer_count_2, .special_7.answer_count_2{width:49%; float:left; padding:0; border:0; min-width: 150px}
.special_6.answer_count_3, .special_7.answer_count_3{width:33%; float:left; padding:0; border:0; min-width: 100px}
.special_6.answer_count_4, .special_7.answer_count_4{width:25%; float:left; padding:0; border:0; min-width: 70px}
.special_6.answer_count_5, .special_7.answer_count_5{width:19%; float:left; padding:0; border:0; min-width: 60px}

.special_6 .answerText, .special_7 .answerText{text-align:center; min-width: 0px; width:100%; clear:both; float: none; margin-bottom:15px;}
.thumb_wrapper, .flatStarWrapper input[type=radio] + label {transition: all .2s ease-in-out; opacity:0.6;}
.thumb_wrapper:hover, .thumb_wrapper_active, .flatStarWrapper input[type=radio]:checked + label, .flatStarWrapper input[type=radio] + label:hover  {transform: scale(1.15, 1.15); opacity:1;}

.special_4, .answer_count_2 i, .answer_count_3 i ,.answer_count_5 i{font-size:60px; background-color: white; }

.show_cirlce i{font-size:40px; width:60px; line-height:60px; border:0px solid grey; background-color: #eee; border-radius:60px;}
.flatStarWrapper{width:100%;}
.flatStarOnlyStarsWrapper{width:85%; float:left;}
.flatStarWrapper input[type=radio] + label i{font-size:60px;}
.thumb_wrapper i, .flatStarWrapper input[type=radio] + label, .flatStarWrapperStatic input[type=radio] + label{color:grey}
.select_color_1 i, .thumb_wrapper:hover.thumb_color_red i,  .thumb_color_red.thumb_wrapper_active i, .flatStarWrapper input[type=radio]:checked + label.thumb_color_red  , .flatStarWrapper input[type=radio] + label.thumb_color_red:hover i {color:#FF2400}
.select_color_2 i, .thumb_wrapper:hover.thumb_color_2 i, .thumb_color_2.thumb_wrapper_active i, .flatStarWrapper input[type=radio]:checked + label.thumb_color_2  , .flatStarWrapper input[type=radio] + label.thumb_color_2:hover i {color:#FF6C00}
.select_color_3 i, .thumb_wrapper:hover.thumb_color_3 i, .thumb_color_3.thumb_wrapper_active i, .flatStarWrapper input[type=radio]:checked + label.thumb_color_3  , .flatStarWrapper input[type=radio] + label.thumb_color_3:hover i {color:#FFB300}
.select_color_4 i, .thumb_wrapper:hover.thumb_color_4 i,  .thumb_color_4.thumb_wrapper_active i, .flatStarWrapper input[type=radio]:checked + label.thumb_color_4  , .flatStarWrapper input[type=radio] + label.thumb_color_4:hover i {color:#AAB100}
.select_color_5 i, .thumb_wrapper:hover.thumb_color_green i, .thumb_color_green.thumb_wrapper_active i, .flatStarWrapper input[type=radio]:checked + label.thumb_color_green  , .flatStarWrapper input[type=radio] + label.thumb_color_green:hover i {color:#558A00}
.select_color_6 i, .thumb_wrapper:hover.thumb_color_6 i,  .thumb_color_6.thumb_wrapper_active i, .flatStarWrapper input[type=radio]:checked + label.thumb_color_6  , .flatStarWrapper input[type=radio] + label.thumb_color_6:hover i {color:#264d00}
.select_color_1, .select_color_2, .select_color_3, .select_color_4, .select_color_5{opacity:1 !important;}
.smalerText {font-size:12px;}
.flatStarWrapper input[type=radio] + label{
	width:16%; height:62px; line-height:62px; text-align:center; display:block; cursor:pointer; float:left;
}
.flat_star_skala {float:left; width:37%; margin-left:3%; text-align:left;}
.flat_star_skala_right{text-align:right; margin-right:3%; margin-left:0%;}
.special_9 .flatStarWrapper input[type=radio] + label i {font-size: 50px}
.special_9  .flat_star_skala_right{width:40%;}
.special_9 .flatStarWrapper input[type=radio] + label{width:14%;}


.flatStarWrapper .checkbox_important.unchecked, .flatStarWrapper .checkbox_important.checked, .important_wrapper_range .checkbox_important.unchecked, .important_wrapper_range .checkbox_important.checked {
    background-size:50px; height:62px; background-position: center center; margin:0;
}

.special_9 .flatStarWrapper .checkbox_important.unchecked, .special_9 .flatStarWrapper .checkbox_important.checked, .special_9 .important_wrapper_range .checkbox_important.unchecked, .special_9 .important_wrapper_range .checkbox_important.checked {
    background-size:42px; background-position: center 4px; }

.slider_wrapper_range{float:left; width: calc(100% - 185px);}
.important_wrapper_range{ float:right; width:180px; margin-top:20px;}


.important_wrapper_range .checkbox_noanswer.unchecked,
.important_wrapper_range .checkbox_noanswer.checked,
.important_wrapper_range .checkbox_important.unchecked,
.important_wrapper_range .checkbox_important.checked
{
    float:left; cursor:pointer;
    height:40px;
    width:60px;
    border:1px solid #888;
    border-radius:4px;
    margin-top:10px;
    margin-right:20px;
    margin-bottom:50px;
    display:block;  
    background-size: 30px !important;
    background-position: center center !important;
}

.important_wrapper_range .checkbox_noanswer.unchecked {
    background: url("/tl_files/umfrageTool/uploads/layout2014/icons/2019_no_answer_grey.png") no-repeat;
}

.important_wrapper_range .checkbox_noanswer.checked {
    background: url("/tl_files/umfrageTool/uploads/layout2014/icons/2019_no_answer_red.png") no-repeat;
}

.important_wrapper_range .checkbox_important.unchecked {
    background: url("/tl_files/umfrageTool/uploads/layout2014/icons/2019_thumb_grey.png") no-repeat;
}

.important_wrapper_range .checkbox_important.checked {
    background: url("/tl_files/umfrageTool/uploads/layout2014/icons/2019_thumb_red.png") no-repeat;
}

.suggestionAllWrapper .flatStarWrapperStatic input[type=radio] + label{width:20%; height:25px; line-height:25px;}
.suggestionAllWrapper .flatStarWrapperStatic input[type=radio] + label i{font-size:16px;}


@media (max-width:500px)
{
    .flatStarWrapper input[type=radio] + label i{font-size:40px;}
    .flatStarWrapper input[type=radio] + label{ height:42px; line-height:42px;}
    .flatStarWrapper .checkbox_important.unchecked, .flatStarWrapper .checkbox_important.checked {
        background-size:32px; margin:0px; height:42px;
    }
    .smalerText, .answerDescription {font-size:10px;}
    .slider_wrapper_range{width: 100%}
    .important_wrapper_range{ float: none; margin:20px auto}
    
    
}


textarea{background-color:#f9f9f9; border:1px solid #999; width:97%; height:70px;}
textarea:focus{background-color:white; border-color:grey}
::-webkit-input-placeholder {
    margin-top:10px;
    font-size:14px;
    text-align: center;
}
:-moz-placeholder {
    /* Firefox 18- */
   margin-top:10px;
    font-size:14px;
    text-align: center;
}
::-moz-placeholder {
    /* Firefox 19+ */
  margin-top:10px;
    font-size:14px;
    text-align: center;
}
:-ms-input-placeholder {
   margin-top:10px;
    font-size:14px;
    text-align: center;
}
/* dashboard manga */


.man_box{transition: all 0.5s ease; width:225px; height:150px;  float:left;  margin:10px 0 0 5px; background:#f0f0f0; padding:5px;}
.man_box:hover{opacity:1; background:#e0e0e0;}
.border_grey{}
.man_box .showFilterBox {margin: 15px 0 0 0; width:213px !important; background-color:white; float: none !important}
.man_title, .man_questionnaire_title{text-transform:uppercase; font-size:14px; font-weight:300; height:24px; display:block;}
.man_middle{height:100px; padding:5px 0 5px 0;  display:block;}
.man_description{line-height:16px; height:16px; text-align:center; font-size:10px; display:block;}
.man_circle{border:8px solid grey; margin:10px auto 0 auto; width:64px; height: 64px; border-radius:64px; background-color:white; text-align:center; line-height:64px; font-size:20px; }
.man_nps_icon {width:38px; float:left; height:32px;}
.man_nps_icon i{font-size:32px;}
.man_nps_text {width:100px; float:left; line-height:30px; height:32px;}
.man_nps_container{width:138px; float:left; margin-top:0px}
.man_nps_container::after { content: '';display: block;clear: both;}
.man_nps_container_note{float:left; width:80px; margin-top:10px}
.man_nps_note{z-index:2; position:absolute; line-height:60px; text-align:center; font-size:20px; width: 80px;}
.man_title_link{float:right; width:24px; text-align:right;}
.man_title_link a{color:#414141; transition: all 0.5s ease;}
.man_title_link a:hover{color:#f15a23}
.man_questionnaire_title{border-bottom:1px solid #cacaca; margin:15px 0 0 0; padding:0 0 5px 5px; font-weight:normal }
.man_detail_wrapper_50{width:106px; float:left;}
.man_detail_wrapper_headline{text-align:center}
.man_detail_wrapper_content{text-align:center; line-height:30px; font-size:20px; background-color:white; margin:0 5px 5px 5px;}

.man_box_100{width:1180px; float: none; height:auto; margin:10px 0 0 10px; }
.man_box_50{width:578px; float: left; height:auto; margin:10px 0 0 10px}
.man_chart_wrapper{margin:10px auto 10px auto;}
.man_box_100 .man_chart_wrapper{width:1140px; height:270px;}
.man_box_50 .man_chart_wrapper{width:538px; height:300px;}
.man_box_100 .man_chart_wrapper_table, .man_box_50 .man_chart_wrapper_table{height:auto}
.man_box_100 th, .man_box_50 th{white-space: normal; line-height:16px; }


.icon_wrapper{width:20px; height:20px; background-color:#ccc;  float:left; margin:2px 2px 2px 0; padding:2px; text-align:center;}
.icon_wrapper img{margin:0px; padding:0px; border:none;}

.phase_icon_wrapper {margin:10px auto 0 auto; width:140px;}
.phase_icon_wrapper .icon_wrapper{width:40px; height:40px; background-color:#ccc; float:left; border-radius:4px; }
.phase_icon_wrapper .icon_wrapper i, .phase_icon_wrapper .icon_wrapper a i {color:white; font-size:40px;}
i.icon_build {font-size:30px !important; margin-top:5px;}
.icon_wrapper_active, .phase_icon_wrapper .icon_wrapper_active{background-color:#F0672C;}
.piechart_inner{margin:8px 0 0 8px; z-index:100; position:absolute; width:64px; height: 64px; border-radius:64px; background-color:white; text-align:center; line-height:64px; font-size:20px; }
.phase_icon_wrapper .icon_wrapper a {text-decoration:none; color:white; font-weight:bold; font-size:40px; line-height:40px;}

#piechart {
position: relative;
width: 80px;
height: 80px;
margin:10px auto 0 auto;
}
.piece {
position: absolute;
width: 80px;
height: 80px;
clip: rect(0px, 80px, 80px, 40px);
border-radius: 40px;
}
.piece-inner {
position: absolute;
width: 80px;
height: 80px;
clip: rect(0px, 40px, 80px, 0px);
border-radius: 40px;
-webkit-backface-visibility: hidden;
}
.info_overlay {
    font-size: 11px;
    display: none;
    text-align: left;
    text-transform: none;
    position: absolute;
    z-index: 50000;
    margin-left: -260px;
    width: 320px;
    background: white;
    padding: 5px;
    border: 1px solid #f15a23;
    border-radius:4px;
}
.info_overlay h1,.info_overlay h2,.info_overlay h3,.info_overlay h4,.info_overlay h5 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    line-height:20px;
    margin:0; padding:0;
    color:#f15a23;
}



.camp518 .pageXfromYContainer{display:none;}


.camp518 .buttonNext,.camp518 .buttonBack,.camp518 .pageXfromYNumber,.camp518 .question{color:#142578;border-color:  #142578;}
.camp518 .processBarHighlight {background-color:#142578;}
.camp518 .pageXfromYContainer{display:none;}

.camp518 .select_color_green i, .camp518 .thumb_wrapper:hover.thumb_color_green i, .camp518 .thumb_color_green.thumb_wrapper_active i, .camp518 .flatStarWrapper input[type=radio]:checked + label.thumb_color_green,.camp518 .flatStarWrapper input[type=radio] + label.thumb_color_green:hover i,
.camp518 .select_color_2 i,.camp518 .thumb_wrapper:hover.thumb_color_2 i,.camp518 .thumb_color_2.thumb_wrapper_active i,.camp518 .flatStarWrapper input[type=radio]:checked + label.thumb_color_2,.camp518 .flatStarWrapper input[type=radio] + label.thumb_color_2:hover i,
.camp518 .select_color_3 i,.camp518 .thumb_wrapper:hover.thumb_color_3 i,.camp518 .thumb_color_3.thumb_wrapper_active i,.camp518 .flatStarWrapper input[type=radio]:checked + label.thumb_color_3,.camp518 .flatStarWrapper input[type=radio] + label.thumb_color_3:hover i,
.camp518 .select_color_4 i,.camp518 .thumb_wrapper:hover.thumb_color_4 i,.camp518 .thumb_color_4.thumb_wrapper_active i,.camp518 .flatStarWrapper input[type=radio]:checked + label.thumb_color_4,.camp518 .flatStarWrapper input[type=radio] + label.thumb_color_4:hover i,
.camp518 .select_color_5 i,.camp518 .thumb_wrapper:hover.thumb_color_red i,.camp518 .thumb_color_red.thumb_wrapper_active i,.camp518 .flatStarWrapper input[type=radio]:checked + label.thumb_color_red,.camp518 .flatStarWrapper input[type=radio] + label.thumb_color_red:hover i {
    color: #FFB300 !important;
}