.badge--menu {
  background-color: #8fc73e !important;
}

.badge--menuNotify {
  background-color: #8fc73e !important;
}

.loginBody .button.button--signin[disabled] {
  color: rgba(255, 255, 255, 0.5);
}

.viewLogin form[name=loginForm] input[type=password],
.viewLogin form[name=loginForm] input[type=text] {
  border-width: 1px;
}

/*card-logo .bank-logo-card-color {
    width: 42% !important;
    margin: 0 auto !important;
    background-size: cover !important;
    }*/
/*.bank-logo-card-color {
        width: 42% !important;
        margin: 0 auto !important;
        background-size: cover !important;
        }*/
:root {
  --primary-color: #004788;
  --primary-color-rgb: 0, 71, 136;
  --primary-color-dark: #00407a;
  --primary-color-darker: #00396d;
  --secondary-color: #004788;
  --secondary-color-rgb: 0, 71, 136;
  --secondary-color-dark: #00407a;
  --secondary-color-darker: #00396d;
  --body-bg-color: var(--surface-ground);
  --header-text-color: #fff;
  --header-bg-color: #004788;
  --header-link-bg-color: transparent;
  --header-link-bg-hover-color: #002c55;
  --header-link-icon-color: #fff;
  --header-link-icon-hover-color: #fff;
  --navigation-sidebar-text-color: #fff;
  --navigation-sidebar-bg-color: #004788;
  --navigation-profile-bg-color: rgba(255, 255, 255, 0.1);
  --navigation-profile-bg-hover-color: #00000060;
  --navigation-profile-bg-active-color: #00000060;
  --navigation-profile-border-color: transparent;
  --navigation-profile-border-hover-color: var(--primary-color);
  --navigation-profile-border-active-color: var(--primary-color);
  --navigation-profile-icon-color: #fff;
  --navigation-profile-icon-hover-color: var(--navigation-profile-icon-color);
  --navigation-profile-icon-active-color: var(--navigation-profile-icon-color);
  --navigation-profile-text-color: #fff;
  --navigation-profile-text-hover-color: var(--navigation-profile-text-color);
  --navigation-profile-text-active-color: var(--navigation-profile-text-color);
  --navigation-sidebar-link-bg-color: transparent;
  --navigation-sidebar-link-bg-hover-color: #ffffff1a;
  --navigation-sidebar-link-bg-active-color: #00000060;
  --navigation-sidebar-link-border-color: transparent;
  --navigation-sidebar-link-border-hover-color: #004788;
  --navigation-sidebar-link-border-active-color: var(--primary-color);
  --navigation-sidebar-link-icon-color: #fff;
  --navigation-sidebar-link-icon-hover-color: #fff;
  --navigation-sidebar-link-icon-active-color: #ffffff;
  --navigation-sidebar-link-text-color: #fff;
  --navigation-sidebar-link-text-hover-color: #fff;
  --navigation-sidebar-link-text-active-color: #ffffff;
  --navigation-mobile-bg-color: #004788;
  --navigation-mobile-link-bg-color: transparent;
  --navigation-mobile-link-bg-hover-color: #004788;
  --navigation-mobile-link-icon-color: #fff;
  --navigation-mobile-link-icon-hover-color: #fff;
  --navigation-mobile-link-text-color: #fff;
  --navigation-mobile-link-text-hover-color: #fff;
  --list-item-border-color: var(--gray-300);
}

body.theme-dark {
  --body-bg-color: var(--surface-ground);
  --list-item-border-color: var(--gray-600);
}

.utility-textLight {
  color: var(--text-0) !important;
}

.utility-textDark,
[colorDark] {
  color: var(--text-color) !important;
}

.utility-textGray {
  color: var(--text-secondary) !important;
}

.utility-textLightGray, .list--summary csi-list-item.list-item small {
  color: var(--text-secondary) !important;
}

.utility-textPrimary,
.utility-textprimary {
  color: #004788 !important;
}

.utility-textBlack {
  color: #000 !important;
}

.utility-textInfo {
  color: #1b809e !important;
}

.utility-textSuccess,
[textSuccess],
[colorSuccess] {
  color: #7ac943 !important;
}

.utility-textDanger,
[textDanger],
[colorDanger] {
  color: #e84c3d !important;
}

.utility-textWarning,
[textWarning],
[colorWarning] {
  color: #efad27 !important;
}

.utility-textInfo,
[textInfo],
[colorInfo] {
  color: #1b809e !important;
}

.utility-textPrimary,
[textPrimary],
[colorPrimary] {
  color: var(--primary-color) !important;
}

.utility-textSecondary,
[textSecondary],
[colorSecondary] {
  color: var(--secondary-color) !important;
}

.utility-textDebit,
[textDebit],
[colorDebit] {
  color: #d91e18 !important;
}

.utility-textCredit,
[textCredit],
[colorCredit] {
  color: #1e824c !important;
}

.utility-textDebitPending,
[textDebitPending],
[colorDebitPending] {
  color: #f64747 !important;
}

.utility-textCreditPending,
[textCreditPending],
[colorCreditPending] {
  color: #26a65b !important;
}

.utility-textPrimaryDark,
[textPrimaryDark],
[colorPrimaryDark] {
  color: var(--primary-color-dark) !important;
}

.utility-textGray,
[textGray],
[colorGray] {
  color: var(--gray-500) !important;
}

.utility-textDark,
[textDark],
[colorDark] {
  color: var(--generic-dark) !important;
}

.utility-textLightGray, .list--summary csi-list-item.list-item small,
[textLightGray],
[colorLightGray] {
  color: var(--text-placeholder) !important;
}

.utility-textInfo,
[textInfo],
[colorInfo] {
  color: #1b809e !important;
}

.utility-textLightDanger,
[textLightDanger],
[colorLightDanger] {
  color: var(--severity-danger-bg) !important;
}

.utility-textLightSuccess,
[textLightSuccess],
[colorLightSuccess] {
  color: var(--severity-success-bg) !important;
}

.utility-textLightPending,
[textLightPending],
[colorLightPending] {
  color: #F8F8F8 !important;
}

.utility-textsuccess {
  color: #7ac943 !important;
}

.utility-textdanger {
  color: #e84c3d !important;
}

.utility-textwarning {
  color: #efad27 !important;
}

.utility-textinfo {
  color: #1b809e !important;
}

.utility-textpending {
  color: var(--generic-dark) !important;
}

.utility-textlightDanger {
  color: var(--severity-danger-bg) !important;
}

.utility-textlightSuccess {
  color: var(--severity-success-bg) !important;
}

.utility-backgroundScreen:before {
  background-color: rgba(var(--generic-dark), 0.75);
}

[backgroundWhite] {
  background: #fff !important;
}

.utility-backgroundDark {
  background: var(--generic-dark) !important;
}

.utility-backgroundGray {
  background: #888 !important;
}

.utility-backgroundLightGray,
[backgroundLightGray] {
  background: #eee !important;
}

.utility-backgroundSuccess,
.utility-backgroundsuccess {
  background: #7ac943 !important;
}

.utility-backgroundMutedSuccess,
.utility-backgroundMutedsuccess {
  background: color-mix(in srgb, #7ac943, white 20%) !important;
}

[backgroundSuccess] {
  background: #7ac943 !important;
}

.utility-backgroundDanger,
.utility-backgrounddanger {
  background: #e84c3d !important;
}

.utility-backgroundMutedDanger,
.utility-backgroundMuteddanger {
  background: color-mix(in srgb, #e84c3d, white 20%) !important;
}

[backgroundDanger] {
  background: #e84c3d !important;
}

.utility-backgroundWarning,
.utility-backgroundwarning {
  background: #efad27 !important;
}

.utility-backgroundMutedWarning,
.utility-backgroundMutedwarning {
  background: color-mix(in srgb, #efad27, white 20%) !important;
}

[backgroundWarning] {
  background: #efad27 !important;
}

.utility-backgroundInfo,
.utility-backgroundinfo {
  background: #1b809e !important;
}

.utility-backgroundMutedInfo,
.utility-backgroundMutedinfo {
  background: color-mix(in srgb, #1b809e, white 20%) !important;
}

[backgroundInfo] {
  background: #1b809e !important;
}

.utility-backgroundPrimary,
.utility-backgroundprimary {
  background: var(--primary-color) !important;
}

.utility-backgroundMutedPrimary,
.utility-backgroundMutedprimary {
  background: color-mix(in srgb, var(--primary-color), white 20%) !important;
}

[backgroundPrimary] {
  background: var(--primary-color) !important;
}

.utility-backgroundSecondary,
.utility-backgroundsecondary {
  background: var(--secondary-color) !important;
}

.utility-backgroundMutedSecondary,
.utility-backgroundMutedsecondary {
  background: color-mix(in srgb, var(--secondary-color), white 20%) !important;
}

[backgroundSecondary] {
  background: var(--secondary-color) !important;
}

.utility-backgroundDebit,
.utility-backgrounddebit {
  background: #d91e18 !important;
}

.utility-backgroundMutedDebit,
.utility-backgroundMuteddebit {
  background: color-mix(in srgb, #d91e18, white 20%) !important;
}

[backgroundDebit] {
  background: #d91e18 !important;
}

.utility-backgroundCredit,
.utility-backgroundcredit {
  background: #1e824c !important;
}

.utility-backgroundMutedCredit,
.utility-backgroundMutedcredit {
  background: color-mix(in srgb, #1e824c, white 20%) !important;
}

[backgroundCredit] {
  background: #1e824c !important;
}

.utility-backgroundDebitPending,
.utility-backgrounddebitpending {
  background: #f64747 !important;
}

.utility-backgroundMutedDebitPending,
.utility-backgroundMuteddebitpending {
  background: color-mix(in srgb, #f64747, white 20%) !important;
}

[backgroundDebitPending] {
  background: #f64747 !important;
}

.utility-backgroundCreditPending,
.utility-backgroundcreditpending {
  background: #26a65b !important;
}

.utility-backgroundMutedCreditPending,
.utility-backgroundMutedcreditpending {
  background: color-mix(in srgb, #26a65b, white 20%) !important;
}

[backgroundCreditPending] {
  background: #26a65b !important;
}

.utility-backgroundPrimaryDark,
.utility-backgroundprimarydark {
  background: var(--primary-color-dark) !important;
}

.utility-backgroundMutedPrimaryDark,
.utility-backgroundMutedprimarydark {
  background: color-mix(in srgb, var(--primary-color-dark), white 20%) !important;
}

[backgroundPrimaryDark] {
  background: var(--primary-color-dark) !important;
}

.utility-backgroundGray,
.utility-backgroundgray {
  background: var(--gray-500) !important;
}

.utility-backgroundMutedGray,
.utility-backgroundMutedgray {
  background: color-mix(in srgb, var(--gray-500), white 20%) !important;
}

[backgroundGray] {
  background: var(--gray-500) !important;
}

.utility-backgroundDark,
.utility-backgrounddark {
  background: var(--generic-dark) !important;
}

.utility-backgroundMutedDark,
.utility-backgroundMuteddark {
  background: color-mix(in srgb, var(--generic-dark), white 20%) !important;
}

[backgroundDark] {
  background: var(--generic-dark) !important;
}

.utility-backgroundLightGray,
.utility-backgroundlightgray {
  background: var(--text-placeholder) !important;
}

.utility-backgroundMutedLightGray,
.utility-backgroundMutedlightgray {
  background: color-mix(in srgb, var(--text-placeholder), white 20%) !important;
}

[backgroundLightGray] {
  background: var(--text-placeholder) !important;
}

.utility-backgroundInfo,
.utility-backgroundinfo {
  background: #1b809e !important;
}

.utility-backgroundMutedInfo,
.utility-backgroundMutedinfo {
  background: color-mix(in srgb, #1b809e, white 20%) !important;
}

[backgroundInfo] {
  background: #1b809e !important;
}

.utility-backgroundLightDanger,
.utility-backgroundlightdanger {
  background: var(--severity-danger-bg) !important;
}

.utility-backgroundMutedLightDanger,
.utility-backgroundMutedlightdanger {
  background: color-mix(in srgb, var(--severity-danger-bg), white 20%) !important;
}

[backgroundLightDanger] {
  background: var(--severity-danger-bg) !important;
}

.utility-backgroundLightSuccess,
.utility-backgroundlightsuccess {
  background: var(--severity-success-bg) !important;
}

.utility-backgroundMutedLightSuccess,
.utility-backgroundMutedlightsuccess {
  background: color-mix(in srgb, var(--severity-success-bg), white 20%) !important;
}

[backgroundLightSuccess] {
  background: var(--severity-success-bg) !important;
}

.utility-backgroundLightPending,
.utility-backgroundlightpending {
  background-color: var(--gray-100) !important;
}
.theme-dark .utility-backgroundLightPending, .theme-dark .utility-backgroundlightpending {
  background-color: var(--gray-850) !important;
}

@media (prefers-color-scheme: dark) {
  .theme-match .utility-backgroundLightPending, .theme-match .utility-backgroundlightpending {
    background-color: var(--gray-850) !important;
  }
}

.utility-backgroundTranslucentSuccess {
  background: rgba(122, 201, 67, 0.75) !important;
}

.utility-backgroundTranslucentDanger {
  background: rgba(232, 76, 61, 0.75) !important;
}

.utility-backgroundTranslucentWarning {
  background: rgba(239, 173, 39, 0.75) !important;
}

.utility-backgroundTranslucentInfo {
  background: rgba(27, 128, 158, 0.75) !important;
}

.utility-backgroundTranslucentPrimary {
  background: rgba(var(--primary-color), 0.75) !important;
}

.utility-backgroundTranslucentSecondary {
  background: rgba(var(--secondary-color), 0.75) !important;
}

.utility-backgroundTranslucentDebit {
  background: rgba(217, 30, 24, 0.75) !important;
}

.utility-backgroundTranslucentCredit {
  background: rgba(30, 130, 76, 0.75) !important;
}

.utility-backgroundTranslucentDebitPending {
  background: rgba(246, 71, 71, 0.75) !important;
}

.utility-backgroundTranslucentCreditPending {
  background: rgba(38, 166, 91, 0.75) !important;
}

.utility-backgroundTranslucentPrimaryDark {
  background: rgba(var(--primary-color-dark), 0.75) !important;
}

.utility-backgroundTranslucentGray {
  background: rgba(var(--gray-500), 0.75) !important;
}

.utility-backgroundTranslucentDark {
  background: rgba(var(--generic-dark), 0.75) !important;
}

.utility-backgroundTranslucentLightGray {
  background: rgba(var(--text-placeholder), 0.75) !important;
}

.utility-backgroundTranslucentInfo {
  background: rgba(27, 128, 158, 0.75) !important;
}

.utility-backgroundTranslucentLightDanger {
  background: rgba(var(--severity-danger-bg), 0.75) !important;
}

.utility-backgroundTranslucentLightSuccess {
  background: rgba(var(--severity-success-bg), 0.75) !important;
}

.utility-backgroundTranslucentLightPending {
  background: rgba(248, 248, 248, 0.75) !important;
}

.utility-backgroundFade {
  background: var(--surface-card);
}
.utility-backgroundFade:before {
  background-color: var(--surface-card);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, var(--surface-card)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), var(--surface-card));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--surface-card));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="var(--surface-card)");
}
.utility-backgroundFade.utility-backgroundFadeTaller:before {
  height: 3rem;
}

.utility-backgroundFadePrimary {
  background: #004788;
}
.utility-backgroundFadePrimary:before {
  background-color: #004788;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #004788));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #004788);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #004788);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="#004788");
}

.utility-backgroundDrawerFeature {
  background: rgba(255, 255, 255, 0.1);
}

.utility-backgroundFadeDrawerLeft {
  background: #004788;
}
.utility-backgroundFadeDrawerLeft:before {
  background-color: #004788;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #004788));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #004788);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #004788);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="#004788");
}

.utility-backgroundWhite {
  background: var(--surface-0) !important;
}
.theme-dark .utility-backgroundWhite {
  background: var(--surface-800) !important;
}

@media (prefers-color-scheme: dark) {
  .theme-match .utility-backgroundWhite {
    background: var(--surface-800) !important;
  }
}

.utility-colorMid {
  color: var(--generic-medium);
}

.utility-borderSuccess {
  border-color: color-mix(in srgb, #7ac943, black 10%) !important;
}

.utility-borderDanger {
  border-color: color-mix(in srgb, #e84c3d, black 10%) !important;
}

.utility-borderWarning {
  border-color: color-mix(in srgb, #efad27, black 10%) !important;
}

.utility-borderInfo {
  border-color: color-mix(in srgb, #1b809e, black 10%) !important;
}

.utility-borderPrimary {
  border-color: color-mix(in srgb, var(--primary-color), black 10%) !important;
}

.utility-borderSecondary {
  border-color: color-mix(in srgb, var(--secondary-color), black 10%) !important;
}

.utility-borderDebit {
  border-color: color-mix(in srgb, #d91e18, black 10%) !important;
}

.utility-borderCredit {
  border-color: color-mix(in srgb, #1e824c, black 10%) !important;
}

.utility-borderDebitPending {
  border-color: color-mix(in srgb, #f64747, black 10%) !important;
}

.utility-borderCreditPending {
  border-color: color-mix(in srgb, #26a65b, black 10%) !important;
}

.utility-borderPrimaryDark {
  border-color: color-mix(in srgb, var(--primary-color-dark), black 10%) !important;
}

.utility-borderGray {
  border-color: color-mix(in srgb, var(--gray-500), black 10%) !important;
}

.utility-borderDark {
  border-color: color-mix(in srgb, var(--generic-dark), black 10%) !important;
}

.utility-borderLightGray {
  border-color: color-mix(in srgb, var(--text-placeholder), black 10%) !important;
}

.utility-borderInfo {
  border-color: color-mix(in srgb, #1b809e, black 10%) !important;
}

.utility-borderLightDanger {
  border-color: color-mix(in srgb, var(--severity-danger-bg), black 10%) !important;
}

.utility-borderLightSuccess {
  border-color: color-mix(in srgb, var(--severity-success-bg), black 10%) !important;
}

.utility-borderLightPending {
  border-color: color-mix(in srgb, #F8F8F8, black 10%) !important;
}

.utility-borderColorsuccess {
  border-color: #7ac943 !important;
}

.utility-borderColordanger {
  border-color: #e84c3d !important;
}

.utility-borderColorwarning {
  border-color: #efad27 !important;
}

.utility-borderColorinfo {
  border-color: #1b809e !important;
}

.utility-borderColorpending {
  border-color: var(--generic-dark) !important;
}

.utility-borderColorlightDanger {
  border-color: var(--severity-danger-bg) !important;
}

.utility-borderColorlightSuccess {
  border-color: var(--severity-success-bg) !important;
}

[borderRight] {
  border-right-color: var(--list-item-border-color);
}

html, body {
  background-color: var(--body-bg-color);
  color: var(--text-color);
}

a {
  color: #004788;
}
a.disabled {
  color: color-mix(in srgb, var(--text-disabled), black 10%) !important;
}

hr {
  border-top: 1px solid var(--divider-border-color);
}
hr.ruler--questions {
  border-color: color-mix(in srgb, var(--divider-border-color), white 10%);
}
hr.ruler--primary {
  border-color: #004788;
}

input[type=text], input[type=password], input[type=tel], input[type=email], textarea, select {
  background-color: var(--inputtext-bg-color);
  color: var(--inputtext-text-color);
  border-color: var(--inputtext-border-color);
}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, select:focus {
  border-color: #004788;
  background-color: var(--inputtext-bg-active-color);
}

@media only screen and (min-width: 961px) {
  .viewLocations #locations .card-body {
    background: #fff;
  }
}

accordion .panel-title > a {
  color: var(--text-color);
  border-bottom-color: var(--list-item-border-color);
}
accordion .panel-required:not(.panel-open) .panel-title > a:before {
  color: #fff;
}
accordion .panel-required:not(.panel-open) .panel-title > a:after {
  background: #e84c3d;
}
accordion.accordion--required .panel:not(.panel-open) .panel-title > a:before {
  color: #fff;
}
accordion.accordion--required .panel:not(.panel-open) .panel-title > a:after {
  background: #e84c3d;
}
accordion.accordion--headingPrimary .panel-title > a > span {
  color: #004788;
}

.ui-accordion .ui-accordion-toggle-icon {
  color: var(--text-color);
}
.ui-accordion .ui-accordion-header-text {
  color: var(--text-color);
  border-bottom-color: var(--list-item-border-color);
}

.card {
  background-color: var(--surface-300);
  color: var(--text-color);
  border-color: #d8d8d8;
}
.theme-dark .card {
  background-color: var(--surface-850);
}

@media (prefers-color-scheme: dark) {
  .theme-match .card {
    background-color: var(--surface-850);
  }
}

.card--wizard, .modal--wizard .card {
  background-color: var(--surface-card);
}
.card--wizard .card-header, .modal--wizard .card .card-header {
  background-color: var(--secondary-color);
}
.card--wizard .card-header h3, .modal--wizard .card .card-header h3 {
  color: var(--text-0);
}
.card--wizard .card--footer, .modal--wizard .card .card--footer {
  background-color: var(--surface-card);
}

.card--image {
  background: var(--surface-card);
}
.card--image .card-header {
  background: var(--primary-color) !important;
}
.card--image .card-header h3 {
  color: var(--text-0);
}

.card--topBorder {
  border-top-color: #004788;
}

.card--loadingBorder .card-header {
  background-color: #004788;
}

.card--hasSpinner.card--loadingAll .card-body {
  border-top-color: #004788;
}

.card--subHeader .card-header,
.card--secondary .card-header {
  background-color: var(--surface-card);
  border-top: 5px solid var(--primary-color);
  border-bottom-color: var(--surface-500);
  color: var(--text-primary);
}
.card--subHeader .card-header small,
.card--secondary .card-header small {
  color: var(--text-primary);
}
.card--subHeader h3[class^=card-],
.card--secondary h3[class^=card-] {
  color: var(--text-primary);
}

.card-header {
  border-bottom-color: color-mix(in srgb, #004788, black 10%);
  background-color: var(--primary-color);
  color: var(--text-0);
}
.card-header.card-headerAttention {
  background: #e84c3d;
}
.card-header small {
  color: #fff;
}
.card-header .card-headerItemBorderLeft {
  border-left-color: #fff;
}
.card-header > button,
.card-header > csi-button > button {
  color: var(--text-0);
  background-color: transparent;
}
.card-header > button:hover,
.card-header > csi-button > button:hover {
  color: color-mix(in srgb, var(--text-0), transparent 30%);
  background-color: transparent;
}
.card-header > button[disabled],
.card-header > csi-button > button[disabled] {
  color: color-mix(in srgb, var(--text-0), transparent 40%);
}

.card-content {
  background-color: #fff;
}

.card-body {
  background-color: var(--surface-card);
  color: var(--text-color);
}
.card-body .card-bodyContent {
  background: #fff;
}

.card-footer {
  border-top-color: var(--list-item-border-color);
  background-color: transparent;
  color: var(--text-color);
}

.card-wide {
  background: #fff;
}

.card-subHead h5 {
  color: #004788;
}

.no-touch .card--headerButton .card-header .button,
.no-touch .card--headerButton .card-header button {
  color: var(--text-0);
  background-color: transparent;
}
.no-touch .card--headerButton .card-header .button:hover, .no-touch .card--headerButton .card-header .button:focus,
.no-touch .card--headerButton .card-header button:hover,
.no-touch .card--headerButton .card-header button:focus {
  color: color-mix(in srgb, var(--text-0), transparent 75%);
  background-color: transparent;
}
.no-touch .card--headerButton .card-header .button[disabled],
.no-touch .card--headerButton .card-header button[disabled] {
  color: var(--text-disabled) !important;
}
.no-touch .card--headerButton.card--subHeader .card-header .button,
.no-touch .card--headerButton.card--subHeader .card-header button,
.no-touch .card--headerButton.card--secondary .card-header .button,
.no-touch .card--headerButton.card--secondary .card-header button {
  color: var(--primary-color);
  background-color: transparent;
}
.no-touch .card--headerButton.card--subHeader .card-header .button:hover, .no-touch .card--headerButton.card--subHeader .card-header .button:focus,
.no-touch .card--headerButton.card--subHeader .card-header button:hover,
.no-touch .card--headerButton.card--subHeader .card-header button:focus,
.no-touch .card--headerButton.card--secondary .card-header .button:hover,
.no-touch .card--headerButton.card--secondary .card-header .button:focus,
.no-touch .card--headerButton.card--secondary .card-header button:hover,
.no-touch .card--headerButton.card--secondary .card-header button:focus {
  color: var(--primary-color-darker);
  background-color: transparent;
}
.no-touch .card--headerButton.card--subHeader .card-header .button[disabled],
.no-touch .card--headerButton.card--subHeader .card-header button[disabled],
.no-touch .card--headerButton.card--secondary .card-header .button[disabled],
.no-touch .card--headerButton.card--secondary .card-header button[disabled] {
  color: var(--text-disabled) !important;
}
.no-touch .card--wizard .card-header .button, .no-touch .modal--wizard .card .card-header .button, .modal--wizard .no-touch .card .card-header .button,
.no-touch .card--wizard .card-header button,
.no-touch .modal--wizard .card .card-header button,
.modal--wizard .no-touch .card .card-header button {
  color: var(--text-0) !important;
  background-color: transparent;
}
.no-touch .card--wizard .card-header .button:hover, .no-touch .modal--wizard .card .card-header .button:hover, .modal--wizard .no-touch .card .card-header .button:hover, .no-touch .card--wizard .card-header .button:focus, .no-touch .modal--wizard .card .card-header .button:focus, .modal--wizard .no-touch .card .card-header .button:focus,
.no-touch .card--wizard .card-header button:hover,
.no-touch .modal--wizard .card .card-header button:hover,
.modal--wizard .no-touch .card .card-header button:hover,
.no-touch .card--wizard .card-header button:focus,
.no-touch .modal--wizard .card .card-header button:focus,
.modal--wizard .no-touch .card .card-header button:focus {
  color: #fff !important;
  background-color: #001f3c;
}
.no-touch .card--wizard .card-header .button[disabled], .no-touch .modal--wizard .card .card-header .button[disabled], .modal--wizard .no-touch .card .card-header .button[disabled],
.no-touch .card--wizard .card-header button[disabled],
.no-touch .modal--wizard .card .card-header button[disabled],
.modal--wizard .no-touch .card .card-header button[disabled] {
  color: rgba(0, 0, 0, 0) !important;
}

.touch .card--headerButton .card-header .button,
.touch .card--headerButton .card-header button {
  color: #fff;
  background-color: #004788;
}
.touch .card--headerButton .card-header .button:active,
.touch .card--headerButton .card-header button:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #004788;
}
.touch .card--headerButton .card-header .button[disabled],
.touch .card--headerButton .card-header button[disabled] {
  color: #002c55 !important;
}
.touch .card--headerButton.card--subHeader .card-header .button,
.touch .card--headerButton.card--subHeader .card-header button,
.touch .card--headerButton.card--secondary .card-header .button,
.touch .card--headerButton.card--secondary .card-header button {
  color: #004788;
  background-color: transparent;
}
.touch .card--headerButton.card--subHeader .card-header .button:active,
.touch .card--headerButton.card--subHeader .card-header button:active,
.touch .card--headerButton.card--secondary .card-header .button:active,
.touch .card--headerButton.card--secondary .card-header button:active {
  color: #001222;
  background-color: transparent;
}
.touch .card--headerButton.card--subHeader .card-header .button[disabled],
.touch .card--headerButton.card--subHeader .card-header button[disabled],
.touch .card--headerButton.card--secondary .card-header .button[disabled],
.touch .card--headerButton.card--secondary .card-header button[disabled] {
  color: #d9d9d9 !important;
}
.touch .card--wizard .card-header .button, .touch .modal--wizard .card .card-header .button, .modal--wizard .touch .card .card-header .button,
.touch .card--wizard .card-header button,
.touch .modal--wizard .card .card-header button,
.modal--wizard .touch .card .card-header button {
  color: #fff !important;
  background-color: transparent;
}
.touch .card--wizard .card-header .button:active, .touch .modal--wizard .card .card-header .button:active, .modal--wizard .touch .card .card-header .button:active,
.touch .card--wizard .card-header button:active,
.touch .modal--wizard .card .card-header button:active,
.modal--wizard .touch .card .card-header button:active {
  color: #fff !important;
  background-color: #001f3c;
}
.touch .card--wizard .card-header .button[disabled], .touch .modal--wizard .card .card-header .button[disabled], .modal--wizard .touch .card .card-header .button[disabled],
.touch .card--wizard .card-header button[disabled],
.touch .modal--wizard .card .card-header button[disabled],
.modal--wizard .touch .card .card-header button[disabled] {
  color: rgba(0, 0, 0, 0) !important;
}

.modal--wizard .card .card-header > button[disabled] {
  background-color: transparent !important;
  color: transparent !important;
}

.carousel--simple .carousel-control .glyphicon-chevron-left, .carousel--simple .carousel-control .glyphicon-chevron-right {
  background: #004788;
  color: #fff;
}
.carousel--simple .carousel-control .glyphicon-chevron-left.glyphicon-chevron-disabled, .carousel--simple .carousel-control .glyphicon-chevron-right.glyphicon-chevron-disabled {
  background-color: #dcdcdc;
  cursor: default;
}

.carousel-control.left, .carousel-control.right {
  color: var(--text-placeholder);
}
.carousel-control .glyphicon {
  background: var(--text-color);
}

.carousel-indicators li {
  background: var(--text-placeholder);
}
.carousel-indicators .active {
  background-color: #004788;
}

.chart-container {
  background: #fff;
}

.chips-filter-chip {
  color: var(--text-color);
  border: 1px solid var(--gray-300);
  background-color: var(--surface-200);
}
.theme-dark .chips-filter-chip {
  border-color: var(--gray-700);
  background-color: var(--surface-800);
}

@media (prefers-color-scheme: dark) {
  .theme-match .chips-filter-chip {
    border-color: var(--gray-700);
    background-color: var(--surface-800);
  }
}

.chips-filter-chip:hover {
  color: var(--text-highlight);
  background-color: var(--surface-700);
  border-color: var(--surface-700);
}
.theme-dark .chips-filter-chip:hover {
  background-color: var(--surface-200);
  border-color: var(--surface-200);
}

@media (prefers-color-scheme: dark) {
  .theme-match .chips-filter-chip:hover {
    background-color: var(--surface-200);
    border-color: var(--surface-200);
  }
}

.chips-filter-chip.chips-filter-chip-active {
  color: var(--gray-0);
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.chips-filter-chip.chips-filter-chip-active:hover {
  border-color: var(--primary-color-dark);
  background-color: var(--primary-color-dark);
}

.control.control--search .control-more .datepicker td {
  border: 2px solid color-mix(in srgb, var(--surface-card), black 5%);
}

.control--rdc {
  background: var(--text-placeholder);
}
.control--rdc > .button.button--outline.button--rectangle {
  background: var(--surface-card);
}
.control--rdc:before {
  color: #fff;
}
.control--rdc.control_state-disabled {
  background: var(--text-disabled);
}

.control--imageButton .control-wrapper {
  background: #e5e5e5;
  border-color: color-mix(in srgb, var(--list-item-border-color), black 10%);
}
.control--imageButton:before {
  color: color-mix(in srgb, var(--text-color), white 25%);
}
.control--imageButton.control_state-disabled > small {
  color: #ccc;
}
.control--imageButton.control_state-disabled .control-wrapper {
  background: #e5e5e5 !important;
}

.control--receipt {
  border-bottom: 1px solid var(--list-item-border-color);
}
.control--receipt:before {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.control--wizardHeader .control-text > h4 {
  color: #fff;
}
.control--wizardHeader .control-text > small {
  color: #fff;
}
.control--wizardHeader .control-text > div {
  color: #fff;
}

.control--expander.control_state-active {
  border-bottom: 0.1rem solid var(--list-item-border-color);
}
.control--expander.control_state-active .control-activator {
  background: #f2f2f2;
}
.control--expander .control-expander {
  background: #f2f2f2;
}

.control--payee .control-payee {
  background-color: var(--gray-200);
}
.theme-dark .control--payee .control-payee {
  background-color: var(--gray-700);
}

@media (prefers-color-scheme: dark) {
  .theme-match .control--payee .control-payee {
    background-color: var(--gray-700);
  }
}

.control--payee .control-payee:hover, .control--payee .control-payee:focus, .control--payee .control-payee:active {
  background-color: var(--gray-200);
}
.theme-dark .control--payee .control-payee:hover, .theme-dark .control--payee .control-payee:focus, .theme-dark .control--payee .control-payee:active {
  background-color: var(--gray-600);
}

@media (prefers-color-scheme: dark) {
  .theme-match .control--payee .control-payee:hover, .theme-match .control--payee .control-payee:focus, .theme-match .control--payee .control-payee:active {
    background-color: var(--gray-600);
  }
}

.control--payee .control-payee:before {
  color: var(--text-secondary);
}
.control--payee.control--letterIcon .control-payee {
  background: #004788;
}
.control--payee.control--letterIcon .control-payee:hover, .control--payee.control--letterIcon .control-payee:focus, .control--payee.control--letterIcon .control-payee:active {
  background: #004788;
}
.control--payee.control--letterIcon .control-payee:before {
  color: #fff;
}
.control--payee.control--letter > .control-payee {
  background-color: #004788;
}
.control--payee.control--disabled .control-payee:hover, .control--payee.control--disabled .control-payee:focus, .control--payee.control--disabled .control-payee:active {
  background: #f2f2f2;
}

.control--extras-details .extras-details-list-actions a {
  color: #004788;
}
.control--extras-details .extras-details-list-actions a:hover {
  color: #004788;
}

.no-touch .control--imageButton:hover .control-wrapper, .no-touch .control--imageButton:focus .control-wrapper {
  background: #cccccc;
}

.touch .control--imageButton:active .control-wrapper {
  background: #cccccc;
}

.datepicker td {
  border: 1px solid var(--list-item-border-color);
}
.datepicker td.utility-textWarning > button > span {
  color: #efad27 !important;
}
.datepicker td.utility-textDanger > button > span {
  color: #e84c3d !important;
}
.datepicker .btn {
  background: transparent;
}
.datepicker .btn.button[disabled], .datepicker .btn[disabled] {
  background: rgba(200, 200, 200, 0.5) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.datepicker .btn.button[disabled]:hover, .datepicker .btn[disabled]:hover {
  background: rgba(200, 200, 200, 0.5) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.datepicker .btn[role=heading] {
  border: 1px solid var(--list-item-border-color);
}
.datepicker .btn > .text-muted {
  color: rgba(0, 0, 0, 0.5) !important;
}

p-calendar .p-calendar td,
p-calendar .p-calendar csi-prime-calendar-title a,
csi-prime-calendar .ui-calendar td,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a {
  border: 1px solid var(--list-item-border-color);
}
p-calendar .p-calendar td span,
p-calendar .p-calendar td a,
p-calendar .p-calendar csi-prime-calendar-title a span,
p-calendar .p-calendar csi-prime-calendar-title a a,
csi-prime-calendar .ui-calendar td span,
csi-prime-calendar .ui-calendar td a,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a span,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a a {
  background: transparent;
}
p-calendar .p-calendar td span > .highlighted,
p-calendar .p-calendar td a > .highlighted,
p-calendar .p-calendar csi-prime-calendar-title a span > .highlighted,
p-calendar .p-calendar csi-prime-calendar-title a a > .highlighted,
csi-prime-calendar .ui-calendar td span > .highlighted,
csi-prime-calendar .ui-calendar td a > .highlighted,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a span > .highlighted,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a a > .highlighted {
  color: #efad27;
}
p-calendar .p-calendar td .ui-state-disabled, p-calendar .p-calendar td.ui-state-disabled,
p-calendar .p-calendar td .p-disabled, p-calendar .p-calendar td.p-disabled,
p-calendar .p-calendar csi-prime-calendar-title a .ui-state-disabled,
p-calendar .p-calendar csi-prime-calendar-title a.ui-state-disabled,
p-calendar .p-calendar csi-prime-calendar-title a .p-disabled,
p-calendar .p-calendar csi-prime-calendar-title a.p-disabled,
csi-prime-calendar .ui-calendar td .ui-state-disabled,
csi-prime-calendar .ui-calendar td.ui-state-disabled,
csi-prime-calendar .ui-calendar td .p-disabled,
csi-prime-calendar .ui-calendar td.p-disabled,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a .ui-state-disabled,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a.ui-state-disabled,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a .p-disabled,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a.p-disabled {
  background: var(--calendar-item-disabled-bg) !important;
  color: var(--calendar-item-disabled-text-color) !important;
}
p-calendar .p-calendar td .ui-state-disabled:hover, p-calendar .p-calendar td.ui-state-disabled:hover,
p-calendar .p-calendar td .p-disabled:hover, p-calendar .p-calendar td.p-disabled:hover,
p-calendar .p-calendar csi-prime-calendar-title a .ui-state-disabled:hover,
p-calendar .p-calendar csi-prime-calendar-title a.ui-state-disabled:hover,
p-calendar .p-calendar csi-prime-calendar-title a .p-disabled:hover,
p-calendar .p-calendar csi-prime-calendar-title a.p-disabled:hover,
csi-prime-calendar .ui-calendar td .ui-state-disabled:hover,
csi-prime-calendar .ui-calendar td.ui-state-disabled:hover,
csi-prime-calendar .ui-calendar td .p-disabled:hover,
csi-prime-calendar .ui-calendar td.p-disabled:hover,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a .ui-state-disabled:hover,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a.ui-state-disabled:hover,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a .p-disabled:hover,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a.p-disabled:hover {
  background: var(--calendar-item-disabled-bg) !important;
  color: var(--calendar-item-disabled-text-color) !important;
}
p-calendar .p-calendar td .ui-state-default, p-calendar .p-calendar td.ui-state-default,
p-calendar .p-calendar csi-prime-calendar-title a .ui-state-default,
p-calendar .p-calendar csi-prime-calendar-title a.ui-state-default,
csi-prime-calendar .ui-calendar td .ui-state-default,
csi-prime-calendar .ui-calendar td.ui-state-default,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a .ui-state-default,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a.ui-state-default {
  color: #000;
}
p-calendar .p-calendar td.ui-datepicker-other-month .ui-state-default,
p-calendar .p-calendar csi-prime-calendar-title a.ui-datepicker-other-month .ui-state-default,
csi-prime-calendar .ui-calendar td.ui-datepicker-other-month .ui-state-default,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a.ui-datepicker-other-month .ui-state-default {
  color: var(--calendar-item-disabled-text-color);
}
p-calendar .p-calendar td span.p-highlight:hover,
p-calendar .p-calendar csi-prime-calendar-title a span.p-highlight:hover,
csi-prime-calendar .ui-calendar td span.p-highlight:hover,
csi-prime-calendar .ui-calendar csi-prime-calendar-title a span.p-highlight:hover {
  border-color: var(--calendar-item-hover-border-color);
}
p-calendar .p-calendar td.p-datepicker-today > span.p-disabled,
csi-prime-calendar .ui-calendar td.p-datepicker-today > span.p-disabled {
  background-color: var(--calendar-item-today-bg) !important;
}
p-calendar .p-calendar .ui-datepicker-next,
p-calendar .p-calendar .ui-datepicker-prev,
csi-prime-calendar .ui-calendar .ui-datepicker-next,
csi-prime-calendar .ui-calendar .ui-datepicker-prev {
  color: #000;
}

p-calendar .p-calendar td.p-datepicker-other-month {
  color: var(--calendar-item-disabled-text-color);
  background-color: var(--calendar-item-disabled-bg);
}

.no-js .datepicker .btn:hover, .no-js .datepicker .btn:focus, .js.no-touch .datepicker .btn:hover, .js.no-touch .datepicker .btn:focus, .js.touch .datepicker .btn:active,
.no-js .datepicker a:hover,
.no-js .datepicker a:focus,
.js.no-touch .datepicker a:hover,
.js.no-touch .datepicker a:focus,
.js.touch .datepicker a:active, .no-js .datepicker .p-datepicker-calendar td > span:hover, .no-js .datepicker .p-datepicker-calendar td > span:focus, .js.no-touch .datepicker .p-datepicker-calendar td > span:hover, .js.no-touch .datepicker .p-datepicker-calendar td > span:focus, .js.touch .datepicker .p-datepicker-calendar td > span:active, .no-js .datepicker button:hover, .no-js .datepicker button:focus, .js.no-touch .datepicker button:hover, .js.no-touch .datepicker button:focus, .js.touch .datepicker button:active,
.no-js p-calendar .p-calendar .btn:hover,
.no-js p-calendar .p-calendar .btn:focus,
.js.no-touch p-calendar .p-calendar .btn:hover,
.js.no-touch p-calendar .p-calendar .btn:focus,
.js.touch p-calendar .p-calendar .btn:active,
.no-js p-calendar .p-calendar a:hover,
.no-js p-calendar .p-calendar a:focus,
.js.no-touch p-calendar .p-calendar a:hover,
.js.no-touch p-calendar .p-calendar a:focus,
.js.touch p-calendar .p-calendar a:active,
.no-js p-calendar .p-calendar .p-datepicker-calendar td > span:hover,
.no-js p-calendar .p-calendar .p-datepicker-calendar td > span:focus,
.js.no-touch p-calendar .p-calendar .p-datepicker-calendar td > span:hover,
.js.no-touch p-calendar .p-calendar .p-datepicker-calendar td > span:focus,
.js.touch p-calendar .p-calendar .p-datepicker-calendar td > span:active,
.no-js p-calendar .p-calendar button:hover,
.no-js p-calendar .p-calendar button:focus,
.js.no-touch p-calendar .p-calendar button:hover,
.js.no-touch p-calendar .p-calendar button:focus,
.js.touch p-calendar .p-calendar button:active,
.no-js p-calendar .ui-calendar .btn:hover,
.no-js p-calendar .ui-calendar .btn:focus,
.js.no-touch p-calendar .ui-calendar .btn:hover,
.js.no-touch p-calendar .ui-calendar .btn:focus,
.js.touch p-calendar .ui-calendar .btn:active,
.no-js p-calendar .ui-calendar a:hover,
.no-js p-calendar .ui-calendar a:focus,
.js.no-touch p-calendar .ui-calendar a:hover,
.js.no-touch p-calendar .ui-calendar a:focus,
.js.touch p-calendar .ui-calendar a:active,
.no-js p-calendar .ui-calendar .p-datepicker-calendar td > span:hover,
.no-js p-calendar .ui-calendar .p-datepicker-calendar td > span:focus,
.js.no-touch p-calendar .ui-calendar .p-datepicker-calendar td > span:hover,
.js.no-touch p-calendar .ui-calendar .p-datepicker-calendar td > span:focus,
.js.touch p-calendar .ui-calendar .p-datepicker-calendar td > span:active,
.no-js p-calendar .ui-calendar button:hover,
.no-js p-calendar .ui-calendar button:focus,
.js.no-touch p-calendar .ui-calendar button:hover,
.js.no-touch p-calendar .ui-calendar button:focus,
.js.touch p-calendar .ui-calendar button:active,
.no-js csi-prime-calendar .ui-calendar .btn:hover,
.no-js csi-prime-calendar .ui-calendar .btn:focus,
.js.no-touch csi-prime-calendar .ui-calendar .btn:hover,
.js.no-touch csi-prime-calendar .ui-calendar .btn:focus,
.js.touch csi-prime-calendar .ui-calendar .btn:active,
.no-js csi-prime-calendar .ui-calendar a:hover,
.no-js csi-prime-calendar .ui-calendar a:focus,
.js.no-touch csi-prime-calendar .ui-calendar a:hover,
.js.no-touch csi-prime-calendar .ui-calendar a:focus,
.js.touch csi-prime-calendar .ui-calendar a:active,
.no-js csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:hover,
.no-js csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:focus,
.js.no-touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:hover,
.js.no-touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:focus,
.js.touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:active,
.no-js csi-prime-calendar .ui-calendar button:hover,
.no-js csi-prime-calendar .ui-calendar button:focus,
.js.no-touch csi-prime-calendar .ui-calendar button:hover,
.js.no-touch csi-prime-calendar .ui-calendar button:focus,
.js.touch csi-prime-calendar .ui-calendar button:active {
  background: transparent;
  color: var(--global-text-color);
}
.no-js .datepicker .btn:hover > .highlighted, .no-js .datepicker .btn:focus > .highlighted, .js.no-touch .datepicker .btn:hover > .highlighted, .js.no-touch .datepicker .btn:focus > .highlighted, .js.touch .datepicker .btn:active > .highlighted,
.no-js .datepicker a:hover > .highlighted,
.no-js .datepicker a:focus > .highlighted,
.js.no-touch .datepicker a:hover > .highlighted,
.js.no-touch .datepicker a:focus > .highlighted,
.js.touch .datepicker a:active > .highlighted, .no-js .datepicker .p-datepicker-calendar td > span:hover > .highlighted, .no-js .datepicker .p-datepicker-calendar td > span:focus > .highlighted, .js.no-touch .datepicker .p-datepicker-calendar td > span:hover > .highlighted, .js.no-touch .datepicker .p-datepicker-calendar td > span:focus > .highlighted, .js.touch .datepicker .p-datepicker-calendar td > span:active > .highlighted, .no-js .datepicker button:hover > .highlighted, .no-js .datepicker button:focus > .highlighted, .js.no-touch .datepicker button:hover > .highlighted, .js.no-touch .datepicker button:focus > .highlighted, .js.touch .datepicker button:active > .highlighted,
.no-js p-calendar .p-calendar .btn:hover > .highlighted,
.no-js p-calendar .p-calendar .btn:focus > .highlighted,
.js.no-touch p-calendar .p-calendar .btn:hover > .highlighted,
.js.no-touch p-calendar .p-calendar .btn:focus > .highlighted,
.js.touch p-calendar .p-calendar .btn:active > .highlighted,
.no-js p-calendar .p-calendar a:hover > .highlighted,
.no-js p-calendar .p-calendar a:focus > .highlighted,
.js.no-touch p-calendar .p-calendar a:hover > .highlighted,
.js.no-touch p-calendar .p-calendar a:focus > .highlighted,
.js.touch p-calendar .p-calendar a:active > .highlighted,
.no-js p-calendar .p-calendar .p-datepicker-calendar td > span:hover > .highlighted,
.no-js p-calendar .p-calendar .p-datepicker-calendar td > span:focus > .highlighted,
.js.no-touch p-calendar .p-calendar .p-datepicker-calendar td > span:hover > .highlighted,
.js.no-touch p-calendar .p-calendar .p-datepicker-calendar td > span:focus > .highlighted,
.js.touch p-calendar .p-calendar .p-datepicker-calendar td > span:active > .highlighted,
.no-js p-calendar .p-calendar button:hover > .highlighted,
.no-js p-calendar .p-calendar button:focus > .highlighted,
.js.no-touch p-calendar .p-calendar button:hover > .highlighted,
.js.no-touch p-calendar .p-calendar button:focus > .highlighted,
.js.touch p-calendar .p-calendar button:active > .highlighted,
.no-js p-calendar .ui-calendar .btn:hover > .highlighted,
.no-js p-calendar .ui-calendar .btn:focus > .highlighted,
.js.no-touch p-calendar .ui-calendar .btn:hover > .highlighted,
.js.no-touch p-calendar .ui-calendar .btn:focus > .highlighted,
.js.touch p-calendar .ui-calendar .btn:active > .highlighted,
.no-js p-calendar .ui-calendar a:hover > .highlighted,
.no-js p-calendar .ui-calendar a:focus > .highlighted,
.js.no-touch p-calendar .ui-calendar a:hover > .highlighted,
.js.no-touch p-calendar .ui-calendar a:focus > .highlighted,
.js.touch p-calendar .ui-calendar a:active > .highlighted,
.no-js p-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .highlighted,
.no-js p-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .highlighted,
.js.no-touch p-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .highlighted,
.js.no-touch p-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .highlighted,
.js.touch p-calendar .ui-calendar .p-datepicker-calendar td > span:active > .highlighted,
.no-js p-calendar .ui-calendar button:hover > .highlighted,
.no-js p-calendar .ui-calendar button:focus > .highlighted,
.js.no-touch p-calendar .ui-calendar button:hover > .highlighted,
.js.no-touch p-calendar .ui-calendar button:focus > .highlighted,
.js.touch p-calendar .ui-calendar button:active > .highlighted,
.no-js csi-prime-calendar .ui-calendar .btn:hover > .highlighted,
.no-js csi-prime-calendar .ui-calendar .btn:focus > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar .btn:hover > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar .btn:focus > .highlighted,
.js.touch csi-prime-calendar .ui-calendar .btn:active > .highlighted,
.no-js csi-prime-calendar .ui-calendar a:hover > .highlighted,
.no-js csi-prime-calendar .ui-calendar a:focus > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar a:hover > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar a:focus > .highlighted,
.js.touch csi-prime-calendar .ui-calendar a:active > .highlighted,
.no-js csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .highlighted,
.no-js csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .highlighted,
.js.touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:active > .highlighted,
.no-js csi-prime-calendar .ui-calendar button:hover > .highlighted,
.no-js csi-prime-calendar .ui-calendar button:focus > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar button:hover > .highlighted,
.js.no-touch csi-prime-calendar .ui-calendar button:focus > .highlighted,
.js.touch csi-prime-calendar .ui-calendar button:active > .highlighted {
  color: var(--global-text-color);
}
.no-js .datepicker .btn:hover > .text-muted, .no-js .datepicker .btn:focus > .text-muted, .js.no-touch .datepicker .btn:hover > .text-muted, .js.no-touch .datepicker .btn:focus > .text-muted, .js.touch .datepicker .btn:active > .text-muted,
.no-js .datepicker a:hover > .text-muted,
.no-js .datepicker a:focus > .text-muted,
.js.no-touch .datepicker a:hover > .text-muted,
.js.no-touch .datepicker a:focus > .text-muted,
.js.touch .datepicker a:active > .text-muted, .no-js .datepicker .p-datepicker-calendar td > span:hover > .text-muted, .no-js .datepicker .p-datepicker-calendar td > span:focus > .text-muted, .js.no-touch .datepicker .p-datepicker-calendar td > span:hover > .text-muted, .js.no-touch .datepicker .p-datepicker-calendar td > span:focus > .text-muted, .js.touch .datepicker .p-datepicker-calendar td > span:active > .text-muted, .no-js .datepicker button:hover > .text-muted, .no-js .datepicker button:focus > .text-muted, .js.no-touch .datepicker button:hover > .text-muted, .js.no-touch .datepicker button:focus > .text-muted, .js.touch .datepicker button:active > .text-muted,
.no-js p-calendar .p-calendar .btn:hover > .text-muted,
.no-js p-calendar .p-calendar .btn:focus > .text-muted,
.js.no-touch p-calendar .p-calendar .btn:hover > .text-muted,
.js.no-touch p-calendar .p-calendar .btn:focus > .text-muted,
.js.touch p-calendar .p-calendar .btn:active > .text-muted,
.no-js p-calendar .p-calendar a:hover > .text-muted,
.no-js p-calendar .p-calendar a:focus > .text-muted,
.js.no-touch p-calendar .p-calendar a:hover > .text-muted,
.js.no-touch p-calendar .p-calendar a:focus > .text-muted,
.js.touch p-calendar .p-calendar a:active > .text-muted,
.no-js p-calendar .p-calendar .p-datepicker-calendar td > span:hover > .text-muted,
.no-js p-calendar .p-calendar .p-datepicker-calendar td > span:focus > .text-muted,
.js.no-touch p-calendar .p-calendar .p-datepicker-calendar td > span:hover > .text-muted,
.js.no-touch p-calendar .p-calendar .p-datepicker-calendar td > span:focus > .text-muted,
.js.touch p-calendar .p-calendar .p-datepicker-calendar td > span:active > .text-muted,
.no-js p-calendar .p-calendar button:hover > .text-muted,
.no-js p-calendar .p-calendar button:focus > .text-muted,
.js.no-touch p-calendar .p-calendar button:hover > .text-muted,
.js.no-touch p-calendar .p-calendar button:focus > .text-muted,
.js.touch p-calendar .p-calendar button:active > .text-muted,
.no-js p-calendar .ui-calendar .btn:hover > .text-muted,
.no-js p-calendar .ui-calendar .btn:focus > .text-muted,
.js.no-touch p-calendar .ui-calendar .btn:hover > .text-muted,
.js.no-touch p-calendar .ui-calendar .btn:focus > .text-muted,
.js.touch p-calendar .ui-calendar .btn:active > .text-muted,
.no-js p-calendar .ui-calendar a:hover > .text-muted,
.no-js p-calendar .ui-calendar a:focus > .text-muted,
.js.no-touch p-calendar .ui-calendar a:hover > .text-muted,
.js.no-touch p-calendar .ui-calendar a:focus > .text-muted,
.js.touch p-calendar .ui-calendar a:active > .text-muted,
.no-js p-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .text-muted,
.no-js p-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .text-muted,
.js.no-touch p-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .text-muted,
.js.no-touch p-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .text-muted,
.js.touch p-calendar .ui-calendar .p-datepicker-calendar td > span:active > .text-muted,
.no-js p-calendar .ui-calendar button:hover > .text-muted,
.no-js p-calendar .ui-calendar button:focus > .text-muted,
.js.no-touch p-calendar .ui-calendar button:hover > .text-muted,
.js.no-touch p-calendar .ui-calendar button:focus > .text-muted,
.js.touch p-calendar .ui-calendar button:active > .text-muted,
.no-js csi-prime-calendar .ui-calendar .btn:hover > .text-muted,
.no-js csi-prime-calendar .ui-calendar .btn:focus > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar .btn:hover > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar .btn:focus > .text-muted,
.js.touch csi-prime-calendar .ui-calendar .btn:active > .text-muted,
.no-js csi-prime-calendar .ui-calendar a:hover > .text-muted,
.no-js csi-prime-calendar .ui-calendar a:focus > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar a:hover > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar a:focus > .text-muted,
.js.touch csi-prime-calendar .ui-calendar a:active > .text-muted,
.no-js csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .text-muted,
.no-js csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:hover > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:focus > .text-muted,
.js.touch csi-prime-calendar .ui-calendar .p-datepicker-calendar td > span:active > .text-muted,
.no-js csi-prime-calendar .ui-calendar button:hover > .text-muted,
.no-js csi-prime-calendar .ui-calendar button:focus > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar button:hover > .text-muted,
.js.no-touch csi-prime-calendar .ui-calendar button:focus > .text-muted,
.js.touch csi-prime-calendar .ui-calendar button:active > .text-muted {
  color: var(--global-text-color);
}

.p-menu .p-menuitem-text {
  line-height: 2.4rem !important;
}

.dropdown-menu,
.ui-menu, .p-menu {
  background-color: var(--surface-card);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.dropdown-menu:before,
.ui-menu:before, .p-menu:before {
  border-color: transparent transparent var(--generic-dark) transparent;
}
.dropdown-menu li,
.ui-menu li, .p-menu li {
  border-bottom-color: var(--generic-medium);
}
.dropdown-menu li a,
.dropdown-menu li small,
.ui-menu li a,
.ui-menu li small, .p-menu li a,
.p-menu li small {
  color: #333;
}
.theme-dark .dropdown-menu li a, .theme-dark .dropdown-menu li small, .theme-dark .ui-menu li a, .theme-dark .ui-menu li small, .theme-dark .p-menu li a, .theme-dark .p-menu li small {
  color: var(--text-0);
}

@media (prefers-color-scheme: dark) {
  .theme-match .dropdown-menu li a, .theme-match .dropdown-menu li small, .theme-match .ui-menu li a, .theme-match .ui-menu li small, .theme-match .p-menu li a, .theme-match .p-menu li small {
    color: var(--text-0);
  }
}

.dropdown-menu li a .fa,
.dropdown-menu li small .fa,
.ui-menu li a .fa,
.ui-menu li small .fa, .p-menu li a .fa,
.p-menu li small .fa {
  color: #6c757d;
}
.theme-dark .dropdown-menu li a .fa, .theme-dark .dropdown-menu li small .fa, .theme-dark .ui-menu li a .fa, .theme-dark .ui-menu li small .fa, .theme-dark .p-menu li a .fa, .theme-dark .p-menu li small .fa {
  color: #dadcde;
}

@media (prefers-color-scheme: dark) {
  .theme-match .dropdown-menu li a .fa, .theme-match .dropdown-menu li small .fa, .theme-match .ui-menu li a .fa, .theme-match .ui-menu li small .fa, .theme-match .p-menu li a .fa, .theme-match .p-menu li small .fa {
    color: #dadcde;
  }
}

.dropdown-menu li a:hover,
.dropdown-menu li small:hover,
.ui-menu li a:hover,
.ui-menu li small:hover, .p-menu li a:hover,
.p-menu li small:hover {
  background-color: #e9ecef;
}
.theme-dark .dropdown-menu li a:hover, .theme-dark .dropdown-menu li small:hover, .theme-dark .ui-menu li a:hover, .theme-dark .ui-menu li small:hover, .theme-dark .p-menu li a:hover, .theme-dark .p-menu li small:hover {
  background-color: #161310;
}

@media (prefers-color-scheme: dark) {
  .theme-match .dropdown-menu li a:hover, .theme-match .dropdown-menu li small:hover, .theme-match .ui-menu li a:hover, .theme-match .ui-menu li small:hover, .theme-match .p-menu li a:hover, .theme-match .p-menu li small:hover {
    background-color: #161310;
  }
}

.dropdown-menu li a.ui-state-disabled,
.dropdown-menu li small.ui-state-disabled,
.ui-menu li a.ui-state-disabled,
.ui-menu li small.ui-state-disabled, .p-menu li a.ui-state-disabled,
.p-menu li small.ui-state-disabled {
  color: var(--generic-dark);
}

csi-dropdown p-dropdown .ui-dropdown .ui-dropdown-clear-icon:before, csi-dropdown .p-dropdown .ui-dropdown-clear-icon:before {
  color: color-mix(in srgb, var(--inputtext-text-color), white 50%);
}
.no-js csi-dropdown p-dropdown .ui-dropdown .ui-dropdown-clear-icon:hover:before, .no-js csi-dropdown p-dropdown .ui-dropdown .ui-dropdown-clear-icon:focus:before, .js.no-touch csi-dropdown p-dropdown .ui-dropdown .ui-dropdown-clear-icon:hover:before, .js.no-touch csi-dropdown p-dropdown .ui-dropdown .ui-dropdown-clear-icon:focus:before, .js.touch csi-dropdown p-dropdown .ui-dropdown .ui-dropdown-clear-icon:active:before, .no-js csi-dropdown .p-dropdown .ui-dropdown-clear-icon:hover:before, .no-js csi-dropdown .p-dropdown .ui-dropdown-clear-icon:focus:before, .js.no-touch csi-dropdown .p-dropdown .ui-dropdown-clear-icon:hover:before, .js.no-touch csi-dropdown .p-dropdown .ui-dropdown-clear-icon:focus:before, .js.touch csi-dropdown .p-dropdown .ui-dropdown-clear-icon:active:before {
  color: color-mix(in srgb, color-mix(in srgb, var(--inputtext-text-color), white 50%), black 15%);
}
csi-dropdown p-dropdown .ui-dropdown .ui-dropdown-trigger-icon:before, csi-dropdown p-dropdown .ui-dropdown .p-dropdown-trigger-icon:before, csi-dropdown .p-dropdown .ui-dropdown-trigger-icon:before, csi-dropdown .p-dropdown .p-dropdown-trigger-icon:before {
  color: color-mix(in srgb, var(--inputtext-text-color), white 50%);
}

.ui-dropdown-panel.ui-widget, .p-dropdown-panel.p-component {
  background: #fff;
}
.no-js .ui-dropdown-panel.ui-widget .ui-dropdown-item:hover, .no-js .ui-dropdown-panel.ui-widget .ui-dropdown-item:focus, .js.no-touch .ui-dropdown-panel.ui-widget .ui-dropdown-item:hover, .js.no-touch .ui-dropdown-panel.ui-widget .ui-dropdown-item:focus, .js.touch .ui-dropdown-panel.ui-widget .ui-dropdown-item:active, .no-js .ui-dropdown-panel.ui-widget .p-dropdown-item:hover, .no-js .ui-dropdown-panel.ui-widget .p-dropdown-item:focus, .js.no-touch .ui-dropdown-panel.ui-widget .p-dropdown-item:hover, .js.no-touch .ui-dropdown-panel.ui-widget .p-dropdown-item:focus, .js.touch .ui-dropdown-panel.ui-widget .p-dropdown-item:active, .no-js .p-dropdown-panel.p-component .ui-dropdown-item:hover, .no-js .p-dropdown-panel.p-component .ui-dropdown-item:focus, .js.no-touch .p-dropdown-panel.p-component .ui-dropdown-item:hover, .js.no-touch .p-dropdown-panel.p-component .ui-dropdown-item:focus, .js.touch .p-dropdown-panel.p-component .ui-dropdown-item:active, .no-js .p-dropdown-panel.p-component .p-dropdown-item:hover, .no-js .p-dropdown-panel.p-component .p-dropdown-item:focus, .js.no-touch .p-dropdown-panel.p-component .p-dropdown-item:hover, .js.no-touch .p-dropdown-panel.p-component .p-dropdown-item:focus, .js.touch .p-dropdown-panel.p-component .p-dropdown-item:active {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}

.timepicker .btn {
  background: transparent;
  color: var(--text-color);
}
.timepicker .btn.button[disabled], .timepicker .btn[disabled] {
  background: none !important;
  color: var(--calendar-item-disabled-text-color) !important;
}
.timepicker .btn.button[disabled]:hover, .timepicker .btn[disabled]:hover {
  background: var(--calendar-item-disabled-bg) !important;
  color: var(--calendar-item-disabled-text-color) !important;
}
.timepicker .btn > .text-muted {
  color: var(--calendar-item-disabled-text-color);
}
.timepicker .btn.active {
  background: transparent;
  color: var(--global-text-color);
}

.ui-state-disabled .ui-timepicker .ui-hour-picker > span,
.ui-state-disabled .ui-timepicker .ui-separator > span,
.ui-state-disabled .ui-timepicker .ui-minute-picker > span,
.ui-state-disabled .ui-timepicker .ui-ampm-picker > span,
.ui-state-disabled .ui-timepicker .p-hour-picker > span,
.ui-state-disabled .ui-timepicker .p-separator > span,
.ui-state-disabled .ui-timepicker .p-minute-picker > span,
.ui-state-disabled .ui-timepicker .p-ampm-picker > span {
  color: var(--calendar-item-disabled-text-color);
}
.ui-state-disabled .ui-timepicker > div a, .ui-state-disabled .ui-timepicker button {
  color: var(--calendar-item-disabled-text-color);
}

.ui-timepicker > div a, .ui-timepicker button, .p-timepicker > div a, .p-timepicker button {
  border-color: var(--list-item-border-color);
  color: var(--text-color);
}

.timepicker--bordered td {
  border: 1px solid var(--list-item-border-color);
}

.no-touch .timepicker .btn:hover, .no-touch .timepicker .btn:focus {
  background: transparent;
  color: var(--global-text-color);
}
.no-touch .timepicker .btn:hover > .text-muted, .no-touch .timepicker .btn:focus > .text-muted {
  color: var(--global-text-color);
}

.touch .timepicker .btn:active {
  background: transparent;
  color: var(--global-text-color);
}
.touch .timepicker .btn:active > .text-muted {
  color: var(--global-text-color);
}

.badge {
  background: var(--primary-color);
  color: var(--text-0);
}

.badge--menuNotify {
  background-color: #004788;
}

.badge--simple {
  background: var(--generic-light);
  color: var(--text-color);
}

.ui-tooltip.ui-widget .ui-tooltip-arrow {
  border-top-color: var(--generic-light);
}
.ui-tooltip.ui-widget .ui-tooltip-text {
  background-color: var(--generic-light);
  color: var(--generic-dark);
}

.drawer--left .drawer-content {
  color: var(--navigation-sidebar-text-color, #fff);
  background-color: var(--navigation-sidebar-bg-color);
  border-right-color: var(--navigation-profile-border-color, #ffffff00);
}
.drawer--left .drawer-feature {
  background-color: rgba(255, 255, 255, 0.1);
}
.drawer--left .drawer-user {
  color: var(--navigation-profile-text-color, #fff);
  background-color: var(--navigation-profile-bg-color, #ffffff1a);
}
.drawer--left .drawer-user .drawer-user-icon {
  color: var(--navigation-profile-icon-color, #fff);
}
.drawer--left .control.control--search {
  background-color: rgba(255, 255, 255, 0.1);
}
.drawer--left .drawer-note {
  color: #2295ff;
}

.drawer-chat {
  background-color: #004788;
  position: fixed !important;
  bottom: 0;
}

.drawer-chat-padding {
  padding-bottom: 116px !important;
}

.drawer-backdrop {
  background: rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 961px) {
  .drawer--left {
    left: 0;
    right: initial;
  }
}

@media only screen and (min-width: 961px) {
  .navbar--top,
.navbar--bottom,
.layout-view-wrapper {
    padding-left: 25rem;
    padding-right: 0;
  }
}
.viewLogin .layout-view-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.input--bool.input_state-disabled .input-text {
  color: var(--inputtext-placeholder-text-color) !important;
}
.input--bool.input_state-disabled .input-bool {
  background-color: var(--inputtext-bg-disabled-color) !important;
  border-color: var(--inputtext-border-disabled-color) !important;
}
.input--bool .input-bool {
  border-color: var(--radiobutton-border-color);
  background: var(--radiobutton-bg-color);
}
.input--bool .input-bool:before {
  background-color: var(--radiobutton-icon-color);
}
.input--bool input[type=checkbox]:checked + .input-bool:before,
.input--bool input[type=radio]:checked + .input-bool:before {
  background-color: var(--radiobutton-icon-color);
}
.input--bool input[type=checkbox]:focus + .input-bool,
.input--bool input[type=radio]:focus + .input-bool,
.input--bool input[type=checkbox]:active + .input-bool,
.input--bool input[type=radio]:active + .input-bool {
  background: var(--radiobutton-bg-selected-color);
}

.input--toggle.input--toggleOutlined.input--primary {
  border-color: var(--primary-color);
}
.input--toggle.input--toggleOutlined.input--secondary {
  border-color: var(--secondary-color);
}
.input--toggle.input--toggleOutlined.input--dark {
  border-color: var(--generic-dark);
}
.input--toggle.input--toggleOutlined.input--light {
  border-color: var(--generic-medium);
}
.input--toggle.input--toggleOutlined.input--lighter {
  border-color: var(--generic-light);
}
.input--toggle.input--toggleOutlined.input--success {
  border-color: #7ac943;
}
.input--toggle.input--toggleOutlined.input--danger {
  border-color: #e84c3d;
}
.input--toggle.input--toggleOutlined.input--warning {
  border-color: #efad27;
}
.input--toggle.input--toggleOutlined.input--info {
  border-color: #1b809e;
}
.input--toggle.input--toggleOutlined.input--primaryDark {
  border-color: var(--primary-color-dark);
}
.input--toggle.input--toggleOutlined.input--trans {
  border-color: transparent;
}
.input--toggle.input--toggleOutlined.input--facebook {
  border-color: #4e69a2;
}
.input--toggle.input--toggleOutlined.input--twitter {
  border-color: #55acee;
}
.input--toggle.input--toggleOutlined.input--linkedin {
  border-color: #287bbc;
}
.input--toggle.input--toggleOutlined.input--gray {
  border-color: var(--gray-500);
}
.input--toggle.input--toggleOutlined.input--pending {
  border-color: var(--generic-dark);
}
.input--toggle.input--toggleOutlined.input--white {
  border-color: #fff;
}
.input--toggle.input--toggleOutlined.input--inactive {
  border-color: var(--gray-500);
}
.input--toggle.input--toggleOutlined.input--lightDanger {
  border-color: var(--severity-danger-bg);
}
.input--toggle.input--toggleOutlined.input--lightSuccess {
  border-color: var(--severity-success-bg);
}
.input--toggle input[type=checkbox] + .input-bool {
  background-color: var(--checkbox-bg-color);
  border-color: var(--checkbox-border-color);
}
.input--toggle input[type=checkbox] + .input-bool:before {
  color: var(--checkbox-icon-color);
}
.input--toggle input[type=checkbox] + .input-bool:hover {
  border-color: var(--checkbox-border-hover-color);
}
.input--toggle input[type=checkbox]:checked + .input-bool {
  background-color: var(--checkbox-bg-selected-color);
  border-color: var(--checkbox-border-selected-color);
}
.input--toggle input[type=checkbox]:checked + .input-bool:before {
  color: var(--checkbox-icon-color);
}
.input--toggle input[type=checkbox]:checked + .input-bool:hover {
  background-color: var(--checkbox-bg-selected-hover-color);
  border-color: var(--checkbox-border-selected-hover-color);
}
.input--toggle input[type=checkbox]:checked + .input-bool:hover:before {
  color: var(--checkbox-icon-selected-hover-color);
}
.input--toggle input[type=radio] + .input-bool {
  background-color: var(--radiobutton-bg-color);
  border-color: var(--radiobutton-border-color);
}
.input--toggle input[type=radio]:before {
  color: var(--radiobutton-icon-color);
}
.input--toggle input[type=radio]:hover {
  border-color: var(--radiobutton-border-hover-color);
}
.input--toggle input[type=radio]:checked + .input-bool {
  background-color: var(--radiobutton-bg-selected-color);
  border-color: var(--radiobutton-border-selected-color);
}
.input--toggle input[type=radio]:checked + .input-bool:before {
  color: var(--radiobutton-icon-color);
}
.input--toggle input[type=radio]:checked + .input-bool:hover {
  background-color: var(--radiobutton-bg-selected-hover-color);
  border-color: var(--radiobutton-border-selected-hover-color);
}
.input--toggle input[type=radio]:checked + .input-bool:hover:before {
  color: var(--radiobutton-icon-selected-hover-color);
}
.input--toggle:not(.input_state-readonly) input[type=radio]:focus + .input-bool,
.input--toggle:not(.input_state-readonly) input[type=radio]:active + .input-bool {
  background-color: var(--generic-light);
}
.input--toggle:not(.input_state-readonly) input[type=checkbox]:checked:focus + .input-bool:before,
.input--toggle:not(.input_state-readonly) input[type=checkbox]:checked:active + .input-bool:before {
  color: var(--checkbox-icon-selected-hover-color);
}
.input--toggle:not(.input_state-readonly) input[type=checkbox]:checked:focus + .input-bool:after,
.input--toggle:not(.input_state-readonly) input[type=checkbox]:checked:active + .input-bool:after {
  background-color: var(--checkbox-bg-selected-color);
}
.input--toggle:not(.input_state-readonly) input[type=radio]:checked:focus + .input-bool:after,
.input--toggle:not(.input_state-readonly) input[type=radio]:checked:active + .input-bool:after {
  background-color: var(--generic-light);
}

.input--trueToggle .input-bool {
  background-color: var(--inputswitch-bg-color);
}
.input--trueToggle .input-bool:after {
  background-color: var(--inputswitch-handle-bg-color);
}
.input--trueToggle .input-bool:hover {
  background-color: var(--inputswitch-bg-hover-color);
}
.input--trueToggle input[type=checkbox]:checked + .input-bool,
.input--trueToggle input[type=radio]:checked + .input-bool {
  background: var(--inputswitch-selected-bg-color);
}
.input--trueToggle input[type=checkbox]:checked + .input-bool:after,
.input--trueToggle input[type=radio]:checked + .input-bool:after {
  background-color: var(--inputswitch-handle-selected-bg-color);
}

.input--float .input-float {
  color: var(--text-secondary);
}

.input--smaller input, .input--smaller.input--float input,
.input--smaller textarea, .input--smaller.input--float textarea {
  background: var(--inputtext-bg-color);
}

.input--biggerNoFocus input[type=text]:focus,
.input--biggerNoFocus input[type=password]:focus,
.input--biggerNoFocus input[type=tel]:focus,
.input--biggerNoFocus input[type=email]:focus,
.input--biggerNoFocus select:focus,
.input--biggerNoFocus textarea:focus {
  background: #fff;
}

.input--textarea .input-float {
  background: var(--inputtext-bg-color);
}
.input--textarea textarea {
  background: var(--inputtext-bg-color);
}

.input--bordered {
  border: 1px solid var(--inputtext-border-color);
}
.input--bordered:focus {
  border-color: #004788;
}
.input--bordered.input > input:focus {
  border-color: #004788;
}

.input--disabled,
.input_state-disabled {
  border-color: var(--inputtext-border-disabled-color);
}
.input--disabled:hover,
.input_state-disabled:hover {
  border-color: var(--inputtext-border-disabled-color);
}
.input--disabled input,
.input_state-disabled input {
  background-color: var(--inputtext-bg-disabled-color) !important;
}
.input--disabled input::-webkit-input-placeholder,
.input_state-disabled input::-webkit-input-placeholder {
  color: var(--inputtext-placeholder-text-color);
}
.input--disabled input:-moz-placeholder,
.input_state-disabled input:-moz-placeholder {
  color: var(--inputtext-placeholder-text-color);
  opacity: 1;
}
.input--disabled input::-moz-placeholder,
.input_state-disabled input::-moz-placeholder {
  color: var(--inputtext-placeholder-text-color);
  opacity: 1;
}
.input--disabled input:-ms-input-placeholder,
.input_state-disabled input:-ms-input-placeholder {
  color: var(--inputtext-placeholder-text-color);
}
.input--disabled + .utility-inputDescription,
.input_state-disabled + .utility-inputDescription {
  color: #ccc;
}
.input--disabled.input--smaller:hover input,
.input--disabled.input--smaller:hover textarea, .input--disabled.input--smaller:focus input,
.input--disabled.input--smaller:focus textarea, .input--disabled.input--smaller:active input,
.input--disabled.input--smaller:active textarea,
.input_state-disabled.input--smaller:hover input,
.input_state-disabled.input--smaller:hover textarea,
.input_state-disabled.input--smaller:focus input,
.input_state-disabled.input--smaller:focus textarea,
.input_state-disabled.input--smaller:active input,
.input_state-disabled.input--smaller:active textarea {
  background-color: var(--inputtext-bg-disabled-color);
}
.input--disabled.input--modal:before, .input--disabled.input--editable:before,
.input_state-disabled.input--modal:before,
.input_state-disabled.input--editable:before {
  color: var(--inputtext-icon-color);
}
.input--disabled.input--toggle .input-text,
.input_state-disabled.input--toggle .input-text {
  color: #ccc;
}
.input--disabled.input--trueToggle .input-text,
.input_state-disabled.input--trueToggle .input-text {
  color: #ccc;
}
.input--disabled.input--trueToggle .input-bool:before,
.input_state-disabled.input--trueToggle .input-bool:before {
  background-color: #ccc;
}
.input--disabled.input--disabledLoginField input,
.input_state-disabled.input--disabledLoginField input {
  color: var(--text-secondary);
}

.input--validation .input-message {
  background: none;
  color: #e84c3d;
}

.input--validationRequired .input-message {
  background: none;
  color: #e84c3d;
}
.input--validationRequired .input-message[ng-message=required]:before, .input--validationRequired .input-message[ng-message=requiredEquals]:before, .input--validationRequired .input-message.required:before {
  border-color: transparent #e84c3d transparent transparent;
}
.input--validationRequired .input-message[ng-message=required]:before, .input--validationRequired .input-message[ng-message=requiredEquals]:before, .input--validationRequired .input-message.required:before {
  color: var(--text-secondary);
}
.input--validationRequired .input-message[ng-message=required]:after, .input--validationRequired .input-message[ng-message=requiredEquals]:after, .input--validationRequired .input-message.required:after {
  background-color: #e84c3d;
}

.touch .input--textarea.input-messageReply-textarea:active textarea,
.touch .input--textarea.input-messageReply-textarea:active .input-float {
  background-color: white;
}

.input-message {
  color: #fff;
  background: #e84c3d;
}

.input-label {
  color: var(--text-placeholder);
}

.input-counter {
  color: var(--text-placeholder);
}

.input-save > small {
  color: var(--text-placeholder);
}

.input-loader {
  background: white;
  background: -moz-radial-gradient(circle at center, white 50%, rgba(255, 255, 255, 0) 150%);
  background: -webkit-radial-gradient(circle at center, white 50%, rgba(255, 255, 255, 0) 150%);
  background: -o-radial-gradient(circle at center, white 50%, rgba(255, 255, 255, 0) 150%);
  background: -ms-radial-gradient(circle at center, white 50%, rgba(255, 255, 255, 0) 150%);
  background: radial-gradient(circle at center, white 50%, rgba(255, 255, 255, 0) 150%);
  color: var(--text-secondary);
}

.input__wrapper-radioButtons .input--bool .input-text {
  border-color: var(--radiobutton-border-color);
  background-color: transparent;
}
.input__wrapper-radioButtons .input--bool input[type=checkbox]:checked ~ .input-text,
.input__wrapper-radioButtons .input--bool input[type=radio]:checked ~ .input-text {
  border-color: #004788;
  color: #fff;
  background-color: #004788;
}

[select-radio] > label > div {
  color: #004788;
}

.list {
  background: transparent;
}

.list__wrapper-striped > ul {
  border-bottom-color: var(--list-item-border-color);
}
.list__wrapper-striped > ul:nth-child(even) > li, .list__wrapper-striped > ul:nth-child(even) > ul, .list__wrapper-striped > ul:nth-child(even) > ul > li {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}

.list--details, .list--locationsNew {
  background: var(--surface-card);
  border-bottom-color: var(--list-item-border-color);
}
.list--details .list-item .input--float .input-float, .list--locationsNew .list-item .input--float .input-float {
  color: var(--text-secondary);
}
.list--details .list-item input[type=text], .list--locationsNew .list-item input[type=text],
.list--details .list-item input[type=password],
.list--locationsNew .list-item input[type=password],
.list--details .list-item input[type=tel],
.list--locationsNew .list-item input[type=tel],
.list--details .list-item input[type=email],
.list--locationsNew .list-item input[type=email],
.list--details .list-item textarea,
.list--locationsNew .list-item textarea {
  color: var(--inputtext-text-color);
}
.list--details .list-sub, .list--locationsNew .list-sub {
  border-top-color: color-mix(in srgb, var(--list-item-border-color), white 10%);
}

.list--login-toggles .list-item {
  border-bottom-color: rgba(0, 71, 136, 0.5);
}

.list--questions .list-item > p {
  color: var(--text-secondary);
}
.list--questions .list-item > small {
  color: var(--text-color);
}

.list--clickable .list-item:before {
  color: var(--text-secondary);
}
.list--clickable .list-item:last-child {
  border-bottom-color: var(--list-item-border-color);
}

.list.list--dropdown > .list-item:not(.list-itemDropdown) {
  border-left-color: #004788;
}

.list.list--sortable .list-item .list-itemSorter {
  background: var(--surface-card);
}
.list.list--sortable .list-item .list-itemSorter:before {
  color: var(--text-secondary);
}

.list.list--toggle .list-item .list-itemToggle {
  color: var(--text-secondary);
  background: var(--surface-card);
}
.list.list--toggle .list-item .list-itemToggle:before {
  color: var(--text-secondary);
}

.list.list--swipe .list-item.list-item_state-swiped .list-itemToggle {
  background: color-mix(in srgb, var(--surface-card), black 15%);
}
.list.list--swipe .list-itemSwipe {
  background: #f2f2f2;
}

.list--image .list-itemImage {
  background: #004788;
}
.list--image .list-itemImage:before {
  color: #fff;
}

.list--splitData .list-headRow .utility-cell {
  border-bottom: 1px solid #e84c3d;
}

.list--plastic .list-item .list-itemPlastic, .list--plasticNew .list-item .list-itemPlastic {
  background-color: #004788;
}
.list--plastic .list-item .list-itemPlastic > span, .list--plasticNew .list-item .list-itemPlastic > span {
  color: #fff;
}
.list--plastic .list-item .list-itemPlastic:before, .list--plasticNew .list-item .list-itemPlastic:before {
  color: #fff;
}
.list--plastic .list-item:nth-child(even) .list-itemPlastic, .list--plasticNew .list-item:nth-child(even) .list-itemPlastic {
  background-color: #0062bb;
}
.list--plastic .list-item:nth-child(even) .list-itemPlastic:before, .list--plasticNew .list-item:nth-child(even) .list-itemPlastic:before {
  color: #fff;
}
.list--plastic.list--expanded .list-itemPlastic, .list--plasticNew .list-itemPlastic {
  top: 1.5rem;
}

.list--locations .list-itemNumber, .list--locationsNew .list-itemNumber {
  color: #fff;
  background: #004788;
}

.list--tags li {
  color: var(--tag-default-text-color);
  background-color: var(--tag-default-bg-color);
}
.list--tags.list--tagsSimple li {
  color: var(--text-secondary);
  background-color: transparent;
}

.list--blocks .list-item:nth-child(odd) {
  border-right-color: var(--list-item-border-color);
}

.list--disabledMuted .list-item_state-disabled > * {
  color: #ccc;
}

.list-item.list-item_state-muted > * {
  color: #ccc !important;
}

.list--messages .list-item.list-item_state-bank:after {
  background-color: var(--text-placeholder);
}
.list--messages .list-item.list-item_state-customer:after {
  background-color: #004788;
}
.list--messages:not(.list--messagesBubbles) .list-item.list-item_state-bank {
  background-color: var(--generic-light);
}
.list--messages:not(.list--messagesBubbles) .list-item.list-item_state-bank .list-itemRight {
  background: var(--generic-light);
}
.list--messages:not(.list--messagesBubbles) .list-item.list-item_state-bank .list-itemRight:before {
  background-color: var(--generic-light);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, var(--generic-light)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), var(--generic-light));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--generic-light));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="var(--generic-light)");
}

.list.list--messages.list--messagesBubbles {
  background: #f2f2f2;
}
.list.list--messages.list--messagesBubbles .list-item.list-item_state-bank:before {
  border-color: transparent var(--text-placeholder) transparent transparent;
}
.list.list--messages.list--messagesBubbles .list-item.list-item_state-customer:before {
  border-color: transparent transparent transparent #004788;
}

.list.list--messagesNew {
  background-color: var(--surface-ground);
}
.list.list--messagesNew .list-item:before {
  border-color: transparent transparent transparent #004788;
}
.list.list--messagesNew .list-item:after {
  background-color: #004788;
}
.list.list--messagesNew .list-item.list-item_state-highlighted:before {
  border-color: transparent var(--text-placeholder) transparent transparent;
}
.list.list--messagesNew .list-item.list-item_state-highlighted:after {
  background-color: var(--text-placeholder);
}

.list.list-messageReply-attachment {
  border-top-color: var(--list-item-border-color);
}

.list--toggleTarget {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}
.list--toggleTarget .list-item {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}
.list--toggleTarget .list-item .utility-backgroundFade {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}
.list--toggleTarget .list-item .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--surface-card), black 5%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--surface-card), black 5%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--surface-card), black 5%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--surface-card), black 5%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--surface-card), black 5%)");
}

.list--style-section:last-child {
  border-bottom-color: var(--border-light);
}
.list--style-section .list--section-subhead {
  color: var(--text-secondary);
  border-color: var(--border-light);
  background-color: var(--gray-200);
}
.theme-dark .list--style-section .list--section-subhead {
  background-color: var(--gray-850);
}

@media (prefers-color-scheme: dark) {
  .theme-match .list--style-section .list--section-subhead {
    background-color: var(--gray-850);
  }
}

.list--style-section .list--section-item {
  border-top-color: var(--border-light);
}
.list--style-section .list--section-item .subuser-perms-limits-subhead {
  color: #004788;
}
.list--style-section .list--section-item .subuser-perms-limits-maxes {
  color: #828282;
}
.list--style-section .list--section-item .subuser-perms-limits-top-right + .subuser-perms-limits-bottom-right {
  border-top-color: #b2b2b2;
}
.list--style-section .list--section-item .subuser-perms-limits-label {
  color: var(--text-color-secondary);
}
.list--style-section .list--section-item .subuser-perms-limits-label.input--editable .subuser-perms-limits-input {
  transition: 0.2s;
  background: rgba(255, 255, 255, 0.4);
}
.list--style-section .list--section-item .subuser-perms-limits-label.input--editable .subuser-perms-limits-input:focus {
  background: rgba(255, 255, 255, 0);
}
.list--style-section .list--section-item .subuser-perms-limits-label.input--editable.input_state-error:before {
  color: #e84c3d;
}

.list-supitem > small {
  color: var(--text-secondary);
  background-color: var(--surface-200);
}
.theme-dark .list-supitem > small {
  background-color: var(--surface-700);
}

@media (prefers-color-scheme: dark) {
  .theme-match .list-supitem > small {
    background-color: var(--surface-700);
  }
}

.list-item {
  background-color: var(--surface-card);
  color: var(--text-color);
  border-bottom-color: var(--list-item-border-color);
}
.list-item:first-child {
  border-top-color: var(--list-item-border-color);
}
.list-item > small,
.list-item > .list-itemRightWrapper > small {
  color: var(--text-secondary);
}
.list-item.list-itemBalanceColumn .list-itemRightBalanceColumnTarget:before {
  background: var(--surface-card);
}

csi-list-item small {
  color: var(--text-secondary);
}

.no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):hover, .no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):focus, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):hover, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):focus, .js.touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):active {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}
.no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):hover .utility-backgroundFade, .no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):focus .utility-backgroundFade, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):hover .utility-backgroundFade, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):focus .utility-backgroundFade, .js.touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):active .utility-backgroundFade {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}
.no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):hover .utility-backgroundFade:before, .no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):focus .utility-backgroundFade:before, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):hover .utility-backgroundFade:before, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):focus .utility-backgroundFade:before, .js.touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected):active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--surface-card), black 5%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--surface-card), black 5%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--surface-card), black 5%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--surface-card), black 5%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--surface-card), black 5%)");
}
.no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected).list-itemBalanceColumn:hover .list-itemRightBalanceColumnTarget:before, .no-js .list--clickable .list-item:not(.list-item--form):not(.list--preSelected).list-itemBalanceColumn:focus .list-itemRightBalanceColumnTarget:before, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected).list-itemBalanceColumn:hover .list-itemRightBalanceColumnTarget:before, .js.no-touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected).list-itemBalanceColumn:focus .list-itemRightBalanceColumnTarget:before, .js.touch .list--clickable .list-item:not(.list-item--form):not(.list--preSelected).list-itemBalanceColumn:active .list-itemRightBalanceColumnTarget:before {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}

.no-js .list--toggleTarget .list-item:hover, .no-js .list--toggleTarget .list-item:focus, .js.no-touch .list--toggleTarget .list-item:hover, .js.no-touch .list--toggleTarget .list-item:focus, .js.touch .list--toggleTarget .list-item:active {
  background: color-mix(in srgb, color-mix(in srgb, var(--surface-card), black 5%), black 5%);
}
.no-js .list--toggleTarget .list-item:hover .utility-backgroundFade, .no-js .list--toggleTarget .list-item:focus .utility-backgroundFade, .js.no-touch .list--toggleTarget .list-item:hover .utility-backgroundFade, .js.no-touch .list--toggleTarget .list-item:focus .utility-backgroundFade, .js.touch .list--toggleTarget .list-item:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--surface-card), black 10%);
}
.no-js .list--toggleTarget .list-item:hover .utility-backgroundFade:before, .no-js .list--toggleTarget .list-item:focus .utility-backgroundFade:before, .js.no-touch .list--toggleTarget .list-item:hover .utility-backgroundFade:before, .js.no-touch .list--toggleTarget .list-item:focus .utility-backgroundFade:before, .js.touch .list--toggleTarget .list-item:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--surface-card), black 10%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--surface-card), black 10%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--surface-card), black 10%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--surface-card), black 10%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--surface-card), black 10%)");
}

.no-js .list.list--swipe .list-itemToggle:hover, .no-js .list.list--swipe .list-itemToggle:focus, .js.no-touch .list.list--swipe .list-itemToggle:hover, .js.no-touch .list.list--swipe .list-itemToggle:focus, .js.touch .list.list--swipe .list-itemToggle:active {
  background: color-mix(in srgb, var(--surface-card), black 15%);
}

.no-js .list.list--sortable .list-itemSorter:hover, .no-js .list.list--sortable .list-itemSorter:focus, .js.no-touch .list.list--sortable .list-itemSorter:hover, .js.no-touch .list.list--sortable .list-itemSorter:focus, .js.touch .list.list--sortable .list-itemSorter:active {
  background: color-mix(in srgb, var(--surface-card), black 15%);
}

.no-js .list.list--toggle .list-itemToggle:hover, .no-js .list.list--toggle .list-itemToggle:focus, .js.no-touch .list.list--toggle .list-itemToggle:hover, .js.no-touch .list.list--toggle .list-itemToggle:focus, .js.touch .list.list--toggle .list-itemToggle:active {
  background: color-mix(in srgb, var(--surface-card), black 15%);
}

.no-js .list-item.list-item_state-disabled:hover, .no-js .list-item.list-item_state-disabled:focus, .js.no-touch .list-item.list-item_state-disabled:hover, .js.no-touch .list-item.list-item_state-disabled:focus, .js.touch .list-item.list-item_state-disabled:active {
  background: var(--surface-card) !important;
}
.no-js .list-item.list-item_state-disabled:hover .utility-backgroundFade, .no-js .list-item.list-item_state-disabled:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-disabled:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-disabled:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-disabled:active .utility-backgroundFade {
  background: var(--surface-card) !important;
}
.no-js .list-item.list-item_state-disabled:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-disabled:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-disabled:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-disabled:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-disabled:active .utility-backgroundFade:before {
  background-color: var(--surface-card) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, var(--surface-card))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), var(--surface-card)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--surface-card)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="var(--surface-card)") !important;
}
.list-item.list-item_state-inactive .list-itemPlastic {
  background-color: #888 !important;
}

.list-item.list-item_state-primary {
  background: color-mix(in srgb, var(--primary-color), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-primary [status] {
  color: var(--primary-color);
}
.list-item.list-item_state-primary .utility-backgroundFade {
  background: color-mix(in srgb, var(--primary-color), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-primary .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--primary-color), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--primary-color), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--primary-color), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--primary-color), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--primary-color), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-primary:hover, .no-js .list-item.list-item_state-primary:focus, .js.no-touch .list-item.list-item_state-primary:hover, .js.no-touch .list-item.list-item_state-primary:focus, .js.touch .list-item.list-item_state-primary:active {
  background: color-mix(in srgb, var(--primary-color), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-primary:hover .utility-backgroundFade, .no-js .list-item.list-item_state-primary:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-primary:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-primary:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-primary:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--primary-color), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-primary:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-primary:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-primary:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-primary:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-primary:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--primary-color), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--primary-color), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--primary-color), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--primary-color), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--primary-color), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-primary:hover.list-item_state-disabled, .no-js .list-item.list-item_state-primary:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-primary:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-primary:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-primary:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--primary-color), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-primary:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-primary:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-primary:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-primary:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-primary:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--primary-color), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-primary:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-primary:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-primary:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-primary:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-primary:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--primary-color), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--primary-color), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--primary-color), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--primary-color), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--primary-color), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-secondary {
  background: color-mix(in srgb, var(--secondary-color), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-secondary [status] {
  color: var(--secondary-color);
}
.list-item.list-item_state-secondary .utility-backgroundFade {
  background: color-mix(in srgb, var(--secondary-color), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-secondary .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--secondary-color), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--secondary-color), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--secondary-color), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--secondary-color), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--secondary-color), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-secondary:hover, .no-js .list-item.list-item_state-secondary:focus, .js.no-touch .list-item.list-item_state-secondary:hover, .js.no-touch .list-item.list-item_state-secondary:focus, .js.touch .list-item.list-item_state-secondary:active {
  background: color-mix(in srgb, var(--secondary-color), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-secondary:hover .utility-backgroundFade, .no-js .list-item.list-item_state-secondary:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-secondary:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-secondary:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-secondary:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--secondary-color), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-secondary:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-secondary:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-secondary:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-secondary:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-secondary:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--secondary-color), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--secondary-color), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--secondary-color), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--secondary-color), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--secondary-color), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-secondary:hover.list-item_state-disabled, .no-js .list-item.list-item_state-secondary:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-secondary:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-secondary:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-secondary:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--secondary-color), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-secondary:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-secondary:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-secondary:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-secondary:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-secondary:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--secondary-color), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-secondary:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-secondary:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-secondary:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-secondary:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-secondary:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--secondary-color), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--secondary-color), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--secondary-color), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--secondary-color), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--secondary-color), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-dark {
  background: color-mix(in srgb, var(--generic-dark), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-dark [status] {
  color: var(--generic-dark);
}
.list-item.list-item_state-dark .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-dark), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-dark .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-dark), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-dark), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-dark), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-dark), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-dark), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-dark:hover, .no-js .list-item.list-item_state-dark:focus, .js.no-touch .list-item.list-item_state-dark:hover, .js.no-touch .list-item.list-item_state-dark:focus, .js.touch .list-item.list-item_state-dark:active {
  background: color-mix(in srgb, var(--generic-dark), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-dark:hover .utility-backgroundFade, .no-js .list-item.list-item_state-dark:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-dark:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-dark:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-dark:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-dark), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-dark:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-dark:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-dark:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-dark:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-dark:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-dark), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-dark), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-dark), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-dark), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-dark), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-dark:hover.list-item_state-disabled, .no-js .list-item.list-item_state-dark:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-dark:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-dark:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-dark:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--generic-dark), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-dark:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-dark:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-dark:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-dark:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-dark:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-dark), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-dark:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-dark:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-dark:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-dark:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-dark:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-dark), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-dark), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-dark), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-dark), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-dark), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-light {
  background: color-mix(in srgb, var(--generic-medium), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-light [status] {
  color: var(--generic-medium);
}
.list-item.list-item_state-light .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-medium), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-light .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-medium), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-medium), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-medium), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-medium), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-medium), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-light:hover, .no-js .list-item.list-item_state-light:focus, .js.no-touch .list-item.list-item_state-light:hover, .js.no-touch .list-item.list-item_state-light:focus, .js.touch .list-item.list-item_state-light:active {
  background: color-mix(in srgb, var(--generic-medium), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-light:hover .utility-backgroundFade, .no-js .list-item.list-item_state-light:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-light:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-light:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-light:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-medium), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-light:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-light:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-light:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-light:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-light:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-medium), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-medium), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-medium), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-medium), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-medium), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-light:hover.list-item_state-disabled, .no-js .list-item.list-item_state-light:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-light:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-light:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-light:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--generic-medium), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-light:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-light:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-light:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-light:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-light:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-medium), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-light:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-light:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-light:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-light:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-light:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-medium), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-medium), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-medium), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-medium), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-medium), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-lighter {
  background: color-mix(in srgb, var(--generic-light), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-lighter [status] {
  color: var(--generic-light);
}
.list-item.list-item_state-lighter .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-light), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-lighter .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-light), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-light), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-light), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-light), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-light), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-lighter:hover, .no-js .list-item.list-item_state-lighter:focus, .js.no-touch .list-item.list-item_state-lighter:hover, .js.no-touch .list-item.list-item_state-lighter:focus, .js.touch .list-item.list-item_state-lighter:active {
  background: color-mix(in srgb, var(--generic-light), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-lighter:hover .utility-backgroundFade, .no-js .list-item.list-item_state-lighter:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lighter:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lighter:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-lighter:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-light), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-lighter:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-lighter:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lighter:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lighter:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-lighter:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-light), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-light), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-light), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-light), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-light), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-lighter:hover.list-item_state-disabled, .no-js .list-item.list-item_state-lighter:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-lighter:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-lighter:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-lighter:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--generic-light), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-lighter:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-lighter:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lighter:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lighter:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-lighter:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--generic-light), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-lighter:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-lighter:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lighter:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lighter:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-lighter:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--generic-light), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--generic-light), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-light), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--generic-light), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--generic-light), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-success [status] {
  color: #7ac943;
}

.list-item.list-item_state-danger {
  background: color-mix(in srgb, #e84c3d, var(--surface-card) 90%) !important;
}
.list-item.list-item_state-danger [status] {
  color: #e84c3d;
}
.list-item.list-item_state-danger .utility-backgroundFade {
  background: color-mix(in srgb, #e84c3d, var(--surface-card) 90%) !important;
}
.list-item.list-item_state-danger .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #e84c3d, var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #e84c3d, var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #e84c3d, var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #e84c3d, var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #e84c3d, var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-danger:hover, .no-js .list-item.list-item_state-danger:focus, .js.no-touch .list-item.list-item_state-danger:hover, .js.no-touch .list-item.list-item_state-danger:focus, .js.touch .list-item.list-item_state-danger:active {
  background: color-mix(in srgb, #e84c3d, var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-danger:hover .utility-backgroundFade, .no-js .list-item.list-item_state-danger:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-danger:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-danger:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-danger:active .utility-backgroundFade {
  background: color-mix(in srgb, #e84c3d, var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-danger:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-danger:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-danger:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-danger:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-danger:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #e84c3d, var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #e84c3d, var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #e84c3d, var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #e84c3d, var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #e84c3d, var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-danger:hover.list-item_state-disabled, .no-js .list-item.list-item_state-danger:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-danger:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-danger:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-danger:active.list-item_state-disabled {
  background: color-mix(in srgb, #e84c3d, var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-danger:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-danger:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-danger:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-danger:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-danger:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, #e84c3d, var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-danger:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-danger:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-danger:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-danger:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-danger:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #e84c3d, var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #e84c3d, var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #e84c3d, var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #e84c3d, var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #e84c3d, var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-warning {
  background: color-mix(in srgb, #efad27, var(--surface-card) 85%) !important;
}
.list-item.list-item_state-warning [status] {
  color: #efad27;
}
.list-item.list-item_state-warning .utility-backgroundFade {
  background: color-mix(in srgb, #efad27, var(--surface-card) 85%) !important;
}
.list-item.list-item_state-warning .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #efad27, var(--surface-card) 85%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #efad27, var(--surface-card) 85%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #efad27, var(--surface-card) 85%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #efad27, var(--surface-card) 85%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #efad27, var(--surface-card) 85%)");
}
.no-js .list-item.list-item_state-warning:hover, .no-js .list-item.list-item_state-warning:focus, .js.no-touch .list-item.list-item_state-warning:hover, .js.no-touch .list-item.list-item_state-warning:focus, .js.touch .list-item.list-item_state-warning:active {
  background: color-mix(in srgb, #efad27, var(--surface-card) 80%) !important;
}
.no-js .list-item.list-item_state-warning:hover .utility-backgroundFade, .no-js .list-item.list-item_state-warning:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-warning:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-warning:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-warning:active .utility-backgroundFade {
  background: color-mix(in srgb, #efad27, var(--surface-card) 80%) !important;
}
.no-js .list-item.list-item_state-warning:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-warning:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-warning:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-warning:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-warning:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #efad27, var(--surface-card) 80%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #efad27, var(--surface-card) 80%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #efad27, var(--surface-card) 80%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #efad27, var(--surface-card) 80%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #efad27, var(--surface-card) 80%)") !important;
}
.no-js .list-item.list-item_state-warning:hover.list-item_state-disabled, .no-js .list-item.list-item_state-warning:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-warning:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-warning:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-warning:active.list-item_state-disabled {
  background: color-mix(in srgb, #efad27, var(--surface-card) 90%) !important;
}
.no-js .list-item.list-item_state-warning:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-warning:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-warning:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-warning:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-warning:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, #efad27, var(--surface-card) 90%) !important;
}
.no-js .list-item.list-item_state-warning:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-warning:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-warning:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-warning:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-warning:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #efad27, var(--surface-card) 90%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #efad27, var(--surface-card) 90%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #efad27, var(--surface-card) 90%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #efad27, var(--surface-card) 90%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #efad27, var(--surface-card) 90%)") !important;
}

.list-item.list-item_state-info {
  background: color-mix(in srgb, #1b809e, var(--surface-card) 85%) !important;
}
.list-item.list-item_state-info [status] {
  color: #1b809e;
}
.list-item.list-item_state-info .utility-backgroundFade {
  background: color-mix(in srgb, #1b809e, var(--surface-card) 85%) !important;
}
.list-item.list-item_state-info .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #1b809e, var(--surface-card) 85%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #1b809e, var(--surface-card) 85%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #1b809e, var(--surface-card) 85%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #1b809e, var(--surface-card) 85%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #1b809e, var(--surface-card) 85%)");
}
.no-js .list-item.list-item_state-info:hover, .no-js .list-item.list-item_state-info:focus, .js.no-touch .list-item.list-item_state-info:hover, .js.no-touch .list-item.list-item_state-info:focus, .js.touch .list-item.list-item_state-info:active {
  background: color-mix(in srgb, #1b809e, var(--surface-card) 80%) !important;
}
.no-js .list-item.list-item_state-info:hover .utility-backgroundFade, .no-js .list-item.list-item_state-info:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-info:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-info:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-info:active .utility-backgroundFade {
  background: color-mix(in srgb, #1b809e, var(--surface-card) 80%) !important;
}
.no-js .list-item.list-item_state-info:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-info:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-info:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-info:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-info:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #1b809e, var(--surface-card) 80%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #1b809e, var(--surface-card) 80%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #1b809e, var(--surface-card) 80%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #1b809e, var(--surface-card) 80%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #1b809e, var(--surface-card) 80%)") !important;
}
.no-js .list-item.list-item_state-info:hover.list-item_state-disabled, .no-js .list-item.list-item_state-info:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-info:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-info:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-info:active.list-item_state-disabled {
  background: color-mix(in srgb, #1b809e, var(--surface-card) 90%) !important;
}
.no-js .list-item.list-item_state-info:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-info:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-info:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-info:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-info:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, #1b809e, var(--surface-card) 90%) !important;
}
.no-js .list-item.list-item_state-info:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-info:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-info:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-info:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-info:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, #1b809e, var(--surface-card) 90%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, #1b809e, var(--surface-card) 90%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, #1b809e, var(--surface-card) 90%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, #1b809e, var(--surface-card) 90%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, #1b809e, var(--surface-card) 90%)") !important;
}

.list-item.list-item_state-primaryDark [status] {
  color: var(--primary-color-dark);
}

.list-item.list-item_state-trans [status] {
  color: transparent;
}

.list-item.list-item_state-facebook [status] {
  color: #4e69a2;
}

.list-item.list-item_state-twitter [status] {
  color: #55acee;
}

.list-item.list-item_state-linkedin [status] {
  color: #287bbc;
}

.list-item.list-item_state-gray {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-gray [status] {
  color: var(--gray-500);
}
.list-item.list-item_state-gray .utility-backgroundFade {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-gray .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--gray-500), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--gray-500), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--gray-500), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-gray:hover, .no-js .list-item.list-item_state-gray:focus, .js.no-touch .list-item.list-item_state-gray:hover, .js.no-touch .list-item.list-item_state-gray:focus, .js.touch .list-item.list-item_state-gray:active {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-gray:hover .utility-backgroundFade, .no-js .list-item.list-item_state-gray:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-gray:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-gray:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-gray:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-gray:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-gray:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-gray:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-gray:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-gray:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--gray-500), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--gray-500), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--gray-500), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-gray:hover.list-item_state-disabled, .no-js .list-item.list-item_state-gray:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-gray:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-gray:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-gray:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-gray:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-gray:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-gray:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-gray:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-gray:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-gray:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-gray:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-gray:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-gray:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-gray:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--gray-500), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--gray-500), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--gray-500), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-pending [status] {
  color: var(--generic-dark);
}

.list-item.list-item_state-white [status] {
  color: #fff;
}

.list-item.list-item_state-inactive {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-inactive [status] {
  color: var(--gray-500);
}
.list-item.list-item_state-inactive .utility-backgroundFade {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-inactive .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--gray-500), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--gray-500), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--gray-500), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-inactive:hover, .no-js .list-item.list-item_state-inactive:focus, .js.no-touch .list-item.list-item_state-inactive:hover, .js.no-touch .list-item.list-item_state-inactive:focus, .js.touch .list-item.list-item_state-inactive:active {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-inactive:hover .utility-backgroundFade, .no-js .list-item.list-item_state-inactive:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-inactive:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-inactive:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-inactive:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-inactive:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-inactive:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-inactive:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-inactive:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-inactive:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--gray-500), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--gray-500), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--gray-500), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-inactive:hover.list-item_state-disabled, .no-js .list-item.list-item_state-inactive:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-inactive:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-inactive:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-inactive:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-inactive:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-inactive:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-inactive:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-inactive:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-inactive:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--gray-500), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-inactive:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-inactive:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-inactive:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-inactive:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-inactive:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--gray-500), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--gray-500), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--gray-500), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--gray-500), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-lightDanger {
  background: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-lightDanger [status] {
  color: var(--severity-danger-bg);
}
.list-item.list-item_state-lightDanger .utility-backgroundFade {
  background: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-lightDanger .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-lightDanger:hover, .no-js .list-item.list-item_state-lightDanger:focus, .js.no-touch .list-item.list-item_state-lightDanger:hover, .js.no-touch .list-item.list-item_state-lightDanger:focus, .js.touch .list-item.list-item_state-lightDanger:active {
  background: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-lightDanger:hover .utility-backgroundFade, .no-js .list-item.list-item_state-lightDanger:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightDanger:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightDanger:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-lightDanger:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-lightDanger:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-lightDanger:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightDanger:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightDanger:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-lightDanger:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-lightDanger:hover.list-item_state-disabled, .no-js .list-item.list-item_state-lightDanger:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-lightDanger:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-lightDanger:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-lightDanger:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-lightDanger:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-lightDanger:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightDanger:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightDanger:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-lightDanger:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-lightDanger:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-lightDanger:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightDanger:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightDanger:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-lightDanger:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--severity-danger-bg), var(--surface-card) 95%)") !important;
}

.list-item.list-item_state-lightSuccess {
  background: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-lightSuccess [status] {
  color: var(--severity-success-bg);
}
.list-item.list-item_state-lightSuccess .utility-backgroundFade {
  background: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 90%) !important;
}
.list-item.list-item_state-lightSuccess .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 90%);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 90%)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 90%));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 90%));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 90%)");
}
.no-js .list-item.list-item_state-lightSuccess:hover, .no-js .list-item.list-item_state-lightSuccess:focus, .js.no-touch .list-item.list-item_state-lightSuccess:hover, .js.no-touch .list-item.list-item_state-lightSuccess:focus, .js.touch .list-item.list-item_state-lightSuccess:active {
  background: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-lightSuccess:hover .utility-backgroundFade, .no-js .list-item.list-item_state-lightSuccess:focus .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightSuccess:hover .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightSuccess:focus .utility-backgroundFade, .js.touch .list-item.list-item_state-lightSuccess:active .utility-backgroundFade {
  background: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 85%) !important;
}
.no-js .list-item.list-item_state-lightSuccess:hover .utility-backgroundFade:before, .no-js .list-item.list-item_state-lightSuccess:focus .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightSuccess:hover .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightSuccess:focus .utility-backgroundFade:before, .js.touch .list-item.list-item_state-lightSuccess:active .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 85%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 85%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 85%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 85%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 85%)") !important;
}
.no-js .list-item.list-item_state-lightSuccess:hover.list-item_state-disabled, .no-js .list-item.list-item_state-lightSuccess:focus.list-item_state-disabled, .js.no-touch .list-item.list-item_state-lightSuccess:hover.list-item_state-disabled, .js.no-touch .list-item.list-item_state-lightSuccess:focus.list-item_state-disabled, .js.touch .list-item.list-item_state-lightSuccess:active.list-item_state-disabled {
  background: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-lightSuccess:hover.list-item_state-disabled .utility-backgroundFade, .no-js .list-item.list-item_state-lightSuccess:focus.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightSuccess:hover.list-item_state-disabled .utility-backgroundFade, .js.no-touch .list-item.list-item_state-lightSuccess:focus.list-item_state-disabled .utility-backgroundFade, .js.touch .list-item.list-item_state-lightSuccess:active.list-item_state-disabled .utility-backgroundFade {
  background: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 95%) !important;
}
.no-js .list-item.list-item_state-lightSuccess:hover.list-item_state-disabled .utility-backgroundFade:before, .no-js .list-item.list-item_state-lightSuccess:focus.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightSuccess:hover.list-item_state-disabled .utility-backgroundFade:before, .js.no-touch .list-item.list-item_state-lightSuccess:focus.list-item_state-disabled .utility-backgroundFade:before, .js.touch .list-item.list-item_state-lightSuccess:active.list-item_state-disabled .utility-backgroundFade:before {
  background-color: color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 95%) !important;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 95%))) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 95%)) !important;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 95%)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="color-mix(in srgb, var(--severity-success-bg), var(--surface-card) 95%)") !important;
}

.locationDetail .locationHead,
csi-location-details-wizard .locationHead {
  color: #fff;
}

.list-locationDetail .subSection {
  border-bottom-color: var(--divider-border-color);
}

.csi-locations-card-head {
  color: #fff;
  background-color: #004788;
}

.csi-locations-card-head-action.button:focus {
  background-color: #001f3c;
}

.modal--confirm .card,
csi-modal-confirm .card {
  background: #242424;
}
.modal--confirm .card .card-header,
csi-modal-confirm .card .card-header {
  background: none;
}
.modal--confirm .card .card-header .navbar-center > h3,
csi-modal-confirm .card .card-header .navbar-center > h3 {
  color: #a9a9a9;
}
.modal--confirm .card .card-body,
csi-modal-confirm .card .card-body {
  color: #fff;
  background-color: transparent;
}

.modal--image .card-body {
  background: var(--generic-dark);
}

.modal-backdrop,
.p-dialog-mask {
  background: #000;
  /* The Fallback */
  background: rgba(0, 0, 0, 0.3);
}

.p-dialog.p-dynamicdialog.dynamic-dialog-large .card-footer {
  border-top-color: #d8d8d8;
}

.inlineMessage {
  background: #e5e5e5;
}

.no-js csi-image-viewer csi-icon:hover, .no-js csi-image-viewer csi-icon:focus, .js.no-touch csi-image-viewer csi-icon:hover, .js.no-touch csi-image-viewer csi-icon:focus, .js.touch csi-image-viewer csi-icon:active {
  background: #004788;
}

.bank-logo {
  background-color: none;
  background-image: url(../../../../branding/brandedImages/bank-logo@2x.png);
}

.bank-logo-drawer {
  background-image: url(../../../../branding/brandedImages/bank-logo@2x.png);
}

.bank-logo-card {
  background-image: url(../../../../branding/brandedImages/bank-logo@2x.png);
}

.bank-logo-card-color {
  background-image: url(../../../../branding/brandedImages/bank-logo_wbg@2x.png);
}

.bank-logo-navbar {
  background-image: url(../../../../branding/brandedImages/bank-logo-wide@2x.png);
}

.background-image {
  background-image: url(../../../../branding/brandedImages/bg-login.gif);
}

.web-duo-image {
  content: url(../../../app/assets/img/icon-duo@3x.png);
}

.android-duo-image {
  content: url(cdvfile://localhost/files/icon-duo@3x.png);
}

.ios-duo-image {
  content: url(cdvfile://localhost/persistent/icon-duo@3x.png);
}

.sample-check-routing-account-image {
  background: url("data:image/png;base64,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") 20px 20px no-repeat, linear-gradient(135deg, #f8f8f8 25%, transparent 25%) -5px 0, linear-gradient(225deg, #f8f8f8 25%, transparent 25%) -5px 0, linear-gradient(315deg, #f8f8f8 25%, transparent 25%), linear-gradient(45deg, #f8f8f8 25%, transparent 25%) 0 0 repeat, #fff;
  background-size: 265px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 100%;
  border-color: var(--inputtext-border-color);
  box-shadow: inset 3px -3px 0 3px #fff;
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
@media only screen and (max-width: 320px) {
  .sample-check-routing-account-image {
    background-size: 90%, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 100%;
  }
}

.apple-store-app-link {
  background: url("data:image/png;base64,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") no-repeat center center, #222;
}

.google-store-app-link {
  background: url("data:image/png;base64,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") no-repeat center center, #222;
}

.loginBody input[type=text]::-webkit-input-placeholder,
.loginBody input[type=password]::-webkit-input-placeholder {
  color: #a9a9a9;
}
.loginBody input[type=text]:-moz-placeholder,
.loginBody input[type=password]:-moz-placeholder {
  color: #a9a9a9;
  opacity: 1;
}
.loginBody input[type=text]::-moz-placeholder,
.loginBody input[type=password]::-moz-placeholder {
  color: #a9a9a9;
  opacity: 1;
}
.loginBody input[type=text]:-ms-input-placeholder,
.loginBody input[type=password]:-ms-input-placeholder {
  color: #a9a9a9;
}
.loginBody .button.button--signin {
  color: #fff;
  background-color: #004788;
}
.loginBody .button.button--signin:hover {
  color: #fff;
  background-color: #000409;
}
.loginBody .button.button--signin[disabled] {
  color: rgba(0, 0, 0, 0.6);
  background-color: #004788 !important;
}
.loginBody .button.button--signin[disabled] .db-login--input-signin-text {
  color: rgba(0, 0, 0, 0.6);
}

.loginTouchID {
  color: #fff;
  background-color: color-mix(in srgb, var(--generic-dark), white 15%);
}
.loginTouchID:hover, .loginTouchID:active {
  border-color: var(--generic-dark);
  background: var(--generic-dark);
}

.input--login-remember {
  color: #004788;
}
.input--login-remember:hover, .input--login-remember:active {
  color: #004788;
}

.login--user-links a {
  color: #004788;
}
.login--user-links a:hover, .login--user-links a:focus {
  color: #004788;
}

.navbar--bottom .navbar-inner .login--extra-links .button {
  color: #004788;
  background-color: #8fc73e;
}
.navbar--bottom .navbar-inner .login--extra-links .button:hover, .navbar--bottom .navbar-inner .login--extra-links .button:focus {
  color: #004788;
  background-color: #8fc73e;
}

.loginLinks-icons a {
  color: #004788;
  background-color: #8fc73e;
}
.loginLinks-icons a:hover, .loginLinks-icons a:focus {
  color: #004788;
  background-color: #8fc73e;
}

.login--agency-links {
  color: #004788;
}
.login--agency-links a {
  color: #004788;
}

.module--info {
  border-bottom-color: #d2d2d2;
}
.module--info h5 {
  border-bottom-color: #ebebeb;
}
.module--info a[href^="tel:"] {
  color: inherit;
}

.component--note:before {
  color: #004788;
}

.angular-google-map-loading {
  color: var(--text-secondary);
}

.spinner {
  background: var(--generic-light);
}
.spinner.spinner--button {
  background: #004788;
}
.spinner.spinner--button .spinner-animation {
  background: #004788;
  background: linear-gradient(to right, #004788 10%, #001222 24%, #001222 26%, #004788 40%);
  background-repeat: no-repeat;
}
.spinner.spinner--plastic .spinner-inner {
  border: 1px solid #d8d8d8;
}
.spinner.spinner--plasticNone .spinner-none {
  color: #d8d8d8;
}
.spinner.spinner--circleTrack {
  background: none;
  border-top-color: rgba(255, 255, 255, 0.2);
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
.spinner.spinner--circleTrack.spinner--dark {
  border-top-color: rgba(169, 169, 169, 0.2);
  border-right-color: rgba(169, 169, 169, 0.2);
  border-bottom-color: rgba(169, 169, 169, 0.2);
  border-left-color: var(--text-placeholder);
}

.spinner-animation {
  background: var(--generic-medium);
  background: linear-gradient(to right, var(--generic-light) 8%, var(--generic-dark) 18%, var(--generic-light) 33%);
  background-repeat: no-repeat;
}

.spinner-fill {
  background: var(--surface-card);
}

[pagetext].bg--white,
csi-pagetext.bg--white {
  background: var(--surface-card);
}
[pagetext].border--top,
csi-pagetext.border--top {
  border-top-color: var(--list-item-border-color);
}
[pagetext].border--top.border--dark,
csi-pagetext.border--top.border--dark {
  border-top-color: color-mix(in srgb, var(--list-item-border-color), black 5%);
}
[pagetext].border--bot,
csi-pagetext.border--bot {
  border-bottom-color: var(--list-item-border-color);
}
[pagetext].border--bot.border--dark,
csi-pagetext.border--bot.border--dark {
  border-bottom-color: color-mix(in srgb, var(--list-item-border-color), black 5%);
}
[pagetext].pagetext--none,
csi-pagetext.pagetext--none {
  color: var(--message-text-color);
  background-color: var(--surface-card);
}
[pagetext].pagetext--none.bg--white,
csi-pagetext.pagetext--none.bg--white {
  background-color: var(--surface-card);
}
[pagetext].pagetext--info,
csi-pagetext.pagetext--info {
  color: var(--message-text-color);
  background-color: var(--message-info-bg-color);
}
[pagetext].pagetext--info a,
csi-pagetext.pagetext--info a {
  color: var(--message-info-title-color);
}
[pagetext].pagetext--warning,
csi-pagetext.pagetext--warning {
  color: var(--message-text-color);
  background-color: var(--message-warning-bg-color);
}
[pagetext].pagetext--warning a,
csi-pagetext.pagetext--warning a {
  color: var(--message-warning-title-color);
}
[pagetext].pagetext--danger,
csi-pagetext.pagetext--danger {
  color: var(--message-text-color);
  background-color: var(--message-danger-bg-color);
}
[pagetext].pagetext--danger a,
csi-pagetext.pagetext--danger a {
  color: var(--message-danger-title-color);
}
[pagetext].pagetext--login.pagetext--none,
csi-pagetext.pagetext--login.pagetext--none {
  background-color: #fff;
}
[pagetext].pagetext--login.pagetext--none .pagetext--login-close,
csi-pagetext.pagetext--login.pagetext--none .pagetext--login-close {
  color: var(--text-color);
}
[pagetext].pagetext--login.pagetext--info, [pagetext].pagetext--login.pagetext--warning, [pagetext].pagetext--login.pagetext--danger,
csi-pagetext.pagetext--login.pagetext--info,
csi-pagetext.pagetext--login.pagetext--warning,
csi-pagetext.pagetext--login.pagetext--danger {
  color: #fff;
}
[pagetext].pagetext--login.pagetext--info:before,
[pagetext].pagetext--login.pagetext--info h1,
[pagetext].pagetext--login.pagetext--info a, [pagetext].pagetext--login.pagetext--warning:before,
[pagetext].pagetext--login.pagetext--warning h1,
[pagetext].pagetext--login.pagetext--warning a, [pagetext].pagetext--login.pagetext--danger:before,
[pagetext].pagetext--login.pagetext--danger h1,
[pagetext].pagetext--login.pagetext--danger a,
csi-pagetext.pagetext--login.pagetext--info:before,
csi-pagetext.pagetext--login.pagetext--info h1,
csi-pagetext.pagetext--login.pagetext--info a,
csi-pagetext.pagetext--login.pagetext--warning:before,
csi-pagetext.pagetext--login.pagetext--warning h1,
csi-pagetext.pagetext--login.pagetext--warning a,
csi-pagetext.pagetext--login.pagetext--danger:before,
csi-pagetext.pagetext--login.pagetext--danger h1,
csi-pagetext.pagetext--login.pagetext--danger a {
  color: #fff;
}
[pagetext].pagetext--login.pagetext--info a:hover, [pagetext].pagetext--login.pagetext--warning a:hover, [pagetext].pagetext--login.pagetext--danger a:hover,
csi-pagetext.pagetext--login.pagetext--info a:hover,
csi-pagetext.pagetext--login.pagetext--warning a:hover,
csi-pagetext.pagetext--login.pagetext--danger a:hover {
  color: rgba(255, 255, 255, 0.8);
}
[pagetext].pagetext--login.pagetext--info,
csi-pagetext.pagetext--login.pagetext--info {
  background-color: #1b809e;
}
[pagetext].pagetext--login.pagetext--warning,
csi-pagetext.pagetext--login.pagetext--warning {
  background-color: #efad27;
}
[pagetext].pagetext--login.pagetext--danger,
csi-pagetext.pagetext--login.pagetext--danger {
  background-color: #e84c3d;
}
[pagetext].pageText-imageview,
csi-pagetext.pageText-imageview {
  color: #fff;
  background-color: rgba(0, 71, 136, 0.65);
}

.heading.heading--default {
  border-bottom-color: var(--list-item-border-color);
}

.wizard-step-complete {
  border-top-color: var(--list-item-border-color);
}

.card--messageDetail .card-body {
  background-color: #f2f2f2;
}

.arrow-top-right-nydig {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ff931e;
  color: #ffff;
}

.arrow-down-left-nydig {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #7ac943;
  color: #ffff;
}

.time-input-nydig {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #cccccc;
  color: #ffff;
}

.navbar--borderTop .navbar--quickLinksBordered {
  border-top-color: rgba(0, 0, 0, 0.15);
}

.navbar--top {
  color: var(--header-text-color, #fff);
  border-bottom-color: var(--text-placeholder);
  background-color: var(--header-bg-color, #3f3f3f);
}
.navbar--top .button {
  color: var(--header-link-icon-color, #fff);
}

.navbar--bottom {
  background-color: var(--gray-800);
  border-top-color: var(--list-item-border-color);
}
.navbar--bottom:has(.navbar-mobile-nav) {
  background-color: var(--navigation-mobile-bg-color, #3f3f3f);
}
.navbar--bottom .navbar-inner .button {
  border-top: 1px solid var(--list-item-border-color);
  border-left-color: rgba(255, 255, 255, 0.25);
  color: var(--text-0);
  background-color: var(--gray-800);
}
.navbar--bottom .navbar-inner.navbar-mobile-nav {
  background-color: var(--navigation-mobile-bg-color, #3f3f3f);
}
.navbar--bottom .navbar-inner.navbar-mobile-nav .button {
  color: var(--navigation-mobile-link-text-color, #fff);
  background-color: var(--navigation-mobile-link-bg-color, #ffffff00);
}
.navbar--bottom .navbar-inner.navbar-mobile-nav .button > .fa {
  color: var(--navigation-mobile-link-icon-color, #fff);
}
.navbar--bottom .navbar-inner.navbar-mobile-nav .button:hover {
  color: var(--navigation-mobile-link-text-hover-color, #fff);
  background-color: var(--navigation-mobile-link-bg-hover-color, #004788);
}
.navbar--bottom .navbar-inner.navbar-mobile-nav .button:hover > .fa {
  color: var(--navigation-mobile-link-icon-hover-color, #fff);
}

.navbar--quickLinks a {
  color: var(--text-color);
  background: transparent;
}
.navbar--quickLinks a:hover {
  color: #fff;
  background: #004788;
}
@media only screen and (max-width: 640px) {
  .navbar--quickLinks.navbar--quickLinksBordered a:nth-child(1) {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .navbar--quickLinks.navbar--quickLinksBordered a:nth-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .navbar--quickLinks.navbar--quickLinksBordered a:nth-child(3) {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .navbar--quickLinks.navbar--quickLinksBordered a:nth-child(1) {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .navbar--quickLinks.navbar--quickLinksBordered a:nth-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .navbar--quickLinks.navbar--quickLinksBordered a:nth-child(3) {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
  }
}
.navbar--quickLinks.navbar--quickLinksMissing a {
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.navbar--quickLinks.navbar--quickLinksMissing a:last-child {
  border-right: 0 !important;
}

.navbar--quickLinksHoverDefault a:hover {
  color: var(--text-color);
  background: color-mix(in srgb, var(--surface-card), black 5%);
}
.navbar--quickLinksHoverDefault a:hover .spinner--dash .left,
.navbar--quickLinksHoverDefault a:hover .spinner--dash .right {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}

.navbar.navbar--insideCard {
  background: var(--surface-card);
  border-bottom-color: var(--list-item-border-color);
}
.navbar.navbar--insideCard a,
.navbar.navbar--insideCard button,
.navbar.navbar--insideCard .navbar-inner a,
.navbar.navbar--insideCard .navbar-inner button {
  color: var(--text-secondary);
  background-color: var(--gray-50);
}
.theme-dark .navbar.navbar--insideCard a, .theme-dark .navbar.navbar--insideCard button, .theme-dark .navbar.navbar--insideCard .navbar-inner a, .theme-dark .navbar.navbar--insideCard .navbar-inner button {
  background-color: var(--gray-850);
}

@media (prefers-color-scheme: dark) {
  .theme-match .navbar.navbar--insideCard a, .theme-match .navbar.navbar--insideCard button, .theme-match .navbar.navbar--insideCard .navbar-inner a, .theme-match .navbar.navbar--insideCard .navbar-inner button {
    background-color: var(--gray-850);
  }
}

.navbar.navbar--insideCard a:hover,
.navbar.navbar--insideCard button:hover,
.navbar.navbar--insideCard .navbar-inner a:hover,
.navbar.navbar--insideCard .navbar-inner button:hover {
  color: var(--text-secondary);
  background-color: var(--gray-200);
}
.theme-dark .navbar.navbar--insideCard a:hover, .theme-dark .navbar.navbar--insideCard button:hover, .theme-dark .navbar.navbar--insideCard .navbar-inner a:hover, .theme-dark .navbar.navbar--insideCard .navbar-inner button:hover {
  background-color: var(--gray-700);
}

@media (prefers-color-scheme: dark) {
  .theme-match .navbar.navbar--insideCard a:hover, .theme-match .navbar.navbar--insideCard button:hover, .theme-match .navbar.navbar--insideCard .navbar-inner a:hover, .theme-match .navbar.navbar--insideCard .navbar-inner button:hover {
    background-color: var(--gray-700);
  }
}

.navbar.navbar--insideCard a[disabled],
.navbar.navbar--insideCard button[disabled],
.navbar.navbar--insideCard .navbar-inner a[disabled],
.navbar.navbar--insideCard .navbar-inner button[disabled] {
  color: var(--text-disabled) !important;
}
.navbar.navbar--insideCard a:after,
.navbar.navbar--insideCard button:after,
.navbar.navbar--insideCard .navbar-inner a:after,
.navbar.navbar--insideCard .navbar-inner button:after {
  border-right-color: var(--list-item-border-color);
}
.navbar.navbar--insideCard.navbar--insideFooter {
  border-top-color: var(--list-item-border-color);
}

.navbar--controlPayee .controlPayee-action-photo:hover {
  color: var(--button-plain-text-color);
}

.controlPayee-action-button {
  color: var(--button-outlined-text-color);
  border-color: var(--button-outlined-border-color);
  background-color: transparent;
}
.controlPayee-action-button:hover {
  color: var(--text-0);
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.controlPayee-action-button:focus {
  color: var(--text-0);
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  box-shadow: 0 0 0 4px var(--border-focus-light);
  outline: 2px solid var(--surface-card);
}

.no-touch .navbar--top .button {
  color: var(--header-link-icon-color, #fff);
  background-color: var(--header-link-bg-color, transparent);
}
.no-touch .navbar--top .button:hover, .no-touch .navbar--top .button:focus {
  color: var(--header-link-icon-hover-color, #fff);
  background-color: var(--header-link-bg-hover-color);
}
.no-touch .navbar--bottom .button[disabled], .no-touch .navbar--bottom .button.disabled {
  background: none;
}

.touch .navbar--top .button {
  color: var(--header-link-icon-color, #fff);
  background-color: var(--header-link-bg-color, transparent);
}
.touch .navbar--top .button:active {
  color: var(--header-link-icon-hover-color, #fff);
  background-color: var(--header-link-bg-hover-color);
}
.touch .navbar--bottom .button[disabled], .touch .navbar--bottom .button.disabled {
  background: none;
}
.touch .navbar.navbar--insideCard .button:active {
  color: var(--text-secondary);
  background-color: var(--gray-200);
}
.theme-dark .touch .navbar.navbar--insideCard .button:active {
  background-color: var(--gray-700);
}

@media (prefers-color-scheme: dark) {
  .theme-match .touch .navbar.navbar--insideCard .button:active {
    background-color: var(--gray-700);
  }
}

.button {
  color: var(--button-default-text-color);
  background-color: var(--button-default-bg-color);
}
.button:hover {
  color: var(--button-default-text-hover-color);
  background-color: var(--button-default-bg-hover-color);
}
.no-js .button:hover .button--hoverTextOverride, .no-js .button:focus .button--hoverTextOverride, .js.no-touch .button:hover .button--hoverTextOverride, .js.no-touch .button:focus .button--hoverTextOverride, .js.touch .button:active .button--hoverTextOverride {
  color: var(--generic-light);
}
.no-js .button:hover .button--hoverTextOverride *, .no-js .button:focus .button--hoverTextOverride *, .js.no-touch .button:hover .button--hoverTextOverride *, .js.no-touch .button:focus .button--hoverTextOverride *, .js.touch .button:active .button--hoverTextOverride * {
  color: var(--generic-light);
}
.button[disabled].button--white > .fa {
  color: var(--text-disabled) !important;
}
.button[disabled].button--rectangle {
  color: var(--button-default-text-disabled-color) !important;
  background-color: var(--button-default-bg-disabled-color) !important;
}
.button[disabled].button--underline {
  background-color: transparent !important;
  color: #ccc !important;
}
.button[disabled].button--outline {
  background-color: none !important;
  border-color: var(--text-disabled) !important;
  color: var(--text-disabled) !important;
}
.button[disabled].button--outline > .fa {
  color: var(--text-disabled) !important;
}
.button[disabled].button--circle, .button[disabled].button--link {
  color: var(--text-disabled) !important;
  background: transparent !important;
}
.button[disabled].button--circle.button--primary, .button[disabled].button--link.button--primary {
  background: #004788 !important;
  color: #002c55 !important;
}
.button[disabled].button--circle.button--secondary, .modal--wizard .card .card-header > button.button[disabled].button--circle, .button[disabled].button--link.button--secondary, .modal--wizard .card .card-header > button.button[disabled].button--link {
  background: #004788 !important;
  color: #002c55 !important;
}
.button[disabled].button--enabled.button--primary {
  background: var(--primary-color) !important;
  color: color-mix(in srgb, var(--primary-color), black 50%) !important;
}
.button[disabled].button--enabled.button--primary.button--thin {
  border-color: var(--primary-color) !important;
}
.button[disabled].button--enabled.button--primary > span {
  color: color-mix(in srgb, var(--primary-color), black 50%) !important;
}
.button[disabled].button--enabled.button--secondary, .modal--wizard .card .card-header > button.button[disabled].button--enabled {
  background: var(--secondary-color) !important;
  color: color-mix(in srgb, var(--secondary-color), black 50%) !important;
}
.button[disabled].button--enabled.button--secondary.button--thin, .modal--wizard .card .card-header > button.button[disabled].button--enabled.button--thin {
  border-color: var(--secondary-color) !important;
}
.button[disabled].button--enabled.button--secondary > span, .modal--wizard .card .card-header > button.button[disabled].button--enabled > span {
  color: color-mix(in srgb, var(--secondary-color), black 50%) !important;
}
.button[disabled].button--enabled.button--dark {
  background: var(--generic-dark) !important;
  color: color-mix(in srgb, var(--generic-dark), black 50%) !important;
}
.button[disabled].button--enabled.button--dark.button--thin {
  border-color: var(--generic-dark) !important;
}
.button[disabled].button--enabled.button--dark > span {
  color: color-mix(in srgb, var(--generic-dark), black 50%) !important;
}
.button[disabled].button--enabled.button--light {
  background: var(--generic-medium) !important;
  color: color-mix(in srgb, var(--generic-medium), black 50%) !important;
}
.button[disabled].button--enabled.button--light.button--thin {
  border-color: var(--generic-medium) !important;
}
.button[disabled].button--enabled.button--light > span {
  color: color-mix(in srgb, var(--generic-medium), black 50%) !important;
}
.button[disabled].button--enabled.button--lighter {
  background: var(--generic-light) !important;
  color: color-mix(in srgb, var(--generic-light), black 50%) !important;
}
.button[disabled].button--enabled.button--lighter.button--thin {
  border-color: var(--generic-light) !important;
}
.button[disabled].button--enabled.button--lighter > span {
  color: color-mix(in srgb, var(--generic-light), black 50%) !important;
}
.button[disabled].button--enabled.button--success {
  background: #7ac943 !important;
  color: color-mix(in srgb, #7ac943, black 50%) !important;
}
.button[disabled].button--enabled.button--success.button--thin {
  border-color: #7ac943 !important;
}
.button[disabled].button--enabled.button--success > span {
  color: color-mix(in srgb, #7ac943, black 50%) !important;
}
.button[disabled].button--enabled.button--danger {
  background: #e84c3d !important;
  color: color-mix(in srgb, #e84c3d, black 50%) !important;
}
.button[disabled].button--enabled.button--danger.button--thin {
  border-color: #e84c3d !important;
}
.button[disabled].button--enabled.button--danger > span {
  color: color-mix(in srgb, #e84c3d, black 50%) !important;
}
.button[disabled].button--enabled.button--warning {
  background: #efad27 !important;
  color: color-mix(in srgb, #efad27, black 50%) !important;
}
.button[disabled].button--enabled.button--warning.button--thin {
  border-color: #efad27 !important;
}
.button[disabled].button--enabled.button--warning > span {
  color: color-mix(in srgb, #efad27, black 50%) !important;
}
.button[disabled].button--enabled.button--info {
  background: #1b809e !important;
  color: color-mix(in srgb, #1b809e, black 50%) !important;
}
.button[disabled].button--enabled.button--info.button--thin {
  border-color: #1b809e !important;
}
.button[disabled].button--enabled.button--info > span {
  color: color-mix(in srgb, #1b809e, black 50%) !important;
}
.button[disabled].button--enabled.button--primaryDark {
  background: var(--primary-color-dark) !important;
  color: color-mix(in srgb, var(--primary-color-dark), black 50%) !important;
}
.button[disabled].button--enabled.button--primaryDark.button--thin {
  border-color: var(--primary-color-dark) !important;
}
.button[disabled].button--enabled.button--primaryDark > span {
  color: color-mix(in srgb, var(--primary-color-dark), black 50%) !important;
}
.button[disabled].button--enabled.button--gray {
  background: var(--gray-500) !important;
  color: color-mix(in srgb, var(--gray-500), black 50%) !important;
}
.button[disabled].button--enabled.button--gray.button--thin {
  border-color: var(--gray-500) !important;
}
.button[disabled].button--enabled.button--gray > span {
  color: color-mix(in srgb, var(--gray-500), black 50%) !important;
}
.button[disabled].button--enabled.button--white {
  background: #fff !important;
  color: color-mix(in srgb, #fff, black 50%) !important;
}
.button[disabled].button--enabled.button--white.button--thin {
  border-color: #fff !important;
}
.button[disabled].button--enabled.button--white > span {
  color: color-mix(in srgb, #fff, black 50%) !important;
}

.button.button--primary {
  background: var(--primary-color);
}

.button.button--secondary, .modal--wizard .card .card-header > button.button {
  background: var(--secondary-color);
}

.button.button--dark {
  background: var(--generic-dark);
}

.button.button--light {
  background: var(--generic-medium);
}

.button.button--lighter {
  background: var(--generic-light);
}

.button.button--success {
  color: var(--text-0);
  background: #7ac943;
}

.button.button--danger {
  color: var(--text-0);
  background: #e84c3d;
}

.button.button--warning {
  color: var(--text-0);
  background: #efad27;
}

.button.button--info {
  background: #1b809e;
}

.button.button--primaryDark {
  background: var(--primary-color-dark);
}

.button.button--trans {
  background: transparent;
}

.button.button--facebook {
  background: #4e69a2;
}

.button.button--twitter {
  background: #55acee;
}

.button.button--linkedin {
  background: #287bbc;
}

.button.button--gray {
  background: var(--gray-500);
}

.button.button--pending {
  background: var(--generic-dark);
}

.button.button--white {
  background: #fff;
}

.button.button--inactive {
  background: var(--gray-500);
}

.button.button--lightDanger {
  background: var(--severity-danger-bg);
}

.button.button--lightSuccess {
  background: var(--severity-success-bg);
}

.button.button--trans {
  background: transparent !important;
}

.button.button--outline {
  color: var(--button-outlined-text-color);
  border-color: var(--button-outlined-border-color);
  background: none;
}
.button.button--outline.button--primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
  background: none;
}
.button.button--outline.button--primary:hover, .button.button--outline.button--primary:focus {
  background: none;
}
.button.button--outline.button--secondary, .modal--wizard .card .card-header > button.button.button--outline {
  color: var(--secondary-color);
  border-color: var(--secondary-color);
  background: none;
}
.button.button--outline.button--secondary:hover, .modal--wizard .card .card-header > button.button.button--outline:hover, .button.button--outline.button--secondary:focus, .modal--wizard .card .card-header > button.button.button--outline:focus {
  background: none;
}
.button.button--outline.button--dark {
  color: var(--generic-dark);
  border-color: var(--generic-dark);
  background: none;
}
.button.button--outline.button--dark:hover, .button.button--outline.button--dark:focus {
  background: none;
}
.button.button--outline.button--light {
  color: var(--generic-medium);
  border-color: var(--generic-medium);
  background: none;
}
.button.button--outline.button--light:hover, .button.button--outline.button--light:focus {
  background: none;
}
.button.button--outline.button--lighter {
  color: var(--generic-light);
  border-color: var(--generic-light);
  background: none;
}
.button.button--outline.button--lighter:hover, .button.button--outline.button--lighter:focus {
  background: none;
}
.button.button--outline.button--success {
  color: #7ac943;
  border-color: #7ac943;
  background: none;
}
.button.button--outline.button--success:hover, .button.button--outline.button--success:focus {
  background: none;
}
.button.button--outline.button--danger {
  color: #e84c3d;
  border-color: #e84c3d;
  background: none;
}
.button.button--outline.button--danger:hover, .button.button--outline.button--danger:focus {
  background: none;
}
.button.button--outline.button--warning {
  color: #efad27;
  border-color: #efad27;
  background: none;
}
.button.button--outline.button--warning:hover, .button.button--outline.button--warning:focus {
  background: none;
}
.button.button--outline.button--info {
  color: #1b809e;
  border-color: #1b809e;
  background: none;
}
.button.button--outline.button--info:hover, .button.button--outline.button--info:focus {
  background: none;
}
.button.button--outline.button--primaryDark {
  color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
  background: none;
}
.button.button--outline.button--primaryDark:hover, .button.button--outline.button--primaryDark:focus {
  background: none;
}
.button.button--outline.button--trans {
  color: transparent;
  border-color: transparent;
  background: none;
}
.button.button--outline.button--trans:hover, .button.button--outline.button--trans:focus {
  background: none;
}
.button.button--outline.button--facebook {
  color: #4e69a2;
  border-color: #4e69a2;
  background: none;
}
.button.button--outline.button--facebook:hover, .button.button--outline.button--facebook:focus {
  background: none;
}
.button.button--outline.button--twitter {
  color: #55acee;
  border-color: #55acee;
  background: none;
}
.button.button--outline.button--twitter:hover, .button.button--outline.button--twitter:focus {
  background: none;
}
.button.button--outline.button--linkedin {
  color: #287bbc;
  border-color: #287bbc;
  background: none;
}
.button.button--outline.button--linkedin:hover, .button.button--outline.button--linkedin:focus {
  background: none;
}
.button.button--outline.button--gray {
  color: var(--gray-500);
  border-color: var(--gray-500);
  background: none;
}
.button.button--outline.button--gray:hover, .button.button--outline.button--gray:focus {
  background: none;
}
.button.button--outline.button--pending {
  color: var(--generic-dark);
  border-color: var(--generic-dark);
  background: none;
}
.button.button--outline.button--pending:hover, .button.button--outline.button--pending:focus {
  background: none;
}
.button.button--outline.button--white {
  color: #fff;
  border-color: #fff;
  background: none;
}
.button.button--outline.button--white:hover, .button.button--outline.button--white:focus {
  background: none;
}
.button.button--outline.button--inactive {
  color: var(--gray-500);
  border-color: var(--gray-500);
  background: none;
}
.button.button--outline.button--inactive:hover, .button.button--outline.button--inactive:focus {
  background: none;
}
.button.button--outline.button--lightDanger {
  color: var(--severity-danger-bg);
  border-color: var(--severity-danger-bg);
  background: none;
}
.button.button--outline.button--lightDanger:hover, .button.button--outline.button--lightDanger:focus {
  background: none;
}
.button.button--outline.button--lightSuccess {
  color: var(--severity-success-bg);
  border-color: var(--severity-success-bg);
  background: none;
}
.button.button--outline.button--lightSuccess:hover, .button.button--outline.button--lightSuccess:focus {
  background: none;
}

.button--menu {
  background-color: var(--navigation-profile-bg-color, #ffffff1a);
  color: var(--navigation-profile-text-color, #fff);
  border-left-color: var(--navigation-profile-border-color, #ffffff00);
}
.button--menu .button--menu-icon {
  color: var(--navigation-profile-icon-color, #fff);
}
@media only screen and (min-width: 961px) {
  .button--menu.button--menu_state-active {
    color: var(--navigation-sidebar-link-text-hover-color, #fff);
    background: var(--navigation-profile-bg-active-color);
    border-left-color: var(--navigation-profile-border-active-color);
  }
  .button--menu.button--menu_state-active .button--menu-icon {
    color: var(--navigation-sidebar-link-icon-hover-color, #fff);
  }
  .button--menu.button--menu_state-active .button--menu-icon .badge:before {
    background-color: var(--navigation-profile-bg-color);
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, var(--navigation-profile-bg-color)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), var(--navigation-profile-bg-color));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--navigation-profile-bg-color));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="var(--navigation-profile-bg-color)");
  }
}

.button--link {
  color: var(--button-link-text-color);
}
.button--link:hover {
  color: var(--button-outlined-text-color);
}
.button--link:focus {
  outline: 2px solid var(--gray-500) !important;
}
.button--link.button--primary {
  color: #004788;
}
.button--link.button--primary > .fa {
  color: #004788;
}

.button--feature .fa {
  background-color: #7ac943;
  color: #fff;
}
.button--feature .button-main {
  color: #7ac943;
}
.button--feature .button-sub {
  color: var(--text-color);
}

.button--feature2 .button-main {
  color: #004788;
}

.button--feat-2wide {
  border-color: color-mix(in srgb, var(--generic-medium), white 30%);
  background-color: #fff;
}
.button--feat-2wide:hover {
  border-color: #7ac943;
  color: #fff;
  background-color: #7ac943;
}
.button--feat-2wide:hover .fa {
  color: #7ac943;
  background-color: #fff;
}
.button--feat-2wide:hover h1 {
  color: #fff;
}
.button--feat-2wide:hover p {
  color: #fff;
}
.button--feat-2wide:hover [pagetext].pagetext--none, .button--feat-2wide:hover [pagetext].pagetext--info, .button--feat-2wide:hover [pagetext].pagetext--warning, .button--feat-2wide:hover [pagetext].pagetext--danger {
  color: #fff;
}
.button--feat-2wide:hover [pagetext].pagetext--none p, .button--feat-2wide:hover [pagetext].pagetext--info p, .button--feat-2wide:hover [pagetext].pagetext--warning p, .button--feat-2wide:hover [pagetext].pagetext--danger p {
  color: #fff;
}
.button--feat-2wide:hover [pagetext].pagetext--none p:first-child:before, .button--feat-2wide:hover [pagetext].pagetext--info p:first-child:before, .button--feat-2wide:hover [pagetext].pagetext--warning p:first-child:before, .button--feat-2wide:hover [pagetext].pagetext--danger p:first-child:before {
  border-color: #fff;
}
.button--feat-2wide .button--feat-2wide-info {
  color: var(--text-color);
}
.button--feat-2wide .fa {
  color: white;
  background-color: #7ac943;
}
.button--feat-2wide h1 {
  color: #7ac943;
}
.button--feat-2wide [pagetext] {
  color: var(--text-color);
}
.button--feat-2wide [pagetext].pagetext--none p {
  color: var(--text-color);
}
.button--feat-2wide [pagetext].pagetext--info, .button--feat-2wide [pagetext].pagetext--warning, .button--feat-2wide [pagetext].pagetext--danger {
  background-color: transparent;
}
.button--feat-2wide [pagetext].pagetext--info p, .button--feat-2wide [pagetext].pagetext--warning p, .button--feat-2wide [pagetext].pagetext--danger p {
  color: var(--text-color);
}
.button--feat-2wide [pagetext].pagetext--info p:first-child:before, .button--feat-2wide [pagetext].pagetext--warning p:first-child:before, .button--feat-2wide [pagetext].pagetext--danger p:first-child:before {
  border-color: transparent;
}
.button--feat-2wide [pagetext].pagetext--info p:first-child:before {
  background-color: #1b809e;
}
.button--feat-2wide [pagetext].pagetext--warning p:first-child:before {
  background-color: #efad27;
}
.button--feat-2wide [pagetext].pagetext--danger p:first-child:before {
  background-color: #e84c3d;
}

.button--style-2wide {
  border-color: var(--list-item-border-color);
  background-color: var(--button-outlined-bg-color);
}
.button--style-2wide-icon {
  color: var(--gray-500);
}
.button--style-2wide-info {
  color: var(--text-color);
}
.button--style-2wide-info h1 {
  color: var(--text-success);
}
.button--style-2wide-info [pagetext] {
  color: var(--text-color);
}
.button--style-2wide-info [pagetext].pagetext--none p {
  color: var(--text-color);
}
.button--style-2wide-info [pagetext].pagetext--info, .button--style-2wide-info [pagetext].pagetext--warning, .button--style-2wide-info [pagetext].pagetext--danger {
  background-color: transparent;
}
.button--style-2wide-info [pagetext].pagetext--info p, .button--style-2wide-info [pagetext].pagetext--warning p, .button--style-2wide-info [pagetext].pagetext--danger p {
  color: var(--text-color);
}
.button--style-2wide-info [pagetext].pagetext--info p:first-child:before, .button--style-2wide-info [pagetext].pagetext--warning p:first-child:before, .button--style-2wide-info [pagetext].pagetext--danger p:first-child:before {
  border-color: transparent;
}
.button--style-2wide-info [pagetext].pagetext--info p:first-child:before {
  background-color: #1b809e;
}
.button--style-2wide-info [pagetext].pagetext--warning p:first-child:before {
  background-color: #efad27;
}
.button--style-2wide-info [pagetext].pagetext--danger p:first-child:before {
  background-color: #e84c3d;
}

.button--signin .spinner--circleTrack {
  border-left-color: #001222;
}

.button--filter {
  color: var(--button-icon-text-color);
  background-color: transparent;
}
.button--filter:hover {
  color: var(--button-icon-text-color);
  background-color: var(--button-outlined-bg-hover-color);
}
.button--filter.button--filter-clear:focus {
  color: #004788;
}
.button--filter.button--filter-clear[disabled] {
  color: var(--text-disabled);
}

.button.button_state-active.button--primary {
  background: var(--primary-color) !important;
  color: #fff !important;
}
.button.button_state-active.button--primary > span {
  color: #fff !important;
}

.button.button_state-active.button--secondary, .modal--wizard .card .card-header > button.button.button_state-active {
  background: var(--secondary-color) !important;
  color: #fff !important;
}
.button.button_state-active.button--secondary > span, .modal--wizard .card .card-header > button.button.button_state-active > span {
  color: #fff !important;
}

.button.button_state-active.button--dark {
  background: var(--generic-dark) !important;
  color: #fff !important;
}
.button.button_state-active.button--dark > span {
  color: #fff !important;
}

.button.button_state-active.button--light {
  background: var(--generic-medium) !important;
  color: #fff !important;
}
.button.button_state-active.button--light > span {
  color: #fff !important;
}

.button.button_state-active.button--lighter {
  background: var(--generic-light) !important;
  color: #fff !important;
}
.button.button_state-active.button--lighter > span {
  color: #fff !important;
}

.button.button_state-active.button--success {
  background: #7ac943 !important;
  color: #fff !important;
}
.button.button_state-active.button--success > span {
  color: #fff !important;
}

.button.button_state-active.button--danger {
  background: #e84c3d !important;
  color: #fff !important;
}
.button.button_state-active.button--danger > span {
  color: #fff !important;
}

.button.button_state-active.button--warning {
  background: #efad27 !important;
  color: #fff !important;
}
.button.button_state-active.button--warning > span {
  color: #fff !important;
}

.button.button_state-active.button--info {
  background: #1b809e !important;
  color: #fff !important;
}
.button.button_state-active.button--info > span {
  color: #fff !important;
}

.button.button_state-active.button--primaryDark {
  background: var(--primary-color-dark) !important;
  color: #fff !important;
}
.button.button_state-active.button--primaryDark > span {
  color: #fff !important;
}

.button.button_state-active.button--trans {
  background: transparent !important;
  color: #fff !important;
}
.button.button_state-active.button--trans > span {
  color: #fff !important;
}

.button.button_state-active.button--facebook {
  background: #4e69a2 !important;
  color: #fff !important;
}
.button.button_state-active.button--facebook > span {
  color: #fff !important;
}

.button.button_state-active.button--twitter {
  background: #55acee !important;
  color: #fff !important;
}
.button.button_state-active.button--twitter > span {
  color: #fff !important;
}

.button.button_state-active.button--linkedin {
  background: #287bbc !important;
  color: #fff !important;
}
.button.button_state-active.button--linkedin > span {
  color: #fff !important;
}

.button.button_state-active.button--gray {
  background: var(--gray-500) !important;
  color: #fff !important;
}
.button.button_state-active.button--gray > span {
  color: #fff !important;
}

.button.button_state-active.button--pending {
  background: var(--generic-dark) !important;
  color: #fff !important;
}
.button.button_state-active.button--pending > span {
  color: #fff !important;
}

.button.button_state-active.button--white {
  background: #fff !important;
  color: #fff !important;
}
.button.button_state-active.button--white > span {
  color: #fff !important;
}

.button.button_state-active.button--inactive {
  background: var(--gray-500) !important;
  color: #fff !important;
}
.button.button_state-active.button--inactive > span {
  color: #fff !important;
}

.button.button_state-active.button--lightDanger {
  background: var(--severity-danger-bg) !important;
  color: #fff !important;
}
.button.button_state-active.button--lightDanger > span {
  color: #fff !important;
}

.button.button_state-active.button--lightSuccess {
  background: var(--severity-success-bg) !important;
  color: #fff !important;
}
.button.button_state-active.button--lightSuccess > span {
  color: #fff !important;
}

.button--primaryDark + .button--primaryDark {
  border-top: 1px solid #004788;
}
.button--primaryDark + .button--primaryDark[disabled] {
  border-top-color: var(--text-disabled);
}

.no-touch .button.button--outline.button--primary:hover, .no-touch .button.button--outline.button--primary:focus {
  background: var(--primary-color);
}
.no-touch .button.button--outline.button--primary:hover:not([disabled]), .no-touch .button.button--outline.button--primary:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--secondary:hover, .no-touch .modal--wizard .card .card-header > button.button.button--outline:hover, .modal--wizard .card .no-touch .card-header > button.button.button--outline:hover, .no-touch .button.button--outline.button--secondary:focus, .no-touch .modal--wizard .card .card-header > button.button.button--outline:focus, .modal--wizard .card .no-touch .card-header > button.button.button--outline:focus {
  background: var(--secondary-color);
}
.no-touch .button.button--outline.button--secondary:hover:not([disabled]), .no-touch .modal--wizard .card .card-header > button.button.button--outline:hover:not([disabled]), .modal--wizard .card .no-touch .card-header > button.button.button--outline:hover:not([disabled]), .no-touch .button.button--outline.button--secondary:focus:not([disabled]), .no-touch .modal--wizard .card .card-header > button.button.button--outline:focus:not([disabled]), .modal--wizard .card .no-touch .card-header > button.button.button--outline:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--dark:hover, .no-touch .button.button--outline.button--dark:focus {
  background: var(--generic-dark);
}
.no-touch .button.button--outline.button--dark:hover:not([disabled]), .no-touch .button.button--outline.button--dark:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--light:hover, .no-touch .button.button--outline.button--light:focus {
  background: var(--generic-medium);
}
.no-touch .button.button--outline.button--light:hover:not([disabled]), .no-touch .button.button--outline.button--light:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--lighter:hover, .no-touch .button.button--outline.button--lighter:focus {
  background: var(--generic-light);
}
.no-touch .button.button--outline.button--lighter:hover:not([disabled]), .no-touch .button.button--outline.button--lighter:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--success:hover, .no-touch .button.button--outline.button--success:focus {
  background: #7ac943;
}
.no-touch .button.button--outline.button--success:hover:not([disabled]), .no-touch .button.button--outline.button--success:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--danger:hover, .no-touch .button.button--outline.button--danger:focus {
  background: #e84c3d;
}
.no-touch .button.button--outline.button--danger:hover:not([disabled]), .no-touch .button.button--outline.button--danger:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--warning:hover, .no-touch .button.button--outline.button--warning:focus {
  background: #efad27;
}
.no-touch .button.button--outline.button--warning:hover:not([disabled]), .no-touch .button.button--outline.button--warning:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--info:hover, .no-touch .button.button--outline.button--info:focus {
  background: #1b809e;
}
.no-touch .button.button--outline.button--info:hover:not([disabled]), .no-touch .button.button--outline.button--info:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--primaryDark:hover, .no-touch .button.button--outline.button--primaryDark:focus {
  background: var(--primary-color-dark);
}
.no-touch .button.button--outline.button--primaryDark:hover:not([disabled]), .no-touch .button.button--outline.button--primaryDark:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--trans:hover, .no-touch .button.button--outline.button--trans:focus {
  background: transparent;
}
.no-touch .button.button--outline.button--trans:hover:not([disabled]), .no-touch .button.button--outline.button--trans:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--facebook:hover, .no-touch .button.button--outline.button--facebook:focus {
  background: #4e69a2;
}
.no-touch .button.button--outline.button--facebook:hover:not([disabled]), .no-touch .button.button--outline.button--facebook:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--twitter:hover, .no-touch .button.button--outline.button--twitter:focus {
  background: #55acee;
}
.no-touch .button.button--outline.button--twitter:hover:not([disabled]), .no-touch .button.button--outline.button--twitter:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--linkedin:hover, .no-touch .button.button--outline.button--linkedin:focus {
  background: #287bbc;
}
.no-touch .button.button--outline.button--linkedin:hover:not([disabled]), .no-touch .button.button--outline.button--linkedin:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--gray:hover, .no-touch .button.button--outline.button--gray:focus {
  background: var(--gray-500);
}
.no-touch .button.button--outline.button--gray:hover:not([disabled]), .no-touch .button.button--outline.button--gray:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--pending:hover, .no-touch .button.button--outline.button--pending:focus {
  background: var(--generic-dark);
}
.no-touch .button.button--outline.button--pending:hover:not([disabled]), .no-touch .button.button--outline.button--pending:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--white:hover, .no-touch .button.button--outline.button--white:focus {
  background: #fff;
}
.no-touch .button.button--outline.button--white:hover:not([disabled]), .no-touch .button.button--outline.button--white:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--inactive:hover, .no-touch .button.button--outline.button--inactive:focus {
  background: var(--gray-500);
}
.no-touch .button.button--outline.button--inactive:hover:not([disabled]), .no-touch .button.button--outline.button--inactive:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--lightDanger:hover, .no-touch .button.button--outline.button--lightDanger:focus {
  background: var(--severity-danger-bg);
}
.no-touch .button.button--outline.button--lightDanger:hover:not([disabled]), .no-touch .button.button--outline.button--lightDanger:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--outline.button--lightSuccess:hover, .no-touch .button.button--outline.button--lightSuccess:focus {
  background: var(--severity-success-bg);
}
.no-touch .button.button--outline.button--lightSuccess:hover:not([disabled]), .no-touch .button.button--outline.button--lightSuccess:focus:not([disabled]) {
  color: var(--text-highlight) !important;
}
.no-touch .button.button--primary:hover, .no-touch .button.button--primary:focus {
  background: color-mix(in srgb, var(--primary-color), black 20%);
}
.no-touch .button.button--secondary:hover, .no-touch .modal--wizard .card .card-header > button.button:hover, .modal--wizard .card .no-touch .card-header > button.button:hover, .no-touch .button.button--secondary:focus, .no-touch .modal--wizard .card .card-header > button.button:focus, .modal--wizard .card .no-touch .card-header > button.button:focus {
  background: color-mix(in srgb, var(--secondary-color), black 20%);
}
.no-touch .button.button--dark:hover, .no-touch .button.button--dark:focus {
  background: color-mix(in srgb, var(--generic-dark), black 20%);
}
.no-touch .button.button--light:hover, .no-touch .button.button--light:focus {
  background: color-mix(in srgb, var(--generic-medium), black 20%);
}
.no-touch .button.button--lighter:hover, .no-touch .button.button--lighter:focus {
  background: color-mix(in srgb, var(--generic-light), black 20%);
}
.no-touch .button.button--success:hover, .no-touch .button.button--success:focus {
  background: color-mix(in srgb, #7ac943, black 20%);
}
.no-touch .button.button--danger:hover, .no-touch .button.button--danger:focus {
  background: color-mix(in srgb, #e84c3d, black 20%);
}
.no-touch .button.button--warning:hover, .no-touch .button.button--warning:focus {
  background: color-mix(in srgb, #efad27, black 20%);
}
.no-touch .button.button--info:hover, .no-touch .button.button--info:focus {
  background: color-mix(in srgb, #1b809e, black 20%);
}
.no-touch .button.button--primaryDark:hover, .no-touch .button.button--primaryDark:focus {
  background: color-mix(in srgb, var(--primary-color-dark), black 20%);
}
.no-touch .button.button--trans:hover, .no-touch .button.button--trans:focus {
  background: color-mix(in srgb, transparent, black 20%);
}
.no-touch .button.button--facebook:hover, .no-touch .button.button--facebook:focus {
  background: color-mix(in srgb, #4e69a2, black 20%);
}
.no-touch .button.button--twitter:hover, .no-touch .button.button--twitter:focus {
  background: color-mix(in srgb, #55acee, black 20%);
}
.no-touch .button.button--linkedin:hover, .no-touch .button.button--linkedin:focus {
  background: color-mix(in srgb, #287bbc, black 20%);
}
.no-touch .button.button--gray:hover, .no-touch .button.button--gray:focus {
  background: color-mix(in srgb, var(--gray-500), black 20%);
}
.no-touch .button.button--pending:hover, .no-touch .button.button--pending:focus {
  background: color-mix(in srgb, var(--generic-dark), black 20%);
}
.no-touch .button.button--white:hover, .no-touch .button.button--white:focus {
  background: color-mix(in srgb, #fff, black 20%);
}
.no-touch .button.button--inactive:hover, .no-touch .button.button--inactive:focus {
  background: color-mix(in srgb, var(--gray-500), black 20%);
}
.no-touch .button.button--lightDanger:hover, .no-touch .button.button--lightDanger:focus {
  background: color-mix(in srgb, var(--severity-danger-bg), black 20%);
}
.no-touch .button.button--lightSuccess:hover, .no-touch .button.button--lightSuccess:focus {
  background: color-mix(in srgb, var(--severity-success-bg), black 20%);
}
.no-touch .button.button--trans:hover, .no-touch .button.button--trans:focus {
  background: transparent !important;
}
.no-touch .navbar--bottom .button:hover, .no-touch .navbar--bottom .button:focus {
  color: #fff;
  background-color: #004788;
}
.no-touch .button--menu:hover, .no-touch .button--menu:focus {
  color: #fff;
  background: color-mix(in srgb, var(--navigation-sidebar-link-bg-color), black 20%);
  border-left-color: var(--navigation-sidebar-link-border-hover-color, #004788);
}
.no-touch .button--menu:hover .button--menu-icon, .no-touch .button--menu:focus .button--menu-icon {
  color: #fff;
}
.no-touch .button--menu:hover .badge:before, .no-touch .button--menu:focus .badge:before {
  background-color: black;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, black));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), black);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), black);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="black");
}
.no-touch .button--feature:hover .fa, .no-touch .button--feature:focus .fa {
  background-color: #fff;
  color: #7ac943;
}
.no-touch .button--feature:hover .button-main, .no-touch .button--feature:focus .button-main {
  color: #fff;
}
.no-touch .button--feature:hover .button-sub, .no-touch .button--feature:focus .button-sub {
  color: #fff;
}
.no-touch .button--feature2:hover .button-main, .no-touch .button--feature2:focus .button-main {
  color: #fff;
}

.touch .button.button--outline.button--primary:active {
  background: var(--primary-color);
}
.touch .button.button--outline.button--primary:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--secondary:active, .touch .modal--wizard .card .card-header > button.button.button--outline:active, .modal--wizard .card .touch .card-header > button.button.button--outline:active {
  background: var(--secondary-color);
}
.touch .button.button--outline.button--secondary:active:not([disabled]), .touch .modal--wizard .card .card-header > button.button.button--outline:active:not([disabled]), .modal--wizard .card .touch .card-header > button.button.button--outline:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--dark:active {
  background: var(--generic-dark);
}
.touch .button.button--outline.button--dark:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--light:active {
  background: var(--generic-medium);
}
.touch .button.button--outline.button--light:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--lighter:active {
  background: var(--generic-light);
}
.touch .button.button--outline.button--lighter:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--success:active {
  background: #7ac943;
}
.touch .button.button--outline.button--success:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--danger:active {
  background: #e84c3d;
}
.touch .button.button--outline.button--danger:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--warning:active {
  background: #efad27;
}
.touch .button.button--outline.button--warning:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--info:active {
  background: #1b809e;
}
.touch .button.button--outline.button--info:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--primaryDark:active {
  background: var(--primary-color-dark);
}
.touch .button.button--outline.button--primaryDark:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--trans:active {
  background: transparent;
}
.touch .button.button--outline.button--trans:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--facebook:active {
  background: #4e69a2;
}
.touch .button.button--outline.button--facebook:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--twitter:active {
  background: #55acee;
}
.touch .button.button--outline.button--twitter:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--linkedin:active {
  background: #287bbc;
}
.touch .button.button--outline.button--linkedin:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--gray:active {
  background: var(--gray-500);
}
.touch .button.button--outline.button--gray:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--pending:active {
  background: var(--generic-dark);
}
.touch .button.button--outline.button--pending:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--white:active {
  background: #fff;
}
.touch .button.button--outline.button--white:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--inactive:active {
  background: var(--gray-500);
}
.touch .button.button--outline.button--inactive:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--lightDanger:active {
  background: var(--severity-danger-bg);
}
.touch .button.button--outline.button--lightDanger:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--outline.button--lightSuccess:active {
  background: var(--severity-success-bg);
}
.touch .button.button--outline.button--lightSuccess:active:not([disabled]) {
  color: #fff !important;
}
.touch .button.button--primary:active {
  background: color-mix(in srgb, var(--primary-color), black 20%);
}
.touch .button.button--secondary:active, .touch .modal--wizard .card .card-header > button.button:active, .modal--wizard .card .touch .card-header > button.button:active {
  background: color-mix(in srgb, var(--secondary-color), black 20%);
}
.touch .button.button--dark:active {
  background: color-mix(in srgb, var(--generic-dark), black 20%);
}
.touch .button.button--light:active {
  background: color-mix(in srgb, var(--generic-medium), black 20%);
}
.touch .button.button--lighter:active {
  background: color-mix(in srgb, var(--generic-light), black 20%);
}
.touch .button.button--success:active {
  background: color-mix(in srgb, #7ac943, black 20%);
}
.touch .button.button--danger:active {
  background: color-mix(in srgb, #e84c3d, black 20%);
}
.touch .button.button--warning:active {
  background: color-mix(in srgb, #efad27, black 20%);
}
.touch .button.button--info:active {
  background: color-mix(in srgb, #1b809e, black 20%);
}
.touch .button.button--primaryDark:active {
  background: color-mix(in srgb, var(--primary-color-dark), black 20%);
}
.touch .button.button--trans:active {
  background: color-mix(in srgb, transparent, black 20%);
}
.touch .button.button--facebook:active {
  background: color-mix(in srgb, #4e69a2, black 20%);
}
.touch .button.button--twitter:active {
  background: color-mix(in srgb, #55acee, black 20%);
}
.touch .button.button--linkedin:active {
  background: color-mix(in srgb, #287bbc, black 20%);
}
.touch .button.button--gray:active {
  background: color-mix(in srgb, var(--gray-500), black 20%);
}
.touch .button.button--pending:active {
  background: color-mix(in srgb, var(--generic-dark), black 20%);
}
.touch .button.button--white:active {
  background: color-mix(in srgb, #fff, black 20%);
}
.touch .button.button--inactive:active {
  background: color-mix(in srgb, var(--gray-500), black 20%);
}
.touch .button.button--lightDanger:active {
  background: color-mix(in srgb, var(--severity-danger-bg), black 20%);
}
.touch .button.button--lightSuccess:active {
  background: color-mix(in srgb, var(--severity-success-bg), black 20%);
}
.touch .button.button--trans:active {
  background: transparent !important;
}
.touch .navbar--bottom .button:active {
  background: #002c55;
}
.touch .button--menu:active {
  background: black;
  border-left-color: black;
}
.touch .button--menu:active .badge:before {
  background-color: black;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, black));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), black);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), black);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#00ffffff",EndColorStr="black");
}
.touch .button--feature:active .fa {
  background-color: #fff;
  color: #7ac943;
}
.touch .button--feature:active .button-main {
  color: #fff;
}
.touch .button--feature:active .button-sub {
  color: #fff;
}
.touch .button--feature2:active .button-main {
  color: #fff;
}

.button.button--outline.button--thin,
.button--thin {
  color: var(--button-outlined-text-color);
  border-style: solid;
}

.button--tab-modal {
  border-bottom-color: var(--list-item-border-color);
  background-color: var(--surface-card);
}
.button--tab-modal > .button--tab {
  color: var(--text-color);
  border-left-color: var(--list-item-border-color);
  background-color: var(--surface-card);
}
.button--tab-modal > .button--tab:hover {
  background-color: var(--surface-100);
}
.theme-dark .button--tab-modal > .button--tab:hover {
  background-color: var(--surface-900);
}

@media (prefers-color-scheme: dark) {
  .theme-match .button--tab-modal > .button--tab:hover {
    background-color: var(--surface-900);
  }
}

.button--tab-modal > .button--tab.button--tab-active {
  color: #fff;
  background-color: var(--primary-color);
  cursor: default;
}
.button--tab-modal > .button--tab.button--tab-active:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.button--tab-modal > .button--tab.button--tab-inactive {
  color: var(--text-600);
}
.theme-dark .button--tab-modal > .button--tab.button--tab-inactive {
  color: var(--text-300);
}

@media (prefers-color-scheme: dark) {
  .theme-match .button--tab-modal > .button--tab.button--tab-inactive {
    color: var(--text-300);
  }
}

.button--inline {
  border-color: #ccc;
  color: #4d4d4d;
}
.button--inline.button--primary {
  color: #fff;
  border-color: #004788;
}
.button--inline.button--primary:hover, .button--inline.button--primary:focus {
  border-color: #001222;
}
.button--inline.button--trans:hover, .button--inline.button--trans:focus {
  border-color: #9f9f9f;
}

.button--wizard [class^=fa-] {
  color: color-mix(in srgb, var(--generic-dark), white 45%);
}
.button--wizard h5 {
  color: #004788;
}

.buttons-component-list-button.button > .fa {
  color: #7ac943;
}
.buttons-component-list-button.buttons-component-list-button-active {
  border-color: #004788;
  color: white;
  background-color: #004788;
}
.buttons-component-list-button.buttons-component-list-button-active.button > .fa {
  color: white;
}

.panel--new {
  border-color: #a9a9a9;
}
.panel--new .panel-header {
  background-color: #f2f2f2;
}
.panel--new .panel-footer {
  background-color: #f2f2f2;
  border-top-color: #a9a9a9;
}

csi-ach-batches-detail-create-new {
  border-color: #d8d8d8;
}

.plastic {
  color: #fff;
  background-color: var(--text-color);
}

.plastic-info {
  background-color: rgba(var(--generic-dark), 0.7);
}

.plastic-status {
  color: #fff;
}
.plastic-status.active {
  background: #7ac943;
}
.plastic-status.inactive {
  background: #e84c3d;
}

.progress--countdown {
  border-color: #d8d8d8;
}
.progress--countdown.progress--success {
  border-color: #7ac943;
}
.progress--countdown.progress--success > h4 {
  color: #7ac943;
}
.progress--countdown.progress--warning {
  border-color: #efad27;
}
.progress--countdown.progress--warning > h4 {
  color: #efad27;
}
.progress--countdown.progress--danger {
  border-color: #e84c3d;
}
.progress--countdown.progress--danger > h4 {
  color: #e84c3d;
}

p-progressbar.countdown .ui-progressbar-value {
  background-color: #004788 !important;
}

.tab .nav {
  background: var(--surface-card);
}
.tab .nav > li > a {
  color: var(--text-color);
}
.tab .nav > li.active a {
  border-bottom-color: #004788;
}
.tab .nav > li.active a:hover {
  color: var(--text-color);
  background-color: initial;
}

.no-touch .nav a:hover, .no-touch .nav a:focus {
  border-bottom-color: #004788;
}

.toast,
.ngx-toastr {
  color: #fff;
}

.toast--success {
  background: rgba(122, 201, 67, 0.95);
  border-color: rgba(255, 255, 255, 0.4);
}
.toast--success .toast-message {
  color: color-mix(in srgb, #7ac943, white 40%);
}

.toast--danger {
  background: rgba(232, 76, 61, 0.95);
  border-color: rgba(255, 255, 255, 0.4);
}
.toast--danger .toast-message {
  color: color-mix(in srgb, #e84c3d, white 40%);
}

.toast--warning {
  background: rgba(239, 173, 39, 0.95);
  border-color: rgba(255, 255, 255, 0.4);
}
.toast--warning .toast-message {
  color: color-mix(in srgb, #efad27, white 40%);
}

.toast--info {
  background: rgba(85, 85, 85, 0.95);
  border-color: rgba(255, 255, 255, 0.4);
}
.toast--info .toast-message {
  color: color-mix(in srgb, #555, white 40%);
}

.gzo-root {
  color: var(--text-color);
  background-color: var(--surface-card) !important;
}
.gzo-root > div {
  color: var(--text-color);
  background-color: var(--surface-card) !important;
}
.gzo-root header.MuiAppBar-root {
  color: var(--text-color);
  background-color: var(--surface-card);
}
.gzo-root header.MuiAppBar-root .MuiToolbar-root {
  color: var(--text-color-secondary);
}

#gzocontent .MuiPaper-root,
#gzocontent .MuiCard-root {
  color: var(--text-color);
  background-color: var(--surface-card);
}
#gzocontent .MuiPaper-root .MuiCardHeader-root,
#gzocontent .MuiCard-root .MuiCardHeader-root {
  border-bottom-color: var(--list-item-border-color);
}
#gzocontent .MuiPaper-root .MuiCardContent-root .MuiGrid-container .MuiGrid-item,
#gzocontent .MuiCard-root .MuiCardContent-root .MuiGrid-container .MuiGrid-item {
  border-color: var(--list-item-border-color);
}
#gzocontent .MuiPaper-root .MuiCardContent-root .MuiTabs-root .MuiButtonBase-root.Mui-selected,
#gzocontent .MuiCard-root .MuiCardContent-root .MuiTabs-root .MuiButtonBase-root.Mui-selected {
  color: var(--text-color);
}
#gzocontent .MuiPaper-root .MuiCardContent-root .MuiTabs-root .MuiTabs-indicator,
#gzocontent .MuiCard-root .MuiCardContent-root .MuiTabs-root .MuiTabs-indicator {
  background-color: var(--generic-default);
}
#gzocontent .MuiPaper-root .MuiCardActions-root,
#gzocontent .MuiCard-root .MuiCardActions-root {
  border-top-color: var(--list-item-border-color);
  background-color: var(--surface-card);
}
#gzocontent .MuiSvgIcon-colorPrimary {
  color: var(--primary-color);
}
#gzocontent .MuiCardHeader-title {
  color: var(--text-color-secondary);
}
#gzocontent .MuiButton-text {
  color: var(--button-link-text-color);
}

p-table[bordered] .ui-table-tbody tr:not(:last-child) {
  border-bottom-color: #d8d8d8;
}
p-table[striped] .ui-table-tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--surface-card), black 5%);
}
p-table .ui-table {
  border-color: #d8d8d8;
}
p-table .ui-table .input--bordered:focus-within {
  border-color: #1b809e;
}
.no-js p-table .ui-table .ui-chkbox:hover .ui-chkbox-box .ui-chkbox-icon:before, .no-js p-table .ui-table .ui-chkbox:focus .ui-chkbox-box .ui-chkbox-icon:before, .js.no-touch p-table .ui-table .ui-chkbox:hover .ui-chkbox-box .ui-chkbox-icon:before, .js.no-touch p-table .ui-table .ui-chkbox:focus .ui-chkbox-box .ui-chkbox-icon:before, .js.touch p-table .ui-table .ui-chkbox:active .ui-chkbox-box .ui-chkbox-icon:before {
  color: color-mix(in srgb, var(--text-placeholder), black 10%);
}
.no-js p-table .ui-table .ui-chkbox:hover .ui-chkbox-box .ui-chkbox-icon.pi-check:before, .no-js p-table .ui-table .ui-chkbox:focus .ui-chkbox-box .ui-chkbox-icon.pi-check:before, .js.no-touch p-table .ui-table .ui-chkbox:hover .ui-chkbox-box .ui-chkbox-icon.pi-check:before, .js.no-touch p-table .ui-table .ui-chkbox:focus .ui-chkbox-box .ui-chkbox-icon.pi-check:before, .js.touch p-table .ui-table .ui-chkbox:active .ui-chkbox-box .ui-chkbox-icon.pi-check:before {
  color: color-mix(in srgb, #7ac943, black 10%);
}
p-table .ui-table .ui-chkbox .ui-chkbox-box .ui-chkbox-icon:before {
  color: var(--text-placeholder);
}
p-table .ui-table .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.pi-check:before {
  color: #7ac943;
}
p-table .ui-table .ui-table-thead {
  background: #d8d8d8;
}
.no-js p-table .ui-table .ui-table-thead th.ui-sortable-column:hover, .no-js p-table .ui-table .ui-table-thead th.ui-sortable-column:focus, .js.no-touch p-table .ui-table .ui-table-thead th.ui-sortable-column:hover, .js.no-touch p-table .ui-table .ui-table-thead th.ui-sortable-column:focus, .js.touch p-table .ui-table .ui-table-thead th.ui-sortable-column:active {
  background: #cbcbcb;
}
p-table .ui-table .ui-table-tbody tr.editing {
  border-left-color: #1b809e;
}