/* ============================================================
erp_ui_v2.css — ERP page UI modernization (v2 - Beta)
Controlled by the "Use New ERP UI (v2 - Beta)" misc setting.
controls/page_header.ascx emits this stylesheet and tags
with .erp-ui-v2 (only when the setting is on AND the page is in
the rollout scope). EVERY rule is scoped under .erp-ui-v2, so
nothing changes when the setting is off — no duplicate pages,
the setting controls the styling (same idea as page header v2).
LOOK ONLY: this file restyles colors, borders, fonts and corners
to match the portal v2 / tote tracking look. It deliberately does
NOT change widths, heights, padding or font sizes — pages must
keep exactly the same layout and spacing as the classic UI.
Loads after each page's TPS.css / Styles.css, so equal-specificity
rules win without !important.
============================================================ */
.erp-ui-v2 {
--v2-blue: #00008B; /* TPS blue (buttons, grid headers, underlines) */
--v2-blue-hover: #1f1fa8;
--v2-ink: #202124; /* primary text */
--v2-ink-soft: #5f6368; /* labels */
--v2-link: #1a73e8;
--v2-line: #e5e7eb; /* card / table border */
--v2-row-line: #f0f1f3; /* row separators */
--v2-row-alt: #fafbfc;
--v2-row-hover: #f1f3f4;
--v2-font: "Segoe UI", Arial, Helvetica, sans-serif;
}
/* ---- page canvas: plain white ------------------------------------ */
.erp-ui-v2 body {
background-color: #ffffff !important;
font-family: var(--v2-font);
color: var(--v2-ink);
}
/* ---- page title: same size, portal-style weight, no underline ----- */
.erp-ui-v2 .Page_Title {
font-family: var(--v2-font);
font-weight: 600;
color: var(--v2-ink);
border-bottom: none;
text-decoration: none;
}
/* ---- settings rows: drop the light-blue boxes ---------------------
Classic draws every cell as a #F0F8FF box with a #C3E4ED border.
v2 = white background, gray label, hairline row separator (like
the portal v2 profile cards). Widths/heights/padding unchanged. */
/* every classic "box" cell class (Styles.css #F0F8FF fill + #C3E4ED border):
settings pages, the Settings/Reference landing menus, and edit forms */
.erp-ui-v2 .settings_title,
.erp-ui-v2 .settings_title_bold,
.erp-ui-v2 .settings_data,
.erp-ui-v2 .settings_data_menu,
.erp-ui-v2 .settings_menu_title,
.erp-ui-v2 .settings_menu_data,
.erp-ui-v2 .form_title,
.erp-ui-v2 .form_title2,
.erp-ui-v2 .form_data,
.erp-ui-v2 .form_data2,
.erp-ui-v2 .form_data_50,
.erp-ui-v2 .form_data_notes {
font-family: var(--v2-font);
background-color: transparent;
border: none;
border-bottom: 1px solid var(--v2-row-line);
}
/* labels: portal gray */
.erp-ui-v2 .settings_title,
.erp-ui-v2 .form_title,
.erp-ui-v2 .form_title2 { color: var(--v2-ink-soft); font-weight: 500; }
.erp-ui-v2 .settings_title_bold { color: var(--v2-ink); font-weight: 600; }
/* landing-page section names (System / EDI / Portal ...) */
.erp-ui-v2 .settings_menu_title { color: var(--v2-blue); font-weight: 600; }
/* values */
.erp-ui-v2 .settings_data,
.erp-ui-v2 .settings_data_menu,
.erp-ui-v2 .settings_menu_data,
.erp-ui-v2 .form_data,
.erp-ui-v2 .form_data2,
.erp-ui-v2 .form_data_50,
.erp-ui-v2 .form_data_notes { color: var(--v2-ink); }
/* the Save/Cancel button row has no separator */
.erp-ui-v2 .settings_title_bold[colspan] { border-bottom: none; }
/* company_edit: same 60% centered table as the settings pages (e.g. Company
Settings) so its labels start in the same column; class is inert in classic */
.erp-ui-v2 #table_80.company_edit_form { width: 60%; }
/* multi-option radio lists (Price/Cost, Test/Production, ...): equal-width
options so the second choice lines up from row to row */
.erp-ui-v2 .rb_list label { display: inline-block; min-width: 48px; }
/* tn_reporting: each option's label carries its own
spacer; as an inline-block the label grew 3 lines tall and
the radio dropped to its last line (below the text). Labels with line breaks stay inline like classic. */
.erp-ui-v2 .rb_list label:has(br) { display: inline; }
/* EDI settings: each section's sub-fields sit in a nested table whose label
column hangs into the title column, so every control lines up with the
Active / Host / User / Password controls. Only on wide screens, where the
title column has room for both the section name and the labels. */
@media (min-width: 1300px) {
.erp-ui-v2 .edi_sub { margin-left: -190px; border-spacing: 0; }
.erp-ui-v2 .edi_sub td { padding: 0; }
.erp-ui-v2 .edi_sub td:first-child {
width: 190px;
white-space: nowrap;
color: var(--v2-ink-soft);
}
}
/* ---- Yes/No toggle switch (script/erp_ui_v2.js) -------------------
Purely visual: the real radios are hidden but still posted. */
.erp-ui-v2 .v2-switch-hidden { display: none !important; }
.erp-ui-v2 .v2-switch {
display: inline-block;
position: relative;
width: 34px;
height: 18px;
border-radius: 9px;
background-color: #c7ccd1;
vertical-align: middle;
cursor: pointer;
transition: background-color .15s ease;
}
.erp-ui-v2 .v2-switch::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
transition: left .15s ease, background-color .15s ease;
}
.erp-ui-v2 .v2-switch.on { background-color: #a9d4fb; }
.erp-ui-v2 .v2-switch.on::after { left: 18px; background-color: #2f8ff6; }
.erp-ui-v2 .v2-switch:focus-visible { outline: 2px solid #2f8ff6; outline-offset: 2px; }
.erp-ui-v2 .v2-switch.disabled { opacity: .5; cursor: default; }
/* page links — portal link blue instead of black underlined. Uses
#container so it outranks the classic id rules (#table_30 a, etc). */
.erp-ui-v2 #container a {
color: var(--v2-link);
text-decoration: none;
}
.erp-ui-v2 #container a:hover { text-decoration: underline; }
/* ---- inputs & dropdowns: soft border + rounded, sizes unchanged --- */
.erp-ui-v2 input[type="text"],
.erp-ui-v2 input[type="password"],
.erp-ui-v2 input[type="number"],
.erp-ui-v2 textarea,
.erp-ui-v2 select {
font-family: var(--v2-font);
color: var(--v2-ink);
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 6px;
}
.erp-ui-v2 input[type="text"]:focus,
.erp-ui-v2 input[type="password"]:focus,
.erp-ui-v2 input[type="number"]:focus,
.erp-ui-v2 textarea:focus,
.erp-ui-v2 select:focus {
outline: none;
border-color: var(--v2-blue);
box-shadow: 0 0 0 2px rgba(0,0,139,.15);
}
.erp-ui-v2 .rb_list label,
.erp-ui-v2 .tps_cb,
.erp-ui-v2 .tps_cb label { font-family: var(--v2-font); }
/* ---- buttons: TPS blue, same size as classic ----------------------
Classic .tps_button is already darkblue with a fixed 20px height.
Keep the classic Arial/normal text: Segoe UI's taller ascent sits the
label low inside the fixed 20px button. Only corners/hover change. */
.erp-ui-v2 .tps_button {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: var(--v2-blue);
color: #fff;
border-radius: 6px;
cursor: pointer;
}
.erp-ui-v2 .tps_button:hover { background-color: var(--v2-blue-hover); }
/* anchor-styled buttons must keep white text over the page-link rule */
.erp-ui-v2 #container a.tps_button,
.erp-ui-v2 #container a.tps_button:hover { color: #fff; text-decoration: none; }
/* ---- datagrid tables (reference tables / lists) -------------------
Header bar = TPS blue with white uppercase labels (tote tracking
look); zebra rows + hover; hairline row lines. Column widths and
row heights are left exactly as the classic UI defines them. */
/* header cells carry many classic classes (desc_TITLE, qty_TITLE, ...);
targeting "header row > cell" covers them all and outranks each one */
.erp-ui-v2 .report_header,
.erp-ui-v2 .report_header td,
.erp-ui-v2 .report_header th,
.erp-ui-v2 .report_header_tall,
.erp-ui-v2 .report_header_tall td,
.erp-ui-v2 .report_header_tall th {
font-family: var(--v2-font);
background-color: var(--v2-blue);
color: #fff;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .03em;
}
/* slim header bar like tote tracking (classic header row is 60px tall) */
.erp-ui-v2 .report_header { height: auto; }
.erp-ui-v2 .report_header td,
.erp-ui-v2 .report_header th { padding-top: 10px; padding-bottom: 10px; }
/* breathing room at the end of each row: a right-aligned last column
(e.g. item_tax_list "Out Of State Tax Pct") otherwise sits flush against
the grid's rounded edge. Data cells match so values stay under the header. */
.erp-ui-v2 .report_header > td:last-child,
.erp-ui-v2 .report_header > th:last-child,
.erp-ui-v2 .report_data > td:last-child,
.erp-ui-v2 .report_data_order_entry > td:last-child,
.erp-ui-v2 .report_data_tall > td:last-child,
.erp-ui-v2 .report_data_pick > td:last-child,
.erp-ui-v2 .report_data_alt > td:last-child,
.erp-ui-v2 .report_data_alt_order_entry > td:last-child,
.erp-ui-v2 .report_data_alt_tall > td:last-child,
.erp-ui-v2 .report_data_alt_pick > td:last-child { padding-right: 14px; }
/* right-aligned number columns: classic #price_DATA is a 90px block sitting at
the cell's LEFT, while its right-aligned header spans the full (wider) cell —
so the numbers ended short of the header. Pin the block to the cell's right. */
.erp-ui-v2 #price_DATA,
.erp-ui-v2 .price_DATA { margin-left: auto; margin-right: 0; }
/* item_tax_list (Item Tax Codes): user wants the Out Of State amount/pct
headers and values centered (grid CssClass="tax_code_grid", inert in classic) */
.erp-ui-v2 .tax_code_grid td.price_TITLE { text-align: center; }
.erp-ui-v2 .tax_code_grid #price_DATA { margin-left: auto; margin-right: auto; text-align: center; }
/* sortable grids render header labels as sort-links */
.erp-ui-v2 .report_header a,
.erp-ui-v2 .report_header a:link,
.erp-ui-v2 .report_header a:visited,
.erp-ui-v2 .report_header_tall a,
.erp-ui-v2 .report_header_tall a:link,
.erp-ui-v2 .report_header_tall a:visited {
color: #fff !important;
text-decoration: none;
}
.erp-ui-v2 .report_header a:hover { text-decoration: underline; }
/* Tote Tracking grids (pl-table-v2 / pl-thead, page-inline styles): same white sort links - #container a outranked them */
.erp-ui-v2 .pl-table-v2 tr.pl-thead td a,
.erp-ui-v2 .pl-table-v2 tr.pl-thead td a:link,
.erp-ui-v2 .pl-table-v2 tr.pl-thead td a:visited {
color: #fff !important;
text-decoration: none;
}
.erp-ui-v2 .report_data,
.erp-ui-v2 .report_data_order_entry,
.erp-ui-v2 .report_data_tall,
.erp-ui-v2 .report_data_pick,
.erp-ui-v2 .report_data_alt,
.erp-ui-v2 .report_data_alt_order_entry,
.erp-ui-v2 .report_data_alt_tall,
.erp-ui-v2 .report_data_alt_pick {
font-family: var(--v2-font);
color: var(--v2-ink);
border-bottom: 1px solid var(--v2-row-line);
}
.erp-ui-v2 .report_data td,
.erp-ui-v2 .report_data_order_entry td,
.erp-ui-v2 .report_data_tall td,
.erp-ui-v2 .report_data_pick td,
.erp-ui-v2 .report_data_alt td,
.erp-ui-v2 .report_data_alt_order_entry td,
.erp-ui-v2 .report_data_alt_tall td,
.erp-ui-v2 .report_data_alt_pick td { border-bottom: 1px solid var(--v2-row-line); }
.erp-ui-v2 .report_data,
.erp-ui-v2 .report_data_order_entry,
.erp-ui-v2 .report_data_tall,
.erp-ui-v2 .report_data_pick { background-color: #fff; }
.erp-ui-v2 .report_data_alt,
.erp-ui-v2 .report_data_alt_order_entry,
.erp-ui-v2 .report_data_alt_tall,
.erp-ui-v2 .report_data_alt_pick { background-color: var(--v2-row-alt); }
.erp-ui-v2 .report_data:hover,
.erp-ui-v2 .report_data_order_entry:hover,
.erp-ui-v2 .report_data_tall:hover,
.erp-ui-v2 .report_data_pick:hover,
.erp-ui-v2 .report_data_alt:hover,
.erp-ui-v2 .report_data_alt_order_entry:hover,
.erp-ui-v2 .report_data_alt_tall:hover,
.erp-ui-v2 .report_data_alt_pick:hover,
.erp-ui-v2 .report_data:hover td,
.erp-ui-v2 .report_data_order_entry:hover td,
.erp-ui-v2 .report_data_tall:hover td,
.erp-ui-v2 .report_data_pick:hover td,
.erp-ui-v2 .report_data_alt:hover td,
.erp-ui-v2 .report_data_alt_order_entry:hover td,
.erp-ui-v2 .report_data_alt_tall:hover td,
.erp-ui-v2 .report_data_alt_pick:hover td { background-color: var(--v2-row-hover); }
.erp-ui-v2 .report_footer,
.erp-ui-v2 .report_footer td,
.erp-ui-v2 .report_footer_tall,
.erp-ui-v2 .report_footer_tall td {
font-family: var(--v2-font);
font-weight: 600;
background-color: var(--v2-row-alt);
border-top: 1px solid var(--v2-line);
}
/* rounded light frame around datagrids (same table width) */
.erp-ui-v2 table:has(> tbody > tr.report_header),
.erp-ui-v2 table:has(> tbody > tr.report_header_tall) {
border: 1px solid var(--v2-line);
border-radius: 8px;
overflow: hidden;
}
/* ---- paging (datagrid PagerStyle CssClass="PagerControl") ----------
Bordered page buttons like tote tracking; current page = TPS blue. */
.erp-ui-v2 .PagerControl td {
font-family: var(--v2-font);
font-size: 13px;
font-weight: normal;
color: var(--v2-ink);
padding: 12px 6px 6px;
vertical-align: middle;
background-color: #fff;
}
.erp-ui-v2 .PagerControl a,
.erp-ui-v2 .PagerControl span {
display: inline-block;
min-width: 18px;
height: auto;
margin: 0 2px;
padding: 3px 8px;
border: 1px solid #d0d5dd;
border-radius: 4px;
font-size: 13px;
line-height: 18px;
text-align: center;
vertical-align: middle;
}
.erp-ui-v2 #container .PagerControl a { color: var(--v2-link); background-color: #fff; font-weight: normal; }
.erp-ui-v2 #container .PagerControl a:hover { background-color: var(--v2-row-hover); text-decoration: none; }
.erp-ui-v2 .PagerControl span { background-color: var(--v2-blue); border-color: var(--v2-blue); color: #fff; font-weight: 600; }
/* ---- landing-menu link lists: 4 across ----------------------------
Settings / System Settings / Reference Tables links flow left to right
in alphabetical order, 4 per row. The cell stays a normal table cell
(display:grid on a breaks the table); each link is a quarter-width
inline block and the classic
separators are hidden. */
.erp-ui-v2 td.settings_menu_data,
.erp-ui-v2 #table_40.table_40 td.form_data {
min-width: 880px;
padding: 10px 10px;
font-size: 0; /* removes the whitespace gaps between inline blocks */
}
.erp-ui-v2 td.settings_menu_data a,
.erp-ui-v2 #table_40.table_40 td.form_data a {
display: inline-block;
width: 25%;
box-sizing: border-box;
padding: 7px 10px 7px 26px;
text-indent: -26px; /* hanging indent: a long label (Massachusetts Prepaid Tax Email Log) wraps under its text, not into the next column */
font-size: 13px;
white-space: normal;
vertical-align: top;
}
.erp-ui-v2 td.settings_menu_data br,
.erp-ui-v2 #table_40.table_40 td.form_data br { display: none; }
/* section labels beside the lists stay on one line */
.erp-ui-v2 td.settings_menu_title,
.erp-ui-v2 #table_40.table_40 td.form_title { white-space: nowrap; padding-right: 16px; min-width: 80px; }
/* each section is its own centered table, so a short label (Sales) shifted that section's links left of the others (user 10-29):
min-width above gives every label column the same width (Regulatory is the widest; a plain width is ignored here because
the 880px link cell squeezes the label cell down to its text) */
/* Landing-menu rules are scoped to #table_40.table_40 (the menu pages): user_profile_edit, user_chg_pwd and the KY/NH/TX
state report forms reuse id="table_40" WITHOUT the class, and the 4-across rules (font-size 0, hidden
) wrecked them. */
/* System Settings landing: its one section label just repeats the page title (user 10-21) */
.erp-ui-v2 #table_40.table_40 td.form_title.menu_settings_label { display: none; }
/* ---- landing-menu icons (Settings / System Settings / Reference Tables) --
Font Awesome icon before each link on support/admin.aspx, menu/
menu_settings.aspx and support/reference.aspx (links live in
.settings_menu_data or #table_40.table_40 .form_data). Matched on the link's
page name, CSS-only, so the classic pages are untouched. */
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-style: normal;
display: inline-block;
width: 1.5em;
margin-right: 6px;
text-align: center;
color: var(--v2-blue);
-webkit-font-smoothing: antialiased;
}
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/android.aspx"], [href="android.aspx"])::before { content: "\f17b"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/woocommerce_settings.aspx"], [href="woocommerce_settings.aspx"])::before { content: "\f19a"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/menu_settings.aspx"], [href="menu_settings.aspx"])::before { content: "\f085"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/checking_account_list.aspx"], [href="checking_account_list.aspx"])::before { content: "\f19c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/check_settings.aspx"], [href="check_settings.aspx"])::before { content: "\f53c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/edi_settings.aspx"], [href="edi_settings.aspx"])::before { content: "\f0ec"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/edi_customer_group_list.aspx"], [href="edi_customer_group_list.aspx"])::before { content: "\f0c0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/phone_app_settings.aspx"], [href="phone_app_settings.aspx"])::before { content: "\f3cd"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/portal_settings.aspx"], [href="portal_settings.aspx"])::before { content: "\f0ac"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/welcome_edit.aspx"], [href="welcome_edit.aspx"])::before { content: "\f015"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/company_settings.aspx"], [href="company_settings.aspx"])::before { content: "\f1ad"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/customer_price_list_settings.aspx"], [href="customer_price_list_settings.aspx"])::before { content: "\f02c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/statement_settings.aspx"], [href="statement_settings.aspx"])::before { content: "\f15c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/business_intel.aspx"], [href="business_intel.aspx"])::before { content: "\f1c0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/delivery_settings.aspx"], [href="delivery_settings.aspx"])::before { content: "\f0d1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/email_settings.aspx"], [href="email_settings.aspx"])::before { content: "\f0e0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/footer_settings.aspx"], [href="footer_settings.aspx"])::before { content: "\f7a4"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/invoice_settings.aspx"], [href="invoice_settings.aspx"])::before { content: "\f571"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/invoice_register_settings.aspx"], [href="invoice_register_settings.aspx"])::before { content: "\f02d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_list_settings.aspx"], [href="item_list_settings.aspx"])::before { content: "\f466"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/journal_settings.aspx"], [href="journal_settings.aspx"])::before { content: "\f518"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/login_settings.aspx"], [href="login_settings.aspx"])::before { content: "\f2f6"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/lot_control_settings.aspx"], [href="lot_control_settings.aspx"])::before { content: "\f02a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/misc_settings.aspx"], [href="misc_settings.aspx"])::before { content: "\f1de"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/order_entry_settings.aspx"], [href="order_entry_settings.aspx"])::before { content: "\f788"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/payment_settings.aspx"], [href="payment_settings.aspx"])::before { content: "\f09d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/pdf_doc_settings.aspx"], [href="pdf_doc_settings.aspx"])::before { content: "\f1c1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/pricing_settings.aspx"], [href="pricing_settings.aspx"])::before { content: "\f155"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/po_settings.aspx"], [href="po_settings.aspx"])::before { content: "\f570"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/purchasing_settings.aspx"], [href="purchasing_settings.aspx"])::before { content: "\f07a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/receiving_settings.aspx"], [href="receiving_settings.aspx"])::before { content: "\f472"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/regulatory_settings.aspx"], [href="regulatory_settings.aspx"])::before { content: "\f24e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/route_manifest_settings.aspx"], [href="route_manifest_settings.aspx"])::before { content: "\f4d7"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/rx_compliance_settings.aspx"], [href="rx_compliance_settings.aspx"])::before { content: "\f486"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/sales_report_settings.aspx"], [href="sales_report_settings.aspx"])::before { content: "\f201"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/sales_tablet_settings.aspx"], [href="sales_tablet_settings.aspx"])::before { content: "\f3fa"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/picking_settings.aspx"], [href="picking_settings.aspx"])::before { content: "\f468"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/stamping_settings.aspx"], [href="stamping_settings.aspx"])::before { content: "\f5bf"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_settings.aspx"], [href="vendor_settings.aspx"])::before { content: "\f275"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_invoice_settings.aspx"], [href="vendor_invoice_settings.aspx"])::before { content: "\f543"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/warehouse_settings.aspx"], [href="warehouse_settings.aspx"])::before { content: "\f494"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ziizii_settings.aspx"], [href="ziizii_settings.aspx"])::before { content: "\f0c1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/brand_list.aspx"], [href="brand_list.aspx"])::before { content: "\f02b"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/business_type_list.aspx"], [href="business_type_list.aspx"])::before { content: "\f0b1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/buyer_list.aspx"], [href="buyer_list.aspx"])::before { content: "\f07a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/cash_drawer_list.aspx"], [href="cash_drawer_list.aspx"])::before { content: "\f788"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/credit_card_terminal_list.aspx"], [href="credit_card_terminal_list.aspx"])::before { content: "\f09d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/chain_list.aspx"], [href="chain_list.aspx"])::before { content: "\f0c1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/container_type_list.aspx"], [href="container_type_list.aspx"])::before { content: "\f49e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/department_list.aspx"], [href="department_list.aspx"])::before { content: "\f0e8"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/equipment_list.aspx"], [href="equipment_list.aspx"])::before { content: "\f7d9"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/gl_account_list.aspx"], [href="gl_account_list.aspx"])::before { content: "\f02d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_category_list.aspx"], [href="item_category_list.aspx"])::before { content: "\f5fd"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_group_list.aspx"], [href="item_group_list.aspx"])::before { content: "\f247"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_tax_list.aspx"], [href="item_tax_list.aspx"])::before { content: "\f295"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_type_list.aspx"], [href="item_type_list.aspx"])::before { content: "\f61f"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/adj_reason_list.aspx"], [href="adj_reason_list.aspx"])::before { content: "\f044"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/measure_unit_list.aspx"], [href="measure_unit_list.aspx"])::before { content: "\f545"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/msa_code_list.aspx"], [href="msa_code_list.aspx"])::before { content: "\f292"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/msa_status_type_list.aspx"], [href="msa_status_type_list.aspx"])::before { content: "\f058"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/msa_tax_jurisdiction_list.aspx"], [href="msa_tax_jurisdiction_list.aspx"])::before { content: "\f5a0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/nacs_list.aspx"], [href="nacs_list.aspx"])::before { content: "\f02a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/price_plan_target_pct_list.aspx"], [href="price_plan_target_pct_list.aspx"])::before { content: "\f140"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/quarantine_list.aspx"], [href="quarantine_list.aspx"])::before { content: "\f05e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/return_code_list.aspx"], [href="return_code_list.aspx"])::before { content: "\f2ea"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/route_list.aspx"], [href="route_list.aspx"])::before { content: "\f4d7"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/salesperson_list.aspx"], [href="salesperson_list.aspx"])::before { content: "\f508"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/shipping_types_list.aspx"], [href="shipping_types_list.aspx"])::before { content: "\f466"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/shipping_methods_list.aspx"], [href="shipping_methods_list.aspx"])::before { content: "\f48b"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/stamp_attribute_list.aspx"], [href="stamp_attribute_list.aspx"])::before { content: "\f5bf"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/statement_code_list.aspx"], [href="statement_code_list.aspx"])::before { content: "\f15c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/statement_group_list.aspx"], [href="statement_group_list.aspx"])::before { content: "\f07b"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/state_list.aspx"], [href="state_list.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/sub_company_list.aspx"], [href="sub_company_list.aspx"])::before { content: "\f1ad"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tax_jurisdiction_list.aspx"], [href="tax_jurisdiction_list.aspx"])::before { content: "\f279"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/terms_list.aspx"], [href="terms_list.aspx"])::before { content: "\f073"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tracking_code_list.aspx"], [href="tracking_code_list.aspx"])::before { content: "\f3c5"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tracking_speed_list.aspx"], [href="tracking_speed_list.aspx"])::before { content: "\f625"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/trade_class_list.aspx"], [href="trade_class_list.aspx"])::before { content: "\f54e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_type_list.aspx"], [href="vendor_type_list.aspx"])::before { content: "\f275"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/warehouse_list.aspx"], [href="warehouse_list.aspx"])::before { content: "\f494"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/zone_types_list.aspx"], [href="zone_types_list.aspx"])::before { content: "\f84c"; }
/* ---- other classic button styles used as links (Customer menu, 2026-10-16) ----
The page-link rule (#container a) turned their labels link-blue on the green
button. Keep each button's own colors; only the text color is restored. */
.erp-ui-v2 #container a.tps_button_green,
.erp-ui-v2 #container a.tps_button_green_large,
.erp-ui-v2 #container a.tps_bubbly_button { color: #fff; text-decoration: none; }
.erp-ui-v2 #container a.tps_button_green:hover,
.erp-ui-v2 #container a.tps_button_green_large:hover { color: yellow; text-decoration: none; }
.erp-ui-v2 #container a.tps_bubbly_button:hover { color: #fff; text-decoration: none; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/customer_delivery_fee.aspx"], [href="customer_delivery_fee.aspx"])::before { content: "\f48b"; }
/* ---- page tabs (customer_edit's tps_tab_button strip) — same size as classic ----
Classic gray-gradient tabs → flat white tabs with hairline borders; the tab
whose panel is showing gets class "active" from the page (v2 only) and a TPS-blue
top accent (inset shadow, so the tab height doesn't change). */
.erp-ui-v2 .tps_tab_button {
font-family: var(--v2-font);
color: var(--v2-ink-soft);
background: #fff;
border-color: var(--v2-line);
}
.erp-ui-v2 .tps_tab_button:hover {
background: var(--v2-row-hover);
color: var(--v2-ink);
}
.erp-ui-v2 .tps_tab_button.active,
.erp-ui-v2 .tps_tab_button.active:hover {
background: #fff;
color: var(--v2-blue);
border-color: var(--v2-line);
border-bottom-color: #fff;
box-shadow: inset 0 3px 0 var(--v2-blue);
}
/* Item Mass Updates landing menu (2026-10-19) */
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/mass_item_cat_subcat.aspx"], [href="mass_item_cat_subcat.aspx"])::before { content: "\f0e8"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/mass_item_deactivate.aspx"], [href="mass_item_deactivate.aspx"])::before { content: "\f05e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/mass_item_new.aspx"], [href="mass_item_new.aspx"])::before { content: "\f0fe"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_desc_update.aspx"], [href="item_desc_update.aspx"])::before { content: "\f031"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_upc_update.aspx"], [href="item_upc_update.aspx"])::before { content: "\f02a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_vendor_info_update.aspx"], [href="item_vendor_info_update.aspx"])::before { content: "\f0d1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/mass_item_parent_update.aspx"], [href="mass_item_parent_update.aspx"])::before { content: "\f0e8"; }
/* ---- Accounting landing (menu/menu_acct.aspx, 2026-10-22): same 4-across + icons as System Settings ---- */
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/payment_list.aspx"], [href="payment_list.aspx"])::before { content: "\f53a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/payment_quick_entry.aspx"], [href="payment_quick_entry.aspx"])::before { content: "\f0e7"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/post_dated_check_list.aspx"], [href="post_dated_check_list.aspx"])::before { content: "\f274"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/credit_apply_list.aspx"], [href="credit_apply_list.aspx"])::before { content: "\f4c0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/auth_payments_log.aspx"], [href="auth_payments_log.aspx"])::before { content: "\f3ed"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/customer_invoice_payment_detail.aspx"], [href="customer_invoice_payment_detail.aspx"])::before { content: "\f571"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/invoice_writeoff.aspx"], [href="invoice_writeoff.aspx"])::before { content: "\f12d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_adjust.aspx"], [href="ar_adjust.aspx"])::before { content: "\f1de"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_adjust_history.aspx"], [href="ar_adjust_history.aspx"])::before { content: "\f1da"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_aging.aspx"], [href="ar_aging.aspx"])::before { content: "\f252"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_discrepancy.aspx"], [href="ar_discrepancy.aspx"])::before { content: "\f071"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_bal_history.aspx"], [href="ar_bal_history.aspx"])::before { content: "\f201"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_open.aspx"], [href="ar_open.aspx"])::before { content: "\f07c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/chain_balances.aspx"], [href="chain_balances.aspx"])::before { content: "\f0c1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_cust_analysis.aspx"], [href="ar_cust_analysis.aspx"])::before { content: "\f080"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_analysis_missing.aspx"], [href="ar_analysis_missing.aspx"])::before { content: "\f059"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_analysis_dups.aspx"], [href="ar_analysis_dups.aspx"])::before { content: "\f24d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ar_analysis_payments.aspx"], [href="ar_analysis_payments.aspx"])::before { content: "\f200"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/rebate_report_list.aspx"], [href="rebate_report_list.aspx"])::before { content: "\f295"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/account_register_list.aspx"], [href="account_register_list.aspx"])::before { content: "\f02d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/batch_deposits.aspx"], [href="batch_deposits.aspx"])::before { content: "\f81d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/nacha_deposits.aspx"], [href="nacha_deposits.aspx"])::before { content: "\e528"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/check_account_list.aspx"], [href="check_account_list.aspx"])::before { content: "\f02f"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/credit_card_fees.aspx"], [href="credit_card_fees.aspx"])::before { content: "\f09d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/nsf_fees.aspx"], [href="nsf_fees.aspx"])::before { content: "\f05e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tax_reporting_credits.aspx"], [href="tax_reporting_credits.aspx"])::before { content: "\f543"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/gross_profit.aspx"], [href="gross_profit.aspx"])::before { content: "\e098"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/chargeback_report.aspx"], [href="chargeback_report.aspx"])::before { content: "\e4ed"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/receiving_register.aspx"], [href="receiving_register.aspx"])::before { content: "\f4de"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/commission_report.aspx"], [href="commission_report.aspx"])::before { content: "\f508"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/sales_register.aspx"], [href="sales_register.aspx"])::before { content: "\f788"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tax_reporting.aspx"], [href="tax_reporting.aspx"])::before { content: "\f66f"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/out_of_state_tax.aspx"], [href="out_of_state_tax.aspx"])::before { content: "\f5a0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/journal_sales.aspx"], [href="journal_sales.aspx"])::before { content: "\f07a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/journal_purchases.aspx"], [href="journal_purchases.aspx"])::before { content: "\f0d1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/journal_deposits.aspx"], [href="journal_deposits.aspx"])::before { content: "\f4d3"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/journal_sales_history.aspx"], [href="journal_sales_history.aspx"])::before { content: "\f1da"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/journal_purchases_history.aspx"], [href="journal_purchases_history.aspx"])::before { content: "\f1da"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/journal_deposits_history.aspx"], [href="journal_deposits_history.aspx"])::before { content: "\f1da"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ap_bal_history.aspx"], [href="ap_bal_history.aspx"])::before { content: "\f24e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_invoice_pay.aspx"], [href="vendor_invoice_pay.aspx"])::before { content: "\f53d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_payments.aspx"], [href="vendor_payments.aspx"])::before { content: "\f570"; }
/* Journal Entries is a small nested table (Sales / Purchases / Deposits, each with its History) - keep each pair
on one row, lined up with the first two grid columns (the inline widths/padding are the classic layout) */
.erp-ui-v2 #table_40.table_40 td.form_data table { width: 50%; border-collapse: collapse; margin: 0; }
.erp-ui-v2 #table_40.table_40 td.form_data table td { width: 50% !important; padding: 0 !important; border: 0; }
.erp-ui-v2 #table_40.table_40 td.form_data table td a { width: 100%; }
/* ---- Reports landing (menu/menu_reports.aspx + menu/georgia_links, indiana_links, ma_links - 2026-10-29): same 4-across + icons ---- */
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/deposit_history.aspx"], [href="deposit_history.aspx"])::before { content: "\e4c5"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/brand_summary_report.aspx"], [href="brand_summary_report.aspx"])::before { content: "\f02c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/cash_receipts.aspx"], [href="cash_receipts.aspx"])::before { content: "\f53a"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/customer_invoice_summary_report.aspx"], [href="customer_invoice_summary_report.aspx"])::before { content: "\f571"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/customer_profitability_report.aspx"], [href="customer_profitability_report.aspx"])::before { content: "\f4c0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/invoice_register_report.aspx"], [href="invoice_register_report.aspx"])::before { content: "\f46d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/monthly_sales.aspx"], [href="monthly_sales.aspx"])::before { content: "\f073"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/pos_daily_summary.aspx"], [href="pos_daily_summary.aspx"])::before { content: "\f788"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/sales_report.aspx"], [href="sales_report.aspx"])::before { content: "\f201"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/sales_summary_report.aspx"], [href="sales_summary_report.aspx"])::before { content: "\e473"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tobacco_report.aspx"], [href="tobacco_report.aspx"])::before { content: "\f48d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/truck_receipts.aspx"], [href="truck_receipts.aspx"])::before { content: "\f0d1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/weekly_sales.aspx"], [href="weekly_sales.aspx"])::before { content: "\f784"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/adjustment_history.aspx"], [href="adjustment_history.aspx"])::before { content: "\f1de"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/inventory_reconcile.aspx"], [href="inventory_reconcile.aspx"])::before { content: "\f24e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_list_qoh.aspx"], [href="item_list_qoh.aspx"])::before { content: "\f468"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_qoh_history.aspx"], [href="item_qoh_history.aspx"])::before { content: "\f1da"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_qoh_detail.aspx"], [href="item_qoh_detail.aspx"])::before { content: "\e522"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/lot_history.aspx"], [href="lot_history.aspx"])::before { content: "\f5fd"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/pick_invoices.aspx"], [href="pick_invoices.aspx"])::before { content: "\f472"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/pick_cust_inquiry.aspx"], [href="pick_cust_inquiry.aspx"])::before { content: "\e542"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/picker_summary.aspx"], [href="picker_summary.aspx"])::before { content: "\f4ce"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/stock_outs.aspx"], [href="stock_outs.aspx"])::before { content: "\f071"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/item_price_list.aspx"], [href="item_price_list.aspx"])::before { content: "\f02b"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/receiving_discrepancy.aspx"], [href="receiving_discrepancy.aspx"])::before { content: "\f49e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/shipping_discrepancy.aspx"], [href="shipping_discrepancy.aspx"])::before { content: "\e58b"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/stamp_adjustment_history.aspx"], [href="stamp_adjustment_history.aspx"])::before { content: "\f5bf"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/stamp_cigarette_report.aspx"], [href="stamp_cigarette_report.aspx"])::before { content: "\f543"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/stamp_report.aspx"], [href="stamp_report.aspx"])::before { content: "\f5bf"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/stamping_report.aspx"], [href="stamping_report.aspx"])::before { content: "\f5bf"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/top_sellers.aspx"], [href="top_sellers.aspx"])::before { content: "\f091"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tote_inquiry.aspx"], [href="tote_inquiry.aspx"])::before { content: "\f466"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/transfer_history.aspx"], [href="transfer_history.aspx"])::before { content: "\f362"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/truck_qoh.aspx"], [href="truck_qoh.aspx"])::before { content: "\f0d1"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/all_truck_qoh.aspx"], [href="all_truck_qoh.aspx"])::before { content: "\f4df"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_velocity.aspx"], [href="vendor_velocity.aspx"])::before { content: "\f625"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/whse_transfer_history.aspx"], [href="whse_transfer_history.aspx"])::before { content: "\f494"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/altria_log.aspx"], [href="altria_log.aspx"])::before { content: "\f15c"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/arcos_reporting.aspx"], [href="arcos_reporting.aspx"])::before { content: "\f486"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/msa_reporting.aspx"], [href="msa_reporting.aspx"])::before { content: "\f56e"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/florida_reporting.aspx"], [href="florida_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/georgia_links.aspx"], [href="georgia_links.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/indiana_links.aspx"], [href="indiana_links.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/kentucky_reporting.aspx"], [href="kentucky_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/maine_reporting.aspx"], [href="maine_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ma_reporting.aspx"], [href="ma_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ma_prepaid_tax_report.aspx"], [href="ma_prepaid_tax_report.aspx"])::before { content: "\f295"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ma_prepaid_tax_report_log.aspx"], [href="ma_prepaid_tax_report_log.aspx"])::before { content: "\f0e0"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/nh_reporting.aspx"], [href="nh_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/ny_reporting.aspx"], [href="ny_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_invoice_report.aspx"], [href="vendor_invoice_report.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/tn_reporting.aspx"], [href="tn_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/texas_reporting.aspx"], [href="texas_reporting.aspx"])::before { content: "\f74d"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/vendor_returns.aspx"], [href="vendor_returns.aspx"])::before { content: "\f2ea"; }
.erp-ui-v2 :is(.settings_menu_data, #table_40.table_40 .form_data) a:is([href$="/inventory_adjust_history_ext.aspx"], [href="inventory_adjust_history_ext.aspx"])::before { content: "\f1de"; }
/* Washington links to Sales History (same href as the Sales History link) - state flag by id instead */
.erp-ui-v2 #table_40.table_40 .form_data a#tb_washington::before { content: "\f74d"; }
/* ---- login pages (login.aspx + login_custom.aspx - 2026-10-29) -----------------------------
They have no page_header: login.aspx.vb / login_custom.aspx.vb emit this stylesheet and tag
with "erp-ui-v2 v2-login" when the UI v2 setting is on. Same rows and order as classic;
v2 font, a white card, rounded inputs and button. login_custom keeps its background image and
its LoginFrameX/Y position. login_mobile is not wired (not in use yet). */
.erp-ui-v2.v2-login body { background-color: #f4f6f9 !important; }
.erp-ui-v2.v2-login td,
.erp-ui-v2.v2-login .message { font-family: var(--v2-font); }
.erp-ui-v2.v2-login .message { display: inline-block; padding-top: 8px; font-size: 13px; }
/* the cards */
.erp-ui-v2 #layer_login,
.erp-ui-v2 #login_frame {
background-color: #fff !important; /* login_custom sets the PageBackColor inline */
border: 1px solid var(--v2-line);
border-radius: 12px;
box-shadow: 0 4px 18px rgba(16, 24, 40, .08);
}
.erp-ui-v2 #layer_login { width: 420px; margin: 0 auto; padding: 28px 28px 18px; }
.erp-ui-v2 #login_frame { width: auto !important; padding: 14px 18px 10px; }
/* classic splits label/input 47%/53% (inline); with the wider inputs that pushed the form right of center */
.erp-ui-v2 #layer_login td[style*="47%"] { width: 33% !important; }
.erp-ui-v2 #layer_login td[style*="53%"] { width: 67% !important; }
/* "Username:" / "Password:" */
.erp-ui-v2 :is(#layer_login, #login_frame) td { color: var(--v2-ink-soft); font-weight: 500; }
.erp-ui-v2 :is(#layer_login, #login_frame) input:is([type="text"], [type="password"]) {
width: 190px !important; /* Width="120" renders inline */
height: 32px;
padding: 0 10px;
box-sizing: border-box;
font-size: 14px;
}
.erp-ui-v2 #login_frame input:is([type="text"], [type="password"]) { width: 160px !important; margin: 3px 0; }
.erp-ui-v2 :is(#layer_login, #login_frame) .tps_button {
height: 34px;
padding: 0 36px;
font-family: var(--v2-font);
font-size: 14px;
font-weight: 600;
border-radius: 8px;
}
.erp-ui-v2 #login_frame .tps_button { margin: 6px 0 4px 8px; }
/* registration / Show Our Products links (Font-Underline="true" renders inline) */
.erp-ui-v2 :is(#layer_login, #login_frame, #layer_reg) a {
color: var(--v2-link) !important;
text-decoration: none !important;
font-weight: 500;
}
.erp-ui-v2 :is(#layer_login, #login_frame, #layer_reg) a:hover { text-decoration: underline !important; }
/* customer registration (login.aspx?register=1, or the register link when no LoginCustomRegistrationLink) */
.erp-ui-v2 #layer_reg {
margin: 0 auto;
padding: 24px 32px 20px;
background-color: #fff;
border: 1px solid var(--v2-line);
border-radius: 12px;
box-shadow: 0 4px 18px rgba(16, 24, 40, .08);
}
.erp-ui-v2 #layer_reg .tps_button { height: 30px; padding: 0 22px; font-family: var(--v2-font); font-weight: 600; border-radius: 8px; }
.erp-ui-v2 #layer_reg input[type="text"],
.erp-ui-v2 #layer_reg input[type="password"] { height: 26px; padding: 0 8px; box-sizing: border-box; }
.erp-ui-v2 #layer_reg { width: 880px; }
.erp-ui-v2 #layer_reg #table_50 { width: 640px; }
.erp-ui-v2 #layer_reg #table_50 td.form_title { white-space: nowrap; padding-right: 14px; }
/* login_custom paints its own background image over the page color - keep that page white like classic, not the gray canvas */
.erp-ui-v2.v2-login body[background] { background-color: #fff !important; }
|