@keyframes fade-loop {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}


/* Set padding to keep content from hitting the edges */
.body-content {
    /*margin-top: 15px;*/
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

table > thead > tr > th {
    text-align: center !important;
}


.sortable .endcoll1 {
    border-bottom: medium outset blue;
    border-left: medium outset blue;
}

.sortable .coll1 {
    border-left: medium outset blue;
}

.sortable .startcoll1 {
    border-top: medium outset blue;
    border-left: medium outset blue;
}

.sortable .endcoll2 {
    border-bottom: medium outset green;
    border-right: medium outset green;
}

.sortable .coll2 {
    border-right: medium outset green;
}

.sortable .startcoll2 {
    border-top: medium outset green;
    border-right: medium outset green;
}


@media screen and (min-width: 767px) {
    div.dataTables_filter {
        float: left;
    }
}

a {
    text-decoration: none;
}

.floating {
    padding: 1rem 0.75rem;
}

.form-floating > label.floating {
    color: rgba(var(--bs-body-color-rgb), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > input, .form-floating > select, .form-floating > textarea, .floating:has(:not(label)) {
    background-color: transparent;
    border-style: none;
    border-bottom: 2px solid #dee2e6 !important;
}

    .form-floating > input:focus, .form-floating > select:focus, .form-floating > textarea:focus, .floating:focus {
        box-shadow: 0px 2px 0px 0rem rgb(3 105 255 / 83%);
        background-color: #f8f9fa6b;
    }

.form-floating > .form-select {
    padding-bottom: 0.425rem;
}

.nav-wait-rigger {
    pointer-events: none;
    opacity: 0.6;
    animation: fade-loop 2s infinite ease-in-out;
}