.bingo-table{
  position: relative;
  .vue-header-filter {
    display: inline-block;
    cursor: pointer;
  }
  .ivu-dropdown{
    .ivu-dropdown-menu{
      button{
        margin-right: 5px;
        font-size: 12px;
        display: block;
        margin: 5px auto;
        width: 90%;
      }
    }
  }
  .action-all{
    button{
      margin-right:5px;
      i{
        margin-right:2px;
      }
      font-size: 12px;
    }
    .btn-more{
      background-color: #e7e7e7;
      border-color: #e7e7e7;
      color: #444;
      &:hover{
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
      }
    }
    .drop-font-icon{
      font-size: 12px;
        background: #2db7f5;
        color: #fff;
        display: inline-block;
        border-color: #2db7f5;
        cursor: pointer;
        text-align: center;
        border-radius: 3px;
        height: 24px;
        line-height: 24px;
        vertical-align: middle;
        padding: 0 8px;
        a{
          color: #fff;
        }
    }
  }
  .action-font{
    .font{
      color:#0077c8;
    }
    .ivu-icon{
      color:#0077c8;
    }
    button{
      font-size: 12px;
      background:transparent;
      padding:0;
      border:none;
      i{
        display: none;
      }
      .font{
        color:#0077c8;
      }
      &::after{
        content: '|';
        display: inline-block;
        font-size: 14px;
        padding: 0 6px;
        color: #dcdee2;
      }
    }
    .drop-font-icon{
      font-size: 12px;
      vertical-align: middle;
      margin-top: 2px;
      display: inline-block;
    }
  }
  .action-icon{
    button{
      margin-right:5px;
      .font{
        display: none;
      }
    }
    .drop-font-icon{
      font-size: 16px;
      .font{
        display: none;
      }
    }
  }
  .ivu-table-fixed, .ivu-table-fixed-right{
    height: 100%;
    background-color:#fff;
  }
  .ivu-table-wrapper{
    overflow: hidden;
    position: inherit;
  }
  &.fullScreen{
    position: fixed!important;
    top: 48px;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%!important;
    background-color: #fff;
    .toolbar-wrapper-col{
      /*display: none;*/
    }
  }
  .ivu-table-cell{
    white-space: nowrap;
    /*height: 16px;*/
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
  }
  .ivu-table-header,.ivu-table-fixed-header{
    thead{
      tr{
        th{
          padding:5px 0;
        }
      }
    }
  }
  .ivu-table-border{
    &:after{
      z-index:0;
    }
  }
  .ivu-table{
    .ivu-table-fixed-body{
      z-index: 0;
    }
    .ivu-table-header{
      thead{
        tr{
          th{
            text-align: left!important;
          }
        }
      }
    }
    .ivu-table-cell-with-selection{
      padding-left:0;
      padding-right:0;
    }
  }
  .page-wrapper{
    padding-top:8px;
  }
  .ivu-select-dropdown {
    max-height: 400px;
  }
  .table-head-fun{
    height:32px;
    background-color:#f3f4f4;
    position: absolute;
    top: 0;
    z-index: 9;
    margin-left:42px;
    width: calc(~'100% - 42px');
    border-top: 1px solid rgba(51, 63, 72, 0.1);
    border-right: 1px solid rgba(51, 63, 72, 0.1);
    .f-sel{
      line-height: 33px;
      .f-em{
        font-style: normal;
        display: inline-block;
        padding:0 5px;
        color:#0077c8;
        font-size: 18px;
      }
      .f-ico{
        font-size:12px;
        color:#0077c8;
        margin-right:6px;
        display: inline-block;
        vertical-align: middle;
        margin-top:-3px;
      }
    }
    .f-pub{
      margin-right: 0px;
    }
    .f-line{
      width: 1px;
      height: 16px;
      background:#dcdee2;
      display: inline-block;
      vertical-align: middle;
      margin-top:-3px;
      line-height: 33px;
      margin:0 14px;
    }
  }
  .ivu-table .ivu-table-header thead tr th.ivu-table-column-center{
    text-align: center!important
  }
}