.collapse-card {
	padding: 1rem; transition:0.4s;
	color: rgb(119, 119, 119);
	border-bottom-color: rgb(238, 238, 238);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
	background-color: rgb(255, 255, 255);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.collapse-card .title {
	line-height: 1.8rem; font-size: 20px;
}
.collapse-card .title::before {
	display: table; content: " ";
}
.collapse-card .title::after {
	display: table; content: " ";
}
.collapse-card .title::after {
	clear: both;
}
.collapse-card .title i {
	float: left;
}
.collapse-card .title span {
	margin-left: 1rem; float: right;
}
.collapse-card .title strong {
	overflow: hidden; margin-left: 4rem; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.collapse-card .title strong::after {
	color: rgb(64, 64, 64); line-height: 1.49rem; padding-left: 0.4rem; font-family: "FontAwesome"; font-size: 20px;
}
.collapse-card .body {
	padding: 1rem; display: none;
}
.collapse-card * {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.active.collapse-card {
	margin: 1rem -1rem; z-index: 200; box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.18824); -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824); -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
}
.active.collapse-card:hover .title strong::after {
	content: "\f066";
}
.collapse-card:hover .title strong::after {
	content: "\f065";
}