.e23 .e22-filter-multi-fields2 {
	display: inline-flex;
}

.e22-filter-multi-fields2 .e22-filter-multi-fields2-searchBox {
	display: none;
	position: relative;
	width: 270px;
	height: 24px;
}

.e22-filter-multi-fields2 .e22-input-filter{
	height:24px; 
	width:100%;
	padding-left: 32px !important;
	border: 1px solid var(--syn-focus-border-color) !important;
}

.e22-filter-multi-fields2 .e22-btn-hide-search{
	position: absolute;
    right: 3px;
}

.e22-filter-multi-fields2 .e22-btn-hide-search .ui-icon:before {
	font-size: 12px !important;
	color: var(--action-icon-warning)!important;
}

.e23 .e22-filter-multi-fields2 .fa-search {
	margin-top: auto;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--action-icon-warning);
}

.filter-multi-fields2 {
	position: relative;
	display: none;
	width: calc(100dvw - 30px);
	margin: 5px 15px;
}

.filter-multi-fields2 .input-filter-icon {
	position: absolute;
	top: 50%;
  	transform: translateY(-50%);
  	left: 15px;
}

.filter-multi-fields2 .input-filter-icon::before {
	color: #C8C8C8;
}

.filter-multi-fields2 .input-filter {
	width: 100%;
	padding: 9px 2px 9px 45px;
	line-height: 20px;
	font-size: 17px;
	border-color: transparent !important;
}

.filter-multi-fields2 input.ui-corner-all.input-filter {
	border-radius: 15px !important;
}

.filter-multi-fields2 input.ui-state-focus.input-filter {
	outline: none !important;
}

.filter-multi-fields2 .input-filter::placeholder {
	color: #D7D7D7;
}

.filter-multi-fields2 .filter-btn-close {
	position: absolute;
	width: 40px;
	height: 100%;
	top: 50%;
  	transform: translateY(-50%);
  	right: 10px;
  	background: transparent;
}

.filter-multi-fields2 .filter-btn-close .ui-icon::before {
	color: #C8C8C8;
	font-size: 16px;
}

.e23 .filter-multi-fields2 {
	width: auto;
	margin: 0px;
}

.e23 .filter-multi-fields2 .input-filter-icon {
	left: 10px;
}

.e23 .filter-multi-fields2 .input-filter {
	line-height: 14px;
	font-size: 12px;
	padding: 4px 4px 4px 32px;
	border-color: var(--main-outline-primary) !important;
	width: 270px;
}

.e23 .filter-multi-fields2 input.ui-corner-all.input-filter {
	border-radius: 5px !important;
}

.e23 .e22-details-table .filter-multi-fields2 button.ui-button.ui-button-icon-only.filter-btn-close {
	width: 12px;
}

.e23 .e22-details-table .filter-multi-fields2 button.ui-button.ui-button-icon-only.filter-btn-close .ui-icon {
	width: auto;
}

.e23 .e22-details-table .filter-multi-fields2 button.ui-button.ui-button-icon-only.filter-btn-close .ui-icon::before {
	color: #C8C8C8;
	font-size: 12px;
}

.filter-multi-fields2 .camera-icon {
	position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 8px;
}