/* moved-styles.css — Migalink IFMIS (CSP-FULL, D-340 item 2 / D-345 item 2).

   The Content-Security-Policy refuses style="…" attributes, so every value that used to be written that way is a class
   here: one class per declaration, named after it (u-width-120px, u-color-color-muted). Values come from tokens.css.

   This file is the FIRST stylesheet of every page, and its rules carry !important. Together that gives a class the exact
   strength the attribute had: it beats every ordinary rule, and it still loses to any other !important rule
   (.no-print, .d-none …), because those come later or are more specific.

   Two groups are not !important, because a script sets the same property on the element at run time and must win:
   - u-display-*: page-events.js turns the class into element.style.display as soon as the element appears, so
     style.display reads, sets and clears exactly as it did on the attribute. The rule below only covers the moment before.
   - us-*: the few elements whose colour or size a script changes (their ids are in the page, e.g. #netLightDot).
   The repeated selector of both groups (.x.x.x) makes them outrank ordinary page rules the way the attribute did.

   The rules are sorted by property so a shorthand (padding) comes before its longhand (padding-left). */
.u-align-items-center{align-items:center !important}
.u-align-items-flex-end{align-items:flex-end !important}
.u-background-none{background:none !important}
.u-background-rgba-13-43-94-_45{background:rgba(13,43,94,.45) !important}
.u-background-color-bg-subtle{background:var(--color-bg-subtle) !important}
.u-background-color-surface{background:var(--color-surface) !important}
.u-background-danger{background:var(--danger) !important}
.u-background-danger-bg{background:var(--danger-bg) !important}
.u-background-info-bg{background:var(--info-bg) !important}
.us-background-ok.us-background-ok.us-background-ok{background:var(--ok)}
.u-border-1px-solid-blue-200{border:1px solid var(--blue-200) !important}
.u-border-1px-solid-color-border{border:1px solid var(--color-border) !important}
.u-border-none{border:none !important}
.u-border-color-danger{border-color:var(--danger) !important}
.u-border-left-4px-solid-danger{border-left:4px solid var(--danger) !important}
.u-border-left-4px-solid-ok{border-left:4px solid var(--ok) !important}
.u-border-radius-12px{border-radius:12px !important}
.us-border-radius-50pct.us-border-radius-50pct.us-border-radius-50pct{border-radius:50%}
.u-border-radius-5px{border-radius:5px !important}
.u-border-radius-6px{border-radius:6px !important}
.u-border-radius-8px{border-radius:8px !important}
.u-border-radius-radius-md{border-radius:var(--radius-md) !important}
.u-border-top-2px-solid-color-border{border-top:2px solid var(--color-border) !important}
.us-box-shadow-0-0-0-2px-rgba-0-0-0-_04.us-box-shadow-0-0-0-2px-rgba-0-0-0-_04.us-box-shadow-0-0-0-2px-rgba-0-0-0-_04{box-shadow:0 0 0 2px rgba(0,0,0,.04)}
.u-box-shadow-0-18px-50px-rgba-0-0-0-_28{box-shadow:0 18px 50px rgba(0,0,0,.28) !important}
.u-color-blue-800{color:var(--blue-800) !important}
.u-color-color-ink{color:var(--color-ink) !important}
.u-color-color-muted{color:var(--color-muted) !important}
.u-color-danger{color:var(--danger) !important}
.u-color-muted{color:var(--muted) !important}
.u-color-ok{color:var(--ok) !important}
.u-color-print-muted{color:var(--print-muted,#5B6B82) !important}
.u-color-warn{color:var(--warn) !important}
.u-cursor-pointer{cursor:pointer !important}
.u-display-block.u-display-block.u-display-block{display:block}
.u-display-flex.u-display-flex.u-display-flex{display:flex}
.u-display-inline.u-display-inline.u-display-inline{display:inline}
.u-display-inline-block.u-display-inline-block.u-display-inline-block{display:inline-block}
.u-display-inline-flex.u-display-inline-flex.u-display-inline-flex{display:inline-flex}
.u-display-none.u-display-none.u-display-none{display:none}
.u-flex-0-0-140px{flex:0 0 140px !important}
.u-flex-0-0-230px{flex:0 0 230px !important}
.u-flex-0-0-380px{flex:0 0 380px !important}
.u-flex-0-0-auto{flex:0 0 auto !important}
.u-flex-1{flex:1 !important}
.u-flex-1-1-320px{flex:1 1 320px !important}
.u-flex-1-1-auto{flex:1 1 auto !important}
.u-flex-direction-column{flex-direction:column !important}
.u-flex-wrap-wrap{flex-wrap:wrap !important}
.u-font-size-10_5px{font-size:10.5px !important}
.u-font-size-11_5px{font-size:11.5px !important}
.u-font-size-11px{font-size:11px !important}
.u-font-size-12_5px{font-size:12.5px !important}
.u-font-size-12px{font-size:12px !important}
.u-font-size-13_5px{font-size:13.5px !important}
.u-font-size-13px{font-size:13px !important}
.u-font-size-15_5px{font-size:15.5px !important}
.u-font-size-16px{font-size:16px !important}
.u-font-size-17px{font-size:17px !important}
.u-font-size-18px{font-size:18px !important}
.u-font-size-24px{font-size:24px !important}
.u-font-size-26px{font-size:26px !important}
.u-font-size-28px{font-size:28px !important}
.u-font-weight-500{font-weight:500 !important}
.u-font-weight-600{font-weight:600 !important}
.u-font-weight-700{font-weight:700 !important}
.u-font-weight-800{font-weight:800 !important}
.u-gap-10px{gap:10px !important}
.u-gap-12px{gap:12px !important}
.u-gap-4px{gap:4px !important}
.u-gap-6px{gap:6px !important}
.u-gap-8px{gap:8px !important}
.u-height-18px{height:18px !important}
.u-height-26px{height:26px !important}
.u-height-34px{height:34px !important}
.us-height-9px.us-height-9px.us-height-9px{height:9px}
.u-height-control-h{height:var(--control-h) !important}
.u-inset-0{inset:0 !important}
.u-justify-content-center{justify-content:center !important}
.u-justify-content-flex-end{justify-content:flex-end !important}
.u-justify-content-flex-start{justify-content:flex-start !important}
.u-justify-content-space-between{justify-content:space-between !important}
.u-justify-content-stretch{justify-content:stretch !important}
.u-letter-spacing-_05em{letter-spacing:.05em !important}
.u-letter-spacing-tracking-short-label{letter-spacing:var(--tracking-short-label) !important}
.u-line-height-1_5{line-height:1.5 !important}
.u-margin-0{margin:0 !important}
.u-margin-0-0-14px{margin:0 0 14px !important}
.u-margin-0-6px-0-0{margin:0 6px 0 0 !important}
.u-margin-0-auto-2px{margin:0 auto 2px !important}
.u-margin-bottom-0{margin-bottom:0 !important}
.u-margin-bottom-10px{margin-bottom:10px !important}
.u-margin-bottom-12pt{margin-bottom:12pt !important}
.u-margin-bottom-12px{margin-bottom:12px !important}
.u-margin-bottom-14px{margin-bottom:14px !important}
.u-margin-bottom-16px{margin-bottom:16px !important}
.u-margin-bottom-18px{margin-bottom:18px !important}
.u-margin-bottom-20px{margin-bottom:20px !important}
.u-margin-bottom-4px{margin-bottom:4px !important}
.u-margin-bottom-6px{margin-bottom:6px !important}
.u-margin-bottom-8px{margin-bottom:8px !important}
.u-margin-left-0{margin-left:0 !important}
.u-margin-left-4px{margin-left:4px !important}
.u-margin-left-6px{margin-left:6px !important}
.u-margin-left-auto{margin-left:auto !important}
.u-margin-right-4px{margin-right:4px !important}
.u-margin-right-6px{margin-right:6px !important}
.u-margin-right-auto{margin-right:auto !important}
.u-margin-top-1px{margin-top:-1px !important}
.u-margin-top-0{margin-top:0 !important}
.u-margin-top-10px{margin-top:10px !important}
.u-margin-top-12px{margin-top:12px !important}
.u-margin-top-14px{margin-top:14px !important}
.u-margin-top-16px{margin-top:16px !important}
.u-margin-top-18px{margin-top:18px !important}
.u-margin-top-20pt{margin-top:20pt !important}
.u-margin-top-20px{margin-top:20px !important}
.u-margin-top-26px{margin-top:26px !important}
.u-margin-top-34pt{margin-top:34pt !important}
.u-margin-top-4px{margin-top:4px !important}
.u-margin-top-6px{margin-top:6px !important}
.u-margin-top-8px{margin-top:8px !important}
.u-max-height-260px{max-height:260px !important}
.u-max-height-300px{max-height:300px !important}
.u-max-height-340px{max-height:340px !important}
.u-max-height-360px{max-height:360px !important}
.u-max-height-380px{max-height:380px !important}
.u-max-height-420px{max-height:420px !important}
.u-max-height-52vh{max-height:52vh !important}
.u-max-height-60px{max-height:60px !important}
.u-max-height-64px{max-height:64px !important}
.u-max-height-80vh{max-height:80vh !important}
.u-max-width-100pct{max-width:100% !important}
.u-max-width-120px{max-width:120px !important}
.u-max-width-140px{max-width:140px !important}
.u-max-width-160px{max-width:160px !important}
.u-max-width-170px{max-width:170px !important}
.u-max-width-180px{max-width:180px !important}
.u-max-width-200px{max-width:200px !important}
.u-max-width-220px{max-width:220px !important}
.u-max-width-240px{max-width:240px !important}
.u-max-width-260px{max-width:260px !important}
.u-max-width-280px{max-width:280px !important}
.u-max-width-300px{max-width:300px !important}
.u-max-width-320px{max-width:320px !important}
.u-max-width-340px{max-width:340px !important}
.u-max-width-360px{max-width:360px !important}
.u-max-width-380px{max-width:380px !important}
.u-max-width-400px{max-width:400px !important}
.u-max-width-420px{max-width:420px !important}
.u-max-width-440px{max-width:440px !important}
.u-max-width-460px{max-width:460px !important}
.u-max-width-520px{max-width:520px !important}
.u-max-width-560px{max-width:560px !important}
.u-max-width-640px{max-width:640px !important}
.u-max-width-680px{max-width:680px !important}
.u-max-width-760px{max-width:760px !important}
.u-max-width-820px{max-width:820px !important}
.u-max-width-840px{max-width:840px !important}
.u-max-width-860px{max-width:860px !important}
.u-max-width-880px{max-width:880px !important}
.u-max-width-900px{max-width:900px !important}
.u-max-width-96vw{max-width:96vw !important}
.u-min-height-36px{min-height:36px !important}
.u-min-height-44px{min-height:44px !important}
.u-min-width-0{min-width:0 !important}
.u-min-width-140px{min-width:140px !important}
.u-min-width-150px{min-width:150px !important}
.u-min-width-170px{min-width:170px !important}
.u-min-width-200px{min-width:200px !important}
.u-min-width-220px{min-width:220px !important}
.u-min-width-230px{min-width:230px !important}
.u-min-width-240px{min-width:240px !important}
.u-min-width-260px{min-width:260px !important}
.u-min-width-280px{min-width:280px !important}
.u-object-fit-contain{object-fit:contain !important}
.u-overflow-auto{overflow:auto !important}
.u-padding-0{padding:0 !important}
.u-padding-0-14px{padding:0 14px !important}
.u-padding-12px-16px{padding:12px 16px !important}
.u-padding-14px{padding:14px !important}
.u-padding-18px{padding:18px !important}
.u-padding-20px{padding:20px !important}
.u-padding-22px{padding:22px !important}
.u-padding-24px{padding:24px !important}
.u-padding-26px{padding:26px !important}
.u-padding-28px{padding:28px !important}
.u-padding-32px-0{padding:32px 0 !important}
.u-padding-left-18px{padding-left:18px !important}
.u-position-fixed{position:fixed !important}
.u-table-layout-fixed{table-layout:fixed !important}
.u-text-align-center{text-align:center !important}
.u-text-align-right{text-align:right !important}
.u-text-transform-uppercase{text-transform:uppercase !important}
.u-text-transform-case-short-label{text-transform:var(--case-short-label) !important}
.u-white-space-nowrap{white-space:nowrap !important}
.u-white-space-nowrap-imp.u-white-space-nowrap-imp.u-white-space-nowrap-imp{white-space:nowrap !important}
.u-width-10pct{width:10% !important}
.u-width-100pct{width:100% !important}
.u-width-100px{width:100px !important}
.u-width-104px{width:104px !important}
.u-width-105px{width:105px !important}
.u-width-106px{width:106px !important}
.u-width-11pct{width:11% !important}
.u-width-11_5pct{width:11.5% !important}
.u-width-110px{width:110px !important}
.u-width-112px{width:112px !important}
.u-width-115px{width:115px !important}
.u-width-12pct{width:12% !important}
.u-width-120px{width:120px !important}
.u-width-122px{width:122px !important}
.u-width-125px{width:125px !important}
.u-width-13pct{width:13% !important}
.u-width-130px{width:130px !important}
.u-width-14pct{width:14% !important}
.u-width-140px{width:140px !important}
.u-width-145px{width:145px !important}
.u-width-15pct{width:15% !important}
.u-width-150px{width:150px !important}
.u-width-155px{width:155px !important}
.u-width-16pct{width:16% !important}
.u-width-160px{width:160px !important}
.u-width-165px{width:165px !important}
.u-width-17pct{width:17% !important}
.u-width-170px{width:170px !important}
.u-width-18pct{width:18% !important}
.u-width-180px{width:180px !important}
.u-width-185px{width:185px !important}
.u-width-18px{width:18px !important}
.u-width-19pct{width:19% !important}
.u-width-190px{width:190px !important}
.u-width-20pct{width:20% !important}
.u-width-200px{width:200px !important}
.u-width-21pct{width:21% !important}
.u-width-22pct{width:22% !important}
.u-width-220px{width:220px !important}
.u-width-23pct{width:23% !important}
.u-width-230px{width:230px !important}
.u-width-24pct{width:24% !important}
.u-width-240px{width:240px !important}
.u-width-25pct{width:25% !important}
.u-width-26pct{width:26% !important}
.u-width-260px{width:260px !important}
.u-width-270px{width:270px !important}
.u-width-28pct{width:28% !important}
.u-width-29pct{width:29% !important}
.u-width-3pct{width:3% !important}
.u-width-30pct{width:30% !important}
.u-width-32pct{width:32% !important}
.u-width-33pct{width:33% !important}
.u-width-34pct{width:34% !important}
.u-width-34px{width:34px !important}
.u-width-35pct{width:35% !important}
.u-width-36pct{width:36% !important}
.u-width-36px{width:36px !important}
.u-width-37pct{width:37% !important}
.u-width-38pct{width:38% !important}
.u-width-39pct{width:39% !important}
.u-width-4pct{width:4% !important}
.u-width-40pct{width:40% !important}
.u-width-40px{width:40px !important}
.u-width-42pct{width:42% !important}
.u-width-42px{width:42px !important}
.u-width-44pct{width:44% !important}
.u-width-44px{width:44px !important}
.u-width-46px{width:46px !important}
.u-width-48pct{width:48% !important}
.u-width-48px{width:48px !important}
.u-width-5pct{width:5% !important}
.u-width-50pct{width:50% !important}
.u-width-500px{width:500px !important}
.u-width-50px{width:50px !important}
.u-width-52px{width:52px !important}
.u-width-55pct{width:55% !important}
.u-width-560px{width:560px !important}
.u-width-56px{width:56px !important}
.u-width-58px{width:58px !important}
.u-width-6pct{width:6% !important}
.u-width-60pct{width:60% !important}
.u-width-60px{width:60px !important}
.u-width-62pct{width:62% !important}
.u-width-64pct{width:64% !important}
.u-width-64px{width:64px !important}
.u-width-66pct{width:66% !important}
.u-width-7pct{width:7% !important}
.u-width-70px{width:70px !important}
.u-width-72px{width:72px !important}
.u-width-74px{width:74px !important}
.u-width-75px{width:75px !important}
.u-width-76px{width:76px !important}
.u-width-78px{width:78px !important}
.u-width-8pct{width:8% !important}
.u-width-80pct{width:80% !important}
.u-width-80px{width:80px !important}
.u-width-84px{width:84px !important}
.u-width-85px{width:85px !important}
.u-width-88px{width:88px !important}
.u-width-9pct{width:9% !important}
.u-width-90pct{width:90% !important}
.u-width-90px{width:90px !important}
.u-width-92pct{width:92% !important}
.u-width-92px{width:92px !important}
.u-width-94pct{width:94% !important}
.u-width-95px{width:95px !important}
.u-width-96px{width:96px !important}
.u-width-98px{width:98px !important}
.us-width-9px.us-width-9px.us-width-9px{width:9px}
.u-width-auto{width:auto !important}
.u-z-index-1500{z-index:1500 !important}
.u-z-index-2000{z-index:2000 !important}