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

.dbqkbc-filters-container {
	.dbqkbfc-toolbar-container {
		padding: 0;
		text-align: center;

		.dbqkbfc-input-search {
			font-size: $font-size-small;
			font-weight: 500;
			line-height: 12px;
		}

		.dbqkbfc-search-container {
			float: none;
			display: inline-block;
			
			.dbqkbfc-input-search {
				margin: 0 auto;
				padding: 0px 15px 0px 45px;
				float: initial;
				height: 48px;
				min-width: 300px;
				font-size: $font-size-medium;
				box-shadow: $classlists-folder-tile-drop-shadow;
				background: $classlists-folder-tile-background;
				color: $text-color-default;
				border: $classlists-folder-tile-border;

				&:-moz-placeholder {
					color: $text-color-default;
					font-weight: 500;
				}
				&:-ms-input-placeholder {
					color: $text-color-default;
					font-weight: 500;
				}
				&::-moz-placeholder {
					color: $text-color-default;
					font-weight: 500;
				}
				&::-webkit-input-placeholder {
					color: $text-color-default;
					font-weight: 500;
				}
				&::-webkit-search-cancel-button {
					color: #fff;
					-webkit-appearance: none;
					height: 16px;
					width: 16px;
					margin-left: 0.4em;
					background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
					cursor: pointer;
				}
			}

			// Search icon in the search input
			svg {
				margin: 16px;
				fill: $text-color-default;
			}
		}
		.dbqkbfc-filter-button {
			float: none;
			margin-left: 15px;
			margin-right: 0px;
		}
	}
	.dbqkbfc-toolbar-container.dbqkbc-clearfix {
		clear: both;
	}
}
#content-wrapper {
	#classlist-knowledge-base {
		.dbqkbc-filters-container {
			.dbqkbfc-toolbar-container {
				background: transparent;
			}
		}
	}
}