@charset "UTF-8";
@import '../core/index-noreset.scss';
@import 'scss/variable';
@import 'scss/mixin';
/* put your code here */
#{$table-prefix} {
  @include box-sizing;
  position: relative;
  @if ($AT_THEME == 'teambition') {
    box-shadow: $shadow-01;
  }
  border-left: $table-normal-border-width $table-normal-border-style $table-normal-border-color;
  border-top: $table-normal-border-width $table-normal-border-style $table-normal-border-color;
  border-radius: $shape-radius;
  // background: $background-section;
  table {
    border-radius: $shape-radius;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin: 0;
    background: $table-row-bg;
  }
  tr:first-child {
    th:first-child,
    td:first-child {
      border-top-left-radius: $shape-radius;
    }
    th:last-child,
    td:last-child {
      border-top-right-radius: $shape-radius;
    }
  }
  tr:last-child {
    td:first-child {
      border-bottom-left-radius: $shape-radius;
    }
    td:last-child {
      border-bottom-right-radius: $shape-radius;
    }
  }
  th {
    padding: 0;
    background: $table-th-bg;
    color: $table-th-color;
    text-align: left;
    #{$table-prefix}-cell-wrapper {
      padding: $table-header-padding-top $table-header-padding-left;
    }
    font-weight: $table-th-font-weight;
    border: none;
    border-right: $table-normal-border-width $table-normal-border-style $table-normal-border-color;
    border-bottom: $table-normal-border-width $table-normal-border-style $table-normal-border-color;
  }
  &-affix {
    z-index: 1;
  }
  &-header-resizable {
    position: relative;
    #{$table-prefix}-resize-handler {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 3px;
      background: transparent;
      cursor: ew-resize;
    }
  }
  td {
    padding: 0;
    #{$table-prefix}-cell-wrapper {
      padding: $table-cell-padding-top $table-cell-padding-left;
      word-break: break-all;
      .#{$css-prefix}iconbtn.#{$css-prefix}table-tree-arrow,
      #{$table-prefix}-tree-placeholder {
        vertical-align: middle;
      }
    }
    border: none;
    border-right: $table-normal-border-width $table-normal-border-style $table-normal-border-color;
    border-bottom: $table-normal-border-width $table-normal-border-style $table-normal-border-color;
  }
  #{$table-prefix}-expanded,
  #{$table-prefix}-selection {
    #{$table-prefix}-cell-wrapper {
      overflow: visible;
      & > .#{$css-prefix}checkbox-wrapper {
        vertical-align: middle;
      }
    }
  }
  #{$table-prefix}-expanded {
    #{$table-prefix}-cell-wrapper {
      padding: $table-header-padding-top;
    }
  }
  &.no-header table tr:first-child td {
    border-top-width: 1px;
  }
  &.only-bottom-border {
    box-shadow: none;
    border-width: 0;
    th {
      border-width: 0 0 $table-normal-border-width 0;
    }
    td {
      border-width: 0 0 $table-normal-border-width 0;
    }
    #{$table-prefix}-expanded-row {
      th {
        border-width: 0 0 $table-normal-border-width 0;
      }
      td {
        border-width: 0 0 $table-normal-border-width 0;
      }
    }
  }
  &-loading {
    display: block;
  }
  &.zebra {
    tr:nth-child(odd) td {
      background: $table-td-normal;
    }
    tr:nth-child(even) td {
      background: $table-td-gray;
    }
    #{$table-prefix}-row.hovered td {
      background: $table-row-hover-bg;
      color: $table-row-hover-color;
    }
    #{$table-prefix}-row.selected td {
      background: $table-row-selected-bg;
      color: $table-row-selected-color;
    }
  }
  &-empty {
    color: $table-empty-color;
    padding: $table-empty-padding 0;
    text-align: center;
  }
  &-expanded-row {
    td {
      border-width: 0;
      &:first-child {
        border-left-width: 1px;
      }
      &:last-child {
        border-right-width: 1px;
      }
    }
    &:last-child td {
      border-bottom-width: 1px;
    }
    #{$table-prefix} .last td {
      border-bottom-width: 0;
    }
  }
  &-filter-footer {
    margin: 10px 10px 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  &-row {
    transition: background-color ease 0.3s;
    background: $table-row-bg;
    color: $table-row-color;

    &.hidden {
      display: none;
    }
    &.hovered {
      background: $table-row-hover-bg;
      color: $table-row-hover-color;
    }
    &.selected {
      background: $table-row-selected-bg;
      color: $table-row-selected-color;
    }
  }
  &-tree-placeholder {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
}

.last {
  #{$table-prefix}-expanded-row {
    td {
      border-bottom-width: 1px;
    }
  }
}

#{$table-prefix}-header {
  overflow: auto;
  font-size: $table-th-font-size;
  line-height: $table-th-line-height;
}

#{$table-prefix}-body {
  overflow: auto;
  font-size: $table-body-font-size;
  line-height: $table-body-line-height;
}

#{$table-prefix}-fixed {
  border: $table-normal-border-width $table-normal-border-style $table-normal-border-color;
  table {
    table-layout: fixed;
  }
  #{$table-prefix}-header {
    background: $table-th-bg;
  }
  @include table-border(0);
  &#{$table-prefix}-group {
    @include table-border($table-normal-border-width);
  }
}

#{$table-prefix}-lock {
  position: relative;
  table {
    table-layout: fixed;
  }
  #{$table-prefix}-body {
    overflow-x: auto;
    overflow-y: visible;
  }
}

#{$table-prefix}-group {
  border-width: 0;
  #{$table-prefix}-body {
    margin-top: $table-group-split;
    table {
      margin-bottom: $table-group-split;
      tr:first-child td {
        border-top-width: 1px;
      }
    }
  }
  #{$table-prefix}-group-header {
    td {
      background: $table-group-th-bg;
      color: $table-group-th-color;
    }
  }
  #{$table-prefix}-group-footer {
    td {
      background: $table-group-footer-bg;
      color: $table-group-footer-color;
    }
  }
  #{$table-prefix}-row.hovered,
  #{$table-prefix}-row.selected {
    background: $table-row-bg;
    color: $table-row-color;
  }
}

#{$table-prefix}-header-inner {
  overflow: hidden;
}

#{$table-prefix}-lock-left,
#{$table-prefix}-lock-right {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border: 0;
  table {
    width: auto;
  }
  #{$table-prefix}-body {
    overflow: hidden;
  }
  #{$table-prefix}-empty {
    display: none;
  }
}

#{$table-prefix}-lock-right {
  right: 0;
  left: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  table tr td:first-child,
  table tr th:first-child {
    border-left-width: 1px;
  }
  &.shadow {
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

#{$table-prefix}-lock-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  &.shadow {
    box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12);
  }
}

#{$table-prefix}-sort {
  // width: 16px;
  // height: 15px;
  // display: inline-block;
  // vertical-align: bottom;
  // line-height: 1;
  position: relative;
  .#{$css-prefix}icon {
    // @include icon-size($table-sort-icon-size);
    color: $table-sort-color;
    position: absolute;
  }
  .current .#{$css-prefix}icon {
    color: $table-sort-color-current;
  }
  .#{$css-prefix}icon-arrows-long-down {
    left: 6px;
    top: 2px;
  }
  .#{$css-prefix}icon-arrows-long-up {
    left: 0;
    top: 2px;
  }
}

#{$table-prefix}-filter {
  line-height: 1;
  margin-left: 5px;
  cursor: pointer;
  width: 20px;
  display: inline-block;
  &:focus {
    outline: 0;
  }
  .#{$css-prefix}icon {
    // @include icon-size($table-filter-icon-size);
    color: $table-sort-color;
    // vertical-align: sub;
  }
  &-active .#{$css-prefix}icon {
    color: $primary-brand;
  }
}

#{$table-prefix}-expanded-ctrl {
  &.disabled {
    color: $table-expanded-ctrl-disabled-color;
  }
}

@import './rtl.scss';
