@charset "utf-8";
/* CSS Document */

div.knowledge_base {

	white-space: normal !important;
	box-sizing: border-box;
}

div.knowledge_base h2 {

	color: rgb(0, 135, 205) !important;
	background-color: transparent !important;
	font-weight: normal;
	font-size: 1.75em;
	padding: 0 !important;
	margin: 0 0 15px 0;
}

div.knowledge_base ul.tags {

	margin: 0 0 10px 0;
	padding: 0;

}

div.knowledge_base ul.tags li {

	display: inline-block;
	background-color: var(--lor-color) !important;
	color: white !important;
	padding: 10px;
	margin: 0 5px 5px 0;

	list-style: none;

}

div.knowledge_base ul.tags li:hover {

	background-color: var(--lor-color-dark) !important;
	cursor: pointer;

}


div.knowledge_base div.results {

	display: table;
	padding: 0 !important;
	margin: 0 0 15px 0 !important;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

div.knowledge_base div.results div.results_row {

	display: table-row;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	width: 100%;
	clear: both;
	height: 120px !important;

}




div.knowledge_base div.results div.results_row div.results_cell {

	height: 120px;
	min-height: 120px;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 10px solid white;

}

div.knowledge_base div.results div.results_row:hover div.results_cell {
	background-color: #f4f4f4;
}

div.knowledge_base div.results div.results_row div.results_cell.image {
	background-color: white;
	height: 120px;
	width: 120px;
	margin-right: 20px;
	overflow: hidden;
}

div.knowledge_base div.results div.results_row div.results_cell.image img {
	padding: 8px;
	border: 2px solid var(--lor-color);
	width: 100px;
	height: 100px;
}

div.knowledge_base div.results div.results_row:hover div.results_cell.image img {
	border: 2px solid var(--lor-color-dark);
}

div.knowledge_base div.results div.results_row div.results_cell.image div.image_placeholder {
	padding: 8px;
	height: 100px;
	width: 100px;
	border: 2px solid white;
	background-color: #eee;
}

div.knowledge_base div.results div.results_row div.results_cell.title {
	height: 120px;
	padding-left: 20px;
	font-weight: bold;
}

div.knowledge_base div.results div.results_row div.results_cell.relevanc {
	height: 120px;
	padding-right: 15px;
}


div.knowledge_base div.results div.results_row div.results_cell.relevance div.relevance_container {

	float: right;
	width: 60px;
	height: 30px;
	background-color: red;
	min-height: 0;
	border-radius: 30px 30px 0 0;
	overflow: hidden;
	position: relative;
	margin-right: 8px;

}

div.knowledge_base div.results div.results_row div.results_cell.relevance div.relevance_container div.relevance_show {

	width: 200px;
	height: 200px;
	position: absolute;
	top: -70px;
	left: -170px;
	background-color: green;
	transform-origin: center right;

}