.table-pagination,
form.ms_form {
    .ms_form_row {
        display: flex;
        flex-direction: column;
        gap: 8px;

        input {
            border: 1px solid gray;
        }
    }

    .ms_form_btns {
        display: flex;
        flex-direction: row;
        gap: 12px;
    }

    .ms_form_row.ms_form_checkbox {
        flex-direction: row;
        align-items: center;
    }

    input[type="submit"]:focus,
    input[type="submit"] {
        color: white;
        background-color: #0e76bc;
        border: 1px solid #0e76bc;
        margin-bottom: 12px;
        transition: ease-in-out 0.2s;
    }


    input[type="submit"]:hover {
        color: #0e76bc;
        background-color: white;
        border: 1px solid #0e76bc;
    }

    button:focus,
    button {
        border: 1px solid #0e76bc;
        background-color: white;
        color: #0e76bc;
        margin-bottom: 12px;
        transition: ease-in-out 0.2s;

    }

    button:hover {
        background-color: #a0a0a0;
        border-color: #a0a0a0;
        color: white;
    }

    button[disabled] {
        border: unset;
        background-color: white;
        color: black;
    }
}

.table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;

    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 30px;
    }
}

.per-page-form {
    margin-bottom: 20px;
}