@import 'color.less';

/*修改iviewCard控件，局部清單修正*/
.mission-list-card {
  .mission-list-card-title {
    display: block;
    position: relative;
    z-index: 4;
    top: 16px;
    left: 15px;
    font-weight: 700;
    margin-bottom: -24px;
    font-size: 16px;
    color: #575757;
    .title {
      top: -1px;
      left: -4px;
    }
  }
  .ivu-card-body {
    height: 0;
    padding: 0px;
    padding-bottom: 80vh;
    overflow: hidden;
    .list-item-info {
      @media screen and (min-width: 1808px) {
        width: 78% !important;
      }
      @media screen and (max-width: 1366px){
        .list-item-title {
          font-size: 12px !important;
        } 
      }
      @media screen and (max-width: 1086px) and (min-width: 992px){
        width: 50% !important;
      }
      @media screen and (max-width: 630px) {
        width: 70% !important;
      }
    }
    .list-item-infonoPie{
      @media screen and (min-width: 1808px) {
        width: 92% !important;
      }
      @media screen and (max-width: 1807px) and (min-width: 992px){
        width: 80% !important;
      }
      @media screen and (max-width: 992px) and (min-width: 768px){
        width: 85% !important;
      }
    }
  }
  
  .list {
    position: relative;
    width: 100%;
    box-shadow: none;
    .list-block {
      border-top: 1px solid rgba(0, 0, 0, 0.15);
      margin-top: 50px;
    }
    .list-item:hover a {
      color: #03966a;
    }
    
  }

  .ivu-scroll-container {
    height: 80vh !important;
    padding-bottom: 150px;
    padding-top: 0px !important;
    overflow: auto;
    .ivu-spin-text {
      color: @primary;
      font-weight: bolder;
    }
    .ivu-scroll-loader {
      margin-top: -10px;
    }
  }
}
