.list-filter {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}

.list-filter li {
  display: inline-block;
}

.list-filter li a {
  text-align: center;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}

.color-filter.list-filter a span {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 40px;
}

.color-filter.list-filter a span.product-color-white {
  border: 1px solid #ddd;
}

.color-filter.list-filter li.active a::before {
  content: "";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  right: 3px;
  top: -3px;
  background: #4cd964;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.size-filter.list-filter a {
}

.size-filter.list-filter li a {border-radius: 3px;border: solid 1px #d4d6d8;font-size: 17px;color: #333333;padding: 7px 12px 7px;cursor: pointer;margin-right: 10px;margin-bottom: 2.5px;margin-top: 2.5px;}

.size-filter.list-filter li a:hover,
.size-filter.list-filter li.active a {
  color: #000;
  background-color: #ffffff;
  border-color: #00badb;
}

.detail-qty {
  max-width: 80px;
  padding: 9px 20px;
  position: relative;
  width: 100%;
  border-radius: 5px;
}

.detail-qty > a {
  font-size: 16px;
  position: absolute;
  right: 8px;
  color: #3BB77E;
}

.detail-qty > a:hover {
  color: #29A56C;
}

.detail-qty > a.qty-up {
  top: 0;
}

.detail-qty > a.qty-down {
  bottom: -4px;
}

.attr-detail .select-box select {
  height: 40px;
  width: 100%;
}

.attr-detail.attr-brand {
  margin-top: 23px;
}

.attr-detail.attr-brand .select-box {
  display: block;
  margin-bottom: 20px;
}

.attr-detail.attr-color table {
  margin-bottom: 15px;
}