yqcloud-ui/es/table/style/index.css

An enterprise-class UI design language and React-based implementation

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.ant-table-wrapper {
  zoom: 1;
  position: relative;
}
.ant-table-wrapper:before,
.ant-table-wrapper:after {
  content: " ";
  display: table;
}
.ant-table-wrapper:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-table {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #04173F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  clear: both;
}
.ant-table-body {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.ant-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  border-radius: 4px 4px 0 0;
}
.ant-table-thead > tr > th {
  background: #f0f5fa;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
  text-align: left;
  color: #818999;
  font-weight: 500;
  border-bottom: 1px solid #dce1e6;
}
.ant-table-thead > tr > th[colspan] {
  text-align: center;
  border-bottom: 0;
}
.ant-table-thead > tr > th:hover .ant-table-sort-icon {
  opacity: 1;
}
.ant-table-thead > tr > th .ant-table-sort-icon {
  position: relative;
  margin-left: 8px;
  font-size: 14px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 14px;
  font-weight: normal;
  vertical-align: text-bottom;
  opacity: 0;
}
.ant-table-thead > tr > th.ant-table-sort-ascend .ant-table-sort-icon,
.ant-table-thead > tr > th.ant-table-sort-descend .ant-table-sort-icon {
  opacity: 1;
  color: #04173F;
}
.ant-table-thead > tr > th.ant-table-sort-descend .ant-table-sort-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-table-thead > tr > th.ant-table-column-has-filters {
  overflow: hidden;
  cursor: pointer;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #dce1e6;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 12px;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ant-table-thead > tr.ant-table-row-hover > td,
.ant-table-tbody > tr.ant-table-row-hover > td,
.ant-table-thead > tr:hover > td,
.ant-table-tbody > tr:hover > td {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  padding: 5px 16px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 0 0 4px 4px;
  position: relative;
  border-top: 1px solid #CCD3D9;
}
.ant-table-footer:before {
  content: '';
  height: 1px;
  background: rgba(0, 0, 0, 0.04);
  position: absolute;
  top: -1px;
  width: 100%;
  left: 0;
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #CCD3D9;
}
.ant-table-title {
  padding: 5px 0;
  position: relative;
  top: 1px;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  border: 1px solid #CCD3D9;
  padding-left: 16px;
  padding-right: 16px;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  background: rgba(161, 194, 250, 0.16);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 9px 16px;
  word-break: break-all;
}
.ant-table-thead > tr > th:focus,
.ant-table-tbody > tr > td:focus {
  background-color: rgba(0, 0, 0, 0.08);
}
.ant-table-thead > tr > th.ant-table-selection-column-custom {
  padding-left: 16px;
  padding-right: 0;
  min-width: 62px !important;
  width: 62px !important;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
  min-width: 20px;
  width: 20px;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  text-align: center;
  min-width: 50px;
  width: 50px;
}
.ant-table-header {
  background: rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  height: 20px;
  line-height: 20px;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  position: absolute;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-column-sorter {
  position: relative;
  margin-left: 8px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  line-height: 6px;
  display: block;
  width: 14px;
  height: 6px;
  cursor: pointer;
  position: relative;
}
.ant-table-column-sorter-up:hover .icon,
.ant-table-column-sorter-down:hover .icon {
  color: #75caff;
}
.ant-table-column-sorter-up.on .icon-caret-up,
.ant-table-column-sorter-down.on .icon-caret-up,
.ant-table-column-sorter-up.on .icon-caret-down,
.ant-table-column-sorter-down.on .icon-caret-down {
  color: #2196f3;
}
.ant-table-column-sorter-up:after,
.ant-table-column-sorter-down:after {
  position: absolute;
  content: '';
  height: 30px;
  width: 14px;
  left: 0;
}
.ant-table-column-sorter-up:after {
  bottom: 0;
}
.ant-table-column-sorter-down:after {
  top: 0;
}
.ant-table-column-sorter .icon-caret-up,
.ant-table-column-sorter .icon-caret-down {
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  -webkit-transform: scale(0.66666667) rotate(0deg);
      -ms-transform: scale(0.66666667) rotate(0deg);
          transform: scale(0.66666667) rotate(0deg);
  line-height: 4px;
  height: 4px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
:root .ant-table-column-sorter .icon-caret-up,
:root .ant-table-column-sorter .icon-caret-down {
  font-size: 9px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #CCD3D9;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-left: 1px solid #CCD3D9;
  border-right: 1px solid #CCD3D9;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
  border: 0;
}
.ant-table-bordered .ant-table-thead > tr > th {
  border-bottom: 1px solid #CCD3D9;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #CCD3D9;
}
.ant-table-placeholder {
  position: relative;
  padding: 5px 16px;
  background: #fff;
  border-bottom: 1px solid #CCD3D9;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  z-index: 1;
}
.ant-table-placeholder .icon {
  margin-right: 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  line-height: 32px;
  margin-top: 16px;
}
.ant-table-filter-dropdown {
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px 4px 0 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
  color: #2196f3;
  font-weight: bold;
  text-shadow: 0 0 2px #c7edff;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  overflow: hidden;
  padding: 7px 8px;
  border-top: 1px solid #CCD3D9;
}
.ant-table-filter-dropdown-link {
  color: #2196f3;
}
.ant-table-filter-dropdown-link:hover {
  color: #4db5ff;
}
.ant-table-filter-dropdown-link:active {
  color: #1272cc;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-filter-bar {
  position: relative;
  border-top: 1px solid #dce1e6;
  border-bottom: 1px solid #dce1e6;
  padding: 2.5px 57px 2px 0;
}
.ant-table-filter-select {
  padding-left: 41px;
  vertical-align: middle;
}
.ant-table-filter-select-icon {
  /*position: absolute;
      top: 0;
      bottom: 0;
      left: 16px;
      height: 18px;
      margin: auto 0;
      color: @text-color;*/
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQ0NTExODk4MDY5IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNzgwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUyNy4zNiAzMjIuNTZoNDA5LjZjMTUuMzYgMCAyNS42IDEwLjI0IDI1LjYgMjUuNnMtMTAuMjQgMjUuNi0yNS42IDI1LjZoLTQwOS42Yy0xNS4zNiAwLTI1LjYtMTAuMjQtMjUuNi0yNS42czEwLjI0LTI1LjYgMjUuNi0yNS42ek02MjkuNzYgNDc2LjE2aDIwNC44YzE1LjM2IDAgMjUuNiAxMC4yNCAyNS42IDI1LjZzLTEwLjI0IDI1LjYtMjUuNiAyNS42aC0yMDQuOGMtMTUuMzYgMC0yNS42LTEwLjI0LTI1LjYtMjUuNnMxMC4yNC0yNS42IDI1LjYtMjUuNnpNNjgwLjk2IDYyOS43NmgxMDIuNGMxNS4zNiAwIDI1LjYgMTAuMjQgMjUuNiAyNS42cy0xMC4yNCAyNS42LTI1LjYgMjUuNmgtMTAyLjRjLTE1LjM2IDAtMjUuNi0xMC4yNC0yNS42LTI1LjZzMTAuMjQtMjUuNiAyNS42LTI1LjZ6IiBmaWxsPSIjODE4OTk5IiBwLWlkPSIxMjc4MSI+PC9wYXRoPjxwYXRoIGQ9Ik0yNzYuNDggNzAxLjQ0Yy0xMTcuNzYgMC0yMDkuOTItOTIuMTYtMjA5LjkyLTIwOS45MnM5Ny4yOC0yMDkuOTIgMjA5LjkyLTIwOS45MmMxMTcuNzYgMCAyMDkuOTIgOTIuMTYgMjA5LjkyIDIwOS45MnMtOTcuMjggMjA5LjkyLTIwOS45MiAyMDkuOTJ6IG0wLTM2OC42NGMtOTIuMTYgMC0xNjMuODQgNzEuNjgtMTYzLjg0IDE2My44NCAwIDg3LjA0IDcxLjY4IDE2My44NCAxNjMuODQgMTYzLjg0czE2My44NC03MS42OCAxNjMuODQtMTYzLjg0YzAtOTIuMTYtNzYuOC0xNjMuODQtMTYzLjg0LTE2My44NHoiIGZpbGw9IiM4MTg5OTkiIHAtaWQ9IjEyNzgyIj48L3BhdGg+PHBhdGggZD0iTTQ5Ni42NCA3NDIuNGMtNS4xMiAwLTEwLjI0IDAtMTUuMzYtNS4xMmwtOTIuMTYtOTIuMTZjLTEwLjI0LTEwLjI0LTEwLjI0LTI1LjYgMC0zNS44NCAxMC4yNC0xMC4yNCAyNS42LTEwLjI0IDM1Ljg0IDBsOTIuMTYgOTIuMTZjMTAuMjQgMTAuMjQgMTAuMjQgMjUuNiAwIDM1Ljg0LTEwLjI0IDAtMTUuMzYgNS4xMi0yMC40OCA1LjEyeiIgZmlsbD0iIzgxODk5OSIgcC1pZD0iMTI3ODMiPjwvcGF0aD48L3N2Zz4=');
  background-repeat: no-repeat;
  background-size: auto 23px;
  position: absolute;
  top: 7px;
  bottom: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin-left: 15px;
  color: #111;
}
.ant-table-filter-select-icon i {
  vertical-align: top;
}
.ant-table-filter-select-dropdown .ant-checkbox-wrapper {
  display: none;
}
.ant-table-filter-select-dropdown .ant-checkbox-wrapper.multiple {
  display: inline-block;
}
.ant-table-filter-select-ok-btn {
  text-align: right;
}
.ant-table-filter-select-columns {
  display: none;
}
.ant-table-filter-select .ant-select {
  width: 100%;
}
.ant-table-filter-select .ant-select-selection {
  padding-top: 0;
}
.ant-table-filter-select .ant-select-underline {
  display: none;
}
.ant-table-columns-chooser {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 24px;
  width: 56px;
  border-left: 1px solid #CCD3D9;
  margin: auto 0;
  line-height: 1;
  text-align: center;
}
.ant-table-columns-chooser .ant-ripple-wrapper {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  overflow: hidden;
  border-radius: inherit;
  background-clip: padding-box;
  pointer-events: none;
}
.ant-table-columns-chooser .ant-ripple-wrapper .ant-ripple-wrapper-select {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQ0NTExOTE2MTUyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyODkxIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTMwNy4yIDg2MC4xNmMtMTUuMzYgMC0yNS42LTEwLjI0LTI1LjYtMjUuNlY0NjAuOGMwLTE1LjM2IDEwLjI0LTI1LjYgMjUuNi0yNS42czI1LjYgMTAuMjQgMjUuNiAyNS42djM3My43NmMwIDE1LjM2LTE1LjM2IDI1LjYtMjUuNiAyNS42ek0zMDcuMiAzMjcuNjhjLTE1LjM2IDAtMjUuNi0xMC4yNC0yNS42LTI1LjZWMTg5LjQ0YzAtMTUuMzYgMTAuMjQtMjUuNiAyNS42LTI1LjZzMjUuNiAxMC4yNCAyNS42IDI1LjZ2MTEyLjY0YzAgMTAuMjQtMTUuMzYgMjUuNi0yNS42IDI1LjZ6TTUxMiA4NjAuMTZjLTE1LjM2IDAtMjUuNi0xMC4yNC0yNS42LTI1LjZ2LTEwNy41MmMwLTE1LjM2IDEwLjI0LTI1LjYgMjUuNi0yNS42czI1LjYgMTAuMjQgMjUuNiAyNS42djEwNy41MmMwIDE1LjM2LTEwLjI0IDI1LjYtMjUuNiAyNS42ek01MTIgNTg4LjhjLTE1LjM2IDAtMjUuNi0xMC4yNC0yNS42LTI1LjZWMTg5LjQ0YzAtMTUuMzYgMTAuMjQtMjUuNiAyNS42LTI1LjZzMjUuNiAxMC4yNCAyNS42IDI1LjZWNTYzLjJjMCAxNS4zNi0xMC4yNCAyNS42LTI1LjYgMjUuNnpNNzE2LjggODYwLjE2Yy0xNS4zNiAwLTI1LjYtMTAuMjQtMjUuNi0yNS42di0yOTYuOTZjMC0xNS4zNiAxMC4yNC0yNS42IDI1LjYtMjUuNnMyNS42IDEwLjI0IDI1LjYgMjUuNnYyOTYuOTZjMCAxNS4zNi0xMC4yNCAyNS42LTI1LjYgMjUuNnpNNzE2LjggNDA0LjQ4Yy0xNS4zNiAwLTI1LjYtMTAuMjQtMjUuNi0yNS42VjE4OS40NGMwLTE1LjM2IDEwLjI0LTI1LjYgMjUuNi0yNS42czI1LjYgMTAuMjQgMjUuNiAyNS42djE4OS40NGMwIDEwLjI0LTEwLjI0IDI1LjYtMjUuNiAyNS42eiIgZmlsbD0iIzgxODk5OSIgcC1pZD0iMTI4OTIiPjwvcGF0aD48cGF0aCBkPSJNMzg0IDM3OC44OEMzODQgNDI0Ljk2IDM0OC4xNiA0NjAuOCAzMDcuMiA0NjAuOHMtODEuOTItMzUuODQtODEuOTItODEuOTIgMzUuODQtNzYuOCA4MS45Mi03Ni44IDc2LjggMzUuODQgNzYuOCA3Ni44eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTI4OTMiPjwvcGF0aD48cGF0aCBkPSJNMzA3LjIgNDg2LjRjLTU2LjMyIDAtMTA3LjUyLTQ2LjA4LTEwNy41Mi0xMDcuNTIgMC01Ni4zMiA0Ni4wOC0xMDcuNTIgMTA3LjUyLTEwNy41MiA1Ni4zMiA1LjEyIDEwMi40IDUxLjIgMTAyLjQgMTA3LjUyIDAgNjEuNDQtNDYuMDggMTA3LjUyLTEwMi40IDEwNy41MnogbTAtMTU4LjcyYy0zMC43MiAwLTU2LjMyIDI1LjYtNTYuMzIgNTYuMzIgMCAyNS42IDI1LjYgNTEuMiA1Ni4zMiA1MS4yIDMwLjcyIDAgNTEuMi0yNS42IDUxLjItNTYuMzIgMC0yNS42LTIwLjQ4LTUxLjItNTEuMi01MS4yeiIgZmlsbD0iIzgxODk5OSIgcC1pZD0iMTI4OTQiPjwvcGF0aD48cGF0aCBkPSJNNTY4LjMyIDcwMS40NGMtMzAuNzIgMzAuNzItODEuOTIgMzAuNzItMTEyLjY0IDAtMzAuNzItMzAuNzItMzAuNzItODEuOTIgMC0xMTIuNjQgMzAuNzItMzAuNzIgODEuOTItMzAuNzIgMTEyLjY0IDAgMzAuNzIgMzAuNzIgMzAuNzIgODEuOTIgMCAxMTIuNjR6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSIxMjg5NSI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgNzUyLjY0Yy0zMC43MiAwLTU2LjMyLTEwLjI0LTc2LjgtMzAuNzItNDAuOTYtNDAuOTYtNDAuOTYtMTA3LjUyIDAtMTQ4LjQ4IDQwLjk2LTQwLjk2IDEwNy41Mi00MC45NiAxNDguNDggMHM0MC45NiAxMDcuNTIgMCAxNDguNDhjLTE1LjM2IDIwLjQ4LTQwLjk2IDMwLjcyLTcxLjY4IDMwLjcyeiBtMC0xNjMuODRjLTE1LjM2IDAtMzAuNzIgNS4xMi00MC45NiAxNS4zNi0yMC40OCAyMC40OC0yMC40OCA1Ni4zMiAwIDc2LjggMjAuNDggMjAuNDggNTYuMzIgMjAuNDggNzYuOCAwIDIwLjQ4LTIwLjQ4IDIwLjQ4LTU2LjMyIDAtNzYuOC01LjEyLTEwLjI0LTIwLjQ4LTE1LjM2LTM1Ljg0LTE1LjM2eiIgZmlsbD0iIzgxODk5OSIgcC1pZD0iMTI4OTYiPjwvcGF0aD48cGF0aCBkPSJNNzk4LjcyIDQ1NS42OGMwIDQ2LjA4LTM1Ljg0IDgxLjkyLTgxLjkyIDgxLjkyLTQ2LjA4IDAtODEuOTItMzUuODQtODEuOTItODEuOTIgMC00Ni4wOCAzNS44NC04MS45MiA4MS45Mi04MS45MiA0Ni4wOCA1LjEyIDgxLjkyIDQwLjk2IDgxLjkyIDgxLjkyeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTI4OTciPjwvcGF0aD48cGF0aCBkPSJNNzE2LjggNTYzLjJjLTU2LjMyIDAtMTA3LjUyLTQ2LjA4LTEwNy41Mi0xMDcuNTIgMC01Ni4zMiA0Ni4wOC0xMDcuNTIgMTA3LjUyLTEwNy41MiA1Ni4zMiAwIDEwNy41MiA0Ni4wOCAxMDcuNTIgMTA3LjUyIDAgNjEuNDQtNDYuMDggMTA3LjUyLTEwNy41MiAxMDcuNTJ6IG0wLTE1OC43MmMtMzAuNzIgMC01Ni4zMiAyNS42LTU2LjMyIDU2LjMyIDUuMTIgMjUuNiAyNS42IDUxLjIgNTYuMzIgNTEuMnM1Ni4zMi0yNS42IDU2LjMyLTU2LjMyYzAtMjUuNi0yNS42LTUxLjItNTYuMzItNTEuMnoiIGZpbGw9IiM4MTg5OTkiIHAtaWQ9IjEyODk4Ij48L3BhdGg+PC9zdmc+');
  height: 100%;
  background-repeat: no-repeat;
  background-size: auto 24px;
  position: absolute;
  top: 3px;
  right: -3px;
  width: 30px;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .icon-down {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.ant-table-selection-menu .ant-action-down {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-selection-down {
  cursor: pointer;
  padding: 0;
  display: inline-block;
  line-height: 1;
}
.ant-table-selection-down:hover .icon-down {
  color: #666;
}
.ant-table-row-expand-icon {
  font-size: 20px;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  vertical-align: middle;
  background-image: none;
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: inherit;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ant-table-row-expand-icon:before {
  line-height: 1;
}
.ant-table-row-expand-icon:before {
  content: '\e6d4';
}
.ant-table-row-expanded {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced:after {
  content: '.';
}
.ant-table-row[class*="ant-table-row-level-0"] .ant-table-selection-column > span {
  display: inline-block;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
  vertical-align: top;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll ::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.ant-table-scroll ::-webkit-scrollbar-thumb {
  background-color: #e4e7ed;
  border-radius: 60px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-table-scroll ::-webkit-scrollbar-thumb:hover {
  background-color: #dcdfe6;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  overflow: scroll;
  padding-bottom: 20px;
  margin-bottom: -20px;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  border-radius: 0;
}
.ant-table-fixed-left ::-webkit-scrollbar,
.ant-table-fixed-right ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ant-table-fixed-left ::-webkit-scrollbar-thumb,
.ant-table-fixed-right ::-webkit-scrollbar-thumb {
  background-color: #e4e7ed;
  border-radius: 60px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-table-fixed-left ::-webkit-scrollbar-thumb:hover,
.ant-table-fixed-right ::-webkit-scrollbar-thumb:hover {
  background-color: #dcdfe6;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.12);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.12);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table-large > .ant-table-title,
.ant-table-large > .ant-table-footer {
  padding: 7.5px 24px;
}
.ant-table-large > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-large > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-large > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-large > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-large > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-large > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-large > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-large > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-large > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 7.5px 16px;
}
.ant-table-small {
  border: 1px solid #CCD3D9;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-footer {
  padding: 3.75px 8px;
}
.ant-table-small > .ant-table-title {
  border-bottom: 1px solid #CCD3D9;
  top: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
  padding: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 2.5px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background: #fff;
  border-bottom: 1px solid #CCD3D9;
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background: #fff;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-bottom: 1px solid #CCD3D9;
  border-right: 1px solid #CCD3D9;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #CCD3D9;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #CCD3D9;
  border-right: 1px solid #CCD3D9;
}
.ant-table-small.ant-table-bordered .ant-table-footer:before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-left: 0;
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}