div.sidebar {

  width: 18rem;

}

div.widget {

  margin-bottom: 2rem;

}

div.widget strong {

  display: block;

  margin-bottom: 0.5rem;

  position: relative;

  padding-bottom: 0.5rem;

}

div.widget strong:before {

  content: "";

  position: absolute;

  width: 3rem;

  height: 1px;

  background: #1CA7E8;

  bottom: 0;

}

div.widget span.colorlabel {

  width: 1rem;

  height: 1rem;

  top: 0.15rem;

  border-radius: 50%;

  display: block;

  position: absolute;

  left: 0;

}

div.widget ul li.active {

  color: #222222;

}

div.widget ul li {

  padding-left: 1.5rem;

  position: relative;

  line-height: 1.5rem;

  color: #999999;

  cursor: pointer;

}

div.widget ul.terms li:before {

  content: '';

  width: 1rem;

  height: 1rem;

  border: 1px solid #DCE2E5;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  border-radius: 50%;  

}

div.widget ul.terms li:after {

  content: '';

  width: 0.75rem;

  height: 0.75rem;

  background: #1CA7E8;

  position: absolute;

  top: 50%;

  left: 3px;

  transform: translateY(-50%) scale(0);

  border-radius: 50%;

  opacity: 0;

  transition: 0.3s all ease;

}

.widget ul.terms li.active:after, .widget ul.terms li:hover:after {

  opacity: 1;

  transform: translateY(-50%) scale(1);

}

div.widget ul {

  margin-top: 0.5rem;

  margin-bottom: 1rem;

}

.widget input.search_in_term {

  line-height: 2rem;

  border-radius: 4px;

  padding-left: 0.5rem;

  border: 1px solid #999;

}

.sytech_filter .load_more_term{

  cursor: pointer;

}