/* Maps the HTML ASP.NET already emits onto Morning Horizon tokens.
   Compact buttons: one emphasized action per form, reject for delete,
   transparent for print, excel, and cancel. */
.title, h1, .inox-page-title h1 {
    color: var(--sapTitleColor) !important;
    font-family: var(--sapFontHeaderFamily) !important;
    font-weight: 700 !important;
}
a:link, a:visited, a:active { color: var(--sapLinkColor) !important; text-decoration: none; }
a:hover { color: var(--sapLink_Hover_Color); }
input[type="text"], input[type="password"], select, textarea {
    font-family: var(--sapFontFamily) !important;
    font-size: var(--sapFontSize) !important;
    color: var(--sapTextColor) !important;
    background: var(--sapField_Background) !important;
    border: 1px solid var(--sapField_BorderColor) !important;
    border-radius: var(--sapField_BorderCornerRadius);
    height: var(--sapElement_Compact_Height);
    padding: 0 0.5rem;
    box-sizing: border-box;
}
input[type="submit"], input[type="button"], input[type="reset"], button, input.btn, input.btnhov {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    background: var(--sapButton_Background) !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid var(--sapField_BorderColor, #556b81) !important;
    border-radius: var(--sapButton_BorderCornerRadius) !important;
    color: var(--sapButton_TextColor) !important;
    font-family: var(--sapButton_FontFamily) !important;
    font-size: var(--sapFontSize) !important;
    font-weight: 600 !important;
    font-synthesis: none;
    height: var(--sapElement_Compact_Height) !important;
    min-height: var(--sapElement_Compact_Height) !important;
    line-height: calc(var(--sapElement_Compact_Height) - 2px) !important;
    width: auto !important;
    min-width: 2.25rem;
    padding: 0 0.75rem !important;
    margin: 0 0.5rem 0.5rem 0 !important;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
input[type="submit"]:hover, input[type="button"]:hover, input.btn:hover, input.btnhov {
    background: var(--sapButton_Hover_Background) !important;
    background-image: none !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Hover_TextColor) !important;
}
input[type="submit"]:active, input[type="button"]:active, input.btn:active {
    background: var(--sapButton_Active_Background) !important;
    border-color: var(--sapButton_Active_BorderColor) !important;
    color: var(--sapButton_Active_TextColor) !important;
}
input[type="submit"]:focus-visible, input[type="button"]:focus-visible {
    outline: 2px solid var(--sapContent_FocusColor);
    outline-offset: 2px;
}
input[type="submit"]:disabled, input[type="button"]:disabled {
    opacity: var(--sapContent_DisabledOpacity) !important;
    cursor: default;
}
/* Transparent: low-emphasis actions. Hover shows the lite border. */
input[type="submit"][value*="Print" i],
input[type="submit"][value*="Excel" i],
input[type="submit"][value="Exel" i],
input[type="submit"][value="Cancel" i],
input[type="submit"][value="Cancle" i],
input[type="submit"][value="Close" i],
input[type="submit"][value="Back" i],
input[type="button"][value*="Print" i],
input[type="button"][value*="Excel" i],
input[type="button"][value="Exel" i],
input[type="button"][value="Cancel" i],
input[type="button"][value="Cancle" i],
input[type="button"][value="Close" i],
input[type="button"][value="Back" i] {
    background: var(--sapBackgroundColor, #f5f6f7) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Lite_TextColor) !important;
}
input[type="submit"][value*="Print" i]:hover,
input[type="submit"][value*="Excel" i]:hover,
input[type="submit"][value="Exel" i]:hover,
input[type="submit"][value="Cancel" i]:hover,
input[type="submit"][value="Cancle" i]:hover,
input[type="submit"][value="Close" i]:hover,
input[type="submit"][value="Back" i]:hover,
input[type="button"][value*="Print" i]:hover,
input[type="button"][value*="Excel" i]:hover,
input[type="button"][value="Exel" i]:hover,
input[type="button"][value="Cancel" i]:hover,
input[type="button"][value="Cancle" i]:hover,
input[type="button"][value="Close" i]:hover,
input[type="button"][value="Back" i]:hover {
    background: var(--sapButton_Lite_Hover_Background) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Lite_Hover_TextColor) !important;
}
input[type="submit"][value*="Print" i]:active,
input[type="submit"][value*="Excel" i]:active,
input[type="submit"][value="Cancel" i]:active,
input[type="submit"][value="Close" i]:active,
input[type="submit"][value="Back" i]:active,
input[type="button"][value*="Print" i]:active,
input[type="button"][value*="Excel" i]:active,
input[type="button"][value="Cancel" i]:active,
input[type="button"][value="Close" i]:active,
input[type="button"][value="Back" i]:active {
    background: var(--sapButton_Lite_Active_Background) !important;
    border-color: var(--sapButton_Lite_Active_BorderColor) !important;
    color: var(--sapButton_TextColor) !important;
}
/* Reject: destructive actions. Pink, not the brand red. */
input[type="submit"][value="Delete" i],
input[type="submit"][value="Delete All" i],
input[type="submit"][value="Remove" i],
input[type="submit"][value="Terminate" i],
input[type="submit"][value="Void" i],
input[type="submit"][value="Disapprove" i],
input[type="submit"][value="Dis-Approve" i],
input[type="button"][value="Delete" i],
input[type="button"][value="Delete All" i],
input[type="button"][value="Remove" i],
input[type="button"][value="Terminate" i],
input[type="button"][value="Void" i],
input[type="button"][value="Disapprove" i],
input[type="button"][value="Dis-Approve" i] {
    background: var(--sapButton_Reject_Background) !important;
    border-color: var(--sapButton_Reject_TextColor, #aa0808) !important;
    color: var(--sapButton_Reject_TextColor) !important;
}
input[type="submit"][value="Delete" i]:hover,
input[type="submit"][value="Delete All" i]:hover,
input[type="submit"][value="Remove" i]:hover,
input[type="submit"][value="Terminate" i]:hover,
input[type="submit"][value="Void" i]:hover,
input[type="submit"][value="Disapprove" i]:hover,
input[type="submit"][value="Dis-Approve" i]:hover,
input[type="button"][value="Delete" i]:hover,
input[type="button"][value="Delete All" i]:hover,
input[type="button"][value="Remove" i]:hover,
input[type="button"][value="Terminate" i]:hover,
input[type="button"][value="Void" i]:hover,
input[type="button"][value="Disapprove" i]:hover,
input[type="button"][value="Dis-Approve" i]:hover {
    background: var(--sapButton_Reject_Hover_Background) !important;
    border-color: var(--sapButton_Reject_TextColor, #aa0808) !important;
    color: var(--sapButton_Reject_Hover_TextColor) !important;
}
input[type="submit"][value="Delete" i]:active,
input[type="submit"][value="Delete All" i]:active,
input[type="submit"][value="Remove" i]:active,
input[type="submit"][value="Terminate" i]:active,
input[type="submit"][value="Void" i]:active,
input[type="submit"][value="Disapprove" i]:active,
input[type="submit"][value="Dis-Approve" i]:active,
input[type="button"][value="Delete" i]:active,
input[type="button"][value="Delete All" i]:active,
input[type="button"][value="Remove" i]:active,
input[type="button"][value="Terminate" i]:active,
input[type="button"][value="Void" i]:active,
input[type="button"][value="Disapprove" i]:active,
input[type="button"][value="Dis-Approve" i]:active {
    background: var(--sapButton_Reject_Active_Background) !important;
    border-color: var(--sapButton_Reject_Active_BorderColor) !important;
    color: var(--sapButton_Reject_Active_TextColor) !important;
}
/* Accept: a positive decision, such as Approve. */
input[type="submit"][value="Approve" i],
input[type="submit"][value="Accept" i],
input[type="button"][value="Approve" i],
input[type="button"][value="Accept" i] {
    background: var(--sapButton_Accept_Background) !important;
    border-color: var(--sapPositiveColor, #256f3a) !important;
    color: var(--sapButton_Accept_TextColor) !important;
}
input[type="submit"][value="Approve" i]:hover,
input[type="submit"][value="Accept" i]:hover,
input[type="button"][value="Approve" i]:hover,
input[type="button"][value="Accept" i]:hover {
    background: var(--sapButton_Accept_Hover_Background) !important;
    border-color: var(--sapPositiveColor, #256f3a) !important;
    color: var(--sapButton_Accept_Hover_TextColor) !important;
}
input[type="submit"][value="Approve" i]:active,
input[type="submit"][value="Accept" i]:active,
input[type="button"][value="Approve" i]:active,
input[type="button"][value="Accept" i]:active {
    background: var(--sapButton_Accept_Active_Background) !important;
    border-color: var(--sapButton_Accept_Active_BorderColor) !important;
    color: var(--sapButton_Accept_Active_TextColor) !important;
}
/* One emphasized button. Save wins over Add. Add wins over New. Go is emphasized only when the form has none of those. */
input[type="submit"][value="Save" i],
input[type="submit"][value="Submit" i],
input[type="submit"][value="Post" i],
input[type="submit"][value="Add" i],
input[type="submit"][value="Create" i],
input[type="submit"][value="Generate" i],
input[type="submit"][value="New" i],
input[type="button"][value="Save" i],
input[type="button"][value="Submit" i],
input[type="button"][value="Post" i],
input[type="button"][value="Add" i],
input[type="button"][value="Create" i],
input[type="button"][value="Generate" i],
input[type="button"][value="New" i] {
    background: var(--sapButton_Emphasized_Background) !important;
    border-color: var(--sapButton_Emphasized_BorderColor) !important;
    color: var(--sapButton_Emphasized_TextColor) !important;
    font-family: var(--sapButton_Emphasized_FontFamily) !important;
    font-weight: 700 !important;
}
input[type="submit"][value="Save" i]:hover,
input[type="submit"][value="Submit" i]:hover,
input[type="submit"][value="Post" i]:hover,
input[type="submit"][value="Add" i]:hover,
input[type="submit"][value="Create" i]:hover,
input[type="submit"][value="Generate" i]:hover,
input[type="submit"][value="New" i]:hover,
input[type="button"][value="Save" i]:hover,
input[type="button"][value="Submit" i]:hover,
input[type="button"][value="Post" i]:hover,
input[type="button"][value="Add" i]:hover,
input[type="button"][value="Create" i]:hover,
input[type="button"][value="Generate" i]:hover,
input[type="button"][value="New" i]:hover {
    background: var(--sapButton_Emphasized_Hover_Background) !important;
    border-color: var(--sapButton_Emphasized_Hover_BorderColor) !important;
    color: var(--sapButton_Emphasized_Hover_TextColor) !important;
}
input[type="submit"][value="Save" i]:active,
input[type="submit"][value="Submit" i]:active,
input[type="submit"][value="Post" i]:active,
input[type="submit"][value="Add" i]:active,
input[type="submit"][value="Create" i]:active,
input[type="submit"][value="Generate" i]:active,
input[type="submit"][value="New" i]:active,
input[type="button"][value="Save" i]:active,
input[type="button"][value="Submit" i]:active,
input[type="button"][value="Post" i]:active,
input[type="button"][value="Add" i]:active,
input[type="button"][value="Create" i]:active,
input[type="button"][value="Generate" i]:active,
input[type="button"][value="New" i]:active {
    background: var(--sapButton_Emphasized_Active_Background) !important;
    border-color: var(--sapButton_Emphasized_Active_BorderColor) !important;
    color: var(--sapButton_Emphasized_Active_TextColor) !important;
}
form:has(input[value="Save" i]) input[value="Submit" i],
form:has(input[value="Save" i]) input[value="Post" i],
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Add" i],
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Create" i],
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Generate" i],
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i], input[value="Add" i], input[value="Create" i], input[value="Generate" i]) input[value="New" i] {
    background: var(--sapButton_Background) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_TextColor) !important;
    font-family: var(--sapButton_FontFamily) !important;
    font-weight: 600 !important;
}
form:has(input[value="Save" i]) input[value="Submit" i]:hover,
form:has(input[value="Save" i]) input[value="Post" i]:hover,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Add" i]:hover,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Create" i]:hover,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Generate" i]:hover,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i], input[value="Add" i], input[value="Create" i], input[value="Generate" i]) input[value="New" i]:hover {
    background: var(--sapButton_Hover_Background) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Hover_TextColor) !important;
    font-family: var(--sapButton_FontFamily) !important;
    font-weight: 600 !important;
}
form:has(input[value="Save" i]) input[value="Submit" i]:active,
form:has(input[value="Save" i]) input[value="Post" i]:active,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Add" i]:active,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Create" i]:active,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i]) input[value="Generate" i]:active,
form:has(input[value="Save" i], input[value="Submit" i], input[value="Post" i], input[value="Add" i], input[value="Create" i], input[value="Generate" i]) input[value="New" i]:active {
    background: var(--sapButton_Active_Background) !important;
    border-color: var(--sapButton_Active_BorderColor) !important;
    color: var(--sapButton_Active_TextColor) !important;
    font-family: var(--sapButton_FontFamily) !important;
    font-weight: 600 !important;
}
form:not(:has(input[value="Save" i])):not(:has(input[value="Submit" i])):not(:has(input[value="Post" i])):not(:has(input[value="Add" i])):not(:has(input[value="Create" i])):not(:has(input[value="Generate" i])):not(:has(input[value="New" i])) input[value="Go" i] {
    background: var(--sapButton_Emphasized_Background) !important;
    border-color: var(--sapButton_Emphasized_BorderColor) !important;
    color: var(--sapButton_Emphasized_TextColor) !important;
    font-family: var(--sapButton_Emphasized_FontFamily) !important;
    font-weight: 700 !important;
}
form:not(:has(input[value="Save" i])):not(:has(input[value="Submit" i])):not(:has(input[value="Post" i])):not(:has(input[value="Add" i])):not(:has(input[value="Create" i])):not(:has(input[value="Generate" i])):not(:has(input[value="New" i])) input[value="Go" i]:hover {
    background: var(--sapButton_Emphasized_Hover_Background) !important;
    border-color: var(--sapButton_Emphasized_Hover_BorderColor) !important;
    color: var(--sapButton_Emphasized_Hover_TextColor) !important;
}
form:not(:has(input[value="Save" i])):not(:has(input[value="Submit" i])):not(:has(input[value="Post" i])):not(:has(input[value="Add" i])):not(:has(input[value="Create" i])):not(:has(input[value="Generate" i])):not(:has(input[value="New" i])) input[value="Go" i]:active {
    background: var(--sapButton_Emphasized_Active_Background) !important;
    border-color: var(--sapButton_Emphasized_Active_BorderColor) !important;
    color: var(--sapButton_Emphasized_Active_TextColor) !important;
}
.mGrid { width: 100% !important; border-collapse: collapse; background: var(--sapList_Background, var(--sapBaseColor)); }
.mGrid th, .mGrid td { text-align: left !important; vertical-align: middle !important; }
.mGrid th, .HeaderClass {
    background: var(--sapList_HeaderBackground) !important;
    background-image: none !important;
    color: var(--sapList_HeaderTextColor) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sapList_HeaderBorderColor) !important;
    font-family: var(--sapFontFamily);
    font-weight: 700;
    padding: 0.375rem 0.5rem;
}
.mGrid td {
    color: var(--sapTextColor) !important;
    border-bottom: 1px solid var(--sapList_BorderColor);
    padding: 0.25rem 0.5rem;
}
.mGrid tr:nth-child(even) td { background: var(--sapList_AlternatingBackground); }
.mGrid tr:hover td { background: var(--sapList_Hover_Background); }
.mGrid .pgr, .mGrid .pgr td { background: var(--sapBaseColor) !important; color: var(--sapTextColor) !important; border: 0; }
fieldset {
    border: 1px solid var(--sapGroup_TitleBorderColor) !important;
    border-radius: var(--sapField_BorderCornerRadius);
    background: var(--sapBaseColor);
}
legend { color: var(--sapTitleColor); font-weight: 700; padding: 0 0.375rem; }
span[id$="SiteMapPath1"] { display: block; margin: 0 0 0.625rem; color: var(--sapContent_LabelColor); font-size: var(--sapFontSize); }
input:not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
select:focus,
textarea:focus {
    outline: 2px solid var(--sapContent_FocusColor);
    outline-offset: 1px;
    border-color: var(--sapField_BorderColor) !important;
}
input[type="text"], input[type="password"], select, textarea { transition: border-color 120ms ease; }
a[data-sap-btn] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important;
    height: var(--sapElement_Compact_Height) !important;
    min-height: var(--sapElement_Compact_Height) !important;
    margin: 0 0.25rem 0 0 !important;
    padding: 0 0.5rem !important;
    border: 1px solid var(--sapField_BorderColor, #556b81) !important;
    border-radius: var(--sapButton_BorderCornerRadius) !important;
    background: var(--sapButton_Background) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--sapButton_TextColor) !important;
    font-family: var(--sapButton_FontFamily) !important;
    font-size: var(--sapFontSize) !important;
    font-weight: 600 !important;
    font-synthesis: none;
    line-height: 1 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}
a[data-sap-btn="lite"] {
    background: var(--sapBackgroundColor, #f5f6f7) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Lite_TextColor) !important;
}
a[data-sap-btn]:hover {
    background: var(--sapButton_Hover_Background) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Hover_TextColor) !important;
}
a[data-sap-btn="lite"]:hover {
    background: var(--sapButton_Lite_Hover_Background) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Lite_Hover_TextColor) !important;
}
a[data-sap-btn="reject"] {
    background: var(--sapButton_Reject_Background) !important;
    border-color: var(--sapButton_Reject_TextColor, #aa0808) !important;
    color: var(--sapButton_Reject_TextColor) !important;
    font-weight: 600;
}
a[data-sap-btn="reject"]:hover {
    background: var(--sapButton_Reject_Hover_Background) !important;
    border-color: var(--sapButton_Reject_TextColor, #aa0808) !important;
    color: var(--sapButton_Reject_Hover_TextColor) !important;
}
a[data-sap-btn="accept"] {
    background: var(--sapButton_Accept_Background) !important;
    border-color: var(--sapPositiveColor, #256f3a) !important;
    color: var(--sapButton_Accept_TextColor) !important;
}
a[data-sap-btn="accept"]:hover {
    background: var(--sapButton_Accept_Hover_Background) !important;
    border-color: var(--sapPositiveColor, #256f3a) !important;
    color: var(--sapButton_Accept_Hover_TextColor) !important;
}
a[data-sap-btn="lite"]:hover, a[data-sap-btn="reject"]:hover, a[data-sap-btn="accept"]:hover {
    text-decoration: none !important;
}
input[data-sap-btn="lite"], button[data-sap-btn="lite"] {
    background: var(--sapBackgroundColor, #f5f6f7) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Lite_TextColor) !important;
}
input[data-sap-btn="lite"]:hover, button[data-sap-btn="lite"]:hover {
    background: var(--sapButton_Lite_Hover_Background) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_Lite_Hover_TextColor) !important;
}
input[data-sap-btn="reject"], button[data-sap-btn="reject"] {
    background: var(--sapButton_Reject_Background) !important;
    border-color: var(--sapButton_Reject_TextColor, #aa0808) !important;
    color: var(--sapButton_Reject_TextColor) !important;
}
input[data-sap-btn="reject"]:hover, button[data-sap-btn="reject"]:hover {
    background: var(--sapButton_Reject_Hover_Background) !important;
    border-color: var(--sapButton_Reject_TextColor, #aa0808) !important;
    color: var(--sapButton_Reject_Hover_TextColor) !important;
}
input[data-sap-btn="accept"], button[data-sap-btn="accept"] {
    background: var(--sapButton_Accept_Background) !important;
    border-color: var(--sapPositiveColor, #256f3a) !important;
    color: var(--sapButton_Accept_TextColor) !important;
}
input[data-sap-btn="accept"]:hover, button[data-sap-btn="accept"]:hover {
    background: var(--sapButton_Accept_Hover_Background) !important;
    border-color: var(--sapPositiveColor, #256f3a) !important;
    color: var(--sapButton_Accept_Hover_TextColor) !important;
}
input[data-sap-btn="emphasized"], button[data-sap-btn="emphasized"], a[data-sap-btn="emphasized"] {
    background: var(--sapButton_Emphasized_Background) !important;
    border-color: var(--sapButton_Emphasized_BorderColor) !important;
    color: var(--sapButton_Emphasized_TextColor) !important;
    font-family: var(--sapButton_Emphasized_FontFamily) !important;
    font-weight: 700 !important;
}
input[data-sap-btn="emphasized"]:hover, button[data-sap-btn="emphasized"]:hover, a[data-sap-btn="emphasized"]:hover {
    background: var(--sapButton_Emphasized_Hover_Background) !important;
    border-color: var(--sapButton_Emphasized_Hover_BorderColor) !important;
    color: var(--sapButton_Emphasized_Hover_TextColor) !important;
}
input[data-sap-btn="default"], button[data-sap-btn="default"] {
    background: var(--sapButton_Background) !important;
    border-color: var(--sapField_BorderColor, #556b81) !important;
    color: var(--sapButton_TextColor) !important;
    font-family: var(--sapButton_FontFamily) !important;
    font-weight: 600 !important;
}
input[type="image"] {
    width: 1.625rem !important;
    height: 1.625rem !important;
    min-width: 0 !important;
    padding: 0.125rem !important;
    margin: 0 0.25rem 0.25rem 0 !important;
    border: 1px solid var(--sapField_BorderColor, #556b81) !important;
    border-radius: var(--sapButton_BorderCornerRadius) !important;
    background: var(--sapButton_Background) !important;
    box-sizing: border-box !important;
    vertical-align: middle;
    object-fit: contain;
}
a[data-sap-btn]:focus-visible {
    outline: 2px solid var(--sapContent_FocusColor);
    outline-offset: 2px;
}
html {
    box-sizing: border-box;
    height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
body {
    box-sizing: border-box !important;
    max-width: 100%;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    overflow-x: hidden !important;
    overflow-y: visible;
    background: var(--sapBackgroundColor) !important;
    color: var(--sapTextColor);
    font-family: var(--sapFontFamily) !important;
    font-size: var(--sapFontSize) !important;
    border: 0 !important;
}
.inox-home {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
*::-webkit-scrollbar { width: 4px !important; height: 4px !important; background: transparent !important; }
*::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece,
*::-webkit-scrollbar-corner { background: transparent !important; }
*::-webkit-scrollbar-thumb {
    background: var(--sapScrollBar_FaceColor, #a8b2bd) !important;
    border-radius: 4px;
}
div[style*="overflow:scroll"], div[style*="overflow: scroll"],
div[style*="overflow-y:scroll"], div[style*="overflow-y: scroll"],
div[style*="overflow-x:scroll"], div[style*="overflow-x: scroll"] {
    overflow: auto !important;
}
/* SkinFile used to emit Navy, Verdana, and empty header fills. */
form [style*="color:Navy"],
form [style*="color: Navy"],
form [style*="color:navy"],
form [style*="color:Blue"],
form [style*="color: Blue"],
form [style*="color:blue"],
form [style*="color:#0000ff"],
form [style*="color:#0000FF"] {
    color: var(--sapTextColor) !important;
}
form [style*="PaleTurquoise"],
form [style*="GrayText"],
form [style*="SteelBlue"] {
    background-color: var(--sapList_HeaderBackground) !important;
    background-image: none !important;
    color: var(--sapList_HeaderTextColor) !important;
}

@media (prefers-reduced-motion: reduce) {
    input[type="text"], input[type="password"], select, textarea,
    input[type="submit"], input[type="button"], input.btn { transition: none; }
}

/* One page column. Fixed 900px tables were centered and left a gap on each side. */
form > table,
form table[width],
form td[align="center"] > table {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
form table[border],
form table[border] > tbody > tr > td,
form table[border] > tr > td {
    border: 0 !important;
}
form td[align="center"]:has(input[type="submit"]),
form td[align="center"]:has(input[type="button"]) {
    text-align: left !important;
}
form div[style*="border-width:1px"]:has(input),
form div[style*="border-width: 1px"]:has(input) {
    border: 0 !important;
    width: auto !important;
}
.inox-title-logo {
    display: none !important;
}
.inox-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin: 0 0 0.375rem;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}
.inox-page-title h1 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    flex: 0 1 auto;
    color: var(--sapTitleColor) !important;
    font-family: var(--sapFontFamily) !important;
    font-size: var(--sapFontHeader5Size, 1rem) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
.inox-page-title [id$="SiteMapPath1"] {
    margin: 0 !important;
    text-align: left;
    white-space: nowrap;
}
.inox-head-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-left: auto;
}
span[id$="SiteMapPath1"],
span[id$="SiteMapPath1"] * {
    font-family: var(--sapFontFamily) !important;
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
}
span[id$="SiteMapPath1"] a { color: var(--sapLinkColor) !important; }
form label,
form span[id*="Label"],
form span[id*="lbl"] {
    color: var(--sapContent_LabelColor) !important;
    font-family: var(--sapFontFamily) !important;
    vertical-align: middle;
}
input[type="checkbox"], input[type="radio"] {
    accent-color: var(--sapSelectedColor, #0064d9);
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}
form [id$="OuterPnl"],
form div[style*="border-style:Double"]:not(.modalPopup),
form div[style*="border-style:double"]:not(.modalPopup) {
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    box-sizing: border-box;
    background: transparent !important;
}
form .inox-section {
    background: var(--sapGroup_ContentBackground, #fff) !important;
    border: 0 !important;
    border-radius: 0.75rem !important;
    box-shadow: var(--sapContent_Shadow0) !important;
    padding: 1rem 1.25rem 1.25rem !important;
    contain: inline-size;
}
div[id$="pnlGrid"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
}
form table:has(> tbody > tr > td[data-inox-field]),
form table:has(> tr > td[data-inox-field]) {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    border: 0 !important;
}
form table:has(> tbody > tr > td[data-inox-field]) > tbody,
form table:has(> tr > td[data-inox-field]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 1.5rem;
    align-items: center;
    width: 100% !important;
    box-sizing: border-box;
}
form table:has(> tbody > tr > td[data-inox-field]) > tbody > tr:not(:has(> td[data-inox-field])),
form table:has(> tr > td[data-inox-field]) > tr:not(:has(> td[data-inox-field])) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    grid-column: 1 / -1;
    width: 100% !important;
    margin: 0;
}
form table:has(> tbody > tr > td[data-inox-field]) > tbody > tr:not(:has(> td[data-inox-field])):not(:has(input:not([type="hidden"]), select, textarea, img, a, [data-inox-title], table)),
form table:has(> tr > td[data-inox-field]) > tr:not(:has(> td[data-inox-field])):not(:has(input:not([type="hidden"]), select, textarea, img, a, [data-inox-title], table)) {
    display: none !important;
}
form table:has(> tbody > tr > td[data-inox-field]) > tbody > tr:not(:has(> td[data-inox-field])) > td,
form table:has(> tr > td[data-inox-field]) > tr:not(:has(> td[data-inox-field])) > td {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
}
form td[data-inox-skip] { display: none !important; }
form td[data-inox-title],
form table:has(> tbody > tr > td[data-inox-field]) > tbody > tr:not(:has(> td[data-inox-field])) > td:has(table) {
    flex: 1 1 100%;
    width: 100% !important;
    max-width: 100%;
}
form td[data-inox-title] > span,
form td[data-inox-title] > label {
    display: block;
    width: auto !important;
    margin: 0.25rem 0 0.5rem !important;
    padding: 0.25rem 0 !important;
    border: 0 !important;
    border-bottom: var(--sapGroup_TitleBorderWidth, 0.0625rem) solid var(--sapGroup_TitleBorderColor, #a8b2bd) !important;
    border-radius: 0;
    background: transparent;
    color: var(--sapGroup_TitleTextColor, #131e29) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}
form tr:has(> td[data-inox-field]) {
    display: contents !important;
}
form [id$="OuterPnl"] > table {
    width: 100% !important;
    max-width: 100%;
    table-layout: fixed;
}
form tr:has(> td[data-inox-field]) > td:has(table):not(:has(input[type="radio"])):not(:has(input[type="checkbox"])),
form td[data-inox-title],
form td[data-inox-field]:has(textarea),
form td[data-inox-field]:has(.mGrid),
form td[data-inox-field]:has([id$="pnlGrid"]) {
    grid-column: 1 / -1;
    max-width: 100%;
}
form td[data-inox-field] {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    max-width: none;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    box-sizing: border-box;
}
form td[data-inox-field] > span,
form td[data-inox-field] > label {
    flex: 0 0 9rem;
    width: 9rem !important;
    max-width: 42%;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--sapContent_LabelColor) !important;
    font-family: var(--sapFontFamily) !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: normal;
}
.inox-control {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}
.inox-control > div,
.inox-control > span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-width: 0;
}
.inox-control input[type="text"],
.inox-control input[type="password"],
.inox-control select,
.inox-control textarea {
    flex: 1 1 0%;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    height: var(--sapElement_Compact_Height) !important;
    border-radius: var(--sapField_BorderCornerRadius) !important;
}
.inox-control > span:has(input[type="text"]),
.inox-control > span:has(input[type="password"]),
.inox-control > span:has(select),
.inox-control > span:has(textarea) {
    flex: 1 1 0%;
    min-width: 0;
    width: auto !important;
}
.inox-control > span[id]:not(:has(input, select, textarea)),
.inox-control > label[id]:not(:has(input, select, textarea)) {
    flex: 1 1 auto;
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    width: 100% !important;
    min-height: var(--sapElement_Compact_Height);
    height: auto !important;
    margin: 0 !important;
    padding: 0 0.5rem !important;
    border: 1px solid var(--sapField_BorderColor, #556b81) !important;
    border-radius: var(--sapField_BorderCornerRadius, .25rem) !important;
    background: var(--sapField_ReadOnly_Background, var(--sapBackgroundColor, #f5f6f7)) !important;
    color: var(--sapTextColor) !important;
}
.inox-control textarea {
    height: auto !important;
    min-height: 4.5rem;
}
.inox-control > span,
.inox-control > label {
    color: var(--sapTextColor) !important;
    font-size: var(--sapFontSize) !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    min-height: var(--sapElement_Compact_Height);
}
.inox-control input[type="checkbox"],
.inox-control input[type="radio"] {
    width: 1rem !important;
    height: 1rem !important;
    flex: 0 0 auto;
}
.inox-control table {
    width: auto !important;
    border: 0 !important;
    background: transparent !important;
}
.inox-control table td {
    width: auto !important;
    height: auto !important;
    padding: 0 0.75rem 0 0 !important;
    border: 0 !important;
    white-space: nowrap;
}
form span[style*="color:Blue"]:not(td[data-inox-field] span),
form span[style*="color: Blue"]:not(td[data-inox-field] span),
form span[style*="color:blue"]:not(td[data-inox-field] span) {
    display: block;
    width: auto !important;
    margin: 0.25rem 0 0.5rem !important;
    padding: 0.25rem 0 !important;
    border: 0 !important;
    border-bottom: var(--sapGroup_TitleBorderWidth, 0.0625rem) solid var(--sapGroup_TitleBorderColor, #a8b2bd) !important;
    border-radius: 0;
    background: transparent;
    color: var(--sapGroup_TitleTextColor, #131e29) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}
form span[style*="color:Blue"],
form span[style*="color: Blue"],
form span[style*="color:blue"],
form span[style*="color:#0000ff"],
form span[style*="color:#0000FF"],
form span[style*="color:Navy"],
form span[style*="color: Navy"],
form label[style*="color:Blue"],
form td[style*="color:Blue"],
form [id*="Label"][style*="color:Blue"],
form [id*="Label"][style*="color:blue"] {
    color: var(--sapTitleColor) !important;
    font-weight: 700 !important;
}

/* Object-page groups. The form stays the gray canvas. Each field table,
   tab body, fieldset, and list is its own white card. My Home is left alone. */
form:not(:has(.inox-home)) .inox-section {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
form:not(:has(.inox-home)) .inox-dyn-head {
    position: static !important;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 0.375rem;
}
form:not(:has(.inox-home)) .inox-dyn-head .fd-title {
    order: 1;
    margin: 0 !important;
    font-size: var(--sapFontHeader5Size, 1rem) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--sapTitleColor) !important;
}
form:not(:has(.inox-home)) .inox-dyn-head [id$="SiteMapPath1"] {
    order: 2;
    margin: 0 !important;
    text-align: left;
    white-space: nowrap;
}
form:not(:has(.inox-home)) .inox-dyn-head .inox-dyn-sub {
    display: none;
}
form:not(:has(.inox-home)) .inox-dyn-head .inox-head-actions,
.inox-page-title .inox-head-actions {
    order: 4;
}
form:not(:has(.inox-home)) table:has(> tbody > tr > td[data-inox-field]),
form:not(:has(.inox-home)) table:has(> tr > td[data-inox-field]) {
    box-sizing: border-box;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 0.75rem;
}
form:not(:has(.inox-home)) .ajax__tab_body table:has(> tbody > tr > td[data-inox-field]),
form:not(:has(.inox-home)) .ajax__tab_body table:has(> tr > td[data-inox-field]),
form:not(:has(.inox-home)) fieldset table:has(> tbody > tr > td[data-inox-field]),
form:not(:has(.inox-home)) fieldset table:has(> tr > td[data-inox-field]),
form:not(:has(.inox-home)) table:has(> tbody > tr > td[data-inox-field]) table:has(> tbody > tr > td[data-inox-field]),
form:not(:has(.inox-home)) table:has(> tbody > tr > td[data-inox-field]) table:has(> tr > td[data-inox-field]) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
form:not(:has(.inox-home)) fieldset {
    box-sizing: border-box;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 0.75rem;
}
form:not(:has(.inox-home)) table:has(td[data-inox-field]) fieldset,
form:not(:has(.inox-home)) .ajax__tab_body fieldset {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0.75rem 0 !important;
}
form:not(:has(.inox-home)) fieldset > legend {
    display: block;
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0.75rem;
    padding: 0.25rem 0;
    border: 0;
    border-bottom: var(--sapGroup_TitleBorderWidth, 0.0625rem) solid var(--sapGroup_TitleBorderColor, #a8b2bd);
    border-radius: 0;
    background: transparent;
    color: var(--sapGroup_TitleTextColor, #131e29);
    font-family: var(--sapFontFamily);
    font-size: 1rem;
    font-weight: 700;
}
form:not(:has(.inox-home)) tr:not(:has(td[data-inox-field])) > td:has(input[data-sap-btn]) {
    box-sizing: border-box;
    position: static;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0.25rem 0 !important;
    margin: 0 0 0.5rem;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}
form td:has(input[data-sap-btn]) [id$="SiteMapPath1"] {
    margin-right: auto !important;
}
form tr:not(:has(> td[data-inox-field])) > td:has(input[data-sap-btn]):not(:first-child) {
    margin-left: auto !important;
}
form td {
    vertical-align: top;
}
form [id$="pnlMain"] > table {
    width: 100% !important;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 1rem 0;
}
form [id$="pnlMain"] > table > tbody > tr > td,
form [id$="pnlMain"] > table > tr > td {
    width: 50% !important;
    vertical-align: top !important;
}
form [id$="pnlRemark"] > table,
form [id$="pnltax"] > table,
form [id$="pnlShipping"] {
    width: 100% !important;
    max-width: 100% !important;
}
form [id$="pnlRemark"] tr:has(> td[data-inox-field]):not(:has(> td[data-inox-field] ~ td[data-inox-field])) > td[data-inox-field],
form [id$="pnltax"] tr:has(> td[data-inox-field]):not(:has(> td[data-inox-field] ~ td[data-inox-field])) > td[data-inox-field] {
    grid-column: 1 / -1;
}
form td[data-inox-field]:has(input[type="checkbox"] ~ input[type="checkbox"] ~ input[type="checkbox"]),
form td[data-inox-field]:has(input[type="radio"] ~ input[type="radio"]) {
    grid-column: 1 / -1;
}
.inox-control:has(input[type="checkbox"] ~ input[type="checkbox"]) {
    flex-wrap: wrap;
}
form:not(:has(.inox-home)) tr:not(:has(td[data-inox-field])) > td:only-child:has(input[data-sap-btn]) {
    width: 100% !important;
}
form:not(:has(.inox-home)) table:has(> tbody > tr > td[data-inox-field]) > tbody > tr:not(:has(> td[data-inox-field])) > td:has(input[data-sap-btn]),
form:not(:has(.inox-home)) table:has(> tr > td[data-inox-field]) > tr:not(:has(> td[data-inox-field])) > td:has(input[data-sap-btn]) {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
    margin: 0 0 0.75rem;
    padding: 0 0 0.75rem !important;
}
form:not(:has(.inox-home)) [id*="pnlbtu"]:has(input[type="submit"]),
form:not(:has(.inox-home)) [id*="PnlBtn"]:has(input[type="submit"]),
form:not(:has(.inox-home)) [id*="pnlbtn"]:has(input[type="submit"]),
form:not(:has(.inox-home)) [id*="pnlbutton"]:has(input[type="submit"]),
form:not(:has(.inox-home)) div[style*="border-width"]:has(input[type="submit"]) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
}
.ajax__tab_container,
.ajax__tab_xp,
.ajax__tab_default,
.ajax__tab_header,
.ajax__tab_body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.ajax__tab_xp .ajax__tab_header,
.ajax__tab_default .ajax__tab_header,
.ajax__tab_header {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.25rem;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0.25rem !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
}
.ajax__tab_outer,
.ajax__tab_inner,
.ajax__tab_tab {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    height: auto !important;
}
.ajax__tab_tab {
    display: inline-block;
    padding: 0.5rem 0.875rem !important;
    color: var(--sapContent_LabelColor, #556b82) !important;
    font-family: var(--sapFontFamily) !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
.ajax__tab_hover .ajax__tab_tab,
.ajax__tab_outer:hover .ajax__tab_tab {
    color: var(--sapContent_LabelColor, #556b82) !important;
    background: var(--sapList_Hover_Background, #eaecee) !important;
    border-radius: 0.5rem 0.5rem 0 0;
}
.ajax__tab_active .ajax__tab_outer,
.ajax__tab_active .ajax__tab_inner,
.ajax__tab_active .ajax__tab_tab {
    background: var(--sapGroup_ContentBackground, #fff) !important;
    background-image: none !important;
    color: var(--sapSelectedColor, #0064d9) !important;
    border-radius: 0.5rem 0.5rem 0 0;
    box-shadow: inset 0 -2px 0 var(--sapSelectedColor, #0064d9) !important;
}
.ajax__tab_body {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0.75rem 0 0 !important;
    color: var(--sapTextColor) !important;
    margin: 0 0 0.75rem;
}
form:not(:has(.inox-home)) td:has(> .mGrid),
form:not(:has(.inox-home)) div:has(> .mGrid),
form:not(:has(.inox-home)) div[id$="pnlGrid"] {
    box-sizing: border-box;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0.5rem 0 0;
    overflow: auto;
    width: 100% !important;
    max-width: 100% !important;
}
form:not(:has(.inox-home)) table:has(> tbody > tr > td[data-inox-field]) div[id$="pnlGrid"],
form:not(:has(.inox-home)) .ajax__tab_body td:has(> .mGrid),
form:not(:has(.inox-home)) .ajax__tab_body div[id$="pnlGrid"] {
    background: var(--sapList_Background, #fff);
    border: 1px solid var(--sapList_BorderColor, #e5e5e5);
    border-top: 0;
    box-shadow: none;
}

/* The line grid was sizing its parent table, so fields sat in one row past the window. */
form {
    contain: inline-size;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 0 !important;
    min-width: 0;
    padding: 0 0 1.5rem !important;
    overflow-x: hidden;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
form div[id*="UpdatePanel"] > table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}
form table:not(.mGrid) {
    max-width: 100%;
}
form table:has(> tbody > tr > td[data-inox-field]) > tbody,
form table:has(> tr > td[data-inox-field]) {
    max-width: 100%;
    min-width: 0;
}
form:not(:has(.inox-home)) div.modalPopup[style*="border-width"]:has(input[type="submit"]) {
    display: block !important;
    width: 28rem !important;
    max-width: calc(100% - 1rem) !important;
    height: auto !important;
    padding: 1rem !important;
    background: var(--sapGroup_ContentBackground, #fff) !important;
    border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9) !important;
    border-radius: 0.75rem !important;
    box-sizing: border-box !important;
}
form .modalPopup table:has(> tbody > tr > td[data-inox-field]) > tbody,
form .modalPopup table:has(> tr > td[data-inox-field]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    grid-template-columns: none !important;
    gap: 0.5rem !important;
    width: 100% !important;
}
form .modalPopup tr:has(> td[data-inox-field]),
form .modalPopup tr:not(:has(> td[data-inox-field])) {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    width: 100% !important;
}
form .modalPopup td[data-inox-field] {
    flex: 1 1 auto;
    min-width: 0;
}
form .modalPopup select[size] {
    height: auto !important;
    min-height: 9rem !important;
}
form td:has(> [id$="lblAgent"]),
form td:has([id$="ddlAgent"]) {
    display: none !important;
}
form td[data-inox-field] .inox-control:has(input[type="radio"]),
form td[data-inox-field] span:has(> input[type="radio"]) {
    display: flex !important;
    flex-flow: row wrap;
    align-items: center;
    gap: 0.15rem 1rem;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0;
}
form td[data-inox-field] input[type="radio"] {
    display: inline-block !important;
    flex: 0 0 auto;
    width: 1rem !important;
    height: 1rem !important;
    margin: 0;
}
form td[data-inox-field] label:has(+ input[type="radio"]),
form td[data-inox-field] input[type="radio"] + label {
    flex: 0 0 auto;
    width: auto !important;
    max-width: none;
    white-space: nowrap;
}

/* Purchase requisition: the customer, the customer PO, and approval sit on a white card. */
form:has(.pr-head) div[id*="UpdatePanel"] > table {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0.75rem;
}
form .pr-head {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 0.35rem 0 0.75rem;
    padding: 0.85rem 1rem 1rem;
    background: #ffffff !important;
    border: 1px solid #d9d9d9 !important;
    border-left: 4px solid #0064d9 !important;
    border-radius: 0.75rem;
    color: #131e29;
}
form .pr-head-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}
form .pr-head-bar > div:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
    min-width: 0;
}
form .pr-kicker {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--sapLinkColor, #0064d9);
}
form .pr-title {
    font-size: var(--sapFontHeader5Size, 1rem);
    font-weight: 700;
    color: var(--sapTitleColor);
}
form .pr-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
form .pr-status {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0.15rem 0.75rem;
    border-radius: 1rem;
    font-weight: 700;
    background: #fff8d6;
    color: #6b4c00;
    white-space: nowrap;
}
form .pr-status.is-approved {
    background: #e8f3ea;
    color: #256f3a;
}
form .pr-status.is-empty {
    background: #fff3b0;
    color: #6b4c00;
}
form tr:has(.pr-head),
form td:has(.pr-head) {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}
form .inox-control:has(.pr-head) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}
form .pr-grid {
    display: grid !important;
    grid-template-columns: 9.5rem minmax(0, 1fr) 9.5rem minmax(0, 1fr);
    gap: 0.35rem 1rem;
    align-items: center;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
form .pr-grid label {
    color: var(--sapContent_LabelColor);
    font-weight: 700;
}
form .pr-grid select,
form .pr-grid input[type="text"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
    height: 2rem !important;
    background: var(--sapField_Background, #fff) !important;
    color: var(--sapField_TextColor, var(--sapTextColor)) !important;
}
form .pr-grid .pr-span {
    grid-column: auto;
    min-width: 0;
}
form .pr-grid input.pr-name {
    background: var(--sapField_ReadOnly_Background, var(--sapBackgroundColor)) !important;
    font-weight: 700;
}
form:has(.pr-head) [id$="TabPanel1"] tr:has([id$="ddlORINo"]) {
    display: none !important;
}
form .pr-note {
    margin-top: 0.7rem;
    color: #556b82;
}
form .pr-print-only { display: none !important; }
form .pr-sheet {
    margin-top: 0.85rem;
    padding: 0;
    background: transparent;
    border: 0;
    color: #131e29;
}
form .pr-sheet-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}
form .pr-sheet-top img {
    height: 52px;
    width: auto;
}
form .pr-sheet-co {
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
}
form .pr-sheet-sub {
    color: #556b82;
    text-align: right;
}
form .pr-sheet h2 {
    margin: 0.15rem 0 0;
    font-size: 1.15rem;
    text-align: right;
    color: #131e29;
}
form .pr-meta,
form .pr-sign {
    width: 100%;
    border-collapse: collapse;
    margin: 0.4rem 0 0.75rem;
}
form .pr-meta td,
form .pr-sign td {
    border: 1px solid #d9d9d9;
    padding: 0.35rem 0.55rem;
    vertical-align: top;
    background: #ffffff;
    color: #131e29;
}
form .pr-meta .k,
form .pr-sign .k {
    width: 9rem;
    color: #556b82;
    font-weight: 700;
    background: #f5f6f7;
}
form .pr-steps {
    display: flex;
    gap: 0.5rem;
    margin: 0.2rem 0 0.75rem;
}
form .pr-step {
    flex: 1 1 0;
    padding: 0.45rem 0.6rem;
    border-radius: 0.5rem;
    background: #fff8d6;
    color: #6b4c00;
    font-weight: 700;
}
form .pr-step.is-done {
    background: #e8f3ea;
    color: #256f3a;
}
form .pr-step span {
    display: block;
    font-weight: 400;
    color: #131e29;
}
form .pr-bom-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
    border: 1px solid var(--sapList_BorderColor, #e5e5e5);
    border-radius: var(--sapElement_BorderCornerRadius, 0.25rem);
}
form .pr-bom-wrap .pr-pager,
form .pr-bom-wrap .pr-pager td,
form .pr-bom-wrap tr.pr-pager {
    background: #f5f6f7 !important;
    text-align: left !important;
}
form .pr-bom-wrap .pr-pager a,
form .pr-bom-wrap .pr-pager span {
    display: inline-block !important;
    min-width: 1.75rem;
    margin: 0.15rem;
    padding: 0.2rem 0.45rem;
    color: #0064d9 !important;
    font-weight: 700;
    text-align: center;
}
form .pr-bom {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-collapse: collapse;
}
form .pr-bom th,
form .pr-bom td {
    border-bottom: 1px solid var(--sapList_BorderColor, #e5e5e5);
    padding: 0.35rem 0.5rem;
    text-align: left;
    background: var(--sapList_Background, #fff);
    color: var(--sapTextColor);
    white-space: nowrap;
}
form .pr-bom th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--sapList_HeaderBackground);
    color: var(--sapList_HeaderTextColor);
}
form .pr-bom tbody tr:nth-child(even) td {
    background: var(--sapList_AlternatingBackground);
}
form .pr-bom tbody tr:hover td {
    background: var(--sapList_Hover_Background);
}
form .pr-bom td:nth-child(n+4),
form .pr-bom th:nth-child(n+4) {
    text-align: right;
}
form .pr-sign td {
    height: 4.2rem;
}
form .pr-sheet-actions {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}
@media print {
    body * { display: none !important; }
    .pr-sheet { display: block !important; position: static !important; width: 100% !important; border: 0 !important; margin: 0 !important; }
    .pr-sheet * { display: revert !important; visibility: visible !important; }
    .pr-sheet table { display: table !important; }
    .pr-sheet thead { display: table-header-group !important; }
    .pr-sheet tbody { display: table-row-group !important; }
    .pr-sheet tr { display: table-row !important; }
    .pr-sheet td, .pr-sheet th { display: table-cell !important; }
    .pr-sheet .pr-sheet-top, .pr-sheet .pr-steps { display: flex !important; }
    .pr-sheet .pr-bom-wrap { display: block !important; max-height: none !important; overflow: visible !important; }
    .pr-sheet .pr-step span { display: block !important; }
    .pr-sheet .pr-sheet-actions { display: none !important; }
    .pr-sheet .pr-print-only { display: block !important; }
    .pr-sheet { padding: 0 !important; background: #ffffff !important; }
}

/* Requisition, purchase order, and sales invoice.
   One sticky dynamic-page row, then a responsive line grid.
   Modals keep their own width. */
form:has(.inox-object) .inox-dyn-head,
form:has(.inox-object) .inox-page-title {
    position: sticky !important;
    top: 0;
    z-index: 5;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5rem 0.75rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0 0 0.375rem !important;
    padding: 0.125rem 0 !important;
    background: var(--sapBackgroundColor, #f5f6f7) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
form:has(.inox-object) .inox-dyn-head .inox-title-logo,
form:has(.inox-object) .inox-page-title .inox-title-logo {
    flex: 0 0 auto;
}
form:has(.inox-object) .inox-dyn-head .fd-title,
form:has(.inox-object) .inox-page-title h1 {
    flex: 0 1 auto;
    min-width: 0;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--sapFontHeader5Size, 1rem) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--sapTitleColor) !important;
}
form:has(.inox-object) .inox-dyn-head [id$="SiteMapPath1"],
form:has(.inox-object) .inox-dyn-head [id$="SiteMapPath2"],
form:has(.inox-object) .inox-page-title [id$="SiteMapPath1"],
form:has(.inox-object) .inox-page-title [id$="SiteMapPath2"] {
    order: 2;
    flex: 1 1 auto;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
form:has(.inox-object) .inox-dyn-head .inox-head-actions,
form:has(.inox-object) .inox-page-title .inox-head-actions {
    order: 4;
    flex: 0 1 auto;
    margin-left: auto;
    flex-wrap: nowrap;
    max-width: 70%;
    min-width: 0;
    overflow-x: auto;
}
form:has(.inox-object) .inox-object {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
form:has(.inox-object) table:not(.modalPopup table):has(> tbody > tr > td[data-inox-field]) > tbody,
form:has(.inox-object) table:not(.modalPopup table):has(> tr > td[data-inox-field]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
form:has(.inox-object) td[data-inox-field],
form:has(.inox-object) td:has(.mGrid),
form:has(.inox-object) td:has([id$="pnlGrid"]),
form:has(.inox-object) td:has([id$="Panel13"]),
form:has(.inox-object) td:has([id$="Panelmaingrid"]) {
    min-width: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
}
form:has(.inox-object) .inox-object div[style*="width:"]:not(.modalPopup):not(.modalPopup *),
form:has(.inox-object) .inox-object table[width]:not(.modalPopup table) {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
form:has(.inox-object) .modalPopup {
    max-width: 100%;
    box-sizing: border-box;
}
form:has(.inox-object) .inox-object [id$="Panel13"],
form:has(.inox-object) .inox-object [id$="Panelmaingrid"],
form:has(.inox-object) .inox-object [id$="pnlGrid"],
form:has(.inox-object) .inox-object [id$="pnlInvisible"],
form:has(.inox-object) .inox-object [id$="Pnlgridqty"],
form:has(.inox-object) .inox-object [id$="pnlgrdterms"],
form:has(.inox-object) .inox-object #DivMainContent,
form:has(.inox-object) .inox-object .pr-bom-wrap,
form:has(.inox-object) .inox-object div:not(.modalPopup):not(.modalPopup *):has(> .mGrid) {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
}
form:has(.inox-object) #DivHeaderRow {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
form:has(.inox-object) .inox-object .mGrid,
form:has(.inox-object) .inox-object .pr-bom {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    background: var(--sapList_Background, #fff);
}
form:has(.inox-object) .inox-object .mGrid td,
form:has(.inox-object) .inox-object .pr-bom td {
    color: var(--sapTextColor) !important;
}
form:has(.inox-object) .inox-object .mGrid tr:nth-child(even) td,
form:has(.inox-object) .inox-object .pr-bom tbody tr:nth-child(even) td {
    background: var(--sapList_AlternatingBackground);
}
form:has(.inox-object) .inox-object .mGrid tr:hover td,
form:has(.inox-object) .inox-object .pr-bom tbody tr:hover td {
    background: var(--sapList_Hover_Background);
}
form:has(.inox-object) .inox-object .mGrid tr:first-child > th,
form:has(.inox-object) .inox-object .mGrid thead th,
form:has(.inox-object) .inox-object .mGrid tr:first-child > td.HeaderClass,
form:has(.inox-object) .inox-object .pr-bom th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--sapList_HeaderBackground) !important;
    color: var(--sapList_HeaderTextColor) !important;
}
form:has(.inox-object) .inox-object .mGrid tr:first-child:hover > th,
form:has(.inox-object) .inox-object .mGrid thead tr:hover th,
form:has(.inox-object) .inox-object .mGrid tr:first-child:hover > td.HeaderClass,
form:has(.inox-object) .inox-object .pr-bom tr:hover th {
    background: var(--sapList_HeaderBackground) !important;
    color: var(--sapList_HeaderTextColor) !important;
}

/* Shared Horizon hooks. Defined once. Compact density on every screen. */
body.sap-skin {
    min-height: 100vh;
    margin: 0;
    padding: 0.75rem 1rem;
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    color: var(--sapTextColor);
    background: var(--sapBackgroundColor);
}
body.inox-shell {
    min-height: 0;
    padding: 0;
    background: var(--sapShell_Background);
    overflow: hidden;
}
body.inox-login {
    min-height: 100vh;
    padding: 0;
    overflow: hidden;
    background: var(--sapBaseColor);
}
/* The shared form rule pads every form. The shell and the sign-in page must stay flush. */
body.inox-shell form,
body.inox-login form {
    contain: none;
    padding: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
}
/* The 20px footer frame must not inherit the page canvas padding or the 100vh minimum. */
body.sap-skin.inox-foot {
    min-height: 0;
    height: 100%;
    padding: 0 1rem;
    overflow: hidden;
    font-size: var(--sapFontSmallSize);
    line-height: 1;
    background: var(--sapPageFooter_Background);
    color: var(--sapPageFooter_TextColor);
}
.inox-select {
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    color: var(--sapField_TextColor);
    background: var(--sapField_Background);
    border: 1px solid var(--sapField_BorderColor);
    border-radius: var(--sapField_BorderCornerRadius);
    height: var(--sapElement_Compact_Height);
    box-sizing: border-box;
}
.inox-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.inox-tabs .ajax__tab_header {
    font-family: var(--sapFontFamily);
    background: var(--sapList_HeaderBackground);
    border-bottom: 1px solid var(--sapList_BorderColor);
}
.inox-tabs .ajax__tab_body {
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    color: var(--sapTextColor);
    background: var(--sapGroup_ContentBackground);
    border: 1px solid var(--sapGroup_ContentBorderColor);
}
.inox-dialog {
    background: var(--sapGroup_ContentBackground);
    color: var(--sapTextColor);
    border: 1px solid var(--sapGroup_ContentBorderColor);
    border-radius: var(--sapElement_BorderCornerRadius);
    box-shadow: var(--sapContent_Shadow2);
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
}
.modalBackground {
    background: var(--sapBlockLayer_Background);
    opacity: 0.2;
}
.fd-input.fd-input--compact,
.fd-textarea,
select.inox-select {
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
}
table.fd-table.mGrid {
    font-family: var(--sapFontFamily);
    font-size: var(--sapFontSize);
    color: var(--sapTextColor);
    border-collapse: collapse;
    width: 100%;
}

/* One footer action bar for every MainMaster screen. Tokens only.
   The page script moves the existing controls into this bar. */
.inox-action-bar {
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 2.75rem;
    margin: 0;
    padding: 0.375rem 1rem;
    background: var(--sapPageFooter_Background);
    border: 0;
    border-top: 1px solid var(--sapGroup_TitleBorderColor);
    box-shadow: var(--sapContent_Shadow1);
}
form:has(.inox-action-bar) {
    padding-bottom: 3.75rem !important;
}
.inox-action-bar .fd-bar__left {
    flex: 1 1 auto;
    min-width: 0;
}
.inox-action-bar .fd-bar__right {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
    max-width: 100%;
}
.inox-action-bar__group {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
    overflow: hidden;
}
.inox-action-bar__group > *,
.inox-action-menu > * {
    flex: 0 0 auto;
}
.inox-action-bar__overflow {
    position: relative;
    flex: 0 0 auto;
}
.inox-action-bar .inox-action-more {
    min-width: 2.25rem;
    background: var(--sapButton_Lite_Background, var(--sapButton_Background)) !important;
    border-color: var(--sapField_BorderColor) !important;
    color: var(--sapButton_Lite_TextColor, var(--sapButton_TextColor)) !important;
}
.inox-action-menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.25rem);
    z-index: 21;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
    min-width: 8rem;
    max-height: 16rem;
    overflow: auto;
    box-sizing: border-box;
    padding: 0.5rem;
    background: var(--sapGroup_ContentBackground);
    border: 1px solid var(--sapGroup_ContentBorderColor);
    border-radius: var(--sapElement_BorderCornerRadius);
    box-shadow: var(--sapContent_Shadow2);
}
.inox-action-bar [hidden] {
    display: none !important;
}
.inox-action-bar input,
.inox-action-bar button,
.inox-action-bar a[data-sap-btn] {
    margin: 0 !important;
}
.inox-action-bar input[data-sap-btn="default"],
.inox-action-bar button[data-sap-btn="default"],
.inox-action-bar a[data-sap-btn="default"],
.inox-action-bar input[data-sap-btn="lite"],
.inox-action-bar button[data-sap-btn="lite"],
.inox-action-bar a[data-sap-btn="lite"] {
    background: var(--sapButton_Background) !important;
    border-color: var(--sapField_BorderColor) !important;
    color: var(--sapButton_TextColor) !important;
    font-weight: 600 !important;
}
.inox-action-bar input[data-sap-btn="lite"],
.inox-action-bar button[data-sap-btn="lite"],
.inox-action-bar a[data-sap-btn="lite"] {
    background: var(--sapButton_Lite_Background, var(--sapButton_Background)) !important;
    color: var(--sapButton_Lite_TextColor, var(--sapButton_TextColor)) !important;
}
.inox-action-bar input[data-sap-btn="reject"],
.inox-action-bar button[data-sap-btn="reject"],
.inox-action-bar a[data-sap-btn="reject"] {
    background: var(--sapButton_Reject_Background) !important;
    border-color: var(--sapButton_Reject_BorderColor, var(--sapButton_Reject_TextColor)) !important;
    color: var(--sapButton_Reject_TextColor) !important;
}
.inox-action-bar input[data-sap-btn="accept"],
.inox-action-bar button[data-sap-btn="accept"],
.inox-action-bar a[data-sap-btn="accept"] {
    background: var(--sapButton_Accept_Background) !important;
    border-color: var(--sapButton_Accept_BorderColor, var(--sapPositiveColor)) !important;
    color: var(--sapButton_Accept_TextColor) !important;
}
.inox-action-bar input[data-sap-btn="emphasized"],
.inox-action-bar button[data-sap-btn="emphasized"],
.inox-action-bar a[data-sap-btn="emphasized"] {
    background: var(--sapButton_Emphasized_Background) !important;
    border-color: var(--sapButton_Emphasized_BorderColor) !important;
    color: var(--sapButton_Emphasized_TextColor) !important;
    font-family: var(--sapButton_Emphasized_FontFamily) !important;
    font-weight: 700 !important;
}
.inox-action-bar input[data-sap-btn="emphasized"]:hover,
.inox-action-bar button[data-sap-btn="emphasized"]:hover,
.inox-action-bar a[data-sap-btn="emphasized"]:hover {
    background: var(--sapButton_Emphasized_Hover_Background) !important;
    border-color: var(--sapButton_Emphasized_Hover_BorderColor) !important;
    color: var(--sapButton_Emphasized_Hover_TextColor) !important;
}
.inox-action-bar input[data-sap-btn="reject"]:hover,
.inox-action-bar button[data-sap-btn="reject"]:hover,
.inox-action-bar a[data-sap-btn="reject"]:hover {
    background: var(--sapButton_Reject_Hover_Background) !important;
    color: var(--sapButton_Reject_Hover_TextColor) !important;
}
@media print {
    .inox-action-bar { display: none !important; }
}