.mp-y-10 {
  padding-top: 30px;
}

.p-x-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.p-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.met-MyAssociativeSearch {
  background: #f2f2f2;
}

.met-MyAssociativeSearch .type-order>div {
  background: #000000;
  border-bottom: 1px solid #ededed;
  color: #ffffff;
}

.met-MyAssociativeSearch .type-order {
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}

.met-MyAssociativeSearch .type-order .attr-name {
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.met-MyAssociativeSearch .type-order ul {
  padding: 0;
  margin: 0;
  background: #ffffff;
}

.met-MyAssociativeSearch .type-order ul li {
  height: 40px;
  line-height: 40px;
  /* padding-top: 3px;
  padding-bottom: 3px; */
}
.met-MyAssociativeSearch .type-order ul li:first-of-type{
  padding-left: 5px;
}
.met-MyAssociativeSearch .type-order ul, .met-MyAssociativeSearch .type-order li {
    list-style: none;
    overflow-wrap:break-word;
}
.met-MyAssociativeSearch .type-order .attr-value a {
  color: #999999;
  padding: 5px 8px;
}

.met-MyAssociativeSearch .type-order .attr-value a:hover,
.met-MyAssociativeSearch .type-order ul li.para_select_option a {
  color: #fff;
  background-color: #e57126;
}
@media only screen and (max-width: 414px) {

.met-MyAssociativeSearch .type-order .attr-name,
.met-MyAssociativeSearch .type-order ul.type-order-attr{
float: none !important;
display: block;
}

}