#main .list-group {
  overflow: hidden;
  overflow-y: auto;
}
#main .list-group::-webkit-scrollbar {
  width: 6px;
}
#main .list-group::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #52c5c1;
}
#main .list-group::-webkit-scrollbar-thumb {
  background-color: #006564;
}

#main #search_app_keyword {
  display: none;
}
#main #search_app_keyword.active {
  display: block;
}
#main #application_keyword_search_result {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#main #application_keyword_search_result.active {
  display: block;
  opacity: 1;
}
#main .card > a .card-title {
  margin-bottom: 0;
  -webkit-transition: margin-bottom 0.2s;
  transition: margin-bottom 0.2s;
}
#main .card > a:hover .card-title {
  margin-bottom: 10px;
}
#main .card:hover .list-group {
  max-height: 500px;
}
#main .list-group {
  max-height: 0px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
#main .list-group.show {
  min-height: 180px;
  height: unset !important;
}
#main .bottom_block {
  text-align: end;
}

#side_fkind {
  left: 0px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#side_fkind .side_fkind_content {
  width: 260px;
}
#side_fkind .category_name {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  display: none;
}
#side_fkind.close {
  left: -260px;
}
#side_fkind.close .category_name {
  display: block;
}

@media (max-width: 767.98px) {
  #main .list-group {
    max-height: unset !important;
    height: 180px !important;
  }
}
@media (max-width: 575.98px) {
  #main .bottom_block {
    text-align: center;
  }
  #main .bottom_block .ap_more .fa-angle-right {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  #main .bottom_block .ap_less .fa-angle-right {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}