@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

html {
    font-size: 16px;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}


body {
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    margin-bottom: 60px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

.field-validation-error {
    font-size: .8rem;
}

.username {
    color: var(--bs-brand);
}

a, .fake-link {
    color: var(--bs-brand);
    text-decoration: none;
    cursor: pointer;
}
a:hover, .fake-link:hover {
    text-decoration: underline;
}

a.btn:hover {
    text-decoration: none;
}

.logo {
    max-height: 4.5rem;
}

.no-line-break {
    white-space: nowrap;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.htmx-show-when-request {
    display: none;
}

.htmx-request > .htmx-show-when-request {
    display: revert;
}

.htmx-request > .htmx-hide-when-request {
    display: none;
}

.htmx-show-when-request-ancestor {
    display: none;
}

.htmx-request .htmx-show-when-request-ancestor {
    display: revert;
}

.htmx-request .htmx-hide-when-request-ancestor {
    display: none;
}

.list-lower-alpha {
    list-style-type: lower-alpha;
}

.show-when-parent-disabled {
    display: none;
}

[disabled] .show-when-parent-disabled {
    display: revert;
}