/* search character for textbox*/
dxbl-input-editor.textbox-file-search::before {
	border: none !important;
	font-family: 'Material Icons';
	content: "\e8b6";
	vertical-align: 0;
	color: var(--grey-70);
	font-size: 18px;
	position: absolute;
	left: 5px;
	top: 2px;
	font-size: 18px;
	margin-top: 2px;
}

dxbl-input-editor.textbox-file-search input {
	height: 32px;
}

.search-files-button {
	height: 33px;
	width: 38px;
	margin: 0;
	font-family: "Material Icons";
	content: "\e5c8";
	color: white;
	font-size: 18px !important;
	border: solid 1px #8c8c8c;
	background-color: var(--grey-70);
	border-top-left-radius: 0;
	margin-left: -2px;
	border-bottom-left-radius: 0;
	--dxbl-btn-hover-background: #5c636a !important;
	--dxbl-btn-hover-border-color: #5c636a !important;
	--dxbl-btn-hover-color: white !important;
	--dxbl-btn-hover-bg: #5c636a !important;
}


	dxbl-input-editor.textbox-file-search {
		padding: 0 25px !important;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
		border-right: none;
	}

.search-files-component:focus-within dxbl-input-editor, 
.search-files-component:focus-within dxbl-combobox {
	border-color: #ced4da;
	box-shadow: none !important;
}

.search-options-dropdown {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-left: none;
}

.material-icons.search-files-arrow-button {
	font-size: 18px;
}