@import "variables.css";

/* ===================================================================
   VINTAGE GRID STYLES
   Frozen production-era styling for these read-only download grids:
     - RetrieveProviderSubmissions.aspx
     - RetrieveProviderSubmissionsP4P.aspx
     - DownloadCorrespondence.aspx
   These classes are intentionally duplicated from the original
   SiteCSS.css so the screens above keep their production look
   while the rest of the site uses the new editable-grid classes.
   =================================================================== */

.datagridVintage {
    background: var(--soft-white);
    color: var(--ink);
    border: none;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    table-layout: auto;
}

    .datagridVintage th,
    .datagridVintage td {
        font-family: var(--site-font-family);
        font-size: var(--site-font-size);
        overflow: visible;
        text-overflow: clip;
    }

    .datagridVintage th {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: normal;
        color: var(--white);
    }

.rounded_corners_vintage {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    .rounded_corners_vintage td, .rounded_corners_vintage th {
        text-align: center;
    }

    .rounded_corners_vintage table table td {
        border-style: none;
    }

#gridviewVintage a:link {
    color: var(--white);
    text-decoration: underline;
    margin-right: -3px;
    margin-left: -3px;
    font-weight: normal;
}

#gridviewVintage a:hover {
    font-weight: bold;
    text-decoration: none;
}

.headerStyleVintage {
    text-align: center;
    background-color: var(--marine);
    padding-top: -20px;
    border: var(--white) solid 1px;
    border-radius: 20px;
}

    .headerStyleVintage th {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 6px;
        padding-right: 6px;
        line-height: 30px;
        position: static;
    }

        .headerStyleVintage th:first-child {
            border-top-left-radius: 20px;
        }

        .headerStyleVintage th:last-child {
            border-top-right-radius: 20px;
        }

.RowStyleVintage {
    height: 60px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
}

.pagerStyleVintage a {
    border-radius: 50%;
    background-color: var(--soft-white);
    padding: 5px 10px 5px 10px;
    color: var(--ink);
}

    .pagerStyleVintage a:hover {
        box-shadow: 1px 1px 1px var(--white);
    }

.pagerStyleVintage span {
    background-color: var(--marine);
    color: var(--white);
    border-radius: 50%;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}
/* End: Vintage grid styles */