.jpfaqCategory { display:none; }
#jpfaqSearch { margin:10px 0; }

.tx-jpfaq input[type="search"] {
  transition: all 0.35s ease-in-out;
  outline: none;
  padding:4px;
  margin:0;
  border:1px solid #c7c7c7;
}
.tx_jpfaq input[type="search"]:focus { border: 1px solid rgba(233, 76, 85, 1); }

.tx-jpfaq ul {
	margin: 0;
	padding: 0;
	background:#f6f4f3;
}

.tx-jpfaq li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tx-jpfaq .jpfaqAnswer { padding: 20px; }
.tx-jpfaq .jpfaqAnswer > p, .tx-jpfaq .jpfaqAnswer ol, .tx-jpfaq .jpfaqAnswer ul,
.tx-jpfaq .jpfaqAnswer div p { font-size:90%; font-weight:300; }

.tx-jpfaq li h3 {
	background: url('/fileadmin/templates/bso/jpfaq/jpfaq_icon.svg') no-repeat #f0eeed;
	background-position: right 30px top -35px;
	overflow: hidden;
	cursor: pointer;
    margin: 0 0 3px 0;
    padding: 20px 80px 20px 20px;
    min-height: 0;
    font-size:95%;
    font-weight:300;
}

.tx-jpfaq li h3.questionUnfolded {
	background: url('/fileadmin/templates/bso/jpfaq/jpfaq_icon.svg') no-repeat #f0eeed;
	background-position: right 30px top 19px;
}

.tx-jpfaq .jpfaqAll { margin-bottom: 10px; }

.tx-jpfaq .jpfaqShowAll,
.tx-jpfaq .jpfaqHideAll {
	background: url('/fileadmin/templates/bso/jpfaq/jpfaq_icon.svg') no-repeat;
	background-size:18px;
	background-position: 0 -35px;
	padding-left: 24px;
	cursor: pointer;	
}

.tx-jpfaq .jpfaqHideAll {
	background: url('/fileadmin/templates/bso/jpfaq/jpfaq_icon.svg') no-repeat;
	background-size:18px;
	background-position: 0 2px;	
}

.tx-jpfaq label,
.tx-jpfaq .jpfaqHideAll,
.tx-jpfaq .toggleTriggerContainer,
.tx-jpfaq #jpfaq-filter-count,
.jpfaqFinfo {
	display: none;
}

.tx-jpfaq form label {
	display: none;
}

.tx-jpfaq .jpfaqSpinner {
	background-image: url('/typo3conf/ext/jpfaq/Resources/Public/Images/jpfaqSpinner.gif');
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	margin: 10% 25%;
	display: block;
}

.jpfaqQuestionCommentContainer,
.jpfaqCatCommentContainer {
	position: relative;
	max-width:100%;
}

.jpfaqAddCommentForm {
	display: none;
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid #ccc;
}

.jpfaqAddCommentForm textarea {
	width: 100%;
}

.jpfaqCommentFormIntroHeader,
.jpfaqCatCommentFormIntroHeader {
	margin: 10px 0 0;
}

.jpfaqCommentFormIntroText {
	font-size: 90%;
}

.jpfaqQuestionComment label,
.jpfaqCatComment label {
	margin-top: 10px;
}

.jpfaqCommentFieldWarning {
	border: 2px solid red !important;
}

p.jpfaqQuestionHelpfulText {
	border-top: 1px solid #ccc;
	font-size: 80% !important;
	padding-top: 5px;
}

.jpfaqQuestionHelpful {
	margin-left: 10px;
}

.jpfaqAnswerIsHelpfulThankYouText {
	font-size: 90%;
	font-weight: bold;
}

/* include fontawesome for the close buttons */
.jpfaqCatCommentFormClose .fa-times,
.jpfaqCommentFormClose .fa-times,
.jpfaqThanks .fa-times {
	position: absolute;
	top: 16px;
	right: 16px;
	cursor: pointer;
	font-size: 120%;
}

.jpfaqThanks {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid #ccc;
}

.jpfaqThanksText {
	font-weight: bold;
}

.jpfaqThanksComment {
	font-style: italic;
}

.jpfaqThanksComment,
.jpfaqThanksNameEmail {
	font-size: 80%;
}