.unit-attr-text-search{ padding: 12px 0; color: #333333; display: flex; justify-content: flex-end;}
.unit-attr-text-search .text-truncate, .unit-attr-sort-search .text-truncate{max-width: 80px;}
.unit-attr-text-search .dropdown-menu,.unit-attr-sort-search .dropdown-menu{top: calc(100% + 8px);}
.unit-attr-text-search .dropdown-menu { max-width: calc(10rem + 166px);}
.unit-attr-text-search .dropdown-menu::after,.unit-attr-sort-search .dropdown-menu::after{
  position: absolute;
  display: block;
  /* width: 0;height: 0;
  border-color: transparent;
	border-style: solid; */
	content: '';
	/* border-width: 6px;
	top: -6px;
	border-bottom-color: #fff;
	border-top-width: 0; */
	left: 50px;

  top: -5px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}
[search-style="1"] { color: #fff; }
[search-style="2"] { color: #333; }
.unit-attr-text-search__content { display: flex; justify-content: flex-end }
.unit-attr-text-search__select {margin-left: 12px; border: 1px solid #E4E4E4; width: inherit; font-size: 14px; height: 38px;}
.unit-attr-text-search__input--box { padding:0 12px; display: flex; justify-content: flex-start; align-items: center; }
.searchInput { border: 1px solid #E4E4E4;  flex: 1;}
.btnSearch{ font-weight: 700; opacity: .8; cursor: pointer; padding: 0 6px; position: absolute; right: 6px;top:7px }
.unit-attr-text-search .unit-attr-text-search__items{margin-right: 12px;margin-left: 12px;}
.unit-attr-text-search__items .form-control{  
	background-color: inherit; color: inherit; border-radius: 0;
	border-top-right-radius: 3px;border-bottom-right-radius: 3px;
	border: 0;border-left: solid 1px #ddd;
	padding: .375rem .75rem;
}
.unit-attr-text-search__items .input-group-prepend{position: relative;}
.unit-attr-text-search__items .dropdown-item{color: #16181b;opacity: 0.8;cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.unit-attr-text-search__items .dropdown-item:focus, .unit-attr-text-search__items .dropdown-item:hover{color: #16181b;opacity: 1;}
.unit-attr-text-search__items option{ color: #333; }
.unit-attr-text-search__items .btn {
	border-radius: 0; border: 0; font-size: 14px; color: inherit;
	border-top-left-radius: 3px;border-bottom-left-radius: 3px;
	display: flex;justify-content: space-between;align-items: center;
  height: 100%;
}
.unit-attr-text-search__items .btn .iconfont{font-size: 10px;}
.unit-attr-text-search__items .input-group {
  position: relative; display: flex;
	justify-content: flex-end;
	border: solid 1px #ddd;
	border-radius: 8px;
}
[package-item="grid"]:has(.unit-attr-text-search__items),[package-item="cell"]:has(.unit-attr-text-search__items){position: relative;z-index: 3;}
@media (max-width: 767px) {
	.unit-attr-text-search__items .form-control{ width: 50%; font-size: 15px;}
	.unit-attr-text-search__items .btn{padding: 8px;font-size: 13px;}
	.unit-attr-sort-search .unit-attr-text-search__items{
		display: none;
	}
}

@media (max-width: 1200px) {
  .unit-attr-text-search__items .input-group{ flex: 1;justify-content: normal;}
	.unit-attr-text-search__items .form-control{flex: 1;}
	.unit-attr-text-search__items .btn{height: 100%;}
}