.tr-search {
  width: 100%;
  background: #fff;
  padding: 24px 12px 0 12px;
  border: 1px solid #eee;
  margin-bottom: 24px;
}

.tr-table-tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;

  .tr-table-title {
    margin-left: 12px;
  }
}

.tr-table-wrapper {
  background: #fff;
  padding: 24px 24px 0 24px;
}

.tr-action-list {
  display: flex;
  justify-content: center;
}

.tr-single-tab {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
  opacity: 0.85;
}

.tr-search-btn.fr-field {
  padding-right: 0;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.mr2 {
  margin-right: 0.5rem;
}

.ml2 {
  margin-left: 0.5rem;
}

.flex {
  display: flex;
}

.justify-end {
  justify-content: flex-end;
  align-items: center;
}

.w-100 {
  width: 100%;
}


.full-flex {
  flex: 1;
}

.components-table-demo-resizable-column {
  .ant-table-thead {
    th {
      font-weight: 600 !important;
      -moz-user-select: none !important;
      -o-user-select: none !important;
      -khtml-user-select: none !important;
      -webkit-user-select: none !important;
      -ms-user-select: none !important;
      user-select: none !important;
    }
  }

  .react-resizable {
    position: relative;
    background-clip: padding-box;
  }

  .react-resizable-handle {
    position: absolute;
    right: -5px;
    bottom: 0;
    z-index: 1111;
    width: 20px;
    height: 100%;
    cursor: col-resize;
  }
}