/* ############################################################################
   ## 
   ##  Form Submissions Widget
   ##  - Default base table styles are defined in Tables.css
   ##  - Editable grid base styles are defined in EditableGrid.css
   ##
   ######################################################################### */

div.formSubmissions {
}

div.formSubmissionsData {
}

.formSubmissions .content-filter {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
    padding: var(--site-padding-thinner) var(--site-padding) !important;
    background: var(--site-color-grey-lightest);
    border-radius: var(--site-box-border-radiuns);
}

table.formSubmissionTable {
}

    table.formSubmissionTable tr {
    }

    table.formSubmissionTable thead th {
    }

    table.formSubmissionTable td {
    }

/*
    Headers
*/

    table.formSubmissionTable th[class*=editablegrid-] {
    }

        table.formSubmissionTable th[class*=editablegrid-] a {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

            table.formSubmissionTable th[class*=editablegrid-] a[class*=sort]::after {
                content: "";
                display: block;
                vertical-align: middle;
                margin-left: 15px;
                height: 0;
                width: 0;
                border-color: var(--site-table-head-th-text-color) transparent;
                border-style: solid;
                border-width: 0 0.45rem 0.55rem 0.45rem;
            }

            table.formSubmissionTable th[class*=editablegrid-] a.sort-ascending::after {
                border-width: 0 0.45rem 0.55rem 0.45rem;
            }

            table.formSubmissionTable th[class*=editablegrid-] a.sort-descending::after {
                border-width: 0.55rem 0.45rem 0 0.45rem;
            }

            table.formSubmissionTable th[class*=editablegrid-] a[class*=sort]:hover::after {
                border-color: var(--site-link-hover-color) transparent;
            }

            table.formSubmissionTable th[class*=editablegrid-] a .editablegrid-icon {
                display: none;
            }

/*
    Individual Columns
*/

    table.formSubmissionTable td.editablegrid-View {
    }

        table.formSubmissionTable td.editablegrid-View a {
            /* The view button. */
        }

    table.formSubmissionTable td.editablegrid-Edit {
    }

        table.formSubmissionTable td.editablegrid-Edit a {
            /* The view button. */
        }

    /* Some standard fields that may or may not appear */

    table.formSubmissionTable td.editablegrid-Form_Name {
    }

    table.formSubmissionTable td.editablegrid-Created_Date {
    }

    table.formSubmissionTable td.editablegrid-IP_Address {
    }

    /* Any field name could appear on any form */

    table.formSubmissionTable td.editablegrid-Example_Field_Name {
    }

/*
    Paging
*/

div.formSubmissionsPaging {
    margin: 10px 0;
    text-align: center;
}

    div.formSubmissionsPaging a {
        display: inline-block;
        vertical-align: middle;
    }