/*
 * Student portal utilities
 *
 * These classes replace the inline style="" attributes that used to sit in
 * the student views. Every declaration is !important because an inline style
 * outranks any normal stylesheet rule; !important keeps the rendered result
 * identical (Bootstrap's own utilities work the same way).
 *
 * Shadows are the exception in print: Bootstrap's print reset
 * (* { box-shadow: none !important }) always beat the old inline shadows, so
 * the shadow utilities are !important on screen only.
 *
 * Left inline on purpose: display/visibility that JavaScript toggles,
 * properties a page script writes, width on DataTables/Select2 elements
 * (both read it from the style attribute), values that come from PHP, and
 * declarations an existing !important rule already overrides.
 */

.su-ai-center { align-items: center !important; }
.su-ai-flex-start { align-items: flex-start !important; }
.su-ai-start { align-items: start !important; }
.su-bcoll-collapse { border-collapse: collapse !important; }
.su-bd-0 { border: 0 !important; }
.su-bd-1-5px-solid-dbe5f1 { border: 1.5px solid #dbe5f1 !important; }
.su-bd-1-5px-solid-e2e8f0 { border: 1.5px solid #e2e8f0 !important; }
.su-bd-1-5px-solid-f59e0b { border: 1.5px solid #f59e0b !important; }
.su-bd-1px-solid-94a3b8 { border: 1px solid #94a3b8 !important; }
.su-bd-1px-solid-b6dbff { border: 1px solid #b6dbff !important; }
.su-bd-1px-solid-d4cec0 { border: 1px solid #d4cec0 !important; }
.su-bd-1px-solid-ddd { border: 1px solid #ddd !important; }
.su-bd-1px-solid-e2e8f0 { border: 1px solid #e2e8f0 !important; }
.su-bd-1px-solid-fed7d7 { border: 1px solid #fed7d7 !important; }
.su-bd-1px-solid-p-border { border: 1px solid var(--p-border) !important; }
.su-bd-1px-solid-sim-border { border: 1px solid var(--sim-border) !important; }
.su-bd-2px-dashed-d4cec0 { border: 2px dashed #d4cec0 !important; }
.su-bd-none { border: none !important; }
.su-bd-x872dfc { border: 1px solid rgba(255, 255, 255, 0.3) !important; }
.su-bdb-1px-solid-border { border-bottom: 1px solid var(--border) !important; }
.su-bdb-1px-solid-eef2f7 { border-bottom: 1px solid #eef2f7 !important; }
.su-bdb-1px-solid-p-border { border-bottom: 1px solid var(--p-border) !important; }
.su-bdb-1px-solid-sim-border { border-bottom: 1px solid var(--sim-border) !important; }
.su-bdb-2px-solid-333 { border-bottom: 2px solid #333 !important; }
.su-bdc-1a56db { border-color: #1a56db !important; }
.su-bdc-rgba255-255-255-0-3 { border-color: rgba(255, 255, 255, 0.3) !important; }
.su-bdl-4px-solid-1a56db { border-left: 4px solid #1a56db !important; }
.su-bdt-1px-dashed-e2e8f0 { border-top: 1px dashed #e2e8f0 !important; }
.su-bdt-1px-solid-333 { border-top: 1px solid #333 !important; }
.su-bdt-1px-solid-c0c8d8 { border-top: 1px solid #c0c8d8 !important; }
.su-bdt-1px-solid-eef2f7 { border-top: 1px solid #eef2f7 !important; }
.su-bdt-1px-solid-lc-hairline { border-top: 1px solid var(--lc-hairline) !important; }
.su-bdt-2px-solid-bfdbfe { border-top: 2px solid #bfdbfe !important; }
.su-bdw-2px { border-width: 2px !important; }
.su-bg-1a56db { background: #1a56db !important; }
.su-bg-2b6cb0 { background: #2b6cb0 !important; }
.su-bg-3fc1c9 { background: #3fc1c9 !important; }
.su-bg-d4cec0 { background: #d4cec0 !important; }
.su-bg-e8f4ff { background: #e8f4ff !important; }
.su-bg-f1f5f9 { background: #f1f5f9 !important; }
.su-bg-f8f9fa { background: #f8f9fa !important; }
.su-bg-f8fafc { background: #f8fafc !important; }
.su-bg-f8fbff { background: #f8fbff !important; }
.su-bg-fef3c7 { background: #fef3c7 !important; }
.su-bg-fff { background: #fff !important; }
.su-bg-fff5f5 { background: #fff5f5 !important; }
.su-bg-grad-9a2a95 { background: linear-gradient(to right, #4285f4 60%, #fbbc05 80%, #34a853 100%) !important; }
.su-bg-grad-a4575e { background: linear-gradient(to right, #ea4335, #fbbc05) !important; }
.su-bg-grad-be7be0 { background: linear-gradient(to right, #4285f4, #fbbc05, #34a853) !important; }
.su-bg-grad-e018d7 { background: linear-gradient(135deg, #0f2457 0%, #1a56db 100%) !important; }
.su-bg-lc-amber-bg { background: var(--lc-amber-bg) !important; }
.su-bg-lc-red-bg { background: var(--lc-red-bg) !important; }
.su-bg-lr-accent { background: var(--lr-accent) !important; }
.su-bg-none { background: none !important; }
.su-bg-p-surface-2 { background: var(--p-surface-2) !important; }
.su-bg-rgba0-0-0-0-4 { background: rgba(0, 0, 0, 0.4) !important; }
.su-bg-rgba255-255-255-0-15 { background: rgba(255, 255, 255, 0.15) !important; }
.su-bg-rgba255-255-255-0-2 { background: rgba(255, 255, 255, 0.2) !important; }
.su-bg-rgba255-255-255-0-28 { background: rgba(255, 255, 255, 0.28) !important; }
.su-bg-sim-surface { background: var(--sim-surface) !important; }
.su-bg-sim-surface-2 { background: var(--sim-surface-2) !important; }
.su-bg-surface-2 { background: var(--surface-2) !important; }
.su-bg-white { background: white !important; }
.su-bsp-0 { border-spacing: 0 !important; }
.su-c-0f172a { color: #0f172a !important; }
.su-c-0f2457 { color: #0f2457 !important; }
.su-c-15803d { color: #15803d !important; }
.su-c-16a34a { color: #16a34a !important; }
.su-c-198754 { color: #198754 !important; }
.su-c-1a1a2e { color: #1a1a2e !important; }
.su-c-1a56db { color: #1a56db !important; }
.su-c-1d4ed8 { color: #1d4ed8 !important; }
.su-c-2563eb { color: #2563eb !important; }
.su-c-2b6cb0 { color: #2b6cb0 !important; }
.su-c-333 { color: #333 !important; }
.su-c-334155 { color: #334155 !important; }
.su-c-374151 { color: #374151 !important; }
.su-c-475569 { color: #475569 !important; }
.su-c-555 { color: #555 !important; }
.su-c-57534a { color: #57534a !important; }
.su-c-64748b { color: #64748b !important; }
.su-c-667eea { color: #667eea !important; }
.su-c-6b7280 { color: #6b7280 !important; }
.su-c-78350f { color: #78350f !important; }
.su-c-7c3aed { color: #7c3aed !important; }
.su-c-888 { color: #888 !important; }
.su-c-8a8578 { color: #8a8578 !important; }
.su-c-8b1a1a { color: #8b1a1a !important; }
.su-c-92400e { color: #92400e !important; }
.su-c-94a3b8 { color: #94a3b8 !important; }
.su-c-9b2c2c { color: #9b2c2c !important; }
.su-c-b91c1c { color: #b91c1c !important; }
.su-c-cbd5e1 { color: #cbd5e1 !important; }
.su-c-dc2626 { color: #dc2626 !important; }
.su-c-dc3545 { color: #dc3545 !important; }
.su-c-f59e0b { color: #f59e0b !important; }
.su-c-ffd700 { color: #ffd700 !important; }
.su-c-fff { color: #fff !important; }
.su-c-green { color: green !important; }
.su-c-lc-amber { color: var(--lc-amber) !important; }
.su-c-lc-blue { color: var(--lc-blue) !important; }
.su-c-lc-ink-faint { color: var(--lc-ink-faint) !important; }
.su-c-lc-ink-soft { color: var(--lc-ink-soft) !important; }
.su-c-lc-red { color: var(--lc-red) !important; }
.su-c-lr-accent { color: var(--lr-accent) !important; }
.su-c-muted { color: var(--muted) !important; }
.su-c-p-primary { color: var(--p-primary) !important; }
.su-c-primary { color: var(--primary) !important; }
.su-c-red { color: red !important; }
.su-c-sim-primary { color: var(--sim-primary) !important; }
.su-c-sim-red { color: var(--sim-red) !important; }
.su-c-sim-text-2 { color: var(--sim-text-2) !important; }
.su-c-sim-text-3 { color: var(--sim-text-3) !important; }
.su-c-text-1 { color: var(--text-1) !important; }
.su-c-text-2 { color: var(--text-2) !important; }
.su-c-white { color: white !important; }
.su-cur-not-allowed { cursor: not-allowed !important; }
.su-cur-pointer { cursor: pointer !important; }
.su-fdir-column { flex-direction: column !important; }
.su-ff-dm-serif-display-serif { font-family: 'DM Serif Display', serif !important; }
.su-ff-monospace { font-family: monospace !important; }
.su-ff-times-new-roman-serif { font-family: 'Times New Roman', serif !important; }
.su-flex-1 { flex: 1 !important; }
.su-fs-0-72rem { font-size: 0.72rem !important; }
.su-fs-0-75rem { font-size: 0.75rem !important; }
.su-fs-0-78rem { font-size: 0.78rem !important; }
.su-fs-0-82rem { font-size: 0.82rem !important; }
.su-fs-0-84rem { font-size: 0.84rem !important; }
.su-fs-0-85rem { font-size: 0.85rem !important; }
.su-fs-0-88rem { font-size: 0.88rem !important; }
.su-fs-0-8rem { font-size: 0.8rem !important; }
.su-fs-0-95rem { font-size: 0.95rem !important; }
.su-fs-0-9rem { font-size: 0.9rem !important; }
.su-fs-1-05rem { font-size: 1.05rem !important; }
.su-fs-1-15rem { font-size: 1.15rem !important; }
.su-fs-1-1rem { font-size: 1.1rem !important; }
.su-fs-1-2rem { font-size: 1.2rem !important; }
.su-fs-1-6rem { font-size: 1.6rem !important; }
.su-fs-10px { font-size: 10px !important; }
.su-fs-11pt { font-size: 11pt !important; }
.su-fs-11px { font-size: 11px !important; }
.su-fs-12-5px { font-size: 12.5px !important; }
.su-fs-12-8px { font-size: 12.8px !important; }
.su-fs-12pt { font-size: 12pt !important; }
.su-fs-12px { font-size: 12px !important; }
.su-fs-13-4px { font-size: 13.4px !important; }
.su-fs-13px { font-size: 13px !important; }
.su-fs-14px { font-size: 14px !important; }
.su-fs-15-5px { font-size: 15.5px !important; }
.su-fs-15px { font-size: 15px !important; }
.su-fs-16px { font-size: 16px !important; }
.su-fs-1rem { font-size: 1rem !important; }
.su-fs-20px { font-size: 20px !important; }
.su-fs-22px { font-size: 22px !important; }
.su-fs-24px { font-size: 24px !important; }
.su-fs-28px { font-size: 28px !important; }
.su-fs-34px { font-size: 34px !important; }
.su-fs-36px { font-size: 36px !important; }
.su-fs-5rem { font-size: 5rem !important; }
.su-fs-7-5pt { font-size: 7.5pt !important; }
.su-fs-8-5pt { font-size: 8.5pt !important; }
.su-fs-9px { font-size: 9px !important; }
.su-fshrink-0 { flex-shrink: 0 !important; }
.su-fw-400 { font-weight: 400 !important; }
.su-fw-500 { font-weight: 500 !important; }
.su-fw-600 { font-weight: 600 !important; }
.su-fw-700 { font-weight: 700 !important; }
.su-fw-800 { font-weight: 800 !important; }
.su-fw-bold { font-weight: bold !important; }
.su-gap-0 { gap: 0 !important; }
.su-gap-0-5rem { gap: 0.5rem !important; }
.su-gap-0-75rem { gap: 0.75rem !important; }
.su-gap-10px { gap: 10px !important; }
.su-gap-12px { gap: 12px !important; }
.su-gap-6px { gap: 6px !important; }
.su-gap-8px { gap: 8px !important; }
.su-h-100pct { height: 100% !important; }
.su-h-16px { height: 16px !important; }
.su-h-1px { height: 1px !important; }
.su-h-280px { height: 280px !important; }
.su-h-2px { height: 2px !important; }
.su-h-38px { height: 38px !important; }
.su-jc-center { justify-content: center !important; }
.su-jc-space-between { justify-content: space-between !important; }
.su-left-0 { left: 0 !important; }
.su-lh-1-3 { line-height: 1.3 !important; }
.su-lh-1-5 { line-height: 1.5 !important; }
.su-lh-1-55 { line-height: 1.55 !important; }
.su-lh-1-6 { line-height: 1.6 !important; }
.su-lh-1-65 { line-height: 1.65 !important; }
.su-lh-1-7 { line-height: 1.7 !important; }
.su-lh-1-8 { line-height: 1.8 !important; }
.su-lsp-0-04em { letter-spacing: 0.04em !important; }
.su-lsp-0-5px { letter-spacing: 0.5px !important; }
.su-lsp-1px { letter-spacing: 1px !important; }
.su-m-0 { margin: 0 !important; }
.su-m-0-0-10px-0 { margin: 0 0 10px 0 !important; }
.su-m-0-0-15px-0 { margin: 0 0 15px 0 !important; }
.su-m-0-0-4px-0 { margin: 0 0 4px 0 !important; }
.su-m-0-auto { margin: 0 auto !important; }
.su-m-0-auto-12px { margin: 0 auto 12px !important; }
.su-m-0-auto-16px { margin: 0 auto 16px !important; }
.su-m-1-75rem-auto { margin: 1.75rem auto !important; }
.su-m-10px-0-0 { margin: 10px 0 0 !important; }
.su-m-16px-0 { margin: 16px 0 !important; }
.su-m-20px-0 { margin: 20px 0 !important; }
.su-m-25px-0-15px-0 { margin: 25px 0 15px 0 !important; }
.su-m-4px-0-0 { margin: 4px 0 0 !important; }
.su-m-6px-0 { margin: 6px 0 !important; }
.su-maxh-320px { max-height: 320px !important; }
.su-maxh-400px { max-height: 400px !important; }
.su-maxh-70vh { max-height: 70vh !important; }
.su-maxw-100pct { max-width: 100% !important; }
.su-maxw-1120px { max-width: 1120px !important; }
.su-maxw-160px { max-width: 160px !important; }
.su-maxw-200px { max-width: 200px !important; }
.su-maxw-240px { max-width: 240px !important; }
.su-maxw-320px { max-width: 320px !important; }
.su-maxw-380px { max-width: 380px !important; }
.su-maxw-400px { max-width: 400px !important; }
.su-maxw-500px { max-width: 500px !important; }
.su-mb-0 { margin-bottom: 0 !important; }
.su-mb-10px { margin-bottom: 10px !important; }
.su-mb-12px { margin-bottom: 12px !important; }
.su-mb-14px { margin-bottom: 14px !important; }
.su-mb-15px { margin-bottom: 15px !important; }
.su-mb-20px { margin-bottom: 20px !important; }
.su-mb-6px { margin-bottom: 6px !important; }
.su-mb-8px { margin-bottom: 8px !important; }
.su-mb-n2px { margin-bottom: -2px !important; }
.su-minw-220px { min-width: 220px !important; }
.su-minw-360px { min-width: 360px !important; }
.su-ml-10px { margin-left: 10px !important; }
.su-ml-6px { margin-left: 6px !important; }
.su-ml-8px { margin-left: 8px !important; }
.su-mr-4px { margin-right: 4px !important; }
.su-mr-5px { margin-right: 5px !important; }
.su-mr-6px { margin-right: 6px !important; }
.su-mr-8px { margin-right: 8px !important; }
.su-mt-10px { margin-top: 10px !important; }
.su-mt-12px { margin-top: 12px !important; }
.su-mt-14px { margin-top: 14px !important; }
.su-mt-15px { margin-top: 15px !important; }
.su-mt-16px { margin-top: 16px !important; }
.su-mt-1px { margin-top: 1px !important; }
.su-mt-1rem { margin-top: 1rem !important; }
.su-mt-20px { margin-top: 20px !important; }
.su-mt-25px { margin-top: 25px !important; }
.su-mt-2px { margin-top: 2px !important; }
.su-mt-4px { margin-top: 4px !important; }
.su-mt-6px { margin-top: 6px !important; }
.su-mt-8px { margin-top: 8px !important; }
.su-op-0-65 { opacity: 0.65 !important; }
.su-op-0-85 { opacity: 0.85 !important; }
.su-op-0-92 { opacity: 0.92 !important; }
.su-op-1 { opacity: 1 !important; }
.su-ov-hidden { overflow: hidden !important; }
.su-ovy-auto { overflow-y: auto !important; }
.su-p-0 { padding: 0 !important; }
.su-p-0-4px { padding: 0 4px !important; }
.su-p-0-8px { padding: 0 8px !important; }
.su-p-1-25rem { padding: 1.25rem !important; }
.su-p-10px-12px { padding: 10px 12px !important; }
.su-p-10px-14px { padding: 10px 14px !important; }
.su-p-10px-16px { padding: 10px 16px !important; }
.su-p-10px-18px { padding: 10px 18px !important; }
.su-p-12px { padding: 12px !important; }
.su-p-12px-16px { padding: 12px 16px !important; }
.su-p-14px-16px { padding: 14px 16px !important; }
.su-p-14px-18px { padding: 14px 18px !important; }
.su-p-15px-18px { padding: 15px 18px !important; }
.su-p-16px { padding: 16px !important; }
.su-p-16px-20px { padding: 16px 20px !important; }
.su-p-18px { padding: 18px !important; }
.su-p-20px { padding: 20px !important; }
.su-p-2px-8px { padding: 2px 8px !important; }
.su-p-30px { padding: 30px !important; }
.su-p-48px-24px { padding: 48px 24px !important; }
.su-p-4px-10px { padding: 4px 10px !important; }
.su-p-5px-16px { padding: 5px 16px !important; }
.su-p-6px-10px { padding: 6px 10px !important; }
.su-p-6px-14px { padding: 6px 14px !important; }
.su-p-7px-18px { padding: 7px 18px !important; }
.su-p-8px { padding: 8px !important; }
.su-p-8px-18px { padding: 8px 18px !important; }
.su-pe-none { pointer-events: none !important; }
.su-pos-fixed { position: fixed !important; }
.su-pr-15px { padding-right: 15px !important; }
.su-pt-0 { padding-top: 0 !important; }
.su-pt-12px { padding-top: 12px !important; }
.su-pt-15px { padding-top: 15px !important; }
.su-pt-4px { padding-top: 4px !important; }
.su-r-10px { border-radius: 10px !important; }
.su-r-12px { border-radius: 12px !important; }
.su-r-1px { border-radius: 1px !important; }
.su-r-2px { border-radius: 2px !important; }
.su-r-4px { border-radius: 4px !important; }
.su-r-5px { border-radius: 5px !important; }
.su-r-6px { border-radius: 6px !important; }
.su-r-8px { border-radius: 8px !important; }
.su-r-999px { border-radius: 999px !important; }
.su-ta-center { text-align: center !important; }
.su-ta-justify { text-align: justify !important; }
.su-ta-right { text-align: right !important; }
.su-tdec-none { text-decoration: none !important; }
.su-top-0 { top: 0 !important; }
.su-tov-ellipsis { text-overflow: ellipsis !important; }
.su-tt-none { text-transform: none !important; }
.su-tt-uppercase { text-transform: uppercase !important; }
.su-va-n3px { vertical-align: -3px !important; }
.su-va-n5px { vertical-align: -5px !important; }
.su-w-100px { width: 100px !important; }
.su-w-10pct { width: 10% !important; }
.su-w-110px { width: 110px !important; }
.su-w-11pct { width: 11% !important; }
.su-w-120px { width: 120px !important; }
.su-w-12pct { width: 12% !important; }
.su-w-130px { width: 130px !important; }
.su-w-13pct { width: 13% !important; }
.su-w-140px { width: 140px !important; }
.su-w-14pct { width: 14% !important; }
.su-w-150px { width: 150px !important; }
.su-w-160px { width: 160px !important; }
.su-w-16pct { width: 16% !important; }
.su-w-16px { width: 16px !important; }
.su-w-170px { width: 170px !important; }
.su-w-18pct { width: 18% !important; }
.su-w-200px { width: 200px !important; }
.su-w-20pct { width: 20% !important; }
.su-w-210px { width: 210px !important; }
.su-w-22pct { width: 22% !important; }
.su-w-25pct { width: 25% !important; }
.su-w-260px { width: 260px !important; }
.su-w-280px { width: 280px !important; }
.su-w-28pct { width: 28% !important; }
.su-w-38px { width: 38px !important; }
.su-w-4pct { width: 4% !important; }
.su-w-50px { width: 50px !important; }
.su-w-52pct { width: 52% !important; }
.su-w-56px { width: 56px !important; }
.su-w-60pct { width: 60% !important; }
.su-w-6pct { width: 6% !important; }
.su-w-80px { width: 80px !important; }
.su-w-85px { width: 85px !important; }
.su-w-8pct { width: 8% !important; }
.su-w-90pct { width: 90% !important; }
.su-w-90px { width: 90px !important; }
.su-w-95px { width: 95px !important; }
.su-w-9pct { width: 9% !important; }
.su-webkit-overflow-scrolling-x24d58a { -webkit-overflow-scrolling: touch !important; }
.su-ws-nowrap { white-space: nowrap !important; }
.su-ws-pre-wrap { white-space: pre-wrap !important; }
.su-z-99999 { z-index: 99999 !important; }

@media screen {
    .su-sh-0-2px-4px-rgba0-0-0-0-04 { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important; }
    .su-sh-0-8px-30px-rgba0-0-0-0-2 { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2) !important; }
    .su-sh-sim-shadow-sm { box-shadow: var(--sim-shadow-sm) !important; }
}

@media print {
    .su-sh-0-2px-4px-rgba0-0-0-0-04 { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); }
    .su-sh-0-8px-30px-rgba0-0-0-0-2 { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); }
    .su-sh-sim-shadow-sm { box-shadow: var(--sim-shadow-sm); }
}