/*
 * Copyright (C) 2009 Chair of Artificial Intelligence and Applied Informatics
 * Computer Science VI, University of Wuerzburg
 * 
 * This is free software; you can redistribute it and/or modify it under the
 * terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation; either version 3 of the License, or (at your option) any
 * later version.
 * 
 * This software is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Lesser General Public License
 * along with this software; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA, or see the FSF
 * site: http://www.fsf.org.
 */
/* ################################################## */
/* ------------ Quick Interview Styling ------------- */
/* ################################################## */
/* dont display the blue plugin panel border */
.quickinterview {
	border: none;
}

/* dont display a header for the quicki plugin */
.quickinterview h3 {
	font-size: 1.25em;
	line-height: 1.0em;
}

/* styling of the questionnaire div */
.quickinterview .questionnaire {
	clear: both;
	display: flex;
	padding: 5px 0 3px 30px;
	min-height: 9px;
	font-weight: bold;
	cursor: pointer;
}

.quickinterview .questionnaire i {
	margin-right: 10px;
}

/* styling of empty questionnaires */
.quickinterview .emptyQuestionnaire {
	display: block;
	clear: both;
	font-weight: normal;
	min-height: 21px;
	margin-right: 10px;
	background-color: transparent;
	margin-bottom: 3px;
}

/* styling of the questionnaire div */
.quickinterview .pointRight {
	cursor: pointer;
}

/* styling of the questionnaire div */
.quickinterview .pointDown {
	cursor: pointer;
}

/* some declaration regarding as well questions as well as answers */
.quickinterview .qablock {
	min-height: 21px;
	margin-right: 10px;
	background-color: transparent;
	margin-bottom: 3px;
	/*-moz-box-shadow: 0 1px 0 black; -webkit-box-shadow: 0 1px 0 black; box-shadow-bottom: 0 1px 0 black; */
}

.type_QuickInterview .defaultMarkup .markupText {
	white-space: normal;
}

/* abstraction questions */
.quickinterview .qablockHidden {
	color: #999;
	margin-bottom: 3px;
}

.quickinterview .qablock:hover, .qablockHidden:hover {
	background: #f5f5f5;
}

/* styling of the front part of the qablock that displays the question name */
.quickinterview .question {
	clear: both;
	float: left;
	background-color: transparent;
	font-weight: normal;
	padding: 0 5px 0 0;
}

/* styling of the front part of the qablock that displays the question name */
.quickinterview .questionTT {
	clear: both;
	float: left;
	background-color: transparent;
	font-weight: normal;
	padding: 0 5px 0 0;
	cursor: pointer;
}

.quickinterview .tdquestion {
	/*width: 320px;*/
}

/* styling for indicated questions/questionnaires */
/* .quickinterview .indicated { border: 2px solid #ACC0D6; padding: 3px 0 0 0; }*/
/* the separator between the answers */
.quickinterview .separator {
	float: left;
	padding: 2px 3px;
	border: none;
}

/* answer styling */
.quickinterview .answer {
	float: left;
	background-color: transparent;
	padding: 2px 0 2px 0;
	cursor: pointer;
}

.quickinterview .answer:hover {
	background-color: var(--hover-bg-color-li);
}

/* answer active syling */
.quickinterview .answerClicked {
	float: left;
	background-color: var(--bg-color-quicki-answer);
	padding: 2px 4px 2px 4px;
	cursor: pointer;
	border-style: hidden;
	border-radius: 5px;
}

.quickinterview .qablockHidden .answerClicked {
	color: var(--text-color-primary);
}

.quickinterview .answerClicked.answerDerived,
.quickinterview .answerMCClicked.answerDerived {
	background-color: var(--highlight-color-light);
}

.quickinterview .answer.answerDisabled,
.quickinterview .answerMC.answerDisabled,
.quickinterview .answerClicked.answerDisabled,
.quickinterview .answerMCClicked.answerDisabled {
	color: #999;
	cursor: default;
}

/* styling of input box */
.quickinterview .answerDropdown {
	padding: 3px 0;
	float: left;
	margin-left: 0;
	cursor: pointer;
	min-width: 80px;
}


/* answer mc styling */
.quickinterview .answerMC {
	float: left;
	background-color: transparent;
	padding: 2px 0;
	cursor: pointer;
}

/* answer mcs when clicked */
.quickinterview .answerMCClicked {
	float: left;
	background-color: var(--bg-color-quicki-answer);
	padding: 2px 4px 2px 4px;
	border-style: hidden;
	border-radius: 5px;
	cursor: pointer;
}

/* answer unknown styling */
.quickinterview .answerunknown {
	padding: 2px 0;
	cursor: pointer;
	float: left;
	display: inline;
}

/* answer unknown styling clicked */
.quickinterview .answerunknownClicked {
	cursor: pointer;
	background-color: var(--bg-color-quicki-answer);
	padding: 2px 4px 2px 4px;
	border-style: hidden;
	border-radius: 5px;
	float: left;
	display: inline;
}

/* styling of input box */
.quickinterview .numinput {
	float: left;
	margin-left: 0;
	cursor: pointer;
	min-width: 80px;
	text-align: right;
}

/* error message when input is out of range */
.quickinterview .inputrangeerror {
	color: red;
	height: 12px;
	float: left;
	margin-left: 5px;
	cursor: pointer;
}

.quickinterview .errormsg {
	color: red;
	float: left;
	margin-left: 5px;
	cursor: default;
	padding: 2px 0;
}

/* styling of hidden div for submitting num-values */
.quickinterview .num-ok {
	float: left; /* height: 20px; margin: 0 5px; cursor: pointer; */
}

/* styling of input box button */
.quickinterview .unit {
	margin: 0 5px;
	float: left;
	cursor: default;
}

/* styling of input box date answers */
.quickinterview .inputdate {
	float: left;
	margin-left: 0;
	cursor: pointer;
	min-width: 80px;
	text-align: right;
}

/* styling of input box text answers */
.quickinterview .inputtextvalue {
	float: left;
	margin-left: 0;
	cursor: pointer;
}

/* styling of input box button date answers */
.quickinterview .date-ok {
	height: 20px;
	margin: 0 5px;
	float: left;
	padding-top: 5px;
	cursor: pointer;
}

/* pseudo element for the correct closing of the plugin rendering regardless of at which depth of recursion */
.quickinterview .invisible {
	display: block;
	clear: both;
	width: 100%;
	height: 2px;
	background-color: transparent;
}

/* styling of interview elements that occur repeated times */
.quickinterview .alreadyDefined {
	background-color: transparent;
	color: #666;
	clear: both;
	margin-right: 10px;
	padding: 2px;
}

/* the reset button in the interview header */
.quickinterview .norun {
	height: 25px;
	float: right;
	margin-right: 20px;
	background-color: var(--bg-color-primary-shade);
	border: 1px solid var(--border-color-input);
	border-radius: 5px;
	padding: 6px;
	display: flex;
	align-items: center;
}

.quickinterview .reset {
	height: 25px;
	float: right;
	margin-right: 20px;
	background-color: var(--bg-color-primary-shade);
	cursor: pointer;
	border: 1px solid var(--border-color-input);
	border-radius: 5px;
	padding: 6px;
	display: flex;
	align-items: center;
}

.quickinterview .reset {
	position: absolute;
	right: 0;
	top: 3px;
}

.quickinterview .norun .fa-arrow-rotate-left {
	color: var(--color-red-light);
}

.quickinterview .interview-reset-text {
	font-size: 12px;
	margin-left: 4px;
}

.defaultMarkupFrame .quickinterview .reset {
	position: absolute;
	right: 100px;
	top: 3px;
}

.quickinterview .mcbutton {
	height: 20px;
	float: left;
	margin-left: 5px;
}

/* the enable-quick answers button in the interview header */
.quickinterview .qquickanswers {
	background-image: url(../images/smartmode_co.gif);
	height: 20px;
	width: 20px;
	float: right;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}