.card {}
.card h6 {
    word-wrap: normal;
}

img { max-width: 100%; height: auto; }

.datepicker {
    z-index: 999 !important;
}

form.form label {
    text-transform: none;
}
form.form .was-validated .form-control:invalid,
form.form .form-control.is-invalid {
    border-color: var(--danger);
    padding-right: calc(1.5em + 1.18rem);
}
form.form .was-validated .form-control:valid,
form.form .form-control.is-valid {
    border-color: var(--success);
    padding-right: calc(1.5em + 1.18rem);
}
form.form .was-validated select.form-control:invalid,
form.form select.form-control.is-invalid,
form.form .was-validated select.form-control:valid,
form.form select.form-control.is-valid {
    background-position-x: right 2em;
}

.responsive-data-table_wrapper {
    width: 100%;
    padding-bottom: 2em;
    overflow-x: auto;
}