:root {
	--base-dimension-docked-menu-height: 5.5rem;
	--base-dimension-menu-width: 18rem;
	--base-color-success: #008a25;
	--base-color-success-light: #e7f6e8;
	--base-color-warning: #c35409;
	--base-color-warning-light: #fdf4e3;
	--base-color-danger-light: #fdefef;
	--base-color-danger: #dc1414;
	--base-color-special: #f47d4c;
	--base-color-insights: #fcf5eb;
	--base-color-bandhan-white: #fff;
	--base-color-bandhan-light-gray: #F3F3F3;
	--base-color-bandhan-dark-gray: #707070;
	--base-color-bandhan-black: #000;
	--base-color-bandhan-light-blue: #3399E8;
	--base-color-bandhan-dark-blue: #004880;
	--base-color-bandhan-beige: #FFF7E4;
	--base-color-bandhan-red: #CA282F;
	--base-border-default: rgba(0,72,128,0.1);
	--base-background-primary: #fff;
	--base-background-tertiary: #e7e7e9;
	--base-background-secondary: #fafafa;
	--base-text-primary: #004880;
	--base-text-secondary: rgba(0,72,128,0.8);
	--base-text-tertiary: #004880;
	--base-font-family: Lato,sans-serif;
	--base-font-url: "https://fonts.googleapis.com/css?family=Lato:300,400,700";
	--base-font-weight-regular: 400;
	--base-font-weight-light: 300;
	--base-font-weight-bold: 700;
	--base-font-size-small: 12px;
	--base-font-size-large: 1rem;
	--base-font-size-larger: 1.3rem;
	--base-font-size-default: .9rem;
	--base-font-size-medium: 14px;
	--base-font-size-largest: 1.6rem;
	--base-font-size-biggest: 2.5rem;
	--brand-text-primary: #004880;
	--brand-text-secondary: rgba(9,50,82,0.8);
	--brand-background-primary: #fff;
	--brand-background-secondary: #093252;
	--product-casa-primary: rgba(33,17,130,0.2);
	--product-casa-secondary: rgba(33,17,130,0.1);
	--product-td-primary: #fdc7df;
	--product-td-secondary: rgba(253,199,223,0.25);
	--product-rd-primary: #fdc7df;
	--product-rd-secondary: rgba(253,199,223,0.25);
	--product-loan-primary: #e1d6ff;
	--product-loan-secondary: rgba(225,214,255,0.25);
	--product-wealth-primary: #e1d6ff;
	--product-wealth-secondary: rgba(225,214,255,0.25);
	--product-wallet-primary: #d980ab;
	--product-wallet-secondary: rgba(217,128,171,0.25);
	--product-credits-primary: #97daef;
	--product-credits-secondary: rgba(151,218,239,0.25);
	--link-hover-color: #004880;
	--link-base: #004880;
	--link-font-size: 16px;
	--link-font-weight: 400;
	--button-height: 2.3rem;
	--button-padding: 0 0.5rem;
	--button-align: flex-start;
	--button-icon: none;
	--button-font-weight: 400;
	--button-color: #000;
	--button-font-size-text: .9rem;
	--button-font-size-icon: 1.1rem;
	--button-primary-bg-color: #004880;
	--button-primary-hover-color: #3399e8;
	--button-primary-gradient-start-color: #004880;
	--button-primary-gradient-end-color: #004880;
	--button-primary-gradient-direction: bottom;
	--button-primary-foreground-color: #fff;
	--button-primary-backround: #004880;
	--button-primary-font-size: .9rem;
	--button-primary-font-weight: normal;
	--button-primary-font-color: #fff;
	--button-primary-cursor: pointer;
	--button-primary-border-radius: 5px;
	--button-primary-border-width: 0rem;
	--button-primary-border-color: #2f3e86;
	--button-secondary-bg-color: rgba(255,255,255,0.8);
	--button-secondary-gradient-start-color: rgba(255,255,255,0.8);
	--button-secondary-gradient-end-color: rgba(255,255,255,0.8);
	--button-secondary-gradient-direction: bottom;
	--button-secondary-foreground-color: #004880;
	--button-secondary-hover-color: #3399e8;
	--button-secondary-background: #bec6da;
	--button-secondary-font-size: .9rem;
	--button-secondary-font-weight: normal;
	--button-secondary-font-color: #fff;
	--button-secondary-cursor: pointer;
	--button-secondary-border-radius: 5px;
	--button-secondary-border-width: 2px;
	--button-secondary-border-color: rgba(0,72,128,0.8);
	--button-tertiary-bg-color: rgba(0,0,0,0);
	--button-tertiary-gradient-start-color: rgba(0,0,0,0);
	--button-tertiary-gradient-end-color: rgba(0,0,0,0);
	--button-tertiary-gradient-direction: bottom;
	--button-tertiary-foreground-color: #02629f;
	--button-tertiary-font-size: .9rem;
	--button-tertiary-font-weight: 400;
	--button-tertiary-font-color: #fff;
	--button-tertiary-cursor: pointer;
	--button-tertiary-border-radius: 5px;
	--button-tertiary-border-width: 0rem;
	--button-tertiary-border-color: rgba(0,0,0,0);
	--button-help-bg-color: #fff;
	--button-help-gradient-start-color: #fff;
	--button-help-gradient-end-color: #fff;
	--button-help-gradient-direction: bottom;
	--button-help-foreground-color: #2f3e86;
	--button-help-background: #fff;
	--button-help-font-size: .9rem;
	--button-help-font-weight: 400;
	--button-help-font-color: #fff;
	--button-help-cursor: pointer;
	--button-help-border-radius: 5px;
	--button-help-border-width: .055rem;
	--button-help-border-color: #2f3e86;
	--button-cta-bg-color: #f47d4c;
	--button-cta-gradient-start-color: #f47d4c;
	--button-cta-gradient-end-color: #f47d4c;
	--button-cta-gradient-direction: bottom;
	--button-cta-foreground-color: #004880;
	--button-cta-background: #f47d4c;
	--button-cta-font-size: 12px;
	--button-cta-font-weight: normal;
	--button-cta-font-color: #004880;
	--button-cta-cursor: pointer;
	--button-cta-border-radius: 5px;
	--button-cta-border-width: 0rem;
	--button-cta-border-color: rgba(0,0,0,0);
	--form-line-height: 1.8rem;
	--form-padding: 1.3rem 0.6rem;
	--form-padding-small: 0.6rem 0;
	--form-border-width: .1rem;
	--form-shadow: none;
	--form-background: #fff;
	--form-header-foreground-color: #004880;
	--form-header-font-size: 1.1rem;
	--form-header-font-weight: 400;
	--form-input-background-base: rgba(0,0,0,0);
	--form-input-background-hover: rgba(0,0,0,0);
	--form-input-background-focus: rgba(0,0,0,0);
	--form-input-background-disable: rgba(0,0,0,0);
	--form-input-disabled-font-size: 1rem;
	--form-input-disabled-font-weight: 400;
	--form-input-text: .9rem;
	--form-input-font-size: 1rem;
	--form-input-font-weight: 400;
	--form-input-color-base: #004880;
	--form-input-color-hover: #fff;
	--form-input-color-focus: #004880;
	--form-input-color-disable: #004880;
	--form-input-color-primary: #004880;
	--form-input-border-radius: 0;
	--form-input-border-color: #d8d8d8;
	--form-bg-color: #fff;
	--form-gradient-start-color: #fff;
	--form-gradient-end-color: #fff;
	--form-gradient-direction: bottom;
	--form-foreground-color: #004880;
	--form-font-size: .9rem;
	--form-font-weight: 400;
	--form-icon-size: 1.1rem;
	--form-font-color: #004880;
	--form-label-foreground-color: #707070;
	--form-label-font-size: 18px;
	--form-label-font-weight: 400;
	--form-info-txt-foreground-color: #004880;
	--form-info-txt-font-size: .8rem;
	--form-info-txt-font-weight: 400;
	--form-page-title-foreground-color: #004880;
	--form-page-title-font-size: 28px;
	--form-page-title-font-weight: 400;
	--banner-padding: .6rem;
	--banner-text-primary: rgba(0,72,128,0.8);
	--banner-text-secondary: #004880;
	--banner-bg-color: #e7e7e9;
	--banner-gradient-start-color: #e7e7e9;
	--banner-gradient-end-color: #e7e7e9;
	--banner-gradient-direction: bottom;
	--banner-foreground-color: #004880;
	--banner-font-size: .9rem;
	--banner-font-weight: 400;
	--review-banner-bg-color: #f3f3f3;
	--review-banner-border-color: #707070;
	--review-banner-gradient-start-color: #f3f3f3;
	--review-banner-gradient-end-color: #f3f3f3;
	--review-banner-gradient-direction: bottom;
	--review-banner-border-width: .4rem;
	--review-banner-border-radius: .01rem;
	--review-banner-foreground-color: #707070;
	--review-banner-font-size: .95rem;
	--review-banner-font-weight: 700;
	--nav-hover-text: #006c75;
	--nav-hover-border: #006c75;
	--nav-hover-background: #e7e7e9;
	--nav-hover-bg-color: #e3f2ff;
	--nav-hover-border-color: #e3f2ff;
	--nav-hover-gradient-start-color: #e3f2ff;
	--nav-hover-gradient-end-color: #e3f2ff;
	--nav-hover-gradient-direction: bottom;
	--nav-hover-border-width: .2rem;
	--nav-hover-border-radius: .01rem;
	--nav-hover-foreground-color: #004880;
	--nav-hover-font-size: 1rem;
	--nav-hover-font-weight: 400;
	--nav-selected-text: #004880;
	--nav-selected-border: #004880;
	--nav-selected-background: #fff;
	--nav-selected-background-bg-color: #fff;
	--nav-selected-border-color: #004880;
	--nav-selected-background-gradient-start-color: #fff;
	--nav-selected-background-gradient-end-color: #fff;
	--nav-selected-background-gradient-direction: bottom;
	--nav-selected-border-width: .2rem;
	--nav-selected-border-radius: .01rem;
	--nav-selected-foreground-color: #004880;
	--nav-selected-font-size: 1rem;
	--nav-selected-font-weight: 700;
	--nav-default-text: #004880;
	--nav-default-border: none;
	--nav-default-background: #fff;
	--nav-default-foreground-color: #004880;
	--nav-default-font-size: 1rem;
	--nav-default-font-weight: 400;
	--table-header-background: #f5f5f5;
	--table-header-color: #004880;
	--table-header-bg-color: #fff;
	--table-header-gradient-start-color: #fff;
	--table-header-gradient-end-color: #fff;
	--table-header-gradient-direction: bottom;
	--table-header-foreground-color: #004880;
	--table-header-font-size: .9rem;
	--table-header-font-weight: 400;
	--table-body-bg-color: #fff;
	--table-body-gradient-start-color: #fff;
	--table-body-gradient-end-color: #fff;
	--table-body-gradient-direction: bottom;
	--table-body-foreground-color: #004880;
	--table-body-font-size: .9rem;
	--table-body-font-weight: 400;
	--table-body-icon-size: 8rem;
	--table-tr-hover-color: rgba(231,231,231,0.6);
	--table-border-color: #fff;
	--table-border-width: .05rem;
	--table-border-radius: 0;
	--list-drop-background: #c2eaf3;
	--menu-bg-color: #fff;
	--menu-foreground-color: #004880;
	--menu-font-size: 16px;
	--menu-gradient-start-color: #fff;
	--menu-gradient-end-color: #fff;
	--menu-gradient-direction: bottom;
	--menu-font-weight: 400;
	--menu-hover-color: #000;
	--menu-hover-background: #ecf7ff;
	--menu-selected-color: #2f3e86;
	--menu-icon-font-size: 1.3rem;
	--welcome-box-bg-color: #093252;
	--welcome-box-gradient-start-color: #093252;
	--welcome-box-gradient-end-color: #093252;
	--welcome-box-gradient-direction: bottom;
	--welcome-box-font-size: .9rem;
	--welcome-box-font-weight: 400;
	--welcome-box-foreground-color: #fff;
	--welcome-box-color: #004880;
	--color-white: #fff;
	--color-deep-yellow: #fbce4a;
	--color-deep-yellow-darken: #f3b705;
	--header-foreground-color: #004880;
	--header-height: 3.4rem;
	--header-small-height: 3rem;
	--header-bg-color: #fff;
	--header-gradient-start-color: #fff;
	--header-gradient-end-color: #fff;
	--header-gradient-direction: bottom;
	--header-border-bottom-color: rgba(0,0,0,0.05);
	--header-font-size: 1rem;
	--header-font-weight: 400;
	--header-icon-size: 1.1rem;
	--top-header-foreground-color: #fff;
	--top-header-height: 3rem;
	--top-header-bg-color: #093252;
	--top-header-gradient-start-color: #093252;
	--top-header-gradient-end-color: #093252;
	--top-header-gradient-direction: left;
	--top-header-font-size: 24px;
	--top-header-font-weight: 400;
	--top-header-background: #004880;
	--top-header-font-color: #fff;
	--footer-bg-color: #093252;
	--footer-gradient-start-color: #093252;
	--footer-gradient-end-color: #093252;
	--footer-gradient-direction: left;
	--footer-font-size: 12px;
	--footer-foreground-color: #fff;
	--footer-height: 2rem;
	--footer-font-color: #004880;
	--footer-font-weight: normal;
	--footer-Background: #eee;
	--help-panel-bg-color: #fff;
	--help-panel-gradient-start-color: #fff;
	--help-panel-gradient-end-color: #fff;
	--help-panel-gradient-direction: bottom;
	--help-panel-foreground-color: #004880;
	--help-panel-background: #f9f8ff;
	--help-panel-font-color: #fff;
	--help-panel-font-size: .9rem;
	--help-panel-font-weight: 400;
	--help-panel-icon-size: 5rem;
	--help-panel-header-foreground-color: #004880;
	--help-panel-header-font-size: 1.15rem;
	--help-panel-header-font-weight: 400;
	--help-panel-border-color: #004880;
	--help-panel-border-width: .05rem;
	--help-panel-border-radius: 5px;
	--app-background-bg-color: #fff;
	--app-background-gradient-direction: bottom;
	--app-background-gradient-start-color: #f9f9f9;
	--app-background-gradient-end-color: #f9f9f9;
	--modal-window-br-color: #fff;
	--modal-window-header-bg-color: #fff;
	--modal-window-header-foreground-color: #004880;
	--modal-window-header-font-size: 24px;
	--modal-window-header-font-weight: 700;
	--modal-window-header-gradient-direction: bottom;
	--modal-window-header-gradient-start-color: #fff;
	--modal-window-header-gradient-end-color: #fff;
	--modal-window-body-bg-color: #fff;
	--modal-window-body-gradient-direction: bottom;
	--modal-window-body-gradient-start-color: #fff;
	--modal-window-body-gradient-end-color: #fff;
	--modal-window-body-foreground-color: #004880;
	--modal-window-body-font-size: .9rem;
	--modal-window-body-font-weight: 400;
	--buttonset-bg-color: #fff;
	--buttonset-gradient-direction: bottom;
	--buttonset-gradient-start-color: #fff;
	--buttonset-gradient-end-color: #fff;
	--buttonset-border-color: #cbcccd;
	--buttonset-border-width: .05rem;
	--buttonset-border-radius: .4rem;
	--buttonset-label-foreground-color: #004880;
	--buttonset-label-font-size: .8rem;
	--buttonset-label-font-weight: 400;
	--buttonset-selected-bg-color: #004880;
	--buttonset-selected-gradient-direction: bottom;
	--buttonset-selected-gradient-start-color: #004880;
	--buttonset-selected-gradient-end-color: #004880;
	--buttonset-selected-border-color: #fff;
	--buttonset-selected-border-width: .0155rem;
	--buttonset-selected-border-radius: .4rem;
	--buttonset-selected-label-foreground-color: #fff;
	--buttonset-selected-label-font-size: .8rem;
	--buttonset-selected-label-font-weight: 400;
	--disabledinput-bg-color: #f7f7f8;
	--disabledinput-gradient-direction: bottom;
	--disabledinput-gradient-start-color: #f7f7f8;
	--disabledinput-gradient-end-color: #f7f7f8;
	--disabledinput-foreground-color: #b9b9b9;
	--disabledinput-font-size: .9rem;
	--disabledinput-font-weight: 400;
	--confirm-screen-border-color: #008a25;
	--confirm-screen-border-width: .4rem;
	--confirm-screen-border-bottom-color: rgba(44,50,81,0.1);
	--confirm-screen-border-bottom-width: 0;
	--confirm-screen-border-radius: .01rem;
	--confirm-screen-text-foreground-color: #004880;
	--confirm-screen-text-font-size: .95rem;
	--confirm-screen-text-font-weight: 400;
	--confirm-screen-success-border-color: #008a25;
	--confirm-screen-success-border-width: .4rem;
	--confirm-screen-success-border-radius: .01rem;
	--confirm-screen-success-bg-color: #e7f6e8;
	--confirm-screen-success-gradient-direction: bottom;
	--confirm-screen-success-gradient-start-color: #e7f6e8;
	--confirm-screen-success-gradient-end-color: #e7f6e8;
	--confirm-screen-error-border-color: #e42323;
	--confirm-screen-error-border-width: .4rem;
	--confirm-screen-error-border-radius: .01rem;
	--confirm-screen-error-bg-color: #fff;
	--confirm-screen-error-gradient-direction: bottom;
	--confirm-screen-error-gradient-start-color: #fff;
	--confirm-screen-error-gradient-end-color: #fff;
	--expandable-preview-background-color: #fff;
	--expandable-preview-border-color: rgba(0,72,128,0.1);
	--expandable-preview-border-width: .05rem;
	--expandable-preview-border-radius: .1rem;
	--expandable-preview-header-color: #004880;
	--expandable-preview-header-font-size: 1rem;
	--expandable-preview-header-font-weight: 400;
	--widget-border-color: #004880;
	--widget-border-width: .05rem;
	--widget-border-radius: .5rem;
	--widget-background: #fff;
	--widget-font-color: #004880;
	--widget-shadow-color: rgba(9,50,82,0.25);
	--widget-border-radius: .5rem;
	--widget-border-color: #1c2231;
	--widget-header-foreground-color: #fff;
	--widget-header-font-size: 18px;
	--widget-header-font-weight: 400;
	--widget1-bg-color: #fff;
	--widget1-gradient-direction: bottom;
	--widget1-gradient-start-color: #fff;
	--widget1-gradient-end-color: #fff;
	--widget1-foreground-color: #004880;
	--widget1-font-size: 1rem;
	--widget1-font-weight: 400;
	--widget2-bg-color: #fff;
	--widget2-gradient-direction: bottom;
	--widget2-gradient-start-color: #fff;
	--widget2-gradient-end-color: #fff;
	--widget2-foreground-color: #004880;
	--widget2-font-size: 1rem;
	--widget2-font-weight: 400;
	--widget3-bg-color: #fff;
	--widget3-gradient-direction: bottom;
	--widget3-gradient-start-color: #fff;
	--widget3-gradient-end-color: #fff;
	--widget3-foreground-color: #004880;
	--widget3-font-size: 1rem;
	--widget3-font-weight: 400;
	--widget4-bg-color: #fff;
	--widget4-gradient-direction: bottom;
	--widget4-gradient-start-color: #fff;
	--widget4-gradient-end-color: #fff;
	--widget4-foreground-color: #004880;
	--widget4-font-size: 1rem;
	--widget4-font-weight: 400;
	--accordion-border-color: #e7e7e9;
	--accordion-border-width: .0556rem;
	--accordion-border-radius: 0;
	--accordion-header-bg-color: #fff;
	--accordion-header-gradient-direction: bottom;
	--accordion-header-gradient-start-color: #fff;
	--accordion-header-gradient-end-color: #fff;
	--accordion-header-foreground-color: #004880;
	--accordion-header-font-size: 1rem;
	--accordion-header-font-weight: 400;
	--accordion-header-icon-size: 4rem;
	--accordion-body-bg-color: #fff;
	--accordion-body-gradient-direction: bottom;
	--accordion-body-gradient-start-color: #fff;
	--accordion-body-gradient-end-color: #fff;
	--accordion-body-foreground-color: #004880;
	--accordion-body-font-size: .9rem;
	--accordion-body-font-weight: 400;
	--accordion-disabled-header-bg-color: #fafafa;
	--accordion-disabled-header-gradient-direction: bottom;
	--accordion-disabled-header-gradient-start-color: #fafafa;
	--accordion-disabled-header-gradient-end-color: #fafafa;
	--accordion-disabled-header-foreground-color: #004880;
	--accordion-disabled-header-font-size: 1rem;
	--accordion-disabled-header-font-weight: 400;
	--overlay-bg-color: #fff;
	--overlay-gradient-direction: bottom;
	--overlay-gradient-start-color: #fff;
	--overlay-gradient-end-color: #fff;
	--overlay-header-foreground-color: #004880;
	--overlay-header-font-size: 1.1rem;
	--overlay-header-font-weight: 400;
	--alert-notification-bg-color: #fff;
	--alert-notification-gradient-direction: bottom;
	--alert-notification-gradient-start-color: #fff;
	--alert-notification-gradient-end-color: #fff;
	--alert-notification-header-foreground-color: #444954;
	--alert-notification-header-font-size: .785rem;
	--alert-notification-header-font-weight: 400;
	--alert-notification-body-foreground-color: #444954;
	--alert-notification-body-font-size: .8rem;
	--alert-notification-body-font-weight: 400;
	--graph-color1: #f47d4c;
	--graph-color2: #ffdaa4;
	--graph-color3: #b9387e;
	--graph-color4: #2f3e86;
	--graph-color5: #0a6c99;
	--graph-color6: #ffe45c;
	--graph-color7: #c35409;
	--graph-color8: #2c446e;
	--graph-color9: #90722c;
	--graph-color10: #5c6068;
	--graph-color11: #d8993c;
	--graph-color12: #417a72;
	--graph-color13: #dc1414;
	--graph-color14: #614980;
	--oj-text-field-border-top-width: 0px;
	--oj-text-field-border-right-width: 0px;
	--oj-text-field-border-bottom-width: 1px;
	--oj-text-field-border-left-width: 0px;
	--oj-text-field-border-radius: 0px;
	--oj-text-field-border-color: var(--form-input-border-color);
	--oj-text-field-bg-color: transparent;
	--action-button-primary-bg-color: 47,62,134;
	--action-button-secondary-bg-color: 23,28,40;
	--action-button-tertiary-text-color: #02629f;
	--oj-button-font-weight: normal;
	--oj-button-borderless-chrome-text-color-selected-hover: #fff;
	--oj-button-borderless-chrome-bg-color-selected-hover: #2f3e86;
	--oj-button-borderless-chrome-text-color-selected: #fff;
	--oj-button-borderless-chrome-bg-color-selected: #2f3e86;
	--oj-button-borderless-chrome-border-color: #cbcccd;
	--oj-button-borderless-chrome-text-color-hover: #000;
	--oj-button-borderless-chrome-bg-color-hover: #fff;
	--oj-button-borderless-chrome-border-color-hover: #cbcccd;
	--oj-icon-size: 1rem;
	--oj-button-outlined-chrome-bg-color-selected: var(--buttonset-selected-bg-color);
	--oj-buttonset-outlined-chrome-bg-color: #fff;
	--oj-button-outlined-chrome-text-color-selected-disabled: #fff;
	--oj-button-outlined-chrome-bg-color-selected-disabled: var(--buttonset-selected-bg-color);
	--oj-button-outlined-chrome-text-color-selected: #fff;
	--oj-button-outlined-chrome-text-color-selected-hover: #fff;
	--oj-button-outlined-chrome-text-color: var(--buttonset-label-foreground-color);
	--oj-button-outlined-chrome-text-color-hover: var(--buttonset-label-foreground-color);
	--oj-button-outlined-chrome-bg-color-hover: var(--buttonset-bg-color);
	--oj-buttonset-outlined-chrome-text-color: #2f3e86;
	--oj-buttonset-border-radius: 0.4rem;
	--oj-button-outlined-chrome-icon-color-selected: #fff;
	--oj-button-call-to-action-chrome-bg-color: #004880;
	--oj-link-text-color: var(--link-base);
	--oj-link-text-color-hover: var(--link-hover-color);
	--oj-link-text-decoration: none;
	--oj-link-text-decoration-hover: none;
	--oj-navigation-list-horizontal-item-margin: 0px;
	--oj-navigation-list-horizontal-item-padding: 0 0.6rem;
	--oj-conveyor-belt-box-shadow-width: 0px;
	--oj-button-borderless-chrome-bg-color-hover: #f7f7f8;
	--oj-button-solid-chrome-bg-image-hover: none;
	--oj-button-borderless-chrome-border-color-hover: #004880;
	--oj-button-solid-chrome-bg-color: #004880;
	--oj-text-field-padding-horizontal: 0px;
	--oj-form-layout-column-max-width: 100%;
	--oj-text-field-font-size: var(--form-font-size);
	--oj-text-field-text-color: var(--form-foreground-color);
	--oj-text-field-border-color-disabled: transparent;
	--oj-text-field-value-color-disabled: #171c28;
	--oj-text-field-border-color-disabled: #d8d8d8;
	--oj-text-field-opacity-disabled: 1;
	--oj-text-field-border-color-disabled: transparent;
	--oj-text-field-default-max-width: 20rem;
	--oj-text-field-value-color: var(--form-input-color-base);
	--oj-text-field-border-color-focus: var(--oj-text-field-border-color);
	--oj-label-margin-bottom: 0.25rem;
	--oj-button-borderless-chrome-text-color-hover: var(--link-hover-color);
	--oj-button-borderless-chrome-bg-color-hover: transparent;
	--oj-button-borderless-chrome-border-color-hover: transparent;
	--oj-button-borderless-chrome-icon-color: #004880;
	--oj-button-borderless-chrome-icon-color-hover: #76b8e1;
	--oj-app-layout-web-footer-bg-color: #093252;
	--oj-app-layout-web-footer-min-height: var(--footer-height);
	--oj-app-layout-web-offcanvas-bg-color: var(--menu-bg-color);
	--oj-typography-heading-2xl-font-size: 22px;
	--oj-typography-heading-2xl-font-weight: 400;
	--oj-header-text-color: #171c28;
	--oj-app-layout-web-padding: 0px;
	--oj-navigation-list-item-contrast-label-color-default: var(--menu-foreground-color);
	--oj-navigation-list-item-contrast-label-color-hover: var(--menu-foreground-color);
	--oj-navigation-list-vertical-font-size: 0.9rem;
	--oj-navigation-list-vertical-font-weight: 400;
	--oj-navigation-list-item-contrast-label-color-selected: #004880;
	--oj-navigation-list-item-contrast-bg-color-hover: var(--menu-hover-background);
	--oj-list-unordered-style-type: none;
	--oj-app-layout-web-header-min-height: 0px;
	--oj-typography-heading-md-font-size: var(--help-panel-font-size);
	--oj-typography-body-md-font-size: var(--form-font-size);
	--oj-core-wrappable-margin-bottom: 0px;
	--oj-form-layout-margin-bottom: 0px;
	--oj-radio-checkbox-input-color-selected: rgb(47, 62, 134);
	--oj-navigation-list-item-start-end-padding: 1.07rem;
	--oj-navigation-list-icon-to-text-padding: 0.71429rem;
	--oj-icon-color-default: #8a8d8f;
	--oj-button-height: 2.28571rem;
	--oj-button-text-to-edge-padding: 0.92857rem;
	--oj-message-summary-font-size: 100%;
	--oj-message-summary-font-weight: 500;
	--oj-message-summary-text-color: #000;
	--oj-message-notification-overlay-header-bg-color: #fff;
	--oj-message-notification-overlay-body-bg-color: #fff;
	--oj-message-notification-overlay-border-width: 1px;
	--oj-message-notification-overlay-border-color: #cbcccd;
	--oj-message-notification-overlay-border-radius: 1px;
	--oj-message-notification-overlay-box-shadow: 1px 1px 3px 0 hsl(0deg 0% 0% / 35%);
	--oj-message-detail-text-color: var(--alert-notification-body-foreground-color);
	--oj-message-detail-font-size: var(--alert-notification-body-font-size);
	--oj-button-icon-size: 1rem;
	--oj-listbox-item-padding-vertical: 0.5rem;
	--oj-listbox-item-padding-horizontal: 0.2rem;
	--oj-listbox-item--min-row-height: 2.5rem;
	--oj-listbox-text-field-border-color: #e5e6e6;
	--oj-progress-bar-value-bg-color: #027bc7;
	--oj-progress-bar-border-radius: 0px;
	--oj-typography-heading-xl-font-size: var(--base-font-size-large);
	--oj-typography-heading-xl-font-weight: var(--base-font-weight-regular);
	--oj-typography-heading-lg-font-size: 1rem;
	--oj-app-layout-hybrid-padding: 0px;
	--oj-label-font-size: var(--base-font-size-large);
	--oj-label-font-weight: 400;
	--oj-label-color: var(--form-label-foreground-color);
	--oj-radio-checkbox-label-color: rgba(0, 0, 0, 0.8);
	--oj-radio-checkbox-input-size: 0.9rem;
	--oj-radio-checkbox-input-color-unselected: var(--form-foreground-color);
	--oj-radio-checkbox-input-color-selected: var(--link-base);
	--oj-radio-checkbox-row-padding: 0.5rem;
	--oj-train-button-bg-color-selected: #027bc7;
	--oj-train-button-border-color-disabled: #e0e1e1;
	--oj-train-button-border-color-selected: #027bc7;
	--oj-train-label-font-weight-selected: 500;
	--oj-train-label-color-selected: rgba(0, 0, 0, 0.8);
	--oj-train-connector-bg-color: #e5e6e6;
	--oj-train-button-border-width: 2px;
	--oj-train-button-bg-color-disabled: #fff;
	--oj-train-label-font-size: var(--form-input-text);
	--oj-train-label-font-weight: 400;
	--oj-train-label-color-disabled: rgba(0, 0, 0, 0.556);
	--oj-train-button-text-color-disabled: rgba(0, 0, 0, 0.556);
	--oj-train-button-diameter: 1.75rem;
	--oj-badge-height: 1.2rem;
	--oj-badge-border-radius: 3.1rem;
	--oj-badge-font-size: 0.7rem;
	--oj-badge-font-weight: 400;
	--oj-collection-header-text-color: var(--table-header-foreground-color);
	--oj-collection-list-cell-padding-vertical: 0.5rem;
	--oj-collection-header-bg-color-hover: var(--table-tr-hover-color);
	--oj-collection-header-font-size: var(--table-header-font-size);
	--oj-collection-header-font-weight: var(--table-header-font-weight);
	--oj-collection-cell-text-color: var(--table-body-foreground-color);
	--oj-collection-cell-bg-color-selected: var(--table-tr-hover-color);
	--oj-list-view-card-margin-end: 10px;
	--oj-collection-border-color: var(--base-border-default);
	--oj-collection-cell-border-color-selected-inactive: #d0d0d0;
	--oj-collection-cell-bg-color-selected: #e8f5fc;
	--oj-collection-cell-border-color-selected: #aec8d6;
	--oj-scrollbar-track-color: #e7e7e9;
	--oj-scrollbar-thumb-color: #2f3e86;
	--oj-scrollbar-thumb-color-force: var(--oj-scrollbar-thumb-color);
	--oj-scrollbar-track-color-force: var(--oj-scrollbar-track-color);
	--oj-scrollbar-thumb-color-hover: var(--oj-scrollbar-thumb-color);
	--oj-scrollbar-track-color-hover: var(--oj-scrollbar-track-color);
	--footer-foreground-color: var(--base-text-primary);
	--link-font-size: 0.9rem;
	--oj-list-view-group-header-font-weight: 400;
	--oj-navigation-list-horizontal-font-size: var(--base-text-primary);
	--oj-navigation-list-horizontal-font-weight: var(--base-font-weight-regular);
	--oj-menu-padding: 0;
	--oj-menu-font-size: var(--base-font-size-default);
	--oj-panel-padding: 0.75rem;
	--oj-panel-border-radius: var(--widget-border-radius);
	--oj-panel-bg-color: var(--base-background-primary);
	--oj-panel-border-color: var(--base-border-default);
	--oj-panel-border-color-selected: var(--oj-palette-brand-110);
	--oj-panel-border-width-selected: 2px;
	--oj-app-layout-hybrid-header-bg-color: var(--base-background-primary);
	--form-title-margin: 0.55rem 0;
	--default-header-foreground: var(--header-foreground-color);
	--default-header-background: var(--header-bg-color);
}

.nav-bar {
	--oj-navigation-list-horizontal-font-size: 0.9rem;
	--oj-navigation-list-horizontal-font-weight: 400;
	--oj-navigation-list-horizontal-item-label-color-default: #171c28;
	--oj-navigation-list-item-label-color-default: #2f3e86;
	--oj-navigation-list-item-label-color-selected: #2f3e86;
	--oj-navigation-list-item-label-color-hover: #2f3e86;
	--oj-navigation-list-item-border-color-hover: #2f3e86;
	--oj-navigation-list-item-border-color-selected: #2f3e86;
	--oj-navigation-list-item-bg-color-hover: #ededed;
	--oj-navigation-list-horizontal-item-label-color-selected: #2f3e86;
	--oj-navigation-list-horizontal-item-padding: 0 1.2rem;
	--oj-navigation-list-item-icon-color-default: #2f3e86;
	--oj-navigation-list-item-icon-color-hover: #2f3e86;
	--oj-navigation-list-item-icon-color-selected: #2f3e86;
	--oj-navigation-list-item-icon-color-selected: #2f3e86;
}

.oj-textarea {
	--oj-text-field-border-top-width: 1px;
	--oj-text-field-border-right-width: 1px;
	--oj-text-field-border-left-width: 1px;
	--oj-text-field-padding-horizontal: 0 0.4rem;
	--oj-text-field-padding-horizontal: 0 0.4rem;
}

.entity-switch .action-item {
	--oj-button-borderless-chrome-text-color: var(--top-header-foreground-color);
	--oj-button-borderless-chrome-text-color-hover: var(--top-header-foreground-color);
	--oj-button-borderless-chrome-icon-color-hover: #fff;
	--oj-button-borderless-chrome-icon-color-hover: #fff;
}

.oj-message-container {
	--oj-button-borderless-chrome-icon-color: #8a8d81;
}

.elite {
	--footer-bg-color: #000000;
	--base-text-primary: #000000;
	--base-text-secondary: rgba(0, 0, 0, 0.8);
	--brand-text-primary: #000;
	--brand-text-secondary: #707070;
	--oj-scrollbar-thumb-color: #000000;
	--form-info-txt-foreground-color: #000;
	--modal-window-br-color: #ffd571;
	--form-foreground-color: #000000;
	--oj-text-field-value-color: #707070;
	--form-header-foreground-color: #000;
}

.elite .nav-bar {
	--oj-navigation-list-horizontal-item-label-color-selected: #000000;
	--oj-navigation-list-horizontal-item-bg-color-selected: #F3F3F3;
	--oj-navigation-list-item-border-color-selected: #000000;
	--oj-navigation-list-item-border-color-hover: transparent;
	--oj-navigation-list-item-label-color-hover: #000000;
	--oj-navigation-list-horizontal-item-label-color-default: #000000;
	--oj-navigation-list-item-icon-color-hover: #000000;
	--oj-navigation-list-item-icon-color-selected: #000000;
	--oj-navigation-list-item-icon-color-default: #000000;
	--oj-navigation-list-item-label-color-default: #000000;
	--oj-navigation-list-item-label-color-selected: #000000;
	--oj-navigation-list-item-bg-color-hover: #000000;
	--oj-navigation-list-horizontal-font-size: 0.9rem;
	--oj-navigation-list-horizontal-font-weight: 300;
	--oj-navigation-list-horizontal-item-padding: 0 1.2rem;
}

.elite .oj-navigationlist {
	--oj-navigation-list-item-contrast-label-color-hover: #000000;
	--oj-navigation-list-item-border-width-left: 0.5rem;
	--oj-navigation-list-item-contrast-label-color-selected: #707070;
}

.elite a:focus,
.elite a:hover,
.elite a:visited {
	color: #000;
	font-weight: 700;
}

article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	padding: 0;
	margin: 0;
	background: var(--app-background-bg-color);
	font-family: var(--base-font-family);
	font-size: var(--base-font-size-default);
	color: var(--base-text-primary);
	overflow-y: auto;
	-webkit-text-size-adjust: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	user-select: none;
	position: relative;
	min-height: calc(100vh - 2.5rem);
}

body ::-webkit-scrollbar {
	width: .6rem;
}

img path {
	fill: var(--base-color-primary);
}

obdxcomponent {
	width: 100%;
	height: 100%;
}

template {
	display: none;
}

.left,
[dir=rtl] .left {
	text-align: left!important;
}

.right,
[dir=rtl] .right {
	text-align: right!important;
}

.flex-left {
	justify-content: flex-start;
}

.flex-right {
	justify-content: flex-end;
}

.flex-center {
	justify-content: center;
}

.hide {
	display: none;
}

.hide-label {
	height: 0;
	position: absolute;
}

.pull-right {
	float: right;
}

.pull-left,
[dir=rtl] .pull-right {
	float: left;
}

[dir=rtl] .pull-left {
	float: right;
}

[dir=rtl] .no-pad-cols {
	padding-right: 0!important;
}

[dir=ltr] .no-pad-cols,
[dir=rtl] .no-pad-cols {
	padding-left: 0!important;
}

[dir=ltr] .no-pad-cols {
	padding-right: 0!important;
}

.margin-auto {
	margin: 0 auto;
}

.vertical-align-middle {
	margin: auto 0;
}

.no-margin {
	margin: inherit;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.bold-text {
	font-weight: var(--base-font-weight-bold)!important;
}

.light-text {
	font-weight: var(--base-font-weight-light)!important;
}

.error {
	color: var(--base-color-danger);
}

.info {
	color: var(--base-text-primary);
}

.warning {
	color: var(--base-color-warning);
}

a {
	text-decoration: none;
	color: var(--link-base);
	font-size: var(--link-font-size);
	font-weight: var(--link-font-weight);
}

a:focus,
a:hover,
a:visited {
	outline: 0;
	color: var(--link-hover-color);
}

.blank {
	visibility: hidden;
}

.break-word {
	word-wrap: break-word;
	white-space: normal;
}

.word-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.word-nowrap {
	white-space: nowrap;
}

.seperator {
	border-bottom: .05rem solid!important;
}

.icons {
	font-size: var(--form-icon-size);
}

.icons.disabled {
	color: var(--form-input-color-disable)!important;
	cursor: default;
}

.icons+span {
	vertical-align: super;
}

[dir=rtl] .icons+span {
	padding-right: .3rem;
}

[dir=ltr] .icons+span {
	padding-left: .3rem;
}

.logo-in-background {
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
}

input[type=password]::-ms-reveal {
	display: none;
}

[dir=rtl] :-ms-input-placeholder {
	padding: 0 .4rem;
}

[dir=rtl] input::placeholder {
	padding: 0 .4rem;
}

*,
:after,
:before {
	box-sizing: border-box;
}

.overflow-hidden {
	overflow: hidden;
}

[dir=rtl] .border-img {
	right: calc(-50vw + 50%);
}

[dir=ltr] .border-img {
	left: calc(-50vw + 50%);
}

.background-white {
	background: var(--form-bg-color);
	padding: 0 1.2rem;
	max-width: 80rem;
	width: 100%;
	margin: 0 auto;
}

.flow-container .border-img {
	margin: 0;
}

.dashboard-heading-padding {
	padding: 0 10px;
}

a.skip-main {
	position: absolute;
	overflow: hidden;
	z-index: -999;
}

[dir=rtl] a.skip-main {
	right: -62.4rem;
}

[dir=ltr] a.skip-main {
	left: -62.4rem;
}

.ck-editor__editable {
	min-height: 200px;
	height: 100%;
	min-width: 30vw;
}

.ck-editor {
	min-width: 30vw;
	--webkit-user-select: auto;
	--webkit-user-select: auto;
}

.ck-editor ul {
	list-style: unset!important;
}

.light-border {
	border: .05rem solid var(--base-border-default);
}

.oj-panel {
	height: 100%;
}

.oj-panel .icons.icon-arrow-right {
	font-size: var(--base-font-size-default);
}

h4 {
	color: var(--base-text-primary);
	margin: .6rem 0;
	font-weight: var(--base-font-weight-regular);
}

.fade-in {
	animation: 15s fade-in;
	transition: opacity .5s linear;
}

.grow {
	height: 0;
	transform: scale(0);
	opacity: 0;
}

.grow-end {
	transform: scale(1);
	opacity: 1;
	transition: .7s,opacity .3s ease-in-out;
}

.parallax {
	position: relative;
	bottom: 0;
}

[dir=rtl] .parallax {
	left: 0;
}

[dir=ltr] .parallax,
[dir=rtl] .parallax {
	right: 0;
}

[dir=ltr] .parallax {
	left: 0;
}

.parallax .movingbox {
	position: relative;
	height: auto;
	padding: 3.1rem;
}

[dir=rtl] .parallax .movingbox {
	transform: scaleX(-1);
}

.parallax .parallaxbox {
	position: relative;
	height: 80%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
}

[dir=rtl] .parallax .parallaxbox {
	transform: scaleX(-1);
}

.slide {
	opacity: 0;
}

.slide-right {
	transform: rotateY(-50deg) rotateZ(-5deg) translateX(3.1rem),opacity .3s ease-in-out;
}

.slide-left {
	transform: rotateY(50deg) rotateZ(-5deg) translateX(-3.1rem),opacity .3s ease-in-out;
}

.slide-end {
	opacity: 1;
	transform: rotateY(0);
	perspective: 6.3rem;
}

.wind-screen-wiper {
	animation: 5s wind-screen-wiper;
	-webkit-clip-path: polygon(0 0,100% 0,100% 85%,0 100%);
	clip-path: polygon(0 0,100% 0,100% 85%,0 100%);
	position: relative;
	top: -1px;
}

.flip-down {
	animation: .7s linear flip-down;
	background: var(--base-color-danger);
	width: 100%;
}

.slide-and-resize {
	background-color: var(--color-deep-yellow);
}

.animate-top {
	position: relative;
	animation: .2s animatetop;
}

.bounceUp {
	animation: .6s bounceUp;
}

.ANON .container {
	max-width: inherit;
	padding: 0;
}

.ANON .container .widget-container {
	padding: 0;
}

.ANON .container .widget-container section {
	margin: 0;
}

.rewards-widget {
	bottom: 6.5rem;
}

body.banner {
	background: 0 0;
	padding: 0;
}

body .main-menu {
	background: var(--menu-bg-color);
	box-shadow: 0 .1rem .1rem rgba(0,0,0,.18);
	width: var(--base-dimension-menu-width);
}

body .container {
	width: 100%;
	height: 100%;
	font-size: .9rem;
	margin: 0 auto;
	outline: 0;
	min-height: calc(100vh - .3rem - var(--top-header-height) - var(--header-height) - var(--footer-height));
}

body .container .page-header-container .comp-title {
	letter-spacing: .03rem;
	font-size: var(--form-page-title-font-size);
	font-weight: var(--form-page-title-font-weight);
	color: var(--form-page-title-foreground-color);
	margin: var(--form-title-margin);
}

body .container .page-header-container.txn-page {
	max-width: 80rem;
	margin: 0 auto;
}

body .container .warning-container {
	background-color: var(--base-color-warning-light);
	line-height: 1.25rem;
	margin: 0 .6rem .6rem;
}

[dir=rtl] body .container .warning-container {
	border-right: .4rem solid var(--base-color-warning);
}

[dir=ltr] body .container .warning-container {
	border-left: .4rem solid var(--base-color-warning);
}

body .container .warning-container .warning-text {
	padding: .6rem;
}

body .container .warning-container .warning-icon {
	color: var(--link-base);
	float: right;
	padding-top: .1rem;
}

[dir=rtl] body .container .warning-container .warning-icon {
	float: left;
}

body .container .warning-container a .icons {
	font-size: calc(var(--base-font-size-default) + .4rem);
}

body a.skip-main {
	position: absolute;
	overflow: hidden;
	z-index: -999;
}

[dir=rtl] body a.skip-main {
	right: -62.4rem;
}

[dir=ltr] body a.skip-main {
	left: -62.4rem;
}

body a.skip-main :focus,
body a.skip-main:active {
	color: var(--base-color-secondary-text);
	top: auto;
	padding: .6rem;
	margin: .6rem;
	font-size: .8em;
	z-index: 999;
	height: auto;
	width: auto;
	outline: dotted .1rem;
}

[dir=rtl] body a.skip-main :focus,
[dir=rtl] body a.skip-main:active {
	right: 0;
}

[dir=ltr] body a.skip-main :focus,
[dir=ltr] body a.skip-main:active {
	left: 0;
}

body section {
	margin-bottom: 1.1rem;
	padding: 0 10px;
}

body .back-top {
	position: fixed;
	bottom: 2.5rem;
}

[dir=rtl] body .back-top {
	right: 96%;
}

[dir=ltr] body .back-top {
	left: 96%;
}

body .back-top a {
	display: block;
	text-align: center;
	transition: 2s;
}

body .back-top span {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.8rem;
	display: block;
	margin-bottom: .4rem;
	background: var(--header-foreground-color);
	color: var(--header-bg-color);
	border-radius: 50%;
	transition: 1s;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.75);
}

body .right-panel-offcanvas {
	min-width: 30%;
	height: 100vh;
	top: 0;
	max-width: 95%;
	z-index: 5;
	padding: 0;
	background: var(--overlay-bg-color);
}

body .right-panel-offcanvas .overlayHeader {
	border-bottom: 1px solid var(--base-border-default);
}

body .right-panel-offcanvas .overlayHeader .headerTxt {
	color: var(--overlay-header-foreground-color);
	font-size: var(--overlay-header-font-size);
	font-weight: var(--overlay-header-font-weight);
}

[dir=rtl] body .right-panel-offcanvas .overlayHeader .headerTxt {
	padding-right: 20px;
}

[dir=ltr] body .right-panel-offcanvas .overlayHeader .headerTxt {
	padding-left: 20px;
}

[dir=ltr] body .right-panel-offcanvas .overlayHeader .icons,
[dir=rtl] body .right-panel-offcanvas .overlayHeader .icons {
	padding-top: 20px;
}

[dir=rtl] body .right-panel-offcanvas .overlayHeader .icons {
	padding-left: 20px;
}

[dir=ltr] body .right-panel-offcanvas .overlayHeader .icons {
	padding-right: 20px;
}

body .right-panel-offcanvas .overlayBody {
	background-color: var(--overlay-bg-color);
}

body .text-normal {
	font-weight: var(--base-font-weight-light);
}

body .small-icon {
	font-size: var(--base-font-size-large);
}

.back-link {
	line-height: var(--form-line-height);
}

.warning-container {
	background: var(--base-color-warning);
	line-height: 1.25rem;
	margin: .2rem .6rem;
}

[dir=rtl] .warning-container {
	border-right: .4rem solid var(--base-color-warning);
}

[dir=ltr] .warning-container {
	border-left: .4rem solid var(--base-color-warning);
}

.warning-container .warning-text {
	padding: .6rem 0;
}

.warning-container .warning-icon {
	color: var(--link-base);
	float: right;
	padding-top: .1rem;
}

[dir=rtl] .warning-container .warning-icon {
	float: left;
}

.warning-container a .icons {
	font-size: calc(var(--base-font-size-default) + .4rem);
}

.tooltip {
	min-height: 1.3rem;
	width: 21.9rem;
	background-color: var(--base-background-primary);
	padding: .8rem;
	display: none;
	z-index: 1;
	border: .05rem solid var(--base-border-default);
	color: var(--base-text-primary);
	letter-spacing: .025em;
}

.tooltip-section {
	line-height: 1.3rem;
}

.tooltip-section .span-label {
	color: var(--base-text-secondary);
	vertical-align: super!important;
}

.tooltip-section .icon-help {
	color: var(--link-base);
}

[dir=rtl] .tooltip-section .icon-help {
	margin-right: .3rem;
}

[dir=ltr] .tooltip-section .icon-help {
	margin-left: .3rem;
}

.status {
	white-space: nowrap;
}

.status.in-progress {
	color: var(--base-color-warning);
}

.status.processed {
	color: var(--base-color-success);
}

.status.deleted,
.status.expired,
.status.locked,
.status.rejected {
	color: var(--base-color-danger);
}

.tags {
	display: inline-block;
	padding: .2rem .3rem;
	font-size: var(--base-font-size-small);
	margin: .1rem 0;
	text-align: center;
	border-radius: .25rem;
	font-weight: var(--base-font-weight-light);
}

.header-container a {
	color: var(--header-foreground-color)!important;
}

.header-container .sticky {
	position: fixed;
	width: 100%;
	background: var(--base-color-secondary);
	z-index: 5;
	top: 0;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
}

.header-container .helpdesk-header-container {
	background: var(--base-background-tertiary);
	color: var(--base-text-secondary);
	display: flex;
	align-items: center;
}

[dir=rtl] .header-container .helpdesk-header-container__icon {
	padding-left: 3.8rem;
}

[dir=ltr] .header-container .helpdesk-header-container__icon {
	padding-right: 3.8rem;
}

[dir=rtl] .header-container .helpdesk-header-container__title {
	padding-right: 3.2rem;
}

[dir=ltr] .header-container .helpdesk-header-container__title {
	padding-left: 3.2rem;
}

.header-container .helpdesk-header-container-title__text {
	display: inline-block;
}

.header-container .fixed-header-container {
	display: flex;
	width: 100%;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	height: var(--header-height);
	border-bottom: 1px solid var(--header-border-bottom-color);
}

.header-container .fixed-header-container .logo-container .icon-menu {
	padding: 0;
	float: left;
}

[dir=rtl] .header-container .fixed-header-container .logo-container .icon-menu {
	float: right;
}

.header-container .fixed-header-container .logo-header-container {
	flex-grow: 1;
}

.header-container .comp-title {
	float: left;
	display: flex;
}

[dir=rtl] .header-container .comp-title {
	float: right;
	padding-right: 10px;
}

[dir=ltr] .header-container .comp-title {
	padding-left: 10px;
}

.header-container .icon-menu-bar {
	top: .2rem;
	position: relative;
	cursor: pointer;
	color: var(--base-color-secondary-text);
	font-size: calc(var(--base-font-size-default) + .6rem);
}

.header-container .icon-back-arrow {
	display: block;
	cursor: pointer;
	color: var(--header-foreground-color);
	float: left;
}

[dir=rtl] .header-container .icon-back-arrow {
	float: right;
}

.header-container .menu-bar-container {
	background: 0 0;
	float: left;
}

[dir=rtl] .header-container .menu-bar-container {
	float: right;
}

.header-container .header-nav-container {
	position: fixed;
}

.header-container .hamburger-icon path {
	fill: none;
	transition: stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);
	stroke-width: 2rem;
	stroke-linecap: round;
	stroke: var(--header-foreground-color);
	stroke-dashoffset: 0;
}

.header-container .hamburger-icon path.bottom,
.header-container .hamburger-icon path.top {
	stroke-dasharray: 240px 950px;
}

.header-container .hamburger-icon path.middle {
	stroke-dasharray: 240px 240px;
}

.header-container .hamburger-icon.cross path.bottom,
.header-container .hamburger-icon.cross path.top {
	stroke-dashoffset: -650px;
}

.header-container .hamburger-icon.cross path.middle {
	stroke-dashoffset: -115px;
	stroke-dasharray: 1px 220px;
}

.header-container .logo-container {
	height: 2.2rem;
}

[dir=rtl] .header-container .logo-container {
	padding-right: 10px;
}

[dir=ltr] .header-container .logo-container {
	padding-left: 10px;
}

.header-container .logo-container-medium {
	height: 1.5rem;
}

[dir=rtl] .header-container .logo-container-medium {
	padding-right: 10px;
}

[dir=ltr] .header-container .logo-container-medium {
	padding-left: 10px;
}

.header-container ul {
	padding: 0;
}

.header-container ul li a .icons {
	padding: 0 .4rem;
	font-size: var(--header-icon-size);
}

.header-container ul li a .icons :hover {
	color: var(--base-text-primary);
}

.header-container a .icons {
	color: var(--header-foreground-color)!important;
}

.header-container .notification-clear-all {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	background-color: var(--base-background-primary);
}

.header-container .notification-clear-all a {
	color: var(--link-base)!important;
	padding: .6rem;
}

.header-container .notification-clear-all a .icons {
	color: var(--link-base)!important;
}

.header-container .notification-clear-all.visible {
	height: 2rem;
}

.header-container .badge {
	line-height: 1.8;
	padding: 0 .3rem;
	margin: 0 0 0 -.9rem;
}

.fixed-header {
	color: var(--header-foreground-color);
	background: var(--header-bg-color);
	max-width: 100vw;
	z-index: 5;
}

.fixed-header ul {
	display: flex;
}

.fixed-header ul li {
	margin: auto 0;
	display: inline-flex;
	height: var(--header-icon-size);
	align-items: center;
}

.fixed-header ul li .welcomeUser {
	color: var(--header-foreground-color);
	font-weight: var(--header-font-weight);
	font-size: var(--header-font-size);
}

.fixed-header ul li .lastLogin {
	font-size: var(--base-font-size-small);
}

.fixed-header ul li .icon-arrow-down {
	font-size: var(--base-font-size-large);
	padding: 0 .4rem;
}

.fixed-header.sticky {
	position: fixed;
	width: 100%;
	top: 0;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
}

.fixed-header .logo-container {
	height: 2.2rem;
}

[dir=rtl] .fixed-header .logo-container {
	padding-left: 0;
}

[dir=ltr] .fixed-header .logo-container {
	padding-right: 0;
}

.fixed-header .logo-container-medium {
	height: 1.5rem;
}

[dir=rtl] .fixed-header .logo-container-medium {
	padding-right: 10px;
}

[dir=ltr] .fixed-header .logo-container-medium {
	padding-left: 10px;
}

[dir=rtl] .fixed-header .logo-header-container {
	padding-right: 10px;
}

[dir=ltr] .fixed-header .logo-header-container {
	padding-left: 10px;
}

.fixed-header>div:first-child {
	padding: .5rem;
}

.header-mailbox-launcher {
	width: 25.6rem;
	min-height: 10rem;
}

.header-profile-launcher {
	width: 20rem;
}

.header-profile-launcher ul {
	list-style: none;
	padding: 0;
}

.header-profile-launcher ul li {
	padding: .3rem 0;
}

.header-profile-launcher ul li:hover {
	background-color: var(--base-border-default);
}

.small-screen-header {
	--header-foreground-color: var(--default-header-foreground);
	--header-bg-color: var(--default-header-background);
	background: var(--header-bg-color);
}

.small-screen-header .welcome-text {
	font-weight: var(--base-font-weight-bold);
}

.inner-screen-header,
.large-screen-header {
	--header-foreground-color: var(--default-header-foreground);
	--header-bg-color: var(--default-header-background);
}

.header-container {
	max-width: 100vw;
	max-width: 100vw;
	z-index: 5!important;
	box-shadow: 0 1px 10px rgba(33,17,130,.25)!important;
	color: var(--header-foreground-color);
	background: var(--header-bg-color);
}

.content-inner-container {
	border-radius: 0 0 100px;
	text-align: center;
}

.main-outer-container {
	background: var(--header-bg-color);
}

.main-inner-container {
	height: 1rem;
	background: var(--app-background-bg-color);
}

.greetUser {
	color: var(--header-foreground-color)!important;
}

.back-arrow-class {
	color: var(--header-foreground-color);
}

.grid-main-container {
	max-width: 100%;
	background: var(--base-background-primary);
	box-shadow: none;
	color: var(--base-text-primary);
	font-size: var(--base-font-size-default);
	line-height: calc(var(--form-line-height) - .6rem);
}

.grid-main-container .label,
.grid-main-container label {
	font-size: var(--base-font-size-medium);
	color: var(--base-text-secondary);
	line-height: calc(var(--form-line-height) - 1.1rem);
}

.grid-main-container .description {
	font-size: var(--base-font-size-larger);
}

.grid-main-container .amount {
	font-size: var(--base-font-size-larger);
}

[dir=rtl] .grid-main-container .amount label {
	padding-left: .6rem;
}

[dir=ltr] .grid-main-container .amount label {
	padding-right: .6rem;
}

.grid-main-container .bal-amt-text {
	font-size: var(--base-font-size-default);
}

[dir=rtl] .grid-main-container .bal-amt-text label {
	padding-left: .6rem;
}

[dir=ltr] .grid-main-container .bal-amt-text label {
	padding-right: .6rem;
}

.grid-main-container .highlight-text {
	font-size: calc(var(--base-font-size-default) + .4rem);
}

.grid-main-container .activity-amt {
	font-size: var(--base-font-size-default);
	padding-bottom: .2rem;
}

[dir=rtl] .grid-main-container .activity-amt label {
	padding-left: .6rem;
}

[dir=ltr] .grid-main-container .activity-amt label {
	padding-right: .6rem;
}

.grid-main-container .activity-amt .credit,
.grid-main-container .activity-amt .debit {
	font-size: var(--base-font-size-larger);
}

.grid-main-container .activity-amt .debit {
	color: var(--base-color-danger);
}

.grid-main-container .select-all {
	font-size: var(--base-font-size-default);
}

.grid-main-container .oj-listview {
	border: 0!important;
}

.grid-main-container .oj-listview li {
	position: relative;
	padding: .6rem 0 0;
}

.grid-main-container .oj-listview li:first-child {
	border-top: 0;
}

.grid-main-container .oj-listview li .last-activity {
	position: absolute;
	bottom: .6rem;
}

[dir=rtl] .grid-main-container .oj-listview li .last-activity {
	left: 0;
}

[dir=ltr] .grid-main-container .oj-listview li .last-activity {
	right: 0;
}

.grid-main-container .oj-listview li .oj-flex {
	padding-bottom: 0;
}

.grid-main-container .oj-listview li .oj-flex .oj-flex-item {
	padding-bottom: .5rem;
}

.grid-main-container h3.heading {
	font-weight: var(--base-font-weight-regular);
	margin: 0 0 .6rem;
	padding-bottom: .3rem;
	border-bottom: .05rem solid var(--base-border-default);
}

.grid-main-container img.delete {
	height: 1.5rem;
	width: 1.5rem;
}

.form-main-container {
	background: var(--form-bg-color);
	padding: var(--form-padding);
	color: var(--form-foreground-color);
	font-size: var(--form-font-size);
	font-weight: var(--form-font-weight);
	height: 100%;
	box-sizing: border-box;
}

.form-main-container h1 {
	display: none;
}

.form-main-container.overlayBody {
	height: auto;
}

.form-main-container .form-main-container {
	padding: 0;
}

.form-main-container .icons.icon-help {
	font-size: calc(var(--base-font-size-default) + .4rem);
	color: var(--link-base);
}

.form-main-container .icons.icon-help:hover {
	color: var(--link-hover);
}

.form-main-container .row-group {
	padding-bottom: 1.4rem;
}

.form-main-container .row-group:last-of-type {
	padding-bottom: 0;
}

.form-main-container .add-profile-icon {
	height: 5.6rem;
	width: 5.6rem;
}

.form-main-container .disclaimer-container {
	background: var(--base-background-tertiary);
	border: .05rem solid var(--base-border-default);
	padding: 0 .6rem;
	margin-top: .6rem;
}

.form-main-container .disclaimer-container .disclaimer-text {
	font-size: var(--form-info-text-font-size);
	color: var(--form-info-txt-foreground-color);
	font-weight: var(--form-info-text-font-weight);
}

.hide-label,
.hide-label .label,
.hide-label label {
	font-size: 0!important;
}

.info-text {
	font-size: var(--form-info-txt-font-size);
	color: var(--form-info-txt-foreground-color);
	font-weight: var(--form-info-txt-font-weight);
	line-height: calc(var(--form-line-height) - .9rem);
}

.brand-color {
	color: var(--brand-text-primary)!important;
}

.highlight-text-1x {
	font-size: var(--base-font-size-large);
}

.highlight-text-2x {
	font-size: var(--base-font-size-larger);
}

.highlight-text-3x {
	font-size: var(--base-font-size-largest);
}

.disclaimer {
	font-size: var(--form-info-text-font-size)!important;
	color: var(--form-info-txt-foreground-color);
	font-weight: var(--form-info-text-font-weight);
}

a:hover .icons {
	color: var(--link-base);
}

.review-banner {
	border-radius: var(--review-banner-border-radius);
	background: var(--review-banner-bg-color);
	margin: 0 0 .5rem;
	padding: .6rem 0;
}

[dir=rtl] .review-banner {
	border-right: var(--review-banner-border-width) solid var(--review-banner-border-color);
}

[dir=ltr] .review-banner {
	border-left: var(--review-banner-border-width) solid var(--review-banner-border-color);
}

.review-banner__image img {
	height: 1.3rem;
}

.review-banner-content__header {
	font-size: var(--review-banner-font-size);
	color: var(--review-banner-foreground-color);
	font-weight: var(--review-banner-font-weight);
	display: inline-block;
	position: relative;
	bottom: .3rem;
	padding: .3rem;
}

.review-banner-content__message {
	padding: 0 1.6rem;
}

.footer {
	background: var(--footer-bg-color);
	line-height: calc(var(--form-line-height) - 1rem);
	color: var(--footer-foreground-color);
	font-size: var(--footer-font-size);
	font-weight: var(--footer-font-weight);
}

.help-panel {
	background: var(--help-panel-bg-color);
	color: var(--help-panel-foreground-color);
	font-size: var(--help-panel-font-size);
	font-weight: var(--help-panel-font-weight);
	border-radius: var(--help-panel-border-radius);
	border-width: var(--help-panel-border-width);
	border-color: var(--base-border-default);
}

.help-panel .help-content-title {
	color: var(--help-panel-header-foreground-color);
	font-size: var(--help-panel-header-font-size);
	font-weight: var(--help-panel-header-font-weight);
	text-align: center;
}

.help-panel .help-content .help-item img {
	width: var(--help-panel-icon-size);
	margin: 0 0 0 calc(50% - var(--help-panel-icon-size)/ 2);
	float: left;
	height: 2.5rem;
}

[dir=rtl] .help-panel .help-content .help-item img {
	margin: 0 calc(50% - var(--help-panel-icon-size)/ 2) 0 0;
	float: right;
}

.oj-popup.keyboard-popup {
	width: 688px;
}

.ANON a,
.ANON a:focus,
.ANON a:hover,
.ANON a:visited {
	font-weight: var(--base-font-weight-regular);
}

body .oj-offcanvas-outer-wrapper .main-menu.oj-offcanvas-start {
	position: fixed;
}

#form121-warning-container {
	background-color: #ffe1cc;
}

#form121-warning-container .form121-marquee-viewport {
	overflow: hidden;
	white-space: nowrap;
}

#form121-warning-container .form121-marquee {
	animation: 10s linear infinite form121-warning-marquee;
	display: inline-block;
	min-width: 100%;
	white-space: nowrap;
	will-change: transform;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

#form121-warning-container .blinker-text-color {
	color: #292929;
	font-weight: 700!important;
	display: inline-block;
	white-space: nowrap;
	overflow: visible;
}

#form121-warning-container .form121-marquee:focus,
#form121-warning-container .form121-marquee:hover {
	animation-play-state: paused;
}

.elite .se-pre-con.load-bar .bar:nth-child(1) {
	background-color: #000;
}

.elite .se-pre-con.load-bar .bar:nth-child(2) {
	background-color: #fda500;
}

.elite .entity-switch-container .entity-switch {
	background: linear-gradient(to var(--top-header-gradient-direction),var(--base-color-bandhan-black),var(--base-color-bandhan-black));
}

.elite .entity-switch-container .oj-button .oj-button-icon {
	color: var(--base-color-bandhan-white);
}

.elite .nav-bar-container .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content>.oj-navigationlist-item-label {
	font-weight: var(--base-font-weight-bold);
}

.elite .nav-bar-container .oj-navigationlist-item.oj-hover:not(.oj-selected) {
	background-color: var(--base-color-bandhan-light-gray);
}

.elite .nav-bar-container .oj-navigationlist-item.oj-hover:not(.oj-selected) a.oj-navigationlist-item-content>.oj-navigationlist-item-label {
	font-weight: var(--base-font-weight-regular);
}

.cz-header-title-height {
	height: 100%;
}

:root :focus {
	outline: 0;
}

:root .header-container {
	--oj-text-field-min-width: 20rem;
}

:root .docked-menu {
	--oj-navigation-list-item-label-color-default: var(--base-text-secondary);
	--oj-navigation-list-horizontal-font-size: var(--base-font-size-nav);
	--base-font-size-nav: 1rem;
	--base-font-size-default: 1.3rem;
	--oj-navigation-list-horizontal-item-label-color-default: var(#004880);
}

.action-button-cta,
.action-button-primary,
.action-button-secondary,
.action-button-tertiary,
.help-button {
	opacity: 100%!important;
}

.accounts-overview-launcher.oj-menu-dropdown.oj-component {
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.15)!important;
	padding: 10px;
}

.accounts-overview-launcher .oj-menu-item>a {
	height: 2rem!important;
	display: flex;
	align-items: center;
	font-size: 12px!important;
	padding: 0!important;
}

.accounts-overview-launcher .option-divider {
	display: block;
	margin-top: 1px!important;
	border-bottom: 1px solid #d9d9d9;
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 0;
}

.header-container-min-height {
	min-height: 0!important;
}

.dashboard-main-content-inner-container {
	position: relative;
	overflow: hidden;
}

.componentShutterImageContainer {
	position: absolute;
	bottom: 10px;
	left: -3px;
}

.componentLayerImageContainer {
	position: fixed!important;
	bottom: 0!important;
	right: 0!important;
}

.componentLayerImageContainer2 {
	position: fixed;
	bottom: 0;
	right: 0;
	pointer-events: none;
}

#language-switcher svg+span {
	padding-left: .5rem;
}

#language-switcher button {
	background-color: var(--header-bg-color);
	color: var(--oj-button-borderless-chrome-text-color);
}

.notification-span {
	color: var(--oj-button-borderless-chrome-text-color);
}

.search-normal-icon {
	height: 26px!important;
}

.search-container {
	display: flex;
	align-items: center;
	position: relative;
}

.search-icon-label {
	cursor: pointer;
	transition: transform .3s;
}

.search-icon {
	height: 20px;
	margin-right: 4px;
}

.search-combobox {
	opacity: 0;
	transform: translateY(-20px);
	transition: .3s;
	pointer-events: none;
	visibility: hidden;
	display: none;
}

.search-combobox.show {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	pointer-events: auto;
	display: block;
}

.search-combobox.show-mobile {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	pointer-events: auto;
	display: block;
	position: absolute;
	top: 42px;
	z-index: 1;
	left: -200px;
	background-color: #eee;
}

.search-combobox.show-mobile input {
	margin-left: 5px;
}

.search-icon-label.shift-left {
	transform: translateX(-10px);
}

.oj-filmstrip-arrow oj-default oj-enabled oj-end oj-filmstrip-arrow-transition {
	display: none;
}

.oj-filmstrip-container .oj-filmstrip-item-container,
.oj-filmstrip-container .oj-filmstrip-page,
.oj-filmstrip-container .oj-filmstrip-pages-container {
	flex-basis: 0%;
}

.oj-filmstrip-arrow-container .oj-end,
.oj-filmstrip-arrow-container .oj-start {
	display: none;
}

#main_android_div {
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

#carousel {
	width: 100%;
}

#carousel_container {
	display: flex;
	justify-content: center;
}

#carousel_container1 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

#image_container {
	height: 300px;
	width: 374px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.mobLandingCarousel .outer-container {
	background: var(--app-component-container-bg-color);
}

.mobLandingCarousel .oj-pagingcontrol-nav-dot-bullet.oj-selected.oj-active {
	background-color: var(--oj-button-solid-chrome-bg-color);
}

.mobLandingCarousel .oj-pagingcontrol-nav-dot-bullet {
	background-color: var(--app-component-container-bg-color);
	border-width: 0!important;
}

#text_container_login,
#text_container_login_ios {
	text-align: center;
	background: #fff;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	width: 100%;
	margin-top: 107px;
	z-index: 1;
}

#title_login_mob {
	padding-top: 40px;
	margin-bottom: 12px;
	color: #004880;
	font-size: 24px;
	line-height: 130%;
}

#para {
	margin-bottom: 14px;
	color: #4b4b4b;
	font-size: 18px;
}

#button_container,
#button_container_ios {
	background-color: #fff;
	padding: 32px 24px 0 32px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

#getStarted {
	margin-top: 0;
	width: 100%;
	justify-content: center;
}

#oj_button {
	width: 100%;
	max-width: 328px;
	border-radius: 10px;
	height: 47px;
	size: 15px;
}

#medium_container {
	max-width: 100%;
	width: 100%;
	height: 850px;
	object-fit: contain;
}

#large_title,
#medium_title {
	margin-bottom: 12px;
	color: #036;
	font-size: 1.4rem;
}

#large_para,
#medium_para {
	margin-bottom: 14px;
	color: #555;
}

#large_container {
	max-width: 100%;
	width: 100%;
	height: 800px;
	object-fit: contain;
}

#containn {
	text-align: center;
}

#main_container {
	flex-shrink: 0;
}

.carousel-img-1,
.carousel-img-1-ios {
	position: absolute;
	bottom: 170px;
	height: 353px;
	right: -77px;
}

.carousel-img-2,
.carousel-img-2-ios {
	position: absolute;
	bottom: 138px;
	height: 364px;
}

.carousel-img-3,
.carousel-img-3-ios {
	position: absolute;
	bottom: 150px;
	height: 414px;
}

.obdx-carousel-container .paging-main-container {
	height: 0;
}

.button_landing button {
	border-radius: 14px;
}

.bgChangesMobAppContainer {
	background-color: var(--app-component-container-bg-color);
}

.hideRequiredLabel .oj-required-inline-container {
	display: none;
}

.hideRequiredLabel .oj-text-field-container {
	border-radius: 5px;
	border-width: 1px;
}

.login-form-eye-icon-container {
	position: relative;
}

.login-form-eye-icon-span {
	position: absolute;
	top: 42px;
	right: 5%;
}

.loginButtonContainerMobile oj-button {
	border-radius: .5rem;
}

.loginButtonContainerMobile oj-button button {
	border-radius: inherit;
}

.orLine {
	flex-grow: 1;
	height: 1px;
	background-color: var(--or-separator-color);
}

.orContainer {
	text-align: center;
}

.orText {
	color: var(--or-separator-color);
}

.bgChangesMobApp {
	border-radius: 20px 20px 0 0;
}

.virtualInputPswd oj-input-password {
	max-width: 100%;
	width: 100%!important;
}

.virtualInputPswd oj-label {
	margin-bottom: 8px;
}

.loginFormMobileInputPad input {
	padding-left: .5rem;
}

#continueButton:last-child {
	margin-left: 0;
}

#continueButton {
	opacity: 100%!important;
}

.simHeading {
	font-weight: 800;
	font-size: 18px;
	line-height: 140%;
	color: #0a3152;
}

.sim-image-container {
	margin: auto;
}

.sim-image-background {
	height: 20vh;
	display: block;
}

.sim-content-overlay {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 10;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background: #fff0;
}

.sim-content-overlay oj-label,
.sim-content-overlay oj-radioset {
	border-radius: 8px;
}

.sim-selection-radioSet div:nth-child(1),
.sim-selection-radioSet span:nth-child(1),
.sim-selection-radioSet span:nth-child(2) {
	flex-direction: row;
	display: flex;
	margin: auto;
}

.sim-selection-radioSet span:nth-child(1) .oj-radiocheckbox-icon {
	color: #fff!important;
	position: absolute;
	left: 5%;
	top: 10%;
	z-index: 10;
	display: flex;
	height: 5vh;
	align-items: start;
	font-size: 18px;
	outline: 0;
}

.sim-selection-radioSet span:nth-child(2) .oj-radiocheckbox-icon {
	color: #004880!important;
	position: absolute;
	left: 5%;
	top: 10%;
	z-index: 10;
	display: flex;
	height: 5vh;
	align-items: start;
	font-size: 18px;
}

.sim-modal .oj-dialog-body {
	padding: 15px;
	background-color: #fff;
	border-radius: 12px;
}

.debitCardDialogWindow .oj-dialog-body,
.filterDialogBoxDialogWindow .oj-dialog-body {
	padding: 0 16px!important;
}

.sim-modal .sim-image-container {
	padding: 10px 0;
}

.sim-modal .oj-button {
	width: 100%;
}

#simBindingModal {
	min-width: 200px;
	width: 100%!important;
	left: 0!important;
	height: auto;
	top: auto!important;
	position: fixed;
	bottom: 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#acknowledgement-small,
#confirmEditFDCordova,
#confirmFDCordova,
#confirmRDCordova,
#disclaimer-small,
#favouritePayee-small,
#ifscCodeListModal-small,
#ifscCodeLookupModal-small,
#noTransferToNreAccount-small,
#payeeExists-small,
#payeeLimit-small,
#reloadConfirmation,
#sureToExit-small {
	inset: auto auto 0 auto!important;
}

.sim-option-card {
	position: relative;
	width: 120px;
	height: 160px;
	border-radius: 1px 0 1px 1px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	transition: transform .2s ease-in-out;
	cursor: pointer;
}

.sim-option-card:hover {
	transform: scale(1.05);
}

.sim-card-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	z-index: 1;
	filter: brightness(.85);
}

.sim-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.setSims {
	font-size: 14px;
	font-weight: 600;
}

.sim-option-card .oj-radioset .oj-selected {
	outline: #fffa solid 3px;
	box-shadow: 0 0 15px #fffc;
}

.sim-label1 {
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	display: block;
	color: #fff;
}

.sim-carrier1 {
	font-weight: 500;
	font-size: 11px;
	text-align: center;
	margin-top: 2px;
	display: block;
	color: #fff;
}

.sim-label2 {
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	display: block;
	color: #000;
}

.sim-carrier2 {
	font-weight: 500;
	font-size: 11px;
	text-align: center;
	margin-top: 2px;
	display: block;
	color: #707070;
}

.check-container {
	color: #004880;
	font-weight: 600;
	font-size: 14px;
}

.setWid {
	margin-left: 0;
}

.setWid button {
	border-radius: 10px;
}

.sim-img-wrapper {
	margin-bottom: .5rem;
}

.sim-card-image {
	width: 40px;
	height: auto;
}

.sim-text-info {
	text-align: center;
}

.simLabel {
	font-size: 14px;
}

.Agree {
	font-size: 13px;
	color: #707070;
}

.button-cz-height-radius {
	border-radius: 10px;
	height: 47px;
}

.verification-subheading {
	color: #4b4b4b!important;
}

.bandhan-dashboard-submenu li div span {
	font-weight: 600!important;
}

.oj-navigationlist-group-item div .oj-navigationlist-item-label,
.oj-new-class .oj-navigationlist-item-label {
	font-weight: 700!important;
}

.text-align-center {
	text-align: center;
}

.confirmation-prelogin-container .login-wrapper1 {
	padding: 15%;
	border-radius: 1rem;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.75);
	max-height: 450px;
	min-height: 350px;
	float: left;
	width: 65%;
	background: #fff;
}

.confirm-text-heading {
	font-weight: 800;
	font-size: 32px;
	line-height: 130%;
	text-align: center;
	color: #0a3152;
}

.center {
	font-weight: 500;
	font-size: 17px;
	line-height: 140%;
	letter-spacing: 2%;
	text-align: center;
	color: #292929;
}

.cnfPrelgnBtn {
	height: 47px;
	border-radius: 10px;
}

#mobileMessageDialogBox_layer_overlay {
	display: none;
	outline: 0!important;
}

.blur-overlay,
.confirm-blur-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background-color: rgba(0,0,0,.5);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.bottom-drawer-dialog {
	z-index: 1000!important;
	position: fixed;
	bottom: 0!important;
	left: 0;
	right: 0;
	width: 100%!important;
	max-width: 100%!important;
	margin: 0!important;
	border-radius: 28px 28px 0 0!important;
	border: none!important;
	box-shadow: 0 -4px 16px rgba(0,0,0,.1)!important;
	background: #fff;
	top: auto!important;
	outline: 0!important;
}

.bottom-drawer-nominee-dialog {
	z-index: 1000!important;
	position: fixed;
	bottom: 0!important;
	left: 0;
	right: 0;
	width: 100%!important;
	max-width: 100%!important;
	margin: 0!important;
	border-radius: 28px 28px 0 0!important;
	border: none!important;
	box-shadow: 0 -4px 16px rgba(0,0,0,.1)!important;
	background: #fff;
	outline: 0!important;
	min-height: auto;
	max-height: 40rem;
	top: auto!important;
}

.bottom-drawer-dialog-post-login {
	z-index: 1000!important;
	position: fixed;
	bottom: 0!important;
	left: 0;
	right: 0;
	width: 100%!important;
	max-width: 100%!important;
	margin: 0!important;
	border-radius: 16px 16px 0 0!important;
	border: none!important;
	box-shadow: 0 -4px 16px rgba(0,0,0,.1)!important;
	background: #fff;
	top: auto!important;
}

#mobileMessageDialogBox {
	inset: auto auto 0 auto!important;
	transition: transform .3s!important;
}

.bapConfirmationPopup-small oj-button,
.beneNameValidationFailAdhoc-small oj-button,
.beneficiaryFetchedPopup-small oj-button,
.mobile-msg-box-detection-container oj-button,
.waitingPopBeneNameValidationAdhoc-small oj-button {
	border-radius: .5rem;
	height: 44px;
}

.mobile-msg-box-detection-container oj-button button {
	border-radius: inherit;
}

.mobile-msg-box-detection-sub-container {
	padding: 0;
	text-align: center;
}

.swipe-handle {
	width: 48px;
	height: 4px;
	background-color: #ccc;
	position: fixed;
	margin: 12px auto 0;
	border-radius: 4px;
}

.mobile-msg-box-error-title {
	font-size: 18px;
	font-weight: 900;
	color: #193d5c;
	max-width: 56%;
}

.mobile-msg-box-error-message {
	font-size: 14px;
	color: #666;
	max-width: 80%;
}

.mobile-msg-box-error-actions {
	gap: 12px;
}

#retryButton .oj-button-button {
	outline: 0;
}

.mobile-msg-box-error-actions .oj-button {
	display: block;
}

.unlock-banking-success .oj-button {
	font-size: 12px;
}

.verification-container {
	background-color: #fff;
	border-radius: 12px 12px 0 0;
}

.success-icon-circle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #e8f5e9;
	margin-left: auto;
	margin-right: auto;
}

.verification-heading {
	text-align: center;
	max-width: 90%;
	font-size: 20px;
	font-weight: 900;
	color: #193d5c;
}

.verification-steps-container {
	gap: 16px;
}

.verification-step {
	gap: 12px;
}

.step-indicator {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	flex-shrink: 0;
}

.step-indicator.complete {
	background-color: #4caf50;
	position: relative;
}

.step-indicator.complete::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 6px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	top: 6px;
	left: 5px;
}

.step-indicator.in-progress {
	background: conic-gradient(from 90deg,rgba(34,80,136,.8751) 0deg,#1c477c 1.60116deg,#5297e2 211.125deg,rgba(82,151,226,.63) 306.802deg,rgba(255,255,255,0) 348.78deg,rgba(34,80,136,.8751) 360deg);
	mask: radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
	animation: 1s linear infinite spin;
}

.step-indicator.pending {
	border: 2px solid #e0e0e0;
}

.verification-step-text {
	color: #212121;
	font-size: 14px;
}

.step-complete {
	font-weight: 500;
}

#empty-bg-mb-hero-img {
	position: fixed;
	top: 0;
	display: none;
	background-color: #cce8eb;
}

.success-msg-with-check-icon-container {
	gap: 8px;
}

.icon-wrapper {
	position: relative;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-top: 3px;
}

.confirmation-check-bg-icon {
	height: 20px;
	display: block;
}

.confirmation-check-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 11px;
	transform: translate(-50%,-50%);
}

.confirmation-success-text {
	font-size: 1rem;
	line-height: 1.2;
	max-width: 295px;
	letter-spacing: .24px;
	color: #28a745;
}

.modal-window-message-box-message__item {
	padding: .2rem 0;
}

.modal-window-message-box-message__items {
	padding: .2rem 0;
	text-align: center;
}

.iconbutton123 {
	padding-left: 2rem;
}

.modal-window-message-box__buttons {
	text-align: center;
	display: block!important;
	margin-left: -2rem;
}

#messageboxmodalWindow.modal-window .modal-window-viewport {
	position: relative;
	z-index: 2000000;
}

.error-content-container {
	text-align: center;
	position: relative;
}

.close-icon {
	position: absolute;
	top: 62px;
	z-index: 1;
	right: 31px;
	color: #0072ce;
	font-size: 20px;
	text-decoration: none;
}

.error-image-container {
	background-color: #e9f8f8;
	height: 13rem;
}

.notification-bubble {
	position: absolute;
	top: -12px;
	right: 18px;
}

#message-box-browser .modal-body-content {
	max-height: 100%;
	padding: 0;
}

.message-box-browser .modal-container__header {
	display: none;
}

.message-box-browser .modal-window-message-box {
	position: relative;
}

.message-box-browser .close-icon {
	position: absolute;
	top: 26px;
	right: 26px;
}

#message-box-browser .modal-container {
	border-radius: 16px;
	border: #fff0;
}

.error-image-inner-container {
	position: relative;
}

.message-box-browser .icon-cross {
	font-size: 12.38px;
}

.msg-box-error-title {
	font-weight: 800;
	color: #0a3152;
	max-width: 86%;
}

.msg-box-error-message {
	color: #292929;
	font-weight: 500;
	letter-spacing: .32px;
	line-height: 22.4px;
	max-width: 76%;
}

.error-msg-bandhan-img {
	position: absolute;
	top: 61px;
	left: 98px;
}

.heading-view-bal {
	font-size: 17px;
	font-weight: 800;
	color: #0a3152;
	margin-bottom: 1rem;
	font-family: Manrope;
}

.mobile-msg-box-error-content .by-mode-error {
	width: 59%;
}

.close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	background: 0 0!important;
	border: none!important;
	font-size: 20px;
	cursor: pointer;
}

.close-button :nth-child(1) {
	background: 0 0!important;
	border: none!important;
	color: #000;
}

.mobile-msg-box-errormsg-bold {
	font-weight: 700;
	color: #4b4b4b;
}

.ios-get-started-msg {
	color: #4b4b4b!important;
}

.mobile-msg-box-error-message-error-screen {
	font-weight: 700;
	color: #292929;
}

#okayButton,
.webButton {
	outline: 0;
	width: 30%;
}

#okayButton button {
	border-radius: 12px;
}

.webButton button {
	border-radius: 12px;
}

.web-msg-box-error-title {
	font-size: 25px;
	font-weight: 900;
	color: #193d5c;
	max-width: 56%;
}

#gotToOnlineBankingButton {
	height: 15vh;
	background-color: #daefff!important;
	color: #000;
	border-radius: 12px;
	gap: 17px;
	margin: auto!important;
	text-align: start;
}

#gotToOnlineBankingButton button {
	outline: 0;
	border-color: #fff0;
}

#gotToOnlineBankingButton .msg-box-error-button-title {
	font-size: 20px;
	font-weight: 900;
	color: #193d5c;
	max-width: 56%;
}

.web-msg-box-error-title-kyc,
.web-msg-box-error-title-unlock-banking {
	font-size: 23px;
	font-weight: 900;
	color: #193d5c;
	max-width: 56%;
}

.mobile-msg-box-error-button-message {
	font-size: 14px;
	color: #0a3152;
	max-width: 80%;
}

.mobile-msg-box-error-button-icon {
	height: 6vh;
}

.mobile-msg-box-error-button-img {
	width: 40%;
	height: 40%;
}

#addpayeeModalCordova .oj-dialog-header,
#alternateLoginDialog .oj-dialog-header,
#beneficiaryFetchedPopup-small .oj-dialog-header,
#confirmEditFDCordova .oj-dialog-header,
#confirmFDCordova .oj-dialog-header,
#confirmRDCordova .oj-dialog-header,
#confirmScreenDialog .oj-dialog-header,
#deletePayeeModalCordova .oj-dialog-header,
#downloadSuccess .oj-dialog-header,
#editNicknameModalCordova .oj-dialog-header,
#highAmountBeneTransferWarningModalWindow-small .oj-dialog-header,
#mobileMessageDialogBox .oj-dialog-header,
#quickTransferRedirectModal-small .oj-dialog-header,
#reloadConfirmation .oj-dialog-header,
#simBindingModal .oj-dialog-header,
#successDeleteModalCordova .oj-dialog-header,
#successNicknameModalCordova .oj-dialog-header,
#verifyloader-small .oj-dialog-header,
.postLoginModalHeaderRemover .oj-dialog-header {
	display: none;
}

.cz-mobile-page-section-header .page-section-container h3 {
	color: var(--colors-Bandhan-Dark-Blue);
	font-size: 18px;
	font-style: normal;
	font-weight: 900;
	line-height: 140%;
	letter-spacing: -.18px;
}

#addNREaccount-small,
#confirmRecurringPayment-small,
#confirmScreenDialog,
#debitCardDialogWindow,
#filterDialogBoxDialogWindow,
#highAmountBeneTransferWarningModalWindow-small,
#incompleteNomineeDetailsModal-small,
#quickTransferRedirectModal-small,
#simBindingModal,
#stopRecurringPayment-small,
#txnCoolLimitsModal-small,
#txnLimitsModal-small,
#verifyloader-small {
	inset: auto auto 0 auto!important;
}

.menu-new-profile-section .menu-new-user-full-name {
	font-size: 20px!important;
}

.menu-new-profile-section .menu-new-view-profile {
	color: var(--base-color-bandhan-dark-blue);
}

.menu-new-profile-section .menu-new-profile-section-avatar .oj-avatar-initials {
	border-radius: 50%;
	height: 30px;
	width: 30px;
	padding: 20px;
	background: #ffebc6;
	color: #a48662;
	font-size: 20.987px;
	font-weight: 700;
	text-align: center;
	position: unset;
}

.menu-cross-button {
	color: #282828!important;
	font-size: 18px;
}

.menu-new-profile-section .menu-new-profile-section-custId {
	color: #707070;
}

.default-icon {
	display: inline-block;
	transition: opacity .3s;
}

.hover-icon {
	display: none;
	transition: opacity .3s;
}

.oj-expanded .default-icon {
	display: none;
}

.oj-expanded .hover-icon {
	display: inline-block;
}

.oj-offcanvas-glasspane-dim {
	z-index: 2;
}

.cancelButton {
	display: flex;
	width: 188px;
	height: 48px;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 12px;
	border: 1px solid #004880;
}

.cancelButtonSm {
	display: flex;
	width: 159px;
	height: 42px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 10px;
	border: 1px solid #004880;
}

.continueButton {
	display: flex;
	width: 188px;
	height: 48px;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 12px;
	background: var(--colors-Bandhan-Blue,#004880);
}

.continueButtonSm {
	display: flex;
	width: 159px;
	height: 42px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 10px;
	background: var(--colors-Bandhan-Blue,#004880);
}

.cancelButtonText {
	color: #004880;
}

.post-login-popup-btn {
	border-radius: 12px;
	border: 1px solid #004880;
	height: 42px;
}

.logoutText {
	color: var(--colors-Bandhan-Dark-Blue,#0a3152);
	text-align: center;
	font-family: Manrope;
	font-size: 20px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%;
	letter-spacing: -.4px;
}

.new-capsule-header-common {
	margin: 0;
	padding: 0!important;
	display: flex!important;
	width: 100%!important;
}

.new-capsule-header {
	background-color: var(--form-bg-color);
	border-radius: 50px;
	margin-top: 5px!important;
	margin-left: 10px!important;
	margin-right: 10px!important;
}

.white-container {
	display: flex;
	align-items: flex-start;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 34px 0 rgba(12,12,12,.08);
}

.android-ios-white-container {
	border-radius: 20px 20px 0 0;
	background: #fff;
}

.cz-tab-flow-white-container {
	border-radius: 10px 10px 0 0!important;
}

.border-Mob {
	border-radius: 20px 20px 0 0!important;
}

.form-main-container .navigation-container-web {
	background: #fff;
	box-shadow: 0 0 34px 0 #0c0c0c14;
	border-radius: 10px;
}

.form-main-container .widget-label,
.widget-label1 {
	text-align: center;
	font-weight: 500;
	font-size: 12px;
	color: #000;
}

.form-main-container .navigation-container-web .headingTitle {
	color: #0a3152;
	font-weight: 800;
	font-size: 20px;
}

.form-main-container .navigation-container-web .viewInterest {
	font-size: 13px!important;
	font-weight: 600!important;
}

.carousel-wrapper *,
.form-main-container .fd-carousel-widget .carousel-wrapper {
	overflow-x: clip!important;
	border-radius: 10px!important;
}

.form-main-container .fd-carousel-widget .oj-filmstrip-container img {
	width: 100%;
	box-shadow: 0 0 34px 0 #00000014;
	border-radius: 10px;
	overflow-x: hidden!important;
}

.form-main-container .fd-carousel-widget .oj-pagingcontrol-nav-pages-links .oj-selected .oj-pagingcontrol-nav-dot-bullet {
	background-color: #004880;
	width: 12px;
	height: 12px;
	border-width: none!important;
}

.form-main-container .fd-carousel-widget .oj-pagingcontrol-nav-pages-links .oj-pagingcontrol-nav-dot-bullet {
	background-color: #00488026;
	border: none;
}

.flow-button-custom-class {
	display: flex;
	width: 188px!important;
	height: 48px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 12px;
}

.oj-choice-item.oj-focus-highlight .oj-radiocheckbox-icon,
oj-button .oj-button-button {
	outline: 0!important;
}

.oj-hybrid-applayout-page {
	background-color: unset!important;
}

.oj-hybrid-applayout-page .header-container {
	box-shadow: unset!important;
}

.oj-hybrid-applayout-page .header-container .fixed-header-container,
.oj-hybrid-applayout-page .oj-hybrid-applayout-header {
	border-bottom: unset!important;
}

.menu-item-img .oj-navigationlist-item {
	border-width: 0!important;
}

.menu-item-img .oj-navigationlist-collapse-icon::before {
	font-family: obdx!important;
	content: "\e015"!important;
	font-size: var(--base-font-size-default)!important;
}

.menu-item-img .oj-navigationlist-expand-icon::before {
	font-family: obdx!important;
	content: "\e018"!important;
	font-size: var(--base-font-size-default)!important;
}

.avatar-circle .oj-avatar .oj-avatar-background-image {
	background-image: none!important;
}

.avatar-circle .oj-avatar {
	border-radius: 50%!important;
	background-color: #c0e7ff!important;
	background-image: none!important;
	color: #5783a6!important;
}

.addNewNominee {
	color: #004880!important;
	font-weight: 600!important;
	text-align: center!important;
}

.addNewNominee::before {
	content: url({images}/Deposit/plusIcon.svg)!important;
	display: inline-block!important;
	vertical-align: middle!important;
}

.noNominee {
	font-size: 14px!important;
	font-weight: 600!important;
	font-style: normal!important;
	color: #333!important;
	text-align: center!important;
}

#lovDropdown_nomineeSelect {
	width: 500px!important;
}

.relationStyle {
	background: #def0fc!important;
	border-radius: 2px!important;
	font-size: 12px!important;
	font-weight: 500!important;
}

.roiStyle {
	color: #004880!important;
	font-size: 14px!important;
	font-weight: 400!important;
}

.tenureStyle {
	color: #161513!important;
	font-size: 14px!important;
	font-weight: 400!important;
}

.mb-border-none {
	border: var(--nav-default-border);
}

.main-heading {
	font-size: 17px!important;
}

.container1 {
	gap: 8px;
	z-index: 1;
}

.container2 {
	gap: 12px;
	z-index: 1;
}

#lovDropdown_payeeAccountSelect_layer_overlay,
.reviewContainerZindexOne {
	z-index: 0!important;
}

#filterDialogBoxDialogWindow .cancelButton,
#filterDialogBoxDialogWindow .continueButton {
	border: none!important;
}

#filterDialogBoxDialogWindow .oj-inputdatetime-input-container {
	border: 1px solid #7fa1bc;
}

#filterDialogBoxDialogWindow .oj-text-field-input {
	padding-left: 8px!important;
}

#filterDialogBoxDialogWindow .oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
	border-radius: 10px;
	height: 24px;
	border: 1px solid #004880;
}

#filterDialogBoxDialogWindow .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-default {
	border: .5px solid #004880;
	border-radius: 10px;
	height: 24px;
}

#filterDialogBoxDialogWindow .oj-dialog-header,
#filterDialogBoxDialogWindow .oj-dialog-title {
	display: none;
}

#filterDialogBoxDialogWindow .modalTitle {
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%;
	letter-spacing: -.32px;
	color: #0a3152;
}

#filterDialogBoxDialogWindow .raiseDisputeAccount .oj-label {
	padding-bottom: 8px;
	padding-top: 0;
	padding-inline: 0;
}

#filterDialogBoxDialogWindow .oj-button-toggle .oj-button-text {
	padding-block: 8px;
	padding-inline: 10px;
	font-weight: 500;
	font-size: 11px;
}

#filterDialogBoxDialogWindow .action-button-tertiary {
	margin: 0;
}

#filterDialogBoxDialogWindow .oj-dialog-body,
#filterDialogBoxDialogWindow .oj-dialog-content {
	position: static!important;
	overflow: hidden!important;
}

#filterDialogBoxDialogWindow .oj-flex-item {
	padding-inline: 0;
}

#filterDialogBoxDialogWindow .dateContainer {
	display: flex;
	justify-content: space-evenly;
}

#filterDialogBoxDialogWindow .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-selected {
	height: 24px;
	border-radius: 10px;
}

#filterDialogBoxDialogWindow .font-size-info-container,
#filterDialogBoxDialogWindow .titleText {
	font-size: 13px!important;
}

#filterDialogBoxDialogWindow .oj-button-text {
	font-weight: 600!important;
}

#debitCardDialogWindow .continueButton {
	border: none!important;
}

#debitCardDialogWindow .oj-inputdatetime-input-container {
	border: 1px solid #7fa1bc;
}

#debitCardDialogWindow .oj-text-field-input {
	padding-left: 8px!important;
}

#debitCardDialogWindow .oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
	border-radius: 10px;
	height: 24px;
	border: 1px solid #004880;
}

#debitCardDialogWindow .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-default {
	border: .5px solid #004880;
	border-radius: 10px;
	height: 24px;
}

#debitCardDialogWindow .oj-dialog-header,
#debitCardDialogWindow .oj-dialog-title {
	display: none;
}

#debitCardDialogWindow .modalTitle {
	font-family: Manrope;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%;
	letter-spacing: -.32px;
	color: #0a3152;
}

#debitCardDialogWindow .raiseDisputeAccount .oj-label {
	padding-bottom: 8px;
	padding-top: 0;
	padding-inline: 0;
}

#debitCardDialogWindow .oj-button-toggle .oj-button-text {
	padding-block: 8px;
	padding-inline: 10px;
	font-weight: 500;
	font-size: 11px;
}

#debitCardDialogWindow .action-button-tertiary {
	margin: 0;
}

#debitCardDialogWindow .oj-dialog-body,
#debitCardDialogWindow .oj-dialog-content {
	position: static!important;
	overflow: hidden!important;
}

#debitCardDialogWindow .oj-flex-item {
	padding-inline: 0;
}

#debitCardDialogWindow .dateContainer {
	display: flex;
	justify-content: space-evenly;
}

#debitCardDialogWindow .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-selected {
	height: 24px;
	border-radius: 10px;
}

#debitCardDialogWindow .font-size-info-container,
#debitCardDialogWindow .titleText {
	font-size: 13px!important;
}

#debitCardDialogWindow .oj-button-text {
	font-weight: 600!important;
}

#debitCardDialogWindow .button-row {
	gap: 12px;
}

#debitCardDialogWindow .raiseDisputeAccountDcMob .oj-text-field-middle {
	padding: 0 12px!important;
}

#debitCardDialogWindow .raiseDisputeAccountDcMob .oj-text-field-container input {
	color: #828282!important;
}

#favouritePayee-small .img {
	width: 100%;
	height: 100%;
	position: relative;
}

#favouritePayee-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	margin-inline: 32px;
}

#favouritePayee-small .description {
	color: #292929;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-inline: 32px;
}

#favouritePayee-small .oj-button {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}

#favouritePayee-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#favouritePayee-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#favouritePayee-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#favouritePayee-small .content-section {
	padding-top: 22px!important;
	padding-bottom: 38px!important;
	row-gap: 20px;
	padding-inline: 0;
}

#favouritePayee-small .oj-dialog-body {
	padding: 0;
}

#favouritePayee-small .oj-dialog-header {
	display: none;
}

#favouritePayee-small .button-section {
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-inline: 16px;
	justify-content: center;
}

#favouritePayee-small .button-section .button1 {
	border-color: #004880;
	background-color: #fff;
	color: #004880;
	display: flex;
	width: 159px;
	height: 42px;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}

#favouritePayee-small .button-section .button2 {
	border: 1px solid #004880;
	background-color: #004880;
	color: #fff;
	display: flex;
	width: 159px;
	height: 42px;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}

#favouritePayee-small .button-section .single-button {
	border: 1px solid #004880;
	background-color: #004880;
	color: #fff;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}

#favouritePayee-small .cross-icon {
	position: absolute;
	right: 5%;
	top: 10%;
}

.oj-select-choice {
	color: #000!important;
}

oj-select-one .oj-listbox-results .oj-select-choice,
oj-select-one [id^=oj-listbox-results-] .oj-select-choice,
oj-select-one [id^=oj-searchselect-results-] .oj-select-choice,
oj-select-single .oj-listbox-results .oj-select-choice,
oj-select-single [id^=oj-listbox-results-] .oj-select-choice,
oj-select-single [id^=oj-searchselect-results-] .oj-select-choice {
	color: inherit!important;
}

.knowCustomer:hover {
	font-weight: 600!important;
}

.oj-train-button.oj-disabled .oj-train-button-text {
	color: #707070!important;
}

.oj-listbox-results li {
	color: #000!important;
	padding-left: 1rem;
}

#txnCoolLimitsModal-small .oj-dialog-header,
#txnLimitsModal-small .oj-dialog-header {
	display: none;
}

.section-header .heading {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.3;
	margin: 0;
	color: #0a3152;
}

.modal-body-content .heading-2 {
	margin: 8px 0;
	font-size: 14px;
	font-weight: 700;
	color: #0a3152;
}

.section-header {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	color: #004880;
}

.section-header a {
	display: inline-block;
	background-color: transparent;
	border: none;
	padding: 5px;
	color: #004880;
	font-weight: 600;
	cursor: pointer;
}

a.close-icon {
	margin-top: -20px;
	color: #000;
}

.data-panel {
	padding: 14px 12px 0;
	margin: 16px 0;
	border-radius: 4px;
	border: 1px solid #7fa1bc;
}

.data-row {
	display: flex;
	gap: 12px;
	margin: 12px 0;
}

.data-col {
	flex: 1;
	color: #4f4f4f;
	font-size: 14px;
	font-weight: 400;
}

.data-col.data-figure {
	font-weight: 700;
}

.heading .data-col {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	padding: 0 0 5px;
}

.detail-panel {
	padding: 16px;
	background-color: #ecf7ff;
}

.detail-panel .data-col:nth-child(1) {
	flex: .5;
}

.detail-panel .data-col:nth-child(n+2) {
	flex: .25;
}

.data-row.heading {
	border-bottom: .25px solid #d9d9d9;
}

.cta-txn-limit {
	margin-top: 8px;
	width: 188px;
	height: 48px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	border-radius: 12px;
	background-color: #004880;
	cursor: pointer;
	border-style: none;
}

#txnCoolLimitsModal .cta-txn-limit {
	display: block;
	margin: 8px auto 0;
}

#txnCoolLimitsModal .data-row {
	display: flex;
	gap: 12px;
	margin: 0 0 10px;
}

#txnCoolLimitsModal .data-row:has(.added-note) {
	margin: 0 0 14px;
}

#txnCoolLimitsModal .data-row:last {
	margin: 0;
}

#txnCoolLimitsModal .data-col {
	color: #4f4f4f;
	font-size: 14px;
	font-weight: 400;
}

#txnCoolLimitsModal .data-col:nth-child(1) {
	flex: .45;
}

#txnCoolLimitsModal .data-col:nth-child(2) {
	flex: .55;
}

#txnCoolLimitsModal .data-col.data-figure {
	font-weight: 700;
}

#txnCoolLimitsModal .heading .data-col {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	padding: 0 0 5px;
}

#txnCoolLimitsModal .added-note {
	color: #333;
	opacity: .5;
}

#txnCoolLimitsModal-small .border-b {
	border-bottom: .25px solid #d9d9d9;
	padding-bottom: 14px;
}

#txnCoolLimitsModal-small.oj-dialog,
#txnLimitsModal-small.oj-dialog {
	border-radius: 16px;
	left: 0!important;
	width: 100%!important;
}

#txnCoolLimitsModal-small .oj-dialog-body,
#txnCoolLimitsModal-small .oj-dialog-body .modal-container.normal,
#txnLimitsModal-small .oj-dialog-body {
	padding: 16px;
}

#txnCoolLimitsModal-small .oj-dialog-body .heading-2.sm-heading,
#txnLimitsModal-small .oj-dialog-body {
	color: #707070;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 4px;
}

#txnCoolLimitsModal-small .oj-dialog-body .data-row,
#txnLimitsModal-small .oj-dialog-body {
	gap: 8px;
}

#txnCoolLimitsModal-small .oj-dialog-body .detail-panel .data-col:nth-child(1),
#txnLimitsModal-small .oj-dialog-body {
	flex: .38;
}

#txnCoolLimitsModal-small .oj-dialog-body .detail-panel .data-col:nth-child(n+2),
#txnLimitsModal-small .oj-dialog-body {
	flex: .31;
}

#txnCoolLimitsModal-small .oj-dialog-body .cta-txn-limit,
#txnLimitsModal-small .oj-dialog-body {
	width: 100%;
}

.searchBtn {
	width: 188px!important;
	height: 48px!important;
}

.searchBtn .oj-button-label {
	padding-inline: 24px;
	padding-block: 16px;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 1000px #fff inset!important;
	box-shadow: 0 0 0 1000px #fff inset!important;
	-webkit-text-fill-color: #000!important;
	caret-color: #000;
	transition: background-color 5000s ease-in-out;
}

#ifscCodeLookupModal-small .oj-user-assistance-inline-container:not(:has(.oj-message-error)) {
	display: none;
}

#ifscCodeLookupModal-small .ifscTitle {
	font-weight: 800!important;
}

#ifscCodeLookupModal-small .ifsc-subTitle {
	color: #0a3152!important;
	font-weight: 500;
}

#ifscCodeLookupModal-small .oj-text-field-container {
	border: 1px solid #7fa1bc!important;
}

#ifscCodeLookupModal-small .ifsc-fontSize {
	font-size: 14px!important;
}

#ifscCodeLookupModal-small button {
	height: 42px!important;
}

#ifscCodeLookupModal-small .oj-button-text {
	font-weight: 600!important;
}

#ifscCodeLookupModal-small .bankName .oj-searchselect-open-icon {
	background-image: url(../css/images/common/payments/search.svg)!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}

#ifscCodeLookupModal-small .bankName .oj-searchselect-open-icon::before {
	content: none!important;
}

#ifscCodeLookupModal-small .bankName .oj-searchselect-clear-value-icon {
	background-image: url(../css/images/common/payments/search.svg)!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}

#ifscCodeLookupModal-small .bankName .oj-searchselect-clear-value-icon::before {
	content: none!important;
}

#ifscCodeLookupModal-small .oj-text-field-input {
	padding-left: 10px!important;
}

.ifscCodeClass {
	color: #004880;
}

.radioButtonContainer {
	height: 336px;
	overflow-y: scroll;
}

.radioButtonContainer .oj-choice-item {
	border: 1px solid;
	border-radius: 10px;
	padding: 16px;
	margin-top: 20px;
}

#ifscCodeListModal-small .oj-button-label,
.oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 149px;
	border-radius: 12px;
	border: 1px solid #004880;
}

#ifscCodeListModal-small .oj-required-inline-container {
	display: none;
}

#ifscCodeListModal-small .ifscCodeDetailsList .oj-radiocheckbox-icon {
	color: #d9d9d9!important;
}

#ifscCodeListModal-small .ifscCodeDetailsList .oj-selected .oj-radiocheckbox-icon {
	color: #004880!important;
}

#ifscCodeListModal-small .ifscTitle {
	font-weight: 800!important;
}

#confirmPaymentCordova .title-container,
#errorPaymentCordova .title-container {
	gap: 10px;
}

#confirmPaymentCordova .wids-icon,
#errorPaymentCordova .wids-icon {
	cursor: pointer!important;
	width: 20px;
	height: 20px;
}

#confirmPaymentCordova .share-icon,
#errorPaymentCordova .share-icon {
	width: 20px!important;
	height: 20px!important;
}

#confirmPaymentCordova .wids-icon-sm,
#errorPaymentCordova .wids-icon-sm {
	width: 24px!important;
	height: 24px!important;
}

#confirmPaymentCordova .confirmTitle,
#errorPaymentCordova .confirmTitle {
	color: #4f4f4f;
	font-size: 13px;
	font-weight: 400;
}

#confirmPaymentCordova .confirmValue,
#errorPaymentCordova .confirmValue {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	word-break: break-all;
}

#confirmPaymentCordova .confirm-subText,
#errorPaymentCordova .confirm-subText {
	color: #828282;
	font-size: 11px;
	font-weight: 500;
}

#confirmPaymentCordova .success-image-icon,
#errorPaymentCordova .success-image-icon {
	width: 70%;
	height: 70%;
}

#confirmPaymentCordova .note-container,
#errorPaymentCordova .note-container {
	background: #e6f6ff;
	border-radius: 4px;
}

#confirmPaymentCordova .heading,
#errorPaymentCordova .heading {
	font-weight: 800;
	font-size: 20px;
	text-align: center!important;
}

#confirmPaymentCordova .heading-sm,
#errorPaymentCordova .heading-sm {
	font-weight: 800;
	font-size: 18px;
	text-align: center!important;
}

#confirmPaymentCordova .font-color,
#errorPaymentCordova .font-color {
	color: #0a3152;
}

#confirmPaymentCordova .amount-text,
#errorPaymentCordova .amount-text {
	font-weight: 800;
	font-size: 32px;
}

#confirmPaymentCordova .note-text,
#errorPaymentCordova .note-text {
	font-weight: 700;
	font-size: 12px;
}

#confirmPaymentCordova .oj-button-text,
#errorPaymentCordova .oj-button-text {
	font-size: 13px!important;
	font-weight: 600!important;
}

#confirmPaymentCordova .favourite-container,
#errorPaymentCordova .favourite-container {
	background: #edf7ff;
	border-radius: 10px;
	border: 1px solid #0048801A;
}

#confirmPaymentCordova .favouriteText,
#errorPaymentCordova .favouriteText {
	color: #333;
	font-size: 13px;
	font-weight: 500;
}

#confirmPaymentCordova .star-icon,
#errorPaymentCordova .star-icon {
	cursor: pointer;
	transition: transform .2s,fill .2s;
}

#confirmPaymentCordova .star-icon.animate,
#errorPaymentCordova .star-icon.animate {
	transform: scale(1.3);
}

#confirmPaymentCordova .star-icon path,
#errorPaymentCordova .star-icon path {
	transition: fill .3s;
}

#confirmPaymentCordova .star-icon.disabled,
#errorPaymentCordova .star-icon.disabled {
	pointer-events: none;
	opacity: .7;
}

#confirmPaymentCordova .error-clickLink,
#errorPaymentCordova .error-clickLink {
	color: #004880;
	cursor: pointer!important;
	font-weight: 700;
	font-size: 13px;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 10%;
}

#errorPaymentCordova .error-container {
	border: 1px solid #ffe9a6;
	background-color: #fff7e4;
	border-radius: 5px;
}

#addpayeeModalCordova .bottom-drawer-dialog,
#confirmPaymentCordova .bottom-drawer-dialog,
#errorPaymentCordova .bottom-drawer-dialog,
#goToActionsCordova .bottom-drawer-dialog {
	z-index: 1000!important;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%!important;
	max-width: 100%!important;
	margin: 0!important;
	border-radius: 28px 28px 0 0!important;
	border: none!important;
	box-shadow: 0 -4px 16px rgba(0,0,0,.1)!important;
	background: #fff;
}

#confirmPaymentCordova .oj-dialog-header,
#errorPaymentCordova .oj-dialog-header,
#goToActionsCordova .oj-dialog-header,
#nomineeDetailsModal .oj-dialog-header {
	display: none;
}

.blur-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background-color: rgba(0,0,0,.5);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

#sureToExit-small .img {
	width: 100%;
	height: 100%;
}

#sureToExit-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	margin-inline: 32px;
}

#sureToExit-small .description {
	color: #292929;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-inline: 32px;
}

#sureToExit-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#beneNameValidationFailAdhoc .modal-window-container .modal-window .modal-body-content {
	overflow: visible;
	max-height: 100%!important;
}

#sureToExit-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#sureToExit-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#sureToExit-small .content-section {
	padding-top: 22px!important;
	padding-bottom: 38px!important;
	row-gap: 20px;
	padding-inline: 0;
}

#confirmPaymentCordova .oj-dialog-body,
#sureToExit-small .oj-dialog-body {
	padding: 0;
}

#sureToExit-small .oj-dialog-header {
	display: none;
}

#sureToExit-small .mobbuttonContainer .oj-button-label,
.oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	border-radius: 12px;
	border: 1px solid #004880;
	padding: 14px 2px;
}

.cancel-button-fd:hover,
.flow-button-custom-class .oj-button-button:hover,
.td-details-buttonCont .oj-button-button:hover {
	border: 1px solid!important;
	border-radius: 10px!important;
}

.rd-details-main-container .oj-listview-item:hover,
.td-details-container .td-details-main-container .oj-listview-item:hover {
	background: 0 0!important;
}

.cancel-button-fd {
	border: 0 solid var(--button-secondary-border-color);
	border-radius: 10px;
}

.td-details-main-container .action-button-secondary>button:hover {
	border: 1px solid var(--button-secondary-border-color);
	border-radius: 10px;
	border-width: 1px!important;
}

.testcase .border-styleWeb .oj-text-field-middle {
	padding-left: 10px;
}

.oj-radiocheckbox-icon input.oj-enabled {
	cursor: pointer;
}

#sureToExit-small .cross-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 17px;
}

#disclaimer-small .img {
	width: 100%;
	height: 100%;
}

#disclaimer-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	padding-inline: 16px;
	margin-inline: 0!important;
}

#disclaimer-small .description-disclaimer {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	padding-inline: 32px;
	list-style: disc;
	color: #4b4b4b;
}

#disclaimer-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#disclaimer-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#disclaimer-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#disclaimer-small .content-section {
	padding-top: 22px!important;
	padding-bottom: 32px!important;
	row-gap: 20px;
	padding-inline: 0;
}

#disclaimer-small .oj-dialog-body {
	padding: 0;
}

#disclaimer-small .oj-dialog-header {
	display: none;
}

#disclaimer-small .mobbuttonContainer .oj-button-label,
.oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	border-radius: 12px;
	border: 1px solid #004880;
	padding: 14px 23px;
}

#disclaimer-small .cross-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 17px;
}

#noTransferToNreAccount-small .img {
	width: 100%;
	height: 100%;
}

#noTransferToNreAccount-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	margin-inline: 32px;
}

#noTransferToNreAccount-small .description {
	color: #292929;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-inline: 32px;
}

#noTransferToNreAccount-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#noTransferToNreAccount-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#noTransferToNreAccount-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#noTransferToNreAccount-small .content-section {
	padding-top: 22px!important;
	padding-bottom: 38px!important;
	row-gap: 20px;
	padding-inline: 0;
}

#noTransferToNreAccount-small .oj-dialog-body {
	padding: 0;
}

#noTransferToNreAccount-small .oj-dialog-header {
	display: none;
}

#noTransferToNreAccount-small .mobbuttonContainer .oj-button-label,
.oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	border-radius: 12px;
	border: 1px solid #004880;
	padding: 14px 23px;
}

#noTransferToNreAccount-small .cross-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 17px;
}

.post-login-form-template-mobile .form-heading {
	color: #0a3152;
	border-bottom: 1px solid #707070;
}

.post-login-form-template-mobile .oj-select-chosen,
.post-login-form-template-mobile .oj-text-field-input {
	padding-left: 5px!important;
}

.post-login-form-template-mobile .oj-text-field-container {
	border: 1px solid #7fa1bc!important;
	border-radius: 4px!important;
}

.post-login-form-template-mobile .minorContainer {
	border-radius: 4px;
	border: 1px solid rgba(0,72,128,.1);
	background: #edf7ff;
}

#innerDrawer .oj-navigationlist-has-icons {
	overflow: hidden;
	overflow-y: auto;
	display: block;
}

.oj-offcanvas-end,
.oj-offcanvas-start {
	scrollbar-width: none;
}

html:has(.oj-offcanvas-open) {
	scrollbar-width: none;
}

.oj-navigationlist-item:hover .icon-bandhan-payments:before {
	content: url(../images/menu/L3/payments-white.svg);
}

.oj-navigationlist-item:hover .icon-bandhan-discover-products:before {
	content: url(../../images/menu/L3/discover-products-white.svg);
}

.oj-navigationlist-item:hover .icon-bandhan-service-requests:before {
	content: url(../../images/menu/L3/service-requests-white.svg);
}

.oj-navigationlist-item:hover .icon-bandhan-bank-delights:before {
	content: url(../../images/menu/L3/bandhan-bank-delights-white.svg);
}

.oj-navigationlist-item:hover .icon-bandhan-settings-and-security:before {
	content: url(../../images/menu/L3/settings-and-security-white.svg);
}

.oj-navigationlist-item:hover .icon-bandhan-help:before {
	content: url(../../images/menu/L3/help-white.svg);
}

.oj-navigationlist-item:hover .icon-bandhan-logout:before {
	content: url(../../images/menu/L3/logout-white.svg);
}

.oj-navigationlist-item[aria-expanded=true] .icon-bandhan-payments:before {
	content: url(../images/menu/L3/payments-white.svg);
}

.oj-navigationlist-item[aria-expanded=true] .icon-bandhan-discover-products:before {
	content: url(../../images/menu/L3/discover-products-white.svg);
}

.oj-navigationlist-item[aria-expanded=true] .icon-bandhan-service-requests:before {
	content: url(../../images/menu/L3/service-requests-white.svg);
}

.oj-navigationlist-item[aria-expanded=true] .icon-bandhan-bank-delights:before {
	content: url(../../images/menu/L3/bandhan-bank-delights-white.svg);
}

.oj-navigationlist-item[aria-expanded=true] .icon-bandhan-settings-and-security:before {
	content: url(../../images/menu/L3/settings-and-security-white.svg);
}

.oj-navigationlist-item[aria-expanded=true] .icon-bandhan-help:before {
	content: url(../../images/menu/L3/help-white.svg);
}

.oj-navigationlist-item[aria-expanded=true] .icon-bandhan-logout:before {
	content: url(../../images/menu/L3/logout-white.svg);
}

#editNicknameModalCordova #horizontalLine {
	border-top: 1px solid #707070;
}

#editNicknameModalCordova .nicknameEditHeading,
#filterScreenCordova .heading {
	font-weight: 800;
	font-size: 18px;
	color: #0a3152!important;
}

.loading-dashboard {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 6px 20px 0;
	box-sizing: border-box;
}

.dashboard-modalstyle .modal-header {
	display: none;
}

#payeeLimit-small .img {
	width: 100%;
	height: 100%;
}

#payeeLimit-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	margin-inline: 32px;
}

#payeeLimit-small .description {
	color: #292929;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-inline: 32px;
}

#payeeLimit-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#payeeLimit-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#payeeLimit-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#payeeLimit-small .content-section {
	padding-top: 22px!important;
	padding-bottom: 38px!important;
	row-gap: 20px;
	padding-inline: 0;
}

#payeeLimit-small .oj-dialog-body {
	padding: 0;
}

#payeeLimit-small .oj-dialog-header {
	display: none;
}

#payeeLimit-small .mobbuttonContainer .oj-button-label,
.oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	border-radius: 12px;
	border: 1px solid #004880;
	padding: 14px 23px;
}

#payeeLimit-small .cross-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 17px;
}

#payeeExists-small .img {
	width: 100%;
	height: 100%;
}

#payeeExists-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	margin-inline: 32px;
}

#payeeExists-small .description {
	color: #292929;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-inline: 32px;
}

#payeeExists-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#payeeExists-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#payeeExists-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#payeeExists-small .content-section {
	padding-top: 22px!important;
	padding-bottom: 38px!important;
	row-gap: 20px;
	padding-inline: 0;
}

#payeeExists-small .oj-dialog-body {
	padding: 0;
}

#payeeExists-small .oj-dialog-header {
	display: none;
}

#payeeExists-small .mobbuttonContainer .oj-button-label,
.oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	border-radius: 12px;
	border: 1px solid #004880;
	padding: 14px 23px;
}

#payeeExists-small .cross-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 17px;
}

#addNREaccount-small .img {
	width: 100%;
	height: 100%;
}

#addNREaccount-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	margin-inline: 32px;
}

#addNREaccount-small .description {
	color: #292929;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-inline: 32px;
}

#addNREaccount-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#addNREaccount-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#addNREaccount-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#addNREaccount-small .content-section {
	padding-top: 22px!important;
	padding-bottom: 38px!important;
	row-gap: 20px;
	padding-inline: 0;
}

#addNREaccount-small .oj-dialog-body {
	padding: 0;
}

#addNREaccount-small .oj-dialog-header {
	display: none;
}

#addNREaccount-small .mobbuttonContainer .oj-button-label,
#addNREaccount-small .oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	border-radius: 12px;
	border: 1px solid #004880;
	padding: 14px 23px;
}

#addNREaccount-small .cross-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 17px;
}

#acknowledgement-small .img {
	width: 100%;
	height: 100%;
}

#acknowledgement-small .header {
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	margin-inline: 32px;
}

#acknowledgement-small .description {
	color: #292929;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	margin-inline: 32px;
}

#acknowledgement-small .modal-window-container .modal-window .modal-body-content {
	max-height: 100%;
	overflow-y: auto;
	padding: 0;
	width: 100%;
}

#acknowledgement-small .modal-window-container .left {
	text-align: center!important;
	min-height: 0!important;
	padding-left: 3rem;
}

#acknowledgement-small .modal-window-container .modal-window .modal-header {
	height: 0;
	position: relative;
}

#acknowledgement-small .content-section {
	padding-block: 32px!important;
	row-gap: 8px;
	padding-inline: 16px!important;
}

#acknowledgement-small .oj-dialog-body {
	padding: 0;
}

#acknowledgement-small .oj-dialog-header {
	display: none;
}

#acknowledgement-small .mobbuttonContainer .oj-button-label,
#acknowledgement-small .mobbuttonContainer .oj-button-label .oj-option {
	cursor: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	border-radius: 12px;
	border: none;
	padding: 14px 2px;
}

#acknowledgement-small .cross-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 17px;
}

.mmidMobContainer .containerClass {
	margin: 0;
	text-align: center;
	padding-top: 16px;
	padding-inline: 16px;
	padding-bottom: 18px;
	gap: 12px;
}

.mmidMobContainer .containerClassRetrieve {
	margin: 0;
	text-align: center;
	padding-inline: 16px;
	padding-block: 24px;
	gap: 12px;
}

.mmidMobContainer .title1 {
	margin: 0;
	width: 100%;
	font-weight: 800;
	color: #0a3152;
	text-align: center;
	font-size: 18px;
}

.mmidMobContainer .mmidNo {
	margin: 0;
	font-weight: 800;
	font-size: 32px;
	color: #0a3152;
}

.mmidMobContainer .text-msg {
	font-size: 13px;
	font-weight: 500;
	color: #292929;
	margin: 0;
	text-align: center;
}

.mmidMobContainer .button1 {
	width: 100%;
	height: 44px;
	background-color: #fff;
	padding: 14px 24px;
	border: 1px solid #004880;
	border-radius: 10px;
	color: #004880;
	cursor: pointer;
	transition: background .2s;
	font-size: 13px;
	font-weight: 600;
	font-family: Manrope;
	font-style: normal;
	line-height: 140%;
	letter-spacing: .26px;
}

.mmidMobContainer .button2 {
	height: 44px;
	width: 100%;
	padding: 7px 24px;
	border: 1px solid #004880;
	border-radius: 15px;
	color: #fff;
	background-color: #004880;
	cursor: pointer;
	transition: background .2s;
	font-size: 13px;
	font-weight: 600;
	font-family: Manrope;
	font-style: normal;
	line-height: 140%;
	letter-spacing: .26px;
}

.mmidMobContainer .mmid-button-container {
	column-gap: 10px;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.mmid-image {
	display: block;
	height: 200px;
}

.mmidMobContainer .section2 {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	padding-top: 4px;
}

.mmidMobContainer.sectionGenerate {
	display: flex;
	align-items: center;
	column-gap: 8px;
	padding-top: 12px;
	justify-content: center;
	flex-direction: row!important;
}

.bandhan-loader-modal-header {
	font-family: Manrope!important;
	font-size: 20px!important;
	font-style: normal!important;
	font-weight: 800!important;
	line-height: 130%!important;
	letter-spacing: -.4px!important;
	color: #036!important;
}

#helpPopup {
	border-radius: 10px!important;
	font-weight: 600;
	font-size: 12px;
	color: #000!important;
}

#helpPopup .oj-listview-item-layout {
	padding: 0!important;
}

#helpPopup .oj-listview-item {
	border-bottom: none!important;
	cursor: pointer!important;
}

#addpayeeModalCordova .oj-dialog-header,
#addpayeeModalCordova .oj-required-inline-container {
	display: none;
}

#addpayeeModalCordova .heading {
	font-weight: 800;
	font-size: 20px;
	color: #0a3152!important;
}

#addpayeeModalCordova .heading-sm {
	font-weight: 800;
	font-size: 18px;
	color: #0a3152!important;
}

#addpayeeModalCordova .blue-container {
	background: #edf7ff;
	border: 1px solid #0048801A;
	border-radius: 4px;
}

#addpayeeModalCordova .text-font-info {
	color: #333;
	font-weight: 500;
	font-size: 13px;
}

#addpayeeModalCordova .oj-text-field-container {
	border: 1px solid #7fa1bc;
	border-radius: 4px;
}

#addpayeeModalCordova .payee-payment-container {
	border-radius: 4px;
	border: 1px solid #7fa1bc;
}

#addpayeeModalCordova .payee-payment-container .oj-radioset .oj-user-assistance-inline-container {
	display: none;
}

#addpayeeModalCordova .payee-payment-container .oj-radioset .oj-radioset-wrapper .oj-selected label {
	font-weight: 700!important;
}

#addpayeeModalCordova .payee-payment-container .oj-radioset .oj-radioset-wrapper label {
	font-size: 14px;
}

#addpayeeModalCordova .payee-payment-container .viewLimits {
	font-weight: 600;
	font-size: 13px;
}

#addpayeeModalCordova .selected-payment-container {
	border-radius: 4px;
	border: 1px solid #004880!important;
}

#addpayeeModalCordova .close-button {
	top: -5px!important;
}

#addpayeeModalCordova .oj-radiocheckbox-icon {
	color: #d9d9d9!important;
}

#addpayeeModalCordova .oj-selected .oj-radiocheckbox-icon {
	color: #004880!important;
}

.center-docked-menu {
	font-weight: 500;
	font-size: 17px;
	line-height: 140%;
	letter-spacing: 2%;
	text-align: center;
	color: #004880;
}

#stopRecurringPayment-small .stopPayment-title {
	color: #0a3152;
	font-size: 18px;
	font-weight: 800;
}

#stopRecurringPayment-small button {
	height: 42px!important;
}

#stopRecurringPayment-small .oj-button-text {
	font-weight: 600!important;
}

#filterScreenCordova .oj-dialog-header {
	display: none;
}

#filterScreenCordova .modal-window-container .button-center {
	max-height: 85vh!important;
}

#filterScreenCordova .icon-cross {
	color: #000!important;
}

#filterScreenCordova .button-container,
#filterScreenCordova .dashboard-button-container {
	padding: 0;
}

#filterScreenCordova .filter-subtitle {
	font-size: .9rem;
	color: #707070;
	margin-bottom: 12px;
	margin-top: -14px;
	font-weight: 500;
	width: 314px;
}

#filterScreenCordova .account-select-wrapper1 {
	position: relative!important;
}

#filterScreenCordova .account-input .oj-label {
	padding-top: 0!important;
}

#filterScreenCordova .transferred-to-container {
	margin-top: -12px;
}

#filterScreenCordova .search-box1.oj-form-control {
	max-width: 524px;
	border-color: #7fa1bc;
	padding: 0 10px;
	border-radius: 4px;
	height: 44px;
}

#filterScreenCordova .date-range-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
	margin-top: -15px;
}

#filterScreenCordova .date-range-inputs {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: -10px;
}

#filterScreenCordova .date-range-inputs .oj-text-field-container {
	border: none!important;
	box-shadow: none!important;
}

#filterScreenCordova .date-range-inputs oj-input-date {
	flex: 1;
}

#filterScreenCordova .date-range-container1 {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
	margin-top: -25px;
}

#filterScreenCordova .filter-input-pair {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

#filterScreenCordova .header-texts {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#filterScreenCordova .header-title {
	font-family: Manrope;
	font-weight: 700;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0;
	color: #0a3152;
}

#filterScreenCordova .header-subtitle {
	font-size: 11px;
	color: #707070;
	font-weight: 500;
	margin-top: 2px;
	line-height: 140%;
}

#filterScreenCordova .collapsible-content {
	margin-top: 16px;
}

#filterScreenCordova .payment-type-block,
#filterScreenCordova .transaction-id-block {
	display: flex;
	flex-direction: column;
	margin-top: -10px;
}

#filterScreenCordova .advanced-input {
	height: 44px;
	width: 100%;
	max-width: 500px;
	border: 1px solid #7fa1bc;
	border-radius: 6px;
	padding: 0;
	box-sizing: border-box;
}

#filterScreenCordova .pill-container {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

#filterScreenCordova .payment-type-pill {
	border: .5px solid #004880;
	border-radius: 10px;
	padding: 8px 10px;
	font-size: 14px;
	cursor: pointer;
	color: #0a3152;
	transition: .2s ease-in-out;
}

#filterScreenCordova .payment-type-pill.active {
	background-color: #0a3152;
	color: #fff;
}

#filterScreenCordova .advanced-options {
	background-color: #ecf7ff;
	border-radius: 4px;
	padding: 10px 16px;
}

#filterScreenCordova .oj-collapsible-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 0;
}

#filterScreenCordova .oj-collapsible-header-icon {
	order: 2;
	margin-left: auto;
}

#filterScreenCordova oj-input-date,
#filterScreenCordova oj-input-text {
	flex: 1;
	height: 44px;
	border: 1px solid #7fa1bc;
	border-radius: 4px;
	font-size: .85rem;
	background: #fff;
}

#filterScreenCordova #txnSearch input.oj-inputtext-input {
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 20px!important;
	height: 44px!important;
	padding: 0 3px!important;
	color: #161513!important;
}

#filterScreenCordova #txnSearch input.oj-inputtext-input::placeholder {
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 20px!important;
	color: #161513!important;
	opacity: .5!important;
}

#filterScreenCordova #txnSearch.oj-text-field .oj-text-field-container {
	border: 0!important;
	box-shadow: none!important;
	height: 44px!important;
	background-color: transparent;
}

#filterScreenCordova #fromDate input.oj-inputdatetime-input::placeholder {
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 20px!important;
	color: #161513!important;
	opacity: .5!important;
	margin-right: 8px;
}

#filterScreenCordova #toDate input.oj-inputdatetime-input::placeholder {
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 20px!important;
	color: #161513!important;
	opacity: .5!important;
}

#filterScreenCordova .filter-container {
	gap: 10px!important;
}

#filterScreenCordova .account-input .accInputCont,
#filterScreenCordova .account-input .label {
	padding: 0!important;
}

#filterScreenCordova .font-size-style {
	font-size: 14px!important;
	font-weight: 500;
}

.send-money-container {
	display: flex;
	width: 400px;
	gap: 12px;
	flex-direction: column;
}

.otherActionsContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 53px;
	gap: 8px;
}

.main-heading {
	font-weight: 800;
	color: #0a3152;
}

.main-subheading {
	font-size: 14px;
	font-weight: 400;
	color: #0a3152;
	width: 272.6px;
}

.mainText {
	margin-inline: 4px;
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .24px;
}

.container1 {
	padding: 16px 20px;
	background-color: #fff;
	gap: 8px;
	border-radius: 10px;
}

.container2 {
	gap: 12px;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
}

.otherActionsGrid {
	display: flex;
	gap: 46px;
	flex-direction: row;
	align-items: center;
}

.otherActionsGridImg {
	border-radius: 10px;
	width: 100%;
	height: 50px;
}

.carouselImg {
	border-radius: 10px;
	width: 400px;
	height: 100%;
}

.carousel-wrapper *,
.payments-carousel-widget .carousel-wrapper {
	overflow-x: clip!important;
	border-radius: 10px!important;
}

.payments-carousel-widget .oj-pagingcontrol-nav-pages-links .oj-selected .oj-pagingcontrol-nav-dot-bullet {
	background-color: #004880!important;
	width: 8.84px;
	height: 8.84px;
	border-width: none!important;
}

.payments-carousel-widget .oj-pagingcontrol-nav-pages-links .oj-pagingcontrol-nav-dot-bullet {
	background-color: #00488026!important;
	border: none;
	width: 6.63px;
	height: 6.63px;
}

.payments-carousel-widget .obdx-carousel-container .paging-main-container {
	margin-top: 0!important;
}

#confirmEditFDCordova .confirmTDHeading {
	font-size: 18px!important;
	color: #0a3152!important;
	font-weight: 800!important;
}

#confirmEditFDCordova .confirmTitle {
	color: #4f4f4f!important;
	font-size: 13px!important;
	font-weight: 400!important;
}

#confirmEditFDCordova .confirmValue {
	color: #333!important;
	font-size: 14px!important;
	font-weight: 600!important;
}

#confirmEditFDCordova button {
	height: 42px!important;
}

#confirmEditFDCordova .oj-button-text {
	font-weight: 600!important;
}

#confirmRDCordova .confirmTDHeading {
	font-size: 18px!important;
	color: #0a3152!important;
	font-weight: 800!important;
}

#confirmRDCordova .confirmTitle {
	color: #4f4f4f!important;
	font-size: 13px!important;
	font-weight: 400!important;
}

#confirmRDCordova .confirmValue {
	color: #333!important;
	font-size: 14px!important;
	font-weight: 600!important;
}

#confirmRDCordova .subhead-black {
	color: #333;
}

#confirmFDCordova .confirmTDHeading {
	font-size: 18px!important;
	color: #0a3152!important;
	font-weight: 800!important;
}

#confirmFDCordova .confirmTitle {
	color: #4f4f4f!important;
	font-size: 13px!important;
	font-weight: 400!important;
}

#confirmFDCordova .confirmValue {
	color: #333!important;
	font-size: 14px!important;
	font-weight: 600!important;
}

#confirmFDCordova button {
	height: 42px!important;
}

#confirmFDCordova .oj-button-text {
	font-weight: 600!important;
}

#successNicknameModalCordova .edit-nickname-success-modal-header {
	font-size: 20px!important;
	font-style: normal!important;
	font-weight: 800!important;
	color: #036!important;
}

#successNicknameModalCordova .edit-nickname-success-modal-content {
	color: #292929!important;
	text-align: center!important;
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 500!important;
}

#deletePayeeModalCordova .delete-modal-header,
#successDeleteModalCordova .delete-modal-header {
	font-size: 20px!important;
	font-style: normal!important;
	font-weight: 800!important;
	color: #036!important;
}

#deletePayeeModalCordova .delete-modal-content,
#successDeleteModalCordova .delete-modal-content {
	color: #292929!important;
	text-align: center!important;
	font-size: 16px!important;
	font-weight: 500!important;
}

#downloadSuccess .heading-sm {
	font-weight: 800;
	font-size: 18px;
	text-align: center!important;
}

#downloadSuccess .font-color {
	color: #0a3152;
}

#downloadSuccess {
	top: 306.389px!important;
	bottom: auto!important;
	border-radius: 28px!important;
	width: 350px!important;
	margin: auto!important;
}

#confirmRecurringPayment-small .edit-nickname-success-modal-header {
	font-size: 20px!important;
	font-style: normal!important;
	font-weight: 800!important;
	color: #036!important;
}

#confirmRecurringPayment-small .edit-nickname-success-modal-content {
	color: #292929!important;
	text-align: center!important;
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 500!important;
}

.bounceDown {
	animation: .6s bounceDown;
}

.stop-ios-carousel-scroll {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bgFlowColor {
	background-color: var(--app-component-container-bg-color);
}

#oj-searchselect-results-bankselector {
	color: #161513!important;
}

.verification-heading-confirmation {
	text-align: center;
	max-width: 60%;
	font-size: 32px;
	font-weight: 800;
	color: #0a3152;
	margin-top: 5px;
}

.verification-heading-confirmation-mob {
	text-align: center;
	max-width: 60%;
	font-size: 18px;
	font-weight: 800;
	color: #0a3152;
}

#mobileMessageDialogBox .regularFD-title {
	font-size: 18px!important;
	font-weight: 800!important;
	color: #0a3152!important;
}

#mobileMessageDialogBox .regularFD-subTitle,
#mobileMessageDialogBox .regularFD-temp .font-size-info-container {
	font-size: 13px!important;
}

#mobileMessageDialogBox .regularFD-temp .accountInput .oj-flex.oj-flex-items-pad>.oj-flex-item {
	padding: 0!important;
}

#mobileMessageDialogBox .regularFD-temp .underlineFD {
	height: 1px;
	opacity: .5;
	background: #707070;
	margin: 12px auto 0;
}

.confirmTDHeading {
	font-size: 18px!important;
	color: #0a3152!important;
	font-weight: 800!important;
}

.confirmTitle {
	color: #4f4f4f!important;
	font-size: 13px!important;
	font-weight: 400!important;
}

.confirmValue {
	color: #333!important;
	font-size: 14px!important;
	font-weight: 600!important;
}

.nomineeTemplate .oj-required-inline-container {
	display: none;
}

.border-b-style a {
	border-bottom: 1px solid #d9d9d9;
	margin: 0 15px;
	padding-left: 0!important;
}

.nomineeFormMobileComponent .mobilesubheading {
	color: #707070;
	font-size: 14px;
	font-weight: 500;
}

.oj-hybrid-applayout-content .widget-container {
	padding: 0!important;
}

#goToActionsCordova_layer_overlay {
	background: #00000099!important;
	opacity: unset!important;
	backdrop-filter: blur(15px)!important;
}

#goToActionsCordova .go-to-action-footer-section {
	padding: 12px 0;
	gap: 8px;
}

#goToActionsCordova .go-to-action-header-section {
	position: sticky;
	top: 10px;
	background: #fff;
	z-index: 1;
}

#goToActionsCordova .go-to-action-header-section h3 {
	font-size: 18px;
	line-height: 140%;
	letter-spacing: -.18px;
	color: var(--colors-Bandhan-Dark-Blue);
}

#goToActionsCordova .go-to-action-header-section .modal-subtitle {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .28px;
	color: #707070;
}

#goToActionsCordova .horizontalLineModal {
	border-bottom: 1px solid #000;
	opacity: 10%;
}

#goToActionsCordova .warning-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 81.5%;
	background: #ffebc6!important;
	padding: 10px 15px;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	border-radius: 5px;
}

#goToActionsCordova .error-msg {
	display: flex;
	align-items: center;
	background: #fff1f1;
	border-color: 1px solid #fcc;
	padding: 10px 15px;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
}

#goToActionsCordova .selected-count {
	font-size: 14px;
	font-weight: 700;
}

#goToActionsCordova .grey {
	font-size: 12px;
	color: #707070;
}

#goToActionsCordova .error-text .left-label,
#goToActionsCordova .warning-text .left-label {
	text-align: left;
}

#goToActionsCordova .error-text .right-count,
#goToActionsCordova .warning-text .right-count {
	text-align: right;
}

#goToActionsCordova .go-to-action-footer-section {
	background: #fff;
	box-shadow: 0 -4px 15.2px 0 #0000001A;
	border-radius: 20px 20px 0 0;
}

#goToActionsCordova .go-to-action-padding-left {
	padding-left: 10px;
}

#goToActionsCordova .customization-content {
	max-height: 520px;
	overflow-y: auto;
	scrollbar-color: #97bbd7;
}

#goToActionsCordova .module-section {
	margin-bottom: 30px;
}

#goToActionsCordova .module-title {
	color: var(--colors-Bandhan-Dark-Blue);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

#goToActionsCordova .icons-grid {
	row-gap: 20px;
	column-gap: 0;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
}

#goToActionsCordova .icon-item {
	cursor: pointer;
	text-align: center;
	width: 60px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

#goToActionsCordova .icon-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 8px;
	transition: .3s;
}

#goToActionsCordova .icon-inner-container {
	position: relative;
}

#goToActionsCordova .checkbox-overlay {
	position: absolute;
	top: -5px;
	left: -5px;
	border-radius: 50%;
}

#goToActionsCordova .checkbox-overlay input[type=checkbox] {
	width: 18px;
	height: 18px;
	cursor: pointer;
}

#goToActionsCordova .icon-image {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

#goToActionsCordova .icon-label {
	color: #000;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: .24px;
	width: 70px;
	display: block;
}

#goToActionsCordova .cancel-btn {
	margin-right: 10px;
}

#goToActionsCordova .save-btn2 {
	margin-top: 0;
}

#goToActionsCordova .round label {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 15px;
	border: 1px solid var(--base-color-bandhan-dark-blue);
}

#goToActionsCordova .round label:after {
	border: 1px solid #fff;
	border-top: none;
	border-right: none;
	content: "";
	height: 5px;
	left: 2px;
	opacity: 0;
	position: absolute;
	top: 3px;
	transform: rotate(-50deg);
	width: 8px;
}

#goToActionsCordova .round input[type=checkbox] {
	visibility: hidden;
}

#goToActionsCordova .round input[type=checkbox]:checked+label {
	background-color: var(--base-color-bandhan-dark-blue);
	border-color: var(--base-color-bandhan-dark-blue);
}

#goToActionsCordova .round input[type=checkbox]:checked+label:after {
	opacity: 1;
}

#goToActionsCordova .save-btn .oj-button.oj-disabled .oj-button-button {
	background-color: var(--oj-button-call-to-action-chrome-bg-color)!important;
	background-image: var(--oj-button-call-to-action-chrome-bg-image)!important;
	border-color: var(--oj-button-call-to-action-chrome-border-color)!important;
	color: var(--oj-button-call-to-action-chrome-text-color)!important;
	box-shadow: var(--oj-button-call-to-action-chrome-box-shadow)!important;
}

.cz-flow-secondary-btn {
	color: var(--oj-button-solid-chrome-text-color);
}

.oj-listbox-dropdown-open .oj-select-arrow {
	transform: rotate(180deg);
	transition: transform .2s ease-in-out;
}

.oj-searchselect-open-icon {
	background: url(./images/common/down-arrow.svg) center center no-repeat!important;
	transition: transform .25s ease-in-out;
}

oj-select-single.oj-listbox-dropdown-open .oj-searchselect-open-icon {
	transform: rotate(180deg);
}

.downloadFDInfo .oj-radiocheckbox-icon {
	color: #d9d9d9!important;
}

.downloadFDInfo .oj-selected .oj-radiocheckbox-icon {
	color: #004880!important;
}

input[type=search] {
	-webkit-appearance: none;
}

.oj-fwk-icon-message-error,
.oj-message-status-icon.oj-message-error-icon,
.oj-train-icon.oj-error {
	width: 14px!important;
	height: 14px!important;
	margin-left: 2px!important;
	vertical-align: middle!important;
	content: url({images}/common/Iconerr.svg)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}

.oj-message.oj-message-error .oj-message-content,
.oj-message.oj-message-error .oj-message-detail {
	color: #ca282f!important;
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none;
}

#alternateLoginDialog .alternate-login-text {
	color: #004880;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%;
	letter-spacing: -.32px;
}

.regularFD-radiobox .oj-radiocheckbox-icon {
	color: #d9d9d9!important;
}

.regularFD-radiobox .oj-selected .oj-radiocheckbox-icon {
	color: #004880!important;
}

#simBindingModal_layer_overlay {
	opacity: .6!important;
}

#lovDropdown_depositNomineeSelectWeb_layer .oj-listbox-searchselect {
	width: min-content;
}

#obdx-component-email-id {
	background: #cce8eb!important;
	padding: 0!important;
}

.widget-container-web .icon-size {
	width: 50px!important;
	height: 50px!important;
}

#lovDropdown_nominationType_layer {
	width: fit-content!important;
}

#lovDropdown_nominationType {
	border-bottom-left-radius: 8px!important;
	border-bottom-right-radius: 8px!important;
}

.nomination-title {
	font-weight: 700!important;
	color: #20252b!important;
	font-size: 14px!important;
}

.nomination-desc {
	color: #333!important;
	font-weight: 500!important;
	font-size: 12px!important;
	padding-top: 4px!important;
	white-space: normal!important;
	word-break: break-word!important;
}

#lovDropdown_nominationType_layer .oj-listitemlayout {
	padding: 0!important;
}

[dir=rtl] .footer {
	right: 0;
}

[dir=ltr] .footer {
	left: 0;
}

.border-img {
	border: solid #fff0;
	border-width: 1rem 0;
	background: url(images/bg-pattern.svg) center/300px;
	position: relative;
	width: 100vw;
	margin: -1.3rem 0 0;
}

.oj-panel h3 {
	font-size: 1.3rem!important;
	color: var(--base-text-primary);
	font-weight: var(--base-font-weight-regular);
	margin: 0 0 .6rem;
	display: inline-block;
}

body .main-menu {
	z-index: 6;
	outline: 0;
	background: var(--menu-bg-color);
	box-shadow: 0 .1rem .1rem rgba(0,0,0,.18);
	width: 340px;
	border-radius: 24px 0 0 24px!important;
	height: 100vh;
	bottom: unset;
	top: 0;
	position: fixed!important;
}

body .container .page-header-container .comp-title.sub-heading {
	font-size: var(--base-font-size-larger);
	font-weight: var(--base-font-weight-light);
	margin: 0;
}

body .container .page-header-container .comp-title-Reg {
	letter-spacing: .03rem;
	font-size: var(--form-page-title-font-size);
	font-weight: var(--form-page-title-font-weight);
	color: var(--form-page-title-foreground-color);
	margin: var(--form-title-margin);
	margin-left: -4rem!important;
}

body .container .page-header-container .comp-title-Reg.sub-heading {
	font-size: var(--base-font-size-larger);
	font-weight: var(--base-font-weight-light);
	margin: 0;
}

body .container .widget-container {
	padding: .6rem 0;
}

body .container .main-content {
	padding: 0 0 3rem;
	width: 100%;
	max-width: 100rem;
	margin: 0 auto;
}

.header-container .fixed-header-container .logo-container .icon-logo img {
	width: auto;
	height: 2rem;
	margin-top: .2rem;
	margin-left: .5rem;
}

.header-container .comp-title h2 {
	font-size: var(--base-font-size-medium);
	font-weight: var(--base-font-weight-regular);
	color: var(--base-color-secondary-text);
	margin: 0;
	display: flex;
	align-items: center;
}

.header-container .hamburger-icon svg {
	width: 1.5rem;
	height: 1.5rem;
	margin: 1rem .4rem .4rem;
	transform: translate3d(0,0,0);
}

[dir=rtl] .fixed-header ul li {
	padding-left: 1rem;
}

[dir=ltr] .fixed-header ul li {
	padding-right: 1rem;
}

#addPayeeButtonContainer button div span {
	text-shadow: 0 0 0!important;
}

.grid-main-container .amount,
.grid-main-container .description {
	font-size: var(--base-font-size-larger);
}

.form-main-container .delete img,
.form-main-container .unfavorite img {
	height: 2.8rem;
	width: 2.8rem;
}

.footer {
	position: fixed;
	bottom: 0;
	z-index: 0;
	background: var(--oj-app-layout-web-footer-bg-color);
	width: 100%;
	line-height: calc(var(--form-line-height) - 1rem);
	text-align: center;
	display: block;
	color: var(--footer-foreground-color);
	font-size: var(--footer-font-size);
	font-weight: var(--footer-font-weight);
	overflow: hidden;
}

#menu-nav-list .oj-navigationlist-item-label {
	text-wrap: wrap;
	color: #707070;
	text-wrap: wrap;
	font-size: 14px;
}

#menu-nav-list .oj-navigationlist-group-item .oj-navigationlist-collapse-icon,
#menu-nav-list .oj-navigationlist-group-item .oj-navigationlist-expand-icon {
	margin-right: 15px;
}

.bandhan-meu-top-profile-section {
	position: sticky;
	top: 0;
	background: var(--color-white);
	z-index: 1;
}

#menu-nav-list .bandhan-dashboard-submenu {
	border-radius: 0 0 12px 12px;
	background: rgba(0,72,128,.05);
}

.bandhan-dashboard-menu .bandhan-dashboard-list,
.bandhan-dashboard-menu .bandhan-dashboard-list .oj-navigationlist-group-item {
	padding: 0!important;
	border-radius: 12px;
	cursor: pointer;
}

.bandhan-dashboard-menu .bandhan-dashboard-list.oj-expanded .oj-navigationlist-group-item {
	background: var(--base-color-bandhan-dark-blue);
}

.bandhan-dashboard-menu .bandhan-dashboard-list .bandhan-dashboard-submenu .oj-navigationlist-group-item {
	background: 0 0!important;
}

.bandhan-dashboard-menu .bandhan-dashboard-list.oj-expanded .oj-navigationlist-group-item .oj-navigationlist-expand-icon,
.bandhan-dashboard-menu .bandhan-dashboard-list.oj-expanded .oj-navigationlist-group-item .oj-navigationlist-item-label,
.bandhan-dashboard-menu .bandhan-dashboard-list:hover>.oj-navigationlist-group-item .oj-navigationlist-collapse-icon,
.bandhan-dashboard-menu .bandhan-dashboard-list:hover>.oj-navigationlist-group-item .oj-navigationlist-item-label,
.bandhan-dashboard-menu .bandhan-dashboard-list:hover>.oj-navigationlist-item-content .oj-navigationlist-item-label {
	color: #fff!important;
}

.bandhan-dashboard-menu .bandhan-dashboard-list.oj-expanded .bandhan-dashboard-submenu .oj-navigationlist-group-item .oj-navigationlist-expand-icon,
.bandhan-dashboard-menu .bandhan-dashboard-list.oj-expanded .bandhan-dashboard-submenu .oj-navigationlist-group-item .oj-navigationlist-item-label {
	color: #707070!important;
}

.bandhan-dashboard-menu .bandhan-dashboard-list:hover>.oj-navigationlist-group-item,
.bandhan-dashboard-menu .bandhan-dashboard-list:hover>.oj-navigationlist-item-content:not(.oj-navigationlist-item-no-icon) {
	background: var(--base-color-bandhan-dark-blue);
	border-radius: 12px;
}

.oj-navigationlist-item-icon {
	font-size: 0;
}

.bandhan-dashboard-menu .bandhan-dashboard-list:hover>.bandhan-dashboard-submenu .bandhan-dashboard-list .oj-navigationlist-item-content .oj-navigationlist-item-label {
	color: #707070!important;
}

.bandhan-dashboard-menu .bandhan-dashboard-submenu .bandhan-dashboard-list {
	background: 0 0!important;
}

.bandhan-dashboard-menu .bandhan-dashboard-list .bandhan-dashboard-submenu .bandhan-dashboard-submenu {
	padding-left: 0!important;
}

.oj-table-data-cell {
	font-size: var(--table-body-font-size);
	font-weight: var(--table-body-font-weight);
}

.icon-logo-cordova img {
	margin-top: 5px;
	margin-left: 6px;
	height: 2.7rem;
	width: auto;
}

.logo-large-mobile {
	margin-left: 6px!important;
	height: 4rem!important;
	width: auto;
}

.button-container .flow-button-custom-class .oj-button-text,
.dashboard-button-container .flow-button-custom-class .oj-button-text {
	font-weight: 600!important;
}

.oj-text-field-input {
	color: #000;
}

#lovDropdown_nominationType_layer .nomination-title {
	font-weight: 700!important;
	color: #20252b!important;
	font-size: 14px!important;
}

.nomination-option .edit-details {
	color: #20252b!important;
	font-weight: 700!important;
}

.nomination-option .edit-details-desc {
	color: #333!important;
	font-weight: 500!important;
	padding-top: 4px!important;
}

#incompleteNomineeDetailsModal-small .subText {
	font-size: 14px!important;
	color: #707070!important;
	font-weight: 500;
}

#incompleteNomineeDetailsModal-small .deleteNomineeTextOneMob,
#incompleteNomineeDetailsModal-small .deleteNomineeTextTwoMob {
	font-weight: 800;
	font-size: 18px;
	color: #0a3152!important;
}

#deleteAllNomineeConfirmation-small .deleteNomineeHeading {
	color: #0a3152;
	font-size: 20px;
	font-weight: 800!important;
}

#deleteAllNomineeConfirmation-small .deleteNomineeSubHeading {
	color: #292929;
	font-size: 16px;
	font-weight: 500!important;
}

#guardianValidator0 oj-input-date .oj-text-field-middle .oj-text-field-input,
#guardianValidator0 oj-input-text .oj-text-field-middle .oj-text-field-input,
#guardianValidator0 oj-select-one .oj-select-choice,
.nomineeDetail oj-input-date .oj-text-field-middle .oj-text-field-input,
.nomineeDetail oj-input-text .oj-text-field-middle .oj-text-field-input,
.nomineeDetail oj-select-one .oj-select-choice {
	padding-left: 10px!important;
}

#lovDropdown_aplBankSelectorWeblg {
	height: 192px;
	border: none;
	box-shadow: none;
}

#lovDropdown_aplBankSelectorWeblg .oj-listview-item {
	border-bottom: .05rem solid #d9d9d9;
}

.help-panel {
	background: 0 0!important;
	border-style: none!important;
}

.mailer-dialog-subject {
	font-size: 18px;
	font-weight: 600;
	color: #002b5c;
	margin-bottom: 12px;
	text-align: center;
}

.mailer-dialog-body {
	font-size: 14px;
	font-weight: 400!important;
	color: #333;
	text-align: center;
}

#quickTransferRedirectModal-small .subText {
	color: #707070!important;
	font-weight: 500!important;
	font-size: 12px!important;
	line-height: 140%;
	letter-spacing: 2%;
}

#quickTransferRedirectModal-small .text {
	font-weight: 700;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 2%;
	color: #292929;
}

#quickTransferRedirectModal-small .heading {
	font-weight: 800;
	font-size: 20px;
	color: #0a3152!important;
}

#quickTransferRedirectModal-small .heading-sm {
	font-weight: 800;
	font-size: 18px;
	color: #0a3152!important;
}

#quickTransferRedirectModal-small .selected-payment-container {
	border-radius: 4px;
	border: 1px solid #004880!important;
}

#quickTransferRedirectModal-small .payee-payment-container {
	border-radius: 10px;
	border: 1px solid #7fa1bc;
}

#quickTransferRedirectModal-small .payee-payment-container .oj-radioset .oj-user-assistance-inline-container {
	display: none;
}

#quickTransferRedirectModal-small .payee-payment-container .oj-radioset .oj-radioset-wrapper .oj-selected label {
	font-weight: 700!important;
}

#quickTransferRedirectModal-small .payee-payment-container .oj-radioset .oj-radioset-wrapper label {
	font-size: 14px;
}

#quickTransferRedirectModal-small .oj-button-button {
	margin: 0!important;
	height: 42px!important;
}

.nomination-option .nomination-title {
	font-weight: 700!important;
	color: #20252b!important;
	font-size: 14px!important;
}

.nomination-option .nomination-desc {
	font-size: 12px!important;
	color: #333!important;
	margin-top: 4px!important;
	font-weight: 500!important;
}

.oj-fwk-icon-message-error,
.oj-message-status-icon.oj-message-error-icon,
.oj-train-icon.oj-error {
	display: none!important;
}

#payeeFetchedModal-small .heading-sm {
	font-weight: 800;
	font-size: 18px;
	color: #0a3152!important;
	line-height: 140%;
	letter-spacing: -2%;
	text-align: center;
}

#payeeFetchedModal-small .subHeading-font-color {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 2%;
	text-align: center;
	color: #292929;
}

#payeeFetchedModal-small .selected-payment-container {
	border-radius: 4px;
	border: 1px solid #004880!important;
}

#payeeFetchedModal-small #fetchedType-container {
	background-color: #edf7ff;
}

#payeeFetchedModal-small .payee-payment-container {
	border-radius: 4px;
	border: 1px solid #7fa1bc;
}

#payeeFetchedModal-small .payee-payment-container .oj-radioset .oj-user-assistance-inline-container {
	display: none;
}

#payeeFetchedModal-small .payee-payment-container .oj-radioset .oj-radioset-wrapper .oj-selected label {
	font-weight: 700!important;
}

#payeeFetchedModal-small .payee-payment-container .oj-radioset .oj-radioset-wrapper label {
	font-size: 14px;
}

#payeeFetchedModal-small .oj-radiocheckbox-icon {
	color: #d9d9d9!important;
}

#payeeFetchedModal-small .oj-selected .oj-radiocheckbox-icon {
	color: #004880!important;
}

#payeeFetchedModal-small .subText {
	color: #707070!important;
	font-weight: 400!important;
	font-size: 13px!important;
	line-height: 140%;
	letter-spacing: 2%;
}

#payeeFetchedModal-small .text {
	font-weight: 700;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 2%;
	color: #292929;
}

.waitingPopBeneNameValidationAdhoc-small .waiting-period-title {
	color: var(--colors-Bandhan-Dark-Blue,#0a3152);
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	line-height: 140%;
	letter-spacing: -.18px;
}

.waitingPopBeneNameValidationAdhoc-small .waiting-period-msg {
	color: #707070;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: .28px;
}

.waitingPopBeneNameValidationAdhoc-small .waiting-period-loader-msg {
	color: #4b4b4b;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
}

.beneNameValidationFailAdhoc-small .error-title {
	color: var(--colors-Bandhan-Dark-Blue,#0a3152);
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	line-height: 140%;
	letter-spacing: -.36px;
}

.beneNameValidationFailAdhoc-small .error-msg,
.beneficiaryFetchedPopup-small .fetched-benef-message {
	color: #707070;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: .28px;
}

.beneNameValidationFailAdhoc-small .attempt-msg {
	color: #333;
	font-size: 12px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: .24px;
}

.beneNameValidationFailAdhoc-small .attempt-msg-container {
	border-radius: 4px;
	border: 1px solid #ffe9a6;
	background: #fff7e4;
}

.beneNameValidationFailAdhoc-small .btn-container .oj-hover button,
.beneficiaryFetchedPopup-small .btn-container .oj-hover button {
	border-color: var(--colors-Bandhan-Dark-Blue,#0a3152)!important;
}

.beneficiaryFetchedPopup-small .fetched-benef-title {
	color: var(--colors-Bandhan-Dark-Blue,#0a3152);
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	line-height: 140%;
	letter-spacing: -.36px;
}

.beneficiaryFetchedPopup-small .selectBenefRadioOptions .oj-choice-item {
	padding: 12px!important;
	border-radius: 4px;
	border: 1px solid #7fa1bc!important;
	margin-top: 8px;
}

.beneficiaryFetchedPopup-small .selectBenefRadioOptions .oj-choice-item:first-child {
	background: #edf7ff;
}

.beneficiaryFetchedPopup-small .selectBenefRadioOptions .oj-radiocheckbox-icon {
	color: #d9d9d9;
}

.beneficiaryFetchedPopup-small .selectBenefRadioOptions .oj-selected .oj-radiocheckbox-icon {
	color: var(--oj-radio-checkbox-input-color-selected);
}

.beneficiaryFetchedPopup-small .selectBenefRadioOptions .label {
	color: #4f4f4f;
	font-size: 13px;
	font-weight: 500;
}

.beneficiaryFetchedPopup-small .selectBenefRadioOptions .name-value {
	color: var(--base-color-bandhan-black,#000);
	font-size: 14px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: .28px;
}

.bapConfirmationPopup-small .bap-confirmation-title {
	color: var(--colors-Bandhan-Dark-Blue,#0a3152);
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 130%;
	letter-spacing: -.4px;
}

.bapConfirmationPopup-small .bap-confirmation-label {
	color: #4f4f4f;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.bapConfirmationPopup-small .bap-confirmation-value {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: .28px;
}

.bapConfirmationPopup-small .bap-confirmation-notice {
	border-radius: 4px;
	border: 1px solid rgba(0,72,128,.1);
	background: #edf7ff;
}

.bapConfirmationPopup-small .bap-confirmation-notice-msg {
	color: #333;
	font-size: 13px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: .26px;
}

.bapConfirmationPopup-small .bap-confirmation-notify-me {
	color: #292929;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .24px;
}

#confirmPaymentCordova .headingColor {
	color: #0a3152!important;
}

#confirmPaymentCordova .subHeadingColor {
	color: #4b4b4b!important;
}

.depositInfo {
	height: 25vh!important;
	overflow: auto!important;
}

#highAmountBeneTransferWarningModalWindow-small .heading-sm {
	font-weight: 800;
	font-size: 18px;
	text-align: center!important;
	color: #0a3152;
}

#highAmountBeneTransferWarningModalWindow-small .sub-title {
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 2%;
	text-align: center;
	color: #4b4b4b;
}

#highAmountBeneTransferWarningModalWindow-small .sub-message {
	text-align: center!important;
}

#highAmountBeneTransferWarningModalWindow-small .oj-hover .oj-button-button {
	border: .5px solid #004880!important;
}

#lovDropdown_sortBy_layer .oj-listview-cell-element {
	color: #000!important;
}

.raise-dispute-date .oj-text-field-container {
	border: 1px solid #7fa1bc;
	border-radius: 4px;
}

.raise-dispute-date .oj-required-inline-container {
	display: none;
}

#verifyloader-small .delete-nominee-panel .confirm-panel-details .confirm-panel-message2 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	font-weight: 500;
	font-size: 16px;
	color: #4b4b4b;
	text-align: center;
	margin: 0 auto;
}

#verifyloader-small .loading-circle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	background: conic-gradient(#1c477c 0deg,#5297e2 120deg,rgba(82,151,226,.631373) 240deg,rgba(82,151,226,0) 360deg);
	mask: radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 0);
	animation: 1s linear infinite spin;
}

#lovDropdown_payeeAccountSelect_layer {
	z-index: 2!important;
}

#lovDropdown_payeeAccountSelect .section-header {
	font-weight: 500;
	font-style: Medium;
	font-size: 11px!important;
	line-height: 140%;
	letter-spacing: 2%;
	color: #707070!important;
}

#lovDropdown_payeeAccountSelect .option-divider {
	display: block;
	margin-top: 1px!important;
	border-bottom: 1px solid #d9d9d9;
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 0;
}

#lovDropdown_payeeAccountSelect .payee-initial {
	background-color: #fadada;
	width: 1.9rem;
	height: 1.9rem;
	text-align: center;
	vertical-align: middle;
	border-radius: 1rem;
	display: flex;
	place-content: center;
	align-items: center;
	padding: 10px;
	font-weight: 700;
	font-size: 1rem;
}

#lovDropdown_payeeAccountSelect .payee-initial.small-device {
	margin-right: .5rem;
}

#lovDropdown_payeeAccountSelect .payname {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 2%;
	color: #333;
	display: flex;
	align-items: center;
	gap: 4px;
}

#lovDropdown_payeeAccountSelect .payee-info {
	font-weight: 400;
	font-size: 11px;
	line-height: 100%;
	letter-spacing: 0;
	color: #828282;
}

.add-payee-content {
	display: flex;
	align-items: center;
	gap: 6px;
	justify-content: center;
	color: #004880!important;
	font-weight: 600!important;
}

.service-request-option-card .oj-button-button {
	border: 1px solid #7fa1bc!important;
}

.main-heading-loan {
	color: #0a3152!important;
}

.crossIconLoan {
	color: #000!important;
	font-size: small!important;
}

.reveiwfeedback {
	font-family: Arial,sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
}

.title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.confirmPanel {
	background: #cce8eb;
	width: 100%;
	gap: 32px;
	border-radius: 8px 8px 0 0;
	padding-top: 15px;
}

.confirmationHeading {
	color: #0a3152;
	font-family: Manrope;
	font-size: 18px;
	font-weight: 800;
	line-height: 25.2px;
	letter-spacing: -.01em;
	text-align: center;
	text-underline-position: from-font;
	width: 100%;
	height: 38px;
	margin-bottom: 3%;
	margin-top: 3%;
}

.confirmText {
	background-color: #fff;
	color: #4b4b4b;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.6px;
	letter-spacing: .02em;
	text-align: center;
	text-underline-position: from-font;
	width: 100%;
	padding: 5%;
}

.confirmText1 {
	background-color: #fff;
	color: #4b4b4b;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.6px;
	letter-spacing: .02em;
	text-align: center;
	text-underline-position: from-font;
	width: 100%;
	padding: 5% 10% 3%;
}

.confirmbutton {
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.confirmbottom {
	background-color: #fff;
	color: #004880;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 5%;
	margin-top: -2%;
}

.floatcss .floating-panel .oj-panel {
	padding: 0!important;
	overflow-y: hidden!important;
}

.iconcss {
	padding-right: 4%;
}

.rating-container {
	width: 100%;
	background-color: #fff;
	font-size: 2rem;
	cursor: pointer;
	align-content: center;
	padding-left: 15%;
	padding-top: 3%;
}

.star1 {
	color: #ddd;
	transition: color .2s ease-in-out;
}

.star1.filled {
	color: #006064;
}

#rating-value {
	font-weight: 700;
	font-size: 1.5rem;
}

button {
	padding: 5px 10px;
	margin: 5px;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 5px;
}

button:hover {
	background-color: #f0f0f0;
}

button.selected {
	background-color: #335a74;
	color: #fff;
}

.parafield .oj-textarea {
	--oj-text-field-border-top-width: 0!important;
	--oj-text-field-border-right-width: 0!important;
	--oj-text-field-border-left-width: 0!important;
	--oj-text-field-padding-horizontal: 0!important;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border-radius: 5px;
	border: .5px solid #004880;
	height: 90%;
}

.parafield textarea {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border-radius: 4px;
}

#feedback-message {
	color: #2727ad;
	font-size: larger;
	margin-left: 20px;
}

.select-btn {
	font-size: 12px;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	transition: background-color .3s;
}

.oj-navigationlist-current-header {
	display: none;
}

.inputfield {
	background-color: #fff;
	padding-left: 7%;
}

.inputpara {
	background-color: #fff;
	padding-right: 7%;
	padding-left: 7%;
}

.inputpara .action-button-primary button {
	--oj-button-border-radius: 10px!important;
}

.boxed-select {
	padding: 4px 8px;
	background-color: #fff;
	height: 80%;
	margin-top: 5px;
	border: .5px solid #004880!important;
	border-radius: 4px!important;
}

.boxed-select .oj-select-one {
	border-bottom: none!important;
}

.boxed-select:focus-within {
	border-color: #07c;
	box-shadow: 0 0 0 2px rgba(0,119,204,.2);
}

.noCardData {
	margin-left: 3.1rem;
}

#loanServiceRequestsDialog .service-request-option-card .oj-button-label {
	cursor: inherit;
	display: inline-flex;
	justify-content: left!important;
	width: 100%;
	height: 100%;
	color: #000;
}

#loanServiceRequestsDialog .oj-dialog-header-close-wrapper {
	margin-right: 2px!important;
	font-size: medium!important;
}

#loanServiceRequestsDialog .oj-dialog-header-close-wrapper .oj-button-icon {
	color: #000!important;
	fill: #000!important;
	font-size: 25px!important;
}

#loanServiceRequestsDialog .oj-dialog-title {
	color: #0a3152!important;
}

#header-help-button .oj-button-button {
	margin: 0!important;
}

.confirmButtonMob .oj-button .oj-button-text {
	white-space: normal!important;
}

.confirmButtonMob .oj-button-button {
	border-radius: 12px!important;
}

.cz-header-help-button {
	align-self: normal!important;
}

.submitButtonOTP {
	width: 328px!important;
	height: 46px!important;
	border-radius: 10px;
}

.oj-table {
	width: 100%;
}

.oj-table-data-cell {
	white-space: nowrap;
	font-size: var(--table-body-font-size);
	font-weight: var(--table-body-font-weight);
}

.oj-table-header-row {
	background: var(--table-header-bg-color);
}

.oj-table-body {
	background: var(--table-body-bg-color);
}

.oj-table td .oj-text-field-container {
	border-bottom-width: var(--oj-text-field-border-bottom-width)!important;
	min-height: var(--oj-button-sm-height);
}

[dir=rtl] .oj-table .oj-form-control {
	margin-left: 0;
}

[dir=ltr] .oj-table .oj-form-control,
[dir=rtl] .oj-table .oj-form-control {
	margin-right: 0;
}

[dir=ltr] .oj-table .oj-form-control,
[dir=rtl] .oj-table .oj-form-control .oj-text-field-input {
	margin-left: 0;
}

[dir=ltr] .oj-table .oj-form-control .oj-text-field-input,
[dir=rtl] .oj-table .oj-form-control .oj-text-field-input {
	margin-right: 0;
}

[dir=ltr] .oj-table .oj-form-control .oj-text-field-input {
	margin-left: 0;
}

.oj-sm-width-1\/5 {
	width: 20%!important;
}

.oj-sm-width-1\/4 {
	width: 25%!important;
}

.oj-sm-width-1\/3 {
	width: 33.333333%!important;
}

.oj-sm-width-2\/5 {
	width: 40%!important;
}

.oj-sm-width-1\/2 {
	width: 50%!important;
}

.oj-sm-width-3\/5 {
	width: 60%!important;
}

.oj-sm-width-3\/4 {
	width: 75%!important;
}

.oj-sm-width-4\/5 {
	width: 80%!important;
}

.oj-sm-width-full {
	width: 100%!important;
}

.oj-bg-dvt-rgb-1 {
	background-color: RGB(var(--oj-palette-dvt-rgb-1));
}

.oj-bg-dvt-rgb-2 {
	background-color: RGB(var(--oj-palette-dvt-rgb-2));
}

.oj-bg-dvt-rgb-3 {
	background-color: RGB(var(--oj-palette-dvt-rgb-3));
}

.oj-bg-dvt-rgb-4 {
	background-color: RGB(var(--oj-palette-dvt-rgb-4));
}

.oj-bg-dvt-rgb-5 {
	background-color: RGB(var(--oj-palette-dvt-rgb-5));
}

.oj-bg-dvt-rgb-6 {
	background-color: RGB(var(--oj-palette-dvt-rgb-6));
}

.oj-bg-dvt-rgb-7 {
	background-color: RGB(var(--oj-palette-dvt-rgb-7));
}

.oj-bg-dvt-rgb-8 {
	background-color: RGB(var(--oj-palette-dvt-rgb-8));
}

.oj-bg-dvt-rgb-9 {
	background-color: RGB(var(--oj-palette-dvt-rgb-9));
}

.oj-bg-dvt-rgb-10 {
	background-color: RGB(var(--oj-palette-dvt-rgb-10));
}

.oj-bg-dvt-rgb-11 {
	background-color: RGB(var(--oj-palette-dvt-rgb-11));
}

.oj-bg-dvt-rgb-12 {
	background-color: RGB(var(--oj-palette-dvt-rgb-12));
}

.oj-bg-brand-20 {
	background-color: RGB(var(--oj-palette-brand-rgb-20));
}

.oj-bg-brand-40 {
	background-color: RGB(var(--oj-palette-brand-rgb-40));
}

.oj-bg-brand-50 {
	background-color: RGB(var(--oj-palette-brand-rgb-50));
}

.oj-dialog-header {
	background-image: url(../css/images/texture-dialog-144x20-opacity-08.png);
	background-size: auto 20px;
	background-repeat: repeat-x;
}

[dir=rtl] .oj-flex-items-pad>.oj-flex>.oj-flex-item,
[dir=rtl] .oj-flex.oj-flex-items-pad>.oj-flex-item {
	padding-right: 10px;
}

[dir=ltr] .oj-flex-items-pad>.oj-flex>.oj-flex-item,
[dir=ltr] .oj-flex.oj-flex-items-pad>.oj-flex-item,
[dir=rtl] .oj-flex-items-pad>.oj-flex>.oj-flex-item,
[dir=rtl] .oj-flex.oj-flex-items-pad>.oj-flex-item {
	padding-left: 10px;
}

[dir=ltr] .oj-flex-items-pad>.oj-flex>.oj-flex-item,
[dir=ltr] .oj-flex.oj-flex-items-pad>.oj-flex-item {
	padding-right: 10px;
}

[dir=rtl] .oj-flex-items-pad>.oj-flex>.oj-flex-item>.oj-flex,
[dir=rtl] .oj-flex.oj-flex-items-pad>.oj-flex-item>.oj-flex {
	margin-right: calc(0px - 10px);
}

[dir=ltr] .oj-flex-items-pad>.oj-flex>.oj-flex-item>.oj-flex,
[dir=ltr] .oj-flex.oj-flex-items-pad>.oj-flex-item>.oj-flex,
[dir=rtl] .oj-flex-items-pad>.oj-flex>.oj-flex-item>.oj-flex,
[dir=rtl] .oj-flex.oj-flex-items-pad>.oj-flex-item>.oj-flex {
	margin-left: calc(0px - 10px);
}

[dir=ltr] .oj-flex-items-pad>.oj-flex>.oj-flex-item>.oj-flex,
[dir=ltr] .oj-flex.oj-flex-items-pad>.oj-flex-item>.oj-flex {
	margin-right: calc(0px - 10px);
}

.action-button-primary {
	--oj-button-solid-chrome-bg-color: var(--button-primary-bg-color);
	--oj-button-solid-chrome-border-color: var(--button-primary-border-color);
	--oj-button-solid-chrome-text-color: var(--button-primary-foreground-color);
	--oj-button-solid-chrome-bg-color-hover: var(--button-primary-bg-color);
	--oj-button-solid-chrome-text-color-hover: var(--button-primary-foreground-color);
	--oj-button-solid-chrome-bg-color-selected: var(--button-primary-bg-color);
	--oj-button-solid-chrome-bg-color-active: var(--button-primary-bg-color);
}

.action-button-primary button {
	--oj-button-border-radius: var(--button-primary-border-radius);
	border-width: var(--button-primary-border-width);
}

.action-button-secondary {
	--oj-button-solid-chrome-bg-color: var(--button-secondary-bg-color);
	--oj-button-solid-chrome-border-color: var(--button-secondary-border-color);
	--oj-button-solid-chrome-text-color: var(--button-secondary-foreground-color);
	--oj-button-solid-chrome-bg-color-hover: var(--button-secondary-bg-color);
	--oj-button-solid-chrome-text-color-hover: var(--button-secondary-foreground-color);
	--oj-button-solid-chrome-bg-color-selected: var(--button-secondary-bg-color);
	--oj-button-solid-chrome-bg-color-active: var(--button-secondary-bg-color);
}

.action-button-secondary button {
	--oj-button-border-radius: var(--button-secondary-border-radius);
	border-width: var(--button-secondary-border-width);
}

.action-button-tertiary {
	--oj-button-borderless-chrome-bg-color: var(--button-tertiary-bg-color);
	--oj-button-borderless-chrome-border-color: var(--button-tertiary-border-color);
	--oj-button-borderless-chrome-bg-color-hover: var(--button-tertiary-bg-color);
	--oj-button-borderless-chrome-text-color: var(--button-tertiary-foreground-color);
	--oj-button-borderless-chrome-text-color-hover: var(--button-tertiary-foreground-color);
	--oj-button-borderless-chrome-bg-color-selected: var(--button-tertiary-bg-color);
	--oj-button-borderless-chrome-bg-color-active: var(--button-tertiary-bg-color);
}

.action-button-tertiary button {
	background-color: var(--button-tertiary-bg-color)!important;
	border-color: var(--button-tertiary-border-color)!important;
	--oj-button-border-radius: var(--button-tertiary-border-radius);
	border-width: var(--button-tertiary-border-width);
}

.action-button-cta {
	--oj-button-solid-chrome-bg-color: var(--button-cta-bg-color);
	--oj-button-solid-chrome-border-color: var(--button-cta-border-color);
	--oj-button-solid-chrome-text-color: var(--button-cta-foreground-color);
	--oj-button-solid-chrome-bg-color-hover: var(--button-cta-bg-color);
	--oj-button-solid-chrome-text-color-hover: var(--button-cta-foreground-color);
	--oj-button-solid-chrome-bg-color-selected: var(--button-cta-bg-color);
	--oj-button-solid-chrome-bg-color-active: var(--button-cta-bg-color);
}

.help-button {
	background-color: var(--button-help-bg-color);
	--oj-button-outlined-chrome-text-color: var(--button-help-foreground-color);
	--oj-button-outlined-chrome-text-color-hover: var(--button-help-foreground-color);
	--oj-button-outlined-chrome-border-color: var(--button-help-border-color);
	--oj-button-outlined-chrome-border-color-hover: var(--button-help-border-color);
	--oj-button-outlined-chrome-bg-color-selected: var(--button-help-bg-color);
	--oj-button-outlined-chrome-bg-color-active: var(--button-help-bg-color);
	--oj-button-border-radius: var(--button-help-border-radius);
}

.help-button button {
	border-width: var(--button-help-border-width);
}

.oj-buttonset {
	--oj-button-font-size: var(--buttonset-label-font-size);
	--oj-buttonset-font-weight: var(--buttonset-label-font-weight);
}

.oj-buttonset .oj-selected {
	--oj-button-font-size: var(--buttonset-selected-label-font-size);
	--oj-buttonset-font-weight: var(--buttonset-selected-label-font-weight);
}

.action-button-cta,
.action-button-primary,
.action-button-secondary,
.action-button-tertiary,
.help-button {
	margin: 0 .5rem;
	opacity: 90%;
}

[dir=rtl] .action-button-cta:first-child,
[dir=rtl] .action-button-primary:first-child,
[dir=rtl] .action-button-secondary:first-child,
[dir=rtl] .action-button-tertiary:first-child,
[dir=rtl] .help-button:first-child {
	margin-right: 0;
}

[dir=ltr] .action-button-cta:first-child,
[dir=ltr] .action-button-primary:first-child,
[dir=ltr] .action-button-secondary:first-child,
[dir=ltr] .action-button-tertiary:first-child,
[dir=ltr] .help-button:first-child,
[dir=rtl] .action-button-cta:last-child,
[dir=rtl] .action-button-primary:last-child,
[dir=rtl] .action-button-secondary:last-child,
[dir=rtl] .action-button-tertiary:last-child,
[dir=rtl] .help-button:last-child {
	margin-left: 0;
}

[dir=ltr] .action-button-cta:last-child,
[dir=ltr] .action-button-primary:last-child,
[dir=ltr] .action-button-secondary:last-child,
[dir=ltr] .action-button-tertiary:last-child,
[dir=ltr] .help-button:last-child {
	margin-right: 0;
}

.action-button-cta:hover,
.action-button-primary:hover,
.action-button-secondary:hover,
.action-button-tertiary:hover,
.help-button:hover {
	opacity: 100%;
}

.oj-web-applayout-offcanvas-icon:before {
	display: none;
}

.main-menu {
	position: fixed;
}

.container section {
	margin-bottom: 1.1rem;
}

.container .widget-container {
	padding: .6rem 0;
}

.icon-logo img {
	margin-top: .4rem;
	margin-left: .8rem;
	height: 2rem;
	width: auto;
}

.oj-navigationlist-previous-link {
	flex: 1 1 auto;
}

oj-option .slot-icon {
	vertical-align: middle;
	height: 20px;
	width: 86px;
	float: right;
}

[dir=rtl] oj-option .slot-icon {
	float: left;
}

.widget-container {
	padding: .6rem 0;
}

.oj-message-summary {
	display: none;
}

.button-container,
.dashboard-button-container {
	padding: 1.2rem .6rem;
}

.dashboard-button-container {
	padding: 1.2rem 1.6rem;
}

[dir=ltr] oj-label,
[dir=rtl] oj-label {
	padding-top: 1.2rem;
}

[dir=ltr] .login-enclosure oj-label,
[dir=ltr] .oj-accordion-collapsible oj-label,
[dir=rtl] .login-enclosure oj-label,
[dir=rtl] .oj-accordion-collapsible oj-label {
	padding-top: 0;
}

[dir=rtl] oj-form-layout .oj-form-control,
[dir=rtl] oj-form-layout oj-label {
	margin-left: 10px;
}

[dir=ltr] oj-form-layout .oj-form-control,
[dir=ltr] oj-form-layout oj-label,
[dir=rtl] oj-form-layout .oj-form-control,
[dir=rtl] oj-form-layout oj-label {
	margin-right: 10px;
}

[dir=ltr] oj-form-layout .oj-form-control,
[dir=ltr] oj-form-layout oj-label {
	margin-left: 10px;
}

[dir=rtl] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item .oj-form-control,
[dir=rtl] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item oj-label,
[dir=rtl] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item .oj-form-control,
[dir=rtl] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item oj-label {
	margin-left: 0;
}

[dir=ltr] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item .oj-form-control,
[dir=ltr] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item oj-label,
[dir=ltr] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item .oj-form-control,
[dir=ltr] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item oj-label,
[dir=rtl] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item .oj-form-control,
[dir=rtl] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item oj-label,
[dir=rtl] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item .oj-form-control,
[dir=rtl] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item oj-label {
	margin-right: 0;
}

[dir=ltr] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item .oj-form-control,
[dir=ltr] oj-form-layout .oj-flex-items-pad>.oj-flex>.oj-flex-item oj-label,
[dir=ltr] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item .oj-form-control,
[dir=ltr] oj-form-layout .oj-flex.oj-flex-items-pad>.oj-flex-item oj-label {
	margin-left: 0;
}

.oj-listview-card-layout li.oj-listview-item {
	width: auto;
}

.oj-listview-item {
	border-bottom: .05rem solid var(--base-border-default);
}

.hide-table-selector-checkbox .oj-table-column-header-selector-cell,
.hide-table-selector-checkbox .oj-table-selector-cell {
	display: none!important;
}

.oj-listview-group {
	margin: 0;
}

.oj-collapsible-header {
	display: block;
}

.right-panel-offcanvas {
	overflow-x: hidden;
	overflow-y: hidden;
}

.right-panel-offcanvas .overlayBody {
	height: calc(100% - 53px);
	overflow-y: auto!important;
	overflow-x: hidden!important;
}

.oj-listbox-results,
.oj-listbox-results-base,
.oj-select-results {
	max-height: 250px;
}

.oj-message-detail {
	font-weight: var(--alert-notification-body-font-weight);
}

.oj-text-field-input {
	font-size: var(--form-input-font-size);
	font-weight: var(--form-input-font-weight);
}

.oj-text-field.oj-disabled .oj-text-field-input {
	font-size: var(--form-input-disabled-font-size);
	font-weight: var(--form-input-disabled-font-weight);
}

@media (prefers-reduced-motion:reduce) {

#form121-warning-container .form121-marquee {
	animation: none;
}

}

@media only screen and (min-width:768px) and (max-width:1023px) {

.slide-right {
	transform: rotateY(-50deg) rotateZ(-5deg) translateX(31.3rem);
}

.slide-left {
	transform: rotateY(50deg) rotateZ(-5deg) translateX(-31.2rem);
}

body .container .page-header-container .comp-title {
	display: none;
}

body .container .page-header-container .comp-title-Reg {
	display: none;
}

body .container .widget-container {
	padding: 0;
	margin-bottom: 4.5rem;
}

[dir=ltr] body .back-top {
	left: auto;
}

[dir=rtl] body .back-top {
	right: auto;
	left: 0;
}

[dir=ltr] body .back-top {
	right: 0;
}

body .back-top span {
	border-radius: .3rem 0 0 .3rem;
}

[dir=rtl] body .back-top span {
	border-radius: .3rem .3rem 0 0;
}

.back-link {
	padding: 0 0 0 .5rem;
}

[dir=rtl] .back-link {
	padding: 0 .5rem 0 0;
}

.tooltip-section .icon-help {
	font-size: var(--base-font-size-largest);
}

.header-container .comp-title h2 {
	font-size: var(--base-font-size-large);
}

.header-container .icon-back-arrow {
	font-size: calc(var(--base-font-size-default) + .6rem);
}

.header-container .menu-bar-container.active {
	width: 3.3rem;
}

.slide-right {
	transform: rotateY(-50deg) rotateZ(-5deg) translateX(31.3rem);
}

.slide-left {
	transform: rotateY(50deg) rotateZ(-5deg) translateX(-31.2rem);
}

body .container .page-header-container .comp-title,
body .container .page-header-container .comp-title-Reg {
	font-size: 1rem;
}

body .container .widget-container {
	padding: 0;
	margin-bottom: 4.5rem;
}

[dir=ltr] body .back-top {
	left: auto;
}

[dir=rtl] body .back-top {
	right: auto;
	left: 0;
}

[dir=ltr] body .back-top {
	right: 0;
}

body .back-top span {
	border-radius: .3rem 0 0 .3rem;
}

[dir=rtl] body .back-top span {
	border-radius: .3rem .3rem 0 0;
}

.back-link {
	padding: 0 0 0 .5rem;
}

[dir=rtl] .back-link {
	padding: 0 .5rem 0 0;
}

.tooltip-section .icon-help {
	font-size: var(--base-font-size-largest);
}

.header-container .comp-title h2 {
	font-size: var(--base-font-size-large);
}

.header-container .icon-back-arrow {
	font-size: calc(var(--base-font-size-default) + .6rem);
}

.header-container .menu-bar-container.active {
	width: 3.3rem;
}

obdx-menu #menu-nav-list a.oj-clickable-icon-nocontext {
	display: none!important;
}

obdx-menu #menu-nav-list .menu-list-forward-icon {
	float: right;
	color: #004880;
}

obdx-menu #menu-nav-list .menu-list-forward-icon::before {
	content: "\f11d";
}

body .container .page-header-container .comp-title {
	display: block;
}

}

@media only screen and (min-width:768px) {

.cz-header-title {
	font-weight: 900!important;
	margin-left: 0!important;
}

.msg-box-error-title {
	font-size: 32px;
}

.msg-box-error-message {
	font-size: 16px;
}

}

@media only screen and (min-width:768px) and (max-width:820px) {

#message-box-browser .modal-container {
	width: 78%;
}

}

@media only screen and (min-width:821px) and (min-width:1024px) {

#message-box-browser .modal-container,
#nomineeDetailsModal .modal-container {
	width: 61%;
}

}

@media only screen and (min-width:1024px) {

.slide-and-resize {
	animation: .7s ease-out slide-and-resize;
	width: 15%;
}

.tooltip-section .icon-help {
	font-size: var(--base-font-size-larger);
}

.header-container .icon-back-arrow {
	font-size: calc(var(--base-font-size-default) + 1.3rem);
}

.help-panel .help-content {
	padding: 0;
}

.help-panel .help-content .help-item {
	margin: 0;
}

.slide-and-resize {
	animation: .7s ease-out slide-and-resize;
	width: 15%;
}

.tooltip-section .icon-help {
	font-size: var(--base-font-size-larger);
}

.header-container .icon-back-arrow {
	font-size: calc(var(--base-font-size-default) + 1.3rem);
}

.help-panel .help-content {
	padding: 0;
}

.help-panel .help-content .help-item {
	margin: 0;
}

}

@media screen and (min-width:1024px) and (max-width:1226px) {

#widgetContainer .oj-lg-6 {
	flex: 0 0 63%!important;
	max-width: 63%!important;
}

#widgetContainer .oj-lg-4 {
	flex: 0 0 37%!important;
	max-width: 37%!important;
}

}

@media only screen and (min-width:1025px) {

#message-box-browser .modal-container,
#nomineeDetailsModal .modal-container {
	width: 44%;
}

}

@media (max-width:768px) {

.oj-offcanvas-glasspane-dim {
	z-index: 5!important;
}

.menu-new-profile-section .menu-new-user-full-name {
	font-size: 16px!important;
}

.menu-new-profile-section .menu-new-view-profile {
	font-size: 13.5px;
}

.menu-new-profile-section .menu-new-profile-section-custId {
	font-size: 14px;
}

}

@media only screen and (max-width:768px) {

.cta-txn-limit {
	margin-top: 8px;
	width: 100%!important;
	height: 48px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	border-radius: 12px;
	background-color: #004880;
	cursor: pointer;
	border-style: none;
}

}

@media screen and (max-width:768px) {

.mailer-dialog-subject {
	font-size: 16px!important;
	font-weight: 600!important;
	margin-bottom: 10px!important;
}

.mailer-dialog-body {
	font-size: 13px!important;
}

}

@media only screen and (max-width:767px) {

.border-img {
	margin: -.6rem 0 0;
}

.slide-right {
	transform: rotateY(-50deg) rotateZ(-5deg) translateX(31.3rem);
}

.slide-left {
	transform: rotateY(50deg) rotateZ(-5deg) translateX(-3.1rem);
}

body .container .page-header-container .comp-title {
	display: none;
}

body .container .page-header-container .comp-title-Reg {
	display: none;
}

body .container .widget-container {
	padding: 0;
	margin-bottom: 4.5rem;
}

body .container .main-content {
	padding: 0 0 5rem;
}

[dir=ltr] body .back-top {
	left: auto;
}

[dir=rtl] body .back-top {
	right: auto;
	left: 0;
}

[dir=ltr] body .back-top {
	right: 0;
}

body .back-top span {
	border-radius: .3rem 0 0 .3rem;
}

[dir=rtl] body .back-top span {
	border-radius: .3rem .3rem 0 0;
}

body .right-panel-offcanvas {
	min-width: 100%;
}

.tooltip-section .span-label {
	vertical-align: baseline!important;
}

.tooltip-section {
	margin-bottom: .25em;
	line-height: inherit;
}

.tooltip-section .icon-help {
	vertical-align: sub;
	font-size: var(--base-font-size-larger);
}

.header-container .fixed-header-container {
	height: var(--header-small-height);
}

.header-container .comp-title {
	padding: 0;
}

.header-container .comp-title h2 {
	font-size: var(--base-font-size-large);
	color: var(--header-foreground-color);
}

.header-container .icon-back-arrow {
	font-size: calc(var(--base-font-size-default) + .4rem);
}

.header-container .menu-bar-container {
	margin-top: .5rem;
}

.header-container .menu-bar-container.active {
	width: 3.3rem;
}

.header-container .hamburger-icon svg {
	margin: .5rem 0 0;
}

[dir=ltr] .fixed-header .icon-menu,
[dir=rtl] .fixed-header .icon-menu {
	margin-top: .3rem;
}

[dir=rtl] .fixed-header ul li {
	padding-left: 0;
}

[dir=ltr] .fixed-header ul li {
	padding-right: 0;
}

[dir=ltr] .fixed-header ul li #mailbox-holder,
[dir=rtl] .fixed-header ul li #mailbox-holder {
	margin-top: .3rem;
}

.header-mailbox-launcher {
	width: 80%;
}

.grid-main-container .description {
	font-size: var(--base-font-size-default);
}

.form-main-container {
	padding: var(--form-padding-small);
}

.form-main-container .disclaimer-container .disclaimer-text {
	font-size: var(--base-font-size-small);
}

obdx-menu #menu-nav-list a.oj-clickable-icon-nocontext {
	display: none!important;
}

obdx-menu #menu-nav-list .menu-list-forward-icon {
	float: right;
	color: #004880;
}

obdx-menu #menu-nav-list .menu-list-forward-icon::before {
	content: "\f11d";
}

.border-img {
	margin: -.6rem 0 0;
}

.oj-listbox-results,
.oj-listbox-results-base,
.oj-select-results,
[id^=oj-searchselect-results-] {
	max-height: 80vh!important;
	overflow-y: auto;
}

.slide-right {
	transform: rotateY(-50deg) rotateZ(-5deg) translateX(31.3rem);
}

.slide-left {
	transform: rotateY(50deg) rotateZ(-5deg) translateX(-3.1rem);
}

body .container .page-header-container .comp-title,
body .container .page-header-container .comp-title-Reg {
	font-size: 1.09rem;
}

.cz-header-title {
	font-weight: 600!important;
	margin-left: 5px!important;
}

body .container .widget-container {
	padding: 0;
	margin-bottom: 4.5rem;
}

body .container .main-content {
	padding: 0 0 5rem;
}

[dir=ltr] body .back-top {
	left: auto;
}

[dir=rtl] body .back-top {
	right: auto;
	left: 0;
}

[dir=ltr] body .back-top {
	right: 0;
}

body .back-top span {
	border-radius: .3rem 0 0 .3rem;
}

[dir=rtl] body .back-top span {
	border-radius: .3rem .3rem 0 0;
}

body .right-panel-offcanvas {
	min-width: 100%;
}

.tooltip-section .span-label {
	vertical-align: baseline!important;
}

.tooltip-section {
	margin-bottom: .25em;
	line-height: inherit;
}

.tooltip-section .icon-help {
	vertical-align: sub;
	font-size: var(--base-font-size-larger);
}

.header-container .fixed-header-container {
	height: var(--header-small-height);
}

.header-container .comp-title {
	padding: 0;
}

.header-container .comp-title h2 {
	font-size: var(--base-font-size-large);
	color: var(--header-foreground-color);
}

.header-container .icon-back-arrow {
	font-size: calc(var(--base-font-size-default) + .4rem);
}

.header-container .menu-bar-container {
	margin-top: .5rem;
}

.header-container .menu-bar-container.active {
	width: 3.3rem;
}

.header-container .hamburger-icon svg {
	margin: .5rem 0 0;
}

[dir=ltr] .fixed-header .icon-menu,
[dir=rtl] .fixed-header .icon-menu {
	margin-top: .3rem;
}

[dir=rtl] .fixed-header ul li {
	padding-left: 0;
}

[dir=ltr] .fixed-header ul li {
	padding-right: 0;
}

[dir=ltr] .fixed-header ul li #mailbox-holder,
[dir=rtl] .fixed-header ul li #mailbox-holder {
	margin-top: .3rem;
}

.header-mailbox-launcher {
	width: 80%;
	inset: unset!important;
	top: 58px!important;
	left: 38px!important;
}

.grid-main-container .description {
	font-size: var(--base-font-size-default);
}

.form-main-container {
	padding: var(--form-padding-small);
}

.form-main-container .disclaimer-container {
	height: auto;
}

.form-main-container .disclaimer-container .disclaimer-text {
	font-size: var(--base-font-size-small);
}

obdx-menu #menu-nav-list a.oj-clickable-icon-nocontext {
	display: none!important;
}

obdx-menu #menu-nav-list .menu-list-forward-icon {
	float: right;
	color: #004880;
}

obdx-menu #menu-nav-list .menu-list-forward-icon::before {
	content: "\f11d";
}

.action-button-cta,
.action-button-primary,
.action-button-secondary,
.action-button-tertiary,
.help-button {
	margin: .5rem;
}

.oj-listview:not(.oj-select-results) {
	--oj-collection-list-cell-padding-vertical: 0;
	--oj-list-view-item-padding-horizontal: 0;
}

#NomineeSelectionListView3951876 .oj-required-inline-container {
	padding-top: 3px!important;
}

:root {
	--oj-scrollbar-track-color: transparent;
	--oj-scrollbar-track-color-hover: transparent;
	--oj-text-field-border-top-width: 1px;
	--oj-text-field-border-right-width: 1px;
	--oj-text-field-border-bottom-width: 1px;
	--oj-text-field-border-left-width: 1px;
	--oj-text-field-border-radius: 5px;
	--oj-text-field-border-color: var(--form-input-border-color);
	--base-color-bandhan-white: #fff;
	--base-color-bandhan-light-gray: #f3f3f3;
	--base-color-bandhan-dark-gray: #707070;
	--base-color-bandhan-black: #000;
	--base-color-bandhan-light-blue: #3399e8;
	--base-color-bandhan-dark-blue: #004880;
	--base-color-bandhan-beige: #fff7e4;
	--base-color-bandhan-red: #ca282f;
	--base-font-size-large: 1rem;
	--base-font-size-larger: 1.3rem;
	--base-font-size-default: 0.9rem;
	--base-font-url: "https://fonts.googleapis.com/css?family=Lato:300,400,700";
	--link-hover-color: #004880;
	--link-font-weight: 400;
	--button-font-size-text: 0.9rem;
	--button-primary-font-size: 0.9rem;
	--button-secondary-font-size: 0.9rem;
	--button-tertiary-font-size: 0.9rem;
	--button-help-font-size: 0.9rem;
	--button-help-border-width: 0.055rem;
	--form-border-width: 0.1rem;
	--form-input-text: 0.9rem;
	--form-input-new-border-color: #004880;
	--form-font-size: 0.9rem;
	--form-info-txt-font-size: 0.8rem;
	--form-page-title-foreground-color: #0a3152;
	--banner-padding: 0.6rem;
	--banner-font-size: 0.9rem;
	--review-banner-border-width: 0.4rem;
	--review-banner-border-radius: 0.01rem;
	--review-banner-font-size: 0.95rem;
	--nav-hover-border-width: 0.2rem;
	--nav-hover-border-radius: 0.01rem;
	--nav-selected-border-width: 0.2rem;
	--nav-selected-border-radius: 0.01rem;
	--table-header-font-size: 0.9rem;
	--table-body-font-size: 0.9rem;
	--table-border-width: 0.05rem;
	--welcome-box-font-size: 0.9rem;
	--header-height: 4.4rem;
	--help-panel-font-size: 0.9rem;
	--help-panel-border-width: 0.05rem;
	--app-background-bg-color: #fff;
	--modal-window-br-color: #fff;
	--modal-window-body-font-size: 0.9rem;
	--buttonset-border-width: 0.05rem;
	--buttonset-border-radius: 0.4rem;
	--buttonset-label-foreground-color: #004880;
	--buttonset-label-font-size: 0.8rem;
	--buttonset-selected-bg-color: #004880;
	--buttonset-selected-gradient-start-color: #004880;
	--buttonset-selected-gradient-end-color: #004880;
	--buttonset-selected-border-width: 0.0155rem;
	--buttonset-selected-border-radius: 0.4rem;
	--buttonset-selected-label-font-size: 0.8rem;
	--disabledinput-font-size: 0.9rem;
	--confirm-screen-border-width: 0.4rem;
	--confirm-screen-border-radius: 0.01rem;
	--confirm-screen-text-font-size: 0.95rem;
	--confirm-screen-success-border-width: 0.4rem;
	--confirm-screen-success-border-radius: 0.01rem;
	--confirm-screen-error-border-width: 0.4rem;
	--confirm-screen-error-border-radius: 0.01rem;
	--expandable-preview-border-width: 0.05rem;
	--expandable-preview-border-radius: 0.1rem;
	--widget-border-width: 0.05rem;
	--widget-border-radius: 0.5rem;
	--widget-border-radius: 0.5rem;
	--accordion-border-width: 0.0556rem;
	--accordion-body-font-size: 0.9rem;
	--alert-notification-header-font-size: 0.785rem;
	--alert-notification-body-font-size: 0.8rem;
	--oj-text-field-border-top-width: 1px;
	--oj-text-field-border-right-width: 1px;
	--oj-text-field-border-left-width: 1px;
	--oj-text-field-border-radius: 5px;
	--oj-buttonset-border-radius: 0.4rem;
	--oj-button-call-to-action-chrome-bg-color: #004880;
	--oj-button-solid-chrome-bg-color: #004880;
	--oj-app-layout-web-footer-bg-color: #edf8ff;
	--oj-typography-heading-lg-font-size: 1rem;
	--oj-train-button-bg-color-selected: #004480;
	--oj-train-button-border-color-selected: #004480;
	--oj-train-label-font-weight: 700;
	--oj-panel-padding: 0.75rem;
	--oj-app-layout-hybrid-header-bg-color: var(--base-background-primary);
	--app-component-container-bg-color: #cce8eb;
	--or-separator-color: #98b5cc;
	--oj-train-gradient-mid-left-color: #2b5d98;
	--oj-train-gradient-mid-right-color: rgba(49, 45, 42, 0.16);
	--oj-train-gradient-end-color: rgba(49, 45, 42, 0.16);
	--oj-train-selected-step: #004480;
	--oj-train-disabled-step: rgba(49, 45, 42, 0.16);
	--pin-input-border-color: #004480;
	--success-text-color: #28a745;
	--app-mpin-policy-container-bg-color: #fff7e4;
	--app-mpin-policy-container-border-color: #ffe9a6;
	--colors-Bandhan-Dark-Blue: #0a3152;
	--colors-Bandhan-Grey3: #707070;
	--form-title-margin: 0.55rem 0;
	--default-header-foreground: var(--header-foreground-color);
	--default-header-background: var(--header-bg-color);
}

.form-main-container .disclaimer-container {
	height: auto;
}

#language-switcher .oj-button-menu-dropdown-icon,
#language-switcher svg+span {
	display: none;
}

.msg-box-error-title {
	font-size: 16px;
}

.msg-box-error-message {
	font-size: 13px;
}

body .container .page-header-container .comp-title {
	display: block;
}

.action-button-cta,
.action-button-primary,
.action-button-secondary,
.action-button-tertiary,
.help-button {
	margin: .5rem;
}

.oj-listview:not(.oj-select-results) {
	--oj-collection-list-cell-padding-vertical: 0;
	--oj-list-view-item-padding-horizontal: 0;
}

:root {
	--oj-scrollbar-track-color: transparent;
	--oj-scrollbar-track-color-hover: transparent;
}

}

@media only screen and (max-width:767px) and (max-width:767px) {

.header-container .icon-back-arrow {
	margin-top: .5rem;
}

}

@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:3.1) {

.header-container .hamburger-icon path {
	stroke-width: .5rem;
}

}

@media (max-width:767px) {

.center-docked-menu {
	font-weight: 500;
	font-size: 12px!important;
	line-height: 16px;
	letter-spacing: 2%;
	text-align: center;
	color: #004880;
}

.nomineeTemplate .label {
	font-size: 13px;
}

.nomineeTemplate .detail-info-text {
	font-size: 12px;
	color: #333;
}

.guardianDesc {
	font-size: 12px!important;
}

#lovDropdown_nomineeSelect #oj-searchselect-results-nomineeSelect .oj-listview-item-layout {
	padding: 0!important;
}

.editSuccess-heading-confirmation {
	text-align: center;
	max-width: 60%;
	font-size: 18px!important;
	font-weight: 800;
	color: #0a3152!important;
}

.text-color-grey {
	color: #4f4f4f!important;
}

.text-color-black {
	color: #333!important;
}

.detail-success-template .label {
	font-weight: 400;
	font-size: 13px;
}

.detail-success-template .value {
	font-weight: 600;
	font-size: 14px;
}

}

@media (max-width:480px) {

#widgetContainer {
	background-color: #cce8eb!important;
}

}

@media only screen and (max-width:400px) {

#lovDropdown_nomineeSelect {
	max-width: 100%!important;
}

#lovDropdown_payeeAccountSelect_layer {
	z-index: 1000!important;
}

}

@keyframes form121-warning-marquee {

0% {
	transform: translate3d(100%,0,0);
}

100% {
	transform: translate3d(calc(-100% - 24px),0,0);
}

}

@keyframes blink {

0%,100% {
	opacity: 1;
}

50% {
	opacity: 0;
}

}

@keyframes fade-in {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes animatezoom {

0%,100% {
	transform: scale(1);
}

1% {
	transform: scale(.6);
}

}

@keyframes ripple-out {

0%,100% {
	box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 #fff0;
}

70% {
	box-shadow: 0 0 .3rem 0 var(--base-color-secondary),0 0 .6rem 1.3rem transparent,0 0 2.5rem .1rem var(--base-color-secondary),0 0 .3rem 2.5rem transparent;
	box-shadow: 0 0 .3rem 0 var(--base-color-secondary),0 0 .6rem 1.3rem transparent,0 0 2.5rem .1rem var(--base-color-secondary),0 0 .3rem 2.5rem rgba(255,255,255,0);
}

15% {
	box-shadow: 0 0 0 0 var(--base-color-secondary),0 0 0 0 rgba(255,255,255,.4),0 0 0 0 var(--base-color-secondary),0 0 0 0 rgba(0,0,0,.08);
}

}

@keyframes wind-screen-wiper {

0% {
	opacity: 0;
	-webkit-clip-path: polygon(0 0,100% 0,100% 0,0 100%);
	clip-path: polygon(0 0,100% 0,100% 0,0 100%);
}

20% {
	opacity: .5;
	-webkit-clip-path: polygon(0 0,100% 0,100% 95%,0 100%);
	clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}

100% {
	opacity: 1;
	-webkit-clip-path: polygon(0 0,100% 0,100% 85%,0 100%);
	clip-path: polygon(0 0,100% 0,100% 85%,0 100%);
}

}

@keyframes flip-down {

0% {
	transform: rotateX(90deg);
}

100% {
	transform: rotateX(0);
}

}

@keyframes slide-and-resize {

0% {
	width: 100%;
}

50% {
	background-color: var(--color-deep-yellow-darken);
}

100% {
	width: 15%;
	background-color: var(--color-deep-yellow);
}

}

@keyframes animatetop {

from {
	top: -20rem;
	opacity: 0;
}

to {
	top: 0;
	opacity: 1;
}

}

@keyframes bounceUp {

0% {
	opacity: 0;
	transform: translate3d(0,30px,0);
}

to {
	transform: translateZ(0);
}

}

@keyframes spin {

0% {
	transform: rotate(0);
}

100% {
	transform: rotate(360deg);
}

}

@keyframes bounceDown {

0% {
	opacity: 0;
	transform: translate3d(0,-30px,0);
}

to {
	transform: translateZ(0);
}

}