jquery.scrolltabs.psk/css/custom.css

jQuery highly configurable plugin to handle scrolling tabs horizontally when not enough space is available.

.scroll_tabs_theme_light div.scroll_tab_inner span:hover, .scroll_tabs_theme_light div.scroll_tab_inner li:hover {
  background-color: #eee;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected, .scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected {
  background-color: #eaeaea;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.scroll_tabs_theme_light div.scroll_tab_inner span, .scroll_tabs_theme_light div.scroll_tab_inner li {
  background-color: #fafafa;
  border-color: #ddd;
  font-size: 15px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over, .scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_over {
  background-color: #eaeaea;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher {
  background-color: #fafafa;
  border-color: #ddd;
}

.scroll_tabs_theme_light .scroll_tab_left_button {
  background-color: #fafafa;
  border-color: #ddd;
}

.scroll_tabs_theme_light .scroll_tab_left_button::before {
  position: relative;
  left: -3px;
  top: 1px;
  content: '\f141';
  font-size: 21px;
  font-family: Material Design Icons;
  color: #333;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher {
  background-color: #fafafa;
  border-color: #ddd;
}

.scroll_tabs_theme_light .scroll_tab_right_button {
  background-color: #fafafa;
  border-color: #ddd;
}

.scroll_tabs_theme_light .scroll_tab_right_button::before {
  position: relative;
  left: -3px;
  top: 1px;
  content: '\f142';
  font-size: 21px;
  font-family: Material Design Icons;
  color: #333;
}

.list-group-item.active {
  border-color: rgb(77, 152, 230);
  color: white !important;
}

.list-group-item.active div p::before {
  margin-right: 7px;
  content: '\f12c';
  font-family: Material Design Icons;
}