@blueprintjs/table/lib/css/table.css

Scalable interactive table component

@keyframes skeleton-fade-in{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
@keyframes skeleton-fade-in{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
.bp5-table-cell{
  display:inline-block;
  font-size:12px;
  height:20px;
  line-height:20px;
  padding:0 10px;
  transition:color 300ms;
}
.bp5-dark .bp5-table-cell:not([class*=bp5-intent-]):not(.bp5-loading){
  color:#f6f7f9;
}
.bp5-table-cell.bp5-intent-primary{
  background-color:rgba(45, 114, 210, 0.1);
  color:#2d72d2;
}
.bp5-dark .bp5-table-cell.bp5-intent-primary{
  background:rgba(45, 114, 210, 0.1);
  color:#4c90f0;
}
.bp5-table-cell.bp5-intent-success{
  background-color:rgba(35, 133, 81, 0.1);
  color:#238551;
}
.bp5-dark .bp5-table-cell.bp5-intent-success{
  background:rgba(35, 133, 81, 0.1);
  color:#32a467;
}
.bp5-table-cell.bp5-intent-warning{
  background-color:rgba(200, 118, 25, 0.1);
  color:#c87619;
}
.bp5-dark .bp5-table-cell.bp5-intent-warning{
  background:rgba(200, 118, 25, 0.1);
  color:#ec9a3c;
}
.bp5-table-cell.bp5-intent-danger{
  background-color:rgba(205, 66, 70, 0.1);
  color:#cd4246;
}
.bp5-dark .bp5-table-cell.bp5-intent-danger{
  background:rgba(205, 66, 70, 0.1);
  color:#e76a6e;
}
.bp5-table-editing-enabled .bp5-table-cell{
  cursor:text;
}
.bp5-table-selection-enabled .bp5-table-cell{
  cursor:cell;
}
.bp5-table-cell.bp5-table-truncated-cell{
  overflow:hidden;
}
.bp5-table-cell.bp5-large, .bp5-large .bp5-table-cell{
  font-size:14px;
  height:30px;
  line-height:30px;
}
.bp5-table-cell.bp5-loading{
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:transparent;
}
.bp5-table-cell:focus{
  outline:none;
}

.bp5-table-cell-interactive{
  z-index:21;
}

.bp5-table-striped .bp5-table-cell-ledger-even{
  background-color:#ffffff;
}
.bp5-table-striped .bp5-table-cell-ledger-odd{
  background-color:#fbfbfc;
}
.bp5-dark .bp5-table-striped .bp5-table-cell-ledger-even{
  background-color:#2f343c;
}
.bp5-dark .bp5-table-striped .bp5-table-cell-ledger-odd{
  background-color:#343942;
}

.bp5-table-editable-name input{
  height:20px;
}

.bp5-table-editable-text{
  inset:0;
  padding:0 10px;
  position:absolute;
}

.bp5-table-cell-text-placeholder{
  color:#5f6b7c;
}
.bp5-dark .bp5-table-cell-text-placeholder{
  color:#abb3bf;
}
.bp5-table-null{
  color:rgba(95, 107, 124, 0.6);
}

.bp5-table-truncated-value{
  left:10px;
  max-height:100%;
  overflow:hidden;
  position:absolute;
  right:35px;
  text-overflow:ellipsis;
  top:0;
}

.bp5-table-truncated-format-text{
  left:10px;
  max-height:100%;
  overflow:hidden;
  position:absolute;
  right:10px;
  text-overflow:ellipsis;
  top:0;
}

.bp5-table-truncated-popover-target{
  border-radius:2px;
  bottom:0;
  cursor:pointer;
  opacity:0.3;
  padding:0 5px;
  position:absolute;
  right:5px;
  text-align:center;
  top:0;
}
.bp5-table-truncated-popover-target .bp5-icon-standard{
  line-height:20px;
}
.bp5-table-truncated-popover-target.bp5-popover-open{
  opacity:1;
}
.bp5-table-truncated-popover-target.bp5-popover-open .bp5-icon-standard{
  color:#2d72d2;
}
.bp5-table-truncated-popover-target:hover{
  opacity:1;
}

.bp5-table-truncated-popover{
  font-family:monospace;
  max-height:300px;
  max-width:600px;
  min-width:200px;
  overflow:auto;
  padding:10px 10px;
}

.bp5-table-popover-whitespace-pre{
  white-space:pre;
}

.bp5-table-popover-whitespace-normal{
  white-space:normal;
}
.bp5-table-container{
  box-shadow:0 0 0 1px rgba(17, 20, 24, 0.15);
}

.bp5-table-menu{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.15), 1px 0 0 rgba(17, 20, 24, 0.15);
}

.bp5-table-header{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.15);
}

.bp5-table-cell{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.15), inset -1px 0 0 rgba(17, 20, 24, 0.15);
}

.bp5-table-horizontal-cell-divider{
  box-shadow:inset 0 1px 0 rgba(17, 20, 24, 0.15);
  height:1px;
}

.bp5-table-column-headers .bp5-table-header{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.15), inset -1px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-column-headers .bp5-table-header::before{
  bottom:0;
  right:1px;
}

.bp5-table-row-headers .bp5-table-header{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.15), 1px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-row-headers .bp5-table-header::before{
  bottom:1px;
  right:0;
}

.bp5-table-body .bp5-table-last-in-row{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.15), 1px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-body .bp5-table-last-in-column{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.15), inset -1px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-body .bp5-table-last-in-row.bp5-table-last-in-column{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.15), 1px 0 0 rgba(17, 20, 24, 0.15);
}

.bp5-table-quadrant-top-left .bp5-table-cell.bp5-table-last-in-row{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.15), inset -3px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-quadrant-top-left .bp5-table-cell.bp5-table-last-in-column{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.15), inset -1px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-quadrant-top-left .bp5-table-cell.bp5-table-last-in-column.bp5-table-last-in-row{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.15), inset -3px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-row{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.15), inset -3px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-row::before{
  bottom:0;
  right:3px;
}
.bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-column{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.15), 1px 0 0 rgba(17, 20, 24, 0.15);
}
.bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-column::before{
  bottom:3px;
  right:0;
}

.bp5-table-quadrant-left .bp5-table-cell.bp5-table-last-in-row{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.15), inset -3px 0 0 rgba(17, 20, 24, 0.15);
}

.bp5-table-quadrant-top .bp5-table-cell.bp5-table-last-in-column{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.15), inset -1px 0 0 rgba(17, 20, 24, 0.15);
}

.bp5-dark .bp5-table-container{
  box-shadow:0 0 0 1px rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-menu{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.4), 1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-header{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-cell{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.4), inset -1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-horizontal-cell-divider{
  box-shadow:inset 0 1px 0 rgba(17, 20, 24, 0.4);
  height:1px;
}
.bp5-dark .bp5-table-column-headers .bp5-table-header{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.4), inset -1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-column-headers .bp5-table-header::before{
  bottom:0;
  right:1px;
}
.bp5-dark .bp5-table-row-headers .bp5-table-header{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.4), 1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-row-headers .bp5-table-header::before{
  bottom:1px;
  right:0;
}
.bp5-dark .bp5-table-body .bp5-table-last-in-row{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.4), 1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-body .bp5-table-last-in-column{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.4), inset -1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-body .bp5-table-last-in-row.bp5-table-last-in-column{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.4), 1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-quadrant-top-left .bp5-table-cell.bp5-table-last-in-row{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.4), inset -3px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-quadrant-top-left .bp5-table-cell.bp5-table-last-in-column{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.4), inset -1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-quadrant-top-left .bp5-table-cell.bp5-table-last-in-column.bp5-table-last-in-row{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.4), inset -3px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-row{
  box-shadow:0 1px 0 rgba(17, 20, 24, 0.4), inset -3px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-row::before{
  bottom:0;
  right:3px;
}
.bp5-dark .bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-column{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.4), 1px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-quadrant-top-left .bp5-table-header.bp5-table-last-in-column::before{
  bottom:3px;
  right:0;
}
.bp5-dark .bp5-table-quadrant-left .bp5-table-cell.bp5-table-last-in-row{
  box-shadow:inset 0 -1px 0 rgba(17, 20, 24, 0.4), inset -3px 0 0 rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-table-quadrant-top .bp5-table-cell.bp5-table-last-in-column{
  box-shadow:inset 0 -3px 0 rgba(17, 20, 24, 0.4), inset -1px 0 0 rgba(17, 20, 24, 0.4);
}
@keyframes skeleton-fade-in{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
.bp5-table-header{
  align-items:flex-start;
  flex:1 1 auto;
  justify-content:space-between;
  position:relative;
  text-overflow:ellipsis;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.bp5-table-header::before{
  content:"";
  display:block;
  left:0;
  position:absolute;
  top:0;
}
.bp5-table-header .bp5-table-row-name,
.bp5-table-header .bp5-table-column-name,
.bp5-table-header .bp5-table-header-content{
  position:relative;
  width:100%;
}
.bp5-table-selection-enabled .bp5-table-header:hover::before, .bp5-table-header.bp5-table-header-active::before{
  background-color:#e5e8eb;
}
.bp5-dark .bp5-table-selection-enabled .bp5-table-header:hover::before, .bp5-dark .bp5-table-header.bp5-table-header-active::before{
  background-color:#404854;
}
.bp5-table-header.bp5-table-header-selected::before{
  background-image:linear-gradient(90deg, rgba(45, 114, 210, 0.1), rgba(45, 114, 210, 0.1));
}

.bp5-table-th-menu-container{
  flex-shrink:0;
  opacity:0;
  position:absolute;
  right:1px;
  text-align:right;
}
.bp5-table-header:hover .bp5-table-th-menu-container, .bp5-table-header-active .bp5-table-th-menu-container, .bp5-table-th-menu-container.bp5-table-th-menu-open{
  opacity:1;
}
.bp5-table-interaction-bar .bp5-table-th-menu-container{
  line-height:20px;
}

.bp5-table-th-menu-container-background{
  height:30px;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  width:50px;
}
.bp5-table-interaction-bar .bp5-table-th-menu-container-background{
  height:20px;
}
.bp5-table-th-menu-open .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(246, 247, 249, 0) 0%, #f6f7f9 50%);
}
.bp5-dark .bp5-table-th-menu-open .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(56, 62, 71, 0) 0%, #383e47 50%);
}
.bp5-table-header:hover .bp5-table-th-menu-container-background, .bp5-table-header-active .bp5-table-th-menu-container-background, .bp5-table-th-menu-open .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(246, 247, 249, 0) 0%, #f6f7f9 50%);
}
.bp5-dark .bp5-table-header:hover .bp5-table-th-menu-container-background, .bp5-dark .bp5-table-header-active .bp5-table-th-menu-container-background, .bp5-dark .bp5-table-th-menu-open .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(56, 62, 71, 0) 0%, #383e47 50%);
}
.bp5-table-selection-enabled .bp5-table-header:hover .bp5-table-th-menu-container-background, .bp5-table-selection-enabled .bp5-table-header-active .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(229, 232, 235, 0) 0%, #e5e8eb 50%);
}
.bp5-dark .bp5-table-selection-enabled .bp5-table-header:hover .bp5-table-th-menu-container-background, .bp5-dark .bp5-table-selection-enabled .bp5-table-header-active .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(64, 72, 84, 0) 0%, #404854 50%);
}
.bp5-table-selection-enabled .bp5-table-header.bp5-table-header-selected .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(226, 234, 245, 0) 0%, #e2eaf5 50%);
}
.bp5-dark .bp5-table-selection-enabled .bp5-table-header.bp5-table-header-selected .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(55, 67, 85, 0) 0%, #374355 50%);
}
.bp5-table-selection-enabled .bp5-table-header.bp5-table-header-selected:hover .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(211, 220, 233, 0) 0%, #d3dce9 50%);
}
.bp5-dark .bp5-table-selection-enabled .bp5-table-header.bp5-table-header-selected:hover .bp5-table-th-menu-container-background{
  background-image:linear-gradient(90deg, rgba(62, 76, 97, 0) 0%, #3e4c61 50%);
}

.bp5-table-th-menu{
  cursor:pointer;
  height:30px;
  position:relative;
  width:30px;
}
.bp5-table-interaction-bar .bp5-table-th-menu{
  height:20px;
  right:1px;
  text-align:center;
  width:20px;
}
.bp5-table-interaction-bar .bp5-table-th-menu .bp5-icon{
  margin:2px;
  margin-left:3px;
  vertical-align:top;
}
.bp5-table-th-menu .bp5-icon{
  background-color:#f6f7f9;
  border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.2);
  color:#5f6b7c;
  margin-right:7px;
  margin-top:7px;
}
.bp5-table-selection-enabled .bp5-table-th-menu .bp5-icon{
  background-color:#e5e8eb;
}
.bp5-table-selection-enabled .bp5-table-header.bp5-table-header-selected .bp5-table-th-menu .bp5-icon{
  background-color:linear-gradient(90deg, rgba(226, 234, 245, 0) 0%, #e2eaf5 50%);
}
.bp5-dark .bp5-table-th-menu .bp5-icon{
  background-color:#383e47;
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  color:#abb3bf;
}
.bp5-dark .bp5-table-selection-enabled .bp5-table-th-menu .bp5-icon{
  background-color:#404854;
}
.bp5-dark .bp5-table-selection-enabled .bp5-table-header.bp5-table-header-selected .bp5-table-th-menu .bp5-icon{
  background-color:linear-gradient(90deg, rgba(55, 67, 85, 0) 0%, #374355 50%);
}
.bp5-table-th-menu:hover .bp5-icon{
  box-shadow:inset 0 0 0 1px rgba(17, 20, 24, 0.4);
  color:#1c2127;
}
.bp5-dark .bp5-table-th-menu:hover .bp5-icon{
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  color:#f6f7f9;
}
.bp5-table-th-menu.bp5-popover-open .bp5-icon{
  background-color:#2d72d2;
  box-shadow:none;
  color:#ffffff;
}
.bp5-dark .bp5-table-th-menu.bp5-popover-open .bp5-icon{
  background-color:#2d72d2;
  box-shadow:none;
  color:#ffffff;
}

.bp5-table-thead{
  display:block;
  white-space:nowrap;
}

.bp5-table-column-header-tr{
  display:flex;
}
.bp5-table-column-header-tr .bp5-table-header{
  flex:0 0;
}

.bp5-table-column-headers .bp5-table-interaction-bar{
  height:20px;
  position:relative;
}

.bp5-table-column-headers .bp5-table-header{
  line-height:30px;
  min-height:30px;
  vertical-align:top;
}

.bp5-table-row-headers .bp5-table-header{
  line-height:20px;
  min-width:30px;
  overflow:hidden;
}

.bp5-table-column-name-text,
.bp5-table-row-name-text{
  flex-grow:1;
  pointer-events:none;
}

.bp5-table-truncated-text{
  max-height:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bp5-table-no-wrap-text{
  white-space:nowrap;
}

.bp5-table-column-name-text{
  padding:0 10px;
}

.bp5-table-editable-name{
  display:block;
  pointer-events:all;
}
.bp5-table-editable-name.bp5-editable-text::before{
  border-radius:0;
  bottom:0;
  left:-11px;
  right:-10px;
  top:-1px;
}
.bp5-table-editable-name.bp5-editable-text:not(.bp5-editable-editing)::before{
  box-shadow:none;
}
.bp5-table-editable-name.bp5-editable-text.bp5-editable-editing::before{
  bottom:1px;
  cursor:text;
  left:-10px;
  right:-9px;
  top:0px;
}
.bp5-table-editable-name.bp5-editable-text.bp5-editable-editing.bp5-table-editable-text::before{
  left:0px;
  right:1px;
}
.bp5-table-column-name .bp5-table-editable-name.bp5-editable-text::before{
  bottom:-1px;
}
.bp5-table-column-name .bp5-table-editable-name.bp5-editable-text.bp5-editable-editing::before{
  bottom:0;
}

.bp5-table-column-name-text .bp5-table-editable-name input{
  height:30px;
}

.bp5-table-column-name{
  display:flex;
  flex-direction:column;
  font-size:14px;
  text-align:left;
}

.bp5-table-row-name{
  display:block;
  font-size:12px;
  padding:0 5px;
  text-align:right;
}

.bp5-table-header-content{
  font-size:14px;
  white-space:normal;
}
.bp5-table-header-content .is-searchable:not(.is-focused) > .Select-control{
  background:none;
  box-shadow:none;
}
.bp5-table-header-content .is-searchable > .Select-control{
  border-radius:0;
}
.bp5-table-header-content .is-searchable > .Select-control .Select-value{
  cursor:pointer;
}
.bp5-table-header-content .Select-value{
  right:-1px;
}

.bp5-table-column-name,
.bp5-table-row-name{
  transition:color 300ms;
}

.bp5-table-header.bp5-loading{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bp5-table-header.bp5-loading .bp5-table-column-name,
.bp5-table-header.bp5-loading .bp5-table-row-name{
  flex:1;
}
.bp5-table-header.bp5-loading .bp5-table-column-name-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px;
}
.bp5-table-header.bp5-loading .bp5-table-column-name-text .bp5-skeleton{
  height:8px;
}
.bp5-table-header.bp5-loading .bp5-table-row-name{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bp5-table-selection-enabled.bp5-table-column-headers .bp5-table-header{
  cursor:s-resize;
}
.bp5-table-selection-enabled.bp5-table-column-headers .bp5-table-header.bp5-table-header-reorderable{
  cursor:grab;
}
.bp5-table-selection-enabled.bp5-table-column-headers .bp5-table-header.bp5-table-header-reorderable:active{
  cursor:grabbing;
}
.bp5-table-selection-enabled.bp5-table-column-headers .bp5-table-header.bp5-table-header-reorderable .bp5-table-interaction-bar{
  cursor:grab;
}
.bp5-table-selection-enabled.bp5-table-column-headers .bp5-table-header.bp5-table-header-reorderable .bp5-table-interaction-bar:active{
  cursor:grabbing;
}
.bp5-table-selection-enabled.bp5-table-row-headers .bp5-table-header{
  cursor:e-resize;
}
.bp5-table-selection-enabled.bp5-table-row-headers .bp5-table-header.bp5-table-header-reorderable{
  cursor:grab;
}
.bp5-table-selection-enabled.bp5-table-row-headers .bp5-table-header.bp5-table-header-reorderable:active{
  cursor:grabbing;
}
.bp5-table-selection-enabled.bp5-table-row-headers .bp5-table-header.bp5-table-header-reorderable .bp5-table-interaction-bar{
  cursor:grab;
}
.bp5-table-selection-enabled.bp5-table-row-headers .bp5-table-header.bp5-table-header-reorderable .bp5-table-interaction-bar:active{
  cursor:grabbing;
}
.bp5-table-selection-enabled.bp5-table-menu{
  cursor:se-resize;
}
.bp5-table-selection-enabled .bp5-editable-text::before,
.bp5-table-selection-enabled .bp5-editable-content{
  cursor:cell;
}
.bp5-table-column-header-cell.bp5-table-has-reorder-handle:not(.bp5-table-has-interaction-bar) .bp5-table-column-name-text{
  padding-left:22px;
}
.bp5-table-column-header-cell.bp5-table-has-reorder-handle:not(.bp5-table-has-interaction-bar) .bp5-table-editable-name::before{
  left:-22px;
}

.bp5-table-reorder-handle-target{
  cursor:grab;
  align-items:center;
  bottom:0;
  color:rgba(95, 107, 124, 0.6);
  display:flex;
  justify-content:center;
  left:0;
  position:absolute;
  top:0;
  width:22px;
}
.bp5-table-reorder-handle-target:active{
  cursor:grabbing;
}
.bp5-table-reorder-handle-target:hover{
  color:#1c2127;
}
.bp5-table-reorder-handle-target:active{
  color:#2d72d2;
}
.bp5-dark .bp5-table-reorder-handle-target{
  color:rgba(171, 179, 191, 0.6);
}
.bp5-dark .bp5-table-reorder-handle-target:hover{
  color:#f6f7f9;
}
.bp5-dark .bp5-table-reorder-handle-target:active{
  color:#2d72d2;
}

.bp5-table-reorder-handle{
  display:flex;
}

.bp5-table-resize-handle-target{
  opacity:0;
  position:absolute;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  z-index:20;
}
.bp5-table-resize-handle-target:hover, .bp5-table-resize-handle-target.bp5-table-dragging{
  opacity:1;
}
.bp5-table-resize-handle-target.bp5-table-resize-vertical{
  bottom:-1px;
  cursor:ew-resize;
  right:0;
  top:0;
  width:5px;
}
.bp5-table-resize-handle-target.bp5-table-resize-horizontal{
  bottom:0;
  cursor:ns-resize;
  height:5px;
  left:0;
  right:-1px;
}

.bp5-table-resize-handle{
  background-color:#2d72d2;
  position:absolute;
  z-index:20;
}
.bp5-table-resize-handle.bp5-table-dragging{
  background-color:#2d72d2;
}

.bp5-table-resize-vertical .bp5-table-resize-handle{
  bottom:0;
  left:2px;
  top:0;
  width:3px;
}

.bp5-table-resize-horizontal .bp5-table-resize-handle{
  height:3px;
  left:0;
  right:0;
  top:2px;
}

.bp5-table-resize-guides .bp5-table-horizontal-guide{
  background-color:#2d72d2;
  height:3px;
  margin-top:-3px;
}
.bp5-table-resize-guides .bp5-table-horizontal-guide.bp5-table-horizontal-guide-flush-top{
  margin-top:0;
}

.bp5-table-resize-guides .bp5-table-vertical-guide{
  background-color:#2d72d2;
  margin-left:-3px;
  width:3px;
}
.bp5-table-resize-guides .bp5-table-vertical-guide.bp5-table-vertical-guide-flush-left{
  margin-left:0;
}
.bp5-table-overlay-layer{
  inset:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  z-index:20;
}

.bp5-table-overlay{
  position:absolute;
}

.bp5-table-region{
  background-color:rgba(143, 153, 168, 0.1);
  border:1px solid #8f99a8;
}

.bp5-table-selection-region{
  background-color:rgba(45, 114, 210, 0.1);
  border:1px solid #2d72d2;
}
.bp5-dark .bp5-table-selection-region{
  background-color:rgba(76, 144, 240, 0.1);
  border:1px solid #4c90f0;
}
.bp5-table-column-headers .bp5-table-selection-region{
  background-color:transparent;
}
.bp5-table-row-headers .bp5-table-selection-region{
  background-color:transparent;
}

.bp5-table-focus-region{
  border:2px solid #2d72d2;
}

.bp5-table-column-headers .bp5-table-region{
  border-bottom:none;
}

.bp5-table-row-headers .bp5-table-region{
  border-right:none;
}

.bp5-table-vertical-guide{
  bottom:0;
  top:0;
}

.bp5-table-horizontal-guide{
  left:0;
  right:0;
}

.bp5-table-reordering-cursor-overlay{
  cursor:grabbing;
}
.bp5-table-reordering .bp5-table-reordering-cursor-overlay{
  pointer-events:all;
}
.bp5-table-quadrant-stack{
  display:flex;
  height:100%;
  position:relative;
}

.bp5-table-quadrant{
  background:#f6f7f9;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
}
.bp5-dark .bp5-table-quadrant{
  background-color:#383e47;
}

.bp5-table-quadrant-scroll-container{
  inset:0;
  overflow:auto;
  position:relative;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  will-change:transform;
}
.bp5-table-no-vertical-scroll .bp5-table-quadrant-scroll-container{
  overflow-y:hidden;
}
.bp5-table-no-horizontal-scroll .bp5-table-quadrant-scroll-container{
  overflow-x:hidden;
}

.bp5-table-body-scrolling-indicator-overlay{
  inset:0;
  pointer-events:none;
  position:absolute;
  z-index:1;
}

.bp5-table-body-is-scrolling-left, .bp5-table-body-is-scrolling-bottom, .bp5-table-body-is-scrolling-right, .bp5-table-body-is-scrolling-top{
  opacity:1;
  transition:opacity 0.2s linear;
}

.bp5-table-body-is-scrolling-top{
  background:linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, transparent 10%);
}

.bp5-table-body-is-scrolling-right{
  background:linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0%, transparent 10%);
}

.bp5-table-body-is-scrolling-bottom{
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, transparent 10%);
}

.bp5-table-body-is-scrolling-left{
  background:linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, transparent 10%);
}

.bp5-table-quadrant-body-container{
  position:relative;
}

.bp5-table-quadrant-main{
  height:100%;
  left:auto;
  position:relative;
  top:auto;
  width:100%;
  z-index:0;
}
.bp5-table-quadrant-main .bp5-table-quadrant-scroll-container{
  height:100%;
  width:100%;
}
.bp5-table-quadrant-main .bp5-table-cell-client{
  background:#ffffff;
}

.bp5-table-quadrant-top{
  right:0;
  z-index:1;
}
.bp5-table-quadrant-top .bp5-table-quadrant-scroll-container{
  bottom:-20px;
  overflow-y:hidden;
}

.bp5-table-quadrant-left{
  bottom:0;
  transition:width 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  z-index:2;
}
.bp5-table-quadrant-left .bp5-table-quadrant-scroll-container{
  bottom:0;
  height:auto;
  overflow-x:hidden;
  position:absolute;
  right:-20px;
  top:0;
}
.bp5-table-quadrant-left .bp5-table-body-virtual-client{
  min-width:1px;
}

.bp5-table-quadrant-top-left{
  transition:width 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  z-index:3;
}
.bp5-table-quadrant-top-left .bp5-table-quadrant-scroll-container{
  bottom:-20px;
  overflow:hidden;
  right:-20px;
}
.bp5-table-quadrant-top-left .bp5-table-body-virtual-client{
  min-width:1px;
}
@media (-webkit-max-device-pixel-ratio: 1.5){
  .bp5-table-quadrant-top .bp5-table-quadrant-scroll-container{
    bottom:-50px;
  }
  .bp5-table-quadrant-left .bp5-table-quadrant-scroll-container{
    right:-50px;
  }
  .bp5-table-quadrant-top-left .bp5-table-quadrant-scroll-container{
    bottom:-50px;
    right:-50px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.5){
  .bp5-table-quadrant-top .bp5-table-quadrant-scroll-container{
    bottom:-10px;
  }
  .bp5-table-quadrant-left .bp5-table-quadrant-scroll-container{
    right:-10px;
  }
  .bp5-table-quadrant-top-left .bp5-table-quadrant-scroll-container{
    bottom:-10px;
    right:-10px;
  }
}
.bp5-table-container{
  background-color:#f6f7f9;
  display:flex;
  flex-direction:column;
  height:100%;
  max-height:100%;
  max-width:100%;
  min-height:60px;
  overflow:hidden;
  will-change:transform;
}
.bp5-dark .bp5-table-container{
  background-color:#383e47;
}
.bp5-table-container .bp5-loading{
  color:transparent;
}
.bp5-table-container .bp5-loading .bp5-skeleton{
  animation:300ms linear forwards skeleton-fade-in, 1000ms linear infinite alternate skeleton-glow;
  animation-delay:0s, 300ms;
  height:5px;
  opacity:0;
}

.bp5-table-top-container{
  display:flex;
  flex:0 0 auto;
  min-height:0%;
}
.bp5-table-container.bp5-table-no-rows .bp5-table-top-container{
  padding-bottom:1px;
}

.bp5-table-bottom-container{
  color:#1c2127;
  display:flex;
  flex:1 1 auto;
  height:100%;
  min-height:0%;
}
.bp5-dark .bp5-table-bottom-container{
  color:#f6f7f9;
}

.bp5-table-menu{
  background-color:#f6f7f9;
  flex:0 0 auto;
  position:relative;
  z-index:13;
}
.bp5-dark .bp5-table-menu{
  background-color:#383e47;
}

.bp5-table-column-headers{
  background-color:#f6f7f9;
  color:#1c2127;
  display:block;
  position:relative;
  z-index:11;
}
.bp5-dark .bp5-table-column-headers{
  background-color:#383e47;
  color:#f6f7f9;
}

.bp5-table-row-headers{
  background-color:#f6f7f9;
  color:#5f6b7c;
  flex:0 0 auto;
  position:relative;
  transition:width 100ms cubic-bezier(0.4, 1, 0.75, 0.9);
  z-index:12;
}
.bp5-dark .bp5-table-row-headers{
  background-color:#383e47;
  color:#abb3bf;
}

.bp5-table-body{
  flex:1 1 100%;
  overflow:scroll;
  position:relative;
  z-index:10;
}

.bp5-table-body-virtual-client{
  position:relative;
}

.bp5-table-cell-client{
  background:#ffffff;
}
.bp5-dark .bp5-table-cell-client{
  background:#2f343c;
}

.bp5-table-tbody{
  display:block;
  white-space:nowrap;
}

.bp5-table-cell{
  display:inline-block;
}

.bp5-table-no-layout{
  display:inline-block;
  position:absolute;
}