//@import "../../../abstracts/abstracts";

.dbqkbc-folders-container {
	display: flex;
	margin: 0;
	float: left;
	width: 100%;
	padding: 10px 5px;
	.dbqkbc-folder-categories-container {
		float: left;
		width: 100%;
		padding: 0;

		.dbqkbc-folder-categories-content-container {
			display: flex;
			position: relative;

			.row {
				float: left;
				width: 100%;
				margin: 0;
			}
		}
	}

	.dbqkbc-folder-scrollbar-container {
		padding: 5px;
	}
}
.dbqkbf-folder {
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px #00000026;
	border-radius: 5px;
	position: relative;
	.dropdown {
		position: absolute;
		top: 0;
		right: 0;
		.dropdown-toggle {
			background: 0;
			border: 0;
			box-shadow: none;
		}
	}
	img {
		float: left;
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: center;
		border-radius: 5px 5px 0 0;
	}
	h5 {
		float: left;
		width: 100%;
		color: #F9C016;
		font-size: 20px;
		font-weight: normal;
		line-height: 21px;
		padding: 20px 20px 0 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	h4 {
		float: left;
		width: 100%;
		color: #000000;
		font-size: 24px;
		font-weight: normal;
		line-height: 28px;
		font-style: normal;
		padding: 0 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	p {
		float: left;
		width: 100%;
		color: #000000;
		font-size: 16px;
		font-weight: normal;
		line-height: 28px;
		padding: 0 20px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box !important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		white-space: normal;
	}
}

.dbqkbf-folder-img-container {
	float: left;
}
.dbqkbf-folder-text-container {
	float: left;
}

.dbqkbc-folder-paging-container {
	float: left;
	width: 100%;
}