﻿body {
    padding-bottom: 20px;
}

nav {
    border-bottom: 1px solid rgba(22,73,104, 0.8);
}

.navbar-light .navbar-brand {
    color: rgba(22,73,104, 1);
}

a {
    text-decoration: none;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-top: 1rem;
}

.modal-lg {
    max-width: 900px;
}

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.dl-title {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

tr.total-row > th,
tr.total-row > td {
    border-top: 1px solid black;
    border-bottom: 3px double black;
}

tr.border-top-0 > th,
tr.border-top-0 > td {
    border-top: 0;
}

table.dt-table.mt-0 {
    margin-top: 0 !important;
}

th.rotated-text {
    height: 140px;
    white-space: nowrap;
    padding: 0 !important;
}

    th.rotated-text > div {
        transform: translate(13px, 0px) rotate(270deg);
        width: 30px;
    }

        th.rotated-text > div > span {
            padding: 5px 10px;
        }

th.sticky {
    background-color: white;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

thead th {
    background-color: white;
}

input[type='date'] {
    width: 220px;
}

canvas.sign-me {
    width: 100%;
    height: auto;
}

.event-dot {
    border-radius: 50% !important;
}

.status-text {
    margin-top: -10px;
    margin-bottom: 5px;
}

.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline-block;
}