.survey_smiley_container {
	width: 8%;
	margin-left: 5%;
	margin-top: 0;
	float:left;
}


.survey_explanation p {
    display: inline;
}


.survey_input label {
	float: left;
	padding: 0.4% 2.5% 0.4% 2.5%;
	margin: 0 4.0%;
	text-align: center;
	cursor:pointer;
	border-radius:100px;
	box-sizing: border-box;
	border-style:solid;
	border-width:2.5px;
	border-color:rgba(0,0,0,0);
	
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
	
	font-size: 120%;
}

.survey_input label:hover {
	color:white;
}

.survey_input input[type="radio"]:checked+label {
	color:white;
	border-style:solid;
	border-width:2.5px;
	border-color:white;
	background:rgba(255,255,255,0.3);
	box-sizing: border-box;
}

.survey_input input[type="radio"] {
	display:none;
}

.survey_input input[type="text"] {
	margin: 5% 4.0%;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	width: 70%;
	font-size:85%;
	font-family: 'Finger Paint', cursive;
	border-radius:10px;
	border-style:solid;
	border-color:black;
	border-width:2.5px;
	background:rgba(255,255,255,0.75);
}


.survey_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
.survey_input::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
.survey_input:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
.survey_input:-moz-placeholder { /* Firefox 18- */
  color: pink;
}





.survey_explanation {
	font-size:85%;
}

.survey_explanation p {
    display: inline;
}

.survey_container {
	overflow: hidden;

}

.survey_border_line {
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: black;
	width:98.5%;
}

.survey_break {
	height:5%;
	width:100%;
}

.survey_question {
	width:32.5%;
	float:left;
}

.survey_question_explanation {
	font-size:85%;
}

.survey_distance {
	width:2.5%;
	height:1px;
	float:left;
}

.survey_input {
	width:65%;
	float:left;
}


#headline_div_survey {
	position: absolute;
	text-align: left;
	font-family: 'Finger Paint', cursive;
	z-index:10000;
}

#headline_div_survey span {
  display: block;
  position: relative;
}

#survey_container {
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.90);
	z-index: 100000;
	position: absolute;
	overflow:hidden;
	visibility: hidden;

}

#survey_text_container {
	height:80%;
	width:80%;
	top:10%;
	left:10%;
	background: url('pictures/Background_credits.png');
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	border-style:solid;
	border-color:black;
}

#survey_text_container_close_button {
	width:5%;
	background-color: rgba(44, 58, 77, 0.17);
	position: absolute;
	text-align: center;
	font-family: 'Finger Paint', cursive;
	cursor:pointer;
	border-style: solid;
}

#survey_text_container_close_button span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

#survey_text_container_submit_button {
	width:15%;
	background-color: rgba(44, 58, 77, 0.17);
	position: absolute;
	text-align: center;
	font-family: 'Finger Paint', cursive;
	cursor:pointer;
	border-style: solid;
}

#survey_text_container_submit_button span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

#survey_text {
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	overflow-y:auto;
	overflow-x:hidden;
}

#survey_headline {
	position: absolute;
	overflow:hidden;
	font-family: 'Finger Paint', cursive;
	text-align:center;
}