/* SSI Connect — shared modern styles.
* Loaded LAST in the head of each page so it overrides any earlier
* stylesheet (Bootstrap, /common/css/styles.css, etc.).
* Used by: login.html, pwhelp_v2b.html, copyright.html, and the
* ZUMCONN.NUSER / SSICONN.NUSER dynamic HTML output.
*
* Palette:
* #3f86ab primary blue (headings)
* #3686ab link / label blue
* #d1f3ff container background (pale blue)
* #b6dbe8 agreement box border
* #b00 "danger" red (Step 1, agreement no-word)
* #d43f3a required-asterisk red
* #fff8c5 has-error yellow
* #fff2cc error-summary background
*/
/* ------------------------------------------------------------------ */
/* Utilities — general-purpose classes */
/* ------------------------------------------------------------------ */
/* Text colors — replace tags. */
.text-error { color: #cc0000; } /* alias: .text-danger */
.text-danger { color: #cc0000; }
.text-info { color: #0066cc; }
.text-teal { color: #008080; }
.text-purple { color: #663399; }
.text-black { color: #000; }
/* Text sizes — replace tags (HTML font-size scale). */
.text-xs { font-size: 75%; } /* was size="1" or size="-1" */
.text-sm { font-size: 90%; } /* was size="2" */
.text-lg { font-size: 120%; } /* was size="+1" */
.text-xl { font-size: 150%; } /* was size="+2" */
.text-2xl { font-size: 175%; } /* was size="+3" */
.text-bold { font-weight: bold; }
/* Cell backgrounds — replace bgcolor= on | cells. */
.cell-yellow { background: #ffffcc; }
.cell-blue { background: #99ccff; }
.cell-gray { background: #c0c0c0; }
.cell-white { background: #ffffff; }
.cell-navy { background: #0000ff; }
/* Table row / header colors returned by FALIB/GET.COLOR.VARS.
* The BASIC subroutine returns one of two schemes based on NEWLOGIN:
* old scheme: pale yellow rows + pale blue header
* new scheme: soft blue rows + neutral gray header
* Consumers apply the class via | or
*
. */
.row-color-old { background: #ffffcc; }
.hdr-color-old { background: #99ccff; }
.row-color-new { background: #b3d7ea; }
.hdr-color-new { background: #cfcfcf; }
/* Status pills — bold text on colored background, used in report /
* exception views. Replace inline STYLE="background:#XXX;font-weight:900". */
.status-red { background: #f46c6c; font-weight: 900; }
.status-green { background: #c0e1c0; font-weight: 900; }
.status-yellow { background: #f6ef54; font-weight: 900; }
.status-purple { background: #bbb3ec; font-weight: 900; }
/* Alignment — replace align= / valign= attributes. */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
/* Layout helpers — replace common inline styles. */
.hidden { display: none; }
.nowrap { white-space: nowrap; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.ml-20 { margin-left: 20px; }
.mr-10 { margin-right: 10px; }
.pad-10 { padding: 10px; }
/* Vertical spacer row inside a data table. One-cell
that adds a
* 10px gap between logical sections. Use on the
itself:
*
|
* where colspan matches the table's total column count. */
.spacer-10 td { height: 10px; }
/* Full-page plain-text reports (ZUMCONN.FBQ POS/FB-HISTORY output).
* .report-page replaces .
* .report-body replaces ...
.
* .report-msg is for a single-paragraph notice (e.g. "your report has
* been spooled to the LASER printer"). */
.report-page {
color: #000;
background: #fff;
margin: 0;
padding: 12px;
font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.report-body {
font-family: Consolas, 'Courier New', monospace;
font-size: 90%;
line-height: 1.3;
color: #000;
white-space: pre;
margin: 0;
}
.report-msg {
color: #000;
font-size: 14px;
margin: 20px 0;
}
/* ------------------------------------------------------------------ */
/* FBQ (Freight Bill Query) page — width harmonization */
/* ------------------------------------------------------------------ */
/* ZUMCONN.FB.TRANS adds class="fbq-form" to its stub