// css template for DHTMLX Dataview
// the latest version is available here: https://snippet.dhtmlx.com/dataview_template_a
// you can find more css templates here: https://dhtmlx.com/docs/products/dhtmlxSuite/styling

.wiso_dataview_template_a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	
}

.wiso_dataview_template_a_box {
	background-color: transparent;
	
}

.wiso_dataview_template_a_box .wiso_dataview-item__inner-html {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

	.wiso_dataview_template_a_box .wiso_dataview-item {
		padding: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #fff;
		overflow: hidden;
		cursor: grab;
	}

.wiso_dataview_template_a__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wiso_dataview_template_a__type {
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	width: 55px;
	height: 20px;
	border-radius: 2px;
}

.wiso_dataview_template_a__type--major {
	background-color: #ff5252;
}

.wiso_dataview_template_a__type--minor {
	background-color: #0ab169;
}

.wiso_dataview_template_a__type--normal {
	background-color: #ff9f10;
}

.wiso_dataview_template_a__content {
	padding-left: 16px;
	width: 80%;
}

.wiso_dataview_template_a__title {
	font: 500 16px/20px Roboto, sans-serif;
	padding-bottom: 8px;
}

.wiso_dataview_template_a__comment {
	display: -webkit-box;
	max-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.wiso_dataview_template_a__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
}

.wiso_dataview_template_a__person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wiso_dataview_template_a__avatar {
	width: 40px;
	height: 40px;
	margin-left: 15px;
	margin-right: 16px;
	border-radius: 20px;
	padding: 10px 20px 0px 0px;
	background: center center/cover no-repeat #41A7E1;
}

.wiso_dataview_template_a__name {
	color: #909399;
}

.wiso_dataview_template_a__id {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	line-height: 20px;
}

.wiso_dataview_template_a__comments {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	line-height: 20px;
}

.wiso_dataview_template_a__comments .mdi:before {
	position: relative;
	top: 5px;
	color: #909399;
	font-size: 20px;
	margin-left: 6px;
}

// end of code for dataview_template_a