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

body {
  margin-bottom: 60px;
}

/* Bootstrap 4 has no gap utilities; same spacing as Bootstrap 5's gap-2. */
.gap-2 {
    gap: .5rem;
}

/* Bootstrap 4.1 utilities missing from 4.0, same definitions. */
.w-auto {
    width: auto !important;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

/* Document of a prijava next to its pregled (Pregled/Prijave/Details). */
.pregled-dokument {
    height: calc(100vh - 15rem);
}

/* Komentar of a prijava, rendered from markdown (Pregled/Prijave/Details). */
.komentar-tekst {
    overflow-wrap: break-word;
}

.komentar-tekst > :last-child {
    margin-bottom: 0;
}

/* Prijave read 1/3 on the semafor (Pregled/Semafor); Bootstrap has no orange. */
.bg-narandzasta {
    background-color: #fd7e14;
}

/* Ocena select in the tagovanje of a prijava (Pregled/Prijave/Details). */
.ocena-select {
    width: 3.5rem;
}

.form-control-sm .ts-control {
    padding: .25rem .5rem;
}

.ts-wrapper {
    padding: 0;
}

.ts-control > * {
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Sudo button countdown at 00:00 (site.js). */
.sudo-expired {
    animation: sudo-blink 1s step-start infinite;
}

@keyframes sudo-blink {
    50% {
        visibility: hidden;
    }
}

/* Monaco editor of a template's tekst (template-markdown.js), on the email and document template pages. */
.template-body-editor {
    height: 60vh;
}

.flatpickr-day {
    border-radius: 5px;
}

/* Fotografisanje polaznika (fotografisanje.js): the video with its 3:4 frame, the rest darkened. */
.fotografisanje-prikaz {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    line-height: 0;
}

.fotografisanje-prikaz video,
.fotografisanje-prikaz canvas {
    display: block;
    max-width: 100%;
    max-height: 70vh;
}

.fotografisanje-okvir {
    position: absolute;
    border: 2px solid #fff;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.fotografisanje-ogledalo {
    transform: scaleX(-1);
}