/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --colors-primary-50: #f3fdfd;
  --colors-primary-100: #e6fbfb;
  --colors-primary-200: #c1f4f4;
  --colors-primary-300: #90eceb;
  --colors-primary-400: #52e1e0;
  --colors-primary-500: #08d4d2;
  --colors-primary-600: #07aeac;
  --colors-primary-700: #058a89;
  --colors-primary-800: #046665;
  --colors-primary-900: #02403f;
  --colors-primary-950: #012626;
  --colors-primary-green: #b3282d;
  --colors-light-green: #f3fdfd;
  --colors-purple: #44273a;
  --login-pages-background-color: #f9f9f9;
  --login-page-forgot-links-color: #b3282d;
  --login-page-forgot-links-hover-color: #b3282d;
  --btn-radius: var(--radius-radius-3xl);
  --btn-primary-text-color: #323640;
  --btn-primary-text-hover-color: #323640;
  --floating-placeholder-color: #585b65;
  --input-field-text-color: #1e2126;
  --btn-primary-bg-color: #f9be00;
  --surface-surface-primary: #f9be00;
  --surface-surface-primary-hover: #d9a400;
  --surface-surface-primary-press: #d9a400;
  --btn-primary-bg-hover-color: #d9a400;
  --btn-dark-bg-hover-color: #d9a400;
  --surface-surface-success: #009784;
  --alert-success-background-color: #ecfdf5;
  --alert-success-border-color: #059669;
  --alert-success-icon-bg: #059669;
  --combobox-selected-background-color: #f3fdfd;
  --combobox-options-hover-border-color: #b3282d;
  --main-header-links-color: #ffffff;
  --main-header-links-hover-color: #b3282d;
  --quick-action-text-color: #ffffff;
  --quick-action-border-color: rgba(255, 255, 255, 0.15);
  --quick-action-background-color: transparent;
  --content-content-blue: #161f2b;
  --content-border: #e7e4e6;
  --body-bg-color: #f9fcfc;
  --footer-desktop-content-color: #000000;
  --input-field-border-color: #d6d7d8;
  --checkbox-border-color: #b3282d;
  --checkbox-text-color: #323640;
  --box-shadow-common: 0px 3px 6px 0px #00000029;
}
:root .remember-me-checkbox span {
  color: var(--btn-primary-text-color) !important;
}
:root .top-head-section {
  background-color: #f9fcfc !important;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView {
  background-image: none !important;
  background-color: #f9f9f9;
}
body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:before {
  display: none;
}
body.vcaas-mobile-body.login-screen .remember-me {
  display: none;
}
body.vcaas-mobile-body vc-uiviewfooter .footer-desktop {
  background: var(--content-content-white) !important;
}
body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer h3,
body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer p {
  color: var(--footer-desktop-content-color) !important;
}

.app-intro-web a {
  text-decoration: underline !important;
}

.app-intro-web .forgot-row a,
.app-intro-web a.login-button {
  text-decoration: none !important;
  margin-top: 24px;
}
.app-intro-web .forgot-row a:hover,
.app-intro-web .forgot-row a:focus,
.app-intro-web .forgot-row a:active,
.app-intro-web .forgot-row a:visited,
.app-intro-web .forgot-link vc-linkbutton a:hover,
.app-intro-web .forgot-link vc-linkbutton a:focus {
  color: #b3282d !important;
}
.app-intro-web .login-column .login-logo {
  margin-bottom: 20px;
  height: 75px;
}

header {
  background: var(--colors-purple) !important;
  margin: var(--spacing-md) 0 0 var(--spacing-md);
  border-radius: var(--radius-radius-md);
}

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

.nav-left-side .navbar {
  margin-right: 2px;
}
.nav-left-side .navbar .nav-link-item {
  color: #ffffff !important;
}
.nav-left-side .navbar .nav-link-item::after {
  filter: brightness(0) invert(1) !important;
}
.nav-left-side .navbar .nav-link-item.active {
  background: #ffffff;
  color: #000 !important;
  font-weight: 700 !important;
  border-bottom-color: transparent !important;
  border-left: 6px solid #b3282d;
}
.nav-left-side .quick-actions vc-label span,
.nav-left-side .quick-actions a span {
  color: #ffffff !important;
}
.nav-left-side .search-left-side input.form-control {
  color: #ffffff !important;
  border-color: #f7f3ef !important;
}
.nav-left-side .search-left-side input.form-control::placeholder {
  color: #ffffff !important;
}
.nav-left-side .search-left-side label.floatingPlaceholder {
  color: #ffffff !important;
}
.nav-left-side .search-left-side vc-imagebutton img,
.nav-left-side .search-left-side .search-button {
  filter: brightness(0) invert(1) !important;
}
.nav-left-side .header-left-side {
  margin-top: 20px;
  justify-content: flex-start;
}

.dropdown-menu.menu-navbar .menu-title {
  color: #ffffff !important;
}

.dropdown-menu.menu-navbar .menu-navbar-content.is-open > a.active .menu-title {
  color: #000 !important;
}
.dropdown-menu.menu-navbar .menu-navbar-content.is-open > a .menu-title {
  color: #ffffff !important;
}

.wight-panel-right .widget-nav a i {
  color: var(--btn-primary-text-color) !important;
  background-color: var(--colors-primary-green) !important;
}

.btn-main-comp .main-icon {
  background-color: var(--btn-primary-text-color) !important;
}

.btn-logout {
  padding: 0 !important;
  background-color: transparent !important;
}
.btn-logout.dbas-btn.btn-action:hover {
  background-color: transparent !important;
}
.btn-logout .button-text {
  color: var(--btn-primary-text-color) !important;
  font-size: 0;
}
.btn-logout .button-text i.btn-icon-left.icon-logout {
  margin-right: 0 !important;
  transform: scale(1.2);
  margin-top: 1px;
}

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

.dbas-footer .nav-link-item.active .icon {
  filter: invert(16%) sepia(16%) saturate(1427%) hue-rotate(268deg) brightness(95%) contrast(91%);
}

.dbas-footer .nav-link-item .mobile-center-menu {
  background-color: var(--colors-purple);
}

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

.grid-account-transaction {
  border: 1px solid var(--content-border);
  border-radius: var(--radius-radius-md);
}
.grid-account-transaction .transaction-wrap {
  border-left: 2px solid var(--btn-primary-bg-color);
  padding-left: var(--spacing-3xs);
  padding-bottom: var(--spacing-sm);
  margin-top: 0;
  position: relative;
}
.grid-account-transaction .transaction-wrap:first-child {
  margin-top: var(--spacing-sm);
}
.grid-account-transaction .transaction-wrap:last-child {
  padding-bottom: 0;
}
.grid-account-transaction .transaction-wrap:before {
  content: " ";
  width: 12px;
  height: 12px;
  background-color: var(--surface-surface-success);
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -7px;
  top: 0px;
}
.grid-account-transaction .transaction-wrap .transaction-date {
  line-height: 14px;
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li {
  border-bottom-color: var(--content-border);
}
.grid-account-transaction .grid-heading-wrap {
  margin-bottom: 20px;
}
.grid-account-transaction .grid-heading-wrap > vc-label span {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: var(--colors-purple);
}
.grid-account-transaction .transaction-icon-wrapper {
  overflow: hidden;
  border: 0;
}
.grid-account-transaction .transaction-icon-wrapper img {
  transform: scale(1.8);
}

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

.account-card-component {
  background: none;
}

.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-animation {
  position: relative;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-animation .viewaccount-btn {
  position: absolute;
  top: 4px;
  right: 0;
  border: 1px solid var(--colors-primary-green);
  border-radius: var(--radius-radius-xl);
  padding: var(--spacing-4xs) var(--spacing-xs);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-animation .viewaccount-btn span {
  color: var(--colors-primary-green);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-animation .viewaccount-btn:after {
  display: none;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .carouselAccount {
  display: none;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component {
  min-height: unset;
  padding-bottom: 0;
  padding-top: 0;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .account-card-wrap {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .account-detail-text-wrapper {
  display: none !important;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .nickname-row-home .username-text {
  color: var(--content-content-black);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .bottom-right-row .amount-column {
  padding-top: 36px;
  padding-bottom: 23px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .bottom-right-row .amount-column .total-balance,
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .bottom-right-row .amount-column .amount-text {
  color: var(--content-content-black);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .account-card-view-details::after {
  width: 15px;
  height: 24px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-kebab-menu {
  color: var(--content-content-black);
  bottom: 16px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard img.accounts-kebeb-menu {
  vertical-align: top;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .home-account-list .account-grid {
  border: 1px solid var(--content-border);
  border-radius: var(--radius-radius-md);
  gap: var(--spacing-2xs);
  display: flex;
  flex-direction: column;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .home-account-list .account-grid vc-gridrow {
  border: 1px solid var(--content-border);
  border-radius: var(--radius-radius-xs);
  padding: var(--spacing-2xs) var(--spacing-3xs) var(--spacing-2xs) var(--spacing-2xs);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .home-account-list .account-grid vc-gridrow.membership-header {
  border: 0 !important;
  padding: 0 !important;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .home-account-list .account-grid vc-gridrow .account-item {
  color: var(--colors-primary-green);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .home-account-list .account-grid vc-gridrow .account-activity {
  font-size: 14px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist {
  margin-left: 0;
  padding: 3px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist .list-wrapper {
  gap: 0;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist vc-gridcolumn .selectable-button {
  font-size: 14px;
  line-height: 20px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist vc-gridcolumn .selectable-button.selected {
  text-decoration: none;
  border-bottom: 0;
  color: #fff !important;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings {
  position: unset;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings vc-imagebutton a {
  border-right: 0;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings vc-imagebutton:nth-child(2) {
  display: none;
}
.dashboard-wrapper.dashboard-web .dashboard-account-title {
  display: none;
}

.AccountlistWrap {
  border: 1px solid var(--content-border);
  border-radius: var(--radius-radius-md);
}
.AccountlistWrap .account-list-container {
  gap: var(--spacing-2xs);
  display: flex;
  flex-direction: column;
}
.AccountlistWrap .account-list-container > vc-gridrow {
  border-bottom-color: var(--content-border) !important;
  border: 1px solid var(--content-border);
  border-radius: var(--radius-radius-xs);
  padding-left: var(--spacing-2xs) !important;
  padding-right: var(--spacing-3xs) !important;
  padding: var(--spacing-2xs) var(--spacing-3xs) var(--spacing-2xs) var(--spacing-2xs);
}
.AccountlistWrap .account-list-container > vc-gridrow.membership-header {
  border: 0 !important;
  padding: 0 !important;
}

vc-scheduledtransactions .wight-panel-right {
  border: 1px solid var(--content-border);
  border-radius: var(--radius-radius-md);
}
vc-scheduledtransactions .wight-panel-right .widget-transaction-type vc-label.heading-type {
  font-size: 16px;
  line-height: 24px;
  color: var(--colors-purple);
}
vc-scheduledtransactions .wight-panel-right .widget-transaction-type .viewlink-hd {
  color: var(--colors-primary-green);
}
vc-scheduledtransactions .wight-panel-right .widget-heading-wrap > vc-label span {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: var(--colors-purple);
}
vc-scheduledtransactions .wight-panel-right .widget-transaction .transaction-member {
  display: none;
}
vc-scheduledtransactions .wight-panel-right .widget-transaction .widget-transaction-panel {
  margin-top: var(--spacing-md);
  border-radius: var(--radius-radius-md);
}
vc-scheduledtransactions .wight-panel-right .widget-transaction .widget-transaction-panel ul li:nth-child(2) > span {
  font-weight: 700;
}

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

.account-card-component .available-amount-text {
  color: var(--content-content-black) !important;
}
.account-card-component .isHome {
  margin-top: 0;
}

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

.account-list .myaccounts-list-item:last-child .account-card-list-item:last-child {
  border-bottom: 1px solid var(--content-border) !important;
}

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

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

.profile-grid,
.no-payee-found,
.cheques-information,
.cra-personal-info-section,
.no-transactions,
.transactions-grid,
.beneficiary-list,
.delegate-group,
.consolidated-list,
.content-inner-right-panel .wight-panel-right,
#sendMoneyDataGrid,
#requestMoneyDataGrid,
#ApprovalTransactionHistoryGrid .datagrid,
vc-grid-view .dataTables_wrapper {
  border: 1px solid var(--content-border);
}

.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);
}
.approval-transaction-list .selectable-button-list-row vc-selectablebuttonlist vc-gridcolumn .selectable-button {
  border-radius: var(--radius-radius-pill) !important;
}

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

.openaccountwrap .menu-item {
  border: 1px solid var(--content-border);
  border-bottom: 1px solid var(--content-border) !important;
}

.open-account-wrapper vc-gridcolumn:nth-child(2) > vc-gridcolumn,
.open-account-wrapper vc-gridcolumn:nth-child(3) > vc-gridcolumn {
  border: 1px solid var(--content-border);
}

vc-selectablebuttonlist {
  background-color: var(--content-content-white) !important;
  border-radius: var(--radius-radius-pill);
  border: 1px solid var(--content-border);
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 3px;
}
vc-selectablebuttonlist.selectable-buttons {
  padding: 3px !important;
}
vc-selectablebuttonlist .list-wrapper {
  align-items: center;
}
vc-selectablebuttonlist vc-gridcolumn .selectable-button {
  color: var(--content-content-black) !important;
  padding: var(--spacing-4xs) var(--spacing-xs) !important;
  padding-bottom: var(--spacing-4xs) !important;
  margin: 0;
  margin-bottom: 0 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
vc-selectablebuttonlist vc-gridcolumn .selectable-button.selected {
  text-decoration: none;
  border-bottom: 0;
  background-color: var(--colors-primary-green) !important;
  color: #fff !important;
  border-radius: var(--bs-border-radius-pill);
  font-weight: 500 !important;
}

.account-detail-transaction vc-selectablebuttonlist vc-gridcolumn.col-6 {
  padding-left: 0 !important;
}
.account-detail-transaction .detail-container {
  border-radius: var(--radius-radius-md);
}
.account-detail-transaction .detail-container .remove-tooltip {
  border: 1px solid var(--content-border);
}

.account-detail-wrapper .account-card-component {
  background: #fff;
  border-radius: var(--radius-radius-md);
  border: 1px solid var(--content-border);
}

.active .account-card-component .username-text,
.active .account-card-component .account-detail-text {
  color: var(--content-content-black) !important;
}
.active .account-card-component .amount-detail .total-balance,
.active .account-card-component .amount-detail .amount-text {
  color: var(--content-content-black);
}

.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 {
  background-color: var(--input-field-background-color);
  border: 1px solid var(--input-field-border-color);
  flex-grow: 1;
  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);
  cursor: pointer;
}
.custom-control.custom-radio.custom-radio-list.custom-tab-selection {
  padding: 0;
}
.custom-control.custom-radio.custom-radio-list.custom-tab-selection .custom-control-label:hover {
  background: var(--colors-primary-green) !important;
}
.custom-control.custom-radio.custom-radio-list.custom-tab-selection .custom-control-input:checked + .custom-control-label {
  background: var(--colors-primary-green) !important;
}
.custom-control.custom-radio:has(.custom-control-input:checked) {
  border-color: var(--colors-primary-green) !important;
}
.custom-control.custom-radio .custom-control-label:before {
  border-color: var(--colors-primary-green) !important;
}

.btn-open-account {
  justify-self: flex-end;
}

.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;
}

.view-cra-accounts .cra-account-type-wrapper {
  border: 1px solid var(--content-border) !important;
}
.view-cra-accounts .cra-account-type-wrapper .cra-account-type-container vc-imagebutton a {
  color: var(--btn-primary-text-color);
}

.common-confirm {
  border: 1px solid var(--content-border);
}

.left-resultview vc-resultview {
  border: 1px solid var(--content-border);
}

.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(--colors-primary-green) !important;
  color: var(--colors-primary-green) !important;
}
.dbas-btn.doc-remove-btn:hover {
  border-color: var(--btn-primary-text-color) !important;
  color: var(--btn-primary-text-color) !important;
}

.announcement-item-wrap {
  border-color: var(--colors-primary-green);
  background: #e5fbff;
  align-items: flex-start;
}

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

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

.header-right-side {
  background: #fff;
  padding: var(--spacing-xs);
  gap: var(--spacing-2xs);
  border-radius: var(--radius-radius-md);
  right: var(--spacing-2xl);
  left: calc(500px + var(--spacing-4xl) + var(--spacing-md));
  border: 1px solid var(--content-border);
}
.header-right-side .header-profile-image-btn {
  display: none;
}
.header-right-side #LogoutButton {
  width: auto !important;
}
@media (min-width: 1921px) {
  .header-right-side {
    right: calc(64px * var(--layout-zoom-level));
    left: calc(500px * var(--layout-zoom-level) + 64px * var(--layout-zoom-level) + var(--spacing-md));
  }
}

@media (min-width: 1024.02px) {
  vc-announcement-widget .result-panel.landingpage-announcement {
    margin-top: 144px;
  }
}
.content-inner-panels {
  margin-top: 144px;
}