react-table-px-styles/react-table.css

Supporting files for styling react-table https://github.com/tannerlinsley/react-table in the predix-ui style

@charset "UTF-8";
@font-face {
  font-family: "GE Inspira Sans";
  src: url("./GEInspiraSans.woff");
  font-weight: normal;
  font-style: normal;
}
.ReactTable {
  font-family: "GE Inspira Sans";
  font-weight: normal;
  font-size: 15px;
  font-style: normal;
  border: 0px;
}
.ReactTable .rt-thead {
  color: #677E8C;
  text-transform: uppercase;
  border-bottom: 1px solid #7e7e7e;
  box-shadow: none !important;
}
.ReactTable .rt-thead.-headerGroups {
  border-bottom: none;
}
.ReactTable .rt-thead .rt-tr {
  text-align: left;
  font-size: 12px;
}
.ReactTable .rt-thead .rt-tr .rt-th {
  border-right: 0px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px;
  background-color: white;
}
.ReactTable .rt-thead .rt-tr .rt-th:hover {
  color: #065769;
}
.ReactTable .rt-thead .rt-tr .rt-th input {
  border-radius: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 1px solid #7e7e7e;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -moz-appearance: background-color 0.5s ease;
  -ms-appearance: background-color 0.5s ease;
  transition: border-bottom 0.5s ease;
  -webkit-transition: border-bottom 0.5s ease;
  -moz-appearance: border-bottom 0.5s ease;
  -ms-appearance: border-bottom 0.5s ease;
}
.ReactTable .rt-thead .rt-tr .rt-th input::placeholder {
  color: #B9C4CB;
}
.ReactTable .rt-thead .rt-tr .rt-th input:hover {
  background-color: #D8E0E5;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -moz-appearance: background-color 0.5s ease;
  -ms-appearance: background-color 0.5s ease;
}
.ReactTable .rt-thead .rt-tr .rt-th input:focus {
  background-color: #EEFBFF;
  border-bottom: 1px solid #005C99;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -moz-appearance: background-color 0.5s ease;
  -ms-appearance: background-color 0.5s ease;
}
.ReactTable .rt-thead .rt-tr .-sort-asc {
  box-shadow: none;
}
.ReactTable .rt-thead .rt-tr .-sort-asc .rt-resizable-header-content:after {
  content: " ↑";
}
.ReactTable .rt-thead .rt-tr .-sort-desc {
  box-shadow: none;
}
.ReactTable .rt-thead .rt-tr .-sort-desc .rt-resizable-header-content:after {
  content: " ↓";
}
.ReactTable .rt-tbody .rt-tr-group .rt-tr {
  cursor: pointer;
}
.ReactTable .rt-tbody .rt-tr-group .rt-tr .rt-td {
  color: #2C404C;
  border-right: none;
  border-bottom: 1px solid #C4D0D8;
  padding: 12px;
}
.ReactTable .pagination-bottom .-pagination {
  border-top: 1px solid #7e7e7e;
  box-shadow: none;
  color: #677E8C;
}
.ReactTable .pagination-bottom .-pagination .-row-selector {
  padding-left: 12px;
}
.ReactTable .pagination-bottom .-pagination .-row-selector .select-wrap {
  position: relative;
}
.ReactTable .pagination-bottom .-pagination .-row-selector .select-wrap:after {
  content: "▾";
  color: #007ACC;
  position: absolute;
  top: -1px;
  pointer-events: none;
}
.ReactTable .pagination-bottom .-pagination .-row-selector .select-wrap select {
  color: #007ACC;
  border-radius: 0;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  transition: background-color 0.1s ease;
  -webkit-transition: background-color 0.1s ease;
  -moz-appearance: background-color 0.1s ease;
  -ms-appearance: background-color 0.1s ease;
}
.ReactTable .pagination-bottom .-pagination .-row-selector .select-wrap select:hover {
  color: #005C99;
}
.ReactTable .pagination-bottom .-pagination .-page-selector-wrapper {
  width: 22%;
  display: flex;
  justify-content: flex-end;
  padding-right: 12px;
}
.ReactTable .pagination-bottom .-pagination .-page-selector-wrapper .-page-selector .-pageInfo {
  font-size: 15px;
}
.ReactTable .pagination-bottom .-pagination .-page-selector-wrapper .-page-selector .-pageInfo input {
  border-radius: 0px;
  width: 3em;
}
.ReactTable .pagination-bottom .-pagination .-btn {
  border-radius: 0px;
  background-color: white;
  border: none !important;
  color: #798E9A;
  font-size: 1.3em;
  display: inline-block;
}
.ReactTable .pagination-bottom .-pagination .-btn:hover {
  color: #2C404C;
  background-color: white;
}
.ReactTable .pagination-bottom .-pagination .-btn:disabled {
  color: #CBD2D8;
  opacity: 1;
}

/*# sourceMappingURL=react-table.css.map */