/* ==========================================================================
AAMPS Bootstrap 5 custom styles.
Loads on every page.
--------------------------------------------------------------------------
Contents:
Section 1 - AAMPS disabled-state utilities + dropdown caret suppression
Section 2 - AAMPS brand / typography
Section 3 - Spacing & component tweaks
Section 4 - Forms, validation & baseline elements
========================================================================== */
/* Brand web fonts (Google Fonts): Playfair Display (headings) + Inter (UI/body).
Falls back to Georgia / Helvetica stacks if the CDN is unreachable. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@400;500&display=swap');
/* ==========================================================================
AAMPS brand palette - single source of truth.
*-rgb variants exist so rules that need alpha can do
`rgba(var(--aamps-orange-rgb), 0.6)` instead of hardcoding the channels.
========================================================================== */
:root {
--aamps-orange: #C8511F;
--aamps-orange-rgb: 200, 81, 31;
--aamps-orange-dark: #A33F16;
--aamps-orange-light: #E8A464;
--aamps-orange-settlement: #C8511F;
--aamps-navy: #1A3A5C;
--aamps-navy-registry: #1A3A5C;
/* No brown in the brand palette - folded into the amber family. */
--aamps-brown: #C8511F;
--aamps-brown-light: #E8A464;
--aamps-grey-band: #c3c3c3;
/* Brand neutrals */
--aamps-parchment: #F7F5F0;
--aamps-stone: #D4D0C4;
--aamps-slate: #5A6B7A;
--aamps-ink: #2C2C2A;
}
/* ==========================================================================
SECTION 1 - AAMPS UTILITY HELPERS
--------------------------------------------------------------------------
Small runtime-toggled utilities used by the AAMPS JS layer (sales.js,
bondsForSales.js) and a global caret suppression for dropdown toggles.
========================================================================== */
/* [KEEP] Ported from Site.css:695-703. sales.js / bondsForSales.js adds
.disabledbutton to #pendingPanel / #soldPanel when a sale is still in
Reservation state so those panels can't be clicked open. */
.disabledbutton {
pointer-events: none;
opacity: 0.4;
}
.disabledbuttonclear {
pointer-events: none;
opacity: 0.6;
}
/* [KEEP] Ported from Site.css:705-708. Applied by sales.js to specific fields
(e.g. txtFirstNamePending / txtLastNamePending) that should LOOK disabled
but still allow JS access; the form around them stays interactive.
Added: grey bg so the visual cue matches BS3's [disabled] input rendering -
sales.js strips the `disabled` attribute so the BS5 form-control goes back
to white otherwise. */
.disabledControls,
.form-control.disabledControls {
opacity: 0.6;
background-color: #eee !important;
cursor: not-allowed;
}
/* Block interaction. Applied to children when .disabledControls is a wrapper
(e.g. #divReservationExtend) and to the element itself when applied to an
actual form-control. Keeping pointer-events on the wrapper lets the cursor
declaration render when hovering its background. */
.disabledControls *,
input.disabledControls,
select.disabledControls,
textarea.disabledControls,
button.disabledControls,
a.disabledControls {
pointer-events: none;
}
/* Don't gray out div background, just the buttons/labels */
#divReservationExtend.disabledControls {
background-color: transparent !important;
}
/* Show the not-allowed cursor on read-only inputs (browsers don't apply it
by default since readonly elements are still focusable per the spec). */
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
}
/* Hide Edge / IE's native password-reveal pseudo - we render our own eye
toggle on the Login form so the native one duplicates it. */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
display: none;
}
/* When an element has pointer-events: none (.disabledControls form-controls,
readonly datepicker inputs - see rules further down, etc.) its own cursor
declaration doesn't render. Put cursor: not-allowed on the parent so the
cursor still flips when hovering the disabled element. */
:has(> input.disabledControls),
:has(> select.disabledControls),
:has(> textarea.disabledControls),
:has(> button.disabledControls),
:has(> a.disabledControls),
:has(> input[readonly][data-date-format]),
:has(> input.datepicker[readonly]),
:has(> .form-control[readonly][data-date-format]),
:has(> .form-control.datepicker[readonly]),
:has(> input[type="file"]:disabled) {
cursor: not-allowed;
}
/* The "Choose File" button on is a pseudo-element with
its own cursor; the input's cursor doesn't propagate to it. */
input[type="file"]:disabled::file-selector-button {
cursor: not-allowed;
}
/* [KEEP] Modal form labels left-aligned but indented slightly so they don't
hug the modal-body's left edge - keeps the BS3 "form-horizontal" rhythm
without flipping them right-aligned. */
.modal .row > .col-form-label {
padding-left: 1.5rem;
}
/* [KEEP] Suppress BS5's auto-caret on .dropdown-toggle. Every AAMPS layout
emits a manual chevron icon () inside its
dropdown-toggle - without this rule both the manual icon AND BS5's ::after
pseudo-element render, giving the user two stacked arrows. Kept global
rather than per-layout so any new dropdown we add inherits the behavior. */
.dropdown-toggle::after {
display: none;
}
/* ==========================================================================
SECTION 2 - AAMPS BRAND / TYPOGRAPHY [KEEP]
Matches the BS3 visual identity. Permanent - not a shim.
========================================================================== */
body {
font-family: Inter, Helvetica, Arial, sans-serif;
font-size: 13px;
color: var(--aamps-slate);
background-color: var(--aamps-parchment);
}
/* Panel / card headers: same grey band as .aamps-page-header so collapsed panels read
clearly against the parchment page background (the BS default cap-bg is near-invisible). */
.card-header {
background-color: #eee;
}
[data-bs-theme="dark"] .card-header {
background-color: #15293F;
}
/* Type scale (brand Typography section). Headings are Playfair Display 500;
sizes are the brand pt scale converted to px (10pt body = 13px baseline);
letter-spacing is the brand tracking value expressed as /1000 em. */
h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
font-weight: 500;
color: var(--aamps-navy);
}
h1 { font-size: 37px; letter-spacing: 0.04em; } /* Page heading - 28pt */
h2 { font-size: 24px; letter-spacing: 0.02em; } /* Section (H2) - 18pt */
h3 { font-size: 16px; letter-spacing: 0.01em; } /* Subsection - 12pt */
/* Brand roles that have no default HTML tag. */
.aamps-display-title {
font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
font-weight: 500;
font-size: 64px; /* Display title - 48pt */
letter-spacing: 0.06em;
color: var(--aamps-navy);
}
.aamps-caption { /* Caption / label - 9pt */
font-family: Inter, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
letter-spacing: 0.01em;
}
.aamps-eyebrow { /* Eyebrow / small caps - 8pt */
font-family: Inter, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.container {
padding-left: 0;
padding-right: 0;
max-width: 1300px;
}
/* AAMPS brand orange gradient btn-primary (not BS5's default blue) */
.btn-primary {
border-radius: 5px;
border: 0;
color: #fff;
background: var(--aamps-orange);
background: linear-gradient(to bottom, var(--aamps-orange) 0%, var(--aamps-orange-dark) 100%);
}
.btn-primary:is(:hover, :focus, :active, .active),
.show > .btn-primary.dropdown-toggle {
color: #fff;
background: var(--aamps-orange-dark);
background: linear-gradient(to bottom, var(--aamps-orange-dark) 0%, var(--aamps-orange) 100%);
border: 0;
box-shadow: none;
}
/* Logout / destructive actions use the brand Blocked red, not BS5's default #dc3545. */
.btn-danger {
background-color: #A32D2D;
border-color: #A32D2D;
}
.btn-danger:is(:hover, :focus, :active, .active) {
background-color: #8a2626;
border-color: #8a2626;
}
/* Brand colour utilities - Ported from Site.css:484-531 */
.orange { color: var(--aamps-orange-light); }
.dark-orange { color: var(--aamps-orange); font-weight: bold; }
.dark-navy { color: var(--aamps-navy); font-weight: bold; }
.light-brown { color: var(--aamps-brown-light); }
.dark-brown { color: var(--aamps-brown); }
/* Header brand lockup: square icon + AAMPS wordmark (Playfair, navy) acting as the home link. */
.aamps-brand img {
height: 54px;
width: 54px;
}
.aamps-brand-wordmark {
font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
color: var(--aamps-navy);
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 3px;
margin-left: 16px;
line-height: 1;
border-bottom: 1px solid var(--aamps-navy);
padding-bottom: 3px;
transition: color 0.15s, text-shadow 0.15s, border-color 0.15s;
}
/* AAMPS home/brand link glows amber on hover, matching the report-nav glow. */
.aamps-brand:hover .aamps-brand-wordmark,
.aamps-brand:focus .aamps-brand-wordmark {
color: var(--aamps-orange);
border-bottom-color: var(--aamps-orange);
text-shadow: 0 0 8px rgba(var(--aamps-orange-rgb), 0.5);
}
/* Shared page header.
No centre nav (home, sales, etc.): brand + left nav grouped left, welcome + logo grouped
right, within a centred container (.aamps-header-bar / .aamps-header-split).
Dev logo + centre nav present (.aamps-header-3zone): brand + left nav on the left, the
rest of the nav centred, welcome + dev logo on the right. Narrow screens stack/wrap
centred; the 1fr/auto/1fr grid only kicks in at >=xl where there's room. */
.aamps-header,
.aamps-header-bar {
margin-bottom: 3px;
}
.aamps-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 16px 22px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.aamps-header-3zone > .hdr-left,
.aamps-header-3zone > .hdr-center,
.aamps-header-3zone > .hdr-right {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 16px 22px;
flex: 1 1 100%;
}
/* Narrow: each zone is its own centred row; welcome + dev logo stack so the logo sits
centred on the bottom row (restores the old stacked-header behaviour). */
.aamps-header-3zone > .hdr-right { flex-direction: column; }
.hdr-dev-logo { object-fit: contain; }
@media (min-width: 1200px) {
.aamps-header-3zone > .hdr-left { flex: 1 1 0; justify-content: flex-start; }
.aamps-header-3zone > .hdr-center { flex: 0 1 auto; justify-content: center; }
.aamps-header-3zone > .hdr-right { flex: 1 1 0; flex-direction: row; justify-content: flex-end; gap: 28px; }
}
/* Split header (no centre nav): brand + left nav grouped on the left, welcome + dev logo
grouped on the right, inside a centred container - the home-header look. */
.aamps-header-split { gap: 16px 22px; }
.aamps-header-split > .hdr-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 22px;
}
@media (max-width: 991.98px) {
.aamps-header-split { justify-content: center !important; }
.aamps-header-split > .hdr-group { flex: 1 1 100%; justify-content: center; }
.aamps-header-split > .hdr-group:last-child { flex-direction: column; }
}
/* Welcome dropdown menu: slightly thicker edge than the default 1px. */
#welcomedropdown .dropdown-menu {
border-width: 3px;
}
/* Centre the Welcome dropdown menu under its toggle when the header is stacked/centred
(toggle uses data-bs-display="static" so this CSS positions it). 3-zone stacks < xl;
the split header centres < lg. */
@media (max-width: 1199.98px) {
.aamps-header-3zone #welcomedropdown .dropdown-menu {
right: auto;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 991.98px) {
.aamps-header-bar #welcomedropdown .dropdown-menu {
right: auto;
left: 50%;
transform: translateX(-50%);
}
}
/* Page-header bar (back button + centred title). Title is centred via equal-width side
columns; the back button sits on one side with a balanced spacer on the other. On
narrow screens it stacks: title on top, back button below. */
.pg-hdr {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
}
.pg-hdr > .pg-hdr-title { order: -1; margin: 0; text-align: center; }
@media (min-width: 768px) {
.pg-hdr { flex-direction: row; gap: 1rem; }
.pg-hdr > .pg-hdr-side { flex: 1 1 0; min-width: 0; }
.pg-hdr > .pg-hdr-side:last-child { text-align: right; }
.pg-hdr > .pg-hdr-title { order: 0; }
}
/* ==========================================================================
DARK MODE
Brand dark palette (guidelines p.07) mapped onto Bootstrap 5.3's
data-bs-theme="dark": Deep Registry canvas, Registry Navy raised surfaces,
Parchment text, Mist secondary text / hairlines; amber accents unchanged.
Toggle lives in the header Welcome dropdown, persisted via Scripts/app/theme.js.
========================================================================== */
[data-bs-theme="dark"] {
/* The body rule keys off the brand canvas/text vars, so remap those too. */
--aamps-parchment: #0E1E2F; /* page canvas -> Deep Registry */
--aamps-slate: #B8C5D4; /* body text -> Mist */
--bs-body-bg: #0E1E2F; /* Deep Registry */
--bs-body-color: #F7F5F0; /* Parchment */
--bs-emphasis-color: #F7F5F0;
--bs-secondary-color: #B8C5D4; /* Mist */
--bs-secondary-bg: #15293F;
--bs-tertiary-bg: #1A3A5C; /* Registry Navy - raised surfaces */
--bs-tertiary-color: #B8C5D4;
--bs-border-color: #2D5A8C; /* Transit Navy hairline */
--bs-heading-color: #F7F5F0;
--bs-link-color: #E8A464; /* Draw Amber */
--bs-link-color-rgb: 232, 164, 100;
--bs-link-hover-color: #C8511F; /* Settlement Amber */
--bs-link-hover-color-rgb: 200, 81, 31;
--bs-card-bg: #15293F;
--bs-card-cap-bg: #1A3A5C;
--bs-modal-bg: #15293F;
--bs-dropdown-bg: #15293F;
--bs-dropdown-link-color: #F7F5F0;
--bs-dropdown-border-color: #2D5A8C;
}
[data-bs-theme="dark"] .aamps-brand-wordmark {
color: #F7F5F0;
border-bottom-color: #F7F5F0;
}
/* Report headers + nav (light-mode glow; was duplicated inline in each layout) */
.report-nav-pills .nav-link {
color: var(--aamps-navy, #2d3342);
font-weight: 500;
transition: color 0.15s, text-shadow 0.15s;
}
.report-nav-pills .nav-link:hover,
.report-nav-pills .nav-link:focus,
.report-nav-pills .dropdown-toggle.show,
.report-nav-pills .nav-link.active {
color: var(--aamps-orange, #ff8248);
background-color: transparent;
text-shadow: 0 0 8px rgba(var(--aamps-orange-rgb, 255, 130, 72), 0.5);
}
.report-nav-pills .dropdown-item:hover,
.report-nav-pills .dropdown-item:focus,
.report-nav-pills .dropdown-item.active {
color: #fff;
background-color: var(--aamps-orange, #ff8248);
}
/* Dev header nav glow ('!important' beats the legacy '.navbar .nav.navbar-nav > li > a' shim). */
header .navbar .nav-link,
header .navbar .nav.navbar-nav > li > a.nav-link {
color: var(--aamps-navy, #2d3342) !important;
transition: color 0.15s, text-shadow 0.15s;
}
header .navbar .nav-link:hover,
header .navbar .nav-link:focus,
header .navbar .dropdown-toggle.show,
header .navbar .nav-link.active,
header .navbar .nav.navbar-nav > li > a.nav-link:hover,
header .navbar .nav.navbar-nav > li > a.nav-link:focus,
header .navbar .nav.navbar-nav > li > a.nav-link.active {
color: var(--aamps-orange, #ff8248) !important;
background-color: transparent;
text-shadow: 0 0 8px rgba(var(--aamps-orange-rgb, 255, 130, 72), 0.5);
}
header .navbar .dropdown-item:hover,
header .navbar .dropdown-item:focus,
header .navbar .dropdown-item.active {
color: #fff;
background-color: var(--aamps-orange, #ff8248);
}
/* Report headers + nav */
[data-bs-theme="dark"] .report-background {
background-color: #0E1E2F;
}
[data-bs-theme="dark"] .report-nav-pills .nav-link {
color: #F7F5F0;
}
/* Page-header bands (markup uses inline background-color:#eee -> !important) */
[data-bs-theme="dark"] .aamps-page-header {
background-color: #15293F !important;
color: #F7F5F0;
}
/* Footer */
[data-bs-theme="dark"] footer {
color: #B8C5D4;
}
/* DrawDown / report summary panels */
[data-bs-theme="dark"] .summary-panel {
background-color: #15293F;
border-color: #2D5A8C;
}
[data-bs-theme="dark"] .summary-panel-header {
color: #F7F5F0;
}
/* Summary header card - only the table sits on white; the surrounding area shows the
page background. Matches the Sales/BuildingDocs treatment: width 10px shorter on each
side, centred with mx-auto, taller cells. Use with a transparent wrapper, then
around a
. */
.aamps-summary-card { background-color: #fff; width: calc(100% - 20px); }
/* Summary header table: previously these were repeated inline on every page
(width:100%; font-size:0.96em on the table, font-size:14px; font-weight:200 on tbody). */
table.aamps-summary { width: 100%; font-size: 0.96em; }
table.aamps-summary > tbody { font-size: 14px; font-weight: 200; }
table.aamps-summary > thead > tr > th,
table.aamps-summary > tbody > tr > td { padding: 0.6rem 1.2rem; }
table.aamps-summary > thead > tr:first-child > th { border-top: 0; }
table.aamps-summary > tbody > tr:last-child > td { border-bottom: 0; }
/* Small screens: keep columns at full width (no squish) and let the card scroll
horizontally instead of clipping the table (the card carries .overflow-hidden). */
@media (max-width: 767.98px) {
.aamps-summary-card { overflow-x: auto !important; }
table.aamps-summary > thead > tr > th,
table.aamps-summary > tbody > tr > td { white-space: nowrap; }
}
/* Standard heading above the summary tables (Inter, navy, ~22px). Replaces the
inconsistent inline font/colour that varied across Sales/DrawDown/etc. */
.aamps-summary-heading {
font-family: Inter, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: var(--aamps-navy);
}
/* NOTE: .light-grey and .dark-grey in Site.css both currently resolve to
#FF703C (orange) - appears to be a legacy typo but ported verbatim to
preserve existing behaviour. Revisit when safe. */
.light-grey { color: var(--aamps-orange-light); }
.dark-grey { color: var(--aamps-orange-light); }
/* Anchor default + hover - Ported from Site.css:442-445, 385-389.
BS5 defaults to blue (#0d6efd); AAMPS uses dark navy + orange hover. */
a {
color: var(--aamps-navy);
text-decoration: none;
}
/* AAMPS orange clickables - ported from Site.css:447-450.
Document view/download links (#openFile) and delete links (.deleteFileUploaded)
render in brand orange across all Documents partials (Attorney/Edit modal +
BS3 Sales/DrawDown/Vetting/Report). .doc-list a covers the DeveloperSetup
View All Documents modal which uses its own delete handler. */
#openFile, .deleteFileUploaded, .doc-list a {
color: var(--aamps-orange);
text-decoration: none;
}
#openFile:hover, .deleteFileUploaded:hover, .doc-list a:hover {
color: var(--aamps-orange-dark);
text-decoration: underline;
cursor: pointer;
}
/* Transparent-background "View" row action used in Report/DocumentsReport and
Report/CommentsReport. Reads as a brand-orange text link with an icon;
glows orange on hover to give it the same visual weight as btn-primary
without a filled background. */
.btn-background {
color: var(--aamps-navy);
background: transparent;
border: 0;
padding: 4px 10px;
text-decoration: none;
white-space: nowrap;
}
.btn-background:hover,
.btn-background:focus {
color: var(--aamps-orange);
background: transparent;
text-shadow: 0 0 8px rgba(var(--aamps-orange-rgb), 0.9);
text-decoration: none;
}
a:hover, a:focus {
color: var(--aamps-orange-light);
text-decoration: underline;
cursor: pointer;
}
/* Required-field red border (used by form validation) - Ported from Site.css:498 */
.required-field { border: 1px solid #f00; }
/* Pagination active page - Ported from Site.css:357-363 and adapted for
BS5's new selector (.page-item.active .page-link instead of
.pagination > .active > a). AAMPS brand orange instead of BS5 blue. */
.page-item.active .page-link {
z-index: 2;
color: #fff;
background-color: var(--aamps-orange);
border-color: var(--aamps-orange);
}
.page-link {
color: var(--aamps-orange-dark);
}
.page-link:hover,
.page-link:focus {
color: #fff;
background-color: var(--aamps-orange);
border-color: var(--aamps-orange);
box-shadow: 0 0 8px rgba(var(--aamps-orange-rgb), 0.6);
}
/* Disabled pager links - grey text on white background (not BS5's grey
background), and a not-allowed cursor on hover. Events block on the
.page-link (BS5 default) so clicks can't trigger :active highlight; the
cursor comes from the parent .page-item via pointer-event bubbling. */
.page-item.disabled .page-link {
color: #999;
background-color: #fff;
border-color: #dee2e6;
pointer-events: none;
}
.page-item.disabled {
cursor: not-allowed;
}
/* Home dashboard app-selector buttons - Ported from Site.css:172-178.
Flat-corner, padded, Calibri buttons inside p#buttonsDashBoard. */
p#buttonsDashBoard .btn-lg,
.btn-group-lg > .btn {
border-radius: 0;
padding: 15px 40px;
font-size: 18px;
font-family: Calibri;
margin: 5px;
}
/* [KEEP] Unified AAMPS page header band - the grey strip at the top of
landing-style pages where the user picks a development / attorney / etc.
Single-source-of-truth so every page's header band looks consistent.
(White working-header band, used on pages inside a sale / attorney record,
is a different layout - usually a d-flex with Back + heading + actions -
and is intentionally NOT unified via this class.) */
.aamps-page-header {
background-color: #eee;
padding: 12px 15px;
border-radius: 4px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
margin-top: 20px;
margin-bottom: 20px;
}
.aamps-page-header h1,
.aamps-page-header h2,
.aamps-page-header h3 {
margin: 0;
font-size: 30px; /* H1-ish size for every gray-band heading */
letter-spacing: 0.04em;
line-height: 1.1;
position: relative;
top: -2px; /* Playfair sits low in its line box; nudge the caps up so they read centred in the band */
}
/* [KEEP] Ported from Site.css:284-293. AAMPS brand orange for every badge
(BS5 defaults to transparent bg and relies on .bg-* modifier; without this
the badge text renders white-on-white in contexts like Dashboard's Total
Units row). !important so BS5's per-element `.bg-*` or inline overrides
don't accidentally beat it when we want the AAMPS orange default. */
.badge {
background-color: var(--aamps-orange) !important;
color: #fff !important;
display: inline-block;
min-width: 10px;
padding: 3px 10px;
font-size: 12px;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px;
}
/* Grey band background for fieldset legends (Admin Ar* views, Sales/Details Bond Applications). */
.legend-banded {
width: 100%;
background-color: var(--aamps-grey-band);
}
/* Legend heading size - Ported from Site.css:1006-1008 */
.legend-heading {
font-size: 18px;
}
/* fountainG loader animation - Ported from Site.css:824-940, 944-954.
Vendor prefixes dropped (-o-/-ms-/-webkit-/-moz-); modern browsers only. */
#fountainG {
position: relative;
width: 186px;
height: 15px;
margin: auto;
}
.fountainG {
position: absolute;
top: 0;
background-color: rgb(0,0,0);
width: 22px;
height: 10px;
margin-top: -10px;
animation-name: bounce_fountainG;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-direction: normal;
transform: scale(.3);
border-radius: 15px;
}
#fountainG_1 { left: 0; animation-delay: 0.60s; }
#fountainG_2 { left: 23px; animation-delay: 0.75s; }
#fountainG_3 { left: 46px; animation-delay: 0.90s; }
#fountainG_4 { left: 70px; animation-delay: 1.05s; }
#fountainG_5 { left: 93px; animation-delay: 1.20s; }
#fountainG_6 { left: 116px; animation-delay: 1.35s; }
#fountainG_7 { left: 139px; animation-delay: 1.50s; }
#fountainG_8 { left: 163px; animation-delay: 1.64s; }
@keyframes bounce_fountainG {
0% { transform: scale(1); background-color: rgb(0,0,0); }
100% { transform: scale(.3); background-color: rgb(255,255,255); }
}
/* BS5's default
is too dark - restore BS3's subtle divider */
hr {
border: 0;
border-top: 1px solid #eeeeee;
opacity: 1;
margin-top: 20px;
margin-bottom: 20px;
}
/* Logo img in the header - BS5 adds a visible border by default */
.img-thumbnail {
border: 1px solid #fff;
padding: 4px;
background-color: #fff;
}
/* Development-selector tile: image with caption overlay that fades in on hover.
Used by Attorney/Dashboard, DrawDown/Dashboard, Vetting/Home "select a development" grids. */
.dev-thumbnail {
display: block;
padding: 4px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.2s ease-in-out;
position: relative;
overflow: hidden;
}
.dev-thumbnail:hover {
cursor: pointer;
}
.dev-thumbnail > img {
display: block;
height: auto;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.caption {
position: absolute;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
padding: 2%;
display: none;
text-align: center;
color: #fff !important;
z-index: 2;
}
/* Caption is a dark hover overlay - keep its headings white (the global heading
rule colours h1-h6 navy, which is unreadable on the overlay). */
.caption h1, .caption h2, .caption h3,
.caption h4, .caption h5, .caption h6 {
color: #fff;
}
/* Inline addon prefix/suffix on form inputs - Ported from Site.css:255-282.
Used for the "R" currency prefix and glyphicon/bi suffix positioning over an input.
BS5 has `.input-group` for this but AAMPS markup uses the legacy pattern throughout. */
.left-inner-addon {
position: relative;
}
.left-inner-addon input {
padding-left: 30px;
}
.left-inner-addon span {
position: absolute;
padding: 9px 12px;
pointer-events: none;
}
.right-inner-addon {
position: relative;
}
.right-inner-addon input {
padding-right: 30px;
}
.right-inner-addon i {
position: absolute;
right: 0px;
padding: 10px 12px;
pointer-events: none;
}
/* Horizontal centering utility - Ported from Site.css:1050-1054.
Used by Attorney/Edit's Cancel Sale button. BS5 equivalent would be
`position-absolute start-50 translate-middle-x` but existing markup uses this class. */
.center-element-horizontal {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
/* Input-group addon (prefix/suffix span) - match the adjacent readonly input's
grey so the prefix and input read as one connected control. BS5 default is
`--bs-tertiary-bg` (#e9ecef) which is a shade off the readonly `#eee` we set
in site-bs5.css. Used across reservation money / size fields (R, m²). */
.input-group-text {
background-color: #eee;
border-color: #ced4da;
}
/* Tooltips - restore AAMPS orange instead of BS5's white-on-black default.
BS5 exposes `--bs-tooltip-bg` / `--bs-tooltip-color` CSS variables scoped to
`.tooltip`, so swapping them is enough to colour the bubble AND the arrow. */
.tooltip {
--bs-tooltip-bg: var(--aamps-orange);
--bs-tooltip-color: #fff;
--bs-tooltip-opacity: 1;
}
/* Navbar link text - match BS3's near-black, not BS5's blue */
.navbar .nav.navbar-nav > li > a,
.navbar .nav.navbar-nav > li > a:hover,
.navbar .nav.navbar-nav > li > a:focus {
color: #232323;
}
/* Welcome dropdown panel sizing + profile icon - Ported from Site.css:365-379 */
.navbar-login {
width: 305px;
padding: 10px 10px 0 10px;
}
.navbar-login-session {
padding: 0 10px;
}
.icon-size {
font-size: 87px;
}
/* ==========================================================================
SECTION 3 - SPACING & COMPONENT TWEAKS [KEEP]
Scoped carefully so component internals (modal-title, card-title, etc.)
keep their BS5 defaults.
========================================================================== */
/* Headings inside page content areas - restore BS3-ish top margin.
Scoped via `.container` / `.container-fluid` and `:not()` exclusions so
modals, cards, and navbars don't inherit a 20px push. `.container-fluid`
is added for report PDF pages (see _ReportLayoutPDF.cshtml) which
otherwise render h4s with only BS5's default 0.5rem bottom margin and
compress the "Bankable Summary" / similar section headings against
their tables. */
:is(.container, .container-fluid) :is(h1, h2, h3, h4):not(.card-title):not(.modal-title):not(.card-header) {
margin-top: 20px;
margin-bottom: 10px;
}
/* Top padding on page body container for header-to-content breathing room.
`div.container` excludes `