html { font-size: 14px; } @media (min-width: 768px) { html { font-size: 16px; } } html { position: relative; min-height: 100%; } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: var(--bs-secondary-color); text-align: end; } .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder { text-align: start; } @media (min-width: 768px) { nav.navbar { position: sticky; top: 0; height: 100vh; overflow-y: auto; } } @media (min-width: 768px) { nav.navbar { display: flex !important; flex-direction: column !important; min-height: 100vh; } } .nav-link small { transition: transform 0.2s ease-in-out; display: inline-block; } .nav-link:not(.collapsed) small { transform: rotate(90deg); } th.sortable { cursor: pointer; user-select: none; transition: background-color 0.15s ease; } th.sortable:hover { background-color: rgba(0, 0, 0, 0.03) !important; } .filter-row input, .filter-row select { font-size: 0.8rem; padding: 2px 5px; } .page-hidden { display: none !important; }