@media screen and (max-height: 720px) and (min-height: 665px) {

  .login_lockacct__modalalt,
  .login_suspacct__modal {
    height: 90%;
  }

  .login_security__modalhdr {
    font-size: 22px;
  }

  .login_security__modalhdr>div:nth-child(2) {
    font-size: 14px;
    line-height: 18px;
  }
}

@media screen and (max-width: 811px) {
  .bob_mobile__navchildren {
    /* overflow-x: hidden; */
    max-width: 100vw;
  }

  .f4DatePicker-icn {
    filter: brightness(0) saturate(100%) invert(25%) sepia(73%) saturate(2536%) hue-rotate(338deg) brightness(81%) contrast(92%);
  }

  .login_sxi_logo>img {
    display: none;
  }

  /* Generic Inputs */
  .ant-radio-wrapper>span:last-child {
    font-size: 17px;
  }

  .ant-radio-wrapper {
    color: var(--text-color);
  }

  .ant-radio-wrapper-checked {
    color: var(--main-color);
  }

  .f4FormFieldLabel {
    font-size: 15px;
    line-height: 1.2;
    /* padding-inline: 10px; */
    /* color: #435778; */
  }

  .formfield_label__optional>span:last-child {
    font-size: 13px;
  }

  .textarea-remarks .f4TextAreaNew {
    font-size: 17px;
  }

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

  .f4InputField::-webkit-input-placeholder,
  .react-datepicker__input-container input::-webkit-input-placeholder,
  .f4TextAreaNew::-webkit-input-placeholder,
  .react-autosuggest__input::-webkit-input-placeholder,
  .ant-time-picker-input::-webkit-input-placeholder,
  .newlook_search__bar .react-autosuggest__input::-webkit-input-placeholder {
    font-size: 17px;
  }

  .f4InputField::-moz-placeholder,
  .react-datepicker__input-container input::-moz-placeholder,
  .f4TextAreaNew::-moz-placeholder,
  .react-autosuggest__input::-moz-placeholder,
  .ant-time-picker-input::-moz-placeholder,
  .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
    font-size: 17px;
  }

  .f4InputField:-ms-input-placeholder,
  .react-datepicker__input-container input:-ms-input-placeholder,
  .f4TextAreaNew:-ms-input-placeholder,
  .react-autosuggest__input:-ms-input-placeholder,
  .ant-time-picker-input:-ms-input-placeholder,
  .newlook_search__bar .react-autosuggest__input:-ms-input-placeholder {
    font-size: 17px;
  }

  .f4InputField::-ms-input-placeholder,
  .react-datepicker__input-container input::-ms-input-placeholder,
  .f4TextAreaNew::-ms-input-placeholder,
  .react-autosuggest__input::-ms-input-placeholder,
  .ant-time-picker-input::-ms-input-placeholder,
  .newlook_search__bar .react-autosuggest__input::-ms-input-placeholder {
    font-size: 17px;

    line-height: 22px;
  }

  .f4InputField::placeholder,
  .react-datepicker__input-container input::placeholder,
  .f4TextAreaNew::placeholder,
  .react-autosuggest__input::placeholder,
  .ant-time-picker-input::placeholder,
  .newlook_search__bar .react-autosuggest__input::placeholder {
    font-size: 17px;
  }

  .f4InputField::-moz-placeholder,
  .react-datepicker__input-container input::-moz-placeholder,
  .f4TextAreaNew::-moz-placeholder,
  .react-autosuggest__input::-moz-placeholder,
  .ant-time-picker-input::-moz-placeholder,
  .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
    font-size: 17px;
  }

  .f4InputField::-webkit-input-placeholder,
  .react-datepicker__input-container input::-webkit-input-placeholder,
  .f4TextAreaNew::-webkit-input-placeholder,
  .react-autosuggest__input::-webkit-input-placeholder,
  .ant-time-picker-input::-webkit-input-placeholder,
  .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
    font-size: 17px;
  }

  .f4InputField {
    font-size: 17px;
  }

  /* end of generic inputs */
  /*|| f4mobile inout */

  .react-tel-input input[type='text'],
  .react-tel-input input[type='tel'] {
    font-size: 17px !important;
  }

  /* modal forms */
  .f4ModalBody {
    overflow-x: hidden;
  }

  .modal_form__panel>.row {
    margin-bottom: 0;
  }

  .modal_form__panel>.row>div {
    margin-bottom: 30px;
  }

  /* modal forms */
  /* Mobile Login Page */
  .bob_login__panel {
    background-image: url('../images/Login BG.svg');
    padding: 16px 20px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
  }

  .bob_login__image {
    display: none;
  }

  .bob_login__form {
    padding: 0;
    z-index: 1;
    justify-content: flex-start;
    margin-top: 60px;
  }

  .bob_login__formhdr {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
    text-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.03);
    max-width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
  }

  .generic_mainmenu__mobile {
    position: relative;
  }

  .bob_login__formhdr img {
    height: 21px;
  }

  .bob_login__formhdr span {
    height: 31px;
    width: 45px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-inline: 12px;
  }

  .bob_announcements__btn {
    border: 1.5px solid #ffffff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%);
  }

  .bob_security__header {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    align-items: center;
  }

  .bob_login__mblhdr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .bob_login__mblhdrlogo {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
  }

  .bob_login__mblsubhdr {
    color: #efefef;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 10px;
  }

  .bob_login__mblhdrlogo>span {
    height: 31px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
  }

  .bob_login__fields {
    margin-top: 40px;
  }

  .newfologin_inputfield_label {
    color: var(--placeholder-color);
    font-size: 17px;
    font-weight: 500;
    left: 20px;
    line-height: 22px;
  }

  .newfologin_inputfield_labelfocused,
  .newfologin_inputfield_filled .newfologin_inputfield_label {
    left: 20px;
  }

  .newfologin_inputfield>img {
    display: none;
  }

  .newfologin_inputfield .f4InputField {
    padding-left: 20px;
    border: 2px solid var(--input-field-border);
  }

  .bob_security__header>div:last-child {
    display: flex;
    gap: 15px;
  }

  .bob_security__header .login_security__menubtn {
    margin: 0;
  }

  .bob_security__header .login_security__menubtn .bob_brd__btn {
    border: 1.5px solid #ffffff;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
    color: #ffffff;
    font-weight: 500;
  }

  .bob_brd__btn:hover,
  .bob_brd__btn:focus,
  .bob_brd__btn:active {
    border: 1.5px solid #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
  }

  .background-blur {
    border-radius: 5px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    margin: -16px -20px -40px;
  }

  .bob_login__formsubhdr {
    color: #efefef;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    text-shadow: 0 2px 13px 4px rgba(0, 0, 0, 0.05);
  }

  .bob_login__cred {
    border-radius: 13px;
    background-color: #272224;
    transition: 0.4s;
  }

  .bob_login__cred:hover,
  .bob_login__cred:focus {
    background-color: #41393c !important;
  }

  .f4Button,
  .bob_primary__btn {
    font-size: 17px !important;
    height: 55px;
    border-radius: 13px;
  }

  .bob_initial__loginmbl {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 100px;
  }

  .bob_login__bottomsec {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    position: absolute;
    bottom: 40px;
    width: calc(100% - 40px);
    left: auto;
    right: auto;
  }

  .bob_mbl__version {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    text-align: center;
  }

  .bob_login__register {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin-top: 20px;
    color: #fff;
  }

  .bob_login__register>span {
    cursor: pointer;
    font-weight: 700;
    color: #fd7769;
  }

  .bob_login__tc {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: space-evenly;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    align-items: center;
  }

  .bob_login__tc>a {
    font-weight: 700;
    color: #fd7769;
    flex: 1;
    padding: 0 7px;
  }

  .bob_login__tc>a:not(:last-child) {
    border-right: 1.5px solid var(--border-color);
  }

  /* Generic Button For Mobile */

  /* ||F4Modal for mobile */
  .f4ModalTitle {
    font-size: 24px;
    font-weight: 700;
  }

  .normalModal {
    width: calc(100% - 20px);
    max-width: 100%;
    max-height: 100%;
    /*height: fit-content;*/
  }

  .mbl_announcement__modal {
    width: calc(100% - 20px);
    height: auto;
  }

  .mbl_announcement__modal .modal-dialog, .mbl_announcement__modal .modal-content {
    height: auto;
  }

  .mbl_announcement__modal.normalModal .modal-content {
    border-radius: 15px;
  }

  .mbl_announcement__modal .f4ModalBody {
    padding: 0 20px 20px 20px;
  }

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

  .mbl_announcement__item {
    display: flex;
    gap: 15px;
    padding-block: 20px;
  }

  .mbl_announcement__content {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

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

  .mbl_announcement__header {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
  }

  .mbl_announcement__date {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #9f9f9f;
  }

  .mbl_announcement__body {
    margin-top: 8px;
    color: var(--subhdr-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

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

  .mbl_announcement__body--expanded {
    -webkit-line-clamp: unset;
    line-clamp: unset;
  }

  .mbl_announcement__item::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    margin-top: -20px;
    left: 0;
    background: #eff1f6;
  }

  .mbl_announcement__priority {
    position: absolute;
    width: 5px;
    height: 100%;
    background: #d91452;
    top: 0;
    left: 0;
  }

  /* || Start of Enrollment - Mobile */
  .account_enrollment_leftpanel {
    display: none;
  }

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

  .ae_userinfo__sectionph>div:nth-child(2) {
    color: #b5b6b8;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin: 10px 0 20px;
  }

  .oe__container {
    width: 100%;
  }

  .oe_layout--start {
    max-width: 100%;
  }

  .oe_layout__hdr>h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
  }

  .account_enrollment_contentctr {
    padding: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .ae_header__section {
    margin-bottom: 0;
  }

  .ae_step3__wrapper {
    width: 100%;
    padding: 15px;
  }

  .ae_step3__content {
    justify-content: flex-start;
    padding: 0 !important;
    gap: 20px;
  }

  .ae_step3__content .ae_card__title {
    margin-left: 30px;
  }

  .ae_step5__cardcontent .ae_card__title {
    border-bottom: 1px solid #f2f1f5;
    width: 100%;
    text-align: left;
    margin-bottom: 14px;
    padding-bottom: 13px;
  }

  .ae_step3__content>img {
    height: 74px;
  }

  .ae_step3__wrapper .ant-radio-wrapper {
    background: unset;
    border: unset;
    margin: 0;
  }

  .ae_step3__wrapper .ant-radio-wrapper>span:nth-child(2) {
    display: none;
  }

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

  .ae_cardgrp__step3 {
    padding: 0;
    width: 100%;
    flex-direction: column;
  }

  .ae_header__sectionwprogress {
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
    position: sticky;
    top: 0;
    z-index: 99;
    background: #fff;
  }

  .close_button>i {
    font-size: 30px;
    margin-right: 3px;
    color: var(--text-color);
  }

  .ae_contentsection {
    margin-top: 15px;
    align-items: flex-start;
  }

  .ae_contentsection>h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    display: flex;
    width: 100%;
    text-align: left;
  }

  .ae_cardgrp--grid {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-rows: repeat(1, 130px);
  }

  .ae_cardgrp--grid .ae_step5__cardcontent .ae_maincontent {
    align-items: flex-start;
    padding: 0;
    color: #575655;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    /* height: 100%;
    height: 130px; */
    /* justify-content: space-between; */
  }

  .ae_step5__cardcontent .ae_card__subtitle {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
  }

  .ae_step5__cardcontent .ae_cardimg__border {
    width: unset;
    margin-right: 30px;
  }

  .ae_cardgrp--grid .ae_step5__cardcontent {
    padding: 20px 15px;
    height: 100%;
  }

  .oe_layout__hdr {
    gap: 11px;
  }

  .oe__container+.oe__container {
    margin-top: 25px;
    padding-top: 25px;
  }

  .oe__container {
    margin-left: 0;
    margin-right: 0;
  }

  .ae_contentsection>p {
    text-align: left;
  }

  #ae_Step4 .ae_contentsection>p {
    display: flex;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #575655;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .enrollment_account_checkbox {
    margin-top: 0;
  }

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

  .ae_bottom__buttons {
    left: 0;
    width: calc(100% + 30px);
    display: flex;
    justify-content: center;
    position: sticky;
    bottom: 0;
    padding: 0 15px;
    margin-left: -15px;
  }

  .ae_bottom__buttons div,
  .ae_bottom__buttons>div>span,
  .ae_bottom__buttons button {
    width: 100% !important;
  }

  .ae_bottom__buttons div:first-child {
    display: none;
  }

  #ae_step1 .ae_card__wrapper {
    width: 100%;
    height: 115px;
    /* background-image: url('../images/svg/Business Type BG.svg'); */
  }

  .ae_step1__cardcontent {
    height: 100%;
  }

  .ae_card__contents {
    display: flex;
    flex-direction: row;
    padding: 12px 30px;
  }

  .ae_card__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
  }

  .account_enrollment__templatectr {
    margin: 0;
  }

  .ae_subheader__wspan {
    display: unset;
  }

  .ae_subheader__wspan>span {
    width: fit-content;
    display: inline-block;
    font-weight: 700;
  }

  /* enrollment progress bar */
  .meter {
    height: 6px;
    position: relative;
    background: #eeeeee;
    border-radius: 6px;
  }

  .meter>span {
    display: block;
    /* height: 100%; */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    /* position: relative; */
    overflow: hidden;
    height: 6px;
    top: 0;
    position: absolute;
    left: 0;
  }

  .mint>span {
    background-color: #29c7c1;
    /* background-image: linear-gradient(to bottom, #f1a165, #f36d0a); */
  }

  @keyframes expandWidth {
    0% {
      width: 0;
    }

    100% {
      width: auto;
    }
  }

  .f4ModalHeader {
    display: flex;
    align-items: center;
    padding: 20px;
  }

  .f4Modal div.f4ModalHeader .close {
    font-size: 45px;
    /* width: unset;
    height: unset; */

    margin-top: 0;
  }

  /* end of progress bar */

  /* || enrollment add user */
  .ae_adduser__title {
    color: var(--text-color);
    font-size: 24px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    line-height: 29px;
    gap: 20px;
  }

  .ae_adduser__modal .f4ModalHeader {
    height: unset;
    align-items: flex-start;
  }

  .ae_adduser__modal .modal-content {
    border-radius: 0;
  }

  .f4ButtonGroup>span {
    width: 100%;
  }

  .ae_adduser__modal {
    width: 100%;
    height: auto;
  }

  .ae_adduser__modal .modal-dialog, .ae_adduser__modal .modal-content{
    height: auto;
  }

  .f4ModalFooter {
    padding: 0 15px;
  }

  .f4ModalBody {
    padding: 15px;
  }

  /* ||Enrollment step 7 */
  .ae_success__logo>img {
    height: 20px;
  }

  .ae_completed__hdr {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 600;
    line-height: 37px;
    text-align: center;
  }

  .ae_completed__instructions {
    /* color: #fff; */
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    gap: 5px;
    margin-top: 10px;
  }

  .ae_completed__dscp {
    display: flex;
    flex-direction: column;
    /* color: #fff; */
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    gap: 6px;
    margin-top: 50px;
  }

  .ae_ack__reqdocs {
    width: 100%;
    margin-top: 20px;
  }

  /* .ae_ack__rdhdr {
    text-align: left;
    padding: 13px 10px;
  }
  .ae_ack__rdbody {
    flex-direction: column;
  } */
  .bob_view__portletbody .no_line.row::after {
    background-color: transparent !important;
  }

  .ae_success__ctr .ae_completed__dscp>span {
    color: var(--yellow-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
  }

  .ae_completed__instructions>span {
    font-weight: bold;
  }

  .ae_success__ctr {
    padding: 0;
    margin-top: 30px;
  }

  .ae_success__logo {
    position: unset;
    z-index: 4;
    cursor: pointer;
    display: flex;
    margin-top: 10px;
  }

  .ae_ack__rditem {
    padding: 15px 5px;
    font-size: 14px;
    border-bottom: 1px solid #edf1f1;
  }

  .ae_ack__email {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #575655;
    margin-top: 20px;
  }

  .ae_ack__email>span {
    font-weight: 700;
  }

  .ae_completed__blbtn .bob_back__btn {
    font-size: 16px !important;
    width: 100%;
  }

  .ae_ack__rdbtn button {
    font-size: 14px !important;
    font-weight: 600;
    padding: 0;
    height: unset;
    margin-top: 20px;
  }

  .ae_completed__blbtn {
    width: 100%;
    margin-top: 35px;
  }

  /* || mobile */

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

  .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: 700;
    line-height: 24px;
    margin-right: 30px;
  }

  .mbl_gnrcmenu__drophdrleft {
    /* width: 60px; */
    display: flex;
  }

  .mbl_gnrcmenu__drophdrright {
    width: 60px;
    display: flex;
    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);
  }

  .mblbms_sechdr__wb {
    width: max-content;
    position: relative;
    margin-bottom: 5px;
  }

  .mblbms_sechdr__wb>span {
    position: relative;
    z-index: 1;
    font-size: 18px;
  }

  .enrollment_account_checkbox .small-check-container {
    width: fit-content;
    border: 2px solid var(--input-field-border);
    border-radius: 13px;
    background-color: var(--input-field-bg) !important;
    padding: 15px 20px;
  }

  .Select-value-label strong {
    font-size: 17px;
  }

  /* responsive viewfields */
  .bob_view__fieldlabel {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
  }

  .bob_view__fieldlabel__blank .bob_view__fieldlabel{
    min-height: 17px;
  }

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

  .small-check-box {
    border: 1.5px solid var(--placeholder-color);
    border-radius: 4px;
    background-color: #f5f6f7;
    min-width: 16px;
  }

  .enrollment_account_checkbox .small-check-container>label {
    font-size: 17px;
  }

  /* .mbl_listview__collapsible > .row:not(:first-child) .bob_view__field {
    margin-top: 15px;
  } */
  /* || generic portlets */
  .bob_generic__portlet {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1.5px solid var(--border-color);
  }

  .bob_generic__portlet.bob_generic__portletmbl {
    border: none;
    background: inherit;
    border-radius: 0;
  }

  .bob_generic__portletmbl .bob_generic__portletcnt {
    padding-bottom: 25px;
  }

  .emp_addbook__btn {
    top: 0px;
    margin-top: -10px;
  }

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portlethdr {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    border-bottom: none;
    padding: 0;
  }

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

  .myprofile__portlet .bob_generic__portlethdr>div:nth-child(2) {
    font-size: 15px;
  }

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

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portletchildren {
    padding: 0;
  }

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portletchildren:not(:first-child) {
    margin-top: 30px;
  }

  .myprofile__portlet.bob_generic__portletmbl .bob_generic__portletchildren {
    margin-top: 40px;
  }

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portletchildren>.row,
  .bob_generic__portletchildren>.row>div>.row {
    margin-bottom: 30px;
  }

  /* .bob_generic__formchildren .bob_generic__portlet.bob_generic__portletmbl:not(:last-child) {
    border-bottom: 1.3px solid #eff1f2;
    margin-bottom: 25px;
  } */
  .ae_contentsection .bob_generic__portlethdr,
  .ae_contentsection__alt .bob_view__portlethdr {
    font-weight: 700;
    font-size: 18px;
    padding: 10px 15px;
    border-bottom: 1.5px solid #f1f1f1;
  }

  .ae_contentsection__alt .bob_view__portlethdr {
    font-size: 18px;
  }

  .ae_confirm__secwicon>img {
    position: unset;
    height: 50px;
    width: auto;
  }

  .ae_confirm__secwicon {
    width: 100%;
    /* margin-top: -15px; */
    font-weight: 500;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
  }

  .bob_view__portletbody {
    padding: 15px 15px;
  }

  /* || Forgot Password */
  .newfologin_fields .loginforget_button {
    width: calc(100%);
    position: fixed;
    bottom: 150px;
    left: 0;
    z-index: 50;
    padding: 15px;
    background: #fff;
  }

  .loginforget_button>span:first-child {
    display: none;
  }

  .loginforgot_panelpw .loginforget_form {
    padding: 0 15px;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    border-radius: 0;
    box-shadow: none;
  }

  .loginforgot_panel {
    height: 100%;
    max-height: 100%;
    display: flow;
    background: #fff;
    padding-bottom: 85px;
  }

  .login_mbl__back {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 22px;
  }

  .login_mbl__back__txt {
    margin-top: 2px;
    margin-left: 37px;
    font-weight: 500;
  }

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

  .login_mblback__wicon > div > img {
    height: 28px;
    float: left;
  }

  .loginforget_button>span:nth-child(2),
  .loginforget_button>span:nth-child(2)>button {
    width: 100%;
  }

  .loginforget_formhdr>div:first-child>img {
    height: 160px;
  }

  .newfologin_fields>div>div {
    margin-bottom: 0;
  }

  /* || Lock my account, Suspend my account */
  .newfologin_fields>div>.row {
    margin-bottom: 30px;
  }

  .loginforget_formhdr>div:first-child {
    margin-bottom: 30px;
  }

  .loginforget_formhdr>div:nth-child(2) {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }

  .loginforget_formhdr>div:nth-child(3) {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    color: #645e5a;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 6px;
    padding: 0 15px;
  }

  .login_lockacct__modalalt,
  .login_suspacct__modal {
    height: 100%;
    width: 100%;
  }

  .login_lockacct__modal .f4ModalHeader,
  .login_suspacct__modal .f4ModalHeader,
  .login_security__menumodal .f4ModalHeader {
    display: none;
  }

  .security_modal__hdr {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .security_modal__hdr>img {
    height: 160px;
    margin-bottom: 30px;
  }

  .security_hdr {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
  }

  .security_subhdr {
    color: #645e5a;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .login_security__menumodal .modal-content {
    border-radius: 0;
  }

  .login_lockacct__modal .f4ModalBody {
    height: calc(100% - 70px);
  }

  .login_lockacct__modal .modal-content {
    border-radius: 0;
  }

  .login_lockacct__modal .f4ModalFooter>.f4ButtonGroup>span {
    margin: 0 !important;
  }

  .login_suspacct__modal .f4ButtonGroup>span:first-child {
    display: none;
  }

  .login_suspacct__modal .f4ModalFooter>.f4ButtonGroup {
    width: 100%;
    margin: 6px 0;
  }

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

  .login_security__menumodal .modal-content {
    border-radius: 0;
  }

  .ae_adduser__modal .custom_mobileinput__field {
    padding-inline: 10px;
  }

  /* ||compare plans */
  .bob_compare__plansmodal .modal-content {
    border-radius: 0;
  }

  .bob_compare__plansmodal {
    padding-left: 0 !important;
  }

  .bob_compare__plansmodal .f4ModalBody {
    padding: 0;
    background: none;
  }

  .bob_view__field::after {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    right: 0;
    width: 1.3px;
    background: var(--border-color);
    height: calc(100% + 10px);
  }

  .bob_view__portletbody>.row::after {
    /* content: '';
    position: relative;
    left: 10px;
    bottom: -10px;
    height: 1.3px;
    background: var(--border-color);
    width: calc(100% - 30px); */
    content: '';
    position: relative;
    display: block;
    bottom: -15px;
    height: 1.3px;
    background: var(--border-color);
    width: calc(100% - 30px);
    margin: auto;
    left: 0;
  }

  .ae_contentsection__alt .bob_view__field:not(:last-child)::after {
    display: block;
  }

  .ae_contentsection__alt .bob_view__portletbody>.row {
    margin-right: -15px;
    margin-left: -15px;
    padding: 0;
  }

  .bob_view__portletbody>.row:first-child:last-child {
    padding: 0;
  }

  /* banner */
  .login_banner__popuppanel .slick-slider,
  .dash_banner__popuppanel .slick-slider {
    height: 600px;
    width: 390px;
    padding: 0;
    border-radius: 23px;
  }

  .login_banner__popup,
  .dash_banner__popup {
    height: 230px;
  }

  /* || Mobile Task list */
  .dashboard_widget__itemhdr>div:first-child {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
  }

  .dash_widget__itemhdrcount {
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
  }

  .task_list__body {
    display: grid;
    grid-template-columns: 1fr;
  }

  .task_list__item {
    width: unset;
    box-shadow: 0 2px 11px 0 rgb(152 159 159 / 10%);
    border: 1px solid #eceff0;
    border-radius: 13px;
    background-color: #ffffff;
  }

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

  .task_list__itemcount {
    border-radius: 12px;
    background-color: #e4ebef;
    display: flex;
    justify-content: center;
    min-width: 45px;
    font-size: 15px;
    min-height: 25px;
    align-items: center;
  }

  .dashboard_widget__itemhdr {
    margin-bottom: 25px;
  }

  .task_list__grouphdr {
    margin-bottom: 10px;
  }

  .task_list__grouphdr>div:first-child {
    font-size: 17px;
    font-weight: 500;
  }

  .task_list__grouphdr>div:last-child {
    min-width: 45px;
    font-size: 15px;
    min-height: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
  }

  /* ||MObile favorites */
  .fav_manage__modal {
    width: 100%;
  }

  .fav_manage__modal .modal-content {
    border-radius: 0;
  }

  .fav_manage__list {
    display: grid;
    grid-template-columns: 1fr;
  }

  .fav_manage__item .f4CheckboxMainContainer,
  .manage_acct__qlsecitem .f4CheckboxMainContainer {
    border: 1px solid #eceff0;
    border-radius: 13px;
    background-color: #ffffff;
    box-shadow: 0 2px 11px 0 rgb(152 159 159 / 10%);
  }

  .fav_manage__modal .modal-check-checkbox {
    background: #f5f6f7;
  }

  .fav_manage__modal .modal-check-checkbox .icn-div {
    color: #f5f6f7;
  }

  .bm_list__item::after {
    height: 1.3px;
    background: #eff1f2;
    left: 0;
    right: 0;
  }

  .bm_list__item {
    padding: 15px 0;
    margin: 0;
  }

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

  .fav_manage__modal .f4checkbox-hasvalue .modal-check-checkbox {
    background: var(--main-color);
    border: 2px solid var(--main-color);
  }

  .fav_manage__modal .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--main-color);
  }

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

  .fav_manage__hdr>div:last-child {
    font-weight: 500;
    font-size: 17px;
    margin-top: 10px;
    line-height: 1.2;
  }

  .fav_manage__itemcblbl>div:last-child,
  .manage_acct__qlsilbl>div:last-child {
    font-size: 17px;
  }

  .fav_manage__item .f4CheckboxMainContainer:hover,
  .fav_manage__item .f4CheckboxMainContainer:active,
  .manage_acct__qlsecitem .f4CheckboxMainContainer:hover,
  .manage_acct__qlsecitem .f4CheckboxMainContainer:active {
    border: 1px solid #eceff0 !important;
  }

  .fav_manage__modal .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--text-color);
  }

  /* || mobile menu */
  .bob_mainmenu__item {
    border: 1px solid #eceff0;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 2px 11px 0 rgb(152 159 159 / 10%);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
  }

  .bob_mainmenu__mblicon {
    margin-right: 12px;
    background-color: #fef1ef;
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bob_mainmenu__item::after {
    content: none;
  }

  .bob_mainmenu__item>div {
    width: unset;
    padding: unset;
  }

  .bob_mainmenu__item:hover,
  .bob_mainmenu__item:active,
  .bob_mainmenu__item:focus {
    background-color: var(--lighter-main-color);
    color: var(--text-color);
  }

  .bob_mainmenu__bc .breadcrumb {
    border-bottom: 1.3px solid #eff1f2;
  }

  .dashboard_widget__item {
    padding: 30px 15px 0;
  }

  /* || MY PROFILE */
  .mbl_myprofile__close {
    display: flex;
    justify-content: flex-end;
    font-size: 30px;
    margin-bottom: 20px;
  }

  .mbl_myprofile__initial {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .mbl_myprofile__initialdtls {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .mbl_myprofile__role {
    border-radius: 10px;
    background-color: #fef1ef;
    color: var(--main-color);
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 5px 15px;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-top: 25px;
  }

  .mbl_myprofile__nm {
    color: var(--text-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
  }

  .myprofile_dtls__secll {
    font-size: 14px;
    font-weight: 500;
  }

  .myprofile_dtls__section {
    flex-direction: column;
    z-index: 2;
    margin-top: -70px;
    position: relative;
  }

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

  .myprofile_dtls__secinfo {
    width: unset;
    padding: 0;
  }

  .myprofile_dtls__secnmt>div:first-child {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 20px;
  }

  .myprofile_dtls__secnmt>div:nth-child(2) {
    margin-left: 0;
    font-weight: 600;
  }

  .no_access_page_content {
    color: #645e5a;
    font-size: 17px;
  }

  /* ||PANELTEMPLATE */
  .bob_panel__tmpchildren {
    padding: 30px 0;
  }

  .bob_generic__portletmbl .bob_generic__portletchildren .row>div {
    margin-bottom: 30px !important;
  }

  .bob_generic__portletmbl .bob_generic__portletchildren .row>div:last-child {
    margin-bottom: 0 !important;
  }

  .bob_generic__portletmbl .bob_generic__portletchildren>.row:last-child {
    margin-bottom: 0 !important;
  }

  /* || step wiz */
  .step_wizard__panel {
    width: 100%;
    left: 0;
    padding: 0 15px;
    /* background: transparent; */
  }

  .step_wizard__maincnt>.step_wizard__left {
    display: none;
  }

  .step_wizard__maincnt .step_wizard__right {
    width: 100%;
  }

  .step_wizard__maincnt .step_wizard__right .step_wizard__btn {
    width: 100%;
    padding: 0;
  }

  .bob_panel__templatehs .bob_panel__tmpchildren {
    padding-bottom: 100px;
  }

  /* || ALERTS & NOTIF */
  .alerts_notif__portlet {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1.3px solid #eff1f2 !important;
  }

  .alerts_notif__portlet .push_notif__switch .myprofile__switch {
    align-self: center;
    margin-top: 6px;
  }

  .alerts_notif__portlet .push_notif__switch>div {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .push_notif__switch_parent {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-top: 32px;
  }

  .push_notif__switch>div {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .push_notif__switch>img {
    align-self: flex-start;
    margin-top: 10px;
  }

  .push_notif__switch .myprofile__switch {
    align-self: flex-start;
    padding-top: 12px;
  }

  .push_notif__switchtxt {
    font-size: 16px;
    line-height: 18px;
  }

  .push_notif__switchtxt>img {
    margin-right: 10px;
  }

  .push_notif__switchtxt_sub {
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.3px;
    padding-top: 2px;
  }

  /* ||Security */
  .newlogin_pwchecker {
    padding-top: 0;
    margin-top: -20px;
  }

  .mbl_acctwidget__view .accwdg_view__card {
    margin: 0;
  }

  .mbl_acctwidget__view .Select-value-label strong {
    font-weight: 700;
  }

  .mbl_tranhist__widget {
    padding: 20px 15px 10px;
  }

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

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

  .soa_inquiry__modalhdr>div:nth-child(2) {
    color: #645e5a;
    font-size: 17px;
    font-weight: 500;
    margin-top: 14px;
    text-align: center;
  }

  .soa_inquiry__modal .f4ModalHeader {
    align-items: flex-start;
    justify-content: center;
    height: 160px;
  }

  .soa_inquiry__modalhdr {
    margin-top: 45px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .soa_inquiry__modal.f4Modal div.f4ModalHeader .close {
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .soa_inquiry__modal.f4Modal_no__footer .f4ModalBody {
    padding: 0 25px 30px;
  }

  .soa_inquiry__dlbtn {
    margin-top: 20px;
  }

  .acctwdg_view__soabtn {
    margin-right: 0;
  }

  /* || Account Details */
  .custom_card__colors {
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }

  .custom_card__colorslbl,
  .manage_acct__nicksechdr {
    font-size: 18px;
    font-weight: 600;
    align-self: flex-start;
  }

  .custom_card__colorslist {
    border-radius: 41px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 2px rgb(242 242 242 / 50%);
    padding: 15px 10px;
    justify-content: space-between;
  }

  .custom_card__section {
    padding: 30px 0;
    background-color: transparent;
  }

  .mblmanag_acct__panel .manage_acct__nicksec {
    margin-inline: 15px;
    margin-top: 50px;
    padding-bottom: 20px;
    border-bottom: 1.3px solid #eff1f2;
  }

  .mblmanag_acct__panel .manage_acct__qlsection {
    padding: 20px 0 0;
    border: unset;
    border-radius: 0;
    margin: 0 15px;
  }

  .mblmanag_acct__panel .manage_acct__qlsechdr>div:first-child {
    font-size: 18px;
    font-weight: 600;
  }

  .mblmanag_acct__panel .manage_acct__qlsechdr>div:last-child {
    color: #575655;
    font-size: 15px;
    font-weight: 500;
  }

  .bob_panel__templatemainfv .step_wizard__panel {
    background-color: #fff;
  }

  .manage_acct__qlsecitem {
    padding: 0;
    background-color: #fafcfc;
  }

  .manage_acct__qlsecitem .f4checkbox-hasvalue.f4CheckboxMainContainer {
    border: 1px solid #eceff0 !important;
    color: var(--text-color) !important;
  }

  .manage_acct__qlsecitem .f4checkbox-hasvalue .modal-check-lbl,
  .manage_acct__qlsecitem .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--text-color) !important;
  }

  /* ||SMS OTP Modal */
  .sms_otp__modal .modal-content {
    height: 100vh;
  }

  .newfeedback_modal__success .newfeedback_msgitem {
    font-size: 24px;
    font-weight: 500;
  }

  .sms_otp__modal {
    width: 100%;
  }

  .sms_otp__modal .newconfirm_modalpanel {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 0px;
    background: #ffffff;
    background-position-y: -55px;
  }

  .sms_otp__modal.newconfirm_modal .f4ModalHeader {
    background: #ffffff;
    object-fit: cover;
    background-position-y: top;
  }

  .sms_otp__icon>img {
    display: none;
  }

  .sms_otp__hdr {
    color: #b11116;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
  }

  .sms_otp__msg {
    font-size: 17px;
  }

  .sms_otp__inputfields>div .f4InputField {
    border: 1.5px solid #dad7d7;
    border-radius: 26px !important;
    background-color: #ffffff;
    height: 75px;
    font-size: 45px;
  }

  .sms_otp__inputfields .form-control:hover,
  .sms_otp__inputfields .form-control:focus {
    box-shadow: 0 0 8px 0 rgba(39, 213, 154, 0.15) !important;
    border: 1.5px solid #908e8e !important;
  }

  .sms_otp__modal .newconfirm_modalbtns {
    padding: 15px;
  }

  .otp_resend__btn {
    font-size: 15px;
  }

  .otp_resend__btn>span {
    border-radius: 15px;
    background-color: #B11116;
    color: #fff;
    padding: 5px 15px;
    height: 30px;
  }

  .newlogin_pwchecker_list {
    flex-direction: column;
    align-items: baseline;
    gap: 5px;
  }

  .newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck>i,
  .security_inputpw__fieldalt .security_inputpw__fieldcheck>i {
    color: #27d59a;
  }

  .newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck {
    color: var(--text-color);
  }

  .newlogin_pwchecker_dscp {
    position: unset;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }

  .newacctsel_body .mobile_single__selectmain,
  .otheracct_selector__field .mobile_single__selectmain {
    height: 130px;
    overflow: hidden;
    border-radius: 15px;
  }

  .accountselector__parent,
  .accountselector_item {
    width: 100%;
  }

  .accountselector__parent .ant-radio-wrapper {
    border: none;
    background: none;
    padding: 0;
  }

  .mbl_accountselector__wradio {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
  }

  .mobile_single__selectoptitem:has(.accountselector__parent) {
    border: none;
    padding: 0;
  }

  .transactionalAccountSelector_main .mobile_single__selectmain>div:first-child {
    width: 100%;
    height: 100%;
  }

  .accountselector_placeholder {
    font-size: 17px;
    font-weight: 600;
    color: #92a8a8;
  }

  .acct_selfield__phborder {
    left: -15px;
  }

  .biller_selector__plc .acct_selfield__phborder {
    left: 0;
  }

  /* ||Generic Form */
  .bob_generic__formhdr {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 40px;
  }

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

  /* ||Table portlet */
  .bob_table__portlet {
    border: unset;
    border-radius: 0;
    margin-top: 0;
  }

  .bob_table__portlethdr {
    padding: 0 0 20px 0;
    font-size: 20px;
    font-weight: 700;
  }

  /* ||Generic Search Filter */
  .searchfilter_adv__fieldgrp--body>.newlook_searchfilter__field,
  .newlook_searchfilter__field {
    margin-bottom: 30px;
  }

  /* || SOA From URL */
  .soa_inquiry__panel .bob_panel__tmpchildren {
    width: 100%;
  }

  .soa_inquiry__panel .bob_generic__formhdr {
    text-align: left;
  }

  /* AP Tabs */
  .myacct_widget__hdrtabs .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    border-radius: 15px;
    background-color: #3ec5c7;
    border: none;
    font-weight: 600;
  }

  .myacct_widget__hdrtabs {
    width: calc(100% - 30px);
    margin-inline: auto;
    margin-top: 18px;
  }

  .myacct_widget__hdrtabs .ant-radio-button-wrapper {
    color: var(--text-color);
  }

  .myacct_widget__hdrtabs .ant-radio-button-wrapper:not(:first-child)::before {
    background-color: unset;
    content: none;
  }

  .myacct_widget__hdrtabs .ant-radio-group-solid .ant-radio-button-wrapper {
    border-radius: 15px;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .myacct_widget__hdrtabs .ant-radio-group> :not(:last-child) {
    margin-right: 11px;
  }

  .myacct_widget__hdrtabs .ant-radio-group>label {
    margin-top: 8px;
  }

  .myacct_widget__hdrtabs .ant-radio-group-solid .ant-radio-button-wrapper .myacct_widget__hdrtabs .ant-radio-button-wrapper:not(:first-child)::before {
    background-color: unset;
  }

  /* ||Invalid login panel */
  .invalid_login__panel {
    color: var(--text-color);
    top: 0;
    width: 100%;
    left: 0;
    padding: 15px 12px;
    border-radius: 0;
    z-index: 101;
    background-color: #fff9eb;
    box-shadow: 0 7px 9px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(170 169 172 / 10%);
  }

  .invalid_login__text {
    font-size: 15px;
    margin-bottom: 25px;
    margin-left: 30px;
    margin-top: 10px;
  }

  .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .invalid_login__hdr>img {
    height: 24px;
    margin-bottom: 2px;
  }

  .invalid_login__hdr {
    color: #efb53f;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    align-items: center;
  }

  .invalid_login__btns {
    gap: 15px;
    margin-left: 30px;
    justify-content: flex-start;
  }

  .invalid_login__btns>div {
    font-size: 15px;
    font-weight: 600 !important;
    width: 100px !important;
    border-radius: 15px;
    height: 30px !important;
  }

  .invalid_login__btns>div:first-child {
    color: #fac14e;
    border: 1.5px solid #fac14e;
    background-color: #fff9eb;
  }

  .invalid_login__btns>div:nth-child(2) {
    color: #ffffff;
    background-color: #fac14e;
  }

  .invalid_login__btns>div:nth-child(2):hover,
  .invalid_login__btns>div:nth-child(2):focus {
    background-color: #fcd588;
  }

  .invalid_login__btns>div:first-child>div {
    background: unset;
  }

  /* ||Account Portfolio */
  .bob_ap__grphdr {
    position: unset;
    padding: 0;
    margin: 0;
    width: unset;
    margin-bottom: 18px;
    margin-top: 20px;
  }

  .sme_accounts__table {
    margin: 0;
  }

  .bob_ap__grp {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
  }

  .bob_aptl__grphdr {
    position: unset;
  }

  .bob_aptl__grpbody {
    margin: 0 0;
  }

  .menu_selector__optarrow {
    border: none;
    box-shadow: none;
    background-color: transparent;
  }

  /* .bob_aptl__grp {
    padding: 0 15px;
  } */
  .myacct_widget__hdrtabs .ant-radio-group {
    white-space: nowrap;
  }

  .bob_ap__tabs {
    overflow: auto;
    width: 100%;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .mblacc_pill__ctr::-webkit-scrollbar {
    display: none;
  }

  .mblacc_pill__ctr {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
  }

  .bob_ap__tabs::-webkit-scrollbar {
    display: none;
  }

  .menu_selector__optcol {
    border-right: none;
  }

  .bob_ap__grphdr>div:first-child {
    font-size: 22px;
    font-weight: 700;
  }

  .bob_ap__panel>.bob_ap__grp:not(:first-child)::before {
    display: block;
    content: '';
    width: calc(100% + 30px);
    /* position: absolute; */
    height: 1.5px;
    margin-left: -15px;
    /* left: -15px; */
    background-color: #f1f1f1;
  }

  .bob_ap__panel {
    padding: 0 15px;
  }

  .bob_ap__grphdr .bob_generic__nofieldlbl {
    width: 100%;
  }

  .bob_ap__grphdr .bob_generic__nofieldlbl div {
    width: 100%;
  }

  .bob_ap__grphdr .bob_generic__nofieldlbl .mobile_single__selectarrow {
    width: 40px;
  }

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

  .ssv_field__valuelbl>div>div:first-child {
    font-size: 17px;
    font-weight: 600;
  }

  .menu_selector__panel {
    width: 100%;
  }

  .menu_selector__options {
    width: 100%;
    border-radius: 15px;
  }

  .menu_selector__optarrow2 {
    background-color: transparent;
    transform: unset;
  }

  .menu_selector__optbody {
    flex-direction: column;
  }

  .registeruser_panel {
    padding: 0;
    height: 100%;
    padding-bottom: 0;
  }

  .registeruser_panel .login_sxi_logo>img {
    display: unset;
  }

  .registeruser_panel .loginforget_form {
    padding: 15px;
    max-height: 100%;
    width: 100%;
    border-radius: 0;
    justify-content: flex-start;
    height: calc(100vh - 115px);
  }

  .registeruser_panel .loginforget_formhdr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .registeruser_panel .loginforget_formhdr>div:nth-child(2) {
    margin-top: 30px;
  }

  .registeruser_panel .loginforget_formhdr>div:nth-child(3) {
    padding-left: 0;
  }

  .registeruser_panel .bob_back__btn {
    height: 48px;
    font-size: 16px !important;
    width: 100%;
  }

  .registeruser_panel .newfologin_fields .loginforget_button {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .registeruser_panel .loginforget_button>span:first-child {
    display: unset;
  }

  /* ||Copy from  */
  .copyfrom_btn__options {
    border-radius: 20px 20px 0 0;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr {
    flex-direction: row-reverse;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdrmn {
    border-radius: 20px 20px 0 0;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>div {
    flex: 1;
    padding-left: 30px;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>div:not(:nth-child(2)) {
    justify-content: flex-end;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdrmn::before {
    content: '';
    display: block;
    /* width: 157px; */
    /* height: 20px; */
    top: 10px;
    height: 6px;
    width: 50px;
    border-radius: 5px;
    background-color: #eaeaea;
    margin-inline: auto;
    margin-top: 10px;
  }

  .copyfrom_dropdown__noitem {
    font-size: 14px;
  }

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

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>div:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 30px;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>.generic_mainmenu__mobileclose {
    flex: 0;
  }

  .copyfrom_dropdown__item>div:first-child {
    font-size: 17px;
  }

  .copyfrom_dropdown__item {
    padding: 13px 15px 13px 20px;
    margin: 0 -5px 15px;
  }

  .generic_mainmenu__mobilenocancel.copyfrom_btn__options .generic_mainmenu__mobilebody {
    padding-top: 0;
    margin-top: 0;
  }

  .copyfrom_btn__options .bob_panel__stepcopytemplate+.form .bob_generic__formhdr {
    margin-bottom: 0;
  }

  .bob_generic__formchildren .bob_generic__portlet.bob_generic__portletmbl:not(:last-child)::after {
    width: 100%;
    content: '';
    display: block;
    background-color: #eff1f2;
    height: 1.3px;
  }

  .f4radio_btn__flexalt .ant-radio-group {
    width: calc(100% + 10px);
  }

  .reject_message__text {
    font-size: 17px;
  }

  .newtxntype_panel>.row {
    margin-bottom: 0;
  }

  .newtxntype_panel>.row>div {
    margin-bottom: 30px;
  }

  .newtxntype_addtlitems>.row>div {
    margin-bottom: 30px;
    padding: 0;
  }

  .newtxntype_addtlitems {
    padding: 0 15px;
  }

  .bob_panel__template .step_wizard__panel {
    position: unset;
    margin-inline: -15px;
    width: calc(100% + 30px);
  }

  .newtxntype_freqitem {
    font-size: 17px;
  }

  .bob_panel__template .step_wizard__panelhp .step_wizard__maincnt .step_wizard__right {
    display: flex;
    flex-direction: column;
    padding-block: 15px;
  }

  .menu_selector__optitem {
    border-bottom: 1px solid var(--border-color) !important;
  }

  .bob_clear__btn {
    font-weight: 700;
  }

  /* ||MAINTENANCE */
  .maintenance__logos {
    height: unset;
    margin-top: 80px;
  }

  .maintenance__logos>div>img:last-child {
    height: 20px;
  }

  .maintenance__content {
    height: unset;
  }

  .maintenance__contact>div:first-of-type {
    background-color: unset;
    margin-bottom: 0;
    height: 0;
  }

  .maintenance__content>div>img {
    height: 160px;
    margin: 50px 0px 40px;
  }

  .maintenance__contact {
    width: calc(100% - 30px);
    margin: 0 auto;
  }

  .maintenance__content>div>div {
    margin-bottom: 10px;
  }

  .maintenance__content>div>div:last-child {
    color: #575655;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 60px;
  }

  .maintenance_flex {
    font-size: 13px;
    font-weight: 500;
  }

  .maintenance__contact>div:last-of-type {
    border-radius: 8px;
    margin: 0 auto;
  }

  .maintenance__body {
    /* margin: 0 15px; */
    display: unset;
    justify-content: flex-start;
    width: calc(100vw - 30px);
    margin: 0 auto;
  }

  .maintenance_flex>div:last-child {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
  }

  .doftw_panel {
    display: GRID;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
    margin-block: 0;
  }

  .doftm_panel .doftw_item {
    width: unset;
  }

  .newtxntype_addtlitems>.row {
    margin: 0 -10px 0;
  }

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

  .monthyearpicker_range .row>div.col-sm-6 {
    width: 50%;
    padding-inline: 10px;
    float: left;
  }

  .generic_txnpromo__panel {
    background: var(--charges-bg);
    margin: 20px -15px;
    border-radius: 0;
    border: none;
    padding: 20px 15px;
  }

  .promo_code__hdr {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 30px;
    /* margin-top: 20px; */
  }

  .generic_txnpromo__bd {
    padding: 0;
    border-radius: 0;
  }

  .bob_generic__portlethdr {
    padding: 10px 15px;
    font-weight: 700;
    border-width: 1.5px;
  }

  .acct_view__fieldexp .acct_view__fielditem:last-child {
    padding-bottom: 0;
  }

  .bob_view__portletbody>.row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    padding: 15px 0;
    /* padding: 0; */
  }

  .bob_view__portletbody>.row:not(:first-child) {
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 0;
  }

  .bob_view__portletbody>.row:first-child:not(:last-child) {
    padding: 0 0 15px;
  }

  .bob_view__portletbody>.row:last-child:not(:first-child) {
    padding: 15px 0 0;
  }

  /* .bob_view__portletbody > .row:last-child {
    padding: 15px 0 0;
  } */
  .acct_view__fieldexp {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: unset;
  }

  .bob_ack__hdr {
    background: #574a46;
    margin: -20px -20px 15px;
    width: calc(100% + 40px);
    border-radius: 0;
  }

  .bob_ackactions__button,
  .bob_ackactions__button:hover {
    /* background-color: rgba(255, 255, 255, 0.15); */
    background: var(--text-color);
  }

  .txndtls_right__section {
    padding: 0;
  }

  .txn_stattrl__section {
    background-color: unset;
    padding: 0;
  }

  .txn_statref__hdr {
    border-radius: 0;
    margin-top: 0;
  }

  .txn_status__secitem>div:last-child {
    font-size: 17px;
  }

  .txn_status__sechdr,
  .txn_trail__hdr {
    border-width: 1.5px;
    font-weight: 700;
    padding: 10px 15px;
  }

  .txn_status__secitem>div:first-child {
    font-size: 14px;
  }

  .txn_trail__card {
    border-width: 1px;
    background-color: #fafcfc;
  }

  .txn_trail__cardnmdt>div:first-child {
    font-size: 17px;
  }

  .txn_trail__cardnmdt>div:last-child {
    color: var(--mblsubhdr-color);
    font-size: 14px;
    font-weight: 500;
  }

  .txn_trail__cardstat {
    font-size: 13px;
    padding: 4.5px 10px;
    border-radius: 13px;
  }

  .txn_trail__cardstat>div:first-child {
    height: 8px;
    width: 8px;
  }

  .txn_trail__cardstat>div:last-child {
    padding-left: 8px;
  }

  .txn_status__secitem {
    border-width: 1.3px;
  }

  .txn_status__secbody>.txn_status__secitem--status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    font-weight: 600;
    padding-block: 15px;
  }

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

  .bob_ackhdr__dtl>img {
    height: 50px;
    width: 50px;
  }

  .bob_ackhdr__dtl>div>div:nth-child(2) {
    font-size: 13px;
    font-weight: 500;
  }

  .txn_trail__section,
  .txn_status__section {
    border-width: 1.5px;
  }

  /* .f4Modal {
    z-index: 2101;
  }
  .modal-backdrop {
    z-index: 2100;
  } */
  .mbl_acbtn__options .mbl_gnrcmenu__dropbody .actionchoice-optitem {
    border: none;
    border-radius: 10px;
    background-color: #eff5f8;
    min-height: 55px;
  }

  .mbl_acbtn__options .mbl_gnrcmenu__dropbody {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .mbl_gnrcmenu__dropbody .actionchoice-optitem:first-child {
    margin-top: 10px;
  }

  .mbl_gnrcmenu__dropclose>i {
    font-weight: 300;
  }

  .myprofile_dtls__section {
    border-width: 1.3px;
  }

  .th_inquiry__noacctplaceholder>div.th_inquiry__noaccthdr {
    font-size: 16px;
    font-weight: 700;
  }

  .th_inquiry__noacctplaceholder>img {
    height: 125px;
  }

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

  .trns-from,
  .trns-to {
    font-size: 17px;
    font-weight: 600;
  }

  .trns-nickname {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
  }

  .headerCollapsible {
    font-size: 17px;
  }

  .modal-check-lbl {
    font-size: 17px;
  }

  .f4DateAndTimePickerSearchLabel,
  .datepick_range__popupbtnfr>div:first-child {
    font-size: 17px;
  }

  .searchfilter_initial__panel {
    padding: 0;
    flex-flow: wrap;
    gap: 10px;
    /* max-width: 100vw; */
    width: 100%;
  }

  .mbl_inquiry__filtergrp .datepick_range__popupbtnfr {
    max-width: 250px;
  }

  .searchfilter_initial__panel .newlook_searchfilter__field {
    min-width: 125px;
  }

  .mbl_inquiry__filtergrp {
    margin-bottom: 15px;
  }

  .newconfirm_modalpanel .f4InputField {
    border-radius: 50px;
  }

  .bob_login__formcontainer {
    min-height: 100vh;
    height: 100%;
  }

  .react-tel-input .country-list {
    bottom: 0;
    top: unset;
  }

  .mbl_logout__modal .f4ModalFooter>.f4ButtonGroup .f4Button {
    min-width: 80px;
  }

  .mbl_logout__modal .f4ModalFooter>.f4ButtonGroup {
    display: flex;
    justify-content: center;
    padding-inline: 0 !important;
  }

  .mbl_cancel_enrollment__modal {
    display: flex !important;
    align-items: center;
  }

  .mbl_cancel_enrollment__modal .modal-content, .mbl_cancel_enrollment__modal .modal-dialog{
    height: auto;
  }

  .mbl_cancel_enrollment__modal .f4ModalFooter>.f4ButtonGroup .f4Button {
    min-width: 80px;
  }

  .mbl_cancel_enrollment__modal .svg-Logout_Illustration {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .mbl_cancel_enrollment__modal .cancel_enrollment_body {
    font-size: 26px;
    font-weight: 700;
    padding: 40px 10px 10px 10px;
    text-align: center;
  }

  .mbl_cancel_enrollment__modal .modal-header {
    display: none;
  }

  .mbl_cancel_enrollment__modal .modal-body {
    padding-top: 40px;
  }

  .mbl_cancel_enrollment__modal .modal-footer {
    padding: 0px 15px 20px 15px;
  }

  .acctwdg_view__soabtn button {
    font-weight: 700;
  }

  .mbl_grcno_records__panelsp {
    text-align: center;
    padding: 50px 0px;
  }

  .mbl_grcno_records__panelsp>div {
    color: var(--no-records-label);
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
  }

  .mbl_grcno_records__panelsp>img {
    height: 100px;
  }

  .actionchoice-optitem-disabled {
    cursor: not-allowed;
    pointer-events: unset;
  }

  .biller_selector__field {
    pointer-events: none;
  }

  .select_grp__ctr {
    position: relative;
  }

  .panel__links {
    font-size: 12px;
    position: absolute;
    display: flex;
    bottom: 10px;
    width: 100%;
  }

  .panel__linksalt {
    font-size: 11px;
    /* position: absolute; */
    display: flex;
    width: 100%;
  }


  .f4ModalFooter>.f4ButtonGroup .f4Button {
    min-width: 80px;
  }

  .f4EditModal .modal-content,
  .f4EditModal .modal-dialog {
    width: auto;
    height: auto;
  }

  .f4EditModal .col-sm-12,
  .f4EditModal .col-xs-12 {
    padding-bottom: 15px;
  }

  .f4EditModal .f4ModalBody {
    padding: 50px;
  }

  .biller_selector__favoptitem {
    width: 100%;
  }

  /* Workflow mobile res */
  .step_wizard__panelwf .step_wizard__btn img {
    display: none;
  }

  .step_wizard__panelwf .step_wizard__right {
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }

  .step_wizard__btn:not(:has(span)) {
    display: none;
  }

  .step_wizard__btn button {
    width: 100%;
    /* max-width: 100px; */
    display: flex;
    white-space: break-spaces;
    padding: 5px;
  }

  .workflow_con__portlet .bob_view__panelchldrn {
    flex-direction: column-reverse;
  }

  .bob_panel__templatemainrm .f4datatable_optionButtons {
    display: flex;
    /* justify-content: flex-end; */
    /* align-items: center; */
    margin-bottom: 10px;
    /* flex-wrap: wrap; */
    flex-direction: column;
    align-items: flex-start;
  }

  .bob_panel__templatemainrm .f4data_table__optionspanel {
    width: unset;
  }

  .bob_upload__dtlsection {
    width: 100%;
    margin: 0;
  }

  .bob_view__panelud .bob_view__panelchldrnm {
    width: 100%;
  }

  .login_security__modalhdr>div:first-child {
    color: var(--hdr-color);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .login_security__modalhdr>div:nth-child(2) {
    color: #575655;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .login_lockacct__body {
    padding-top: 40px;
  }

  .step_wizard__panelwfwr .step_wizard__maincnt {
    position: fixed;
    bottom: 80px;
  }

  .step_wizard__wfremalt {
    height: 70px;
    position: fixed;
    bottom: 150px;
  }
}

@media screen and (max-height: 664px) {
  /* .login_lockacct__modalalt,
  .login_suspacct__modal {
    height: 98%;
    width: 50%;
  } */

  .login_security__modalhdr {
    font-size: 22px;
  }

  .login_security__modalhdr>div:nth-child(2) {
    font-size: 14px;
    padding-top: 8px;
    line-height: 18px;
  }

  .task_list__widget {
    background-color: #fafafa;
  }
}

@media (min-width: 811px) {

  /* ||For modals with datepickers in web */
  .modal-open .cwt_reports__modal.modal {
    overflow: visible;
  }

  .cwt_reports__modal .modal-dialog {
    overflow: visible;
  }

  .cwt_reports__modal.normalModal .modal-content {
    overflow: visible;
  }

  .cwt_reports__modal .f4Modal_no__footer .f4ModalBody {
    border-radius: 23px;
  }

  /* .fullModal .f4ModalBody {
    border-radius: 23px;
  } */
  .cwt_reports__modal .f4ModalBody {
    border-radius: 0 0 23px 23px;
  }

  .cwt_reports__modal .f4ModalHeader {
    border-radius: 23px 23px 0 0;
  }

  .cwt_reports__modal .f4ModalFooter {
    border-radius: 0 0 23px 23px;
  }

  .cwt_reports__modal .f4ModalBody {
    overflow: visible;
  }

  /* LOGIN ACCOUNT MODAL */
  .modal-open .login_lockacct__modal.modal {
    overflow: visible;
  }

  .login_lockacct__modal .modal-dialog {
    overflow: visible;
  }

  .login_lockacct__modal.normalModal .modal-content {
    overflow: visible;
  }

  .login_lockacct__modal .f4Modal_no__footer .f4ModalBody {
    border-radius: 23px;
  }

  /* .fullModal .f4ModalBody {
    border-radius: 23px;
  } */
  .login_lockacct__modal .f4ModalBody {
    border-radius: 0 0 23px 23px;
  }

  .login_lockacct__modal .f4ModalHeader {
    border-radius: 23px 23px 0 0;
  }

  .login_lockacct__modal .f4ModalFooter {
    border-radius: 0 0 23px 23px;
  }

  .login_lockacct__modal .f4ModalBody {
    overflow: visible;
  }
}