.vss,
.vss ul,
.vss ul li {
  list-style-type: none;
  margin: 0px;
}
.vss ul ul {
  padding: 0px;
}
.vss,
.vss *,
.vss *::before,
.vss *::after {
  box-sizing: border-box;
}
.vss {
  display: flex;
  align-items: stretch;
  align-content: stretch;
  justify-content: space-between;
}
.vss a {
  text-decoration: none;
}
.vss .vss-span,
.vss .vss-list-ul li {
  user-select: none;
}
.vss .vss-span {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vss .vss-list {
  width: 100%;
}
.vss .vss-list .vss-inner-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.vss .vss-list .vss-inner-list .vss-list-search {
  width: 100%;
}
.vss .vss-list .vss-inner-list .vss-list-ul {
  overflow-y: auto;
  max-height: 400px;
}
.vss .vss-list .vss-inner-list .vss-list-ul li {
  line-height: 1.5;
}
.vss .vss-list .vss-inner-list .vss-list-ul li .vss-list-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vss * {
  font-size: 0.9rem;
}
.vss .vss-span {
  font-size: 1.3rem;
  color: #e1e1e1;
}
.vss .vss-list .vss-inner-list {
  box-shadow: 0px 0px 10px #e1e1e1;
  border-radius: 0.25rem;
}
.vss .vss-list .vss-inner-list .vss-list-search {
  border: none;
  padding: 12px 14px;
  border-bottom: 2px solid #f3f3f3;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  outline: none;
}
.vss .vss-list .vss-inner-list .vss-list-search:focus {
  border-color: #f57f1e;
}
.vss .vss-list .vss-inner-list .vss-list-ul {
  padding: 8px 10px 10px 10px;
}
.vss .vss-list .vss-inner-list .vss-list-ul li span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.25rem;
  color: #242934;
  padding: 5px 12px;
  margin-top: 2px;
}
.vss .vss-list .vss-inner-list .vss-list-ul li span .vss-list-badge {
  font-size: 0.5rem;
  color: #fff;
  background-color: rgba(36, 41, 52, 0.15);
  padding: 2px 4px 0px 4px;
  border-radius: 20px;
  min-width: 14px;
  height: 14px;
  font-weight: bold;
}
.vss .vss-list .vss-inner-list .vss-list-ul li.active:not(.is-parent) > span {
  background-color: #395580;
  color: #fff;
  border-color: transparent;
}
.vss
  .vss-list
  .vss-inner-list
  .vss-list-ul
  li.is-disabled:not(.is-parent)
  > span {
  background-color: #d4d4d4;
  color: #fff;
  color: #242934;
  cursor: default;
  border-color: transparent;
}
.vss
  .vss-list
  .vss-inner-list
  .vss-list-ul
  li.is-disabled.active:not(.is-parent)
  > span {
  background-color: #f9b780;
  color: #fff;
}
.vss .vss-list .vss-inner-list .vss-list-ul li:not(.is-parent) > span {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #f5f5f5;
}
.vss .vss-list .vss-inner-list .vss-list-ul li.no-results > span,
.vss .vss-list .vss-inner-list .vss-list-ul li.no-selection > span {
  cursor: default;
  background-color: #fafafa;
  border-color: transparent;
}
.vss .vss-list .vss-inner-list .vss-list-ul > li.is-parent > span {
  font-weight: bold;
  padding-left: 0px;
}
.vss .vss-list .vss-inner-list .vss-footer {
  align-items: flex-end;
  display: flex;
  flex: 1 0 auto;
}
.vss .vss-list .vss-inner-list .vss-footer .vss-footer-bg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 12px;
  height: 2rem;
  width: 100%;
  background-color: #242934;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.vss .vss-list .vss-inner-list .vss-footer .vss-footer-bg * {
  color: #fff;
  font-size: 0.7rem;
}
.vss .vss-list .vss-inner-list .vss-footer .vss-footer-bg > div {
  display: flex;
}
.vss
  .vss-list
  .vss-inner-list
  .vss-footer
  .vss-footer-bg
  > div
  .vss-footer-separator {
  margin: 0px 6px;
}
.vss .vss-list .vss-inner-list .vss-footer .vss-footer-bg > span {
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  background-color: #434d61;
  padding: 1px 6px 0px 6px;
  border-radius: 20px;
  min-width: 14px;
  height: 14px;
}
.vss .vss-list .vss-total {
  font-size: 0.7rem;
}