@font-face {
  font-family: "SW Unit Rounded Pro";
  src: url("/fonts/UnitRoundedW01-Light.woff2") format("woff2");
  font-display: swap;
  font-weight: light;
  font-style: normal;
}

@font-face {
  font-family: "SW Unit Rounded Pro";
  src: url("/fonts/UnitRoundedW01-Medium.woff2") format("woff2");
  font-display: swap;
  font-weight: medium;
  font-style: normal;
}

@font-face {
  font-family: "SW Unit Rounded Pro";
  src: url("/fonts/UnitRoundedW01-Regular.woff2") format("woff2");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

body * {
  font-family: "SW Unit Rounded Pro", Arial, sans-serif !important;
}

/*Font Family*/
body * {
  font-family: "SW Unit Rounded Pro", Arial, sans-serif !important;
}

/*Picker 1*/
.u-bg-primary,
.button:not(.button--flat):not(.button--secondary):not(.button--disabled)
  :not(.button--tertiary):not(.button--hollow):not(.button--is-caret-icon),
.cta-icon:not(.cta-icon--no-hover):hover,
.cta-icon:not(.cta-icon--no-hover):active,
.cta-icon:not(.cta-icon--no-hover):focus,
.dashboard-module--clickable:hover .cta-icon,
.dashboard-module--clickable:active .cta-icon,
.dashboard-module--clickable:focus .cta-icon,
.dashboard-module[href]:hover .cta-icon,
.dashboard-module[href]:active .cta-icon,
.dashboard-module[href]:focus .cta-icon,
button.dashboard-module.mini-product-card:hover .cta-icon,
button.dashboard-module.mini-product-card:active .cta-icon,
button.dashboard-module.mini-product-card:focus .cta-icon,
.my-documents-item:hover .my-documents-item__button,
.my-documents-item:active .my-documents-item__button,
.my-documents-item:focus .my-documents-item__button,
.button.has-current-focus:not(:disabled) {
  background-color: #e61a1a;
  border-color: #e61a1a;
}

a.has-current-focus,
button.has-current-focus,
.checkbox-input.has-current-focus:not(.checkbox-input--disabled).checkbox-input--card,
.checkbox-input.has-current-focus:not(.checkbox-input--disabled).checkbox-input__control,
.radio-input.has-current-focus:not(.radio-input--disabled),
.react-select .react-select__control.has-current-focus:not(.react-select__control--is-disabled),
select:focus.has-current-focus:not(:disabled),
.cta-icon--clickable.has-current-focus,
input.has-current-focus:not(:read-only):not(:disabled),
select.has-current-focus:not(:read-only):not(:disabled),
textarea.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #e61a1a !important;
}

.react-select .react-select__option:hover,
.react-select-async .react-select__option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.loader {
  border-color: #e61a1a rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05);
}

.card--clickable:hover .cta-icon,
.card--clickable:active .cta-icon,
.card--clickable:focus .cta-icon,
.card[href]:hover .cta-icon,
.card[href]:active .cta-icon,
.card[href]:focus .cta-icon,
.card-button[href]:hover .cta-icon,
.card-button[href]:active .cta-icon,
.card-button[href]:focus .cta-icon,
.card[type="submit"]:hover .cta-icon,
.card[type="submit"]:focus .cta-icon,
.dashed-list:hover .cta-icon,
.dashed-list:focus .cta-icon,
.card-button--clickable:hover .cta-icon,
.card-button--clickable:focus .cta-icon {
  background-color: #e61a1a;
  border-color: #e61a1a;
}

.tooltip__button,
.tooltip__content:before,
.radio-input--button.radio-input--checked,
.radio-input--checked:hover:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input--checked:active:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input--checked:focus:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input--checked,
.radio-input--checked:not(.radio-input--minimal) .radio-input__control,
.radio-input__input:checked + .radio-input__control,
.total-summary-bar--isolated,
.toggle__input + label:after {
  border-color: #e61a1a;
}

.form-field--display-as-label .input-as-label:after {
  background-color: #e61a1a;
}

.tooltip--active .tooltip__button,
.progress-indicator__current,
.back-to-top-btn:before,
.radio-input--checked:not(.radio-input--minimal) .radio-input__control:after,
.radio-input__input:checked + .radio-input__control:after,
.alert-message .body-copy ol > li:before,
.pagination__item--current,
.react-datepicker__day--keyboard-selected,
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__day--selected,
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.dashboard-navigation__item--active:after,
.toggle__input:checked + label:before,
.qs-datepicker .qs-controls,
.qs-datepicker .qs-square.qs-active,
.table-row-has-anchor-wrapper:hover .cta-icon,
.summary-strip--clickable:hover .cta-icon,
.summary-strip--clickable:active .cta-icon,
.summary-strip--clickable:focus .cta-icon,
.summary-strip--grouping .summary-strip__meta__group__expand .button__icon,
.initials {
  background-color: #e61a1a;
}

a,
.button.button--flat,
.cta-icon,
.page-header .icon-text:hover,
.page-header .icon-text:active,
.page-header .icon-text:focus,
.radio-input--checked,
.radio-input--checked .t-intro,
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.alert-message,
.alert-message .t-intro,
.alert-message label,
.alert-message__header__text,
.react-select .react-select__dropdown-indicator-edit,
.react-select-async .react-select__dropdown-indicator-edit,
.button--tertiary,
.button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):hover,
.button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):active,
.button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):focus,
.inline-alert-message h3,
.back-to-top-btn,
.react-select__menu-list .react-select__option--is-focused,
.form-field-loader__message,
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled)
  .t-intro,
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled)
  .t-intro,
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled)
  .t-intro,
.inline-alert-message:not(.inline-alert-message--invalid) .t-copy-large,
.dropdown-menu__option:hover,
.dropdown-menu__option:focus,
.total-summary-bar__text,
.form-field--display-as-label .input-as-label,
.dashboard-navigation__item--active,
.toggle__input:checked + label + label,
.dashboard-navigation__item:hover,
.dashboard-navigation__item:active,
.dashboard-navigation__item:focus,
.inline-alert-message h3,
.inline-alert-message label,
.inline-alert-message .t-heading-1,
.inline-alert-message .t-heading-2,
.inline-alert-message .t-heading-3,
.inline-alert-message .t-intro,
.inline-alert-message .t-copy-large,
.inline-alert-message .t-copy,
.inline-alert-message .t-copy-small,
.channelme-chat-btn,
.regex-validation__list__item--valid .regex-validation__list__item__text,
.regex-validation__list__header,
.regex-validation__list__item__text,
.work-in-progress-table button,
.dropdown-menu__trigger__arrow-as-text,
.card-editable__button__icon,
.button--is-caret-icon.button--icon,
.badge-closed {
  color: #e61a1a;
}

.tooltip__button__icon,
.page-header .icon-text__icon,
.pagination__item__icon,
.summary-strip__back__link__icon,
.regex-validation__list__item__icon,
.dropdown-menu__option svg {
  fill: #e61a1a;
}

.tooltip__content,
.inline-alert-message:not(.inline-alert-message--platform-message):not(.inline-alert-message--invalid),
.alert-message {
  border-color: #e61a1a;
  color: #e61a1a;
}

.tooltip--active .tooltip__button {
  border-color: #e61a1a;
}

.checkbox-input--checked .checkbox-input__control-icon {
  fill: #e61a1a;
  stroke: #e61a1a;
}

.progress-stepper__step--complete .progress-stepper__step-text a,
.summary-strip__button__icon,
table tfoot td,
.summary-strip__back {
  color: #e61a1a;
}

.progress-stepper__step--active .progress-stepper__step-icon,
.progress-stepper__step--complete .progress-stepper__step-icon,
.action-strip__button__icon {
  fill: #e61a1a;
  color: #e61a1a;
}

table tfoot .tooltip__button {
  border-color: #e61a1a;
}

table tfoot .tooltip__button__icon {
  fill: #e61a1a;
}

.total-summary-row:nth-child(odd),
.total-summary-row:nth-child(even) {
  color: #e61a1a;
}

.u-color-cornflower-blue {
  color: #e61a1a !important;
}

.icon--link {
  color: #e61a1a;
}

/*Picker 2*/
.button--secondary,
.button--secondary:not(.button--disabled):not(div):not(span):hover,
.button--secondary:not(.button--disabled):not(div):not(span):active,
.button--secondary:not(.button--disabled):not(div):not(span):focus,
.table-row-has-anchor-wrapper:not(table__row--disabled):hover .button--secondary,
.text-label__label {
  border-color: #d3292e;
  color: #d3292e;
}

.button--secondary:not(.button--disabled):not(div):not(span):hover:after,
.button--secondary:not(.button--disabled):not(div):not(span):active:after,
.button--secondary:not(.button--disabled):not(div):not(span):focus:after,
.table-row-has-anchor-wrapper:not(table__row--disabled):hover .button--secondary:after {
  border-color: #d3292e;
}

/*Picker 3*/
.sidebar .icon-text:hover .icon-text__text,
.sidebar .icon-text:active .icon-text__text,
.sidebar .icon-text:focus .icon-text__text,
.sidebar .icon-text.icon-text--active:hover .icon-text__text,
.sidebar .icon-text.icon-text--active:active .icon-text__text,
.sidebar .icon-text.icon-text--active:focus .icon-text__text,
.sidebar .icon-text.icon-text--active .icon-text__text {
  color: #f3ece0;
}

.sidebar .icon-text:hover .icon-text__icon,
.sidebar .icon-text:active .icon-text__icon,
.sidebar .icon-text:focus .icon-text__icon,
.sidebar .icon-text.icon-text--active:hover .icon-text__icon,
.sidebar .icon-text.icon-text--active:active .icon-text__icon,
.sidebar .icon-text.icon-text--active:focus .icon-text__icon,
.sidebar .icon-text.icon-text--active .icon-text__icon {
  fill: #f3ece0;
}

/*Picker 4*/
.button--secondary,
.cta-icon,
.toggle__input + label:before {
  background-color: #f7f4f3;
}

.my-documents-item:hover .my-documents-item__button,
.my-documents-item:active .my-documents-item__button,
.my-documents-item:focus .my-documents-item__button {
  border-color: #f7f4f3;
}

table tfoot td {
  background-color: #f7f4f3;
}

.total-summary-row:nth-child(odd),
.total-summary-row:nth-child(even) {
  background-color: #f7f4f3;
}

/*Picker 5*/
.tooltip__content,
.tooltip__content:before,
.dashboard-header,
.alert-message,
.inline-alert-message:not(.inline-alert-message--platform-message):not(.inline-alert-message--invalid),
.back-to-top-icon,
.back-to-top-icon:before,
.radio-input--button.radio-input--checked,
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal)
  :not(.radio-input--clean):not(.radio-input--disabled),
.react-select__menu-list .react-select__option--is-focused,
.radio-input--checked,
.dropdown-menu__option:hover,
.dropdown-menu__option:focus,
.total-summary-bar,
.regex-validation__list:before,
.regex-validation__list__item:before,
.regex-validation__list,
.work-in-progress-table .row-selected {
  background-color: #f7f4f3;
}

/*Picker 6*/
.sidebar .icon-text.icon-text--active,
.sidebar .icon-text.icon-text--active,
.sidebar .icon-text:hover,
.sidebar .icon-text:active,
.sidebar .icon-text:focus {
  background-color: #e61a1a;
}

/*Picker 7*/
.sidebar,
.sidebar[data-expanded="true"],
[data-sidebar-level="2"]:before {
  background-color: #0b3239;
  border-color: #e61a1a;
}

.sidebar__inner .global-navigation .button.button--icon:not(.button--disabled) {
  color: #000000;
}

/*Picker 8*/
.sidebar .icon-text__text,
.sidebar__toggle__icon,
.sidebar .icon-text.icon-text--active .icon-text__text {
  color: #ffffff;
}

.sidebar .icon-text__icon,
.sidebar .icon-text.icon-text--active .icon-text__icon {
  fill: #ffffff;
}

.sidebar__inner
  .global-navigation
  .button:not(.button--flat):not(.button--secondary):not(.button--disabled)
  :not(.button--tertiary):not(.button--is-caret-icon) {
  background-color: #ffffff;
  border-color: #ffffff;
}

.sidebar__toggle__icon {
  color: #ffffff;
  fill: #ffffff;
}

.last-accordion-row td {
  border-bottom: 5px solid #e61a1a;
}

.main-navigation::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: 10px;
  cursor: pointer;
}

.grid-container {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}
.grid-container.fluid {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.form-field--m .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
.form-field--m .react-select .react-select__menu,
.form-field--m .contact-number-field {
  width: 180px;
  min-width: 180px !important;
}