/* Set padding to keep content from hitting the edges */
.body-content {
    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;
}

.has-error {
    border: 1px solid red;
}

#filter .dropdown-toggle,
#filter .btn-group-vertical,
#filter .form-control {
    width: 100%;
}

textarea.form-control {
    height: 100px !important;
}

.accordion-button-sm {
    padding: 0.4rem !important;
}

.toast-body label {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 260px;
}

.form-switch .switch {
    height: 1.5rem;
    width: 3rem;
    margin-top: 0;
    margin-right: 0.5rem;
    box-shadow: 0 0 0 0;
    cursor: pointer;
}

.flex-equal > * {
    flex: 1;
}

@media (min-width: 768px) {
    .flex-md-equal > * {
        flex: 1;
    }
}

input:read-only {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

#ui-datepicker-div {
    z-index: 99 !important;
}

.ui-datepicker-trigger {
    float: right !important;
    margin-top: -40px !important;
    margin-right: 10px !important;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}