.h-table-scroll {
    overflow-x: auto;
}

.content-wrapper {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.form-check .form-check-input {
    margin-left: 0em !important;
}

.form-check-input {
    margin-left: 0rem !important;
}

div.dataTables_wrapper div.top {
    display: flex;
    justify-content: flex-start; /* Align the search field to the left */
    margin-bottom: 10px; /* Space below the search field */
}

/* Make sure the search field doesn't scroll */
div.dataTables_wrapper {
    position: relative;
}

div.dataTables_wrapper div.top {
    position: sticky;
    left: 0;
    background: white; /* Background so it doesn't overlap the table */
    z-index: 1; /* Make sure it's above the table */
}

.badge-opacity-black {
    background: black;
    color: white;
}

.badge-opacity-grey {
    background: rgb(144, 144, 144);
    color: rgb(0, 0, 0);
}

.badge-opacity-white {
    background: rgb(218, 218, 218);
    color: rgb(0, 0, 0);
}

.notification-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}

.preview-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.preview-thumbnail {
    margin-right: 10px;
}

.preview-item-content {
    flex: 1;
}

.preview-subject {
    margin: 0;
    font-size: 14px;
}

.text-muted {
    font-size: 12px;
}
.alert-danger {
    margin-bottom: 5px;
}