@font-face {
  font-family: "SegoeUILightLocal";
  src: local("Segoe UI Light"), local("Segoe WP Light"), local("SegoeUI-Light");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "SegoeUILocal";
  src: local("Segoe UI"), local("Segoe"), local("Segoe WP");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "SegoeUISemiboldLocal";
  src: local("Segoe UI Semibold"), local("Segoe Semibold"), local("Segoe WP Semibold");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SegoeUIBoldLocal";
  src: local("Segoe UI Bold"), local("Segoe Bold"), local("Segoe WP Bold");
  font-weight: bold;
  font-style: normal;
}
:root {
  --ms-font-semi: "Segoe UI Semibold", "SegoeUILightLocal","wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  --ms-font-light: "Segoe UI Light", "SegoeUILightLocal","wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  --ms-font: "Segoe UI", "SegoeUILightLocal","wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}

header, footer {
  flex-shrink: 0;
}

a.no-underline {
  --bs-text-decoration: none;
}

/*** Styling for positioning of the localization dropdown select object ***/
.l-language-selection {
  position: sticky;
  top: 0;
  padding-right: 25px;
  z-index: 1;
  margin-inline: auto;
  width: 100%;
  /*This media query matches the one in the UHF from Microsoft*/
}
.esc .l-language-selection {
  top: 54px;
}
.l-language-selection .form-select {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.l-language-selection .form-select:focus {
  outline: 1.5px dashed var(--bs-black);
  outline-offset: -3px;
}
@media screen and (min-width: 1083px) {
  .l-language-selection {
    max-width: 1600px;
    width: 90%;
    padding-right: 0;
  }
}

.details-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  gap: 16px;
}

/*** The flow utility class provides flow and rhythm between direct sibling elements. 
    Where --flow-space is not defined: the default value is 1em, which equals 
    the font size of the affected element. ***/
.flow > * + * {
  margin-top: var(--flow-space, 1em);
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .form-control:focus {
    outline: 2px dashed;
    outline-offset: 1px;
  }
  button,
  .btn.btn-default,
  .btn.btn-primary,
  .btn.btn-secondary {
    border: 1px solid transparent !important;
  }
}
/* Position "other" textbox below radio button and label for "other" Radio button survey questions.
    Textbox input must be placed above radio input in html markup in order for functionality 
    to work correctly to save other response input by the user.  
    *Note there is also javascript toggling some of these classes to make this work.
    If you are reading this, and know a better way, please update.  - Wes
*/
.radio-other.radio-other-reposition {
  padding-bottom: 10px;
}

.radio-other {
  position: relative;
}
.radio-other .other-radiotextbox-reposition {
  position: relative;
  top: 30px;
}
.radio-other .other-radiolabel-reposition {
  position: relative;
  bottom: 37.5px;
}
.radio-other .other-radio-reposition {
  position: absolute;
  top: 0;
}

.popover-tooltip {
  margin-left: 4px;
}
.popover-tooltip:focus-visible {
  outline: 1.5px dashed var(--bs-black);
  outline-offset: 1px;
}

p.field-validation-valid {
  margin-bottom: 0;
}

.fa-question-circle:focus, .fa-question-circle:active, .fa-question-circle:active:focus {
  outline: 1.5px dashed var(--bs-black);
}

.validation-mark:after {
  content: "*";
  color: var(--bs-red);
  font-weight: 500;
  font-size: 18px;
  margin-left: 3px;
  position: absolute;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

.modal-open #headerArea.uhf {
  padding-right: var(--scrollbar-width, 17px);
  background: var(--bs-black);
}

.file-upload {
  overflow: clip;
  position: relative;
  width: auto;
}
.file-upload__preview {
  width: 150px;
}
.file-upload input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.file-upload:focus-within {
  outline: 2.5px dotted var(--bs-black);
}
.file-upload .fa {
  margin-right: 10px;
}

.fa {
  --fa-style: 400;
}

.help-block {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
  font-weight: 400;
  font-family: var(--bs-body-font-family);
}

.job-role-validation-message .field-validation-error {
  margin-top: -10px;
  color: var(--bs-danger);
}

/*Combobox-autocomplete*/
.combobox-list {
  position: relative;
}

.combobox-clear {
  font-size: 14px;
}
@media (min-width: 768px) {
  .combobox-clear {
    position: absolute;
    right: -44px;
    top: 8px;
  }
}

.combobox input, .combobox button {
  cursor: pointer;
}
.combobox button {
  border: none;
  position: absolute;
  right: 20px;
  top: 11px;
  width: 13px;
  outline: none;
  color: var(--bs-gray-900);
  transition: all 0.4s ease;
  display: flex;
  place-items: center;
  font-size: 12px;
  background-color: transparent;
}
.combobox ul[role=listbox] {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0px;
  top: 37px;
  list-style: none;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-bottom-width: 2px;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  display: none;
  max-height: 250px;
  width: 100%;
  overflow: scroll;
  overflow-x: hidden;
  cursor: pointer;
  z-index: 100;
}
.combobox ul[role=listbox] li[role=option] {
  margin: 0;
  display: block;
  padding-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: var(--bs-border-width) solid transparent;
  border-bottom: var(--bs-border-width) solid transparent;
  text-transform: capitalize;
}
.combobox [role=listbox].focus [role=option][aria-selected=true],
.combobox [role=listbox] [role=option]:hover {
  background-color: var(--bs-primary-bg-subtle);
  border-top: var(--bs-border-width) solid var(--bs-border-color);
  border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
  }
  .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
}
@media (prefers-color-scheme: dark) {
  .form-select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
  }
  .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffff'/%3e%3c/svg%3e");
  }
  .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
  .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' %3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    opacity: 1 !important;
  }
}
a.copyrightLink.ShadowTextDark {
  display: none;
}

.inner-tooltip {
  position: absolute;
  text-indent: -9999999px;
}

.return-block {
  color: var(--bs-link-color);
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
.return-block:hover {
  color: var(--bs-link-hover-color);
}
.return-block:focus-visible {
  outline: 1.5px dashed var(--bs-black);
}
.return-block svg {
  margin-right: 5px;
  cursor: pointer;
  fill: var(--bs-link-hover-color);
}

.session-alert {
  text-align: center;
  z-index: 1060;
}
.session-alert__expired, .session-alert__extend {
  padding: 1rem;
}
.session-alert .modal-content {
  box-shadow: 3px 3px 10px;
}

#termsAndConditionsModal .modal-body div,
#termsAndConditionsModaledit .modal-body div {
  margin-bottom: 1rem;
}

.modal-title {
  font-size: 24px;
  font-weight: 500;
}

.modal button:focus, .modal button:focus-visible {
  outline: 1.5px dashed var(--bs-black);
  outline-offset: -1px;
  box-shadow: none;
}

:root {
  --table-border-radius: .5rem;
}

.table-card {
  margin-bottom: 0;
  --bs-border-color: transparent;
  --bs-table-bg: transparent;
}
.table-card thead {
  background-color: var(--bs-white);
}
.table-card thead th {
  vertical-align: bottom;
  border-bottom: unset;
}
.table-card thead th:first-child {
  border-radius: var(--table-border-radius) 0px 0px 0px;
}
.table-card thead th:last-child {
  border-radius: 0px var(--table-border-radius) 0px 0px;
}
.table-card td, .table-card th {
  padding: 1rem 12px;
  vertical-align: top;
  border-top: unset;
}
.table-card td:last-child, .table-card th:last-child {
  text-align: right;
}
.table-card.table-card-alt td:last-child, .table-card.table-card-alt th:last-child {
  text-align: left;
}
@media (min-width: 1200px) {
  .table-card td, .table-card th {
    padding: 1rem 25px;
  }
}
.table-card tbody tr:nth-of-type(odd).no-stripe {
  background-color: transparent;
}
.table-card tbody tr:nth-of-type(odd).no-stripe > * {
  --bs-table-bg-type: transparent;
}
.table-card .lastrow > * {
  --bs-table-bg-type: transparent;
}

/* jqueryui Date Picker */
.ui-state-default {
  color: var(--bs-black) !important;
  /*background: var(--bs-white) !important;*/
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  background-color: var(--bs-white) !important;
  color: var(--bs-black) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  font-weight: 500 !important;
}

.ui-state-disabled .ui-state-default {
  background-image: repeating-linear-gradient(45deg, #555, #808080 33.3%) !important;
  color: var(--bs-white) !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 1 !important;
}

select.ui-datepicker-month:focus {
  outline: 2.5px dotted var(--bs-black);
  outline-offset: -2px;
}

select.ui-datepicker-year:focus {
  outline: 2.5px dotted var(--bs-black);
  outline-offset: -2px;
}

/*fix for iOS mobile scrolling - adjust to correct context*/
.ui-menu.ui-widget-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.esc .card {
  --bs-card-border-color: var(--bs-white);
}

a {
  --bs-text-decoration: underline;
  color: var(--bs-link-color);
  text-decoration: var(--bs-text-decoration);
  word-break: break-word;
  font-weight: 600;
}
a:hover {
  color: var(--bs-link-hover-color);
  --bs-text-decoration: underline;
  outline: none;
}
a:active, a:focus-visible {
  --bs-link-color: var(--bs-link-hover-color);
  --bs-text-decoration: underline;
}
a.btn:hover, a.btn:active, a.btn:focus-visible {
  --btn-hover-text-decoration: underline;
  --bs-btn-focus-box-shadow: 0 0 0 .15rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
}
a.btn:focus-visible {
  outline: 1.5px dashed var(--bs-black);
  outline-offset: -1px;
}
a.btn.underline {
  --btn-text-decoration: underline;
}
a:focus-visible {
  outline: 1.5px dashed var(--bs-black);
  outline-offset: -1px;
}

/*************************** Buttons ***************************/
.btn {
  --btn-text-decoration: none;
  --btn-hover-text-decoration: none;
  --bs-btn-font-family: inherit;
  text-decoration: var(--btn-text-decoration);
}
.btn:hover {
  text-decoration: var(--btn-hover-text-decoration);
}
.btn:focus-visible {
  outline: 1.5px dashed var(--bs-black);
  outline-offset: -1px;
  --bs-btn-focus-box-shadow: 0 0 0 .15rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
}
.btn.underline {
  --btn-text-decoration: underline;
}

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

/*************************** Forms ***************************/
.form-control,
.form-select,
.form-check-input,
.input-group-text {
  --bs-border-color: var(--bs-gray-600);
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.input-group-text:focus {
  border-color: var(--bs-primary);
  box-shadow: var(--blue-focus-box-shadow);
  outline: 1.5px dashed var(--bs-black);
  outline-offset: 1px;
}
.form-control:focus-visible,
.form-select:focus-visible,
.form-check-input:focus-visible,
.input-group-text:focus-visible {
  outline: 1.5px dashed var(--bs-black);
  outline-offset: 1px;
}
.form-control[readonly=readonly],
.form-select[readonly=readonly],
.form-check-input[readonly=readonly],
.input-group-text[readonly=readonly] {
  color: var(--readonly);
}

label {
  font-size: 16px;
  font-family: var(--ms-font-semi);
  color: var(--bs-black);
}
label .normal-text {
  font-family: var(--ms-font);
}

.form-check label,
.form-check input {
  cursor: pointer;
}

.col-form-label {
  font-weight: 500;
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
  }
  .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
}
@media (prefers-color-scheme: dark) {
  .form-select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
  }
  .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffff'/%3e%3c/svg%3e");
  }
  .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }
  .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' %3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    opacity: 1 !important;
  }
}
.form-select[id=language_select]:focus, .form-select[id=language_select]:focus-within, .form-select[id=language_select]:focus-visible {
  outline-offset: -3px !important;
}

.inner-tooltip {
  position: absolute;
  text-indent: -9999999px;
}

.bg-img-esc {
  object-fit: cover;
  top: 54px;
  min-height: 100%;
  width: 100%;
  position: fixed;
  content: var(--bg-banner);
}

.l-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.l-main:focus {
  outline: none;
}
.l-main__content {
  max-width: unset;
  margin: 150px 12px 60px;
}
@media (min-width: 576px) {
  .l-main__content {
    margin: 150px 24px 60px;
  }
}
@media (min-width: 768px) {
  .l-main__content {
    max-width: 736px;
  }
}
@media (min-width: 992px) {
  .l-main__content {
    margin: 116px auto 60px;
  }
}
@media (min-width: 1200px) {
  .l-main__content {
    margin: 136px auto 80px;
  }
}
.l-main__content:has(.l-main__append) .l-main__body {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.l-main__content-wide {
  max-width: unset;
  margin: 150px 12px 60px;
}
@media (min-width: 576px) {
  .l-main__content-wide {
    margin: 150px 24px 60px;
  }
}
@media (min-width: 992px) {
  .l-main__content-wide {
    margin: 116px 24px 60px;
  }
}
@media (min-width: 1200px) {
  .l-main__content-wide {
    margin: 136px 30px 80px;
  }
}
.l-main__body {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 25px 15px;
  border-radius: 7px;
}
body.modal-open .l-main__body {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
@media (min-width: 576px) {
  .l-main__body {
    padding: 40px;
  }
}
@media (min-width: 768px) {
  .l-main__body {
    padding: 80px;
  }
}
.l-main__append {
  background: rgb(var(--bs-white-rgb), 0.9);
  padding: 10px 25px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
@media (min-width: 576px) {
  .l-main__append {
    padding: 10px 40px;
  }
}
@media (min-width: 768px) {
  .l-main__append {
    padding: 20px 80px;
  }
}
.l-main__append:empty {
  display: none;
}
.l-main + footer {
  z-index: 1;
}

.l-footer {
  padding: 10px 15px 10px;
  text-align: center;
  font-size: 11px;
}
.l-footer a {
  color: white;
}
.l-footer__block {
  display: inline-block;
}

.breakout {
  margin-inline: -25px;
  padding-inline: 25px;
  padding-block: 2rem;
  background: rgba(255, 255, 255, 0.6);
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .breakout {
    margin-inline: -40px;
    padding-inline: 40px;
  }
}
@media (min-width: 768px) {
  .breakout {
    margin-inline: -80px;
    padding-inline: 80px;
  }
}

.code {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 24px;
}
.code .btn.btn-link {
  --bs-btn-padding-x: 0rem;
  --btn-text-decoration: underline;
  --btn-hover-text-decoration: underline;
}

.link-block {
  color: var(--bs-link-color);
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
.link-block:hover {
  color: var(--bs-link-hover-color);
}
.link-block:focus-visible {
  /*outline: 1.5px dashed var(--ms-black);*/
}
.link-block svg {
  margin-inline: 5px;
  cursor: pointer;
  fill: var(--bs-primary);
}

/**************************  Step Nav ******************************/
.stepbar {
  --stepbar-color-text: var(--bs-black);
  --stepbar-color-default: var(--bs-white);
  --stepbar-color-default-text: var(--bs-black);
  --stepbar-color-past: var(--bs-white);
  --stepbar-color-past-text: var(--bs-primary);
  --stepbar-color-current: var(--bs-primary);
  --stepbar-color-current-text: var(--bs-white);
  --stepbar-margin: -20px auto 16px;
  --stepbar-step-text: var(--stepbar-color-text);
  --stepbar-step-font-weight: normal;
  --stepbar-step-number-color: var(--stepbar-color-default-text);
  --stepbar-step-number-bg: var(--stepbar-color-default);
  --stepbar-step-number-width: 30px;
  --stepbar-step-number-height: 30px;
  --stepbar-step-border-width: 50%;
  --stepbar-step-border-size: 3px;
  --stepbar-step-border-bg: transparent;
  --stepbar-step-border-radius: var(--stepbar-step-border-size);
  --stepbar-font-size: 14px;
  width: 100%;
  font-size: var(--stepbar-font-size);
  margin: var(--stepbar-margin);
  padding: 2px;
  overflow-x: auto;
}
.stepbar__ul {
  margin: 0px;
  padding: 0px;
  display: flex;
}
.stepbar__number {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--stepbar-step-number-bg);
  color: var(--stepbar-step-number-color);
  margin: 0px 0px 5px 0px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  width: var(--stepbar-step-number-width);
  height: var(--stepbar-step-number-height);
}
@media (min-width: 768px) {
  .stepbar__number {
    margin: 0px 0px 5px 0px;
  }
}
.stepbar__content {
  flex-direction: column;
  padding: 10px 10px 13px;
}
@media (min-width: 768px) {
  .stepbar__content {
    padding: 10px 15px 13px;
  }
}
.stepbar__content:focus-visible {
  outline: 1.5px dashed #000;
}
.stepbar__text {
  color: var(--stepbar-step-text, #000);
  margin: 0;
  text-align: center;
}
.stepbar__border {
  position: relative;
  display: block;
  width: var(--stepbar-step-border-width);
  height: var(--stepbar-step-border-size);
  background: var(--stepbar-step-border-bg);
  border-radius: var(--stepbar-step-border-radius);
}
.stepbar__step {
  list-style-type: none;
  min-width: 140px;
  padding: 0px;
  margin-right: 4px;
  font-weight: var(--stepbar-step-font-weight);
  min-width: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stepbar__step:first-child {
  margin-left: auto;
}
.stepbar__step:last-child {
  margin-right: auto;
}
.stepbar__step--current, .stepbar__step--past {
  cursor: pointer;
}
.stepbar__step--current {
  --stepbar-step-font-weight: 700;
  --stepbar-step-number-color: var(--stepbar-color-current-text);
  --stepbar-step-number-bg: var(--stepbar-color-current);
  --stepbar-step-text: var(--stepbar-color-current);
  --stepbar-step-border-bg: var(--stepbar-color-current);
}
.stepbar__step--past {
  --stepbar-step-number-color: var(--stepbar-color-past-text);
  --stepbar-step-number-bg: var(--stepbar-color-past);
  --stepbar-step-text: var(--stepbar-color-past-text);
  --stepbar-step-border-bg: transparent;
}

#headerArea.uhf {
  margin-bottom: -0.12em;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 2;
}

.c-show-pipe::before {
  border-right: solid 2px var(--bs-white);
}

@media only screen and (min-width: 1779px) {
  .c-uhfh .c-show-pipe::before {
    padding-left: unset !important;
  }
}
@media only screen and (max-width: 859px) {
  .c-uhfh.c-sgl-stck .cat-logo-button-cont {
    width: 100vw !important;
  }
  .c-uhfh.c-sgl-stck nav.c-uhfh-gnav,
  .c-uhfh.c-sgl-stck nav#uhf-c-nav {
    border-bottom: 0px !important;
  }
  .c-uhfh > div:first-child nav > ul > li {
    border-top: 0px !important;
  }
}
footer {
  background: var(--bs-black);
  color: var(--bs-white);
}
footer .c-uhff {
  margin-top: 0;
  background: var(--bs-black);
  color: var(--bs-white);
}
footer .c-uhff .c-uhff-nav a.c-uhff-link {
  color: var(--bs-white);
}
footer .c-uhff .c-uhff-nav .c-heading-4 {
  color: var(--bs-white);
}
footer .c-uhff .c-uhff-nav .c-uhff-base ul.c-list {
  color: var(--bs-white);
}
footer .c-uhff .c-uhff-base {
  background: var(--bs-black);
}
footer .c-uhff .c-uhff-base ul.c-list {
  color: var(--bs-white);
}
footer .c-uhff .c-uhff-base a.c-uhff-link {
  color: var(--bs-white);
}

@media screen and (min-width: 860px) {
  .c-uhfh > div:first-child {
    margin-bottom: 0px !important;
  }
}
:root {
  --blue-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  --bg-banner: url(https://regcdn.event.microsoft.com/cdn/event/41376/MCAPSStartforPartners_Banner_1080x609.png);
  --bs-link-color: rgb(var(--bs-link-color-rgb));
  --bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));
  --star-color: #ffa500;
  --featured-color: #ffa500;
  --featured-hover-color: #EA9C0D;
  --bs-body-color: #000;
  --readonly: #737373;
}

/*@use "variables/variables-css.qd" as *;*/