/* HLH Data Table styles */
@import url("hlh-colors.css");

div.hlh-datatable { /* Several theme style overrides */
    margin: 0.625rem 0; /* Moved here from inline in html and converted to rem units. */
    padding: 0;
    color: var(--text-default);

    .entitylist,
    .entity-grid.entitylist {
        border: none;
        background: transparent;
        font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: var(--text-default) !important;
    }

    div.view-toolbar.grid-actions {
        border: none;
        padding: 0;
    }

    div.view-grid {
        border: 1px solid var(--border-light);
        border-radius: 0.25rem;
    }

    table {
        font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        color: var(--text-default, #444444) !important;

        thead > tr > th, /* Sometimes headers are th's content, somtimes a child 'a' element... */
        thead > tr > th > a {
            font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.875rem;
            font-weight: 600;
            font-style: normal;
        }

        /* Set default data table text to 14px Poppiins, etc. */
        tbody {
            font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            color: var(--text-default, #444444);
            font-size: 0.875rem;
            font-weight: 400;
            font-style: normal;

            /* Style numeric and date specific columns so numbers are vertically aligned */
            /* Dashboard's 'TPA Claim Number', 'Created On, and 'Modified On' columns. */
            /* Number/date cells use Open Sans */
            tr {
                td[data-attribute="hlh_tpaclaimnumber"],        /* Dashboard */
                td[data-attribute="createdon"],                 /* Dashboard, Claims */
                td[data-attribute="modifiedon"],                /* Dashboard, Claims */
                td[data-attribute="hlh-billedcharge"]           /* Claims */
                {
                    font-family: "Open Sans", sans-serif;
                    text-align: right;
                }

            }
        }    
    } 

    

}

/* Used to make sure the data table title is "tight" to the data table, Horizontally inline with data table buttons. */
div.hlh-datatable.title-tight {
    margin-top: -3rem;
}



/* Original prototype styles from here onwards */
table.table-striped>tbody>tr:nth-of-type(odd)>* {
    /* override */
    box-shadow: inset 0 0 0 9999px var(--table-stripe-bg);
}

.page-copy table.table td {
    color: var(--text-default);
}

.page-copy table.table thead th a {
    color: var(--text-default);
}

.page-copy table.table tr:hover td {
    box-shadow: inset 0 0 0 9999px var(--table-stripe-hover);
    /*background-color: var(--table-stripe-hover);*/
}
.page-copy table.table tr td a,
.page-copy table.table tr td a:hover,
.page-copy table.table tr td a:visited {
    color: var(--text-default);
}

.page-copy table.table tr td .btn-default, .btn-secondary {
    color: var(--text-default);
    background-color: white;
    border-color: var(--text-default);
}

.pagination {
    --bs-pagination-color: var(--text-default);
    --bs-pagination-hover-color: var(--text-default);
    --bs-pagination-focus-color: var(--text-yellow);
    --bs-pagination-active-color: var(--text-yellow);

    --bs-pagination-active-bg: var(--hlh-yellow);
    --bs-pagination-active-border-color: var(--hlh-yellow);

}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    background-color: var(--hlh-yellow) !important;
}

/* Attempt at styling views like the ones mike had built */
.page-copy .xrm-editable-html .row.sectionBlockLayout {
    padding: 1.5rem !important;
}
.page-copy .xrm-editable-html .row.sectionBlockLayout .container {
    margin: 0;
    max-width: none;
}