.search-box{
  padding:10px 20px;
  border-top:1.5px solid #000;
  border-left:1.5px solid #000;
  border-bottom:1.5px solid #000;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.search-icon{
  border-top:1.5px solid #000;
  border-right:1.5px solid #000;
  border-bottom:1.5px solid #000;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color:#FFF; color:#000;
}
.search-icon:hover{
  border-top:1.5px solid #000;
  border-right:1.5px solid #000;
  border-bottom:1.5px solid #000;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color:#FFF; color:#000;
}
.form-control:focus{
  box-shadow:none;
  border-top:1.5px solid #000;
  border-left:1.5px solid #000;
  border-bottom:1.5px solid #000;
  border-right:0px;
}
.box-result{
  border:1px solid #EEE;
}
.btn-category{
  padding:2px 5px 2px 5px;
  border:1px solid #DDD;
  margin-bottom: 10px;
}

.list-group-item{
  cursor: pointer;
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

#loading{
  height:50vh;margin-top:10%;margin-bottom:10%;
  color: var(--accent-color);

}

.list-group-item {
  padding:4px 12px;
}

#Search::-ms-clear{
   margin-right:20px
}

@media (max-width: 767px) {
  .list-group-item {
      padding:2px 5px;
      font-size: 13px;
    }

}