@font-face {
  font-family: AcherusMedium;
  src: url("fonts/AcherusGrotesqueMedium.otf") format("opentype");
}

@font-face {
  font-family: GinesoMedium;
  src: url("fonts/GinesoCondMedium.otf") format("opentype");
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}

.bx--data-table-container {
  padding-top: 0px;
}

.bx--data-table-header {
  background-color: #861f41;
}

.bx--data-table-header__title,
.bx--data-table-header__description {
  color: white;
}

.bx--toolbar-search-container-persistent
  .bx--search-input:focus:not([disabled]) {
  outline: 2px solid #e87722;
}

.bx--toolbar-search-container-persistent
  .bx--search-input:active:not([disabled]),
.bx--toolbar-search-container-persistent
  .bx--search-input:not(:placeholder-shown) {
  background-color: white;
}

.bx--toolbar-content .bx--search .bx--search-input {
  background-color: #e5e5e5;
}

.bx--table-sort {
  background-color: #508590;
  color: white;
}

.bx--table-sort:hover {
  background: #4a7d87;
}

.bx--table-sort.bx--table-sort--active {
  background: #4a7d87;
}

.bx--table-sort:focus {
  outline: 2px solid black;
}

.bx--data-table thead {
  font-size: 1rem;
  font-family: AcherusMedium, sans;
}

.bx--data-table tbody {
  font-size: 1rem;
  font-family: GinesoMedium, sans;
}

.bx--search-input {
  font-size: 1rem;
  font-family: AcherusMedium, sans;
}

.bx--data-table-container {
  border: 1px solid #e5e1e6;
  -webkit-box-shadow: 0 0 10px #e5e1e6;
  box-shadow: 0 0 10px #e5e1e6;
}

.loading {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
}

.loading p {
  font-size: 2rem;
}

a.bx--link {
  position: relative;
  color: #c64600;
  cursor: pointer;
  text-decoration: none;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  background-color: transparent;
}

a.bx--link:hover,
.bx--data-table tr:hover .bx--link,
.bx--link:visited {
  color: #c64600;
}

a.bx--link:focus {
  outline: 1px solid #c64600;
}
