.page-heading {
    border-bottom: thin #eee solid;
    padding-bottom: 10px;
}

.table-filters {
    table-layout: fixed;
    width: 100%;
}

.table-filters td {
    padding: 4px;
    vertical-align: top;
}

.table-filters label, .table-filters input {
    font-size: 12px;
    margin-bottom: 4px;
}

.sortable-column {
    cursor: pointer;
}

.table-data {
    table-layout: fixed;
}

.table-data .column-select {
    width: 32px;
}

.table-data .column-actions {
    width: 64px;
}

.table-data td, .table-data th {
    vertical-align: middle;
}

.page-link {
    cursor: pointer;
}

.alert i {
    vertical-align: middle;
}

.alert.invalid-field {
    margin-top: 10px;
    padding: 4px;
    font-size: 12px;
}

.alert.invalid-field i {
    font-size: 18px;
}

.tt-menu {
    background: white;
    min-width: 300px;
    box-shadow: rgba(33, 40, 48, 0.075) 0px 0.125rem 0.25rem !important;
}

.tt-suggestion {
    padding: 10px;
    cursor: pointer;
}

.tt-suggestion:hover {
    background-image: var(--bs-gradient) !important;
    background-color: rgba(var(--bs-primary-rgb));
    color: white;
}

.twitter-typeahead {
    width: 100%;
}

.card-header .btn {
    float: right;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.row.display-flex .card {
    height: 100%;
}

.checkbox-row {
    padding-left: 24px;
    padding-right: 24px;
}

.align-right {
    text-align: right;
}

td {
    vertical-align: middle;
}

tr.align-top td {
    vertical-align: top;
}

.toolbar {
    display: flex;
}

.toolbar button {
    justify-content: flex-start;
    margin-right: 5px;
}

.table-fixed {
    table-layout: fixed;
}

.badge.clickable {
    cursor: pointer;
}

.nav-tabs {
    margin-bottom: 20px;
}

.card-img, .card-img-top, .card-img-bottom {
    width: 100%;
    height: 75%;
    object-fit: cover;
}

div.note-editable {
    min-height: 300px;
}

.dropzone .dz-preview .dz-image img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}