/*
 * Styly pro Logger dotazniku
 *
 * @author Vaclav Hromadko 2020.3 [www.klientpro.cz]
 */

.dotaznik-logger {
}

.logBox:last-of-type {
	padding-bottom: 18px;
}

.logBox{
	padding: 0px 18px;
	font-family: sans-serif;
}

.logBox.active{
	background: #ba7c56;
	color: black;
	padding-top: 18px;
}

.logBox.submit.active{
	background: rgba(0,0,0,.33);
	color: black;
	padding-top: 18px;
}

.logBox .logHeader .state {
	padding-right: 9px;
}

.logBox.submit .logHeader .state {
	opacity: .33;
}

a.logBox {
	display: block;
	text-decoration: none;
}

a.logBox:hover {
	text-decoration: underline;
}

.logBox.active .logHeader .datetime {
	color: white;
}

.logBox.submit .logHeader .datetime {
	color: black;
	opacity: .33;
}

.logBox .logBody {
	margin-top: 13px;
}


.logBox .value {
	color: white;
}

.logBox .system {
	opacity: .33;
}

.logBox .questionnaire_data div:first-of-type {
	margin-top: 13px;
	border-top: 1px rgba(0,0,0,.33) dotted;
}

.logBox .questionnaire_data div:last-of-type {
	margin-bottom: 13px;
}

.logBox .questionnaire_data div.invalid {
	color: rgb(160,0,0);
	border-bottom: 1px rgb(160,0,0) dotted;
}

.logBox .questionnaire_data div {
	display: flex;
	border-bottom: 1px rgba(0,0,0,.33) dotted;
}

.logBox .questionnaire_data .key {
	display: inline-block;
	min-width: 160px;
	font-family: monospace;
}

.logBox .questionnaire_data div.invalid .value {
	color: rgba(255,200,200);
}

.logBox .questionnaire_data .value {
	color: white;
	font-family: monospace;
	display: inline-block;
}