.list-group {
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0;
  border-left: 1px solid rgba(0,0,0,0.10196);
  border-left: 1px solid var(--color-border-neutral);
  border-right: 1px solid rgba(0,0,0,0.10196);
  border-right: 1px solid var(--color-border-neutral);
}
[dir="rtl"] .list-group {
  padding-right: 0;
  padding-left: 0;
  padding-left: initial;
}
.list-group-item {
  display: block;
  padding: 16px 16px 16px 14px;
  background-color: #ffffff;
  background-color: var(--color-background-screen);
  margin-top: 1px;
  line-height: 1.5;
  line-height: var(--line-height-body);
  transition: all ease 0.15s;
}
[dir="rtl"] .list-group-item {
  padding: 16px 14px 16px 16px;
}
[dir="rtl"] .list-group-item {
  border-right: 2px solid transparent;
}
html:not([dir="rtl"]) .list-group-item {
  border-left: 2px solid transparent;
}
.panel-group .list-group-item {
  margin-top: 0;
}
@media (min-width: 576px) {
  .list-group-item {
    padding: 24px 24px 24px 22px;
  }
  [dir="rtl"] .list-group-item {
    padding: 24px 22px 24px 24px;
  }
}
@media (min-width: 992px) {
  .list-group-item {
    padding: 32px 32px 32px 30px;
  }
  [dir="rtl"] .list-group-item {
    padding: 32px 30px 32px 32px;
  }
}
.list-group-item-heading {
  margin-bottom: 0;
  margin: 0;
  line-height: 1.2;
  line-height: var(--line-height-title);
  letter-spacing: 0;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  font-size: 0.875rem;
  font-size: var(--font-size-14);
  letter-spacing: -0.006em;
  line-height: 140%;
  color: #37517e;
  color: var(--color-content-primary);
}
@supports (hyphenate-limit-chars: 1) {
  .list-group-item-heading {
    hyphens: auto;
    hyphenate-limit-chars: 7 3;
  }
  @media (min-width: 768px) {
    .list-group-item-heading {
      hyphenate-limit-chars: 8 3;
    }
  }
  @media (min-width: 992px) {
    .list-group-item-heading {
      hyphenate-limit-chars: 10 4 3;
    }
  }
}
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
  .list-group-item-heading {
    hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
  }
  @media (min-width: 992px) {
    .list-group-item-heading {
      -webkit-hyphenate-limit-before: 4;
    }
  }
}
.list-group-item-heading + p,
.list-group-item-heading + ul:not(.list-unstyled),
.list-group-item-heading + ol:not(.list-unstyled) {
  margin-top: 8px;
  margin-top: var(--size-8);
}
.list-group-item-text {
  margin-bottom: 0;
  color: #5d7079;
  color: var(--color-content-secondary);
}
a.list-group-item {
  color: #0097c7;
  color: var(--color-content-accent);
  -webkit-text-decoration: none;
  text-decoration: none;
}
a.list-group-item .list-group-item-heading {
  color: #0097c7;
  color: var(--color-content-accent);
}
a.list-group-item:not(.disabled):not(:disabled):hover,
a.list-group-item:not(.disabled):not(:disabled):focus {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #0084b3;
  color: var(--color-content-accent-hover);
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
}
.list-group-item[ng-click] {
  cursor: pointer;
}
.list-group-item[ng-click]:hover {
  will-change: margin, contents;
}
.list-group-item.active {
  z-index: 2;
  background-color: #ffffff;
  background-color: var(--color-background-elevated);
  box-shadow: 0 1px 10px rgba(0,0,0,0.10196);
  box-shadow: 0 1px 10px var(--color-border-neutral);
  margin-top: 24px;
  margin-top: var(--size-24);
  margin-bottom: 24px;
  margin-bottom: var(--size-24);
}
.list-group-item.active:first-child {
  margin-top: 1px;
}
.list-group-item.active:last-child {
  margin-bottom: 0;
}
.np-theme-personal--forest-green .list-group-item.active,
.np-theme-personal--bright-green .list-group-item.active,
.np-theme-personal--dark .list-group-item.active {
  box-shadow: none;
}
@media (min-width: 768px) {
  .list-group-item.active {
    margin-left: -12px;
    margin-right: -12px;
  }
  .list-group-item .media-body {
    transition: padding ease 0.15s;
  }
}
.list-group-inactive .list-group-item {
  background-color: transparent;
  margin-top: 0;
}
.list-group-inactive .list-group-item:hover,
.list-group-inactive .list-group-item.active {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
@media (min-width: 576px) {
  .list-group-inactive .list-group-item:hover .circle,
  .list-group-inactive .list-group-item.active .circle {
    background-color: rgba(134,167,189,0.10196);
    background-color: var(--color-background-neutral);
  }
}
.list-group-inactive .list-group-item.active {
  margin-top: 24px;
  margin-top: var(--size-24);
}
[dir="rtl"] .list-group-item-success {
  border-right: 3px solid #008026;
  border-right: 3px solid var(--color-content-positive);
}
html:not([dir="rtl"]) .list-group-item-success {
  border-left: 3px solid #008026;
  border-left: 3px solid var(--color-content-positive);
}
.list-group-item.list-group-item-success {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
.list-group-item-success .list-group-item-text {
  color: #008026;
  color: var(--color-content-positive);
}
a.list-group-item-success {
  color: #008026;
  color: var(--color-content-positive);
}
a.list-group-item-success:hover {
  color: #008026;
  color: var(--color-content-positive);
}
[dir="rtl"] .list-group-item-info {
  border-right: 3px solid #0097c7;
  border-right: 3px solid var(--color-content-accent);
}
html:not([dir="rtl"]) .list-group-item-info {
  border-left: 3px solid #0097c7;
  border-left: 3px solid var(--color-content-accent);
}
.list-group-item.list-group-item-info {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
.list-group-item-info .list-group-item-text {
  color: #0097c7;
  color: var(--color-content-accent);
}
a.list-group-item-info {
  color: #0097c7;
  color: var(--color-content-accent);
}
a.list-group-item-info:hover {
  color: #0097c7;
  color: var(--color-content-accent);
}
[dir="rtl"] .list-group-item-warning {
  border-right: 3px solid #9a6500;
  border-right: 3px solid var(--color-content-warning);
}
html:not([dir="rtl"]) .list-group-item-warning {
  border-left: 3px solid #9a6500;
  border-left: 3px solid var(--color-content-warning);
}
.list-group-item.list-group-item-warning {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
.list-group-item-warning .list-group-item-text {
  color: #9a6500;
  color: var(--color-content-warning);
}
a.list-group-item-warning {
  color: #9a6500;
  color: var(--color-content-warning);
}
a.list-group-item-warning:hover {
  color: #9a6500;
  color: var(--color-content-warning);
}
[dir="rtl"] .list-group-item-danger {
  border-right: 3px solid #cf2929;
  border-right: 3px solid var(--color-content-negative);
}
html:not([dir="rtl"]) .list-group-item-danger {
  border-left: 3px solid #cf2929;
  border-left: 3px solid var(--color-content-negative);
}
.list-group-item.list-group-item-danger {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
.list-group-item-danger .list-group-item-text {
  color: #cf2929;
  color: var(--color-content-negative);
}
a.list-group-item-danger {
  color: #cf2929;
  color: var(--color-content-negative);
}
a.list-group-item-danger:hover {
  color: #cf2929;
  color: var(--color-content-negative);
}
.list-group:hover .list-group-item:not(.active) {
  background-color: #fbfcfd;
}
.list-group:hover .list-group-item:not(.active) .media {
  opacity: 0.94;
}
.list-group:hover .list-group-item:hover {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
.list-group:hover .list-group-item:hover .media {
  opacity: 1;
}
.list-group-inactive:hover .list-group-item:not(.active) {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
}
.list-group-inactive:hover .list-group-item:hover {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
@keyframes listSlideOver {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .list-group-slide-out .list-group-item .collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    overflow-y: auto;
    background-color: #fff;
    animation: listSlideOver 0.15s ease-out forwards;
    z-index: 3;
  }
  [dir="rtl"] .list-group-slide-out .list-group-item .collapse {
    right: 0;
    left: auto;
    left: initial;
  }
  .list-group-slide-out .list-group-item .collapse .media-left {
    display: none;
  }
  .list-group-slide-out .list-group-item .collapse .well {
    border-radius: 0;
    margin-bottom: 0;
  }
  .list-group-slide-out .list-group-item.active,
  .list-group-slide-out .list-group-inactive .list-group-item.active {
    margin-top: 1px;
    margin-bottom: 0;
    box-shadow: none !important;
  }
  .list-group-slide-out .list-group-item.active .collapse {
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    padding-bottom: 72px;
  }
  .list-group-slide-out .list-group-item.active .collapse .well {
    padding-bottom: 72px;
    margin-bottom: -72px;
  }
}