/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-builders/custom-webpack/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./Features/VeriChannel.SCU.Web/Content/theme.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:before {
  display: none;
}

.backoffice header {
  background: var(--backoffice-body-bg) !important;
  margin: 0 !important;
}

.manage-corporate-user-role-transaction .add-delegate-btn {
  color: var(--colors-primary-green) !important;
}

.profile-image-exists {
  display: none;
}

.home-campaing-heading {
  font-size: 22px;
  line-height: 26px;
  color: var(--colors-purple);
}

.account-subnumber {
  color: var(--content-content-black);
}

vc-datagrid .datagrid .icon-wrapper .icon-circle-dashed {
  background: var(--colors-primary-green);
}

.beneficiary-item .status-pending {
  color: var(--btn-primary-bg-color) !important;
}

.approval-transaction-list > div {
  gap: var(--spacing-2xs);
}
.approval-transaction-list > div .approval-transaction-list-item {
  border: 1px solid var(--content-border);
  border-radius: var(--radius-radius-md);
}

.consolidated-list {
  border-radius: var(--radius-radius-md);
}

.remaining-daily-limit-row,
.interac-readonly {
  background-color: #edf2f6;
}
.remaining-daily-limit-row .remaining-daily-limit-label,
.remaining-daily-limit-row .remaining-daily-limit-content,
.interac-readonly .remaining-daily-limit-label,
.interac-readonly .remaining-daily-limit-content {
  line-height: 24px;
}

.executed-screen .common-execute-information-button {
  max-width: 100% !important;
}

.custom-control.custom-radio.custom-radio-list:not(.custom-tab-selection) {
  flex-grow: 1;
  cursor: pointer;
  background-color: var(--input-field-background-color);
  border: 1px solid var(--input-field-border-color);
  padding-top: var(--input-field-neutral-padding-top);
  padding-bottom: var(--input-field-neutral-padding-bottom);
  padding-left: var(--input-field-neutral-padding-left);
  padding-right: var(--input-field-neutral-padding-right);
  display: flex;
  align-items: center;
}
.custom-control.custom-radio:has(.custom-control-input:checked) {
  border-color: var(--radio-button-selected-border-color) !important;
}
.custom-control.custom-radio.custom-tab-selection {
  --radio-box-padding: 0px;
  --radio-box-min-height: 40px;
}

.AccountDetailTransaction .viewlink-btn {
  padding: 8px var(--spacing-xs) 8px var(--spacing-xs);
  top: -4px;
  font-size: 12px;
  line-height: 16px;
}
.AccountDetailTransaction .viewlink-btn::after {
  display: none;
}

.BillPaymentTransaction .btn-add {
  margin-bottom: 12px;
}

.executed-screen:not(.session-expired) .content-inner-panels {
  margin-top: 144px !important;
}

.transaction-detail-container {
  box-shadow: none;
  border: 1px solid var(--content-border);
}

.interac-transfer-sendmoney-history-detail-transaction vc-grid-view {
  box-shadow: none;
  border: 1px solid var(--content-border);
}
.interac-transfer-sendmoney-history-detail-transaction vc-grid-view .dataTables_wrapper {
  border: none !important;
}

.InteracTransferSendMoneyHistoryDetailTransaction vc-resultpanel,
.LinkConsolidatedMembershipTransaction vc-resultpanel {
  display: none;
}

.dbas-btn.doc-remove-btn {
  border-color: var(--btn-outline-border-hover-color) !important;
  color: var(--btn-outline-text-color) !important;
}
.dbas-btn.doc-remove-btn:hover {
  border-color: var(--btn-outline-border-hover-color) !important;
  color: var(--btn-outline-text-hover-color) !important;
}

.login-footer vc-gridcolumn,
.existing-member-info-container {
  display: none !important;
}

.login-username-textbox-info-icon {
  display: none;
}

.header-right-side #LogoutButton {
  width: auto !important;
  filter: var(--icon-darkmode-filter);
}

/**Dark Mode */
@media (prefers-color-scheme: dark) {
  :root {
    --body-bg-color: #0a0a0a;
    --base-text-color: var(--content-content-white);
    --border-border-error: #c65d61;
    --colors-gray-500: #adafb2;
    --colors-green-500: #007566;
    --colors-truecolors-black: var(--content-content-white);
    --content-content-primary-purple: var(--content-content-white);
    --content-content-secondary-gray: var(-colors-gray-500);
    --content-content-secondary-darkgray: var(--content-content-white);
    --content-content-black:var(--content-content-white);
    --default-color-on-white-widget:var(--content-content-white);
    --surface-surface-foreground: #141619;
    --surface-surface-light-gray: #0a0a0a;
    --menu-background-color: #141619;
    --menu-item-hover-active-background: #0a0a0a;
    --checkbox-box-border-color: var(--colors-gray-500);
    --checkbox-shape-background-color: #141619;
    --checkbox-shap-bg-image: url('images/checkbox-checked-square-dark.svg');
    --profile-menu-circle-background-color: #0a0a0a;
    --floating-placeholder-color: var(--colors-gray-500);
    --input-field-border-color: #282c33;
    --input-field-text-color: var(--content-content-white);
    --input-field-background-color: #141619;
    --input-field-disabled-background-color: #141619;
    --input-field-disabled-text-color: var(--content-content-white);
    --input-field-disabled-border-color: #282c33;
    --otp-input-field-background: var(--input-field-background-color);
    --otp-input-field-color: var(--input-field-text-color);
    --link-btn-text-color: var(--content-content-white);
    --btn-outline-text-color: var(--content-content-white);
    --btn-outline-text-hover-color: var(--content-content-white);
    --btn-outline-bg-color: #141619;
    --btn-outline-border-color: #282c33;
    --btn-outline-bg-hover-color: #141619;
    --btn-outline-border-hover-color: #282c33;
    --modal-body-background: #0a0a0a;
    --border-border-gray: #282c33;
    --cra-widget-border-color: var(--border-border-gray);
    --cra-widget-seperator-color: var(--border-border-gray);
    --desktop-login-container-background: #0a0a0a;
    --desktop-login-container-border-color: var(--border-border-gray);
    --mobile-icon-back-filter: brightness(0) invert(1);
    --modal-icon-close-filter: brightness(0) invert(1);
    --icon-darkmode-filter: brightness(0) invert(1);
    --icon-learn-more-filter: var(--icon-darkmode-filter);
    --selectable-button-background: var(--btn-outline-bg-color);
    --selectable-button-border: 1px solid var(--btn-outline-border-color);
    --selectable-button-color: var(--content-content-white);
    --white-panel-background: #141619;
    --white-panel-border: 1px solid #282c33;
    --white-panel-icon-bg: #0a0a0a;
    --icon-card-number-background: var(--white-panel-background);
    --radio-label-color: var(--content-content-white);
    --header-right-side-background: #141619;
    --header-right-side-border: 1px solid #282c33;
    --alert-error-background-color: transparent;
    --alert-warning-background-color: transparent;
    --alert-error-background-color: #141619;
    --alert-success-background-color: transparent;
    --quick-action-button-circle-background: #0a0a0a;
    --biometric-and-faceid-layer-one-background: #14161940;
    --biometric-and-faceid-layer-two-background: #14161966;
    --biometric-and-faceid-layer-three-background: #141619;
    --surface-surface-overlay: #1e212680;
    --steps-item-background-color: #141619;
    --steps-item-border-color: #282c33;
    --switch-title-color: var(--content-content-white);
    --icon-info-circle-url: url('images/icon-info-circle-dark.svg');
  }
}
:root body.dark-mode {
  --body-bg-color: #0a0a0a;
  --base-text-color: var(--content-content-white);
  --border-border-error: #c65d61;
  --colors-gray-500: #adafb2;
  --colors-green-500: #007566;
  --colors-truecolors-black: var(--content-content-white);
  --content-content-primary-purple: var(--content-content-white);
  --content-content-secondary-gray: var(-colors-gray-500);
  --content-content-secondary-darkgray: var(--content-content-white);
  --content-content-black:var(--content-content-white);
  --default-color-on-white-widget:var(--content-content-white);
  --surface-surface-foreground: #141619;
  --surface-surface-light-gray: #0a0a0a;
  --menu-background-color: #141619;
  --menu-item-hover-active-background: #0a0a0a;
  --checkbox-box-border-color: var(--colors-gray-500);
  --checkbox-shape-background-color: #141619;
  --checkbox-shap-bg-image: url('images/checkbox-checked-square-dark.svg');
  --profile-menu-circle-background-color: #0a0a0a;
  --floating-placeholder-color: var(--colors-gray-500);
  --input-field-border-color: #282c33;
  --input-field-text-color: var(--content-content-white);
  --input-field-background-color: #141619;
  --input-field-disabled-background-color: #141619;
  --input-field-disabled-text-color: var(--content-content-white);
  --input-field-disabled-border-color: #282c33;
  --otp-input-field-background: var(--input-field-background-color);
  --otp-input-field-color: var(--input-field-text-color);
  --link-btn-text-color: var(--content-content-white);
  --btn-outline-text-color: var(--content-content-white);
  --btn-outline-text-hover-color: var(--content-content-white);
  --btn-outline-bg-color: #141619;
  --btn-outline-border-color: #282c33;
  --btn-outline-bg-hover-color: #141619;
  --btn-outline-border-hover-color: #282c33;
  --modal-body-background: #0a0a0a;
  --border-border-gray: #282c33;
  --cra-widget-border-color: var(--border-border-gray);
  --cra-widget-seperator-color: var(--border-border-gray);
  --desktop-login-container-background: #0a0a0a;
  --desktop-login-container-border-color: var(--border-border-gray);
  --mobile-icon-back-filter: brightness(0) invert(1);
  --modal-icon-close-filter: brightness(0) invert(1);
  --icon-darkmode-filter: brightness(0) invert(1);
  --icon-learn-more-filter: var(--icon-darkmode-filter);
  --selectable-button-background: var(--btn-outline-bg-color);
  --selectable-button-border: 1px solid var(--btn-outline-border-color);
  --selectable-button-color: var(--content-content-white);
  --white-panel-background: #141619;
  --white-panel-border: 1px solid #282c33;
  --white-panel-icon-bg: #0a0a0a;
  --icon-card-number-background: var(--white-panel-background);
  --radio-label-color: var(--content-content-white);
  --header-right-side-background: #141619;
  --header-right-side-border: 1px solid #282c33;
  --alert-error-background-color: transparent;
  --alert-warning-background-color: transparent;
  --alert-error-background-color: #141619;
  --alert-success-background-color: transparent;
  --quick-action-button-circle-background: #0a0a0a;
  --biometric-and-faceid-layer-one-background: #14161940;
  --biometric-and-faceid-layer-two-background: #14161966;
  --biometric-and-faceid-layer-three-background: #141619;
  --surface-surface-overlay: #1e212680;
  --steps-item-background-color: #141619;
  --steps-item-border-color: #282c33;
  --switch-title-color: var(--content-content-white);
  --icon-info-circle-url: url('images/icon-info-circle-dark.svg');
}

@media (min-width: 768px) {
  :root {
    --combobox-dropdownarea-background-color: var(--input-field-background-color);
  }
}