

@import "../../scss/theme/config";


.cd-common-table{

  .cd-table-thead{

  }
  .cd-table-body{
    //max-height:240px;
    overflow-y: auto;
  }

  table{
    width: 100%;
    color: $colorBase;
    text-align: center;

    thead{
      border-bottom: 1px solid $colorLineLight;
    }
  }

  th{
    position: relative;
    height: 40px;
    font-size: $fontSizeSmall;
    color: $colorBase;
    text-align: center;
    font-weight: bold;
  }

  td{
    min-width: 80px;
    height: 50px;
    padding: 0 10px;
    font-size: $fontSizeSmall;
    color: $colorBase;
    border-bottom: 1px solid $colorLineLight;
  }

  td.cd-no-data{
    height: 100px;
    line-height: 100px;
    font-size: 14px;
    background-color: $colorBg;
    color: $colorBtnGhostBorder;
    padding: 0;

    &:hover{
      background-color: $colorBg;
      color: $colorBtnGhostBorder;
    }
  }

  tbody{
    tr{
      background-color: $colorContainerBg;
    }

    tr:hover{
      background-color: $colorTableHover;
    }
  }

  .cd-left{
    text-align: left;
  }

  .cd-right{
    text-align: right;
  }

  //编辑
  .btn-edit{
    @extend .cd-component;
    @extend .cd-component-edit_1;
    margin:1px 10px 0 0;
    float:right;
    &:hover{
      @extend .cd-component-edit_2;
    }
  }

  //操作层
  .cd-operate-layer{
    @include clearFix();
    display: inline-block;
  }

  //单个操作按钮
  .cd-operate{
    float: left;
    margin: 0px 10px;
    color: $colorLink;
    &:hover{
      color: $colorHover;
    }

    //删除按钮
    &.cd-delete{
      @extend .cd-component;
      @extend .cd-component-delete_1;
      &:hover{
        @extend .cd-component-delete_2;
      }
    }
  }

  //红色状态
  .cd-status-green{
    color:#29BD92;
  }
  //红色状态
  .cd-status-blue{
    color:#2299ff;
  }
  //黑色状态
  .cd-status-black{
    color:#333333;
  }
  //红色状态
  .cd-status-red{
    color: $colorBrand;
  }

}

//改名组件包裹层
.cd-name-cell{
  position: relative;
  width:100%;
}

//底部分页栏
.cd-paginate-bar{
  margin-top:20px;
  margin-bottom:16px;
  text-align: center;
}
