#pnxref {width:100%}
.dataTables_filter {
  width: max-content;
  padding: var(--space-2xs);
}
.dt-buttons {
  padding: var(--space-2xs);
}
#pnxref ul {
  text-indent: revert;
  padding-left: 1.4em;
}

/* buttons */
button.dt-button, div.dt-button, a.dt-button, input.dt-button {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: "Exo 2","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 100%;
  cursor: pointer;
  border: 2px solid #fccf00;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: var(--btn-line-height,1);
  height: var(--btn-height,3ex);
  padding-right: 1em;
  padding-left: 1em;
  background-color: #fccf00;
  border-radius: 4px;
  overflow: visible;
  text-decoration: none;
  color: #162329;
}
button.dt-button.buttons-select-none, div.dt-button.buttons-select-none,
a.dt-button.buttons-select-none, input.dt-button.buttons-select-none {
  background-color: #b33630;
  color: #fff;
  border-color: #b33630;
}
button.dt-button:disabled,
button.dt-button[disabled],
button.dt-button.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ddd;
  color: #777;
  box-shadow: none;
  border-color: #ddd;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #8d9093;
  border-radius: 4px;
  padding: 0.5rem;
  background-color: transparent;
  margin-left: var(--space-s);
  width: unset;
  display: inline-block;
}
/* pagintaion */
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)
}

table.dataTable >tbody>tr:hover>* {
  box-shadow: inset 0 0 0 9999px rgb(0 0 19 / 4%);
}
table.dataTable tbody tr.selected>* {
  box-shadow: inset 0 0 0 9999px var(--fcl-gold-color);
  color: #2b2b2b;
  font-weight: 700;
}
table.dataTable tbody tr.selected:hover>* {
  box-shadow: inset 0 0 0 9999px var(--fcl-red-color);
  color: white;
}