/* Umfragetool */

.form-survey h3 {
	margin-top: 2em;
}

.title strong
{
	color: #E74C3C;
}

.confirmation input[type="text"] {
	border-radius: 5px;
	margin: 5px 0;
	height: 50px;
}

div.question-container ul.answers-selection li > input[type="checkbox"]:checked + label {
	font-weight: 700;
}

/* ## Language change form ## */
#language-change {
	padding: 0.4em;;
	font-size: 1em;
	margin-left: 7px;
}

.survey-language {
	display: inline-block;
	width: 100%;
}

#from-survey-language button {
	 font-size: 1em;
	 padding: 0.5em;
	 color: #D32F2E;
	 background: #fff;
	 font-weight: normal;
	 text-decoration: none;
	 border: none!important;
 }

#from-survey-language button.active {
	text-decoration: underline;
}

#from-survey-language button:hover {
	color: #000;
}

/* ## RANGE SLIDER */
div[class*="answers-"] {
	padding: 1.25rem;
	border-radius: 8px;
}

.slider-row {
	display: flex;
	align-items: center;
}

.slider-row span {
	color: #4B4F55;
	display: block;
	word-wrap: normal;
}

.slider-row input.slider {
	flex-grow: 1;
	margin: 0 2rem;
	-webkit-appearance: none;
	height: 5px;
	border-radius: 8px;
	background: #7b7b7b;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #2b2b2b;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #4CAF50;
	cursor: pointer;
}

/* ## COLORS */
p.survey-already-taken {
	color: #E74C3C !important;
}

.gray {
	color: #101010;
}

div.gray div.question-container ul.answers-selection li,
div.gray div[class*="answers-"] {
	background: #F2F2F2;
}

.red {
	color: #E74C3C;
}

div.red div.question-container ul.answers-selection li,
div.red div[class*="answers-"] {
	background: rgba(231, 76, 60, 0.1);
}

.orange {
	color: #E67E22;
}

div.orange div.question-container ul.answers-selection li,
div.orange div[class*="answers-"] {
	background: rgba(230, 126, 34, 0.1);
}

.yellow {
	color: #FDA900;
}

div.yellow div.question-container ul.answers-selection li,
div.yellow div[class*="answers-"] {
	background: rgba(253, 169, 0, 0.1);
}

.green {
	color: #38C171;
}

div.green div.question-container ul.answers-selection li,
div.green div[class*="answers-"] {
	background: rgba(56, 193, 113, 0.1);
}

.cyan {
	color: #35AEAB;
}

div.cyan div.question-container ul.answers-selection li,
div.cyan div[class*="answers-"] {
	background: rgba(53, 174, 171, 0.1);
}

.lightblue {
	color: #3498DB;
}

div.lightblue div.question-container ul.answers-selection li,
div.lightblue div[class*="answers-"] {
	background: rgba(52, 152, 219, 0.1);
}

.darkblue {
	color: #3868AA;
}

div.darkblue div.question-container ul.answers-selection li,
div.darkblue div[class*="answers-"] {
	background: rgba(56, 104, 170, 0.1);
}

.purple {
	color: #8E44AD;
}

div.purple div.question-container ul.answers-selection li,
div.purple div[class*="answers-"] {
	background: rgba(142, 68, 173, 0.1);
}

.magenta {
	color: #E1267B;
}

div.magenta div.question-container ul.answers-selection li,
div.magenta div[class*="answers-"] {
	background: rgba(225, 38, 123, 0.1);
}

div.row.question-container ul.answers-selection {
	list-style-type: none;
	margin-left: 0.25rem;
	margin-bottom: 0;
}

/* ## SELECTION */
div.row.question-container ul.answers-selection li {
	padding: 8px 16px;
	border-radius: 8px;
	display: inline-block;
	width: 100%;
}

div.row.question-container ul.answers-selection li span {
	float: right;
	padding-left: 8px;
}

div.row.question-container ul.answers-selection li label {
	padding-left: 8px;
}

form.auswahlboxen div.question-container ul.answers-selection li {
    width: 44px;
	padding: 4px 6px;
}

form.auswahlboxen div.question-container ul.answers-selection li label {
    /* display: none; */
}