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

.classlist-knowledge-base {
	padding: 0;
	margin: 0;
	
	.dbqkbc-container {
		padding: 0;
	}
}

.dbq-bms-knowledge-base-container {
	height: 100%;
	overflow-y: auto;
}

.dbqkbc-folders-container .dbqkbc-folder-categories-container h3,
.dbqkbc-articles-container .dbqkbc-articles h3,
.dbqkba-articles-container .dbqkba-articles h3 {
  padding: 5px;
  margin: 10px 0;
}

.dbqkbc-empty-text {
	display: flex;
	align-items: center;
	padding: 30px;
	color:  $material-design-disabled-border-color;
	background: $global-background-color-default;	
	border-radius: $border-radius-default;
	box-shadow: 0px 3px 5px rgba(0, 24, 62, 0.07);
	font-size: $font-size-medium;

	svg {
		width: 36px;
		height: 36px;
		margin-right: $margin-default;
		fill:  $material-design-disabled-border-color;
	}
}

.dbqkba-articles {
	p {
		padding: 0 5px;
	}
}

#dbq-knowledge-base-container {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0;
	padding: 0;
	float: left;
}

.dbqkbc-container {
	.dbqkbc-col {
		//padding: 2px;
		padding: 0px;
		border-bottom: 3px solid $render-engine-background-color;

		// &:first-of-type {
		// 	padding-top: 0;
		// }

		// &:last-of-type {
		// 	padding-bottom: 0;
		// }
	}

	.dbqkbc-folders-container {
		.dbqkbc-folder-categories-container {
			h3 {
				padding: 0 10px;
			}
		}
	}
	.dbqkbc-articles-container {
		.dbqkbc-articles {
			h3 {
				padding: 0 10px;
			}
			//padding: 15px 5px;
		}
	}
	.dbqkba-articles-container {
		.dbqkba-articles {
			h3 {
				padding: 0 10px;
			}
		}
	}
	.dbqkbc-files-container {
		.dbqkbc-files {
			h3 {
				padding: 0 10px;
			}
			//padding: 15px 5px;
		}
	}
	.dbqkbc-filters-container {
		padding: 0px;
	}
	.dbqkbf-folder,
	.dbqkba-article,
	.dbqkbc-file-item {
		button.dropdown-toggle {
			width: 40px;
			height: 40px;
			padding: 12px;
			border: 0;
			border-radius: $border-radius-default;
			svg {
				width: 40px;
				height: 40px;
				padding: 12px;
				border: 0;
				border-radius: $border-radius-default;
			}

			&[aria-expanded="true"] {
				background: $color-subtle;
			}
		}
		.dropdown {
			width: 40px;
			height: 40px;
		}
		button {
			width: 40px;
			height: 40px;
			margin: 10px;
			position: absolute;
			bottom: 0;
			right: 15px; // room for the scrollbar
			border-radius: $border-radius-default;
			background: none;

			svg {
				fill: $text-color-default;
			}

			&:hover {
				// background: $color-primary !important;
				// border: 2px solid $color-primary !important;
				// border-radius: $border-radius-default !important;
				// svg {
				// 	fill: #FFFFFF !important;
				// }
				svg {
					fill: $color-primary;
				}
			}
		}
		.dropdown-toggle, .dbqkbc-execute-function {
			top: 0;
		}
	}
	.dbqkbpc-pages {
		li.dbqkbpc-page {
			padding: 3px 8px;
		}
	}
	.dbqkbc-filters-container {
		.btn-primary {
			background: $color-primary !important;
			color: #fff !important;
			padding: 5px 15px;
			font-size: $font-size-medium;
			height: 48px;
			border-radius: 24px;
			svg {
				fill: white !important;
				margin: 0px 5px 0px 0px;
			}
		}
	}
	.dbqkbc-folders-container {
		.dbqkbc-folder-categories-container {
			width: 100% !important;
			.dbqkbc-folder-categories-content-container {
				.dbqkbc-col {
					padding: 5px;
				}
			}
		}
	}
	.dbqkba-articles-container {
		.dbqkba-articles {
			width: 100% !important;
		}
	}
}

.dbqkbfc-document-tags-container {
	.dbqkbfc-document-tag-selected-container {
		.dbqkbfc-selected-document-tag-button {
			margin: 0px 0px 0px 15px;
			padding: 10px 15px;
			background: $color-primary;
			height: 40px;
			border-radius: 20px;
			color: #fff;
			&:last-of-type {
				margin-right: 0px;
			}
			svg {
				width: $svg-icon-size;
				height: $svg-icon-size;
				margin: 0px;
				margin-left: 5px;
				margin-top: -3px;
				fill: white;
			}
		}
	}
}

// Filter & Search
.dbqkbfc-search-container {
	float: right;
	position: relative;
}

.dbqkbc-filters-container {
	padding: 5px;
}