.floatingButton {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.validationInfo {
    background-color: #ff3535;
    border-radius: 5px;
    padding: 5px;
    color: white !important;
    width: 100% !important;
    margin: 5px 0;
}
.btn-circle {
    width: 45px;
    height: 45px;
    padding: 9px 8px;
    border-radius: 35px;
    font-size: 20px;
    line-height: 1.33;
}
.btn-sm-circle {
    width: 25px;
    height: 25px;
    padding: 6px 5px;
    border-radius: 30px;
    font-size: 10px;
    line-height: 1.33;
}

/* ─── White-Label CSS variable bridge ──────────────────────────────────────
   Maps --wl-* vars (injected per domain in _Layout.cshtml) onto Bootstrap /
   Theme1 selectors so every white-label domain gets its own color palette.
   Defaults already match Theme1 so existing sites look unchanged.
────────────────────────────────────────────────────────────────────────── */

/* Bootstrap CSS-var bridge (Bootstrap 5.2+ reads these in many components) */
:root {
    --bs-primary:       var(--wl-primary);
    --bs-primary-rgb:   var(--wl-primary-rgb);
    --bs-secondary:     var(--wl-secondary);
    --bs-success:       var(--wl-success);
    --bs-danger:        var(--wl-danger);
    --bs-danger-rgb:    var(--wl-danger-rgb);
    --bs-warning:       var(--wl-warning);
}

/* Primary buttons */
.btn-primary                  { background-color: var(--wl-primary) !important; border-color: var(--wl-primary) !important; color: #fff !important; }
.btn-primary:hover,
.btn-primary:focus             { background-color: color-mix(in srgb, var(--wl-primary) 82%, #000) !important; color: #fff !important; }
.btn-outline-primary           { color: var(--wl-primary) !important; border-color: var(--wl-primary) !important; }
.btn-outline-primary:hover     { background-color: var(--wl-primary) !important; color: #fff !important; }
.btn-primary-soft              { background-color: rgba(var(--wl-primary-rgb), .1) !important; color: var(--wl-primary) !important; border: none; }
.btn-primary-soft:hover        { background-color: var(--wl-primary) !important; color: #fff !important; }

/* Links / text */
a.text-primary, .text-primary  { color: var(--wl-primary) !important; }
.text-primary-hover:hover       { color: var(--wl-primary) !important; }

/* Protect dark sidebar / navbar nav-links from the white-label primary color override.
   The generated theme CSS sets `a { color: wl-primary !important }` which would
   paint nav-link text the same dark navy as the bg-dark sidebar. */
.navbar-dark .nav-link,
.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus    { color: rgba(255,255,255,.85) !important; }
.navbar-dark .nav-link.active,
.navbar-dark .navbar-brand       { color: #fff !important; }

/* Table / grid headers */
.table thead.table-dark,
.table-dark                    { background-color: var(--wl-primary) !important; }
.table-primary                 { background-color: rgba(var(--wl-primary-rgb), .15) !important; }

/* Badges / backgrounds */
.badge.bg-primary,
.bg-primary                    { background-color: var(--wl-primary) !important; }
.bg-primary-soft,
.badge.bg-primary.bg-opacity-15 { background-color: rgba(var(--wl-primary-rgb), .15) !important; color: var(--wl-primary) !important; }

/* Form focus ring */
.form-control:focus,
.form-select:focus             { border-color: var(--wl-primary); box-shadow: 0 0 0 .2rem rgba(var(--wl-primary-rgb), .25); }

/* Pagination */
.page-link                     { color: var(--wl-primary); }
.page-item.active .page-link   { background-color: var(--wl-primary); border-color: var(--wl-primary); }

/* Danger (Color4) */
.btn-danger                    { background-color: var(--wl-danger) !important; border-color: var(--wl-danger) !important; color: #fff !important; }
.btn-danger:hover              { background-color: color-mix(in srgb, var(--wl-danger) 82%, #000) !important; color: #fff !important; }
.btn-danger-soft               { background-color: rgba(var(--wl-danger-rgb), .1) !important; color: var(--wl-danger) !important; border: none; }
.btn-danger-soft:hover         { background-color: var(--wl-danger) !important; color: #fff !important; }

/* Warning (Color5) */
.btn-warning                   { background-color: var(--wl-warning) !important; border-color: var(--wl-warning) !important; color: #212529 !important; }
.btn-warning:hover             { background-color: color-mix(in srgb, var(--wl-warning) 82%, #000) !important; color: #212529 !important; }
.btn-warning-soft              { background-color: rgba(var(--wl-primary-rgb), .08) !important; }

/* Success (Color3) */
.btn-success                   { background-color: var(--wl-success) !important; border-color: var(--wl-success) !important; color: #fff !important; }
.btn-success:hover             { background-color: color-mix(in srgb, var(--wl-success) 82%, #000) !important; color: #fff !important; }

/* ─── Inline-style overrides ────────────────────────────────────────────────
   These attribute selectors catch hardcoded hex colors in style="" attributes
   across all views (admin grids, university detail, etc.) and remap them to
   the white-label CSS variables.  CSS !important beats inline styles.
────────────────────────────────────────────────────────────────────────── */

/* #182b5c  — old admin primary (grid headers, section headers, badges) */
[style*="background:#182b5c"],
[style*="background: #182b5c"],
[style*="background-color:#182b5c"],
[style*="background-color: #182b5c"] {
    background:       var(--wl-primary) !important;
    background-color: var(--wl-primary) !important;
    color: #fff !important;
}

/* #04395E / #04395e — alternative dark-navy accent (uni detail page, etc.) */
[style*="background:#04395E"],
[style*="background:#04395e"],
[style*="background: #04395E"],
[style*="background: #04395e"],
[style*="background-color:#04395E"],
[style*="background-color:#04395e"],
[style*="background-color: #04395E"],
[style*="background-color: #04395e"] {
    background:       var(--wl-primary) !important;
    background-color: var(--wl-primary) !important;
    color: #fff !important;
}

/* color:#04395E used as text color (university detail, services) */
[style*="color:#04395E"],
[style*="color:#04395e"],
[style*="color: #04395E"],
[style*="color: #04395e"] {
    color: var(--wl-primary) !important;
}

/* border:#04395E used as border color */
[style*="border-color:#04395E"],
[style*="border-color:#04395e"],
[style*="border-color: #04395E"] {
    border-color: var(--wl-primary) !important;
}

/* #37715d — comment/teal section headers */
[style*="background:#37715d"],
[style*="background: #37715d"],
[style*="background-color:#37715d"] {
    background:       var(--wl-success) !important;
    background-color: var(--wl-success) !important;
    color: #fff !important;
}

/* .mvc-grid-headers inline td/th — belt-and-suspenders in case inline overrides layout style */
.mvc-grid-headers td,
.mvc-grid-headers th { background-color: var(--wl-primary) !important; color: #fff !important; }

/* DataTables thead */
table.dataTable thead th,
table.dataTable thead td { background-color: var(--wl-primary) !important; color: #fff !important; }

/* ─── SweetAlert2 button colors ─────────────────────────────────────────────
   Swal confirmButtonColor / cancelButtonColor are JS props; override via CSS
   so all 50+ Swal.fire calls pick up the white-label palette automatically.
────────────────────────────────────────────────────────────────────────── */
.swal2-confirm { background-color: var(--wl-primary) !important; }
.swal2-cancel  { background-color: var(--wl-danger)  !important; }

/* ─── Additional inline-color overrides ─────────────────────────────────────
   Dashboard stat-card semantic colors remapped to white-label vars
────────────────────────────────────────────────────────────────────────── */

/* #3730a3 — indigo primary stat cards (Agent/Student dashboard) */
[style*="color:#3730a3"],
[style*="color: #3730a3"] { color: var(--wl-primary) !important; }

/* #991b1b — dark-red danger stat cards */
[style*="color:#991b1b"],
[style*="color: #991b1b"] { color: var(--wl-danger) !important; }

/* #065f46 — dark-green success stat cards */
[style*="color:#065f46"],
[style*="color: #065f46"] { color: var(--wl-success) !important; }

/* #92400e — amber warning stat cards */
[style*="color:#92400e"],
[style*="color: #92400e"] { color: var(--wl-warning) !important; }

/* #0d6efd — Bootstrap-blue accent-color on checkboxes/radios */
[style*="accent-color:#0d6efd"],
[style*="accent-color: #0d6efd"] { accent-color: var(--wl-primary) !important; }

/* Protect .wl-swatch from attribute-selector overrides */
.wl-swatch[style*="background"],
.wl-swatch[style*="background-color"] {
    background:       var(--sc, #ccc) !important;
    background-color: var(--sc, #ccc) !important;
    color:            unset !important;
}