main table td:not(:first-child),
main table th:not(:first-child) {
  border-left: 1px solid #eaebf0 !important;
}

table {
  border-collapse: separate;
  border-spacing: 0px;
}

.monospace-table td {
  font-family: monospace;
}

table td:not(.badg-item) a {
  white-space: pre-wrap;
}

table tbody th {
  white-space: nowrap;
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}

table thead th > span {
  white-space: nowrap;
}

table tbody th a,
table tbody th a:active {
  color: var(--blue-color);
}

tfoot td {
  border-top: 1px solid #dfe1e6;
  font-weight: 600 !important;
}

table .separator {
  color: #000;
}

table tbody a:hover .fa-trash-alt {
  color: var(--red-color);
}

.table-icon-btn {
  cursor: pointer;
  background-color: transparent;
  border-radius: 9999px;
  color: var(--red-color);
}

.table-icon-btn:hover {
  background-color: #EFEFEF;
  box-shadow: rgba(50, 50, 93, 0.2) 0px 6px 12px -2px, rgba(0, 0, 0, 0.25) 0px 3px 7px -3px;
}

.table-icon-btn:focus,
.table-icon-btn:active {
  outline: none;
  text-decoration: none;
  color: var(--red-color);
}

.table-icon-btn:active {
  box-shadow: none;
  background-color: transparent;
}

.user-table tbody tr input[type=checkbox]:not(:disabled) {
  cursor: pointer;
}

.searches-table>tbody>tr:nth-child(odd)>td.position-sticky-right,
.searches-table>tbody>tr:nth-child(odd)>th.position-sticky-right {
  background-color: whitesmoke;

}
.searches-table>tbody>tr:nth-child(even)>td.position-sticky-right,
.searches-table>tbody>tr:nth-child(even)>th.position-sticky-right {
  background-color: #fff;
}

.admin-search-form input {
  height: 35px;
}

.admin-search-form input,
.date-range input,
.filter_dropdown {
  color: var(--dark-blue-color);
  border-radius: 5px;
  border: 1px solid #dfe1e6;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

input.datepicker,
select.filter_dropdown {
  padding-left: 30px;
}

.date-range input {
  width: 220px;
}

.date-range i,
.filter_dropdown_wrapper i {
  font-size: 11px;
  top: 11px;
  pointer-events: none;
}

.date-range {
  cursor: pointer;
}

.date-range .fa-chevron-down,
.filter_dropdown_wrapper .fa-chevron-down {
  right: 12px;
}

.filter_dropdown {
  -webkit-appearance: none;
  appearance: none;
}

.filter_dropdown:focus {
  outline: 0;
}

.graph-main .expand-graph {
  right: 20px;
  background-color: transparent;
  cursor: pointer;
}

.box-wrapper tbody div:not(.box-wrapper, .badge-name, .badge-status, .long-string) {
  max-width: 250px;
  white-space: initial;
}

.chart-title {
  background-color: var(--light-gray-color);
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}

.chart-title:hover {
  text-decoration: none;
  background-color: var(--blue-color);
  color: #fff;
}

.searches-tippy-table td.value {
  white-space: normal !important;
}

.searches-tippy hr {
  margin: .5rem 0;
}

.table > tbody > tr > td.table-overflow {
  min-width: 300px;
  white-space: normal;
  word-break: break-all;
}

/* Proxies */
.position-sticky-left {
  position: sticky;
  left: 0;
  border-right: 1px solid #dfe1e6;
  white-space: inherit;
  min-width: 150px;
}

.position-sticky-right {
  position: sticky;
  right: 0;
  border-left: 1px solid #dfe1e6;
}
/* END */

/* `/searches` table */
.td-para span, span.tag {
  background-color: #A0ACBD;
  border-radius: 5px;
  color: #fff;
  padding: 0 5px 0 5px;
  text-overflow: ellipsis;
  max-width: 400px;
}

.td-para span i.fad {
  --fa-primary-color: #fff !important;
  --fa-secondary-color: #fff !important;
  --fa-secondary-opacity: 0.4 !important;
}

.td-para img, .td-para svg {
  width: 10px !important;
}

.td-para img.engine-icon,
.td-para i.fab {
  filter: brightness(0) invert(1);
}

.td-para i {
  font-size: 10px;
}
/* END */

nav.pagination a {
  padding: 0px 6px 0 6px;
}

nav.pagination .current {
  padding: 0px 3px 0 6px;
}

nav.pagination .current {
  margin-right: 3px;
}

nav.pagination a,
nav.pagination .current {
  display: inline;
  background-color: var(--light-gray-color);
  border: 1px solid #EAEBEF;
  transition: background-color 0.2s ease-in-out;
}

nav.pagination a:hover {
  background-color: #EAEBEF;
  text-decoration: none;
}

nav.pagination .current {
  background-color: #EAEBEF;
}

@media (min-width: 0px) and (max-width: 1199px) {
  .api-status .col-xl-6 {
    padding: 0 !important;
  }
}

@media (min-width: 0px) and (max-width: 1120px) {
  .date-range input,
  .filter_dropdown {
    min-width: auto;
    width: 115px
  }
}