/* Custom Components For Mobile */
/* ||Mobile List View */
.mblbms_lv__placeholder {
  text-align: center;
}

.mblbms_lv__placeholder>div:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 10px;
  color: var(--placeholder-color);
}

.mblbms_lv__placeholder>div:nth-child(3) {
  margin-top: 20px;
  padding: 0 10px;
}

.mblbms_lv__placeholder>div:nth-child(3) .f4Button {
  height: 40px;
  border-radius: 10px;
  font-weight: 700;
}

.mblbms_lv__placeholder>div:nth-child(3) .f4Button>i {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.mblbms_lv__item {
  position: relative;
  /* overflow: hidden; */
  /* padding-bottom: 15px; */
  margin-bottom: 15px;
  /* border-bottom: 1px solid var(--border-color); */
}

.mblbms_lv__item:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}

.mbl_rpinvlv__item {
  word-break: break-word;
}

.mbl_rpinvlv__itemhdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.mbl_rpinvlv__itemhdrtxt {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17px;
}

.mbl_rpinvlv__itemhdr .sme_btn__link {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 16px;
}

.mbl_rpinvlv__itemdscp {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
}

.mbl_rpinvlv__itemfr,
.mbl_rpinvlv__itemsr {
  margin-top: 20px;
  display: flex;
}

.mbl_rpinvlv__itemfr>div {
  width: calc(50% - 45px);
}

.mbl_rpinvlv__itemsr>div:first-child {
  width: calc(50% - 45px);
}

.mbl_rpinvlv__itemsr>div:nth-child(2) {
  width: calc(50% + 45px);
}

.mbl_rpinvlv__itemdtl>div:first-child {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  color: var(--label-color);
  margin-bottom: 10px;
}

.mbl_rpinvlv__itemdtl>div:nth-child(2) {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
}

.mbl_rpinvlv__itemfr>.mbl_rpinvlv__itemactions {
  width: 90px;
  display: flex;
}

.mbl_rpinvlv__itemactions>div {
  height: 30px;
  width: 40px;
  border-radius: 20px;
  border: 1.5px solid #edeff8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1px;
  position: relative;
  margin-left: 5px;
}

.mbl_rpinvlv__itemactions>div>img {
  height: 28px;
  width: 28px;
}

.mbl_rpinvlv__itemamt {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.mbl_rpinvlv__itemamt>div:first-child {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  color: var(--label-color);
}

.mbl_rpinvlv__itemamt>div:last-child {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 18px;
  text-align: right;
}

.mblbms_lv__paneladd__withtotal {
  margin-top: 70px !important;
}

.mbl_rvinv__lvpanel .mblbms_lv__paneladd {
  margin-top: 25px;
  margin-bottom: 0px;
}

.mblbms_lv__panel .mblbms_lv__paneltotal {
  padding-top: 20px !important;
}

.mblbms_lv__placeholder .mblbms_lv__paneltotal {
  padding-top: 20px !important;
  padding-bottom: 40px !important;
}

.mbl_rvinv__lvpanel_alt .mbl_listview__oddeven {
  margin-inline: 0;
  margin-top: 0;
}

.mblinv_lv__hdropt .f4CheckboxNewMainContainer {
  border: 2px solid var(--border-color-alt);
  box-shadow: 2px 0 5px 0 rgb(186 186 186 / 6%);
  border-radius: 10px;
  padding: 10px 15px;
}

.mblinv_lv__hdropt .f4checkboxnew_checked {
  border-color: var(--button-color);
  background: var(--light-main-color);
}

.mblinv_lv__hdropt .f4checkboxnew_checked .small-check-container>label {
  font-weight: 700;
}

.mblinv_addtl__sectionpanel {
  width: calc(100% + 20px);
  border: none;
}

.mblinv_addtl__sectionpanel .invoice_addtl__sectionhdr {
  font-size: 20px;
}

.mblinv_form__listtotals {
  position: sticky;
  bottom: 0;
  left: 0;
  width: calc(100% + 40px);
  background: #fff;
  z-index: 99;
  margin: 0px -20px;
  padding: 25px;
  box-shadow: 0 -5px 13px 0 rgb(238 242 250 / 40%);
}

.mbl_crinvf__wrapper {
  padding-bottom: 0px;
}

.mblinv_addtl__sectionpanel .f4upload_field__label .f4FormFieldLabel {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  color: var(--field-label-color);
}

/* .mblbms_lv__paneladd::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 1px;
  background: var(--border-color);
} */

.mblbms_lv__paneladd>i {
  margin-right: 10px;
  position: relative;
  top: 1px;
}

/*|| Generic Mobile Body */

.generic_mainmenu__mobileoverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 799;
  background: #6f6f6f80;
}

/* ||Mobile Dropdown */
/* || mobile select */

.mobile_single__selectmain {
  height: 45px;
  width: 100%;
  background: var(--input-field-bg);
  outline: none;
  display: flex;
  align-items: center;
  border: 2px solid var(--input-field-border);
  border-radius: 10px;
  position: relative;
}

.mobile_single__selectmain>div:first-child {
  width: calc(100% - 40px);
  padding: 0 15px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mobile_single__selectplaceholder {
  color: var(--placeholder-color);
  font-size: 17px;
  font-weight: 500;
}

.mobile_single__selectarrow {
  width: 40px;
  display: flex;
  justify-content: center;
  color: var(--placeholder-color);
  font-size: 17px;
}

.mobile_single__selectoptitem {
  position: relative;
  min-height: 55px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-size: 15px;
  border: 2px solid var(--border-color);
  margin: 7px 0px;
  border-radius: 10px;
}

/* .custom_mobileinput__field {
  padding-inline: 10px;
} */
.mobile_single__selectoptitemalt {
  border-radius: 10px;
  border: 2px solid var(--button-color);
  color: var(--button-color);
  background: var(--selected-light-main);
}

.mobile_single__selectoptitemcheck {
  height: 16px;
  width: 16px;
  font-size: 8px;
  border-radius: 50%;
  background: var(--button-color);
  /* display: flex; */
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  display: none;
}

.mobile_single__selectoptitemalt>.mobile_single__selectoptitemcheck {
  opacity: 1;
  pointer-events: unset;
}

.mobile_single__selectoptitem .multi-option-label {
  white-space: unset;
  text-overflow: unset;
  overflow: unset;
  word-break: break-word;
  font-size: 15px;
}

.mobile_single__selectsearch {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  padding-bottom: 20px;
}

.mobile_single__selectsearch>i {
  position: absolute;
  color: var(--placeholder-color);
  font-size: 19px;
  top: 11px;
  left: 15px;
  pointer-events: none;
}

/* New Mobile Listview */
.mbl_listview__fields {
  border: 1px solid #eaeff0;
  border-radius: 13px;
  background-color: #ffffff;
  padding: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.mbl_listview__hdr {
  border-radius: 8px 8px 0 0;
  background-color: #eef3f4;
  margin-top: -15px;
  margin-left: -15px;
  margin-inline: -15px;
  padding: 7px 15px;
  font-size: 15px;
  font-weight: 600;
}

.mbl_listview__ctr {
  position: relative;
  will-change: transform;
  z-index: 2;
  transition: 0.2s;
}

.mbl_listview__ctr--toggle {
  transform: translateX(-88px);
}

.mbl_listview__item__settlementacct .small-check-lbl {
  font-size: 18px;
}

.mbl_listview__item__settlementacct .small-check-box {
  width: 20px;
  height: 20px;
}

.mblbms_lv__paneladd {
  position: relative;
  text-align: center;
  color: var(--main-color);
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px 0px;
  margin: 25px 0 -10px;
  border: 1.5px solid var(--main-color);
  border-radius: 8px;
  background-color: hsl(10deg 100% 99%);
}

.mbl_listview__item .f4FormFieldLabel,
.mbl_listview__select .mbl_listview__item {
  display: none;
}

.mbl_listview__item .mobile_single__selectmain {
  border-radius: 10px;
  background-color: var(--mbl-card-border);
}

.mbl_listview__item .mobile_single__selectmain>div:first-child {
  color: #8c8c8c;
  font-size: 17px;
  border: none;
  font-weight: 600;
}

.mbl_listview__regselect .mobile_single__selectmain {
  background-color: #fafcfc;
}

.mbl_listview__item .mobile_single__selectarrow {
  color: var(--hdr-color);
}

.mbl_listview__item .Select-value-label strong {
  font-weight: 600;
}

.mbl_listview__regselect .Select-value-label strong {
  font-weight: 500;
}

.mbl_listview__delete {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: var(--clear-color);
  height: 100%;
  gap: 1px;
  position: relative;
}

.mbl_listview__edit {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #27d7b7;
  height: 100%;
  gap: 1px;
  position: relative;
}

.mbl_listview__actions {
  position: absolute;
  right: -15px;
  top: 0;
  height: 100%;
  width: fit-content;
  width: -webkit-fit-content;
  z-index: 1;
  display: flex;
}

.mbl_listview__actions>div {
  width: 110px;
}

.mbl_listview__collapsible {
  border: 1px solid var(--mbl-card-border);
  border-radius: 10px;
  background-color: var(--input-field-bg);
  padding: 18px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  transition: 0.3s;
  max-height: 120px;
  will-change: max-height;
  overflow: hidden;
}

.mbl_listview__collapsible--open {
  max-height: 1000px;
  will-change: max-height;
  transition: 0.3s;
}

.mbl_listview__hdrwsub {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mbl_listview__hdrcollapsible {
  font-size: 17px;
  font-weight: 700;
}

.mbl_listview__subhdrcollapsible {
  font-size: 15px;
  font-weight: 500;
}

.mbl_listview__collapsible>.row {
  width: 100%;
}

.mbl_listview__collapsible>.row:not(:first-child) {
  margin-top: 15px;
}

.mbl_listview__collapsible>.row:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 15px;
}

.mbl_viewfield__wcollapsible {
  display: flex;
  justify-content: space-between;
}

.mbl_viewfield__collapsed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.mbl_listview__arrow {
  font-size: 20px;
}

.mbl_viewfield__collapsed .bob_view__field::after,
.mbl_viewfield__wcollapsible .bob_view__field::after {
  content: none;
}

.mbl_packagetype__view {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
}

.mbl_listview__indicator {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
}

.bob_view__portletbody>.mbl_listview__views:not(:first-child) .mbl_listview__oddeven {
  border-top: 1.3px solid var(--mbl-card-border);
}

.bob_view__portletbody .mbl_listview__views:not(:first-child)>.mbl_listview__oddeven:not(:first-child) {
  border-top: 1.3px solid var(--mbl-card-border);
}

.mbl_listview__oddeven {
  position: relative;
  /* overflow: hidden; */
  margin-inline: -15px;
  margin-top: -10px;
  margin-bottom: -10px;
  padding: 10px 15px;
}

/* .mbl_listview__oddeven > .row:not(:last-child), */

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

.mbl_listview__views+.mbl_listview__oddeven:nth-child(odd)>.mbl_listview__indicator {
  background-color: var(--main-color);
}

.mbl_listview__views>.mbl_listview__oddeven:nth-child(even)>.mbl_listview__indicator {
  background-color: #a8aaaf;
}

.mbl_listview__views .mbl_listview__oddeven:last-child>.mbl_listview__indicator {
  height: calc(100% + 20px);
}

.mbl_listview__views .mbl_listview__oddeven.mbl_listview__lined .bob_view__field:not(:last-child)::after {
  position: absolute;
  content: '';
  width: 1.3px;
  color: var(--mbl-card-border);
  height: 100%;
  display: block;
}

.mbl_listview__views .mbl_listview__lined .bob_view__field::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.3px;
  background: var(--mbl-card-border);
}

.mbl_listview__views .mbl_listview__oddeven:not(:first-child) {
  border-top: 1.3px solid var(--mbl-card-border);
}

/* .bob_view__portletbody .mbl_listview__views .row::after {
  content: '';
  position: relative;
  left: 20px;
  bottom: -20px;
  height: 1px;
  background: var(--border-color);
  width: calc(100% - 40px);
} */
.bob_view__portletbody .mbl_listview__views .mbl_listview__lined .row:not(:nth-last-child(2))::after {
  content: '';
  border-bottom: 1px solid var(--mbl-card-border);
  width: calc(100% - 30px);
  display: block;
  margin: 0px auto;
  padding-bottom: 10px;
}

.mbl_listview__views .mbl_listview__oddeven>.row {
  margin-bottom: 10px;
}

.mbl_listview__views .mbl_listview__oddeven:not(:last-child) {
  padding-bottom: 10px;
}

.mbl_listview__views .mbl_listview__oddeven:last-child {
  padding-bottom: 0;
}

.ae_contentsection__alt .mbl_listview__oddeven:not(.mbl_listview__oddeven.mbl_listview__lined) .bob_view__field:not(:last-child)::after {
  display: none;
}

/* || Mobile Navbar */
.bob_mobile__navheader {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding-inline: 15px;
  background-image: url('/fo/images/Accounts Header.svg');
}

.bob_mobile__nav {
  max-height: calc(100vh - 75px);
  overflow-y: auto;
}

.bob_mobile__navnb {
  max-height: calc(100vh);
  overflow-y: auto;
}

.bob_mobile__navheadermenu {
  gap: 15px;
  padding-bottom: 15px;
}

.bob_mobile_navhdr {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 30px;
}

.bob_mobile__navlogo>img {
  height: 20px;
  margin-top: 60px;
}

.bob_mobile__navsearch {
  margin-bottom: -22.5px;
}

.bob_mobile__navsearchmenu {
  margin-bottom: 0;
}

.bob_mobile__navsearch .menu_search__sectioninput .react-autosuggest__input {
  border: 0.8px solid #e4e9ea;
  border-radius: 13px;
  width: 100%;
  background-color: #fafcfc;
  height: 55px;
  box-shadow: 0 1px 11px 0 rgba(152, 159, 159, 0.1), 0 3px 8px 2px rgba(164, 166, 166, 0.06);
}

.bob_mobile__navsearch .menu_search__sectioninput .react-autosuggest__input::placeholder {
  color: #b5b6b8;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.bob_mobile__navsearch .menu_search__section {
  width: 100%;
}

.bob_mobile__navsearch .menu_search__sectioninput>i {
  font-size: 20px;
  top: 18px;
}

/* || Navigation */
.bob_mobilenavicon {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  align-items: center;
}

.bob_mobile_navbtn {
  flex: 1;
  display: flex;
  justify-content: center;
}

.bob_mobile__navbuttons {
  display: flex;
  justify-content: space-around;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 -7px 16px 0 rgb(170 169 172 / 10%);
  z-index: 99;
  padding-top: 10px;
  padding-bottom: 20px;
}

.bob_mobilenavicon>img {
  height: 28px;
}

.bob_mobile_navbtn img {
  /* filter: brightness(0) saturate(100%) invert(16%) sepia(23%) saturate(0%) hue-rotate(183deg)
    brightness(93%) contrast(90%); */
}

.bob_mobile_navbtnactive img {
  filter: unset;
}

.bob_mobile_navbtnactive .bob_mobilenav__label {
  font-weight: 700;
  color: var(--main-color);
}

.bob_mobilenav__label {
  font-size: 11px;
  font-weight: 500;
}

.bob_mobile_navbtn.bob_mobile_navbtnactive::before {
  display: block;
  position: absolute;
  content: '';
  width: 50px;
  height: 3px;
  background: var(--main-color);
  top: 0;
  border-radius: 0 0 2px 2px;
}

/*Favorites Mobile Panel  */
.bm_mblbookmarks__panel {
  margin-inline: 15px;
  margin-top: 20px;
}

.bm_mblbookmarks__panelhdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bm_mblbookmarks__panelhdr>div:first-child {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.bm_mblbookmarks__panelhdr .bm_mblmanage__btn {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--main-color);
  background-color: transparent;
  padding: 0;
}

.bm_mblbookmarks__panelhdr .bm_mblmanage__btn:hover,
.bm_mblbookmarks__panelhdr .bm_mblmanage__btn:active,
.bm_mblbookmarks__panelhdr .bm_mblmanage__btn:focus {
  color: var(--main-color) !important;
  background-color: transparent !important;
}

.bob_mblmainmenu__itemlist {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  padding: 0 15px;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

/* ||Initial Profile screen  */
.mbl_myprofile__menuctr {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 40px;
  padding-bottom: 45px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 25px;
}

.mbl_myprofile__logout .f4Button {
  width: 100%;
}

.mbl_myprofile__menu:hover {
  color: var(--text-color);
  background-color: var(--light-hover-color);
}

.mbl_myprofile__menu {
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eceff0;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 11px 0 rgba(152, 159, 159, 0.1);
  padding: 21px 15px;
  align-items: center;
  color: var(--text-color);
}

.mbl_myprofile_menulabel {
  display: flex;
  gap: 15px;
  font-size: 17px;
  font-weight: 500;
  align-items: center;
}

/* f4capture */

.mobile_euimg__modal {
  width: 100%;
  height: 100%;
}

.mobile_euimg__modal .edituploadimg_workspace {
  width: 100%;
  margin: 0px;
}

.mobile_euimg__modal .f4ModalHeader {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mobile_euimg__modal div.f4ModalHeader .close {
  color: #fff;
  margin: 0px;
  font-size: 40px !important;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  right: -7px;
}

.mobile_euimg__modal .f4ModalTitle {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  width: calc(100% - 40px);
}

.mobile_euimg__modal .f4ModalBody {
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mobile_euimg__modal .editupload_img__slider {
  bottom: 120px;
}

.mobile_euimg__modal .f4ModalFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
}

.mobile_euimg__modal .f4ButtonGroup>span {
  margin: 0px !important;
  width: 100%;
}

.mobile_euimg__modal .f4ButtonGroup .f4Button {
  height: 50px;
  border-radius: 16px;
}

.mobile_capimg__modal .f4ModalHeader {
  background: #00000033;
}

.mobile_capimg__modal .camera_captureimg__panel,
.mobile_capimg__modal .camera_captureimg__panel .react-html5-camera-photo>video {
  height: 100%;
}

.mobile_edit__photo {
  position: absolute;
  bottom: 10px;
  right: -8px;
}

.mbl_uploadcap__btn {
  height: 35px;
  width: 35px;
  padding: 0px;
  border-radius: 50%;
  border: none;
  box-shadow: none;
}

.mbl_uploadcap__btn>span>img {
  height: 35px;
}

.mbl_gnrcmenu__drop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 800;
  background: #fff;
  width: 100%;
  height: 100%;
  max-height: 100%;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  /* padding: 0px; */
  /* border-radius: 0px; */
  -webkit-box-shadow: 0 -2px 8px 3px rgb(177 177 177 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  box-shadow: 0 -2px 8px 3px rgb(177 177 177 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  padding: 15px 0px;
  border-radius: 20px 20px 0 0;
}

.mbl_gnrcmenu__dropalt {
  bottom: -100%;
}

.mbl_gnrcmenu__drophdr {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  height: 65px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background: #fff;
  flex-direction: row-reverse;
}

.mbl_gnrcmenu__dropclose {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.mbl_gnrcmenu__droptitle {
  width: calc(100% - 60px);
  padding: 0 5px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
}

.mbl_gnrcmenu__drophdrleft {
  width: unset;
  display: flex;
}

.mbl_gnrcmenu__drophdrright {
  width: 60px;
  display: none;
  justify-content: flex-end;
}

.mbl_gnrcmenu__drophdrright .generic_mainmenu__mobileclear {
  padding: 0 5px;
  height: 25px;
}

.mbl_gnrcmenu__dropbody {
  height: calc(100% - 65px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 15px;
}

.mbl_gnrcmenu__dropbody .actionchoice-optitem {
  border-radius: 0px;
  min-height: 65px;
  border-bottom: 1px solid var(--border-color);
}

.mbl_gnrcmenu__dropbody .actionchoice-optitem:last-child,
.mbl_gnrcmenu__dropbody .mbl_category__picker {
  border-bottom: none;
}

.mbl_gnrcmenu__dropbody .actionchoice-optitem>div:last-child {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  padding-left: 10px;
}

.mbl_uploadcap__itemrm>div:last-child {
  color: var(--clear-button-color);
}

/* panel template */
.bob_mbl__panelhdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  z-index: 100;
}

.bob_mbl__panelhdrblue {
  top: 0;
  position: sticky;
  width: calc(100% + 30px);
  left: -15px;
  margin-left: -15px;
  padding-top: 30px;
  margin-top: 0;
  background: var(--mbl-panelhdr);
  padding-inline: 15px;
  padding-bottom: 22px;
}

.bob_mbl__panelclose:hover,
.bob_mbl__panelclose:active {
  background-color: var(--light-hover-color);
}

.bob_mbl__panelclose {
  font-size: 28px;
  transition: 0.3s;
  height: 28px;
  border-radius: 50%;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bob_mblack__panelclose>i {
  color: #fff;
}

.bob_mbl_backhdr {
  display: flex;
  gap: 10px;
  align-items: center;
}

.bob_mbl_paneltitle {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.bob_ack__mblactions {
  display: flex;
  gap: 15px;
}

.bob_ack__mblactions .bob_mblack__panelclose {
  height: 35px;
  width: 35px;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.15);
}

.bob_mbl__panelwtabs {
  display: flex;
  flex-direction: column;
}

.bob_mbl_paneltabhdr {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.bps_menu__hdr {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}

.bps_menu__item {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 15px 0;
}

.bps_menu__icon {
  height: 40px;
  width: 40px;
  background-color: var(--light-main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.bps_menu__options>.bps_menu__item:not(:last-child) {
  border-bottom: 1.3px solid #eff1f2;
}

.bps_menu__label {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
}

.bps_myprofile__bghdr {
  background: url('../images/Profile\ Header.png');
  /* position: absolute; */
  margin-top: -30px;
  margin-left: -15px;
  width: calc(100% + 30px);
  height: 180px;
  z-index: 1;
  display: flex;
  align-items: flex-start;
}

.bob_mbl_panelhdrprofile {
  display: flex;
  width: calc(100% - 30px);
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

/* ||Recent Activity */
.recact_ctr {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.recact_item {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  background-color: #fcfcfc;
  padding: 15px 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recact_border {
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--main-color);
}

.recact_itemleft {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.recact_hdr {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.recact_dt {
  color: #b5b6b8;
  font-size: 13px;
  font-weight: 500;
}

.mblacc_pill__ctr {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.mblacc_widget__noitem {
  display: flex;
  justify-content: center;
  font-size: 17px;
  color: var(--sub-text-coloralt);
  margin-top: 20px;
}

/* || ACCOUNT WIDGET */
.mblacc_pill {
  border-radius: 20px;
  background-color: #e5ebeb;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  transition: 0.4s;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 13px;
}

.mblacc_pill--selected {
  border: 2px solid var(--main-color);
  background-color: var(--main-color);
  color: #ffffff;
  font-weight: 700;
}

.mblacct_widget__section {
  margin-top: 35px;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
}

.mblacct_widget__section .mblacc_widget__cardview:not(:last-child) {
  margin-top: 30px;
}

.mblacc_widget__cardview {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.mbl_accwidget__top {
  background-color: var(--mbl-details-bg);
  padding: 30px 15px 14px;
}

.mblmanag_acct__panel .mbl_accwidget__top {
  height: 42vh;
  min-height: 350px;
}

.mbl_accwidget__hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.mblacc_view__right {
  display: flex;
  align-items: center;
}

.mblacc_view__right> :nth-child(2) {
  border-left: 1px solid #d6dfe1;
}

.mblacc_view__right .acctwdg_view__editbtn {
  padding-left: 15px;
}

.acctwdg_view__dtls {
  display: flex;
  flex-direction: column;
}

.mbl_acctwdgview__quicklink {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.mbl_acctwdgview__quicklinkicon {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffebe7;
  border-radius: 16px;
}

.mbl_acctwdgview__quicklinkdscp {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  word-break: keep-all;
  max-width: 60px;
}

.mbl_quicklinks__ctr {
  display: flex;
  justify-content: flex-start;
  margin-top: 24px;
  margin-bottom: 20px;
  padding: 15px 10px;
}

.mbl_quicklinks__ctr .mbl_acctwdgview__quicklink {
  flex: 1;
}

.mbl_acctwdgview__slider .slick-dots {
  top: -42px;
  height: 20px;
}

.mbl_acctwdgview__slider .slick-dots li.slick-active button:before {
  color: #c55247;
}

.mbl_acctwdgview__slider {
  margin-top: 47px;
}

/* || Tranhist */
.mbl_tranhist__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
}

.mbl_tranhist__hdr {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--hdr-color);
}

.mbl_tranhist__select .Select-control {
  background-color: var(--mbl-card-border);
}

.mbl_tranhist__widget .mobile_single__selectmain {
  background-color: var(--mbl-card-border);
}

.mbl_tranhist__ctr {
  display: flex;
  flex-direction: column;
}

.mbl_tranhist__item {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

.mbl_tranhist__ctr>.mbl_tranhist__item:not(:last-child) {
  border-bottom: 1px solid #eaeeee;
}

.mbl_tranhist__dscp {
  font-size: 17px;
  font-weight: 500;
}

.mbl_tranhist__dscpsub {
  color: var(--mblsubhdr-color);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

.mbl_tranhist__dtls {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.mbl_tranhist__dt {
  font-size: 13px;
  color: #b5b6b8;
}

.mbl_tranhist__itemwicohn {
  display: flex;
  gap: 13px;
  margin-bottom: 20px;
  align-items: center;
}

.mbl_tranhist__icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #fef1ef;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mblmanag_acct__panel {
  margin-top: -30px;
  margin-left: -20px;
  margin-right: -20px;
}

.mbl_txndtl__hdr {
  display: flex;
  flex-flow: column wrap;
  gap: 7px;
  margin-bottom: 40px;
}

.mbl_txndtl__hdr>div:first-child {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.mbl_txndtl__hdr>div:nth-child(2) {
  color: #575655;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.mbl_txndtl__ctr .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portlethdr {
  font-size: 20px;
}

.mobile_single__selectsearch>.f4InputField {
  width: 100%;
  padding-left: 45px;
}

.mobile_single__selectplaceholder .accountselector_itemvalue {
  padding: 0px;
  position: relative;
}

.mobile_single__selectoptitem .accountselector_item:hover,
.mobile_single__selectoptitem .accountselector_itemselected {
  background: transparent;
}

.mobile_single__selectoptitem .accountselector_item {
  padding: 10px 0px;
  width: 100%;
}

.mobile_single__selectoptitem .accountselector_itemimg {
  border-radius: 12px;
  overflow: hidden;
}

.mobile_single__selectoptitem .accountselector_itemdtls {
  width: calc(100% - 50px);
}

.mobile_single__selectoptitem .accountselector_itemdtls>div:nth-child(2) {
  color: var(--hdr-color);
  font-weight: 500;
  margin-top: 7px;
}

/* transactional account selector */
.transactionalAccountSelector_main .mobile_single__selectarrow {
  height: 30px;
  width: 30px;
  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 15px;
  top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--text-color) !important;
  font-size: 15px;
  cursor: pointer;
}

.transactionalAccountSelector_main .mobile_single__selectplaceholder+.mobile_single__selectarrow {
  background-color: var(--mbl-arrow--selector);
  color: var(--text-color) !important;
  box-shadow: none;
}

.mbl_inst__viewer {
  border-left: none;
  padding: 8px 10px;
  z-index: 6;
  margin-bottom: 19px;
  background: #f3f6ff;
  border: 1px solid #43567d;
  border-radius: 10px;
}

.mbltxnhist_ctr {
  display: flex;
  width: 100%;
  flex-direction: column;
  border: 1.5px solid var(--mbl-card-border);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 15px;
}

.mbltxnhist_dtls {
  display: flex;
  gap: 13px;
}

.mbltxnhist_values {
  display: flex;
}

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

.mbltxnhist_hdr {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mbltxnhist_hdr>div:nth-child(2) {
  font-size: 14px;
  font-weight: 500;
  color: var(--mblsubhdr-color);
  line-height: 1.2;
}

.mbltxnhist_hdr>div:first-child {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.mbltxnhist_container {
  margin-top: 45px;
  display: flex;
  flex-flow: column wrap;
  gap: 12px;
}

.mbltxnhist_balanceamt {
  font-weight: 700;
}

.mbltxnhist_debitcreditctr {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 3px;
  width: 100%;
  align-items: flex-end;
}

.mbltxnhist_debitcreditctr>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.mbltxnhist_debitcredit {
  font-weight: 600;
}

.mbltxnhist_img {
  height: 40px;
  width: 40px;
  background-color: var(--light-main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.mbltxnhist_balance {
  border-radius: 10px;
  background-color: var(--mbl-card-border);
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
}

.mbltxnhist_balance>div:first-child {
  font-size: 14px;
  font-weight: 500;
}

.mbltxnhist_ctr>div:first-child {
  /* padding-block: 0 !important; */
  padding-bottom: 15px;
}

.mbltxnhist_ctr>div:last-child {
  padding-block: 0;
  padding-top: 15px;
}

.mbltxnhist_ctr>div:not(:last-child) {
  border-bottom: 1.3px solid var(--mbl-card-border);
}

.mbltxnhist_ctr>div:not(:last-child):not(:first-child) {
  padding-block: 15px;
}

.mbl_viewfield__status>div>div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.th_acctdtls__filter {
  display: flex;
  align-items: flex-end;
  border-radius: 8px;
  padding: 8px;
}

.mbltable__filter {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 101;
}

.th_acctdtls__filterdiv {
  display: flex;
  align-items: flex-end;
  margin-left: 15px;
}

.th_acctdtls__dtmbl {
  display: flex;
}

.th_acctdtls__dtmbl>div:first-child {
  flex: 1;
}

/* MObile dropdown */

.generic_mainmenu__mobile {
  position: fixed !important;
  bottom: 0;
  right: 0;
  z-index: 2000;
  background: var(--main-plain-bg);
  width: 100%;
  height: 100%;
  max-height: 100%;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  padding: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 -2px 8px 3px rgb(177 177 177 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  box-shadow: 0 -2px 8px 3px rgb(177 177 177 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
}

.generic_mainmenu__mobilealt {
  bottom: -100%;
}

.generic_mainmenu__mobiledrag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
}

.generic_mainmenu__mobiledrag>div {
  height: 7px;
  width: 50px;
  border-radius: 5px;
  background-color: #eeeeee;
}

.generic_mainmenu__mobilehdrmn {
  padding: 0 20px;
  background: #fff;
}

.generic_mainmenu__mobilehdr {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  height: 65px;
  display: flex;
  align-items: center;
  background: #fff;
}

.generic_mainmenu__mobilehdr>div {
  position: relative;
}

.generic_mainmenu__mobilehdr>div:not(:nth-child(2)) {
  width: 60px;
  display: flex;
}

.generic_mainmenu__mobilehdr>div:first-child {
  width: 30px;
}

.generic_mainmenu__mobilehdr>div:nth-child(2) {
  width: calc(100% - 90px);
  text-align: left;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 20px;
}

.generic_mainmenu__mobilewsv .generic_mainmenu__mobilehdr>div:nth-child(2) {
  width: calc(100% - 110px);
}

.generic_mainmenu__mobilehdr>div:last-child {
  justify-content: flex-end;
  /* align-items: center; */
}

.generic_mainmenu__mobilehdr>div:not(:nth-child(2))>div {
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.generic_mainmenu__mobileclear {
  height: 30px;
  color: var(--button-color);
  justify-content: center !important;
  align-items: center;
  right: -5px;
  position: relative;
}

.generic_mainmenu__mobilehdr>.generic_mainmenu__mobilesave:last-child {
  width: 80px;
}

.generic_mainmenu__mobilesave .f4Button {
  height: 35px;
  padding: 5px 15px;
  border-radius: 13px;
}

.generic_mainmenu__mobilesave>div {
  width: 100% !important;
}

.generic_mainmenu__mobilebody {
  height: calc(100% - 90px);
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  margin-top: 10px;
  padding: 15px 20px;
}

.generic_mainmenu__mobilenocancel .generic_mainmenu__mobilebody {
  height: calc(100% - 75px);
}

.generic_mainmenu__mobilesb .generic_mainmenu__mobilebody {
  height: calc(100% - 140px);
}

.sme_mainmenu__mobileitem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  /* color: var(--label-color); */
  padding: 15px 0px;
  border-bottom: 1px solid #d9ddef;
}

.sme_mainmenu__mobileitemalt {
  font-weight: 500;
  color: var(--button-color);
}

.generic_mainmenu__mobilecancel {
  height: 50px;
}

.generic_mainmenu__mobilecancel>button {
  height: 50px;
  width: 100%;
  border-radius: 25px;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilebody {
  padding: 15px 15px 135px;
  background: var(--main-plain-bg);
}

.mbl_sf__searchdrop.mbl_txn__trail .generic_mainmenu__mobilebody {
  padding: 0 15px 135px;
  margin-top: 0;
}

.mbl_sf__searchdrop .searchfilter_adv__fieldgrp .collapsibleContainer {
  border-radius: 10px;
  /* border: none; */
  box-shadow: none;
}

.mbl_sf__searchdrop .searchfilter_adv__fieldgrp .headerBackgroundCollapsible {
  padding: 20px;
  border-radius: 13px;
}

.mbl_sf__searchdrop .searchfilter_adv__fieldgrp .collapsibleBody {
  padding: 15px 20px 30px;
}

.mbl_sf__searchbtn>span,
.mbl__searchbtn>span {
  width: 100%;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr,
.mbl_sf__searchdrop .generic_mainmenu__mobilehdrmn {
  background-color: var(--mbl-panelhdr);
}

.mbl_sf__searchdrop>div:nth-child(2) {
  width: 100%;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdrmn {
  margin-inline: -15px;
  padding: 0 30px;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr>div:not(:nth-child(2))>div>i {
  font-weight: 300;
  font-size: 24px;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr>div:nth-child(2) {
  width: 100%;
  padding: 0;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  align-items: center;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr>div:last-child {
  display: none;
}

.mbl_sf__searchgrp {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 99;
  padding: 8px 0;
  gap: 3px;
  display: flex;
  flex-direction: column;
}

.mbl_clear__btn {
  width: calc(100% - 30px) !important;
  margin-left: auto;
  margin-right: auto;
  height: 55px;
}

.mbl_sf__searchbtn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}

.mbl__searchbtn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mbl_sf__searchdrop .ssv_field__value {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
}

.mbl_txnhist__norecord {
  margin-top: 50px;
}

.mblacc_widget__allhdr {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 700;
}

.acct_card__currbal {
  border-top: 1px solid #4e5353;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
}

.acct_card__currbal>div:first-child {
  color: #acacac;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 5px;
}

.acct_card__currbal .view_amt__formattedwc {
  font-weight: 500;
}

/* || ACCOUNT PORTFOLIO */
.bobmbl_ap__cardgrp {
  display: flex;
  flex-direction: column;
  gap: 8.5px;
}

.bobmbl_ap__card {
  border: 1.5px solid var(--mbl-card-border);
  border-radius: 8px;
  background-color: #ffffff;
}

.bobmbl_ap__cardhdrwarrow {
  display: flex;
  justify-content: space-between;
  border-radius: 8px 8px 0 0;
  background-color: var(--text-color);
  font-size: 15px;
  font-weight: 600;
  align-items: center;
  color: #fff;
  line-height: 1.2;
  padding: 6px 15px;
}

.bobmbl_ap__arrow,
.bobmbl_ap__arrow:hover,
.bobmbl_ap__arrow:active,
.bobmbl_ap__arrow:focus {
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.bobmbl_ap__cardcontentctr {
  padding: 15px;
}

.bobmbl_ap_header {
  display: flex;
  /* justify-content: space-between; */
  align-items: flex-start;
  gap: 13px;
  padding-bottom: 15px;
}

.bobmbl_ap__cardcontentctr>div:not(:last-child) {
  border-bottom: 1.3px solid var(--mbl-card-border);
}

.bobmbl_ap_headerimg {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fef1ef;
  border-radius: 50%;
}

.bobmbl_ap_headerdtl {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bobmbl_ap_headernm {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.bobmbl_ap_headeralias {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--mblsubhdr-color);
}

.bobmbl_ap__cardbalanceviewfield {
  width: 100%;
}

.bobmbl_ap__cardcontentctr>.bobmbl_ap__cardbalanceviewfield:not(:last-child) {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bobmbl_ap__cardcontentctr>.bobmbl_ap__cardbalanceviewfield:last-child {
  padding-top: 10px;
}

.bobmbl_ap_headerlabel {
  font-size: 14px;
  font-weight: 500;
  color: var(--sub-text-coloralt);
}

.bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:not(:last-child) .bob_view__field {
  margin-block: 15px;
}

.bobmbl_ap__cardcontentctr>.bobmbl_viewfieldgrp:last-child {
  margin-top: 15px;
}

.bobmbl_ap__tradecardcontentctr {
  padding: 0 15px 15px 15px;
}

.mblap_inst__top {
  width: calc(100% + 30px);
  margin-left: -15px;
  align-items: flex-start;
}

.mblap_inst__top>img {
  margin-top: -3px;
}

.bob_mbl_rightpaneltop {
  display: flex;
  align-items: center;
  gap: 15px;
}

.copy_from__btnmbl.actionchoice-btn>span {
  height: 35px;
  width: 35px;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.copy_from__btnmbl.actionchoice-btn>span>img {
  margin-right: 0;
}

.copy_from__btnmbl.actionchoice-btn {
  border-radius: 50%;
  border: none;
  padding: 0;
  height: 35px;
}

.txntype_edit__link {
  position: absolute;
  right: 5px;
  font-weight: 700;
  font-size: 17px;
  z-index: 4;
}

.mbl_txntype__hdr {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.mbl_txntype__hdrsection {
  display: flex;
  gap: 7px;
  flex-direction: column;
  margin-bottom: 30px;
}

.mbl_txntype__subhdr {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #575655;
}

.sched__mobileview {
  margin-inline: 10px;
  margin-top: 15px;
}

.sched__mobileview>.row:not(:last-child) {
  margin-bottom: 15px;
}

.acct_card__info>div {
  padding: 0;
}

.acct_card__info>div>div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 0;
}

.acct_card__info .bob_view__field::after {
  content: none;
}

.acct_card__info .bob_view__fieldlabel {
  font-size: 11px;
}

.acct_card__info .bob_view__fieldvalue {
  font-size: 13px;
}

.txn_status__secrefno {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-block: 15px;
}

.txn_status__secrefno>div:last-child {
  font-size: 17px;
  font-weight: 600;
}

.txn_status__hdr {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  padding: 20px 0 18.5px;
}

.f4newlistview_action__topright {
  position: absolute;
  top: 0px;
  right: 0px;
}

.shareemail_popup__mobile {
  top: unset;
  width: 100%;
}

.shareemail_popup__mobile .formfield_label__optional {
  display: none;
}

.ewt-fields-mobile > div {
  padding-bottom: 20px;
}