/* Site-wide dark mode. Scoped under html.site-dark-mode (set on <html> as
   early as possible, before first paint, by global_dark_mode.js) so it
   covers every page that loads this stylesheet + that script: the panel
   layout (dashboard, courses, quizzes, etc.) and the general public app
   layout (course pages). The learning page has its own focused layout and
   navbar; its toggle is wired separately but shares the same localStorage
   key and class, so it stays in sync with this one. This targets the
   common/structural classes reused across the site rather than every
   individual component — the large majority of the UI, not a pixel-exact
   theme for every page. */

html.site-dark-mode {
    color-scheme: dark;
}

/* Native browser scrollbars (Chrome/Edge) — without this they stay the
   light-theme default even though color-scheme is set above, because
   color-scheme alone only reliably re-themes scrollbars when no custom
   ::-webkit-scrollbar rule elsewhere on the page (e.g. .sidebar-content)
   has already opted a track out of the UA default. */
html.site-dark-mode ::-webkit-scrollbar-track {
    background: #12151c;
}
html.site-dark-mode ::-webkit-scrollbar-thumb {
    background: #3a4152;
}
html.site-dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #4a5366;
}

/* app.css's own body rule uses !important (background-color:
   var(--body_bg, #ffffff) !important) — without matching !important
   here, this rule was silently losing that fight the whole time. It
   wasn't visually obvious because .panel-content-wrapper (fixed
   separately, with !important) happens to cover the full viewport on
   most pages, but any page/gap where it doesn't would show through
   as un-converted white body background. */
html.site-dark-mode body {
    background-color: #12151c !important;
    color: #d7dae0 !important;
}

/* improved-sidebar.css sets .panel-content-wrapper's background to
   var(--bg-gray) (#f9fafb, near-white) at desktop widths — confirmed via
   DevTools as the actual source of the lingering light background behind
   the page content, separate from and layered on top of the body fix
   above. Same file's legacy .sidenav-item/.sidenav-item-collapse hover
   states use the same near-white variable. */
html.site-dark-mode .panel-content-wrapper {
    background-color: #12151c !important;
}
html.site-dark-mode .sidebar-menu .sidenav-item > a:hover,
html.site-dark-mode .sidenav-item-collapse li a:hover {
    background-color: #262b38 !important;
    color: #d7dae0 !important;
}

/* Cards, panels, dropdowns, modals — the vast majority of this site's
   surfaces use these utility classes rather than component-specific ones. */
html.site-dark-mode .bg-white,
html.site-dark-mode .bg-light {
    background-color: #1b1f2a !important;
}
html.site-dark-mode .bg-info-light {
    background-color: #1e2330 !important;
}
html.site-dark-mode .bg-gray200,
html.site-dark-mode .bg-gray300 {
    background-color: #262b38 !important;
}

/* Text colors */
html.site-dark-mode .text-dark-blue,
html.site-dark-mode .text-secondary,
html.site-dark-mode .section-title,
html.site-dark-mode h1,
html.site-dark-mode h2,
html.site-dark-mode h3,
html.site-dark-mode h4,
html.site-dark-mode h5,
html.site-dark-mode h6 {
    color: #e8eaf0 !important;
}
html.site-dark-mode .text-gray,
html.site-dark-mode .text-muted {
    color: #9aa0ac !important;
}
html.site-dark-mode .text-dark {
    color: #e8eaf0 !important;
}
/* Deliberately NOT forcing a color on plain <a> tags: many of them (e.g.
   .view-all-btn on the orange dashboard header) already carry their own
   white/on-brand color designed for a specific background, and a blanket
   override here was clashing with those instead of improving contrast. */

/* Borders */
html.site-dark-mode .border,
html.site-dark-mode .border-top,
html.site-dark-mode .border-gray200,
html.site-dark-mode .border-gray300,
html.site-dark-mode [class*="border-"] {
    border-color: #2a2f3c !important;
}
html.site-dark-mode hr {
    border-color: #2a2f3c;
}

/* Top navbar. merged-navbar.css has ".navbar, #navbar, .top-navbar
   { background-color: ... !important }" — the #navbar ID selector in
   that group beats a plain .navbar class override even with
   !important on both sides (ID specificity always wins over any
   number of classes), so this has to match on #navbar too. */
html.site-dark-mode .navbar,
html.site-dark-mode #navbar {
    background-color: #1b1f2a !important;
    border-color: #2a2f3c;
}
/* "Dashboard" (and any other) nav-link pill in the top header —
   merged-navbar.css pins the base, :hover and .active states to
   var(--text-dark)/var(--primary-orange-light) with !important, the
   latter a pale pink tint meant for a white navbar that shows up as a
   near-white box in dark mode. */
html.site-dark-mode .navbar-nav .nav-link {
    color: #d7dae0 !important;
}
html.site-dark-mode .navbar-nav .nav-link:hover,
html.site-dark-mode .navbar-nav .nav-link.active {
    color: #ff8a4c !important;
    background-color: #2a2115 !important;
}
/* Mobile hamburger menu icon — its 3 bars are drawn with
   background-color: #333 !important (not a text/svg color), so this
   button looked present but was basically invisible against the dark
   navbar: the exact "menu not responding" symptom, it just wasn't
   rendering, not failing to toggle. */
html.site-dark-mode .navbar-toggler-icon,
html.site-dark-mode .navbar-toggler-icon::before,
html.site-dark-mode .navbar-toggler-icon::after {
    background-color: #d7dae0 !important;
}
html.site-dark-mode .navbar-toggler:hover {
    background-color: #262b38 !important;
}
/* Navbar icon buttons (notifications, cart, etc.) — base color is
   var(--text-dark) (near-black) and the :hover state is
   var(--bg-gray) (near-white), both !important and both theme-unaware,
   which is why the bell icon shows a near-invisible glyph normally
   and a bright white box on hover. */
html.site-dark-mode .btn-offcanvas-trigger {
    color: #d7dae0 !important;
}
html.site-dark-mode .btn-offcanvas-trigger:hover {
    background-color: #262b38 !important;
}
/* merged-navbar.css pins both the base and :focus background to
   !important (var(--bg-gray) / var(--bg-white)) — matching !important
   is required here too, same pattern as #navbar. */
html.site-dark-mode .navbar-search .form-control,
html.site-dark-mode .form-control {
    background-color: #1b1f2a !important;
    border-color: #2a2f3c !important;
    color: #d7dae0 !important;
}
html.site-dark-mode .navbar-search .form-control:focus {
    background-color: #20252f !important;
}
html.site-dark-mode .navbar-search .form-control::placeholder,
html.site-dark-mode .form-control::placeholder {
    color: #7a8190 !important;
}

/* Left sidebar nav (.bn-sidebar-* — see panel/includes/sidebar.blade.php) */
html.site-dark-mode .bn-sidebar-wrapper {
    background: #161a24 !important;
    border-right-color: #2a2f3c !important;
}
html.site-dark-mode .bn-sidebar-link {
    color: #e8eaf0 !important;
}
html.site-dark-mode .bn-sidebar-link:hover {
    background: #20252f !important;
    color: #ff8a4c !important;
}
html.site-dark-mode .bn-sidebar-icon {
    color: #c3c8d2 !important;
}
html.site-dark-mode .bn-sidebar-divider {
    background: #2a2f3c !important;
}

/* Course/webinar cards */
html.site-dark-mode .webinar-card {
    background-color: #1b1f2a !important;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.35) !important;
}
html.site-dark-mode .webinar-card .font-weight-500,
html.site-dark-mode .webinar-card .duration,
html.site-dark-mode .webinar-card .date-published {
    color: #d7dae0 !important;
}
/* .webinar-icon (clock/calendar icons on course cards) is colored via
   var(--secondary), a dark navy (#1f3b64) meant for a white card —
   near-invisible on the now-dark card background. */
html.site-dark-mode .webinar-card .webinar-icon {
    color: #9aa0ac !important;
}
/* .stat-title/.stat-value (Category/Instructor/Enrollment Date on the
   Enrolled Learnings list) — stat-value is a hardcoded #171347, the
   same problem as .section-title earlier: a dark-navy color under a
   class name none of the broader overrides reach. */
html.site-dark-mode .webinar-card.webinar-list .stat-title {
    color: #9aa0ac !important;
}
html.site-dark-mode .webinar-card.webinar-list .stat-value {
    color: #e8eaf0 !important;
}

/* Dropdowns, offcanvas panels, and other "floating white card" UI that
   don't use the .bg-white utility class, so the body/.bg-white fixes
   above never reached them — text inside them (.text-gray,
   .text-secondary, etc.) was already going light via those earlier
   rules, which made these components WORSE than before dark mode
   existed (light text on a background that stayed white). */
html.site-dark-mode .custom-dropdown-body {
    background: #1b1f2a !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
html.site-dark-mode .dropdown-user-avatar {
    border-color: #2a2f3c !important;
}
html.site-dark-mode .navbar-auth-user-dropdown-item a:hover {
    background-color: #262b38 !important;
}
/* merged-navbar.css pins .offcanvas-pure to white background + dark
   text with !important on both — same pattern as the #navbar bug. The
   whole mobile nav drawer (cart/notification/hamburger-menu offcanvas —
   see includes/cart-offcanvas-pure.blade.php,
   includes/notification-offcanvas-pure.blade.php,
   panel/includes/merged_navbar.blade.php) is a single "Light Theme"
   component with every color hardcoded !important, so it needs its own
   full override block rather than falling back to the generic
   .bg-white/.text-* rules above (most of its classes are unique to it). */
html.site-dark-mode .offcanvas-pure {
    background-color: #1b1f2a !important;
    color: #d7dae0 !important;
}
html.site-dark-mode .offcanvas-header-pure {
    background: #1b1f2a !important;
    border-bottom-color: #2a2f3c !important;
}
html.site-dark-mode .offcanvas-title-pure {
    color: #e8eaf0 !important;
}
html.site-dark-mode .offcanvas-close-btn {
    color: #9aa0ac !important;
}
html.site-dark-mode .offcanvas-close-btn:hover {
    background-color: #262b38 !important;
}
html.site-dark-mode .offcanvas-body-pure::-webkit-scrollbar-track {
    background: #1b1f2a !important;
}
html.site-dark-mode .offcanvas-body-pure::-webkit-scrollbar-thumb {
    background: #3a4152 !important;
}
html.site-dark-mode .mobile-user-info-card {
    border-bottom-color: #2a2f3c !important;
}
html.site-dark-mode .mobile-user-details h6 {
    color: #e8eaf0 !important;
}
html.site-dark-mode .mobile-user-details small {
    color: #9aa0ac !important;
}
html.site-dark-mode .mobile-nav-section-title {
    color: #6b7280 !important;
}
html.site-dark-mode .mobile-nav-link,
html.site-dark-mode .mobile-nav-toggle {
    color: #d7dae0 !important;
}
html.site-dark-mode .mobile-nav-link i,
html.site-dark-mode .mobile-nav-link svg,
html.site-dark-mode .mobile-nav-toggle i:first-child,
html.site-dark-mode .mobile-nav-toggle .fa-chevron-down,
html.site-dark-mode .mobile-nav-link .fa-chevron-right {
    color: #9aa0ac !important;
}
html.site-dark-mode .mobile-nav-link:hover,
html.site-dark-mode .mobile-nav-link.active,
html.site-dark-mode .mobile-nav-toggle:hover,
html.site-dark-mode .mobile-nav-toggle[aria-expanded="true"] {
    background-color: #262b38 !important;
}
html.site-dark-mode .mobile-nav-collapse {
    background-color: #161a24 !important;
}
html.site-dark-mode .mobile-nav-sublink {
    color: #9aa0ac !important;
}
html.site-dark-mode .mobile-nav-sublink:hover,
html.site-dark-mode .mobile-nav-sublink.active {
    background-color: #262b38 !important;
}
html.site-dark-mode .mobile-auth-buttons {
    background: #1b1f2a !important;
    border-top-color: #2a2f3c !important;
}
html.site-dark-mode .btn-mobile-login:hover {
    background-color: #2a2115 !important;
}
html.site-dark-mode .btn-mobile-logout {
    color: #d7dae0 !important;
}
html.site-dark-mode .btn-mobile-logout i {
    color: #9aa0ac !important;
}
html.site-dark-mode .btn-mobile-logout:hover {
    background-color: #262b38 !important;
}
html.site-dark-mode .notification-icon.bg-white {
    background-color: #262b38 !important;
}
html.site-dark-mode .activities-container {
    background-color: #1b1f2a !important;
}
/* Generic white "card" wrapper reused across many panel pages (filter
   forms, quiz results, etc.) — same hardcoded-white-no-!important
   pattern as .activities-container above. */
html.site-dark-mode .panel-section-card {
    background-color: #1b1f2a !important;
}

/* Badges keep their own accent colors — fine as-is on a dark background —
   but the plain dark/light-text ones need a contrast fix. */
html.site-dark-mode .badge-light {
    background-color: #262b38 !important;
    color: #d7dae0 !important;
}

/* Generic Bootstrap components (dropdown menus, modals, popovers,
   select2, pagination) — these are plain, non-!important white-card
   defaults used all over the app (not just the custom components
   covered above), so normal-specificity overrides are enough. */
html.site-dark-mode .dropdown-menu {
    background-color: #1b1f2a;
    border-color: #2a2f3c;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
html.site-dark-mode .dropdown-item,
html.site-dark-mode .dropdown-item-text {
    color: #d7dae0;
}
html.site-dark-mode .dropdown-item:hover,
html.site-dark-mode .dropdown-item:focus {
    color: #e8eaf0;
    background-color: #262b38;
}
html.site-dark-mode .dropdown-header {
    color: #9aa0ac;
}
html.site-dark-mode .modal-content {
    background-color: #1b1f2a;
    color: #d7dae0;
}
html.site-dark-mode .popover {
    background-color: #1b1f2a;
    border-color: #2a2f3c;
}
html.site-dark-mode .popover-header {
    background-color: #262b38;
    color: #e8eaf0;
    border-bottom-color: #2a2f3c;
}
html.site-dark-mode .select2-container .select2-selection {
    background-color: #1b1f2a;
    border-color: #2a2f3c;
}
html.site-dark-mode .select2-container .select2-selection__rendered {
    color: #d7dae0 !important;
}
html.site-dark-mode .select2-dropdown {
    background-color: #1b1f2a;
    border-color: #2a2f3c;
}
html.site-dark-mode .select2-results__option {
    color: #d7dae0;
}
html.site-dark-mode .select2-results__option--highlighted {
    background-color: #262b38 !important;
    color: #e8eaf0 !important;
}
html.site-dark-mode .custom-pagination {
    background-color: #1b1f2a;
}
/* .btn-outline-secondary (e.g. the PDF/Office viewer's "Reload" button —
   see handleDocumentFile() in learningPage/scripts.js) is dark navy
   (#1f3b64 / var(--secondary)) text on a transparent background, meant
   for a white card — once that card went dark it became dark-on-dark. */
html.site-dark-mode .btn-outline-secondary {
    color: #d7dae0;
    border-color: #3a4152;
}
html.site-dark-mode .btn-outline-secondary:hover {
    color: #fff;
    background-color: #3a4152;
    border-color: #3a4152;
}
/* Learning page Prev/Done/Next footer nav (.btn-nav, .btn-complete-done —
   see learningPage components) have no CSS of their own at all, so they
   fall back to the base .btn rule's color: #343434 (dark gray, no
   !important) — low-contrast-to-invisible on the dark background. Feather
   icons use stroke="currentColor" so fixing the text color fixes the
   icons too. Scoped to these two classes specifically rather than a
   blanket .btn override, since a plain html.site-dark-mode .btn rule
   would out-specificity every .btn-primary/.btn-danger/etc color too. */
html.site-dark-mode .btn-nav {
    color: #d7dae0;
}
html.site-dark-mode .btn-complete-done {
    color: #e8eaf0;
}
/* .btn-complete (the clickable "Complete" button shown before a lesson
   is marked done — distinct from the disabled post-completion
   .btn-complete-done above) has the exact same gap: no CSS of its own
   anywhere, falls back to .btn's color: #343434, and unlike the
   disabled state it isn't even dimmed by opacity — just straight dark
   gray text on a dark background. */
html.site-dark-mode .btn-complete {
    color: #fff;
    background-color: var(--primary, #dd4f05);
    border-color: var(--primary, #dd4f05);
}
/* learning_page/styles.css gives .content-header/.sidebar-header a
   permanent orange gradient with its own white text rules
   (".content-header small { color: white !important }" etc.) designed
   specifically for that background, regardless of theme — but those
   rules are only one class + one element (0,0,1,1) in specificity,
   while the generic .text-muted dark-mode rule above is two classes
   (0,0,2,0) and beats them even with !important on both sides, same
   ID-vs-class pattern as the #navbar bug. That's why "Choose from the
   sidebar" and the course title under "Course Navigation" were turning
   muted gray instead of staying white on the orange header. */
html.site-dark-mode .content-header small,
html.site-dark-mode .content-header h5,
html.site-dark-mode .sidebar-header small,
html.site-dark-mode .sidebar-header h6 {
    color: #ffffff !important;
}
/* The active sidebar lesson item keeps its own light highlight
   background (#f4f6f8) set via inline style by activateTabItem() in
   learningPage/scripts.js — left as-is, only its .text-gray
   description/subtitle text needs to go dark to read against that
   light background instead of the light-on-dark color used elsewhere.
   (An earlier version of this rule was scoped under
   .learning-page-tabs .tab-item.active, matching learning_page/styles.css's
   own dead rule — that ancestor class is never actually applied to any
   element on this page, so it never matched; this one targets
   .tab-item.active directly.) */
html.site-dark-mode .tab-item.active .text-gray,
html.site-dark-mode .certificate-item.active .text-gray {
    color: #343434 !important;
}
/* Sidebar lesson/certificate titles (.text-dark-blue, e.g. "GIFTS
   POLICY") get their orange "currently active" color from an inline
   style JS sets on click (activateTabItem() in learningPage/scripts.js)
   — but the generic html.site-dark-mode h1-h6/.text-dark-blue rule
   above is !important, and !important always beats a plain inline
   style regardless of specificity, so it was silently overwriting that
   inline orange with its own light gray on every title, active or not.
   Giving the active state its own !important rule (so it actually wins)
   and the inactive state a light, readable default fixes both: the
   active title shows orange again, and inactive titles are still
   legible instead of falling back to .text-dark-blue's un-themed
   #171347 (dark navy, meant for a white sidebar). */
html.site-dark-mode .tab-item .text-dark-blue,
html.site-dark-mode .certificate-item .text-dark-blue {
    color: #e8eaf0 !important;
}
html.site-dark-mode .tab-item.active .text-dark-blue,
html.site-dark-mode .certificate-item.active .text-dark-blue {
    color: var(--primary, #dd4f05) !important;
}

/* Tables */
html.site-dark-mode table {
    color: #d7dae0;
}
html.site-dark-mode .custom-table th,
html.site-dark-mode .custom-table td {
    border-color: #2a2f3c !important;
}

/* panel.css pins .dashboard-stats (course-statistics page stat cards) to
   white with !important, same hardcoded pattern as the navbar/offcanvas
   fixes above. */
html.site-dark-mode .dashboard-stats,
html.site-dark-mode .dashboard-stats:hover {
    background-color: #1b1f2a !important;
}

/* Vendor daterangepicker widget (calendar filter popup) — this file barely
   uses !important itself, so normal-specificity overrides are enough. */
html.site-dark-mode .daterangepicker {
    background-color: #1b1f2a;
    border-color: #2a2f3c;
    color: #d7dae0;
}
html.site-dark-mode .daterangepicker:before {
    border-bottom-color: #2a2f3c;
}
html.site-dark-mode .daterangepicker:after {
    border-bottom-color: #1b1f2a;
}
html.site-dark-mode .daterangepicker .calendar-table {
    background-color: #1b1f2a;
    border-color: #2a2f3c;
}
html.site-dark-mode .daterangepicker td,
html.site-dark-mode .daterangepicker th {
    color: #d7dae0;
}
html.site-dark-mode .daterangepicker td.off,
html.site-dark-mode .daterangepicker td.off.in-range,
html.site-dark-mode .daterangepicker td.off.start-date,
html.site-dark-mode .daterangepicker td.off.end-date {
    background-color: #1b1f2a;
    color: #5c6372;
}
html.site-dark-mode .daterangepicker td.in-range {
    background-color: #262b38;
    color: #e8eaf0;
}
html.site-dark-mode .daterangepicker td.active,
html.site-dark-mode .daterangepicker td.active:hover {
    background-color: #dd4f05;
    color: #fff;
}
html.site-dark-mode .daterangepicker td:hover,
html.site-dark-mode .daterangepicker th:hover {
    background-color: #262b38;
}
html.site-dark-mode .daterangepicker .drp-buttons {
    background-color: #1b1f2a;
    border-color: #2a2f3c;
    color: #d7dae0;
}
html.site-dark-mode .daterangepicker select.monthselect,
html.site-dark-mode .daterangepicker select.yearselect,
html.site-dark-mode .daterangepicker select.hourselect,
html.site-dark-mode .daterangepicker select.minuteselect,
html.site-dark-mode .daterangepicker select.secondselect,
html.site-dark-mode .daterangepicker select.ampmselect {
    background-color: #262b38;
    border-color: #2a2f3c;
    color: #d7dae0;
}
html.site-dark-mode .daterangepicker .ranges li {
    color: #d7dae0;
}
html.site-dark-mode .daterangepicker .ranges li:hover {
    background-color: #262b38;
}
html.site-dark-mode .daterangepicker .ranges li.active {
    background-color: #dd4f05;
    color: #fff;
}

/* Login/register/forgot-password cards (password-toggles.css) — none of
   this is !important, but .login-card's own white background was never
   targeted by anything above (it's not .bg-white/.bg-light), so once the
   global h1 rule turned its heading text light, that text sat on an
   unconverted white card: a near-invisible 1.2 contrast ratio, confirmed
   via DevTools. */
html.site-dark-mode .login-container {
    background: #1b1f2a;
    border-color: #2a2f3c;
}
html.site-dark-mode .login-card {
    background: #1b1f2a;
}
html.site-dark-mode .login-card .input-label {
    color: #9aa0ac;
}
html.site-dark-mode .login-card .form-control {
    background-color: #12151c;
    border-color: #2a2f3c;
    color: #d7dae0;
}
html.site-dark-mode .social-login {
    background-color: #12151c;
    border-color: #2a2f3c;
    color: #d7dae0;
}
html.site-dark-mode .social-login:hover {
    background-color: #262b38;
}
html.site-dark-mode .badge-circle-gray300 {
    background: #262b38;
    color: #d7dae0;
}
html.site-dark-mode .custom-control-label {
    color: #9aa0ac;
}

/* Learning page (course/learningPage/index.blade.php) — its own navbar
   and tab UI (learning-page-navbar.css) are styled directly, not through
   the shared .bg-white/.navbar utility classes the rest of this file
   targets, and that file loads AFTER this one in <head> so a non-
   !important override here would lose on source order even without a
   specificity fight. */
html.site-dark-mode .learning-page-navbar {
    background: #1b1f2a !important;
    border-bottom-color: #2a2f3c !important;
}
html.site-dark-mode .learning-page-navbar-title {
    color: #e8eaf0 !important;
}
html.site-dark-mode .progress-text {
    color: #9aa0ac !important;
}
html.site-dark-mode .course-progress {
    background-color: #262b38 !important;
}
html.site-dark-mode .learning-page-sidebar,
html.site-dark-mode .learning-page-main {
    background-color: #12151c !important;
}
html.site-dark-mode .nav-tabs {
    border-bottom-color: #2a2f3c !important;
}
html.site-dark-mode .nav-tabs .nav-link {
    color: #9aa0ac !important;
}
html.site-dark-mode .nav-tabs .nav-link:hover,
html.site-dark-mode .nav-tabs .nav-link:focus {
    border-color: #2a2f3c #2a2f3c #1b1f2a !important;
}
html.site-dark-mode .nav-tabs .nav-link.active,
html.site-dark-mode .nav-tabs .nav-item.show .nav-link {
    color: #e8eaf0 !important;
    background-color: #1b1f2a !important;
    border-color: #2a2f3c #2a2f3c #1b1f2a !important;
}

/* Charts/canvas and real media are left alone deliberately — inverting
   photos/thumbnails or chart canvases tends to look worse, not better. */

/* Toggle button active state — works on both the plain navbar icon button
   and the bordered learning-page-navbar-btn variant. */
.js-global-dark-toggle.is-active {
    color: #dd4f05 !important;
}
.js-global-dark-toggle.is-active svg {
    stroke: #dd4f05;
}
