/* Set padding to keep content from hitting the edges */
#messageDiv {
    position: fixed; /* Fixed position relative to the viewport */
    top: 40%;
    left: 40%;
    color: black;
    padding: 20px;
    border-radius: 8px;
    display: none; /* Hidden by default */
    z-index: 9999; /* Ensure it's on top of other content */
    animation: slideIn 0.5s ease-out; /* Slide-in animation */
}

.greenColor {
    background-color: forestgreen !important;
    color: white !important;
}

.redColor {
    background-color: red !important;
    color: white !important;
}

.dataTables_filter {
    display: flex;
    justify-content: flex-end; /* Align it to the right */
    margin-bottom: 10px;
    margin-top: 10px;
}

    .dataTables_filter input {
        border-radius: 30px; /* Rounded edges */
        padding: 10px 20px; /* Padding for a bigger search box */
        font-size: 14px;
        border: 1px solid #ccc;
        margin-right: 10px; /* Space between input and button */
    }

    .dataTables_filter button {
        padding: 10px 15px; /* Button padding */
        background-color: #007bff; /* Button color */
        border: none;
        color: white;
        border-radius: 30px;
        cursor: pointer;
    }

        .dataTables_filter button:hover {
            background-color: #0056b3; /* Darker shade on hover */
        }

.pagwrap {
    padding: 0.1rem !important;
}

.paghead {
    margin-bottom: 10px !important;
}

.dt-button
{
    color:#FFFFFF !important;
    background-color:#23283C !important;
}

.sorting {
    position: unset !important;
}