/*
 * WebForms bridge for the Frest layout.
 * Stock GridView, validator, and brand markup pick up these rules.
 */

.app-brand-logo.demo {
  width: auto;
  height: 32px;
}

.app-brand-logo.demo .brand-logo {
  display: block;
  height: 28px;
  width: auto;
}

.table thead th a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.table thead th a:hover {
  color: var(--bs-primary, #5a8dee);
}

.table > thead > tr.frest-pager > td,
.table > tbody > tr.frest-pager > td,
.table > tfoot > tr.frest-pager > td,
.table > tr.frest-pager > td,
tr.frest-pager > td {
  background: transparent;
  border-bottom: 0;
  padding: 0.75rem 1.25rem;
}

.frest-pager table {
  background: transparent;
  margin: 0;
  width: auto;
}

.frest-pager td {
  background: transparent !important;
  border: 0 !important;
  padding: 0 0.125rem !important;
  width: auto !important;
}

.frest-pager a,
.frest-pager span {
  align-items: center;
  border-radius: 0.375rem;
  display: inline-flex;
  font-size: 0.9375rem;
  height: 2.25rem;
  justify-content: center;
  line-height: 1;
  min-width: 2.25rem;
  padding: 0.25rem 0.55rem;
  text-decoration: none;
}

.frest-pager a {
  color: var(--bs-heading-color, #516377);
}

.frest-pager a:hover {
  background-color: rgba(90, 141, 238, 0.16);
  color: var(--bs-primary, #5a8dee);
}

.frest-pager span {
  background-color: var(--bs-primary, #5a8dee);
  color: #fff;
  font-weight: 500;
}

.validation-summary ul {
  margin-bottom: 0;
  padding-left: 1.1rem;
}

.frest-snippet {
  background: #f7f8fa;
  border-top: 1px solid rgba(67, 89, 113, 0.1);
  font-size: 0.8125rem;
  line-height: 1.55;
  margin: 0;
  max-height: 28rem;
  overflow: auto;
  padding: 1rem 1.25rem;
}

.frest-snippet code {
  font-family: Consolas, "Liberation Mono", Menlo, monospace;
  white-space: pre;
}

.dark-style .frest-snippet {
  background: #1c222f;
  border-top-color: #36445d;
  color: #d8deea;
}