/* Utility classes that replaced inline style attributes, so the Content-Security-Policy can drop style-src 'unsafe-inline'.
   Linked last on every page so a utility wins over a component rule of the same specificity, as the inline style did.
   !important only where a more specific component or theme rule outranked the inline style, and never on a property
   a script also sets on the same element (a script's inline value must still win). */

.u-align-items-center { align-items: center; }
.u-background-blue-light { background: var(--ms-blue-light); }
.u-background-c6efce { background: #C6EFCE; }
.u-background-e1dfdd { background: #E1DFDD; }
.u-background-e8e8e8 { background: #E8E8E8; }
.u-background-eff6fc { background: #EFF6FC; }
.u-background-f0f6fb { background: #F0F6FB; }
.u-background-fafafa { background: #FAFAFA; }
.u-background-ffc7ce { background: #FFC7CE; }
.u-background-ffeb9c { background: #FFEB9C; }
.u-background-fff4ce { background: #FFF4CE; }
.u-background-rgba-0-0-0-_35 { background: rgba(0,0,0,.35); }
.u-background-rgba-0-0-0-_4 { background: rgba(0,0,0,.4); }
.u-background-surface { background: var(--ms-surface); }
.u-border-1px-solid-0078d4 { border: 1px solid #0078D4; }
.u-border-1px-solid-blue { border: 1px solid var(--ms-blue); }
.u-border-1px-solid-border { border: 1px solid var(--ms-border); }
.u-border-1px-solid-c8c6c4 { border: 1px solid #C8C6C4; }
.u-border-1px-solid-e1dfdd { border: 1px solid #E1DFDD; }
.u-border-bottom-1px-solid-border { border-bottom: 1px solid var(--ms-border); }
.u-border-left-3px-solid-ff8c00 { border-left: 3px solid #FF8C00; }
.u-border-radius-2px { border-radius: 2px; }
.u-border-radius-3px { border-radius: 3px; }
.u-border-radius-4px { border-radius: 4px; }
.u-border-top-1px-solid-border { border-top: 1px solid var(--ms-border); }
.u-box-shadow-0-8px-32px-rgba-0-0-0-_2 { box-shadow: 0 8px 32px rgba(0,0,0,.2); }
.u-box-shadow-0-8px-32px-rgba-0-0-0-_22 { box-shadow: 0 8px 32px rgba(0,0,0,.22); }
.u-box-sizing-border-box { box-sizing: border-box; }
.u-color-107c10 { color: #107C10; }
.u-color-323130 { color: #323130; }
.u-color-5c4400 { color: #5C4400; }
.u-color-605e5c { color: #605E5C; }
.u-color-a4262c { color: #A4262C; }
.u-color-blue { color: var(--ms-blue); }
.u-color-c00000 { color: #C00000; }
.u-color-d13438 { color: #D13438; }
.u-color-text { color: var(--ms-text); }
.u-color-text-muted { color: var(--ms-text-muted); }
.u-color-text-sec { color: var(--ms-text-sec) !important; }
.u-color-text-secondary-605e5c { color: var(--ms-text-secondary,#605e5c); }
.u-color-var-gantt-crit { color: var(--gantt-crit); }
.u-cursor-default { cursor: default; }
.u-cursor-pointer { cursor: pointer; }
.u-display-block { display: block; }
.u-display-flex { display: flex; }
.u-display-grid { display: grid; }
.u-display-none { display: none; }
.u-flex-1 { flex: 1; }
.u-flex-2 { flex: 2; }
.u-flex-direction-column { flex-direction: column; }
.u-flex-shrink-0 { flex-shrink: 0; }
.u-flex-wrap-wrap { flex-wrap: wrap; }
.u-font-family-inherit { font-family: inherit; }
.u-font-size-10px { font-size: 10px; }
.u-font-size-11_5px { font-size: 11.5px; }
.u-font-size-11px { font-size: 11px; }
.u-font-size-12_5px { font-size: 12.5px; }
.u-font-size-12px { font-size: 12px !important; }
.u-font-size-13_5px { font-size: 13.5px; }
.u-font-size-13px { font-size: 13px; }
.u-font-size-14px { font-size: 14px; }
.u-font-size-15px { font-size: 15px; }
.u-font-size-16px { font-size: 16px; }
.u-font-size-17px { font-size: 17px; }
.u-font-weight-600 { font-weight: 600; }
.u-font-weight-700 { font-weight: 700; }
.u-gap-12px { gap: 12px; }
.u-gap-14px { gap: 14px; }
.u-gap-16px { gap: 16px; }
.u-gap-3px { gap: 3px !important; }
.u-gap-6px { gap: 6px !important; }
.u-gap-8px { gap: 8px; }
.u-grid-template-columns-1fr-1fr { grid-template-columns: 1fr 1fr; }
.u-height-15px { height: 15px; }
.u-height-1px { height: 1px; }
.u-height-20px { height: 20px; }
.u-height-25px { height: 25px; }
.u-height-26px { height: 26px; }
.u-height-28px { height: 28px; }
.u-height-30px { height: 30px; }
.u-height-32px { height: 32px; }
.u-height-48px { height: 48px; }
.u-height-9px { height: 9px; }
.u-inset-0 { inset: 0; }
.u-justify-content-center { justify-content: center; }
.u-justify-content-flex-end { justify-content: flex-end; }
.u-left-0 { left: 0; }
.u-left-100pct { left: 100%; }
.u-left-16_2pct { left: 16.2%; }
.u-left-33_5pct { left: 33.5%; }
.u-left-36_3pct { left: 36.3%; }
.u-left-45_9pct { left: 45.9%; }
.u-left-6_3pct { left: 6.3%; }
.u-left-auto { left: auto; }
.u-line-height-1_35 { line-height: 1.35; }
.u-margin-0 { margin: 0; }
.u-margin-0-0-8px { margin: 0 0 8px; }
.u-margin-10px-0 { margin: 10px 0; }
.u-margin-4px-0-0 { margin: 4px 0 0; }
.u-margin-bottom-10px { margin-bottom: 10px; }
.u-margin-bottom-14px { margin-bottom: 14px; }
.u-margin-bottom-18px { margin-bottom: 18px; }
.u-margin-bottom-4px { margin-bottom: 4px; }
.u-margin-bottom-6px { margin-bottom: 6px; }
.u-margin-bottom-8px { margin-bottom: 8px; }
.u-margin-left-16px { margin-left: 16px; }
.u-margin-left-3px { margin-left: 3px; }
.u-margin-left-6px { margin-left: 6px; }
.u-margin-left-auto { margin-left: auto; }
.u-margin-top-10px { margin-top: 10px; }
.u-margin-top-2px { margin-top: 2px; }
.u-margin-top-4px { margin-top: 4px; }
.u-margin-top-6px { margin-top: 6px; }
.u-margin-top-8px { margin-top: 8px; }
.u-margin-top-neg6px { margin-top: -6px; }
.u-max-height-320px { max-height: 320px; }
.u-max-height-340px { max-height: 340px; }
.u-max-height-360px { max-height: 360px; }
.u-max-height-92vh { max-height: 92vh; }
.u-max-width-380px { max-width: 380px; }
.u-min-width-100px { min-width: 100px; }
.u-min-width-110px { min-width: 110px; }
.u-min-width-120px { min-width: 120px; }
.u-min-width-130px { min-width: 130px; }
.u-min-width-140px { min-width: 140px; }
.u-min-width-150px { min-width: 150px; }
.u-min-width-160px { min-width: 160px; }
.u-min-width-170px { min-width: 170px; }
.u-min-width-180px { min-width: 180px; }
.u-min-width-200px { min-width: 200px; }
.u-min-width-210px { min-width: 210px; }
.u-min-width-220px { min-width: 220px; }
.u-min-width-240px { min-width: 240px; }
.u-min-width-260px { min-width: 260px; }
.u-min-width-280px { min-width: 280px; }
.u-min-width-300px { min-width: 300px; }
.u-min-width-340px { min-width: 340px; }
.u-min-width-60px { min-width: 60px; }
.u-min-width-70px { min-width: 70px; }
.u-min-width-80px { min-width: 80px; }
.u-min-width-85px { min-width: 85px; }
.u-min-width-90px { min-width: 90px; }
.u-min-width-95px { min-width: 95px; }
.u-min-width-auto { min-width: auto; }
.u-overflow-auto { overflow: auto; }
.u-overflow-hidden { overflow: hidden; }
.u-overflow-visible { overflow: visible; }
.u-overflow-y-auto { overflow-y: auto; }
.u-padding-0 { padding: 0; }
.u-padding-0-10px { padding: 0 10px; }
.u-padding-0-14px { padding: 0 14px; }
.u-padding-0-16px-10px { padding: 0 16px 10px; }
.u-padding-0-6px { padding: 0 6px; }
.u-padding-0-8px { padding: 0 8px; }
.u-padding-12px-16px-0 { padding: 12px 16px 0; }
.u-padding-12px-18px { padding: 12px 18px; }
.u-padding-12px-20px { padding: 12px 20px; }
.u-padding-14px-18px { padding: 14px 18px; }
.u-padding-15px-20px { padding: 15px 20px; }
.u-padding-18px { padding: 18px; }
.u-padding-20px { padding: 20px; }
.u-padding-24px { padding: 24px; }
.u-padding-2px-6px { padding: 2px 6px; }
.u-padding-6px-10px { padding: 6px 10px; }
.u-padding-6px-16px { padding: 6px 16px; }
.u-padding-7px-10px { padding: 7px 10px; }
.u-padding-right-6px { padding-right: 6px; }
.u-padding-top-8px { padding-top: 8px; }
.u-position-absolute { position: absolute; }
.u-position-fixed { position: fixed; }
.u-position-relative { position: relative; }
.u-right-0 { right: 0; }
.u-right-neg8px { right: -8px; }
.u-text-align-center { text-align: center !important; }
.u-text-transform-uppercase { text-transform: uppercase; }
.u-top-neg8px { top: -8px; }
.u-white-space-nowrap { white-space: nowrap; }
.u-width-100pct { width: 100%; }
.u-width-110pct { width: 110%; }
.u-width-110px { width: 110px; }
.u-width-120px { width: 120px; }
.u-width-130pct { width: 130%; }
.u-width-150px { width: 150px; }
.u-width-15px { width: 15px; }
.u-width-160px { width: 160px; }
.u-width-210px { width: 210px; }
.u-width-33_5pct { width: 33.5%; }
.u-width-420px { width: 420px; }
.u-width-440px { width: 440px; }
.u-width-44px { width: 44px; }
.u-width-480px { width: 480px; }
.u-width-48px { width: 48px; }
.u-width-50pct { width: 50%; }
.u-width-52px { width: 52px; }
.u-width-60pct { width: 60%; }
.u-width-70pct { width: 70%; }
.u-width-85pct { width: 85%; }
.u-width-90pct { width: 90%; }
.u-width-90px { width: 90px; }
.u-width-96px { width: 96px; }
.u-width-9px { width: 9px; }
.u-z-index-400 { z-index: 400; }
.u-z-index-500 { z-index: 500; }

/* Used by markup the scripts render. */
.u-background-c00000 { background: #C00000; }
.u-background-f3f2f1 { background: #F3F2F1; }
.u-background-f3f9fd { background: #f3f9fd; }
.u-background-gray-bg { background: var(--ms-gray-bg); }
.u-background-none { background: none; }
.u-border-0 { border: 0; }
.u-color-border { color: var(--ms-border); }
.u-color-error { color: var(--ms-error); }
.u-color-inherit { color: inherit; }
.u-color-success { color: var(--ms-success); }
.u-float-right { float: right; }
.u-font-inherit { font: inherit; }
.u-font-variant-numeric-tabular-nums { font-variant-numeric: tabular-nums; }
.u-font-weight-400 { font-weight: 400; }
.u-font-weight-500 { font-weight: 500; }
.u-gap-0 { gap: 0; }
.u-gap-4px { gap: 4px; }
.u-height-12px { height: 12px; }
.u-justify-content-space-between { justify-content: space-between; }
.u-list-style-none { list-style: none; }
.u-margin-0-0-10px { margin: 0 0 10px; }
.u-margin-2px-0-6px-18px { margin: 2px 0 6px 18px; }
.u-margin-top-12px { margin-top: 12px; }
.u-min-width-82px { min-width: 82px; }
.u-opacity-0_55 { opacity: .55; }
.u-padding-0-2px { padding: 0 2px; }
.u-padding-10px { padding: 10px !important; }
.u-padding-1px-6px { padding: 1px 6px; }
.u-padding-2px-8px { padding: 2px 8px !important; }
.u-padding-2px-9px { padding: 2px 9px !important; }
.u-padding-6px-4px { padding: 6px 4px !important; }
.u-padding-8px-0 { padding: 8px 0 !important; }
.u-padding-top-5px { padding-top: 5px; }
.u-right-neg2px { right: -2px; }
.u-top-neg2px { top: -2px; }
.u-white-space-pre-wrap { white-space: pre-wrap; }
.u-width-4px { width: 4px; }
