@charset "utf-8";
/**
 * Lists
 * --------------------------------------------------
 */
.list {
  position: relative;
  //padding-top: $item-border-width;
  //padding-bottom: $item-border-width;
  padding-left: 0; // reset padding because ul and ol
  //margin-bottom: 20px;

  background-color: $white;

  .item{
    border-bottom: 1px solid $border-color;
    &:last-child{
      border: none;
    }
  }

  &.list-middle{
    .item{
      padding-top: 17px;
      padding-bottom: 18px;
      font-size:14px;
    }
  }

  &.list-big{
    .item{
      padding-top: 22px;
      padding-bottom: 22px;
      font-size:16px;
    }
  }

  &.list-small{
    .item{
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }

  &.list-xsmall{
    .item{
      padding-top: 5px;
      padding-bottom: 5px;
    }
  }

  // 不带下划实线列表
  &.list-none{
    border-bottom: none;
    .item{
      border-bottom: none;
    }
  }

  // 两侧收束列表
  &.list-space .item{
    padding-left: 0;
    padding-right: 0;
    margin-left: $padding-base*1.5;
    margin-right: $padding-base*1.5;
  }

  // 左收束列表
  &.list-space-left .item{
    padding-left: 0;
    margin-left: $padding-base*1.5;
  }
}

.list-disable{
  color: $disable !important;
  & .item, & .primary, & .red, & .gray,& .dark{
    color: $disable !important;
  }
  & .label{
    background-color:$disable !important;
    border-color: $disable !important;
  }
}

.list-disable-gray{
  color: $gray-light !important;
  & .item, & .primary, & .red, & .gray,& .dark{
    color: $gray-light !important;
  }
  & .label{
    background-color:$gray-light !important;
    border-color: $gray-light !important;
  }
}

.list:last-child {
  margin-bottom: 0px;
  &.card{
    //margin-bottom:40px;
  }
}

/**
 * List Header
 * --------------------------------------------------
 */

.list-header {
  margin-top: $list-header-margin-top;
  padding: $list-header-padding;
  background-color: $list-header-bg;
  color: $list-header-color;
  font-weight: bold;
}

// when its a card make sure it doesn't duplicate top and bottom borders
.card.list .list-item {
  padding-right: 1px;
  padding-left: 1px;
}


/**
 * Cards and Inset Lists
 * --------------------------------------------------
 * A card and list-inset are close to the same thing, except a card as a box shadow.
 */

.card,
.list-inset {
  overflow: hidden;
  margin: ($content-padding * 2) $content-padding;
  border-radius: $card-border-radius;
  background-color: $card-body-bg;
}

.card {
  padding-top: $item-border-width;
  padding-bottom: $item-border-width;
  box-shadow: $card-box-shadow;

  .item {
    border-left: 0;
    border-right: 0;
  }
  .item:first-child {
    border-top: 0;
  }
  .item:last-child {
    border-bottom: 0;
  }
}

.padding {
  .card, .list-inset {
    margin-left: 0;
    margin-right: 0;
  }
}

.card .item,
.list-inset .item,
.padding > .list .item
{
  &:first-child {
    border-top-left-radius: $card-border-radius;
    border-top-right-radius: $card-border-radius;

    .item-content {
      border-top-left-radius: $card-border-radius;
      border-top-right-radius: $card-border-radius;
    }
  }
  &:last-child {
    border-bottom-right-radius: $card-border-radius;
    border-bottom-left-radius: $card-border-radius;

    .item-content {
      border-bottom-right-radius: $card-border-radius;
      border-bottom-left-radius: $card-border-radius;
    }
  }
}

.card .item:last-child,
.list-inset .item:last-child {
  margin-bottom: $item-border-width * -1;
}

.card .item,
.list-inset .item,
.padding > .list .item,
.padding-horizontal > .list .item {
  margin-right: 0;
  margin-left: 0;

  &.item-input input {
    padding-right: 44px;
  }
}
.padding-left > .list .item {
  margin-left: 0;
}
.padding-right > .list .item {
  margin-right: 0;
}


// 折叠列表
.list .item.item-accordion {
  line-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  transition: 0.09s all linear;
  &.ng-hide {
    line-height: 0px;
  }
  &.ng-hide-add,&.ng-hide-remove {
    display: block !important;
  }
}