:root {
/* Main theme. Must be set to either dark or light. */
--oru-brand-theme: 'dark';
/* Brand primary color. This is used in table headers and the top menu bar. */
--oru-brand-primary: #012169;
/* Brand secondary color. This is used as hover color for top bar menu links. */
--oru-brand-secondary: #0984e3;
/* Image displayed at top left of the master page. */
--oru-company-logo: url('/VizorPortal/Config/Images/Logo.svg');
/* Image displayed at top left of login control. */
--oru-login-marketing-image: url('/VizorPortal/Config/Images/login-marketing-image.svg');
/* Login page background image. */
--oru-startup-background: url('/VizorPortal/Config/Images/startup-background.svg');
/* Main text color. Used as hover text color on login button. */
--oru-brand-text-color: #fff !important;
/* Inverted text color. Used as top nav links color if --oru-topnav-links-color is not set*/
/*--oru-brand-text-color-inverted: white !important;*/
/* Color for top bar menu links.*/
--oru-topnav-links-color: #fff;
/* Primary button background color.*/
--oru-primary-button-background: #012169;
/* Hover color for primary buttons. */
--oru-primary-button-hover-background: #0984e3;
/* Secondary button background color. Also used as the color for all links inside the application. */
/*--oru-global-color-accent-primary: #2773c1;*/
/* Hover color for secondary buttons. */
/*--vizor-global-color-brand-secondary-hover: #9FA8A9;*/
/* Background color of the login page. Used if a login page background image is not set. */
/*--oru-startup-background-color: #012d3f;*/
/* Login control background color. */
/*--oru-startup-dialog-background: white;*/
/* Override color for login screen links if they need to be different from other links. */
/*--vizor-login-link-color: red;*/
/* used as the global text color for the main body of pages*/
--vizor-global-text-color: #606060;
/*This is used as hover color for top bar menu links.
--oru-topnav-links-color-hover: #0984e3; */
--oru-topnav-links-color-hover: #fff !important;
--oru-topnav-links-color-active: #fff !important;
--oru-topnav-links-underline-color: #fff !important;
}
.oru-topnav-navigation-home-image {
width: 240px;
height: 80px;
max-width: none;
max-height: none;
}
/* sub header1 */
.header-title {
color: #002b8b !important;
}
/* sub header2 */
.oru-card-header-title.is-capitalized {
color: #002b8b !important;
font-weight: 600;
font-size: 20px;
}
.page-container {
background-color: #e8eff6 !important;
}
/* Apply color to description text, labels, workArea, and bullet lists */
#ContentPlaceHolder_requirementsLabel,
.pageDescription,
.descriptionText,
#ContentPlaceHolder_pageDescriptionLabel,
#ContentPlaceHolder_labelOne,
#ContentPlaceHolder_labelTwo,
#ContentPlaceHolder_labelThree,
.workArea,
.workArea ul li,
.landing-bullet-list li,
ul li {
color: #121517 !important;
}
/* Apply color to bullet markers (::marker pseudo-element) */
.workArea ul li::marker,
ul li::marker {
color: #121517 !important;
}
html.oru-dark-theme .oru-link-wrapper.has-variant-brand .oru-link:hover,
html.oru-dark-theme .oru-link-wrapper.has-variant-brand .oru-link:focus {
color: #fff !important;
opacity: 1 !important;
filter: none !important;
transition: none !important;
}
/* Apply black text color to grid content but exclude hyperlinks */
/* Do NOT force all elements inside DevExpress tables to black */
.dxgvTable_Office2010Silver {
color: black !important;
}
/* Keep DevExpress data text black but allow icons/asterisks to inherit */
.dxgvTable_Office2010Silver td {
color: black !important;
}
/* Apply black text color to form labels and spans but exclude top menu */
/* Make form labels black but DO NOT affect required (*) or icons */
.workArea label,
.List label {
color: black !important;
}
/* Restore original red for required (*) markers */
span.required,
.dxRequiredField,
label .required {
color: red !important;
}
/* Keep hyperlinks in grid blue (or original color) */
.dxgvTable_Office2010Silver a {
color: #012169 !important; /* or your original link color */
}
/* For DevExpress grid headers */
.dxgvTable_Office2010Silver th,
.dxgvTable_Office2010Silver th a {
color: black !important;
font-weight: bold !important;
}
/* For Administration list grid headers */
.List th,
.List th a {
color: black !important;
font-weight: bold !important;
}
/* Ensure login button text is always visible on the startup page */
.oru-startup-login .oru-button.has-variant-primary .oru-button-text {
color: #fff !important;
opacity: 1 !important;
}
/* Lock hover to same appearance */
.oru-startup-login .oru-button.has-variant-primary:hover .oru-button-text {
color: #fff !important;
opacity: 1 !important;
}
/* keep background consistent (no hover color change) */
.oru-startup-login .oru-button.has-variant-primary,
.oru-startup-login .oru-button.has-variant-primary:hover {
background-color: var(--oru-primary-button-background) !important; /* #012169 */
}
/* Change title header text color*/
.titleHeaderRow {
color: #fff !important;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* subtle shadow for depth */
}
/* Change description text color*/
#createUserCommentDiv #ContentPlaceHolder_descriptionLabel.descriptionText {
color: #000 !important;
}
/* Do NOT change the Login button on hover */
#ContentPlaceHolder_loginButton:hover,
.oru-startup-login .oru-button.has-variant-primary:hover {
background-color: var(--oru-primary-button-background) !important;
color: #fff !important;
opacity: 1 !important;
}
/* Force fixed layout so columns DO NOT auto-expand */
#ContentPlaceHolder_submissionHistoryGrid .dxgvTable {
table-layout: fixed !important;
width: 100% !important;
}
/* ACTIONS column (last one) – remove huge free space */
#ContentPlaceHolder_submissionHistoryGrid th:nth-child(9),
#ContentPlaceHolder_submissionHistoryGrid td:nth-child(9),
#ContentPlaceHolder_submissionHistoryGrid_col17 {
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
white-space: nowrap;
overflow: hidden;
}
/* Tighten the action buttons inside */
#ContentPlaceHolder_submissionHistoryGrid .dxgvActionButtonsFlex {
display: inline-flex;
gap: 4px;
justify-content: flex-start;
width: 100%;
}
/* =========================================================
Hide Help ONLY on Firm Selection page (removes clickable )
Firm Selection page contains: #firmSelectionDiv
========================================================= */
/* Hide the actual Help link (prevents hover/click navigation) */
body:has(#firmSelectionDiv) .oru-link-wrapper.has-variant-toolbar a.oru-link:has(.oru-icon-item.fa-question),
body:has(#firmSelectionDiv) a.oru-link:has(.oru-icon-item.fa-question) {
display: none !important;
}
/* (Optional safety) also hide icon/text if rendered outside the */
body:has(#firmSelectionDiv) .oru-icon-item.fa-question,
body:has(#firmSelectionDiv) .oru-icon-text[title="Help"] {
display: none !important;
}
/* =========================================================
Landing page ONLY: hide Help (scoped by form action="./landing")
Marker found in your HTML: