/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
	Created on: 26.06.2017, 09:02:18
	Author    : yxu
*/

/* please check typo3conf/ext/ke_questionnaire/Resources/Public/Css/KeQuestionnaire.css */
.tx-ke-questionnaire input.btn.btn-primary {
	background-color:#0070b0;
	background-image: unset;
	font-family: "FrutigerNeueW02-Regular", Arial, sans-serif;
}

.tx-ke-questionnaire .keqAnswerBox {
  padding-top: 16px;
}

/* answer box with clear fix */
.tx-ke-questionnaire .keqAnswerBox:after {
  content: "";
  display: table;
  clear: both;
}

/* paragraph after label needed extra space */
/*.tx-ke-questionnaire .keqAnswerBox,
.tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns,
.tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns div,
.tx-ke-questionnaire .keqAnswerWrap.keqAnswerRadio {
  padding-bottom: 0;
}*/

.tx-ke-questionnaire .keqAnswerWrap.keqAnswerRadio label.radio_checkbox {
  width: calc(100% - 50px);
  padding-left: 35px;
}

.tx-ke-questionnaire .keqAnswerWrap.keqAnswerRadio input[type="radio"] + label::before {
  display: none;
}

.tx-ke-questionnaire .keqAnswerWrap.keqAnswerRadio p {
	position: relative;
	width: calc(100% - 35px);
	top: -20px;
	left: 30px;
	margin: 0;
	padding: 0;
	line-height: 22px;
}

.tx-ke-questionnaire input[type="checkbox"],
.tx-ke-questionnaire input[type="radio"] {
	clip: unset;
}

.tx-ke-questionnaire .btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0070b0;
	background-image: -moz-linear-gradient(top, #0070b0, #636363);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070b0), to(#636363));
	background-image: -webkit-linear-gradient(top, #0070b0, #636363);
	background-image: -o-linear-gradient(top, #0070b0, #636363);
	background-image: linear-gradient(to bottom, #0070b0, #636363);
	background-repeat: repeat-x;
	border-color: #0070b0 #0070b0 #636363;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0070b0', endColorstr='#636363', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.tx-ke-questionnaire .btn-primary:hover,
.tx-ke-questionnaire .btn-primary:active,
.tx-ke-questionnaire .btn-primary.active,
.tx-ke-questionnaire .btn-primary.disabled,
.tx-ke-questionnaire .btn-primary[disabled] {
	color: #ffffff;
	background-color: #0070b0;
	background-image: -moz-linear-gradient(top, #00c1cc, #787878);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00c1cc), to(#787878));
	background-image: -webkit-linear-gradient(top, #00c1cc, #787878);
	background-image: -o-linear-gradient(top, #00c1cc, #787878);
	background-image: linear-gradient(to bottom, #00c1cc, #787878);
	background-repeat: repeat-x;
	border-color: #0070b0 #0070b0 #636363;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c1cc', endColorstr='#787878', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li a {
	color: #0070b0
}

.tx-ke-questionnaire .keqAnswerBox .keq-matrix th {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0070b0;
}

/* umfrage */

.tx-ke-questionnaire .keqQuestion {
    background-color: #f0f0f0;
    border: none;
    box-shadow: 0 4px 6px -6px rgba(99, 99, 99, 0.2);
}

.tx-ke-questionnaire .keqQuestionTitle {
    background-color: #0070b0;
    background-image: none;
    border-bottom: none;
    box-shadow: none;
    color: #fff;
    padding: .5em 1em;
    text-shadow: 0 1px 0 #000000;
}
.tx-ke-questionnaire input[type="radio"] + label, .tx-ke-questionnaire input[type="checkbox"] + label {
    background: transparent url("../Icons/s-radio.png") no-repeat scroll 0 -38px;
  
}
.tx-ke-questionnaire input[type="submit"] {
    height: auto;
}
.tx-ke-questionnaire input[type="checkbox"], .tx-ke-questionnaire input[type="radio"] {
	display:none
}

.tx-ke-questionnaire .keqQuestionTitle p {
    float: none;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
/* umfrage ENDE */

/**
 * 
  gengist, Ixtacy GmbH
   Created on : 26.07.2017, 09:59:00
 */
.tx-ke-questionnaire input[type="radio"] + label {
	background-position: 0 -36px;
	line-height: 1.125rem;
}
.tx-ke-questionnaire input[type="radio"]:checked + label {
	 background-position: 0 2px;
}
/**
 * 
  dbruns, Ixtacy GmbH
    05.09.2017 
 */
 .tx-ke-questionnaire .keqAnswerBox {
    overflow: hidden;
}
.tx-ke-questionnaire .keqAnswerBox {
    color: #000000;
   padding: 0.5em 1em;
}
 @media screen and (max-width: 830px) {

 
.tx-ke-questionnaire .keqQuestionTitle {
     padding: 0.5em;
}
.tx-ke-questionnaire .keqAnswerBox {
  
     padding: 0.5em;
}


.tx-ke-questionnaire .keqAnswerWrap.keqAnswerRadio label.radio_checkbox {
    padding-left: 25px;
    
}
}


 @media screen and (max-width: 570px) {
 .tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns {
    float: none;
	width:100%!important;
}
}

@media print {
	#header,
	#content_header,
	.tx-ke-questionnaire .keqMandatory,
	.tx-ke-questionnaire .keqButtons,
	#footer {
		display: none !important;
	}
	#main_left {
		float: none;
		width: 0;
	}
	#main_right {
		float: none;
		width: 80%;
		margin: 0 auto;
	}
	#main_left:after,
	#main_right:after {
		content: "";
		display: table;
		clear: both;
	}
	/* defined in /fileadmin/_t3/template/css/print-sprite.css */
	h1 {
		color: black !important;
		font-weight: 700;
	}
	.followup #main #main_right {
		float: none !important;
		width: 80 !important%;
	}
	.followup #main {
		width: 100% !important;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.tx-ke-questionnaire .keqQuestion {
		background-color: transparent;
		border: 1px solid black;
		overflow: hidden;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;

		page-break-inside: avoid;
	}
	.tx-ke-questionnaire .keqQuestionTitle {
		/* no background image */
		background: 0 none;
		color: black;
		font-weight: 700;
		font-size: 1rem;
		border: 1px solid black;
		border-width: 0 0 1px 0;
		text-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		overflow: hidden;
	}
	.tx-ke-questionnaire .keqAnswerBox {
		padding-top: 5px !important;
		padding-bottom: 0 !important;
		overflow: hidden;
	}
	.tx-ke-questionnaire .keqAnswerBox:after{
		content: none !important;
	}
	.tx-ke-questionnaire .keqAnswerWrap {
		height: auto;
	}
	.tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns div {
		padding: 3px 3px 0 3px;
	}
	.tx-ke-questionnaire input[type="checkbox"],
	.tx-ke-questionnaire input[type="radio"] {
		position: relative;
		display: block !important;
		clip: auto !important;
	}
	.tx-ke-questionnaire input[type="radio"] + label,
	.tx-ke-questionnaire input[type="checkbox"] + label {
		/* no background image */
		background: 0 none;
		font-size: 1rem;
		line-height: 1.25rem;
		top: -1.125rem;
		color: black;
	}
	.tx-ke-questionnaire input[type="radio"] + label:before,
	.tx-ke-questionnaire input[type="checkbox"] + label:before {
		content: none !important;
	}
	.tx-ke-questionnaire .keqAnswerWrap.keqAnswerRadio label.radio_checkbox {
		color: black;
	}
	.tx-ke-questionnaire .keqAnswerWrap.keqAnswerRadio p {
		color: black;
	}
	.tx-ke-questionnaire textarea,
	.tx-ke-questionnaire input[type="text"],
	.tx-ke-questionnaire input[type="password"],
	.tx-ke-questionnaire input[type="datetime"],
	.tx-ke-questionnaire input[type="datetime-local"],
	.tx-ke-questionnaire input[type="date"],
	.tx-ke-questionnaire input[type="month"],
	.tx-ke-questionnaire input[type="time"],
	.tx-ke-questionnaire input[type="week"],
	.tx-ke-questionnaire input[type="number"],
	.tx-ke-questionnaire input[type="email"],
	.tx-ke-questionnaire input[type="url"],
	.tx-ke-questionnaire input[type="search"],
	.tx-ke-questionnaire input[type="tel"],
	.tx-ke-questionnaire input[type="color"] {
		border-radius: 0;
		border: 1px solid black;
		color: black;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.tx-ke-questionnaire textarea {
		width: calc(100% - 38px);
	}
}