(inline: width:110px white box, height:59px)
└─
(inline: width:65px)
└─ 
<- the logo image
Three levels of inline styles need overriding to let the wordmark
breathe properly. Path resolution: ridco-theme.css lives at
/Content/css/ so "../Images/ridco-logo.png" -> /Content/Images/... */
/* Sidebar brand area now uses the TAGLINE variant (icon + RIDCO +
"Rajasthan Industrial Corridors…"). The sidebar is the more permanent
surface so giving it the descriptive lockup makes the brand explicit;
the navbar gets the compact mark to reclaim horizontal space at the top. */
#menu #brandWrapper a.logo > img {
content: url("../Images/ridco-logo-tagline.png") !important;
width: 100% !important;
height: auto !important;
max-height: 70px !important;
object-fit: contain !important;
display: block !important;
}
/* Override inline width:65px on the anchor — make room for the wider lockup */
#menu #brandWrapper a.logo {
width: 215px !important;
height: 70px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
}
/* Taller white container so the 3-row tagline ("Rajasthan Industrial /
Corridors Development / Corporation Limited") is legible. */
#menu #brandWrapper > div:first-child {
width: 240px !important;
height: 80px !important;
padding: 5px 10px !important;
margin-left: -15px !important;
margin-right: 0 !important;
background: #FFFFFF !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
}
/* Make the dark portion of #brandWrapper match the sidebar navy so the
gap on the right of the white logo box doesn't read as a "bar". */
#menu #brandWrapper {
background: var(--ridco-navy) !important;
min-height: 59px !important;
}
/* The duplicate rendering @UserSession.OrgCode after the logo —
our PNG already contains the "RIDCO" wordmark, so the standalone text
collides with the logo. Hide it for RIDCO users only (this stylesheet
is loaded only when UserSession.OrgCode == "RIDCO"). */
#menu #brandWrapper > span[title] {
display: none !important;
}
/* ── Collapsed-sidebar logo (#divHiddenLogo) ──────────────────
Now uses the COMPACT variant (icon + "RIDCO" wordmark only, no
tagline) — the tagline lives in the sidebar brand box instead.
This keeps the top bar slim so the home/help/monitor icons and the
username area on the right have plenty of breathing room. */
#divHiddenLogo a.logo > img {
content: url("../Images/ridco-logo.png") !important;
height: 48px !important;
width: auto !important;
max-width: 100% !important;
object-fit: contain !important;
display: block !important;
}
#divHiddenLogo a.logo {
width: auto !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
}
/* Hide the duplicate OrgCode text inside the collapsed-sidebar logo box */
#divHiddenLogo > span {
display: none !important;
}
/* Slim container — the compact logo at 48px tall is ~168px wide,
so the container can be tight while still giving the logo breathing
room. This reclaims a lot of horizontal space for the rest of the
navbar. */
#divHiddenLogo {
width: 190px !important;
height: 88px !important;
padding: 4px 10px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
/* The outer col-md-3 wrapper around #divHiddenLogo — tight minimum
matching the slim compact logo. */
.navbar.main .col-md-3:has(#divHiddenLogo) {
width: auto !important;
min-width: 200px !important;
max-width: 22% !important;
padding: 0 !important;
}
/* ── Welcome Banner: layout for logo + text ─────────────────── */
.ridco-welcome-bar .ridco-welcome-left {
display: flex;
align-items: center;
gap: 18px;
flex: 1;
min-width: 0;
}
.ridco-welcome-bar .ridco-brand-mark {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 88px;
height: 88px;
background: #FFFFFF;
border-radius: 12px;
padding: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.ridco-welcome-bar .ridco-brand-mark img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
/* ── Content tabs (wizard/tabsbar) — replace RIICO orange active with RIDCO navy ── */
.tabsbar li.active,
.tabsbar-2 li.active,
.tabsbar ul li.active,
.tabsbar li.active > a,
.tabsbar-2 li.active > a,
.tabsbar li.glyphicons.active,
.tabsbar li.glyphicons.active > a {
background: var(--ridco-navy) !important;
border-color: var(--ridco-navy) !important;
color: #ffffff !important;
}
.tabsbar li.active > a,
.tabsbar li.active > a *,
.tabsbar li.glyphicons.active > a,
.tabsbar li.glyphicons.active > a * {
color: #ffffff !important;
}
for ALL orgs inside #brandWrapper. For RIDCO we replace that