//
// List
//

.list {
  padding-left: 0;
  padding-right: 0;
  border-radius: 3px;
  &.no-border {
    padding-top: 8px;
    padding-bottom: 8px
  }
  //.list-item
  &-item {
    display: block;
    position: relative;
    padding: 12px 16px;

    @at-root .navside ul,.no-padding &{
      padding-left: 0;
      padding-right: 0
    }

    &:after {
      display: table;
      clear: both
    }

    &:last-child{
      .list-body:after {
        border: none;
      }
    }

    .no-border & {
      padding-top: 8px;
      padding-bottom: 8px;
    }

    &.active {
      background-color: rgba(22,32,42,.15);
    }
  }

  //.list-left
  &-left {
    &>span {
      display: table-cell;
      vertical-align: middle;
    }
    &+.list-body {
      margin-left: 56px;
    }
  }

  //.list-body {
  &-body {
    h3 {
      font-size: $font-size-base;
      margin: 0 0 3px;
      font-weight: 400;
    }

    &:after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      border-bottom: 1px solid rgba(120,130,140,.065);

      @at-root .inset  {
        left: 72px;
      }
    }
  }

  //list-icon
  &-icon{
    i {
      margin-right: 16px;
    }

    div {
      line-height: 40px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  //list-group
  &-group {
    border-radius: 3px;
    background: $white;

    &.no-radius {
      .list-group-item {
        border-radius: 0!important
      }
    }

    &.no-borders {
      .list-group-item {
        border: none;
      }
    }

    &.no-border {
      .list-group-item {
        border-width: 1px 0;
        &:first-child {
          border-top-width: 0;
        }
        &:last-child {
          border-bottom-width: 0;
        }
      }
    }

    &.no-bg {
      .list-group-item {
        background-color: transparent;
      }
    }

    &.list-group-gap {
      background: 0 0;
    }

    //list-group-item
    &-item {
      border-color: rgba(150,176,178,.2);
      background: 0 0;
      padding: 12px 16px;
      background-clip: padding-box;

      &.media {
        margin-top: 0;
      }
      &.active,&.active:focus,&.active:hover{
        color: inherit;
        background-color: #17A7FB;
        a {
          color: inherit;
        }
      }
      &:first-child{
        border-top-color: rgba(150,176,178,.2);
      }
      &:last-child{
        border-bottom-color: rgba(150,176,178,.2);
      }

      .list-group-lg & {
        padding: 16px 24px;
      }
      .list-group-md & {
        padding-top: 16px;
        padding-bottom: 16px;
      }
      .list-group-sm & {
        padding: 10px 12px;
      }

      .list-group-gap & {
        margin-bottom: 5px;
        border-radius: 3px;
      }
    }

  }
}

a.list-group-item {
  color: inherit;
  &.hover,:focus,:hover {
    color: inherit;
    background-color: #fff;
  }
}
.no-border .list-body:after,.pace-inactive {
  display: none
}