@media print {
    .dont-print, nav { display:none !important; }
    tr td, .row { page-break-inside:avoid !important; }
    .right-aligned { text-align:right }
    table, .full-width { width:100% }
    .break-after { page-break-after: always }
    .focus { font-weight:bold }
  img, .margin-bottom { margin-bottom:1rem }
  h3, h4 { margin-bottom:0 !important; }
  .nowrap { white-space:nowrap; }
  .main.content { margin:0 !important },
}

@media screen {
.main.content {
margin-top: 6em;
}

.only-print { display:none }
}

.narrow { width:10em }

@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
     }
     100% {
          box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
     }
}

.extra-info {
     font-size: small;
     color: grey;
}

.baselabtest_discarded, .line-through {
     text-decoration: line-through;
}

.htmx-indicator {
     opacity:0;
     transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator {
     opacity:1
}

/* Hide all icons in a table, unless hovered over the cell or <i> set to "always-display" class */
table.icons-on-hover td i.icon:not(.always-display) {
    display:none
}
table.icons-on-hover td:hover i.icon:not(.always-display) {
    display:inline-block
}

div.full-width {
    margin: 0px 30px;
    padding-bottom: 20px
}