/* QEN-8704 HVPQ Import/Export (ImportExport.aspx → UploadHVPQ.ascx) re-skin.
   Reference: /styles/viqimport.css applied to the same ModuleTemplateV2 card chrome,
   adapted for HVPQ's extra UI (admin company/user picker, Import/Export radio toggle,
   export format checkboxes, pending-imports grid, HVPQ diff grid).
   Scoped to body.page-importexport.sidebar-nav so the rules are inert elsewhere. */

/* ------------------------------------------------------------------
   Card chrome — wrap the modMain ModuleTemplateV2 panel
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav .ContentPane,
body.page-importexport.sidebar-nav .ContentPaneBody,
body.page-importexport.sidebar-nav .MainTableContent {
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
}

body.page-importexport.sidebar-nav #q88Content,
body.page-importexport.sidebar-nav .cphMiddleContent {
    background: transparent;
}

/* Card chrome on the V2 panel (the modMain wrapper renders `<id>_pnlMod`).
   Mirror the `.q88-card` pattern used elsewhere (EditProfile etc.): no width
   or max-width, lateral margin via `margin: 24px 48px`. This keeps the gap
   between the sidebar and the card identical on every viewport — the VIQImport
   `max-width: 1584px; margin: 24px auto` recipe balloons the gap on wide
   monitors because `auto` centers within the post-sidebar content pane. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 48px !important;
    padding: 24px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1) !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #0f172a;
}

/* The outer ModuleTemplateV2 layout table uses width=100% cellpadding=0 — keep it neutral. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] > table {
    border: 0 !important;
    border-spacing: 0 !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] > table > tbody > tr > td {
    padding: 0 !important;
}

/* ------------------------------------------------------------------
   Section title — "HVPQ Import/Export" / "Q88Dry Import"
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav .modV2TitleContainer,
body.page-importexport.sidebar-nav .modV2Title {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.page-importexport.sidebar-nav .modV2Title {
    font-family: "Inter", sans-serif;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}
body.page-importexport.sidebar-nav .modV2Title #spTitleLeft,
body.page-importexport.sidebar-nav .modV2Title [id$="_spTitleLeft"] {
    font: inherit !important;
    color: inherit !important;
}

/* ------------------------------------------------------------------
   Admin company/user picker — pnlCompany
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlCompany"] {
    margin-bottom: 16px;
}

body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlCompany"] table {
    border: 0 !important;
    border-spacing: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlCompany"] table td {
    padding: 6px 8px 6px 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    vertical-align: middle;
}

/* Native selects inside the admin picker — outline pills matching DESIGN.md. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlCompany"] select {
    height: 32px !important;
    min-width: 220px;
    padding: 0 28px 0 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    box-sizing: border-box;
}

/* "Go" button — secondary chip */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_btnGo"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_btnGo"]:hover {
    background-color: #e2e8f0 !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_btnGo"] > ins {
    display: none !important;
}

/* SubHeaderAdmin rows in the legacy markup carry a navy bg — flatten them. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.SubHeaderAdmin,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.SubHeaderAdmin > td {
    background: transparent !important;
    color: #0f172a !important;
    border: 0 !important;
    font-weight: 500 !important;
}

/* ------------------------------------------------------------------
   Import / Export radio toggle — rblProcess
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rblProcess"] {
    display: inline-flex;
    gap: 24px;
    margin: 8px 0 16px 0;
    padding: 0;
    border: 0;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rblProcess"] td {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rblProcess"] input[type="radio"] {
    accent-color: var(--primary);
    margin-right: 6px;
    vertical-align: middle;
    transform: translateY(-1px);
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rblProcess"] label {
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500;
    margin-right: 24px;
    cursor: pointer;
}

/* ------------------------------------------------------------------
   File-input rows (rptFiles repeater) — 5 file inputs in StdTable
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] table.StdTable {
    border: 0 !important;
    background: transparent !important;
    border-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] table.StdTable td {
    padding: 6px 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
}

/* The rptFiles header row contains "Specify files to import..." helper copy.
   The legacy `tr.GridHeader` carries a navy `#4F72A4` band globally — kill it
   everywhere inside the card (rptFiles outer table is unclassed). */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.GridHeader,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.GridHeader > td {
    background: transparent !important;
    color: #475569 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptFiles"] ~ table tr.GridHeader > td,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] table.StdTable tr.GridHeader > td {
    padding: 0 0 6px 0 !important;
}

/* rptFiles file-input rows: legacy `<td align="center">` centers the entire row;
   pin the column to the left so "File name: <input>" reads as a normal form row. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptFiles"] td[align="center"],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] td[align="center"]:has(input[type="file"]) {
    text-align: left !important;
    padding: 6px 0 !important;
}

/* The "check all" SubHeaderAdmin row is a shell that wraps `lblCompanyName`
   (Visible=False except when an admin actually picks a company). When the
   label is hidden ASP.NET omits its markup entirely, leaving just text — so
   the row has no input/select/anchor descendant. Hide it. Nested `:not(:has)`
   inside `:has()` is not parsable in Chrome, so write the negation flat. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlCompany"] tr.SubHeaderAdmin:not(:has(input)):not(:has(select)):not(:has(a)) {
    display: none;
}

/* Native file inputs — match VIQImport pattern (outline + secondary "Choose File" chip). */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] input[type="file"] {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    padding: 6px 10px !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #0f172a !important;
    min-height: 32px;
    box-sizing: border-box;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] input[type="file"]::-webkit-file-upload-button {
    background-color: #f1f5f9;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 4px 12px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    cursor: pointer;
    margin-right: 12px;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] input[type="file"]::-webkit-file-upload-button:hover {
    background-color: #e2e8f0;
}

/* Validator messages */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] span[style*="color:Red"],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] span[id*="rev"],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] .ValHighlight {
    color: #dc2626 !important;
    font-family: "Inter", sans-serif;
    font-size: 13px !important;
    margin-left: 8px;
}

/* ------------------------------------------------------------------
   Export panels — pnlExportHVPQ + pnlExportVPI
   Inner tables use class GridHeader for navy band header rows; flatten them.
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportHVPQ"],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportVPI"] {
    margin-top: 12px;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportHVPQ"] table,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportVPI"] table {
    border: 0 !important;
    border-spacing: 0 !important;
    width: 100% !important;
    background: transparent !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportHVPQ"] td,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportVPI"] td {
    padding: 6px 8px 6px 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    vertical-align: middle;
}

/* The leading colspan=2 GridHeader cells ("Select the vessel..." / "Select vessel to export...")
   become muted helper copy instead of navy bands. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportHVPQ"] tr.GridHeader > td,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportVPI"] tr.GridHeader > td {
    color: #475569 !important;
    font-weight: 400 !important;
    padding-bottom: 10px !important;
}

/* Format checkboxes — teal accent inline */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_cblFormat"] td {
    padding: 0 16px 0 0 !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_cblFormat"] input[type="checkbox"] {
    accent-color: var(--primary);
    margin-right: 6px;
    vertical-align: middle;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_cblFormat"] label {
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    cursor: pointer;
}

/* VPI export warning copy */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportVPI"] td.warning {
    color: #b45309 !important;
    background-color: #fffbeb !important;
    border: 1px solid #fde68a !important;
    border-radius: 8px;
    padding: 12px 16px !important;
    font-weight: 400;
    text-align: left !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportVPI"] td.warning b {
    color: #92400e !important;
}

/* ------------------------------------------------------------------
   FleetVessel dropdown control — shipped as nested DropDownListNew widget
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] select.NormalTextBox,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportHVPQ"] select,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlExportVPI"] select {
    height: 32px !important;
    min-width: 220px;
    padding: 0 28px 0 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    box-sizing: border-box;
}

/* ------------------------------------------------------------------
   Pending-imports grid (rptImport) + diff grid (rptData)
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] table.GridTable {
    width: 100% !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    overflow: hidden;
    margin-top: 12px;
}

body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] table.GridTable tr.GridHeader,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptImport"] tr.GridHeader,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptData"] tr.GridHeader {
    background-color: #f8fafc !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] table.GridTable tr.GridHeader > td,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptImport"] tr.GridHeader > td,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptData"] tr.GridHeader > td {
    color: #475569 !important;
    background-color: #f8fafc !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-top: 0 !important;
}

body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.GridData > td,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.GridDataAlt > td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.GridDataAlt > td {
    background-color: #fafbfc !important;
}

/* rptData diff grid - variable highlight + locked rows */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.AltHighlight > td {
    background-color: #fef3c7 !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] tr.Disabled > td {
    background-color: #f1f5f9 !important;
    color: #94a3b8 !important;
}

/* Action LinkButtons inside grids — "Select All" / "Select Variable" / "Unselect All" */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCheck"],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCheckVariable"],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUnCheck"] {
    color: var(--text-link) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCheck"]:hover,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCheckVariable"]:hover,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUnCheck"]:hover {
    text-decoration: underline !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCheck"] > ins,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCheckVariable"] > ins,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUnCheck"] > ins {
    display: none !important;
}

/* Diff-grid checkboxes — teal accent */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptData"] input[type="checkbox"] {
    accent-color: var(--primary);
}

/* ------------------------------------------------------------------
   Footer — Important Notes warning + Cancel / Import Files buttons
   ------------------------------------------------------------------ */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] .modV2FooterContainer,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] .modPopFooter,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [class*="modPopFooter"],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlFooter"] {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-top: 24px !important;
}

/* Footer is an unclassed table — reach via the pnlFooter wrapper. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlFooter"] table {
    width: 100% !important;
    border: 0 !important;
    border-spacing: 0 !important;
    background: transparent !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlFooter"] table > tbody > tr > td {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    vertical-align: middle !important;
}

/* The "NOTE: ..." important-notes block in the left footer cell */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlFooter"] td.warning,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_pnlFooter"] [id$="_spImportantNotes"] {
    color: #475569 !important;
    background: transparent !important;
    font-family: "Inter", sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    padding-right: 16px !important;
}

/* Cancel LinkButton — secondary chip */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCancel"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 32px;
    padding: 0 14px !important;
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    margin-right: 8px;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCancel"]:hover {
    background-color: #e2e8f0 !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCancel"] > ins,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCancel"] img {
    display: none !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkCancel"] span {
    font: inherit !important;
    color: inherit !important;
}

/* Import Files / Save Changes / Export File — teal primary */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUpload"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    min-width: 96px;
    padding: 0 16px !important;
    background-color: var(--primary) !important;
    color: #eff6ff !important;
    border: 1px solid var(--primary) !important;
    border-radius: 8px !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 120ms ease, border-color 120ms ease;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUpload"]:hover {
    background-color: var(--button-primary-hover) !important;
    border-color: var(--button-primary-hover) !important;
    color: #ffffff !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUpload"]:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUpload"] > ins,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUpload"] img {
    display: none !important;
}
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUpload"] span {
    font: inherit !important;
    color: inherit !important;
}

/* Disabled state for lnkUpload (e.g. View.SelectUser path) */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_lnkUpload"][disabled],
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] a[id$="_lnkUpload"].aspNetDisabled {
    background-color: #cbd5e1 !important;
    border-color: #cbd5e1 !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
}

/* Image icons baked into LinkButtons (delete.gif etc.) inside diff/import grids:
   keep the raster but constrain their size so they don't tower over text rows. */
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptImport"] img,
body.page-importexport.sidebar-nav [id$="_modMain_pnlMod"] [id$="_rptData"] img {
    max-height: 16px;
    vertical-align: middle;
}