/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

:root {
  --main-plain-bg: #fafafa;
  --menu-item-color: #72757a;
  --menu-item-hover: #303030;
  --main-color: #b11116;
  --main-hover-color: #9e242c;
  --light-main-color: #fff6f5;
  --light-main-hover: #ffe4e0;
  --lighter-main-color: #fff6f5;
  --selected-light-color: #fff6f5;
  --light-sec-color: #f4ffff;
  --light-secalt-color: #d7f3f3;
  --light-main-color-hover: #ffe4e0;
  --text-color: #303030;
  --hdr-color: #303030;
  --subhdr-color: #575655;
  --mblsubhdr-color: #5e5e5e;
  --sub-hdr-color: #82848c;
  --sub-label-color: #a3acbc;
  --light-text-color: #9da2b6;
  --required-color: #ee2222;
  --main-bg-color: #fafafa;
  --primary-btn-color: #b11116;
  --primary-btn-hover: #9e242c;
  --sec-btn-color: #09afbb;
  --sec-btn-hover: #068088;
  --accent-color: #ffe685;
  --dark-hover-color: #3e3e3e;
  --lightblue-hover-color: #f3f6ff;
  --field-label-color: #626c90;
  --modal-bg: #ffffff;
  --button-text-color: #ffffff;
  --button-grey: #ebeef4;
  --backbtn-bgcolor: #635b58;
  --backbtn-hover-bgcolor: #494341;
  --button-icon-hover: #f5f6fc;
  --view-label-color: #939393;
  --placeholder-color: #b9bcd0;
  --input-field-bg: #fafbfc;
  --input-field-border: #eaebf0;
  --focused-input-border: #b11116;
  --container-color: #f4f8ff;
  --container-sec-color: #eaeff9;
  --light-container-color: #f9f9f9;
  --view-fieldlabel-color: #4d4d4d;
  --search-filter-label: #9f9f9f;
  --active-drop-zone: #fb6657;
  --upload-dashed-border: #c3cbd9;
  --light-border-color: #e3e3e3;
  --border-color-alt: #d8d8d8;
  --expanded-border: #eff5f5;
  --datatable-uncheck: #9f9f9f;
  --datatable-sublabel-color: #9f9f9f;
  --select-drop-color: #303030;
  --non-editable-color: #eaeef3;
  --expanded-bg: #f2f5f8;
  --table-row-alt: #f9f9f9;
  --invoice-bg: #fff;
  --invoice-placeholder: #9f9f9f;
  --attached-docs-bg: #f0f0f0;
  --light-bg: #ffffff;
  --simulation-line: #a3acbc;
  --icon-filter: unset;
  --expanded-menu-background: #373737;
  --menu-background-color: #303030;
  --rightpanel-bg-color: #edf1fa;
  --positive-color: #119b00;
  --negative-color: #de3232;
  --reject-btn-color: #d91452;
  --reject-btn-hover-color: #c0262e;
  --return-btn-color: #fc8e42;
  --return-btn-hover-color: #e67a2e;
  --attach-item-bg: #f2f5f8;
  --checkbox-border-color: #c3cbd9;
  --login-enroll-box: #3d5454;
  --sub-text-color: #dadada;
  --light-hover-color: #eff3f7;
  --ae-steps-inactive: #606060;
  --ae-steps-success: #2ed6a1;
  --ae-steps-activebg: #373737;
  --error-field-bg: #ffdcdc;
  --input-field-errorbg: #fef1f2;
  --border-color: #eaebf0;
  --listview-hdr-color: #eaebf0;
  --datatable-hdr-color: #fafbfc;
  --focused-field-bg: #fff6f5;
  --left-bar-bg: #322b29;
  --search-input-bg: #efeff4;
  --search-input-placeholder: #9da2b6;
  --menu-bg: #1a1615;
  --inactive-menu: #989898;
  --sub-text-coloralt: #92959a;
  --clear-color: #b11116;
  --inactive-tab: #8d94af;
  --welcome-widget-btn: #494949;
  --welcome-widget-hover: #3a3939;
  --datatable-border-color: #e4eaed;
  --charges-bg: #f9f6ea;
  --charges-label: #a69895;
  --txn-right-bg: #f1f1f1;
  --instr-bg: #fff9eb;
  --instr-color: #fac14e;
  --delete-btn-enabled: #f4eeec;
  --delete-btn-enabledhov: #ebe3e1;
  --delete-btn-disabled: #f6f6f8;
  --reject-btnalt-bg: #b11116;
  --reject-btnalt-hover: #9e242c;
  --approve-btnalt-bg: #09afbb;
  --approve-btnalt-hover: #068088;
  --process-color: #ed9a2d;
  --selected-biller-bg: #91827d;
  --save-fave-bg: #ffb1a9;
  --btn-border-radius: 12px;
  --input-border-radius: 10px;
  --input-field-fontsize: 15px;
  --no-records-label: #b2b4bc;
  --mbl-arrow--selector: #eaebf0;
  --mbl-panelhdr: #f5f5f5;
  --yellow-color: #e1b300;
  --yellow-hover-color: #b38f00;
  --mbl-details-bg: #f5f5f5;
  --mbl-card-border: #eaebf0;
  --stepper-color: #7d7d7d;
  --acct-view-color: #95959a;
  --primary-menu-color: #b11116;
}

.ant-radio-wrapper {
  font-family: 'Poppins', sans-serif;
}

* {
  font-family: 'Poppins', sans-serif;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: var(--main-plain-bg);
  overflow-x: hidden;
  color: var(--hdr-color);
}

html {
  font-family: 'Poppins';
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Poppins', sans-serif;
}

.react-datepicker__input-container input {
  font-family: 'Poppins' !important;
}
.ant-time-picker-panel-select {
  font-family: 'Poppins', sans-serif;
}
.newfologin_inputfield_label {
  color: #9da2b6;
}

.bob_login__forgot {
  color: var(--sec-btn-color);
}

.bob_login__unlock {
  color: var(--sec-btn-color);
}

.bob_login__unlockicon {
  color: var(--sec-btn-color);
}

.bob_login_learnctr {
  background-color: #fff;
}

.bob_login__learnhdr,
.bob_login__learnsubhdr {
  color: var(--text-color);
}

.bob_login_learnctr .f4Button {
  border-radius: 8px;
}

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: #fafbfc;
}

.headerTable {
  color: #626c90;
}

.ant-radio-wrapper-checked {
  background-color: #effeff;
  border-color: var(--sec-btn-color);
  color: var(--sec-btn-color);
  font-weight: 500;
}

.ant-radio-checked .ant-radio-inner,
.ant-radio-checked::after,
.ant-radio-wrapper:hover,
.ant-radio-input:focus + .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner {
  border-color: var(--sec-btn-color);
}

.ant-radio-wrapper-checked .ant-radio-inner {
  background-color: var(--sec-btn-color);
}

.ant-radio-wrapper {
  font-weight: 500;
}

.ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: 0 0 0 3px rgba(9, 173, 185, 0.08);
  box-shadow: 0 0 0 3px rgba(9, 173, 185, 0.08);
}

.f4InputField,
.f4TextAreaNew,
.Select-control,
.react-tel-input input[type='text'],
.react-tel-input input[type='tel'],
.react-datepicker__input-container input {
  /* border-radius: 13px !important; */
}

.react-datepicker {
  font-family: 'Poppins', sans-serif !important;

  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  display: inline-block;
  position: relative;
}
.ant-tabs-bar {
  border-bottom: 1.3px solid var(--border-color);
}

.main_dashboard__panel .ant-tabs-bar {
  background-color: var(--input-field-bg);
}

.menu_search__sectioninput .react-autosuggest__input {
  border: 1.5px solid #e4e9ea;
  background-color: #fafcfc;
}

.bob_mainleft__btnalt {
  color: var(--accent-color);
}

.bob_login__image {
  width: 40vw;
}

.bob_login__image > img {
  min-height: unset;
  object-fit: cover;
  filter: brightness(85%);
}

.bob_login__image > img:first-child {
  width: 100%;
  position: absolute;
  scale: 0.9;
}

.bob_login__image > img:nth-child(2) {
  height: 100vh;
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  max-height: 100%;
}

#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  display: unset;
}

.bpi_login__hdr {
  display: flex;
  /* justify-content: center; */
  margin-bottom: 50px;
}

.bpi_login__hdr > img {
  width: 225px;
}

.acct_selfield__phborder {
  background: #dbdde6 !important;
}

.acct_card__border,
.acct_selfield__phborder {
  background: var(--main-color);
}

.transactionalAccountSelector_main .acct_card__view,
.otheracct_selector__main .othacct_card__view {
  border: none;
}

.acct_card__view {
  background: #fff;
  color: var(--text-color);
  border: 1px solid #eceded;
}

.acct_card__dtls > div:first-child,
.acct_card__avbal > div:first-child,
.acct_card__viewalt .acct_card__dtlsalt > div:last-child {
  font-size: 10px;
  font-weight: 500;
  color: #92959a;
}

.transactionalAccountSelector_main:not(.transactionalAccountSelector_hasSelected)
  .acct_selector__fieldcust
  .Select-arrow-zone,
.biller_selector__value-container:not(.biller_selector__value-container--has-value)
  + .biller_selector__indicators
  .biller_selector__indicator,
.otheracct_selector__main:not(.otheracct_selector__main--has-value)
  .otheracct_selector__field
  .Select-arrow-zone {
  background-color: var(--mbl-arrow--selector);
  box-shadow: none;
  color: var(--text-color) !important;
}

.biller_list__search input {
  background-color: #efeff4;
  border-color: #eaebf0;
}
.biller_list__search input::placeholder,
.biller_list__search input::-moz-placeholder {
  color: var(--light-text-color);
}
.bob_login__leftlinks > a {
  color: var(--main-color);
}

.bob_login__leftlinks > a:not(:last-child) {
  border-color: #f2f2f4;
}

.ae_card__wrapper--selected,
.ae_card__wrapper:hover {
  border: var(--main-color) 2px solid !important;
}

/* .newtxntype_freqitem.not(.newtxntype_freqitemalt) {
} */
.newtxntype_freqlist {
  background-color: #eaebf0;
  border: 1.3px solid #ededed;
}

.acct_selector__fieldcust .Select-clear-zone .Select-clear {
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}

.newtxntype_freqitem {
  color: var(--field-label-color);
}

.newtxntype_freqitemalt {
  color: var(--text-color);
}

.acct_view__fieldarr {
  /* border-color: #aea3a0; */
}

.acct_view__fieldarr > div {
  background-color: #fff;
  border: 0.3px solid #dedede;
}

.bob_panel__stepsection {
  color: var(--stepper-color);
}

.bob_ack__hdr {
  background: #343749;
}

.bob_ackhdr__dtls > div {
  color: #ffffff;
}

.bob_ackhdr__dtls > div > div:first-child {
  font-weight: 700;
}

.possible_path__selitemalt,
.possible_path__selitem:hover {
  border: 1.9px solid var(--sec-btn-color);
}

.possible_path__selitemalt .possible_path__slpcheck {
  background-color: var(--sec-btn-color);
}

.bob_ackhdr__refno {
  box-shadow: none;
  color: #fff;
  background: #525464;
}

.bpi_clear__btn {
  color: var(--text-color);
}

.side_tabs__secitem > img {
  filter: brightness(0) saturate(100%) invert(70%) sepia(22%) saturate(0%) hue-rotate(283deg)
    brightness(84%) contrast(87%);
}

.side_tabs__secitemalt > img,
.side_tabs__secitem:hover > img {
  filter: unset;
  -webkit-filter: unset;
}

.filter_btn__icon:hover > img,
.filter_btn__icon:active > img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(30%) saturate(5842%) hue-rotate(339deg)
    brightness(85%) contrast(90%);
}

.bob_clear__btn:hover,
.bob_clear__btn:focus,
.bob_clear__btn:active {
  color: var(--text-color) !important;
}

.trns-nickname {
  color: var(--sub-text-coloralt);
}

.accwdg_view__card {
  background: #fff;
  color: var(--text-color);
  border: 1px solid #eceded;
}

.accwdg_viewcard__border {
  background-color: var(--main-color);
}

.accwdg_viewcard__avbal > div:first-child,
.accwdg_viewcard__type {
  color: var(--sub-text-coloralt);
}

.bob_txnamount__field {
  background-color: var(--input-field-bg);
}

.bob_mainmenu__item > img {
  filter: unset;
}

.bob_mainmenu__item:hover,
.bob_mainmenu__item:active {
  color: #fff;
}

.bob_mainmenu__item:hover > img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(36%) saturate(0%) hue-rotate(345deg)
    brightness(104%) contrast(100%);
  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(36%) saturate(0%)
    hue-rotate(345deg) brightness(104%) contrast(100%);
}

.bob_mainmenu__item {
  color: var(--inactive-menu);
}

.txn_trail__showpossbtn .bob_btn__link {
  height: 40px;
  border-radius: 10px;
  width: 100%;
  margin: 0px;
  background: var(--sec-btn-color);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.txn_trail__showpossbtn .bob_btn__link:hover,
.txn_trail__showpossbtn .bob_btn__link:active,
.txn_trail__showpossbtn .bob_btn__link:focus {
  background-color: var(--sec-btn-hover) !important;
  transition: 0.4s;
  color: #fff !important;
}

.searchfilter_adv__btns .bob_clear__btn:hover,
.searchfilter_adv__btns .bob_clear__btn:active,
.searchfilter_adv__btns .bob_clear__btn:focus {
  color: var(--main-hover-color) !important;
}

.bob_instr__viewererr {
  background: #ffe2e2;
}

.acctwdg_view__balitem {
  background: #f4f6f7;
  color: var(--sub-text-coloralt);
}

.acctwdg_view__balitem > div:last-child {
  color: var(--text-color);
  font-weight: 700;
}

.tranhist_table__btn .f4Button {
  font-weight: 700;
}

.copyfrom_dropdown__item {
  background: #eff5f8;
}

.copyfrom_dropdown__noitem {
  color: var(--no-records-label);
}

.bob_ackactions__button,
.bob_ackactions__button:hover {
  background: #525464;
}

.expandedContent {
  background-color: #fff;
}

.modal-check-checkbox {
  border-color: var(--light-text-color);
}

.sms_otp__inputfield .f4InputField::placeholder,
.sms_otp__inputfields .f4InputField::-moz-placeholder,
.sms_otp__inputfields .f4InputField::-webkit-input-placeholder {
  font-size: 40px !important;
  font-weight: 500;
}

.f4upload_field__dropzone {
  border-radius: 13px;
}
.f4CheckboxMainContainer {
  border-radius: 13px !important;
}
.acct_selector__fieldcust .Select-clear-zone .Select-clear,
.acct_selector__fieldcust .Select-arrow-zone,
.biller_selector__indicator,
.otheracct_selector__field .Select-clear-zone .Select-clear,
.otheracct_selector__field .Select-arrow-zone {
  background-color: var(--text-color);
  color: #fff !important;
}

.biller_selector__value-container:not(.biller_selector__value-container--has-value)
  + .biller_selector__indicators
  .biller_selector__indicator {
  background-color: #eaebf0;
  box-shadow: none;
}

.f4newlistview_hdr > div {
  /* color: #626c90; */
  color: #9da2b6;
}

.ae_steps__itempointer {
  background: var(--yellow-color);
}

.ae_steps__itemcurr {
  border-color: var(--yellow-color);
  color: var(--yellow-color);
}

.ae_success__ctr .ae_completed__dscp > span {
  color: var(--yellow-color);
}

.ae_completed__dscp {
  color: #fff;
}

.ae_completed__instructions {
  color: #dcdcdd;
}

.ae_completed__hdr {
  color: #fff;
}

.bob_instr__section > div:first-child {
  background: #f7f9fb;
}

.soa_inquiry__panel .bob_generic__portlet {
  background: #f9f9f9;
}

.ae_success__template {
  background-color: #fff;
}

.ae_ack__rdhdr {
  background-color: #f6f6f8 !important;
}

.ae_ack__rditem > div:first-child {
  background: #e5e6e9 !important;
}

.ae_ack__rditem {
  border-bottom: 1px solid #eaebf0 !important;
}

.newfologin_inputfield .inputfield_pw__togglebtn img[src='images/vectors/icons/View_dtls.svg'] {
  filter: brightness(0) saturate(100%) invert(53%) sepia(43%) saturate(7474%) hue-rotate(156deg)
    brightness(107%) contrast(93%);
}
.mbltxnhist_balance {
  background-color: #f4f4f2;
}
.field_info__btn > img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(69%) saturate(2894%) hue-rotate(339deg)
    brightness(96%) contrast(89%);
  -webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(69%) saturate(2894%)
    hue-rotate(339deg) brightness(96%) contrast(89%);
}
.Select.has-value.is-open .accountselector_itemdtls__wplaceholder {
  color: var(--hdr-color);
  background: #fff;
  border-radius: 11px;
  width: calc(100% - 10px);
}
.bob_instr__section {
  border: 1px solid #1f46fd;
  border-radius: 10px;
  background-color: #f3f5ff;
}
.bob_instr__section > div:first-child {
  background-color: #1f46fd;
}
.loginforget_formhdr > div:nth-child(3) {
  color: var(--text-color);
}
.bob_mainleft__btninactive {
  color: #fff;
}
.bob_mainleft__btninactive > img {
  filter: brightness(2);
}
.bob_mainleft__btnalt > img {
  filter: brightness(0) saturate(100%) invert(91%) sepia(22%) saturate(939%) hue-rotate(337deg)
    brightness(101%) contrast(105%);
}
.task_list__itemcount {
  /* color: #8b827f; */
}
.ant-radio-inner {
  border-color: #9da2b6;
  background-color: #fafbfc;
}
.mbl_myprofile__logout .bob_back__btn,
.mbl_logout__modal .modal_back__btn {
  background-color: #4b5767 !important;
}
.mbl_myprofile__logout .bob_back__btn:hover,
.mbl_myprofile__logout .bob_back__btn:active,
.mbl_logout__modal .modal_back__btn:hover,
.mbl_logout__modal .modal_back__btn:active {
  background-color: #363e4a !important;
}

.bob_login__btnctr .f4Button {
  background-color: #b30000 !important;
}

.pill__view_field {
  display: inline-flex;
  border: 1px solid #1f46fd;
  border-radius: 30px;
  background-color: #f3f5ff;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
}

.pill__view_field > div {
  padding-left: 10px;
}

.pill__view_field > div:first-child {
  padding-left: 0;
}

.pill__view_field > div:last-child {
  font-weight: 700;
}