/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img,
picture {
  max-width: 100%;
  display: block;
} */

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    -o-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.f4Content>.f4Content {
  width: 100% !important;
  padding: 0px;
}

.f4ContentMobile {
  padding: 0px 0px 0px !important;
}

.fo-norecordspanel {
  text-align: center;
  padding: 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dashboard_main__body {
  min-height: 100vh;
}

.inst-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  /* padding-left: 5px; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.inst-icon-circle {
  width: 13px;
  height: 13px;
  background: var(--light-main-color);
  border: 1px solid var(--button-color);
  border-radius: 50%;
  font-size: 7px;
  color: var(--button-color);
  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;
  margin-right: 5px;
}

.inst-content {
  /* width: calc(100% - 13px); */
  padding-left: 5px;
  padding-top: 1px;
  font-size: 13px;
  font-weight: 500;
}

.bookmarksBox .fo-norecordspanel>img {
  height: 140px;
}

.addwidgetslist_panel {
  width: 5%;
  padding: 30px 5px 25px 30px;
  position: fixed;
}

.addwidgetslist_alt {
  width: 320px;
  height: calc(100% - 125px);
  padding: 0px;
  background: #f7f7f7;
  position: fixed;
}

.addBmYellowBg>div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.addwidgetslist_search {
  padding: 10px;
}

.addwidgetslist_search>input {
  height: 40px;
}

.closeBmLink,
.closeBmLink>div {
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
}

.closeBmLink>div:hover {
  -webkit-animation: pulseHover 2s ease-in infinite;
  animation: pulseHover 2s ease-in infinite;
}

.addWidgetSquare .closeBmLink {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 30px;
}

.addwidgetslist_alt .addWidgetCtr {
  margin-top: 0px;
  opacity: 1;
  pointer-events: all;
  padding-top: 5px;
}

.addWidgetCtr .addWidgetDroppableDiv {
  background: transparent;
}

.dashboardSettingsModal {
  overflow: hidden;
}

.trns-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.trns-from,
.trns-to {
  font-size: 14px;
  font-weight: 500;
  color: var(--hdr-color);
}

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

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(180deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.fast-spin {
  -webkit-animation: fa-spin 0.7s infinite linear;
  animation: fa-spin 0.7s infinite linear;
}

.loadingOverlay {
  width: 100%;
  height: 100%;
  background: #00000038;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.newfologin_inputfield .f4InputField {
  height: 50px;
  width: 100%;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 50px;
  padding-top: 15px;
  padding-right: 120px !important;
  background: var(--input-field-bg) !important;
  text-overflow: ellipsis;
}

.newfologin_panel {
  width: 100%;
  height: 100vh;
  background: #f4f8ff;
}

.newfologin_panel>img {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: -8%;
}

.newfologin_panel>img:nth-child(2) {
  opacity: 0;
  -webkit-transform: scale(0.9) translate(-70px, 100px);
  -ms-transform: scale(0.9) translate(-70px, 100px);
  transform: scale(0.9) translate(-70px, 100px);
  -webkit-animation: bubble1anim 5s ease-in forwards infinite;
  animation: bubble1anim 5s ease-in forwards infinite;
}

.newfologin_panel>img:nth-child(3) {
  opacity: 0;
  -webkit-transform: scale(0.9) translate(-50px, 55px);
  -ms-transform: scale(0.9) translate(-50px, 55px);
  transform: scale(0.9) translate(-50px, 55px);
  -webkit-animation: bubble2anim 5s ease-in 4s forwards infinite;
  animation: bubble2anim 5s ease-in 4s forwards infinite;
}

.newfologin_panel>img:nth-child(4) {
  opacity: 0;
  -webkit-transform: scale(0.9) translate(-25px, 55px);
  -ms-transform: scale(0.9) translate(-25px, 55px);
  transform: scale(0.9) translate(-25px, 55px);
  -webkit-animation: bubble3anim 5s ease-in 8s forwards infinite;
  animation: bubble3anim 5s ease-in 8s forwards infinite;
}

@-webkit-keyframes bubble1anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }

  10% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }
}

@keyframes bubble1anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }

  10% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-70px, 100px);
    transform: scale(0.9) translate(-70px, 100px);
  }
}

@-webkit-keyframes bubble2anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }

  10% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }
}

@keyframes bubble2anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }

  10% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-50px, 55px);
    transform: scale(0.9) translate(-50px, 55px);
  }
}

@-webkit-keyframes bubble3anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }

  10% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }
}

@keyframes bubble3anim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }

  10% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) translate(-25px, 55px);
    transform: scale(0.9) translate(-25px, 55px);
  }
}

.newfologin_form {
  position: fixed;
  right: 80px;
  top: 40px;
  width: 31%;
  height: 80%;
  background: #e4eaf3;
  border-radius: 45px;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.newfologin_formcontainer {
  border-radius: 45px;
  background: #fff;
  -webkit-box-shadow: 0 -2px 11px 5px rgba(211, 215, 223, 0.18);
  box-shadow: 0 -2px 11px 5px rgba(211, 215, 223, 0.18);
  height: calc(100% - 60px);
  padding: 5vh 9vh 4vh;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.newfologin_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.newfologin_logo>img {
  height: 4vh;
}

.newfologin_fields {
  padding-top: 20px;
  width: 100%;
}

.loginforget_formfields .ae_step__portlet,
.newfologin_fields .ae_step__portlet {
  min-width: 100%;
}

.changepass_panel {
  justify-content: center !important;
}

.newfologin_fields>div>div {
  margin-bottom: 25px;
}

.newfologin_fields .loginforget_button {
  width: 100%;
}

.loginforget_button button {
  width: 150px;
}

.newfologin_inputfield {
  position: relative;
}

.newfologin_inputfield>img {
  position: absolute;
  z-index: 1;

  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 11px;

  margin-left: 15px;
}

.newfologin_inputfield_label {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 55px;
  font-size: 15px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  pointer-events: none;
  color: #a3acbc;
  font-weight: 600;
}

.newfologin_inputfield_labelfocused,
.newfologin_inputfield_filled .newfologin_inputfield_label {
  top: 7px;
  font-size: 10px;
  left: 52px;
}

.newfologin_inputfield .asf4FormValidate:has(input:-webkit-autofill)+.newfologin_inputfield_label {
  top: 7px;
  font-size: 10px;
  left: 52px;
}

.newfologin_inputfield .f4FormFieldLabel_requiredast {
  display: none;
}

.newfologin_tabs {
  height: 60px;
  padding: 0px 55px 0px;
}

.newfologin_btn {
  margin-top: 5vh;
}

.newfologin_links {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  bottom: -80px;
  width: 100%;
}

.newfologin_links>div {
  padding: 0 15px;
  font-weight: 600;
  color: #0a2a48;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.newfologin_links>div:hover {
  opacity: 0.6;
}

.newfologin_corpfield .f4InputField {
  padding-right: 30px !important;
}

.newfologin_hasunlock .f4InputField {
  padding-right: 180px !important;
}

.newfologin_bankadvisory {
  background: #eba243;
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: -45px;
  width: 100%;
  height: 81px;
  border-radius: 0px 0px 45px 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(-45px);
  -ms-transform: translateY(-45px);
  transform: translateY(-45px);
  -webkit-animation: bankadvisoryenteranim 0.5s ease-in 0.5s forwards;
  animation: bankadvisoryenteranim 0.5s ease-in 0.5s forwards;
}

.newfologin_bankadvisory:hover {
  background: #d68d2f;
}

@-webkit-keyframes bankadvisoryenteranim {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bankadvisoryenteranim {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.newfologin_form_hasadvisory .newfologin_bankadvisory {
  height: calc(100% - 15px);
  background: #fff;
  border-radius: 45px;
  z-index: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 45px 0px;
  cursor: unset;
}

.newfologin_form_hasadvisory .newfologin_bankadvisory:hover {
  background: #fff;
}

.newfologin_bankadvisorybtn {
  width: 100%;
  height: 100%;
  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;
  padding-top: 45px;
  padding-bottom: 12px;
}

.newfologin_bankadvisorybtn>div {
  background: rgba(255, 255, 255, 0.4);
  width: 20px;
  height: 20px;
  margin-left: 10px;
  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;
  border-radius: 50%;
  font-size: 12px;
}

.loginforgot_panel {
  width: 100vw;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-box-align: space-around;
  -ms-flex-align: space-around;
  align-items: center;
  height: 100%;
  flex-direction: column;
}

.loginforgot_panel>img:first-child {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.loginforgot_panel>img:nth-child(2) {
  position: absolute;
  top: 40px;
  left: 80px;
  height: 40px;
}

.loginforget_form {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100vh;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 625px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 -2px 11px 5px rgb(211 215 223 / 18%);
  box-shadow: 0 -2px 11px 5px rgb(211 215 223 / 18%);
}

.loginforget_formhdr {
  text-align: center;
}

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

.loginforget_formhdr>div:nth-child(2) {
  font-size: 26px;
  color: #303030;
  font-weight: 700;
  margin-top: 0;
  line-height: 1.2;
}

.loginforget_formhdr>div:nth-child(3) {
  color: #a3acbc;
  font-size: 16px;
  margin-top: 8px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.loginforget_formfields {
  /* margin-top: 20px; */
  width: 100%;
}

.loginforget_button {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* min-width: 505px; */
  margin-bottom: 0 !important;
  width: 100%;
}

.loginforget_back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #2452a1;
  border-radius: 0 0 40px 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;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.loginforget_back:hover {
  background: #194185;
}

.loginforgot_panelpw .loginforget_form {
  max-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* position: relative; */
  border-radius: 20px;
  padding: 30px;
}

.newfologin_signup {
  width: 75%;
  right: 12.5%;
}

.newfologin_signup_header {
  text-align: center;
}

.newfologin_signup_header>div:first-child {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 500;
}

.newfologin_signup_header>div:last-child {
  color: var(--sub-label-color);
  font-size: 16px;
  font-weight: 400;
}

.newlogin_pwchecker_progress>.newlogin_pwchecker_progitemalt {
  background: #eceff2 !important;
}

.newlogin_slickarrow {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #fff;
  border: 1px solid #e2e3e4;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #3893e7;
  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;
  font-size: 25pt;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.07);
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.newlogin_slickarrow_prev {
  right: unset;
  left: 8px;
}

.newlogin_slickarrow:hover {
  color: #1662a8;
  -webkit-transform: translate(0, -50%) scale(1.05);
  -ms-transform: translate(0, -50%) scale(1.05);
  transform: translate(0, -50%) scale(1.05);
}

.newlogin_slickarrow::before {
  display: none;
}

@-webkit-keyframes slideToTop {
  0% {
    opacity: 0;
    margin-top: 50px;
  }

  100% {
    opacity: 1;
    margin-top: 0px;
  }
}

@keyframes slideToTop {
  0% {
    opacity: 0;
    margin-top: 50px;
  }

  100% {
    opacity: 1;
    margin-top: 0px;
  }
}

.scale-down-center {
  -webkit-animation: scale-down-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-down-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }

  100% {
    -webkit-transform: scale(0.9) translateY(-96px);
    transform: scale(0.9) translateY(-96px);
  }
}

@keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }

  100% {
    -webkit-transform: scale(0.9) translateY(-96px);
    transform: scale(0.9) translateY(-96px);
  }
}

.opacity-container {
  z-index: 4;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.07);
  position: fixed;
}

.slide-view {
  -webkit-animation: slide-view 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-view 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-close {
  -webkit-animation: slide-close 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-close 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-view {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-109px);
    transform: translateY(-109px);
  }
}

@keyframes slide-view {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-109px);
    transform: translateY(-109px);
  }
}

@-webkit-keyframes slide-close {
  0% {
    -webkit-transform: scale(0.9) translateY(-96px);
    transform: scale(0.9) translateY(-96px);
  }

  100% {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }
}

@keyframes slide-close {
  0% {
    -webkit-transform: scale(0.9) translateY(-96px);
    transform: scale(0.9) translateY(-96px);
  }

  100% {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }
}

.view-content-container {
  position: fixed;
  height: 100%;
  background: #f6faff;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 0px 25px;
  overflow-y: scroll;
  top: 141px;
}

@media screen and (max-width: 425px) {}

@media screen and (max-width: 425px) {}

@media screen and (max-width: 414px) {}

@media screen and (max-width: 378px) {}

@media (min-width: 1900px) {}

@media (max-width: 810px) {}

@media (max-width: 810px) and (max-height: 360px) and (min-height: 200px) {}

@media (max-width: 810px) and (max-height: 960px) and (min-height: 600px) {}

@media (max-width: 810px) and (max-height: 960px) and (min-height: 900px) {}

@media (min-width: 384px) and (max-width: 639px) and (max-height: 640px) {}

@media (min-height: 1000px) and (min-width: 600px) and (max-width: 810px) {}

@media (min-width: 811px) and (min-height: 1000px) and (max-height: 1300px) {}

@media (min-width: 1024px) and (max-width: 1200px) and (min-height: 1366px) {}

@media screen and (min-width: 1920px) {}

@media (max-width: 3840px) {}

@media (max-width: 630px) {}

.icon-background2 {
  color: #94bae29c;
}

.custom-tooltip {
  width: 200px;
  margin: 0;
  line-height: 24px;
  border: 1px solid #f5f5f5;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

.custom-tooltip .label {
  font-size: 12px !important;
  margin: 0;
  color: #666;
  font-weight: 500;
  padding: 0 0 10px;
}

.custom-tooltip .desc {
  font-size: 11px !important;
  border-top: 1px solid #f5f5f5;
  margin: 0;
}

.custom-tooltip .desc2 {
  font-size: 11px !important;
  margin: 0;
}

.calendarContent {
  height: 450px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px 1px #d4d4d4;
  box-shadow: 0px 1px 1px 1px #d4d4d4;
}

.calendarPanel {
  background: #3d7bb5 !important;
  border-color: none !important;
  background-color: none !important;
}

.react-datepicker {
  font-size: 12px !important;
  border: 1px solid #e1e1e1 !important;
  margin: 0px 0px !important;
}

.addEvent {
  float: right;
  margin-top: -44px;
  color: white;
  background: transparent;
  border: none;
  font-size: 16px;
  height: 40px;
  width: 40px;
}

.addEvent:hover {
  border-radius: 100%;
  background: #669ad6;
}

.addCalendarEventLabel .control-label {
  font-family: 'Articulat CF', sans-serif !important;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 2px;
  word-wrap: break-word !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: normal !important;
  text-transform: undefined !important;
  color: #484848b5 !important;
}

.addCalendarEventLabel .control-label {
  font-family: 'Articulat CF', sans-serif !important;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 2px;
  word-wrap: break-word !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: normal !important;
  text-transform: undefined !important;
  color: #484848b5 !important;
}

.betweenTime {
  padding: 10px 20px;
}

.addCalendarEventLabel {
  margin-bottom: 50px !important;
}

.calendarMonth55View {
  float: left;
  padding: 15px 13px;
  width: 60%;
  text-align: center;
}

.dscpAdjust {
  margin-top: -50px;
  margin-left: 0px;
  margin-bottom: 15px;
}

.time-line-ctnr .time-line {
  position: relative;
  margin: 0 0 0px 0;
  padding: 0;
  list-style: none;
}

.time-line-ctnr .time-line:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -10px;
  width: 2px;
  background: #d8d8d8 !important;
  left: 32px;
  border-radius: 2px;
}

.time-line-ctnr .time-line>.time-label>span {
  font-weight: 500;
  padding: 5px 10px;
  display: inline-block;
  background-color: #3d7bb5 !important;
  color: #fff;
  border-radius: 4px !important;
  font-size: 14px;
  margin-top: -10px;
  margin-left: -10px;
}

.time-line-ctnr .time-line>li {
  position: relative;
  margin-bottom: 10px;
  margin-right: 0;
}

.time-line-ctnr .time-line>li>.time-line-item {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 3px;
  background: #fff;
  color: #444;
  margin-right: 15px;
  position: relative;
  margin-left: 50px;
}

.time-line-ctnr .time-line>li>.time-line-item>.time-line-header,
.time-line-ctnr .time-line>li>.time-line-item .time {
  font-size: 14px;
  padding: 6px 10px;
}

.time-line-ctnr .time-line>li>.time-line-item .time {
  font-size: 12px;
  color: #999;
  float: right;
}

.time-line-ctnr .time-line>li>.time-line-item .time-line-header {
  margin: 0;
  color: #808080 !important;
  border-bottom: 1px solid #f4f4f4;
  line-height: 1.1;
  font-weight: 400 !important;
}

.time-line-ctnr .time-line>li>.fa {
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  color: #666;
  background: white;
  left: 28px;
  top: 9px;
  border: 2px solid #3498db;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.deviceManagementContainer .searchFilter {
  width: 24%;
  margin-top: -5px;
  margin-left: 12px;
  padding: 10px 0px;
  position: relative;
  z-index: 0;
}

.deviceManagementHdr {
  margin-left: -1%;
  font-size: 20px;
  color: #21272c;
  margin-top: 1%;
  padding-bottom: 10px;

  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.dev-circle-loader {
  border: 2px solid transparent;
  border-color: transparent;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 1.65em;
  height: 1.65em;
  right: 29px;
  top: 12px;
}

.dev-circle-loader-activated {
  border: 2px solid transparent;
  border-color: transparent;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 1.65em;
  height: 1.65em;
  right: 29px;
  top: 12px;
}

.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #3f80b9;
  border-top-color: #3f80b9;
  border-right-color: #3f80b9;
  border-bottom-color: #3f80b9;
  -webkit-transition: border-top-color 0.2s linear, border-right-color 0.2s linear 0.1s,
    border-bottom-color 0.2s linear 0.2s, border-right-color 0.2s linear 0.1s;
  -o-transition: border-top-color 0.2s linear, border-right-color 0.2s linear 0.1s,
    border-bottom-color 0.2s linear 0.2s, border-right-color 0.2s linear 0.1s;
  transition: border-top-color 0.2s linear, border-right-color 0.2s linear 0.1s,
    border-bottom-color 0.2s linear 0.2s, border-right-color 0.2s linear 0.1s;
  border-left-color: #3f80b9;
}

.deact-load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transition: border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s,
    border-right-color 0.2s linear 0.1s, border-top-color 0.2s linear;
  -o-transition: border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s,
    border-right-color 0.2s linear 0.1s, border-top-color 0.2s linear;
  transition: border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s,
    border-right-color 0.2s linear 0.1s, border-top-color 0.2s linear;
  border-left-color: transparent;
}

.checkmark {
  display: none;
}

.checkmark-activated {
  display: block;
}

.checkmark.draw:after {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: ease 3000ms;
  animation-timing-function: ease 3000ms;
  -webkit-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
  opacity: 1;
  height: 0.79em;
  width: 0.43em;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  border-right: 2px solid #3f80b9;
  border-top: 2px solid #3f80b9;
  content: '';
  left: 3px;
  top: 10px;
  position: absolute;
}

.checkmark-activated.draw:after {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: ease 10s;
  animation-timing-function: ease 10s;
  -webkit-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
}

.checkmark-activated:after {
  opacity: 1;
  height: 0.79em;
  width: 0.43em;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  border-right: 2px solid #3f80b9;
  border-top: 2px solid #3f80b9;
  content: '';
  left: 3px;
  top: 10px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  20% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  30% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  40% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  50% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  60% {
    height: 0;
    width: 0;
    opacity: 1;
  }

  70% {
    height: 0;
    width: 0.43em;
    opacity: 1;
  }

  80% {
    height: 0.79em;
    width: 0.43em;
    opacity: 1;
  }

  100% {
    height: 0.79em;
    width: 0.43em;
    opacity: 1;
  }
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  20% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  30% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  40% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  50% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  60% {
    height: 0;
    width: 0;
    opacity: 1;
  }

  70% {
    height: 0;
    width: 0.43em;
    opacity: 1;
  }

  80% {
    height: 0.79em;
    width: 0.43em;
    opacity: 1;
  }

  100% {
    height: 0.79em;
    width: 0.43em;
    opacity: 1;
  }
}

@-webkit-keyframes expand {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

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

  100% {
    width: 100%;
  }
}

.horizontalStackBar {
  width: 0%;
  -webkit-animation-delay: 30s;
  animation-delay: 30s;
  -webkit-animation: expand 5s ease forwards;
  animation: expand 5s ease forwards;
}

.block {
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity, 0.3s ease;
  -o-transition: opacity, 0.3s ease;
  transition: opacity, 0.3s ease;
  cursor: pointer;
  float: left;
}

.block:hover {
  -webkit-box-shadow: 0px 10px 10px #ddd;
  box-shadow: 0px 10px 10px #ddd;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.2);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.2);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.2);
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  transform: scale(1.2);
}

.custom-tooltipstackbar {
  margin: 0;
  line-height: 24px;
  padding: 10px;
}

.custom-tooltipstackbar .label {
  font-size: 15px !important;
  margin: 0;
  color: #5d5d5d;
  font-weight: 500;
}

.custom-tooltipstackbar .desc {
  font-size: 12px !important;
  margin: 0;
  padding: 0px 10px;
  color: #b1b1b1;
  text-align: right;
}

.circleTransfer {
  position: absolute;
  height: 50px;
  width: 50px;
  border: 4px solid white;
  background-color: #dceded;
  border-radius: 50%;
  top: 170px;
  left: 15%;
  -webkit-box-shadow: 0px 2px 5px 0px #d4d4d4;
  box-shadow: 0px 2px 5px 0px #d4d4d4;
  color: #3d7bb5;
}

.circleTransferIcon {
  font-size: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 11px;
  position: absolute;
  left: 11px;
}

.bell-animation {
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  -ms-transform-origin: 50% 4px;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }

  1% {
    -webkit-transform: rotateZ(30deg);
  }

  3% {
    -webkit-transform: rotateZ(-28deg);
  }

  5% {
    -webkit-transform: rotateZ(34deg);
  }

  7% {
    -webkit-transform: rotateZ(-32deg);
  }

  9% {
    -webkit-transform: rotateZ(30deg);
  }

  11% {
    -webkit-transform: rotateZ(-28deg);
  }

  13% {
    -webkit-transform: rotateZ(26deg);
  }

  15% {
    -webkit-transform: rotateZ(-24deg);
  }

  17% {
    -webkit-transform: rotateZ(22deg);
  }

  19% {
    -webkit-transform: rotateZ(-20deg);
  }

  21% {
    -webkit-transform: rotateZ(18deg);
  }

  23% {
    -webkit-transform: rotateZ(-16deg);
  }

  25% {
    -webkit-transform: rotateZ(14deg);
  }

  27% {
    -webkit-transform: rotateZ(-12deg);
  }

  29% {
    -webkit-transform: rotateZ(10deg);
  }

  31% {
    -webkit-transform: rotateZ(-8deg);
  }

  33% {
    -webkit-transform: rotateZ(6deg);
  }

  35% {
    -webkit-transform: rotateZ(-4deg);
  }

  37% {
    -webkit-transform: rotateZ(2deg);
  }

  39% {
    -webkit-transform: rotateZ(-1deg);
  }

  41% {
    -webkit-transform: rotateZ(1deg);
  }

  43% {
    -webkit-transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(0);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  1% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  3% {
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
  }

  5% {
    -webkit-transform: rotate(34deg);
    transform: rotate(34deg);
  }

  7% {
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
  }

  9% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  11% {
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
  }

  13% {
    -webkit-transform: rotate(26deg);
    transform: rotate(26deg);
  }

  15% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  17% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  19% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  21% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  23% {
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
  }

  25% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }

  27% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  29% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  31% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }

  33% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }

  35% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  37% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  39% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }

  41% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  43% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.ns-box {
  position: fixed;
  background: rgba(42, 45, 50, 0.85);
  padding: 20px 10px;
  line-height: 1.4;
  z-index: 1000;
  pointer-events: none;
  color: rgba(250, 251, 255, 0.95);
  font-size: 90%;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.ns-box.ns-show {
  pointer-events: auto;
}

.ns-box a {
  color: inherit;
  opacity: 0.7;
  font-weight: 700;
}

.ns-box a:hover,
.ns-box a:focus {
  opacity: 1;
}

.ns-box p {
  margin: 0;
}

.ns-box.ns-show {
  pointer-events: auto;
}

.ns-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 4px;
  overflow: hidden;
  text-indent: 100%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ns-close:hover,
.ns-close:focus {
  outline: none;
}

.ns-close::before,
.ns-close::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 60%;
  top: 50%;
  left: 50%;
  background: #6e6e6e;
}

.ns-close:hover::before,
.ns-close:hover::after {
  background: #fff;
}

.ns-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.ns-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ns-attached {
  right: 8px;
  max-width: 300px;
}

[class^='ns-effect-'].ns-attached.ns-hide,
[class*=' ns-effect-'].ns-attached.ns-hide {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.ns-effect-bouncyflip {
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  background: #fff;
  color: #484860;
  top: 65px;
  -webkit-box-shadow: 0 13px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 13px 10px -5px rgba(0, 0, 0, 0.2);
}

.ns-effect-bouncyflip .icon {
  position: absolute;
  display: block;
  top: 2em;
  left: 2em;
}

.ns-effect-bouncyflip p {
  padding: 0.5em 0.8em 0.8em 3.5em;
}

.ns-effect-bouncyflip .ns-close::after,
.ns-effect-bouncyflip .ns-close::before {
  background: #484860;
}

.ns-effect-bouncyflip .ns-close:hover::after,
.ns-effect-bouncyflip .ns-close:hover::before {
  background: #545484;
}

.ns-effect-bouncyflip.ns-show,
.ns-effect-bouncyflip.ns-hide {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -webkit-transition-timing-function: ease-out;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -webkit-transition-timing-function: ease-out;
  }

  100% {
    -webkit-transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.ns-effect-bouncyflip.ns-hide {
  -webkit-animation-name: flipInXSimple;
  animation-name: flipInXSimple;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

@-webkit-keyframes flipInXSimple {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
  }
}

@keyframes flipInXSimple {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@media screen and (max-width: 25em) {
  .ns-attached {
    left: 30px;
    max-width: none;
    right: 30px;
  }
}

.arrow-right {
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-top: 28px solid #62d2ef45;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: -1px;
  top: 13px;
  -webkit-animation: fold2 1s ease-in;
  animation: fold2 1s ease-in;
}

.fold-border {
  height: 52px;
  width: 1.5px;
  background: #afafaf;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 18px;
  top: -9px;
  -webkit-animation: fold3 1s ease-in;
  animation: fold3 1s ease-in;
}

.fold-shadow {
  width: 35px;
  height: 6px;
  background: #ececec;
  border-bottom-left-radius: 7px;
  position: absolute;
  right: 1px;
  top: 38px;
  visibility: hidden;
  -webkit-animation: shadow 0.5s ease-in forwards;
  animation: shadow 0.5s ease-in forwards;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.bg-cloud img {
  width: 188px;
  -webkit-filter: brightness(0.92);
  filter: brightness(0.92);
  height: 122px;
  position: absolute;
  right: -47px;
  top: 146px;
  visibility: hidden;
  display: none;
}

.bg-cloud2 img {
  width: 227px;
  -webkit-filter: brightness(0.92);
  filter: brightness(0.92);
  height: 110px;
  position: absolute;
  left: -33px;
  top: 126px;
  visibility: hidden;
  display: none;
}

.stack-invoice-inside {
  visibility: visible;
}

.the-fold {
  -webkit-animation: showfold 0.5s ease-in;
  animation: showfold 0.5s ease-in;
}

@-webkit-keyframes entrance {
  0% {
    padding: unset;
    width: 1%;
  }

  100% {
    width: 71%;
    height: 312px;
  }
}

@keyframes entrance {
  0% {
    padding: unset;
    width: 1%;
  }

  100% {
    width: 71%;
    height: 312px;
  }
}

@-webkit-keyframes showhole {
  0% {
    visibility: hidden;
    right: -2px;
  }

  100% {
    visibility: visible;
    right: -2px;
  }
}

@keyframes showhole {
  0% {
    visibility: hidden;
    right: -2px;
  }

  100% {
    visibility: visible;
    right: -2px;
  }
}

@-webkit-keyframes showfold {
  0% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

@keyframes showfold {
  0% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

@-webkit-keyframes fold1 {
  0% {
    width: 20px;
    height: 20px;
  }

  100% {
    width: 40px;
    height: 40px;
  }
}

@keyframes fold1 {
  0% {
    width: 20px;
    height: 20px;
  }

  100% {
    width: 40px;
    height: 40px;
  }
}

@-webkit-keyframes fold2 {
  0% {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #62d2ef45;
    top: 6px;
  }

  100% {
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 28px solid #62d2ef45;
    top: 13px;
  }
}

@keyframes fold2 {
  0% {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #62d2ef45;
    top: 6px;
  }

  100% {
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 28px solid #62d2ef45;
    top: 13px;
  }
}

@-webkit-keyframes fold3 {
  0% {
    height: 25px;
    right: 7px;
    top: -5px;
  }

  100% {
    height: 56px;
    right: 18px;
    top: -10px;
  }
}

@keyframes fold3 {
  0% {
    height: 25px;
    right: 7px;
    top: -5px;
  }

  100% {
    height: 56px;
    right: 18px;
    top: -10px;
  }
}

@-webkit-keyframes shadow {
  0% {
    visibility: hidden;
    height: 0px;
  }

  100% {
    visibility: visible;
    height: 6px;
  }
}

@keyframes shadow {
  0% {
    visibility: hidden;
    height: 0px;
  }

  100% {
    visibility: visible;
    height: 6px;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes moveCloud1 {
  0% {
    visibility: hidden;
    right: 0px;
  }

  100% {
    visibility: visible;
    right: -47px;
  }
}

@keyframes moveCloud1 {
  0% {
    visibility: hidden;
    right: 0px;
  }

  100% {
    visibility: visible;
    right: -47px;
  }
}

@-webkit-keyframes moveCloud2 {
  0% {
    visibility: hidden;
    left: 40px;
  }

  100% {
    visibility: visible;
    left: -4px;
  }
}

@keyframes moveCloud2 {
  0% {
    visibility: hidden;
    left: 40px;
  }

  100% {
    visibility: visible;
    left: -4px;
  }
}

.ds_guidepanel_skip {
  background: #f0f0f0;
  margin: 10px -15px -15px;
  padding: 10px 0px;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: darkgrey;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.ds_guidepanel_skip:hover {
  color: grey;
}

.welcomewidget_learnpanel_hdr {
  height: 100px;
  font-size: 16pt;
  font-weight: 400;
  color: #424242;
  padding: 30px 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 300;
}

.welcomewidget_learnpanel_hdr>div:first-child>span {
  font-weight: 500;
  color: #2d70b1;
}

.welcomewidget_learnpanel_hdr>div:last-child {
  position: relative;
  width: 40px;
  height: 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;
  font-size: 17pt;
  cursor: pointer;
  color: #b3b3b3;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.welcomewidget_learnpanel_hdr>div:last-child:hover {
  background: #f2f2f2;
}

.welcomewidget_learnpanel_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 100px);
}

.ww_learnpanel_left {
  position: relative;
  width: 23%;
  height: 100%;
  bottom: 0px;
  background: #0c61b3;
  border-top-right-radius: 45px;
  padding-top: 35px;
}

.ww_learnpanel_leftbody {
  overflow: hidden;
  height: calc(100% - 50px);
}

.ww_learnpanel_leftbody:hover {
  overflow: auto;
}

.ww_learnpanel_leftbody::-webkit-scrollbar,
.ww_learnpanel_right::-webkit-scrollbar {
  width: 16px;
}

.ww_learnpanel_leftbody::-webkit-scrollbar-track,
.ww_learnpanel_right::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}

.ww_learnpanel_leftbody::-webkit-scrollbar-thumb,
.ww_learnpanel_right::-webkit-scrollbar-thumb {
  background-color: #4a88c3;
  outline: 1px solid slategrey;
  border-radius: 20px;
}

.ww_learnpanel_right::-webkit-scrollbar-thumb {
  background-color: #c5d1dc;
}

.ww_learnpanel_leftitem {
  margin: 10px;
  padding: 10px 15px;
  font-size: 14pt;
  color: #fff;
  border-bottom: 1px solid #377ab9;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.ww_learnpanel_leftitem:hover,
.ww_learnpanel_leftitem_selected {
  font-weight: 400;
  background: #d5eaff;
  border-radius: 4px;
  -webkit-box-shadow: 0 10px 12px -9px #0e4a84;
  box-shadow: 0 10px 12px -9px #0e4a84;
  color: #2067ad;
}

.ww_learnpanel_leftsearch {
  position: relative;
  padding: 0 10px;
  height: 50px;
}

.ww_learnpanel_leftsearch>i {
  position: absolute;
  top: 12px;
  left: 13px;
  font-size: 12pt;
  color: #85b2dc;
}

.ww_learnpanel_leftsearch>input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #85b2dc;
  width: 100%;
  color: #fff;
  padding: 8px 30px;
  font-size: 12pt;
}

.ww_learnpanel_leftsearch>input::-webkit-input-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::-moz-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input:-ms-input-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::-ms-input-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::-moz-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::-webkit-input-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>div {
  position: absolute;
  bottom: 9px;
  left: 10px;
  width: calc(100% - 20px);
  height: 2px;
  background: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

.ww_learnpanel_leftsearch>input:focus+div {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.ww_learnpanel_mid {
  width: 18%;
  padding-top: 55px;
  padding-left: 5px;
  position: relative;
}

.ww_learnpanel_mid>div {
  font-weight: 400;
  padding: 25px;
  min-height: 90px;
  font-size: 12pt;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.ww_learnpanel_mid>div:hover {
  color: #2466a7;
}

.ww_learnpanel_mid>img {
  height: 35%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  position: absolute;
  bottom: 15px;
  left: 10px;
  pointer-events: none;
}

.ww_learnpanel_mid>.ww_learnpanel_midselected {
  font-size: 17pt;
  background: #ecf3fb;
  -webkit-box-shadow: -7px 6px 14px -9px #aeaeae;
  box-shadow: -7px 6px 14px -9px #aeaeae;
  color: #2466a7;
  position: relative;
  border: 1px solid #2d71b3;
  border-radius: 5px;
  width: calc(100% + 30px);
}

.ww_learnpanel_right {
  width: calc(59% - 20px);
  height: calc(100% - 20px);
  background: #eef1f5;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.ww_learnpanel_right:hover {
  overflow: auto;
}

.ww_learnpanel_helplist {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 40px;
}

.ww_learnpanel_helpitem {
  width: 30%;
  margin: 10px 1.6%;
  border-radius: 10px;
  min-height: 110px;
  position: relative;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-animation: helpitemanim 0.5s ease-in forwards;
  animation: helpitemanim 0.5s ease-in forwards;
}

.ww_learnpanel_helpitem:hover {
  z-index: 1;
}

.ww_learnpanel_helpitem>div {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 15px -6px #d2d2d2;
  box-shadow: 0 6px 15px -6px #d2d2d2;
  padding: 18px;
  min-height: 195px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.ww_learnpanel_helpitem>div:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

@-webkit-keyframes helpitemanim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes helpitemanim {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes helpitemanim2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes helpitemanim2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}

.ww_learnpanel_helpitem_title {
  font-size: 14pt;
  font-weight: 400;
  color: #0e5498;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.ww_learnpanel_helpitem_dscp {
  font-weight: 300;
  color: #ababab;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ww_learnpanel_helpitem_file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.ww_learnpanel_helpitem_file:hover {
  color: #215990;
  text-decoration: underline;
}

.ww_learnpanel_helpitem_file>img {
  height: 16px;
  margin-right: 5px;
}

.ww_learnpanel_helpitem_file>span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 400;
}

.ww_learnpanel_helpitem_roles {
  margin-bottom: 15px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  height: 45px;
  min-height: 45px;
  position: relative;
  cursor: pointer;
  width: 100%;
}

.ww_learnpanel_helpitem_roles>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin: 0 -5px;
}

.ww_learnpanel_helpitem_roles>div:first-child>div {
  padding: 2px 7px;
  border-radius: 5px;
  margin: 3px 5px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 300;
}

.ww_learnpanel_helpitem_roles>div:last-child {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 11px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ffffffde));
  background: -o-linear-gradient(top, transparent, #ffffffde);
  background: linear-gradient(to bottom, transparent, #ffffffde);
  display: none;
}

.ww_learnpanel_helpitem_roles_alt>div:last-child {
  display: block;
}

.ww_learnpanel_faqlist {
  padding: 40px;
}

.ww_learnpanel_faqlist>.panel {
  border: none;
}

.ww_learnpanel_faqitem {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}

.ww_learnpanel_faqitem>a:focus,
.ww_learnpanel_faqitem>a:active {
  text-decoration: none;
}

.ww_learnpanel_faqitemhdr {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 15px -6px #d2d2d2;
  box-shadow: 0 6px 15px -6px #d2d2d2;
  padding: 10px 20px;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 13pt;
  font-weight: 400;
  color: black;
}

.ww_learnpanel_faqitemhdr .ww_learnpanel_helpitem_roles {
  margin: 0px;
  font-size: 10pt;
  height: 35px;
  min-height: 35px;
  width: 100%;
}

.ww_learnpanel_faqbody {
  padding: 20px;
  font-size: 12pt;
  font-weight: 300;
}

.ww_learnpanel_helpitem_dtls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.ww_learnpanel_helpitem_dtls>div:first-child {
  width: 100%;
}

.ww_learnpanel_helpdl_close {
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(0.9) translateY(-20px) !important;
  -ms-transform: scale(0.9) translateY(-20px) !important;
  transform: scale(0.9) translateY(-20px) !important;
}

.ww_learnpanel_left>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}

.generic-tablepanelview .dummytxn_guidepanel {
  color: #d2e9ff;
}

.generic-tablepanelview .dummytxn_guidepanel .dummytxn_guidepanel_note {
  margin-top: 20px;
}

.foviewhdr_main {
  display: inline-block;
  width: 100%;
}

.tasklist_widget__container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 10px;
}

.taskList_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 15px;
  padding: 32px 10px;
}

.tasklist_item {
  border-radius: 8px;
  background-color: #ffffff;
  padding: 15px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.taskList_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.taskList_sub>div:last-child>img {
  height: 28px;
}

.taskList_sub>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.taskList_sub>div:first-child>div:first-child {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}

.taskList_sub>div:first-child>div:nth-child(2) {
  height: 44px;
  width: 44px;
  font-size: 36px;
  font-weight: bold;
  line-height: 44px;
}

.todo_color {
  color: var(--main-color);
}

.expire_section {
  background-color: #edc619;
}

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

.pending_section,
.pending_bar {
  background-color: #d91452;
}

.expire_color {
  color: #edc619;
}

.pending_color {
  color: #d91452;
}

.taskList_sub>img {
  width: 24px;
  height: 24px;
}

.tasklist_hdr {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.taskList_column .tasklist_item:not(:last-child) {
  margin-bottom: 10px;
}

.tasklist_progress__bar {
  height: 8px;
  position: relative;
  background-color: #f6f8fd;
  border-radius: 4px;
}

.tasklist_progress__bar>span {
  display: block;
  height: 100%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.tasklist_progressdscp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 600;
  color: #a3acbc;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.8rem;
  height: 100%;
}

.tasklist_mainhdr {
  color: var(--hdr-color);
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 2.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin-bottom: 2rem;
}

.tasklist_mainctr {
  border-radius: 2.5rem;
  background-color: var(--input-field-bg);
  padding: 2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  margin-bottom: 20px;
}

.tasklist_collapsible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  margin-bottom: 16px;
  margin-left: 10px;
}

.tasklist_collapsible .fa-circle {
  color: #ffffff;
  font-size: 8px;
}

.tasklist_collapsible>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tasklist_collapsible>div:first-child>i {
  margin-right: 10px;
}

.tasklist_collapsible>i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  color: #ffffff;
  padding: 0.5rem;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
}

.expiring_btn>i {
  background-color: #ddb400;
}

.todo_btn>i {
  background-color: #2454d5;
}

.pending_btn>i {
  background-color: #c0033e;
}

.tasklist_close {
  height: 0;
  display: none;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}

.welcome_widget__detailsctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  justify-content: space-between;
  padding: 5px 5px 0;
  z-index: 1;
  position: relative;
}

.welcome_widget__bgimgnew {
  z-index: 0;
  position: absolute;
  right: 0;
  width: 100%;
  bottom: 0;
  top: 0;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.welcome_widget__bgimgnew>img:first-child {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  object-position: top;
  /* transform: translateY(48px); */
  height: 100%;
}

.welcome_widget__bgimgnew div>img {
  object-fit: contain;
  -o-object-fit: contain;
  object-position: right;
  height: 200px;
}

.welcome_widget__bgimgnew>div {
  width: 45%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

.welcome_widget__detailshdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.welcome_widget__detailshdr>div:first-child {
  color: #ffffff;
  font-size: 33px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 10px;
}

.welcome_widget__detailshdr>div:last-child {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.welcome_widget__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin: 0 -7.5px;
}

.welcome_widget__btn {
  height: 40px;
  border-radius: 12px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  width: 130px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.welcome_widget__btn>i {
  margin: 0 0 0 10px;
  font-size: 22px;
}

.welcome_widget__btnsctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* margin-top: 55px; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.welcome_widget__pending {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding-right: 20px;
  margin-left: 15px;
  margin-left: 40px;
  padding: 0 !important;
}

.welcome_widget__pending>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.welcome_widget__pending>div>div {
  color: #ffffff;
}

.welcome_widget__pending>div>div:first-child {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.welcome_widget__pending>div>div:last-child {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.welcome_widget__options>div {
  padding: 0 7.5px;
  position: relative;
}

.welcome_widget_btnnew {
  cursor: pointer;
  gap: 8px;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  border: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 19px 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.welcome_widget_btnnew>img {
  width: 28px;
  height: 28px;
}

.welcome_widget_btnnew>div {
  color: #ffffff;
  font-weight: 600;
}

.welcome_widget__panelnew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  /* height: fit-content; */
  border: none;
  border-radius: 25px;
  background-color: #8da8ad;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
  max-height: 200px;
  min-height: 200px;
  /* min-height: 270px; */
  /* aspect-ratio: 28/5; */
}

.dashboard_threecol__hideright .main_dashboard__panelnew {
  padding: 15px;
}

.main_dashboard__panelnew {
  padding: 0 30px 10px;
}

.acct_widget__newctr {
  display: -ms-grid;
  display: grid;
  border-radius: 25px;
  background-color: var(--menu-background-color);
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px;
  margin-bottom: 20px;
}

.acct_widget__newctrlist {
  padding: 0 !important;
}

.acct_widget_hdrnew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.accountwidget_div {
  overflow-x: auto;
}

.accountwidget_div .totalAndPage {
  display: none;
}

.accountwidget_div .containerBelowTable,
.tranhist_div .containerBelowTable {
  display: none;
}

.accountwidget_div .fixedDataTableRowLayout_main {
  border: 1px solid #3c4758 !important;
}

.tranhist_div .fixedDataTableRowLayout_main {
  border-bottom: 1px solid #dadfeb !important;
}

.accountwidget_div .f4datatable_optionButtons,
.tranhist_div .f4datatable_optionButtons {
  display: none;
}

.accountw_card__hdr>img {
  margin-right: 15px;
  height: 35px;
}

.accountw_card__hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--sec-btn-color);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}

.accountw_card__hdr:hover,
.accountw_card__hdr:active {
  color: var(--sec-btn-hover);
}

.account_column {
  color: #ffffff;
}

.th_column {
  color: var(--hdr-color);
}

.account_column .view_amt__formatted,
.account_column .view_amt__formattedwc {
  font-weight: 800 !important;
}

.account_column .view_amt__formatted>span {
  font-weight: 800;
}

.amount_column.account_column .view_amt__formattedwc>span {
  margin-top: 3px;
  margin-right: 3px;
}

.accountwidget_div .public_fixedDataTableCell_main {
  background-color: var(--menu-background-color);
}

.acct_widget_hdrlist {
  padding: 20px 20px 0 20px;
}

.curr_sign {
  color: #ffffff;
  font-size: 9px;
  font-weight: bold;
  line-height: 11px;
}

.card_cellstyle img {
  height: 35px;
}

.acct_widget__sectblbody .public_fixedDataTable_bodyRow {
  background-color: transparent;
  background: transparent;
}

.acct_widget__sectblbody .newlook_amount {
  /* font-weight: bold; */
  /* disable bold, align with what's shown in account portfolio */
}

.balance_cellstyle .public_fixedDataTableCell_cellContent>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffff;
  font-weight: 800;
}

.accwidget_cellstyle .public_fixedDataTableCell_cellContent {
  color: #ffff !important;
  font-weight: 500 !important;
}

.card_cellstyle .public_fixedDataTableCell_cellContent>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffff;
  font-weight: 800;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.card_cellstyle img {
  height: 35px;
}

.account_datatable {
  border-radius: 0 0 25px 25px;
}

.acct_widget_hdrnew>div:first-child {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
}

.acct_widget_cardgrp {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  row-gap: 12px;
  grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin-top: 30px;
}

.acct_widget__card {
  gap: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  padding: 1.5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 18px;
  background: url(../images/Card/SalmonCard.svg);
  background-size: cover;
  position: relative;
}

.acct_widget__card>img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.card_overlay {
  position: absolute;
  display: none;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.card_overlay__btn {
  position: absolute;
  z-index: -3;
}

.acct_widget__card:hover .card_overlay,
.acct_widget__card:hover .card_overlay:hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  top: 0;
  left: 0;
  border-radius: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: 0.5s ease;
}

.acct_widget__card:hover .card_overlay__btn,
.acct_widget__card:hover .card_overlay__btn:active {
  padding: 6px 15px;
  border-radius: 6px;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ffff;
  color: #ffff;
}

.acct_widget__acctypenew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acct_widget__acctypenew>div {
  color: #fff1f5;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.acct_widget__carddtls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}

.acct_widget__carddtls>div {
  color: #fff1f5;
}

.acct_widget__carddtls>div:first-child {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.35px;
  line-height: 22px;
}

.acct_widget__carddtls>div:last-child {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.75px;
  line-height: 12px;
}

.acctwidget_selection__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
}

.acctwidget_selection__btn:hover,
.acctwidget_selection__btn:active,
.acctwidget_selection__btn:focus,
.acctwidget_selection__btnselected {
  border-radius: 25px;
  background-color: #354155;
  cursor: pointer;
}

.acctwidget_selection__btn:hover>img,
.acctwidget_selection__btn:active>img,
.acctwidget_selection__btn:focus>img,
.acctwidget_selection__btnselected>img {
  -webkit-filter: invert(31%) sepia(100%) saturate(26%) hue-rotate(267deg) brightness(151%) contrast(102%);
  filter: invert(31%) sepia(100%) saturate(26%) hue-rotate(267deg) brightness(151%) contrast(102%);
}

.acctwidget_selection__btn>img {
  width: 2.8rem;
  height: 2.8rem;
}

.acct_widget_hdrnew>div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acctwidget_newctr__alt {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 30px;
  row-gap: 20px;
}

.acctwidget_single__alt {
  border-radius: 25px;
  padding: 2rem;
  background-color: var(--menu-background-color);
  min-height: 350px;
  grid-column: 2 3;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.main_dashboard__row3 {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  padding: 0;
  row-gap: 20px;
  margin-bottom: 20px;
}

.main_dashboard__row4 {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  padding: 0;
  margin-top: 20px;
  row-gap: 20px;
}

.dashboard_column__13 {
  display: -ms-grid;
  display: grid;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}

.dashboard_row__gap {
  row-gap: 20px;
}

.dashboard_column__34 {
  display: -ms-grid;
  display: grid;
}

.dashboard_row__23 {
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

.currencywidget_ctr {
  min-height: 250px;
  border-radius: 15px;
  padding: 20px;
  margin: 0 10px 20px;
  border: 1px solid var(--border-color);
  background: #fff;
}

.currencywidget_ctr:last-child:has(.Select.is-open){
  margin-bottom: 100px;
}

.newsfeed_ctr {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 639px;
  padding: 20px 10px 20px;
  border-radius: 25px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

.acctwidget__quicklink__hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.acctwidget_quicklinks__clickable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.acctwidget_quicklinks__clickable .quicklink__item:not(:last-child) {
  margin-right: 11px;
}

.quicklink__item {
  border: 1.3px solid #ffffff;
  border-radius: 10px;
  background-color: #2b3546;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100px;
  position: relative;
}

.quicklink__item>img {
  margin-bottom: 2px;
}

.quicklink__addbtn {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ff841a;
  max-width: 100px;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 10px;
}

.quicklink__addbtn:hover {
  background-color: var(--menu-item-hover);
}

.quicklink__dscp {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
}

.quicklink_add__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 10px;
  padding: 5px 15px 5px 9px;
}

.quicklink_add__btn>div {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 17px;
}

.quicklink_item {
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--main-color);
  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;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--main-color);
}

.acctwidget_singlecard {
  margin: 40px 33px 26px;
  padding: 20px 20px 25px 20px;
  gap: 100px;
  border-radius: 30px;
}

.acctwidget_singlecard .acct_widget__carddtls>div:first-child {
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 2.1px;
}

.acctwidget_singlecard .acct_widget__carddtls>div:last-child {
  font-size: 16px;
  letter-spacing: 1.2px;
  line-height: 20px;
}

.acctwidget_singlecard .acct_widget__acctypenew>div {
  font-size: 12px;
}

.acctwidget_singlecard .acct_widget__acctypenew>img {
  height: 33.5px;
}

.acctwidget_dtls__single {
  border-radius: 13px;
  background-color: #394150;
  padding: 10px 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
}

.acctwidget_dtls__singlehdr {
  text-align: left;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  line-height: 27px;
  margin: 10px 0 0 10px;
}

.acctwidget_subdtls__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 52px;
  padding-left: 10px;
  margin-top: 28px;
}

.acctwidget_subdtl__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.acctwidget_subdtl__item>div:first-child {
  color: #7a818f;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.acctwidget_subdtl__item>div:last-child {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.acctwidget_balances {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.acctwidget_balance__item {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  background-color: #606979;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acctwidget_balance__item>div:first-child {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  color: #ffffff;
}

.acctwidget_balance__item>div:last-child {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}

.acctwidget_tranhist {
  min-height: 586px;
  border-radius: 25px;
  background-color: #f2f5f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* padding: 10px; */
}

.tranhist_widget__headersection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  /* border-bottom: 1px solid #dadfeb; */
}

.accwidget_tranhist--graph {
  padding: 10px;
}

.accwidget_tranhist--graph .tranhist_widget__headersection {
  border-bottom: 1px solid #dadfeb;
  padding: 10px 10px 20px 10px;
}

.widget__hdr {
  color: var(--hdr-color);
  font-size: 22px;
  font-weight: bold;
  line-height: 27px;
  text-align: left;
}

.tranhist_widgetbtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

.tranhist_widgetbtns>a {
  cursor: pointer;
  padding: 6px;
}

.tranhist_toggle__btn {
  padding: 10px;
  border-radius: 25px;
  background-color: #e8edf2;
}

.acctwidget_tranhist a:hover>img,
.tranhist_toggle__btn>img {
  -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(68%) saturate(6564%) hue-rotate(219deg) brightness(103%) contrast(90%);
  filter: brightness(0) saturate(100%) invert(44%) sepia(68%) saturate(6564%) hue-rotate(219deg) brightness(103%) contrast(90%);
}

.tranhist_widgetbtns>a:hover,
.tranhist_widgetbtns>a:active,
.tranhist_widgetbtns>a:focus {
  border-radius: 25px;
  background-color: #e8edf2;
}

.transhist_changeacct__btn,
.exchangerate_refresh__btn,
.dashboard_settings__btn {
  background-color: #ffffff;
  border: 2px solid var(--button-color);
  border-radius: 20px;
  padding: 0 15px;
  color: var(--button-color);
  font-size: 14px;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 600;
  height: 30px;
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}

.dashboard_settings__btn {
  border: 1.3px solid var(--button-color);
}

.transhist_changeacct__btn:hover,
.exchangerate_refresh__btn:hover,
.dashboard_settings__btn:hover {
  background-color: var(--button-sec-hover-color);
}

.blueb_white__btn {
  background-color: #ffffff;
  border: 2px solid var(--main-color);
  border-radius: 20px;
  padding: 6.5px 20px;
  color: var(--main-color);
  font-size: 14px;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.newsfeed_item__mainctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.newsfeed_item__mainctr .newsfeed_item:not(:last-child) {
  border-bottom: 1px solid #e8edf2;
}

.newsfeed_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 20px;
}

.newsfeed_item>img {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.newsfeed_btn {
  border-radius: 10px;
  background-color: var(--main-color);
  border: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  color: #ffffff;
  text-align: center;
  padding: 12px 27.5px;
  min-width: 171px;
}

.newsfeed_info>div:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 15px;
}

.currencywidget_headergrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.currencywidget_headergrp>div:last-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #4d4d4d;
}

/*.currencywidget_headergrp>div>div:last-child {*/
/*  font-size: 16px;*/
/*  font-weight: 500;*/
/*  line-height: 20px;*/
/*  color: #4d4d4d;*/
/*  gap: 20px;*/
/*}*/

.currencywidget_detailgrp {
  width: 100%;
}

.currencywidget_detailgrp > div:first-child {
  float: left;
  width: 45%;
}

.currencywidget_detailgrp > div:last-child {
  float: right;
  width: 45%;
}

.currencywidget_detailgrp__image {
  float: left;
  width: 10%;
}

.currencywidget_detailgrp__image > img {
  display: block;
  margin: 30px auto auto auto;
  cursor: pointer;
  border-radius: 100%;
}

.currencywidget_detailgrp__image > .forex_convert__button {
  margin: 37.5px auto auto auto;
  border-radius: 100%;
}

.currencywidget_detailgrp__image > img:hover,
.currencywidget_detailgrp__image > img:active {
  background-color: var(--light-main-color-hover);
  transition: 0.3s;
}

.currencywidget_toconvert__ctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 40px 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  background-color: #f2f5f8;
  border-radius: 25px;
  max-height: 120px;
}

.currencywidget_toconvert__ctr>div,
.currencywidget_converted__ctr>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}

.currencywidget_converted__ctr>img {
  position: absolute;
  top: -30px;
  cursor: pointer;
  right: 30px;
}

.currency_toconvert .f4InputField_parent input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccdae8;
  font-size: 20px;
}

.currency_converted .f4InputField_parent input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccdae8;
  border-radius: 0;
  font-size: 20px;
}

.currencywidget_toconvert__ctr>div:first-child,
.currencywidget_converted__ctr>div:first-child {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 600;
  gap: 20px;
  flex: 4;
}

.currencywidget_toconvert__ctr>div:last-child,
.currencywidget_converted__ctr>div:last-child {
  color: var(--sub-label-color);
  font-size: 14px;
  font-weight: 500;
  gap: 20px;
  flex: 7;
}

.currencywidget_converted__ctr>div:nth-child(2) {
  color: #a3acbc;
}

.currencywidget_ctr .f4InputField:focus,
.currencywidget_ctr .f4InputField {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-radius: 0;
}

.currencywidget_converted__ctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 40px 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 25px;
  background-color: #f2f5f8;
  position: relative;
  gap: 40px;
  max-height: 120px;
}

.exhchangerate_hdrgrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
}

.exhchangerate_hdrgrp>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.exchangerate_widget__ctr {
  display: -ms-grid;
  display: grid;
  border-radius: 25px;
  background-color: #f2f5f8;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 435px;
}

.exhchangerate_hdrgrp>div>div:last-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.cashflow_forecast__widget {
  padding: 20px;
  border-radius: 25px;
  background-color: #f2f5f8;
  border: none;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cashflow_forecast__widgetbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}

.cashflow_forecast__widgetbody>div:first-child {
  padding-right: 55px;
}

.cashflow_forecast__widgetbody>div:nth-child(2) {
  width: 35%;
  padding: 0 35px 50px 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cashflow_forecast__graph {
  min-height: 300px;
  width: 65%;
  position: relative;
}

.cashflow_forecast__graph::after {
  content: '';
  position: absolute;
  right: 0;
  top: -55px;
  bottom: 0;
  width: 1px;
  background: var(--border-color);
}

.cashflow_forecast__details {
  padding-left: 20px;
  padding-top: 90px;
}

.tranhist_totalexpenses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  border-radius: 8px;
  background-color: #e8edf2;
  padding: 10px 20px;
  margin: 20px 10px 30px;
}

.cashflow_forecast__totalnet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  border-radius: 8px;
  background-color: var(--mbl-details-bg);
  padding: 15px 20px;
  width: 100%;
}

.cashflow_forecast__totalnet>div:first-child {
  color: var(--view-fieldlabel-color);
  font-size: 12px;
  margin-bottom: 6px;
  font-weight: 500;
}

.tranhist_totalexpenses>div:first-child {
  color: var(--view-fieldlabel-color);
}

.tranhist_totalexpenses>div:last-child {
  color: var(--hdr-color);
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}

.cashflow_forecast__totalnet>div:last-child {
  color: var(--main-color);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
}

.cashflow_forecast__totals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.cashflow_forecast__totals>div {
  /* width: 50%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}

.cashflow_forecast__totalitem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cashflow_forecast__totalitem>div:first-child {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 3px;
  color: var(--view-fieldlabel-color);
}

.cashflow_forecast__totalitem>div:last-child {
  padding: 2px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  background-color: #4a4a4a;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.cashflow_forecast__totalitempos>div:last-child {
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  background-color: #9d70d6;
}

.cashflow_forecast__totalitemneg>div:last-child {
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  background-color: #ff8518;
}

.cashflow_forecast__totalitem>div:last-child>span {
  font-size: 7px;
  margin-top: 3px;
  margin-right: 3px;
}

.cashflow_forecast__widgethdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cashflow_forecast__widgethdr>div {
  font-size: 22px;
}

.account_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: var(--menu-background-color) !important;
}

.account_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main .fixedDataTableCellLayout_wrap1 {
  background-color: #373737 !important;
}

.account_datatable .public_fixedDataTable_header {
  border: 0.7px solid #3c4758;
  background-color: #313b4b;
}

.account_datatable .public_fixedDataTableCell_cellContent {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.exchangerate_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main .fixedDataTableCellLayout_wrap1,
.tranhist_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main .fixedDataTableCellLayout_wrap1 {
  background-color: #e8edf2 !important;
}

.exchangerate_datatable .public_fixedDataTable_header,
.tranhist_datatable .public_fixedDataTable_header {
  border: 0.7px solid #dadfeb;
}

.tranhist_datatable .public_fixedDataTableCell_main {
  background-color: #f2f5f8;
}

.exchangerate_datatable .public_fixedDataTable_header .public_fixedDataTableCell_cellContent,
.tranhist_datatable .public_fixedDataTable_header .public_fixedDataTableCell_cellContent {
  color: var(--field-label-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.exchangerate_datatable .fixedDataTableRowLayout_main {
  border: none;
}

.account_datatable .fixedDataTableCellLayout_wrap1 {
  background-color: var(--menu-background-color) !important;
}

.exchangerate_datatable .fixedDataTableCellLayout_wrap1,
.tranhist_datatable .fixedDataTableCellLayout_wrap1 {
  background-color: #f2f5f8;
}

.bankrate_gotoview {
  width: 100%;
  background-color: var(--main-color);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  border-radius: 0 0 25px 25px;
  padding: 11.5px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bankrate_gotoview:hover,
.bankrate_gotoview:visited {
  color: #ffffff;
  text-decoration: none;
}

.tranhist_div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tranhist_gotoview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--main-color);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 0 25px 25px;
  padding: 11.5px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
}

.tranhist_gotoview:hover {
  color: #ffffff;
}

.tranhist_frequency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 10px 25px 13px;
}

.tranhist_frequency>div:first-child {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.tranhist_freq__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.cashflow_freq__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}

.tranhist_freq__btns>button,
.cashflow_freq__btns>button {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 15px;
  -webkit-box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  border: none;
  padding: 6.5px 15px;
  background-color: #ffffff;
}

.tranhist_freq__btns>button:hover,
.tranhist_freq__btns>button:active,
.cashflow_freq__btns>button:hover,
.cashflow_freq__btns>button:active {
  background-color: var(--main-color);
  color: #ffffff;
}

.tranhist_div>div:first-child,
.exchangerate_div>div:first-child {
  overflow: auto;
}

.exchangerate_div {
  overflow-x: auto;
}

.tranhist_amt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 14px;
  color: var(--hdr-color);
  background-color: #ffffff;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.06), -1px 2px 4px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.06), -1px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.account_enrollment__templatectr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 100vw;
  min-height: 100vh;
  -ms-grid-columns: minmax(-webkit-fit-content, 330px) auto;
  -ms-grid-columns: minmax(fit-content, 330px) auto;
  grid-template-columns: minmax(-webkit-fit-content, 330px) auto;
  grid-template-columns: minmax(fit-content, 330px) auto;
  margin: 0 -15px;
}

.ae_success__ctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 30px;
  position: relative;
  z-index: 1;
}

.ae_success__template {
  margin: 0 -15px;
  min-height: 100vh;
  max-width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 19px 15px;
}

.ae_success__template>img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 57%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ae_success__template>div:first-child {
  width: 100%;
  height: 57%;
  background: #343749;
  position: ABSOLUTE;
  top: 0;
}

.ae_success__logo {
  position: absolute;
  top: 35px;
  left: 35px;
  cursor: pointer;
}

.ae_success__logo>img {
  height: 30px;
}

.ae_success__template>a:first-child {
  position: absolute;
  top: 0;
  margin: 15px;
  left: 0;
}

.ae_completed__blbtn {
  margin-top: 50px;
}

.ae_completed__blbtn .bob_back__btn {
  width: 200px;
}

.ae_completed__hdr {
  font-size: 32px;
  font-weight: 600;
  line-height: 37px;
  margin-top: 30px;
}

.ae_completed__dscp {
  font-size: 24px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 40px;
  color: var(--text-color);
}

.ae_success__ctr .ae_completed__dscp>span {
  color: var(--main-color);
  font-weight: bold;
}

.ae_completed__instructions {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
  color: #535f54;
}

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

.ae_success__ctr .ae_completed__back {
  background-color: #ffffff;
  color: var(--main-color);
  padding: 15px 50px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  margin-top: 60px;
  border-radius: 12px;
}

.account_enrollment__helpcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  height: 40px;
  margin: 0 -10px;
}

.account_enrollment__helpcenter:hover {
  background: var(--dark-hover-color);
}

.account_enrollment__helpcenter>div {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.account_enrollment__helpcenter>img {
  margin-right: 15px;
}

.ae_step3b__wrapper .f4newlistview_counter,
.ae_step3b__wrapper .f4newlistview_hdr>div {
  width: unset;
}

.ae_step3b__wrapper .f4newlistview_rowbody .f4newlistview_counter {
  width: 18%;
}

.account_enrollment_leftpanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--menu-background-color);
  padding: 35px;
  max-height: 100vh;
  position: sticky;
  top: 0;
  width: 330px;
  overflow-y: auto;
  min-width: 330px;
}

.account_enrollment_leftpanel+.account_enrollment_contentctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.account_enrollment_contentctr .form {
  display: contents;
}

.account_enrollment_contentctr {
  padding: 10px 30px 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 330px);
  /* width of left panel .account_enrollment_leftpanel */
}

.account_enrollment_leftcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.ae_header__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
  position: sticky;
  top: 0;
  height: 65px;
  z-index: 9;
  background: var(--main-bg-color);
  font-size: 22px;
  font-weight: 600;
}

.white__bg .ae_header__section {
  background: #fff;
}

.ae_header__section>div {
  padding-left: 15px;
  font-weight: 700;
}

.ae_header__section>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ae_header__section>div>a {
  cursor: pointer;
}

.ae_header__section>div:first-child>div {
  font-size: 22px;
  font-weight: 600;
}

.account_enrollment__stepper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ae_stepper__item>p {
  color: #606060;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin: 0;
  padding: 0;
}

.ae_stepper__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  z-index: 2;
}

.ae_stepper__itemcheck>p {
  color: #ffffff !important;
}

.ae_stepper_itemcompleted>p {
  color: #fb6657;
}

.account_enrollment__stepper .vertical_line__inactive {
  background-color: #606060;
  width: 2px;
  height: 35px;
  margin-left: 19px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.account_enrollment__stepper .vertical_line__active {
  width: 2px;
  height: 40px !important;
  margin-left: 19px;
  background-color: var(--main-color);
  margin-top: -5px;
  margin-bottom: -5px;
}

.ae_stepper_itemcompleted::after {
  background-color: var(--main-color) !important;
}

.account_enrollment__steps {
  margin-left: 5px;
}

.ae_stepper_num {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  border-radius: 25px;
  border: 2px solid #606060;
  color: #606060;
  padding: 5px 10px;
  margin: 0 2px 0 2px;
  background-color: var(--menu-background-color);
}

.ae_stepper__itemcheck img {
  margin: 0 5px;
}

.ae_stepper__itemcheck+.vertical_line__active {
  background-color: #50bc3c;
  height: 35px;
  margin-top: 0px;
}

.ae_contentsection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 100%;
}

.ae_contentsection__alt {
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-item-align: unset;
  -ms-grid-row-align: unset;
  align-self: unset;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: unset;
  flex-flow: unset;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ae_contentsection>h2 {
  margin: 0;
  text-align: center;
  line-height: 37px;
  font-weight: 600;
  color: var(--hdr-color);
}

.ae_contentsection__alt .bob_view__portlethdr {
  border-bottom: none;
  font-size: 20px;
}

.ae_contentsection__alt .bob_view__field::after {
  display: none;
}

.ae_card__wrapper {
  position: relative;
  border: 0.5px solid #e1edfa;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: border 300ms;
  -o-transition: border 300ms;
  transition: border 300ms;
  will-change: border;
}

.ae_card__wrapper--selected,
.ae_card__wrapper:hover {
  border: #f8867a 2px solid !important;
}

.ae_step__portlet {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
  border-radius: 13px;
  min-width: 510px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

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

.ae_step3__wrapper {
  padding: 40px 0 35px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0.5px solid #eaebf0;
  background-color: #fafbfc;
  width: 165px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

.ae_step3b__wrapper {
  max-width: 650px;
}

.ae_step4__cardcontent .ae_step1__maincontent {
  height: unset;
}

.ae_step4__container {
  max-width: 1000px;
  width: calc(100%);
  margin-left: auto;
  margin-right: auto;
}

.ae_step3b__hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 20px 30px;
  gap: 4px;
}

.ae_step3b__hdr>div:first-child {
  color: var(--hdr-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.ae_step3b__hdr>div:nth-child(2) {
  color: var(--view-fieldlabel-color);
  font-size: 16px;
  font-weight: 500;
}

.ae_inputfield .f4InputField,
.ae_textarea .f4TextAreaNew {
  padding: 15.5px 15px !important;
}

.ae_step1__cardcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 250px;
}

.ae_step1__cardcontent>img {
  position: relative;
  z-index: 1;
  /* height: 111px; */
  /* width: 97px; */
}

.ae_step4__cardcontent {
  padding: 35px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 200px;
  height: unset;
}

.ae_card__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* height: 100%; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* flex: 1;

  align-self: center; */
}

#ae_step1 .ae_card__wrapper {
  height: 289px;
  width: 200px;
}

.ae_card__title {
  color: var(--hdr-color);
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  text-align: center;
}

.ae_step3__content {
  gap: 28px;
}

.ae_step3__content>img {
  height: 95px;
}

.ae_card__subtitle {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  margin: 0;
}

.ae_step1__maincontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px 20.5px 19.5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.ae_step1__btbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.ae_step1__btbg>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ae_businesstype_portlet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ae_businesstype_portlet>div:first-child {
  margin-top: 10px !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.ae_businesstype_portlet>img {
  margin-top: -35px !important;
}

.learnmore_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #eff1f6;
  padding-top: 9px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  /* width: calc(100% + 41px); */
  /* height: calc(100% + 10px); */
  margin-bottom: -10px;
  padding: 9px 0 10px 0;
}

.learnmore_btn>i {
  color: var(--main-color);
  font-size: 18px;
  margin-left: 11px;
}

.ae_card__contents:hover .learnmore_btn:hover {
  background-color: #dde6fd;
}

.learnmore_btn>div {
  font-size: 14px;
  color: var(--main-color);
  font-weight: 600;
}

.ae_contentsection>p {
  color: var(--subhdr-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
  word-break: break-word;
  margin-top: 10px;
}

.ae_cardgrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ae_cardgrp__step3 {
  padding: 0 15%;
}

.ae_cardgrp--grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  max-width: 650px;
  margin: 0 auto;
}

.ae_cardgrp--grid .ae_card__wrapper {
  width: unset;
  background-color: #faf9ff;
  -webkit-box-shadow: 0 2px 4px 0 rgb(239 241 246 / 40%), 0 0 4px 0 rgb(226 229 237 / 40%);
  box-shadow: 0 2px 4px 0 rgb(239 241 246 / 40%), 0 0 4px 0 rgb(226 229 237 / 40%);
  border: 0.5px solid #eaeff0;
}

.ae_cardgrp--grid .ae_step5__cardcontent {
  padding: 25px 16px 35px;
  height: 258px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ae_cardgrp--grid .ae_maincontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 0 0 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.ae_cardimg__border {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: 1px solid #f2f1f5;
  padding-bottom: 15px;
}

.ae_modal {
  max-width: 30%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.ae_modal__ctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ae_modal__ctr>div:nth-child(2) {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 600;
  line-height: 37px;
  text-align: center;
  margin-top: 30px;
  max-width: 80%;
}

.ae_btns__modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ae_card__horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ae_horizontal__contents>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ae_img--fill {
  background-color: #f2f5f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ae_horizontal__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20.5px 20px;
  gap: 10px;
}

.ae_horizontal__contents>div:first-child>div:first-child {
  color: var(--hdr-color);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
}

.ae_horizontal__contents>div:first-child>div:last-child {
  color: var(--sub-label-color);
  font-size: 13px;
  font-weight: 600;
}

.ae_horizontal__contents>p {
  margin: 0;
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
}

.ae_step3__container {
  padding: 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.ae_horizontal__wrapper {
  width: 100% !important;
}

.ae_expandable__ctr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  opacity: 1 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 20px 0 0 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgb(239 241 246 / 40%), 0 0 4px 0 rgb(226 229 237 / 40%);
  box-shadow: 0 2px 4px 0 rgb(239 241 246 / 40%), 0 0 4px 0 rgb(226 229 237 / 40%);
  max-height: 420px !important;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in !important;
  -o-transition: all 0.5s ease-in !important;
  transition: all 0.5s ease-in !important;
  visibility: visible !important;
}

.ae_expanded__collapsed {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.ae_expandable__ctr>.ae_req--docs>div:first-child {
  color: #9f9f9f;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.ae_expanded__collapsed .ae_req--docs,
.ae_expanded__collapsed .ae_sched--grp {
  opacity: 0;
}

.ae_req--docs {
  padding: 19.5px 20.5px;
}

.ae_sched--grp>.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.ae_expandable__ctr ul {
  list-style: none;
  margin-top: 10px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.ae_expandable__ctr>div:first-child>ul>li::before {
  content: '- ';
}

.ae_note--sublabel {
  font-size: 13px;
  font-weight: 600;
  height: 100%;
  line-height: 16px;
  line-height: 4.5;
  color: var(--sub-label-color);
}

.ae_sched--grp {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-top: 1px solid #eff1f6;
  padding: 14.5px 15.5px 15.5px;
}

@media (max-width: 796px) {
  .ae_step__portlet {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }

  .ae_layout {
    padding: 0 40px !important;
  }
}

@media (max-width: 1228px) {
  .ae_btns__modal {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }
}

.ae_hdr--portlet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ae_confirmation--hdr {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
}

.ae_hdr--portlet>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.ae_portlet:not(:last-child) {
  margin-bottom: 10px;
}

.ae_portlet {
  padding: 20px;
  border-radius: 13px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

.ae_layout {
  padding: 0 99px;
  width: 100%;
}

.ae_view--hdr {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.ae_view--field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  gap: 10px;
}

.ae_view--sublabel {
  color: var(--search-filter-label);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.ae_view--content {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.ae_portlet .ae_view--field {
  margin-top: 30px;
  margin-left: 5px;
  margin-right: 5px;
}

.ae_step3b__wrapper .f4InputField {
  background-color: #ffffff;
  padding: 10px 20px !important;
  border-radius: 0;
}

.ae_step3b__wrapper .f4newlistview_hdr {
  border: 0.7px solid #dadfeb;
  background-color: #f2f5f8;
  border-radius: 0 !important;
}

.ae_step3b__wrapper .f4newlistview_hdr>div {
  color: #9097a3;
}

.ae_controllabel {
  position: unset !important;
}

.ae_card__contents .help-block {
  z-index: 1;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 0px;
  position: absolute;
}

.initialRegistrationMainForm .f4InputField {
  border-radius: 0px;
  font-size: 13px;
  height: 66px !important;
  border-radius: 2px;
  padding: 18px 10px 0px;
  background: #fcfcfc !important;
}

.initialRegistrationMainForm .form-group {
  margin-bottom: 0px;
}

.initialRegistrationMainForm .f4FormFieldLabel-adj {
  padding: 7px 0px;
  left: 0px;
  position: relative;
  z-index: 1;
  font-size: 16px !important;
  font-weight: 700;
  color: var(--hdr-color);
}

.hideReadMore {
  visibility: hidden;
  color: rgb(252, 99, 99);
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

.wflw-filter-cal-icn {
  margin-right: 0px !important;
  margin-top: 14px !important;
  position: absolute;
  right: 0;
  top: 0;
}

.asf4FormValidate {
  position: relative;
}

.initialPageLeftDetails {
  padding-top: 40px;
  height: 100%;
  position: relative;
  padding-left: 40px;
}

.initialLoginStepsPanel {
  max-width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}

.initialLoginIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 2em;
  background: #e0dede;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e0dede;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.initialLoginIconActive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 2em;
  background: #749ac5;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #749ac5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.initialLoginStep1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.initialLoginStepsLabel {
  margin-left: 15px;
}

.initialLoginStepsMainLabel {
  font-size: 12pt;
  font-weight: 500;
}

.initialLoginStepsSubLabel {
  margin-left: 20px;
  font-size: 10pt;
  font-weight: 400;
  color: #b5b5b5;
}

.initialLoginStep1Icon:after {
  display: inline-block;
  margin: 0px 0px 0px 11px;
  height: 90px;
  content: ' ';
  text-shadow: none;
  background-color: #e0dede;
  z-index: -1;
  position: relative;
  width: 2.5px;
}

.initialRegistrationTitle {
  display: inline-block;
  width: 100%;
}

.initialRegisterForm {
  background-color: #fff;
  padding: 40px 60px;
  -webkit-box-shadow: 0px -2px 11px 5px rgba(211, 215, 223, 0.18);
  box-shadow: 0px -2px 11px 5px rgba(211, 215, 223, 0.18);
  margin-top: 50px;
  border-radius: 40px;
  margin-left: 50px;
}

.initialRegistrationTitle {
  padding: 10px 10px;
}

.initialRegistrationMainTitle {
  font-size: 24px;
  font-weight: 700;
  color: var(--hdr-color);
}

.initialRegistrationSubTitle {
  font-weight: 400;
  font-size: 16px;
  color: #a3acbc;
}

.initialRegistrationMainForm {
  display: inline-block;
  width: 100%;
  padding: 30px 15px;
}

.portletTitleStyle {
  margin: 15px 15px;
  text-align: left;
}

.portletTitleStyle span {
  position: relative;
  font-weight: 400;
  color: #2173a9;
  font-size: 13pt;
}

.initialRegistrationLeftTitle {
  font-weight: 500;
  color: #a3acbc;
  font-size: 15px;
  text-transform: uppercase;
  padding: 15px 0px;
}

.twoColumnSubBarGrey {
  width: 30px;
  height: 3px;
  margin: 8px 0px;
  background: #dcdcdc;
}

.initialRegistrationMainForm .f4InputField {
  color: #303030 !important;
  background: #f2f5f8 !important;
  border-radius: 8px;
  height: 50px !important;
  padding: 10px;
  font-size: 14px;
}

.initialRegistrationMainForm .has-feedback .form-control {
  padding-right: 42.5px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.initialLoginPassword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 13px;
  color: #a3acbc;
  margin-right: 5px;
}

.passwordRequirements {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.initialRegistrationMainForm .error-msg-container {
  width: 100%;
  margin-top: 15px;
  border-radius: 10px;
  overflow: hidden;
}

.viewPanelLabelsSet {
  margin-bottom: 30px;
}

.viewPanelLabelsSet-highlighted .viewPanelLabel {
  /* color: #505050; */
  color: var(--hdr-color);
  font-weight: 700;
  font-size: 16px;
}

.viewPanelLabelsSet-highlighted .viewPanelValue {
  /* font-size: 16pt;
  color: #2b638f;
  font-weight: 400; */
  font-size: 14pt;
  color: var(--button-color);
  font-weight: 600;
}

.initialRegistrationMainForm .viewPanelLabelsSet {
  padding-top: 14px;
}

.initialRegistrationMainForm .viewPanelLabelsSet-highlighted .viewPanelLabel {
  color: var(--hdr-color);
  font-weight: 700;
  font-size: 16px;
}

.initialRegistrationMainForm .viewPanelLabelsSet-highlighted .viewPanelValue {
  font-size: 16pt;
  color: #3893e7;
  font-weight: 400;
}

.viewPanelLabel {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  color: var(--field-label-color);
  margin-bottom: 10px;
}

.viewPanelValue {
  font-size: 14px;
  font-weight: 600;
  white-space: pre-wrap;
}

.initialRegistrationButtons {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.initialRegistrationButtons span {
  width: 50%;
}

.initialRegistrationButtons .f4Button {
  background: #3893e7;
  border: none;
  border-radius: 5px;
  padding: 15px 104px;
  color: #fff;
  font-size: 14px;
  font-weight: 400 !important;
  position: relative;
  margin-left: 15px;
  min-width: 135px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}

.initialRegistrationButtons .f4Button:hover,
.initialRegistrationButtons .f4Button:focus,
.initialRegistrationButtons .f4Button:active {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: translate(0, 2px);
  -ms-transform: translate(0, 2px);
  transform: translate(0, 2px);
  color: #fff;
  outline: 0;
}

.initialRegisterForm .progress-bar_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.initial_header {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 500;
  margin-top: 40px;
}

.initial_logo img {
  height: 35px;
}

.initial_header>div:last-child {
  color: #a3acbc;
  font-size: 16px;
  font-weight: 500;
}

.no-padding {
  padding: 0px;
}

.progress-bar_item {
  height: 9px;
  width: 33%;
  background: #f6f6f6;
  margin: 5px 0px;
  border-radius: 5px;
  margin-right: 5px;
}

.progress-bar_item-1.active {
  background-color: #c52c2c;
}

.progress-bar_item-2.active {
  background-color: #f9ae35;
}

.progress-bar_item-3.active {
  background-color: #2daf7d;
}

.initialLoginPassword span {
  font-weight: 400 !important;
  font-size: 12px;
}

.initial_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 10px;
}

.initialRegistrationMainForm .f4InputField::-webkit-input-placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
  /* font-family: 'Articulat CF' !important; */
}

.initialRegistrationMainForm .f4InputField::-moz-placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
  /* font-family: 'Articulat CF' !important; */
}

.initialRegistrationMainForm .f4InputField:-ms-input-placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
  /* font-family: 'Articulat CF' !important; */
}

.initialRegistrationMainForm .f4InputField::-ms-input-placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
  /* font-family: 'Articulat CF' !important; */
}

.initialRegistrationMainForm .f4InputField::placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
  /* font-family: 'Articulat CF' !important; */
}

.initialRegistrationMainForm .help-block {
  top: unset;
}

.ae_businesstype_portlet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ae_businesstype_portlet>div:first-child {
  margin-top: 10px !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.ae_businesstype_portlet>img {
  margin-top: -35px !important;
}

.initialRegistrationMainForm .padding-bottom-20 {
  padding-bottom: 10px;
}

.initial-modal-msg>div:first-child {
  color: #303030;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.initial-modal-msg>div:last-child {
  color: #a3acbc;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  padding: 0px 10px;
}

.initial-modal-btn {
  background: #3893e7;
  border-radius: 8px;
  padding: 15px;
  color: #fff;
  font-size: 14px;
  margin: auto;
  margin: 60px auto 0px;
  text-align: center;
}

.initialRegistrationMainForm .f4InputField[disabled] {
  background: #eaedf2 !important;
}

.newfeedbackmsg_panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 30px;
}

.newfeedbackmsg_panel>div {
  color: var(--negative-color);
}

.bankAdvisoryIconParent {
  text-align: right;
  display: inline-block;
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 15px 0px;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15pt;
  font-weight: 300;
}

.bankAdvisoryIconParent>img {
  height: 25pt;
  margin-right: 10px;
  content: url(../images/ego_icons/advisory.svg);
}

@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }

  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}

@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }

  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}

.ripple {
  position: absolute;
  width: 15rem;
  height: 15rem;
  margin-left: -7.5rem;
  margin-top: -7.5rem;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: animRipple 0.4s;
  animation: animRipple 0.4s;
  border-radius: 50%;
}

@-webkit-keyframes animRipple {
  to {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
  }
}

@keyframes animRipple {
  to {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
    opacity: 0;
  }
}

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
    opacity: 0;
  }
}

.loader {
  margin-top: 2px;
}

@-webkit-keyframes expand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.55);
    transform: scale(1.55);
  }
}

@keyframes expand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.55);
    transform: scale(1.55);
  }
}

html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),
html:not(.mobile-true) #mobile-fologinbg-id img {
  opacity: 1 !important;
}

.dashsettings-addwidget-save {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #2a75bb;
  color: #fff;
  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;
  height: 65px;
  font-size: 18pt;
  font-weight: 400;
}

/* bob-transactionals */

/* =============== NEW LOOK STEPPER =================== */

/* LOGIN PAGE NEW */
.bob_container__login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  max-width: 100vw;
  /* margin: 0 -15px; */
}

.bob_login__image {
  position: relative;
}

.bob_login__image>img {
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 100vh;
}

.bob_login__leftcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  top: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bob_login__lefthdr+.bob_login__leftprgrph {
  margin-top: 20px;
}

.bob_login__lefthdr {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  text-shadow: 2px 2px 5px black;
}

.bob_login__leftprgrph {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 30px;
}

.bob_login_learnctr {
  border-radius: 13px;
  background-color: var(--login-enroll-box);
  padding: 20px;
  margin-top: 30px;
}

.bob_login__learnhdr {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
}

.bob_login__learnsubhdr {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
}

.bob_login__learnhdr+.bob_login__learnsubhdr {
  margin-top: 15px;
}

.bob_login__panel {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 50%;
}

.bob_login__formcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bob_login__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bob_login__logo>img {
  height: 25px;
  width: 60px;
}

.bob_login__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 12vw;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bob_login__versionwlinks {
  width: 100%;
}

.bob_login__midimgs img {
  width: auto;
  padding-left: 20px;
}

.bob_login__midimgs img:nth-child(1) {
  height: 18px;
}

.bob_login__midimgs img:nth-child(2) {
  height: 28px;
  cursor: pointer;
}

.bob_login__midimgs img:nth-child(3) {
  height: 30px;
}

.bob_login__leftlinks {
  display: flex;
  justify-content: space-between;
  height: 23px;
  align-items: center;
  margin-bottom: 5px;
}

.bob_login__leftlinks>a {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: var(--sec-btn-color);
  padding-left: 15px;
}

.bob_login__leftlinks>a:not(:last-child) {
  padding-inline: 15px;
  border-right: 1px solid #e0e5e9;
}

.bob_login__logo .bob_login__form {
  margin-top: 15px;
}

.bob_login__formhdr {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

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

.bob_login__linkheader>img {
  height: 25px;
}

.bob_login__linkstop>a:not(:last-child),
.panel__links>a:not(:last-child) {
  border-right: 1px #e0e5e9 solid;
  padding-inline: 15px;
}

.bob_login__linkstop>a {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  padding-left: 15px;
}

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

.bob_login__formhdr>div:nth-child(2) {
  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;
}

.bob_login__formhdr>div:nth-child(2)>img {
  height: 30px;
  margin-right: 20px;
  margin-top: -3px;
}

.bob_login__formsubhdr {
  color: var(--hdr-color);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.bob_login__formsubhdr+.bob_login__fields {
  margin-top: 45px;
}

.bob_login__fields>.form {
  width: 100%;
}

.bob_login__fields>.form>div:not(:last-child) {
  margin-bottom: 25px;
}

.bob_login__forgot,
.bob_login__unlock {
  /* position: absolute; */
  color: var(--main-color);
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  top: 14px;
  right: 15px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.bob_login__unlock {
  display: flex;
  gap: 5px;
  align-items: center;
}

.bob_login__forgot:hover,
.bob_login__unlock:hover {
  opacity: 0.5;
}

.bob_login__unlock+.bob_login__forgot {
  padding-left: 14.5px;
}

.bob_login__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

.bob_login__link>div:first-child:not(div:last-child) {
  padding-right: 14.5px;
  border-right: 1px solid #e0e5e9;
}

.bob_login__btnctr {
  margin-top: 50px;
}

.bob_login__btn {
  color: #ffffff !important;
  background-color: var(--button-color);
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px #ebebeb;
  box-shadow: 0 2px 8px #ebebeb;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 15px;
  padding-top: 18.5px;
  padding-bottom: 18.5px;
  width: 100%;
  font-weight: bold;
}

.bob_login__btn:hover,
.bob_login__btn:focus,
.bob_login__btn:active {
  color: #ffffff !important;
  background: var(--button-hover-color) !important;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  -webkit-box-shadow: 0 2px 8px #ebebeb;
  box-shadow: 0 2px 8px #ebebeb;
  outline: none !important;
}

.bob_login__appstores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bob_login__appstores>div:first-child {
  margin-bottom: 15px;
}

.bob_login__stores {
  margin: 0 -7.5px;
}

.bob_login__stores>img {
  height: 30px;
  margin: 0 7.5px;
  cursor: pointer;
}

.bob_login__apphdr {
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.bob_login_stores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bob_login_stores>div:not(:last-child) {
  margin-right: 17px;
}

.bob_learn__btn {
  border-radius: 8px;
  background-color: hsl(28, 100%, 55%);
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
  padding: 11px 36px;
}

.bob_learn__btn:hover,
.bob_learn__btn:active,
.bob_learn__btn:focus {
  background-color: hsl(28, 100%, 40%) !important;
}

.bob_login__version {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 25px;
  color: var(--sub-text-color);
}

.bob_login__version>div {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

#bob_login__version a {
  color: var(--sec-btn-color) !important;
  text-decoration: underline;
}

.bob_login__version>div:first-child {
  margin-bottom: 3px;
}

.txnstatus_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  padding: 0 2px;
}

.txnstatus_column>img {
  margin-right: 8px;
}

.amount_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 20px;
}

.amount_column .view_amt__formattedwc>span {
  margin-top: 3px;
  margin-right: 3px;
}

.amount_column--right {
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 20px;
  padding-right: 20px;
}

.amount_column .view_amt__formattedwc {
  font-weight: 600;
}

/* INITIAL FILTERS!!! */
.bob_table__portletchildren .actionchoice-btnicon {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepickrange_initial__apply {
  position: relative;
}

.datepickrange_initial__close {
  position: relative;
}

.newlook_genericform .initial_filter__select .Select-placeholder {
  border: 1px solid #e9eff4;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.newlook_genericform .initial_filter__select .Select-control:hover .Select-placeholder {
  border: 1.5px solid var(--main-color);
}

.newlook_genericform .initial_filter__select .Select-control:hover {
  border: unset;
}

.newlook_genericform .initial_filter__select .Select-control i {
  color: var(--main-color);
}

.newlook_paneltemplate__hasaddtlbtns .bob_table__portletchildren,
.newlook_paneltemplate__hasaddtlbtns .bob_paneltemplate__children {
  min-height: 100vh;
}

/* HELP MODAL */

.help_modal__tabctr .ant-tabs {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.help_modal__tabctr .ant-tabs-nav>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.help_modal__tabctr .ant-tabs-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.help_modal__tabctr .ant-tabs-nav>div:first-child>.ant-tabs-tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
}

.help_modal__tabctr .ant-tabs-nav>div:first-child>.ant-tabs-tab-active {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  color: var(--main-color);
}

.faq_hdr__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.faq_hdr__section>div {
  color: var(--hdr-color);
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
}

.faq_hdr__section>i {
  cursor: pointer;
  font-size: 26px;
}

.faq_dscp {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  max-height: 100px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.faq_dscp__collapsed {
  max-height: 0 !important;
  overflow: hidden;
}

.help_modal__tabctr {
  /* padding: 0 5px; */
  margin-left: -25px;
  margin-right: -25px;
}

.help_file__modal {
  width: 60%;
  height: 90%;
}

.faq_no_records {
  padding-top: 90px;
}

.helpfile_no_records {
  padding-top: 30px;
}

.faq_ctr>.faq_item:nth-child(even) {
  background-color: #f6f8fd;
}

.faq_item {
  padding-top: 18.5px;
  padding-bottom: 20px;
  padding: 18.5px 30px 20px 30px;
}

.helpfile_ctr {
  padding: 30px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(50% - 20px), 1fr));
  grid-gap: 20px;
}

.helpfile_ctr>.helpfile__item:nth-child(odd) {
  margin-right: 20px;
}

.helpfile__item {
  border: 0.6px solid #e3e3e3;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.helpfile__item .helpfile__icon {
  margin-right: 15px;
  height: 40px;
  width: 40px;
  border-radius: 6px;
  background-color: #de3636;
  color: #ffffff;
  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;
  font-size: 16px;
  font-weight: 600;
}

.helpfile__item img {
  -ms-flex-item-align: end;
  align-self: flex-end;
  cursor: pointer;
}

.helpfile__item>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.helpfile_hdr {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.helpfile_size {
  color: var(--datatable-sublabel-color);
  font-size: 14px;
  font-weight: 600;
}

.acctype_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffff;
  padding: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}

.acctype_column>i {
  font-size: 4px;
}

.acctype_column>div:first-child,
.acctype_column>i {
  margin-right: 5.5px;
}

.suspend__modal {
  width: 550px;
  max-width: 100%;
  height: 450px;
  /* height: fit-content; */
}

.suspend__modal .f4N .suspend__modal .form .row:not(:last-child) {
  margin-bottom: 15px;
}

.suspend__modal .form>.row:not(:last-child) {
  margin-bottom: 30px;
}

.suspend__modal .f4ModalBody {
  overflow: visible;
}

.suspend__modal .f4ButtonGroup>span {
  width: 100% !important;
}

.mini_camera__actionbtn {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  right: -8px;
  width: 40px;
  height: 40px;
  padding: 0px;
  border: 3px solid #fff;
  background: var(--main-color);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

.mini_camera__actionbtn.actionchoice-btnicon {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mini_camera__actionbtn.actionchoice-btnicon:hover {
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}

.security__portlet .newlook_gpbody {
  margin-left: 29.5px;
}

/*start of password checker*/
.pwstr__fieldlabel {
  position: relative;
}

.pwstr__fieldlabel .newlogin_pwchecker_dscp {
  position: absolute;
  top: 0;
  right: 3px;
}

.newlogin_pwchecker_progress {
  width: 100%;
  height: 10px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.newlogin_pwchecker_dscp>span {
  font-weight: bold;
  margin-left: 10px;
}

/*end of password checker*/

.security_inputpw__field {
  position: relative;
}

.security_inputpw__field .f4InputField {
  padding-right: 80px;
}

.security_inputpw__fieldcheck {
  position: absolute;
  border-radius: 50%;
  background: #e7e5f1;
  color: #fff;
  height: 16px;
  width: 16px;
  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;
  right: 55px;
  top: 46px;
  font-size: 8px;
  pointer-events: none;
}

.security_inputpw__fieldalt .security_inputpw__fieldcheck {
  /* background: var(--main-color); */
  background-color: #27d59a;
}

.security_inputpw__field+.newlogin_pwchecker {
  margin-top: 15px;
}

.modal-enter {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.modal-enter-active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  -o-transition: opacity 300ms, transform 300ms;
  transition: opacity 300ms, transform 300ms;
  transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
}

.modal-exit {
  opacity: 1;
}

.modal-exit-active {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  -o-transition: opacity 300ms, transform 300ms;
  transition: opacity 300ms, transform 300ms;
  transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
}

.unlock__modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.unlock__modal .newconfirm_modalpanel {
  padding: 0;
}

.bankad__slider {
  position: absolute;
  z-index: 9;
  width: 400px;
  border-radius: 13px;
  background-color: #292929;
  -webkit-box-shadow: 0 2px 9px 2px rgba(90, 98, 106, 0.2), 0 6px 15px 0 rgba(80, 94, 105, 0.2);
  box-shadow: 0 2px 9px 2px rgba(90, 98, 106, 0.2), 0 6px 15px 0 rgba(80, 94, 105, 0.2);
  bottom: 20px;
  right: 20px;
  padding: 20px;
  /* max-height: 70vh;
  overflow-y: auto; */
}

.mblbankad__slider {
  width: 100%;
  right: 0px;
  bottom: 0px;
}

.bankad__slider .slick-track {
  overflow: hidden;
  max-height: 200px;
}

.bankad__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 200px;
}

.bankad__hdr--main {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  color: #ffffff;
}

.bankad__subhdr {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 10px;
  display: flex;
}

.bankad__subhdr>span {
  padding-right: 9px;
}

.bankad__subcontent {
  color: #979797;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-left: 22px;
  text-overflow: ellipsis;
  line-clamp: 3;
}

.bankad__learnmore {
  color: var(--sec-btn-color) !important;
  position: absolute;
  left: 20px;
  bottom: 17px;
}

.bankad__learnmore::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.5px;
  background: var(--sec-btn-color);
}

.bankad__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: -5px -5px 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #3e3d3d;
}

.bankad__header>.bob_mini__circlebtn {
  font-size: 25px;
}

.bankad__header>.bob_mini__circlebtn:hover,
.bankad__header>.bob_mini__circlebtn:focus,
.bankad__header>.bob_mini__circlebtn:active {
  background: rgba(255, 255, 255, 0.08);
}

.bankad_closebtn {
  position: relative;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  font-size: 20px;
  height: 28px;
  width: 28px;
  text-align: center;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.bankad_closebtn>i {
  font-weight: bold;
}

.bankad_closebtn:hover {
  background-color: #2e2e2e;
}

.bankad__learnmore:hover,
.bankad__learnmore:focus,
.bankad__learnmore:active {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--sec-btn-color) !important;
}

.bankad__slider>.slick-slider {
  padding-bottom: 15px;
  max-height: 250px;
}

.bankad__slider .slick-arrow {
  background-color: white;
}

.bankad__slider .slick-arrow.slick-prev {
  left: auto;
  right: 30px;
  top: auto;
  bottom: -10px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.bankad__slider .slick-arrow.slick-next {
  top: auto;
  bottom: -10px;
  right: 0;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.bankad__slider .slick-arrow.slick-prev:hover,
.bankad__slider .slick-arrow.slick-next:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

.bankad_acctslider__next,
.bankad_acctslider__prev {
  height: 28px;
  width: 28px;
  background-color: transparent !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  color: #fff;
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.bankad__slider .slick-dots {
  bottom: -2px;
  width: 50%;
  translate: 50%;
}

.bankad__slider .slick-dots li {
  height: 6px;
  margin: 0 3px;
  width: 6px;
}

.bankad__slider .slick-dots li.slick-active button:before {
  color: #ffffff;
}

.bankad__slider .slick-dots li button::before {
  color: #696969;
}

.bankad_acctslider__prev::before {
  content: '\f104';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  opacity: 1;
}

.bankad_acctslider__next::before {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  opacity: 1;
}

/* AP */

.bms_small__loader .box {
  margin: 0px;
  height: 25px;
  width: 25px;
}

/* .bms_apth__panel {
  display: flex;
} */

.bms_hdrtitle__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bms_hdrtitle__text>div:first-child {
  margin-right: 25px;
  line-height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bms_hdrbtnsml__container {
  margin-right: 15px;
}

.payslip_corp__logo .invoice_form__logo {
  text-align: left;
}

.payslip_corp__logo .invoice_form__logoalt {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
}

.payslip_corp__logo .invoice_form__logoalt .newlook_primarybtn {
  left: 5%;
}

.payslip_corp__logo .invoice_form__logoalt .sme_negative__btn {
  left: 5%;
}

.bms_ackactions__button {
  background: var(--middle-section-bg);
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 35px;
  width: 35px;
  border-radius: 12px;
  color: var(--hdr-color);
  font-size: 18px;
  position: relative;
  border: none;
  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;
}

.bms_ackactions__button>img {
  height: 26px;
}

.bms_ackactions__button:hover {
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  background: var(--action-grey-hover);
}

.bms_fullview__ackhdr {
  position: relative;
  border-radius: 13px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 13px 0 rgb(238 242 250 / 25%);
  box-shadow: 0 0 13px 0 rgb(238 242 250 / 25%);
  padding: 30px;
}

.bms_fullview__ackhdrtop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bms_fullview__ackhdrtl,
.bms_fullview__ackhdrtr {
  width: calc(50% - 75px);
}

.bms_fullview__ackhdrtopalt .bms_fullview__ackhdrtr {
  width: calc(100% - 150px);
}

.bms_fullview__ackhdrtl .generated_qr__mini {
  position: absolute;
  top: 15px;
  left: 15px;
}

.bms_fullview__ackhdrtr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bms_fullview__ackhdrtr>div {
  margin: 0 0 0 15px;
}

.bms_fullview__ackhdrstep {
  width: 150px;
}

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

.bms_fullview__ackhdrtopalt .bms_fullview__ackhdrstep .sme_view__ackhdrstep {
  text-align: left;
}

.bms_panel__tmpbtnswcncl .sme_panel__templatesecset {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bms_panel__tmpbtnswcncl .sme_panel__templatesecset>div {
  margin-left: 0px;
}

.bms_panel__tmpbtnswcncl .sme_panel__templatebtns .f4Button {
  min-width: 200px;
}

.bms_panelbtn__cancelsub {
  margin-top: 30px;
}

.bms_appage__grpclassic .bms_apwidget__grphdr {
  position: absolute;
  padding: 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bms_apwidget__grp {
  margin-bottom: 20px;
}

.bms_apwidget__grp:last-child {
  margin-bottom: 0px;
}

.bms_fullview__ackdtls {
  /* text-align: center;
  margin-top: 30px; */
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.bms_apwidget__grphdr {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.myacct_widget__panelalt .bms_apwidget__grpbody>.f4newlistview_panel {
  margin-bottom: 0px;
}

.bms_fullview__ackhdralt .bms_fullview__ackdtls {
  text-align: center;
  display: block;
}

.bms_fullview__ackdtls>div:first-child>img {
  /* height: 70px;
  width: 70px; */
  width: 55px;
  height: 55px;
}

.bms_fullview__ackhdralt .bms_fullview__ackdtls>div:first-child>img {
  width: 65px;
  height: 65px;
}

.bms_fullview__ackdtls>div:last-child {
  /* margin-top: 30px; */
  margin: 0px;
  padding-left: 15px;
  width: calc(100% - 55px);
}

.bms_fullview__ackhdralt .bms_fullview__ackdtls>div:last-child {
  width: 100%;
  margin-top: 15px;
}

.bms_fullview__ackdtls>div:last-child>div:first-child {
  /* font-size: 26px; */
  font-weight: 700;
  letter-spacing: 0;
  line-height: 35px;
  word-break: break-word;
  font-size: 23px;
}

.bms_fullview__ackdtls>div:last-child>div:last-child {
  /* font-size: 18px;
  margin-top: 10px; */
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  color: var(--dark-label-color);

  font-size: 15px;
  margin: 0px;
}

.bms_apth__left {
  width: 30%;
}

.bms_acct__minipanel {
  position: relative;
  width: 100%;
  background: transparent;
  overflow: unset;
}

.bms_acct__minipanel:hover {
  overflow: unset;
}

.bms_acct__minipanel .right_miniview__body {
  padding: 0px;
}

.bms_apql__textbtn {
  font-size: 17px;
  font-weight: 600;
  margin-top: 5px;
  width: 115px;
  text-align: right;
}

.bms_apql__textbtn>i {
  margin-right: 10px;
}

.bms_ap__qllist {
  width: calc(100% - 115px);
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.bms_apth__right {
  width: 70%;
  padding-left: 10px;
}

.bms_apth__panelalt .bms_apth__right {
  width: 100%;
  padding-left: 0px;
}

.bmsth_inquiry__panel {
  border-radius: 13px;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 2px 13px 0 rgb(220 224 237 / 13%);
  box-shadow: 1px 2px 13px 0 rgb(220 224 237 / 13%);
  padding: 25px 30px;
}

.bmsth_inquiry__panelhdr {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
}

.bmsth_inquiry__panel .f4datatable_optionButtons {
  margin: 0px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 20px;
}

.bmsth_inquiry__panel .public_fixedDataTable_header {
  background: transparent;
  border-top: none;
  /* border-bottom: none; */
}

.public_fixedDataTable_bodyRow:hover.fixedDataTableRowLayout_main::after {
  display: none;
}

.bmsth_inquiry__panel .public_fixedDataTable_header,
.public_fixedDataTable_scrollbarSpacer,
.bmsth_inquiry__panel .public_fixedDataTable_header .public_fixedDataTableCell_main {
  background: transparent;
}

.bmsth_inquiry__panel .datepick_range__popupbtn {
  background: #fff;
}

.bmsth_inquiry__table {
  margin: 0 -20px;
}

.bms_viewacct__miniqr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -10px;
}

.bms_viewacct__miniqrdtls {
  width: calc(100% - 125px);
  padding-left: 10px;
}

.bms_viewacct__miniqrdtls>div:first-child {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 5px;
}

.bms_viewacct__miniqrdtls .qr_code__btnopt {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -5px 0 -7px;
}

.bms_viewacct__miniqrdtls .right_miniview__buttonicon>img {
  height: 25px;
}

.bms_apth__acctsel .acct_selector__value {
  padding: 30px 15px;
}

.accts_hdr__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding-right: 50px;
}

.accts_hdr__panel>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accts_hdr__panel>div:last-child {
  padding-left: 30px;
}

.accts_hdr__manage>img {
  -webkit-filter: brightness(100);
  filter: brightness(100);
  height: 28px;
  width: 28px;
  margin-right: 5px;
}

.newfologin_inputfield .f4FormFieldLabel {
  position: absolute;
  z-index: 1;
}

.newfologin_inputfield .inputfield_pw__togglebtn {
  top: 0;
  height: 50px;
  width: 50px;
  right: 93px;
}

.sme_accounts__panel {
  min-height: 100vh;
  background: #fff;
  margin: 0 -15px;
  padding: 20px;
}

.sme_accounts__group {
  width: 100%;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid var(--border-color);
}

.sme_accounts__grouphdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
  /* padding-right: 30px; */
}

.sme_main__fwnhasright .sme_accounts__grouphdr {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sme_accounts__grouphdrcurr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}

.sme_accounts__grouphdrcurr>img {
  width: 45px;
  height: 28px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 20px;
}

.sme_accounts__grouphdrbalmain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sme_main__fwnhasright .sme_accounts__grouphdrbalmain {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.sme_accounts__grouphdrbal {
  margin-left: 50px;
}

.sme_main__fwnhasright .sme_accounts__grouphdrbal {
  margin: 5px 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sme_accounts__grouphdrbal>div:first-child {
  font-size: 14px;
  color: var(--label-color);
  font-weight: 500;
}

.sme_accounts__grouphdrbal>div:last-child {
  font-size: 24px;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sme_accounts__grouphdrbal .box {
  margin: 0px;
  width: 100%;
  height: 100%;
}

.sme_accounts__groupbody {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sme_accounts__groupbody .slick-disabled {
  visibility: hidden;
}

.sme_accounts__groupbody .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sme_accounts__groupbody .slick-slide {
  height: inherit;
}

.sme_accounts__groupbody .slick-slide>div {
  height: 100%;
}

.sme_slider__acctitem {
  padding: 15px;
  /* height: 100%; */
  /* width: 33.3%; */
  width: 42%;
}

.sme_main__fwnhasright .sme_slider__acctitem {
  width: 100%;
}

.sme_accounts__card {
  border-radius: 25px;
  background-color: var(--button-color);
  -webkit-box-shadow: 0 2px 8px 3px rgb(224 224 224 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  box-shadow: 0 2px 8px 3px rgb(224 224 224 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  width: 100%;
  height: 100%;
  padding: 20px 25px 65px;
  margin-right: 65px;
  position: relative;
  background-size: cover !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-shadow: 0 1px 8px #00000040;
  /* margin-bottom: 65px; */
}

.sme_accounts__cardactive {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.sme_accounts__cardhdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sme_accounts__cardhdr>div:first-child {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  width: calc(100% - 40px);
}

.sme_accounts__cardqr {
  position: relative;
  width: 40px;
}

.sme_accounts__cardqr>div:first-child {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.txn_dtls__actionleft .sme_accounts__cardqr>div:first-child {
  width: 35px;
  height: 35px;
  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;
  border-radius: 10px;
}

.sme_accounts__cardqr>div:first-child:hover {
  background: var(--button-hover-color);
}

.txn_dtls__actionleft .sme_accounts__cardqr>div:first-child:hover {
  background: var(--main-bg-hover);
}

.sme_accounts__cardqr>div:first-child>img {
  width: 40px;
  height: 40px;
}

.txn_dtls__actionleft .sme_accounts__cardqr>div:first-child>img {
  height: 28px;
  width: 28px;
}

.sme_accounts__cardqropt {
  position: absolute;
  /* right: -100%; */
  background: #fff;
  padding: 5px;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 7px 5px rgba(200, 200, 200, 0.08), -2px 1px 4px 0 rgba(86, 86, 86, 0.1),
    2px 1px 4px 0 rgba(170, 170, 170, 0.1);
  box-shadow: 0 3px 7px 5px rgba(200, 200, 200, 0.08), -2px 1px 4px 0 rgba(86, 86, 86, 0.1),
    2px 1px 4px 0 rgba(170, 170, 170, 0.1);
  min-width: 170px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  z-index: 101;
}

.txn_dtls__actionright .sme_accounts__cardqropt {
  top: 35px;
  z-index: 9;
  right: 0px;
}

.sme_accounts__cardqroptclose {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  pointer-events: none;
}

.sme_accounts__cardqropt>div,
.sme_accounts__cardqropt>a {
  position: relative;
  padding: 5px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.sme_accounts__cardqropt>div:hover,
.sme_accounts__cardqropt>a:hover {
  background: var(--main-bg-hover);
}

.sme_accounts__cardqropt>div>img,
.sme_accounts__cardqropt>a>img {
  margin-right: 5px;
  height: 28px;
  width: 28px;
}

.sme_accounts__cardqropt>div>i,
.sme_accounts__cardqropt>a>i {
  font-size: 18px;
  height: 28px;
  width: 28px;
  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;
  margin-right: 5px;
}

.sme_accounts__cardamt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  font-size: 36px;
  font-weight: 900;
  color: #fff;
}

.sme_accounts__cardamt>.txnacctsel_viewbal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.txnacctsel_viewbal--bold {
  font-weight: 800;
}

.sme_accounts__cardamt>.txnacctsel_viewbal>span:first-child {
  font-size: 10px;
  color: #fff;
  font-weight: 900;
  padding-top: 6px;
  margin-right: 5px;
}

/*
.sme_accounts__cardamt > .txnacctsel_viewbal > div:last-child {
  font-size: 36px;
  font-weight: 800;
  color: #fff;
} */

.sme_accounts__cardamt .txnacctsel_viewbal .box {
  width: 40px;
  height: 40px;
}

.sme_accounts__cardamt .circle-loader-2 {
  border-color: var(--light-loader-color) transparent var(--light-loader-color);
}

.sme_accounts__cardamt .circle-loader-3 {
  border-color: transparent var(--light-loader-color) transparent;
}

.sme_accounts__cardnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: #fff;
  margin: 0 -8px;
  font-weight: 400;
}

.sme_slider__acctitem .sme_accounts__cardnt,
.sme_accounts__carditemalt .sme_accounts__cardnt {
  font-size: 16px;
  margin-top: 5px;
}

.sme_accounts__cardnt>div {
  padding: 0 8px;
  position: relative;
}

/*
.sme_accounts__cardnt > div:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 1px;
  background: #fff;
} */

.sme_accounts__cardtype>img {
  height: 25px;
}

.sme_accounts__carddtls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

.sme_slider__acctitem .sme_accounts__carddtls,
.sme_accounts__carditemalt .sme_accounts__carddtls {
  display: block;
  margin: 15px 0px 10px;
}

.sme_accounts__carddtlfield {
  color: #000;
  width: 50%;
  word-break: break-word;
}

.sme_slider__acctitem .sme_accounts__carddtlfield,
.sme_accounts__carditemalt .sme_accounts__carddtlfield {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.sme_accounts__carddtlfield>div:first-child {
  font-size: 13px;
  font-weight: 500;
}

.sme_slider__acctitem .sme_accounts__carddtlfield>div:first-child,
.sme_accounts__carditemalt .sme_accounts__carddtlfield>div:first-child {
  width: 40%;
}

.sme_slider__acctitem .sme_accounts__carddtlfield>div:last-child,
.sme_accounts__carditemalt .sme_accounts__carddtlfield>div:last-child {
  width: 60%;
  text-align: right;
  font-weight: 700;
  font-size: 16px;
}

.sme_account__cardbtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ffffff4a;
  margin-top: 35px;
  height: 40px;
  width: calc(100% - 50px);
  position: absolute;
  bottom: 25px;
}

.sme_account__cardbtns>div {
  position: relative;
  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;
  font-weight: 500;
  color: #fff;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  border-radius: 5px;
  margin: 10px 0px -10px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
}

.sme_account__cardbtns>div:first-child {
  margin-left: -7px;
}

.sme_account__cardbtns>div:hover {
  background: var(--button-hover-color);
}

.sme_account__cardbtns>div>div {
  /* width: calc(100% - 28px); */
  padding-left: 5px;
  line-height: 19px;
  position: relative;
  top: 1px;
}

.sme_account__cardbtns>div>img {
  height: 22px;
  -webkit-filter: brightness(100);
  filter: brightness(100);
}

.sme_pymtandtrans__panel {
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 0 1px 0 rgba(232, 235, 240, 0.7), -1px 1px 1px 0 rgba(232, 235, 240, 0.7),
    0 2px 1px 0 rgba(232, 235, 240, 0.7);
  box-shadow: 1px 0 1px 0 rgba(232, 235, 240, 0.7), -1px 1px 1px 0 rgba(232, 235, 240, 0.7),
    0 2px 1px 0 rgba(232, 235, 240, 0.7);
  padding: 55px 40px;
  margin-bottom: 40px;
}

.sme_pymtandtrans__hdr {
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  color: var(--hdr-color);
  margin-bottom: 40px;
}

.sme_pymtandtrans__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sme_pymtandtrans__bodyitem {
  padding: 25px 0px;
  width: 33.3%;
  border-radius: 20px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
}

.sme_pymtandtrans__bodyitem:hover {
  border: 1px solid #dee3eb;
  -webkit-box-shadow: 0 0 10px 0 rgba(110, 110, 110, 0.04), 0 0 4px 0 rgba(215, 215, 215, 0.2),
    0 0 9px 3px rgba(227, 227, 227, 0.2);
  box-shadow: 0 0 10px 0 rgba(110, 110, 110, 0.04), 0 0 4px 0 rgba(215, 215, 215, 0.2),
    0 0 9px 3px rgba(227, 227, 227, 0.2);
}

.sme_pymtandtrans__bodyitem>img {
  /* height: 100px; */
  height: 150px;
  max-width: 100%;
  margin-top: -30px;
}

.sme_pymtandtrans__bodyitem>div {
  font-size: 18px;
  text-align: center;
  color: var(--hdr-color);
  font-weight: 500;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 10px auto 0;
}

.sme_accounts__switch {
  margin: -20px -20px 0;
}

.sme_accounts__switch .invoice_table__switch {
  position: relative;
  top: 0px;
}

.sme_accounts__table {
  margin: 0 -20px -20px;
}

.sme_pymtandtrans__bodyitem>div>div:first-child {
  position: absolute;
  background-size: 145px;
  width: calc(100% + 10px);
  height: 15px;
  border-radius: 0 5px 10px 0;
  bottom: -5px;
  left: -5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}

.sme_pymtandtrans__bodyitem:hover>div>div:first-child {
  opacity: 1;
}

.sme_pymtandtrans__bodyitem>div>img {
  width: 0px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 10px;
  left: -10px;
  height: 20px;
}

.sme_pymtandtrans__bodyitem:hover>div>img {
  width: calc(100% + 20px);
  opacity: 1;
}

.sme_pymtandtrans__bodyitem>div>div:last-child {
  position: relative;
}

.sme_pymtandtrans__navhdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* align-items: center; */
}

.sme_pymtandtrans__navhdr>div:first-child {
  line-height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sme_main__fwnhasmid .sme_pymtandtrans__navhdr>div:first-child {
  font-size: 20px;
}

.sme_pymtandtrans__navhdrbtn {
  height: 45px;
  border-radius: 12px;
  background: var(--button-color);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  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;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 0 15px;
  cursor: pointer;
  margin-left: 25px;
  line-height: 14px;
}

.sme_pymtandtrans__navhdrbtn:hover {
  background: var(--button-hover-color);
}

.cardlist_pill__view {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cardlist_pill__viewitem {
  height: 40px;
  width: 40px;
  border-radius: 12px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.cardlist_pill__viewitem:hover {
  background: var(--input-field-sec);
}

.cardlist_pill__viewitemalt,
.cardlist_pill__viewitemalt:hover {
  background: var(--light-main-color);
}

.cardlist_pill__viewitem>img {
  height: 23px;
  width: 23px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.newlook_abstractcol.fullWidth>.txnacctsel_viewbal {
  width: 100%;
}

.txnacctsel_viewbal__alt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.txnacctsel_viewbal__alt>span {
  font-size: 8px;
  padding-top: 3px;
  margin-right: 4px;
  font-weight: 600;
}

/* TH SCREEN */
.thwidget_list__item {
  padding: 15px 20px;
  /* border-radius: 10px; */
  /* margin: 0 -8px; */
  /* -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer; */
  position: relative;
}

.thwidget_list__item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background: var(--light-border-color);
}

.thwidget_list__itemhdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.thwidget_list__itemhdr>div:first-child,
.thwidget_list__itembal>div:first-child {
  width: 60%;
}

.thwidget_list__itemhdr>div:last-child,
.thwidget_list__itembal>div:last-child {
  width: 40%;
}

.th_amtcol__pos,
.th_amtcol__neg {
  width: 100%;
}

.infinite_scroll__listend {
  text-align: center;
  font-size: 14px;
  color: var(--label-color);
  margin-top: 25px;
  font-weight: 600;
}

.th_amtcol__pos .datatable-amountcolumn,
.th_amtview__pos {
  color: var(--positive-color);
}

.th_amtcol__neg .datatable-amountcolumn,
.th_amtview__neg {
  color: var(--negative-color);
}

.thwidget_list__itembal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-top: 15px;
}

.thwidget_list__itemdt {
  color: var(--sub-hdr-color);
  font-size: 13px;
  font-weight: 500;
}

.thwidget_list__item .datatable-amountcolumn {
  padding: 0px;
  font-weight: 500;
  font-size: 13px;
}

.thwidget_list__item .datatable-amountcolumn>span {
  font-weight: 500;
  padding-top: 4px;
}

.thwidget_list__itembal>div:last-child {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.thwidget_list__itembal>div:last-child>span {
  font-size: 12px;
  margin-top: 3px;
  margin-right: 5px;
}

.infinite_list__scrollmore {
  position: sticky;
  bottom: 0px;
  z-index: 1;
  background: #ebf0fb;
  color: #a7aab7;
  border-radius: 5px;
  text-align: center;
  padding: 5px 7px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 5px 0 0 auto;
  font-size: 12px;
}

.bms_newap__panel {
  border-radius: 13px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  padding: 20px;
  margin-bottom: 10px;
}

.bms_newap__hdr {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
}

.bms_newap__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bms_apth__templatecc {
  width: 100%;
  padding: 15px;
  margin: 0 auto;
}

.bms_apth__templatecc .bms_newap__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.bms_apth__acctsel {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -15px;
}

.bms_newap__acct {
  width: 37%;
  padding-right: 15px;
}

.bms_apth__templatecc .bms_newap__acct {
  width: 100%;
  padding: 0px;
}

.bms_newap__dtls {
  width: 63%;
  padding-left: 15px;
}

.bms_apth__templatecc .bms_newap__dtls {
  width: 100%;
  padding: 0px;
}

.bms_newap__quicklinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}

.bms_apth__templatecc .bms_newap__quicklinks {
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px;
}

/* .datatable-amountcolumn {
  font-size: 14px;
  font-weight: 700;
  color: var(--hdr-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 25px;
  width: 100%;
} */

.f4newlistview_field .datatable-amountcolumn {
  padding: 0 15px;
}

.datatable-amountcolumn>span {
  font-size: 8px;
  padding-top: 2px;
  margin-right: 4px;
}

.th_panel .bob_table__portlet {
  margin-bottom: 0;
}

.bms_apth__topcc {
  border-radius: 13px;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 2px 13px 0 rgb(220 224 237 / 13%);
  box-shadow: 1px 2px 13px 0 rgb(220 224 237 / 13%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
}

.bms_apth__topcc .bms_newap__panel {
  padding: 0 30px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0px;
  width: 45%;
}

.bms_apcc__dtls {
  width: 55%;
  border-radius: 13px;
  background-color: var(--expanded-bg);
  padding: 25px;
  margin-top: 35px;
}

.bms_apcc__dtlhdr {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 25px;
  margin-left: -5px;
}

.bms_apcc__dtlbody .sme_view__field {
  margin-bottom: 20px;
}

.bms_apcc__dtlbody>.row:last-child .sme_view__field {
  margin-bottom: 0px;
}

.bms_unsucc__msgfield {
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 0 5px 0 rgb(186 186 186 / 6%);
  box-shadow: 2px 0 5px 0 rgb(186 186 186 / 6%);
  border: 1px solid var(--border-color);
  padding: 20px;
  margin-top: 20px;
  color: #e9515b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  word-break: break-word;
}

/* SOA */

.soa_inquiry__panel {
  padding: 0px;
}

.soa_inquiry__hdr {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 35px;
}

.soa_inquiry__hdr>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 5px;
}

.soa_inquiry__body {
  border-radius: 12px;
  background-color: #ffffff;
}

.soa_inquiry__bodyhdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.soa_inquiry__bodyhdr>div:first-child {
  font-size: 18px;
  font-weight: 600;
  width: 200px;
}

.soa_inquiry__bodyhdr>div:last-child {
  /* margin-right: -8px; */
  width: calc(100% - 200px);
}

.soa_inquiry__panel .sme_panel__templatebtns {
  position: sticky;
  bottom: 0;
  padding: 20px 0;
  background: #fff;
  margin: 35px 0 0;
}

.soa_inquiry__panel .f4datatable-single-parent>.row {
  margin: 0px;
}

.soa_inquiry__panel .f4datatable_optionButtons {
  padding: 0px;
}

.soa_inquiry__panel .f4data_table___portlet {
  display: none;
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn {
  background: var(--button-color);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 170px;
  border: 2px solid var(--button-color);
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn:hover {
  background: var(--button-hover-color);
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn>span>i {
  color: #fff;
}

.soa_inquiry__panel .box {
  margin: 0px;
  width: 30px;
  height: 30px;
}

.soa_inquiry__bodycontent>.row {
  margin-bottom: 30px;
  margin-left: -10px;
  margin-right: -10px;
}

.soa_inquiry__bodycontent>.row:last-child {
  margin-bottom: 0px;
}

.soa_inquiry__modal {
  width: 35%;
  max-width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.soa_inquiry__modal .f4ModalHeader {
  height: 110px;
}

.soa_inquiry__modal.f4Modal_no__footer .f4ModalBody {
  height: calc(100% - 110px);
  overflow: visible;
}

.soa_inquiry__modalhdr {
  font-size: 26px;
  font-weight: 600;
}

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

.soa_inquiry__modal .bob_generic__portlet {
  border: none;
  margin: 0px;
}

.soa_inquiry__modal .bob_generic__portletchildren {
  padding: 0px;
}

.account_widget__qladd {
  height: 30px;
  width: 30px;
  border-radius: 10px;
  padding: 0px;
  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;
  /* background: var(--button-hover-color); */
  /* color: #fff; */
  font-size: 17px;
}

.account_widget__qlmodal {
  width: 35% !important;
}

.account_widget__qlmodal .f4ModalHeader {
  height: 90px;
  padding: 25px 25px 0px;
}

.account_widget__qlmodal .f4ModalBody {
  height: calc(100% - 165px);
}

.account_widget__qlmodal__maxlinks {
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

.account_widget__qlmodal__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 5px;
}

.account_widget__qlmodal__linkitem {
  width: 50%;
  padding: 10px;
}

.myacct_widget__hdrtabs .ant-tabs-bar {
  background: var(--main-plain-bg);
  padding: 0 20px;
}

/* sme */

.sme_viewmain__panel {
  overflow: hidden;
  height: 100%;
  /* position: fixed; */
  /* width: 325px; */
}

.sme_viewmain__panel:hover {
  overflow-y: auto;
}

.sme_view__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 100px;
}

.sme_view__panelfullcenter {
  padding: 0 100px 100px;
}

.sme_view__panelmini {
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 8px 3px rgba(224, 224, 224, 0.06), 0 0 12px 0 rgba(240, 240, 240, 0.06);
  box-shadow: 0 2px 8px 3px rgba(224, 224, 224, 0.06), 0 0 12px 0 rgba(240, 240, 240, 0.06);
  margin: 0 20px 30px;
  position: relative;
  padding: 0px;
}

.sme_view__hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  color: var(--hdr-color);
  height: 75px;
  width: calc(100% - 2px);
  padding: 0 20px;
  position: sticky;
  top: 0;
  z-index: 9;
  background: var(--middle-section-bgalt);
}

.sme_view__hdr>div:first-child {
  width: calc(100% - 28px);
}

.sme_view__hdr>div:last-child {
  position: relative;
  height: 28px;
  width: 28px;
  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;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.sme_view__hdr>div:last-child:hover {
  background: var(--main-bg-hover);
}

.sme_view__left {
  width: 75%;
}

.sme_panel__hasrightpanel .sme_view__left,
.sme_view__panelfull .sme_view__left,
.sme_view__panelfullcenter .sme_view__left {
  width: 100%;
}

.sme_generic__formconfirm .sme_view__left {
  margin: 0 auto;
  width: 55%;
}

.sme_view__panelmini .sme_view__left {
  width: 100%;
}

.sme_view__portletalt {
  border-radius: 12px;
  background-color: #ffffff;
  /* box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.07), -1px 1px 1px 0 rgba(0, 0, 0, 0.07),
    0 2px 1px 0 rgba(0, 0, 0, 0.03); */
  padding: 30px;
  margin-bottom: 20px;
}

.sme_view__panelhdrdetached {
  margin-bottom: 10px;
}

.req_money__confirmpanel .sme_view__panelhdrdetached,
.sme_generichdr__transparent .sme_view__panelhdrdetached {
  background: transparent;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
}

.sme_view__panelmini .sme_view__portlet {
  border-radius: 0px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* padding: 20px 0px; */
  margin: 0 15px;
  /* border-bottom: 1px solid var(--border-color); */
  padding: 0px;
  border-bottom: none;
}

.sme_view__portletcontmain {
  position: relative;
  border-radius: 13px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 13px 0 rgb(238 242 250 / 25%);
  box-shadow: 0 0 13px 0 rgb(238 242 250 / 25%);
  padding: 30px;
  margin-bottom: 10px;
}

.sme_view__portletalt .sme_view__portletcontmain,
.sme_view__panelmini .sme_view__portlet .sme_view__portletcontmain {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  margin: 0px;
}

.sme_view__panelmini .sme_view__portlet .sme_view__portletcontmain {
  padding: 20px 0px;
  border-bottom: 1px solid var(--border-color);
}

.sme_view__panelmini .sme_view__portlet:last-child .sme_view__portletcontmain:last-child {
  border-bottom: none;
}

.sme_view__ackhdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.sme_view__panelhdrdetached .sme_view__ackhdr {
  margin: 0 0 20px;
}

.sme_view__ackhdr>div:first-child {
  width: 40px;
  padding-top: 5px;
}

.sme_view__ackhdr>div:first-child>img {
  width: 40px;
  height: 40px;
}

.sme_view__ackhdr>div:nth-child(2) {
  width: calc(100% - 40px);
  padding: 0 10px;
}

.sme_view__ackhdrwact>div:nth-child(2) {
  width: calc(100% - 170px);
}

.sme_view__ackhdrctgy>div:nth-child(2) {
  width: calc(100% - 330px);
}

.sme_view__ackhdr>div:nth-child(2)>div:first-child {
  font-size: 20px;
  font-weight: 600;
  color: var(--hdr-color);
}

.sme_view__ackhdr>div:nth-child(2)>div:last-child {
  font-size: 14px;
  font-weight: 400;
  color: var(--label-color);
}

.sme_view__ackhdrstep {
  font-size: 18px;
  font-weight: 500;
  color: var(--hdr-color);
  width: 130px;
  text-align: right;
}

.sme_view__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.sme_view__portletbody>.row:last-child>.sme_view__field {
  margin-bottom: 0px;
}

.sme_view__field>div:first-child {
  width: 40px;
}

.sme_view__panelmini .sme_view__field>div:first-child {
  display: none;
}

.sme_view__field>div:first-child>img {
  height: 28px;
  width: 28px;
}

.sme_view__field>div:nth-child(2) {
  width: calc(100% - 40px);
}

.sme_view__panelmini .sme_view__field>div:nth-child(2) {
  width: 100%;
  padding: 0px;
}

.sme_view__fieldlabel {
  color: var(--label-color);
  font-size: 15px;
  font-weight: 500;
  /* text-transform: uppercase; */
  word-break: break-all;
}

.sme_view__panelmini .sme_view__fieldlabel {
  font-size: 14px;
  text-transform: unset;
}

.sme_view__fieldvalue {
  font-size: 17px;
  font-weight: 700;
  color: var(--value-color);
  word-break: break-word;
}

.sme_view__right {
  padding-left: 30px;
  padding-top: 30px;
  width: 25%;
}

.sme_generic__formconfirm .sme_view__right,
.sme_view__panelfull .sme_view__right,
.sme_view__panelfullcenter .sme_view__right {
  display: none;
}

.sme_view__rightactions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 -10px;
}

.ep_hdr>span {
  color: var(--main-color2);
}

.ep_subhdr {
  color: var(--placeholder-alt-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 5px;
}

.ep_dropplaceholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ep_dropplaceholder>img {
  margin-right: 20px;
}

.ep_drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/*** Start of Upload field ***/

/*** End of Upload field ***/
.table__wdl--view .f4datatable_optionButtons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: -64px;
  padding: 12px 20px 0;
}

.table__btn--download {
  border: 2px solid var(--main-color);
  border-radius: 15px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding: 6px 31.25px;
  color: var(--main-color);
  text-align: center;
  line-height: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.table__btn--download:hover,
.table__btn--download:focus,
.table__btn--download:active {
  background-color: var(--button-sec-hover-color);
}

.table__wdl--view .f4datatable-download-new .datatableDownloadBtn:hover,
.table__wdl--view .f4datatable-download-new .datatableDownloadBtn:active {
  background-color: unset;
}

.table__wdl--view .datatableDownloadBtn {
  padding: 0;
}

.table__wdl--view .row {
  margin-bottom: 0 !important;
}

.delete-inTable2>span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
  text-align: right;
  color: var(--main-color);
}

/*** FOR APPROVAL VIEW PAGE ***/

.fors_view__panelalt .fors_view__panelchldrn {
  padding: 0 20px;
  border-radius: 10px;
  background: var(--main-menu-bg);
}

.fors_view__panelack.fors_view__panelalt .fors_view__panelchldrn {
  background: transparent;
  border-radius: 0px;
}

.fors_view__panelalt .fors_view__portlet {
  border-bottom: 1px solid var(--light-border-color);
  border-radius: 0px;
  padding: 30px 0px;
  margin-bottom: 0px;
}

.fors_view__panelackalt .fors_view__portlet:first-child {
  border-radius: 0 0 10px 10px;
}

.fors_view__panelalt .fors_view__portlet:last-child {
  border-bottom: none;
}

.fors_view__panelalt .fors_view__portlet {
  border-bottom: 1px solid var(--light-border-color);
  border-radius: 0px;
  padding: 30px 0px;
  margin-bottom: 0px;
}

.fors_view__panelackalt .fors_view__portlet:first-child {
  border-radius: 0 0 10px 10px;
}

.fors_view__panelalt .fors_view__portlet:last-child {
  border-bottom: none;
}

.fors_view__portlethdr {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--light-border-color);
}

.fors_view__portlettbl .fors_view__portlethdr {
  margin-bottom: 10px;
}

.fors_view__panelalt .fors_view__portlethdr {
  padding-bottom: 0px;
  margin-bottom: 25px;
  border-bottom: none;
}

.fors_grcprt__hdronly .fors_view__portlethdr,
.fors_view__panelalt .fors_grcprt__hdronly .fors_view__portlethdr {
  margin-bottom: 0px;
  border: none;
  padding: 0px;
}

.fors_view__portletsingle .fors_view__portlethdr {
  padding: 0px;
  margin: 0px;
  border: none;
}

.fors_view__panelalt .fors_grcprt__hdrvalalt {
  min-height: unset;
}

.fors_view__panelack {
  border-radius: 10px;
  background: var(--main-menu-bg);
}

.fors_view__panelackalt {
  background: transparent;
  border-radius: 0px;
}

.fors_view__paneltabs {
  margin-top: 50px;
}

.fors_view__panelalt .fors_view__paneltabs {
  margin-top: 0px;
}

.fors_view__panelalt .ssm_results__sectionhdr {
  background: var(--main-plain-bg);
  border-radius: 10px;
  padding: 10px 20px;
}

.fors_view__panelackalt .fors_grcwf__notemain {
  background: var(--main-menu-bg);
  padding: 0 20px;
}

.fors_view__panelalt .cash_brk__currlv {
  padding-bottom: 20px;
}

.fors_view__panelalt .cashbrk_list__gtsection {
  margin-top: 20px;
}

.fors_view__portletcontent {
  position: relative;
}

.fors_view__portletsingle .fors_view__portletcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.fors_view__portletsingle .fors_view__portletcontent>div {
  width: 50%;
}

.fors_view__portlettbl .fors_view__portletbody {
  margin: 0 -20px -20px;
}

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

.fors_view__portletbody>.row:last-child {
  margin-bottom: 0px;
}

.fors_view__fieldsptop {
  padding-top: 27px;
}

.fors_view__fieldlabel {
  font-size: 13px;
  color: var(--view-label-color);
  line-height: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}

.fors_view__fieldvalue {
  font-size: 15px;
  font-weight: 600;
  white-space: pre-wrap;
}

.fors_view__portlet {
  background: var(--main-menu-bg);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.fors_view__panelalt .fors_view__portlet {
  border-bottom: 1px solid var(--light-border-color);
  border-radius: 0px;
  padding: 30px 0px;
  margin-bottom: 0px;
}

.bo_view__panelbefore {
  opacity: 0.6;
}

.bo_view__fieldedit .bob_view__fieldvalue,
.bo_view__fieldedit .fors_view__fieldvalue {
  background: #ffe700;
  border-radius: 5px;
  padding: 0 10px;
  margin: 0 -10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.editedListView .f4newlistview_row {
  background: #ffe700;
}

.editedAccountListView .f4newlistview_field__label {
  background: #ffe700;
  border-radius: 5px;
}

.bo_view__withchanges {
  text-transform: uppercase;
  height: 20px;
  border-radius: 0 0 10px 10px;
  background-color: #55bc2d;
  color: #fff;
  position: absolute;
  right: 15px;
  padding: 0 10px;
  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;
  font-weight: 700;
  z-index: 1;
  font-size: 13px;
}

.fors_confirmmodal__approval>img {
  height: 80px;
  width: 80px;
  margin-bottom: 20px;
}

/* Online Enrollment -REVAMPED */
.oe_layout:not(:last-child) {
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.oe_layout--start {
  max-width: calc(100% - 200px);
  margin-left: auto;
  margin-right: auto;
}

.oe_layout__hdr>h1 {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}

.oe_layout__subhdr {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 40px;
}

.oe_layout__hdr {
  gap: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.oe_layout .row:not(:last-child) {
  margin-bottom: 30px;
}

.oe_layout__hdr>h2 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}

.oe_layout+.oe_layout__border {
  width: calc(100%);
  height: 1px;
}

.oe__container {
  width: 100%;
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
}

.oe__container+.oe__container {
  border-top: 1px solid #e4e9ea;
  margin-top: 30px;
  padding-top: 30px;
}

.accounts_loader {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*** start of custom card ***/
.customize_card__modal {
  width: 60%;
  height: 75%;
}

.customize_card__modal .f4ModalTitle {
  font-size: 24px;
}

.customize_card__modal .f4ModalBody {
  padding-top: 0px;
}

.customize_card__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -25px;
}

.customize_card__preview {
  width: 55%;
  padding: 15px 20px;
}

.customize_card__skinspanel {
  width: 45%;
  padding: 15px 20px;
}

.customize_card__previewcard {
  margin-bottom: 30px;
}

.customize_card__previewcard .sme_accounts__card {
  padding: 25px;
}

.customize_card__previewcard .sme_accounts__cardqr {
  pointer-events: none;
}

.customize_card__bgcolorpick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}

.customize_card__bgcpitem {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 3px solid;
  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;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin: 0 5px 5px;
}

.customize_card__bgcpitem:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.customize_card__bgcpitemalt {
  border-color: rgb(255 255 255);
  -webkit-box-shadow: 0 0 4px #9198bd;
  box-shadow: 0 0 4px #9198bd;
}

.customize_card__bgcpitempick {
  border: none;
}

.customize_card__bgcpitempick:hover {
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}

.customize_card__bgcpitempick .f4color_picker__preview {
  padding: 0px;
  border: none;
  width: 100%;
  height: 100%;
  background: transparent;
}

.customize_card__bgcpitempick .f4color_picker__popup {
  bottom: 0;
}

.customize_card__bgcpitemdot {
  height: 11px;
  width: 11px;
  background-color: #ffffff;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  pointer-events: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.customize_card__bgcpitemalt>.customize_card__bgcpitemdot {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  pointer-events: unset;
}

.customize_card__skinshdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 17px;
  font-weight: 600;
}

/* .customize_card__skinshdr > div:last-child {
  color: var(--button-color);
  cursor: pointer;
  position: relative;
  padding: 0 5px;
  margin-right: -5px;
  border-radius: 5px;
  transition: 0.5s;
} */

/* .customize_card__skinshdr > div:last-child:hover {
  background: var(--main-bg-hover);
} */

.customize_card__skinsbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -7px 20px;
}

.customize_card__skinsbody>div {
  width: 33.3%;
  padding: 7px;
}

.customize_card__skin {
  width: 100%;
  height: 75px;
  position: relative;
  border-radius: 18px;
  -webkit-box-shadow: 0 2px 8px 3px rgb(224 224 224 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  box-shadow: 0 2px 8px 3px rgb(224 224 224 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.customize_card__skin:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.customize_card__skinimg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.customize_card__skincheck {
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  pointer-events: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  z-index: 1;
  color: var(--button-color);
  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;
  font-size: 14px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.customize_card__skinalt>.customize_card__skincheck {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  pointer-events: unset;
}

.card_skin__nopath {
  position: relative;
  background: rgb(120, 120, 120);
  height: 50px;
  width: 80px;
  border-radius: 8px;
}

.accountselector_itemimg .card_skin__nopath {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.right_picker__item .card_skin__nopath {
  width: 50px;
  height: 33px;
  border-radius: 5px;
}

.card_skin__nopath>img {
  width: 100%;
  height: 100%;
}

.card_skin__nopath>div {
  position: absolute;
  height: 5px;
  background: #fff;
}

.mc_cc__deladd_pickup_no_val .bob_view__fieldlabel {
  margin-top: 5.6px;
  font-weight: 600;
}

.mc_cc__deladd_pickup_no_val .bob_view__fieldvalue {
  font-size: 14px;
  font-weight: 500;
  margin-top: 9px;
}

.mc_cc__checkdt_picker .f4newlistview_panel {
  padding: 4px;
}

.mc_cc__checkdt_picker .f4newlistview_panel .react-datepicker__input-container input {
  margin: 0 0 4px 4px;
}

.right_picker__item .card_skin__nopath>div,
.accountselector_itemimg .card_skin__nopath>div {
  height: 3px;
}

.card_skin__nopath>div:first-child {
  bottom: 16px;
  left: 7px;
  width: 63px;
}

.accountselector_itemimg .card_skin__nopath>div:first-child,
.right_picker__item .card_skin__nopath>div:first-child {
  left: 5px;
  bottom: 11px;
  /* width: 40px; */
  width: calc(100% - 10px);
}

.card_skin__nopath>div:nth-child(2) {
  bottom: 7px;
  left: 30px;
  width: 11px;
}

.accountselector_itemimg .card_skin__nopath>div:nth-child(2),
.right_picker__item .card_skin__nopath>div:nth-child(2) {
  /* left: 19px; */
  bottom: 5px;
  /* width: 7px; */
  width: 16%;
  left: calc(25% + 7px);
}

.card_skin__nopath>div:last-child {
  left: 7px;
  bottom: 7px;
  width: 19px;
}

.accountselector_itemimg .card_skin__nopath>div:last-child,
.right_picker__item .card_skin__nopath>div:last-child {
  left: 5px;
  bottom: 5px;
  /* width: 11px; */
  width: 25%;
}

/*** end of custom card ***/

.login_security__menubtn {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.login_security__menubtn .bob_brd__btn {
  border-radius: 13px;
  height: 40px;
  padding: 5px 15px;
  font-weight: 600;
  border-width: 2px;
}

.login_security__menubtn .bob_brd__btn:hover,
.login_security__menubtn .bob_brd__btn:focus,
.login_security__menubtn .bob_brd__btn:active {
  border-width: 2px !important;
}

.login_security__menumodal {
  width: 430px;
  max-width: 100%;
  max-height: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.login_lockacct__modalalt,
.login_suspacct__modal {
  height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  width: 535px;
  max-width: 100%;

  max-height: 100%;
}

.login_security__menupanel {
  text-align: center;
}

.login_security__menupanel>img {
  margin-bottom: 10px;
}

.login_security__menuhdr {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}

.login_security__menuhdralt {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
}

.login_security__menudscp {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.login_security__menubody {
  margin-top: 3.4vh;
}

.login_security__menubody>div {
  position: relative;
  border: 1.5px solid var(--border-color);
  background-color: var(--input-field-bg);
  border-radius: 13px;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 5px 20px;
}

.login_security__menubody>div:hover {
  background: var(--light-main-color);
  border-color: var(--main-color);
  color: var(--main-color);
}

.login_security__menubody>div>img {
  margin-left: -5px;
  margin-right: 10px;
  margin-bottom: 3px;
}

.login_security__modalhdr {
  font-size: 26px;
}

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

.login_security__menumodal .f4ModalBody {
  padding-top: 0px;
}

.login_lockacct__modal .f4ModalHeader {
  height: 100px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 25px;
}

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

.login_lockacct__modal .f4ModalFooter>.f4ButtonGroup {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.login_lockacct__modal .f4ModalFooter>.f4ButtonGroup>span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.login_suspacct__modal .f4ModalHeader {
  height: fit-content;
}

.login_lockacct__body {
  text-align: left;
  padding-top: 10px;
}

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

.login_lockacct__instr {
  /* margin: 40px -25px 0; */
}

.login_security__menubody {
  margin-top: 3.4vh;
}

.ae_left__logo {
  cursor: pointer;
  height: 30px;
}

.ae_template__leftbody {
  display: flex;
  width: 100%;
  color: #fff;
  padding: 30px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.ae_template__lefthdr {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 90px;
}

.ae_steps__section {
  margin: 0 -35px;
}

.ae_steps__list {
  list-style: none;
  padding: 0px;
}

.ae_steps__item {
  position: relative;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--ae-steps-inactive);
  border-left: 5px solid var(--ae-steps-inactive);
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.ae_steps__itemcurr {
  border-color: var(--main-color);
  color: var(--main-color);
  background: var(--ae-steps-activebg);
}

.ae_steps__itemfin {
  border-color: var(--ae-steps-success);
  color: #fff;
}

.ae_steps__itemicon {
  width: 50px;
  padding-left: 30px;
}

.ae_steps__itemtext {
  padding: 0 20px;
  width: calc(100% - 50px);
  font-weight: 600;
}

.ae_steps__itempointer {
  width: 10px;
  height: 10px;
  background: var(--main-color);
  position: absolute;
  left: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/** User group **/

.cgs-servicetblclass {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2; */
}

.cgs-servicetbl-noclass {
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  border: 1.5px solid var(--light-border-color);
  border-radius: 10px;
  background-color: #ededed;
  position: relative;
  overflow: hidden;
  color: #8d8d8d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  padding-left: 20px;
  align-items: center;
  display: flex;
}

/** for f4RadioButton with link **/
.linkInRadio {
  color: white;
  text-decoration: underline;
}

.cgs-servicetblfield,
.cgs-servicetblclass,
.userGroupViewMainServices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 15px;
}

.cgs-servicetblfield .corpGroupServiceListTableData {
  width: 100%;
  padding-right: 10px;
}

.userGroupPanels .f4CheckboxTreeSearch_parent {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

.userGroupPanels .f4newlistview_hdr>div,
.userGroupPanels_accts .f4newlistview_hdr>div {
  padding: 5px 58px;
}

.userGroupPanels_enroll .f4newlistview_hdr>div {
  padding: 5px 50px;
}

.userGroupPanels_accts_enroll .f4newlistview_hdr>div {
  padding: 5px 45px 5px 58px;
}

.bob_panel__templatemainsm .userGroupPanels_accts_enroll .f4newlistview_hdr>div {
  padding: 5px 0px 5px 20px;
  width: 85px;
}

.bob_panel__templatemainsm .userGroupPanels_enroll .f4newlistview_hdr>div {
  padding: 5px 10px 5px 50px;
}

.userGroupPanels_accts_enroll .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer,
.userGroupPanels_accts .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer {
  padding-top: 25%;
}

.userGroupPanels_enroll .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer,
.userGroupPanels .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer {
  padding-top: 43%;
  padding-bottom: 35%;
}

.cgs-servicetblfield .f4cbt-searchandtemplate {
  position: absolute;
  right: 0px;
}

.cgs-servicetblfield .f4CheckboxTreeSearch_parent .f4CheckboxTree_parent .rc-tree li {
  margin: 10px 0;
}

.cgs-servicetblfield .f4cbt-searchandtemplate-hasopen {
  position: relative;
}

.additionalServicesDiv {
  background: white;
  display: inline-block;
  width: 100%;
  padding: 15px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 1px;
  margin-bottom: 25px;
  border-radius: 2px;
}

.additonalServiceDivTitle {
  /* font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 15px;
  padding-top: 15px;
  color: #2f2c2c; */
  padding-left: 15px;
  text-transform: uppercase;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 600;
}

.listViewFlatView .listview-radiobtn-flex .radioButtonClass .ant-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.listViewFlatView .listview-radiobtn-flex .radioButtonClass .ant-radio-wrapper {
  margin-bottom: 0px;
  margin-right: 5px;
  /* border-radius: 0px; */
  height: 100%;
  border: 1px solid transparent;
}

.listViewFlatView .listview-radiobtn-flex .radioButtonClass .ant-radio-wrapper:last-child {
  margin-right: 0px;
}

.listview-radiobtn-flex {
  /* padding: 7px 10px; */
  display: inline-block;
  width: 100%;
  /* height: 52px; */
  height: 33px;
}

.listview-radiobtn-flex .radioParentClass,
.listview-radiobtn-flex .radioButtonClass {
  height: 100%;
}

.listview-radiobtn-flex .ant-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*-ms-flex-wrap: wrap;*/
  /*flex-wrap: wrap;*/
  margin: 0 -5px;
  width: calc(100% + 10px);
}

.listview-radiobtn-flex .ant-radio-wrapper {
  width: 40%;
  height: 30px !important;
  margin: 0px 5px 0px 5px;
}

/** End of User group **/

.ae_userinfo__section {
  width: 100%;
}

.ae_userinfo__sectionph {
  text-align: center;
}

.ae_userinfo__sectionph>div:nth-child(2) {
  color: var(--sub-hdr-color);
  font-weight: 500;
  font-size: 16px;
  margin: 30px 0 10px;
}

.ae_adduser__modal {
  width: 55%;
  height: 80%;
}

.import_loc_docu_modal {
  width: 40%;
  height: 88%;
}

.import_loc_docu_modal .f4ModalHeader {
  border-bottom: 1px solid var(--border-color);
}

.add_update_docu_modal {
  border: none !important;
}

.add_update_docu_modal .bob_generic__portletchildren {
  padding: 0;
}

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

.import_loc_docu_modal_save_btns_panel .f4Button {
  width: 230px;
}

.role_adduser__field {
  font-size: 10px !important;
  font-weight: 500 !important;
  padding-left: 10px !important;
}

.bankadv_readmr__modal {
  width: 80%;
  height: 80%;
}

.bankadv_readmr__modal .f4ModalHeader {
  padding: 15px 25px 45px 20px;
  height: 60px;
}

.bankadv_readmr__modal .f4ModalTitle {
  height: 35px;
  font-size: 20px;
}

.bankadv_readmr__modal .f4ModalBody {
  padding: 5px 25px;
}

.bankadv_rm__view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bankadv_rm__viewicon {
  height: 20px;
  width: 20px;
  padding-top: 15px;
  /* border-radius: 50%; */
  /* background: var(--light-main-color); */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bankadv_rm__viewright {
  width: calc(100% - 55px);
}

.bankadv_rm__viewhdr {
  margin-bottom: 15px;
  padding-left: 20px;
}

.bankadv_rm__viewhdr>div:first-child {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
}

.bankadv_rm__viewhdr>div:last-child {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  color: var(--sub-text-coloralt);
  margin-top: 5px;
}

.bankadv_rm__viewbody {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.main_dashboard__panel {
  padding: 0px;
  margin: 0 -15px;
}

.main_dashboard__panel .ant-tabs-nav .ant-tabs-tab {
  padding: 20px 40px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.17px;
  line-height: 1.2;
}

.main_dashboard__panel .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 700;
}

.main_dashboard__panel .ant-tabs-bar {
  margin-bottom: 0px;
}

.dash_tab__withcount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dash_tab__withcount>div:first-child {
  padding: 3px 6.5px 2px;
  background: var(--main-color);
  color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  line-height: 16px;
  height: 18px;

  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 8px;
  letter-spacing: 0.15px;
  line-height: 1.2;
}

.acct_widget__section {
  min-height: 100vh;
  background: #fff;
  padding: 20px;
}

.acct_widget__sectblhdr {
  font-size: 17px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 10px;
}

.acct_widget__seccurr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
}

.acct_widget__seccurr>img {
  height: 20px;
  margin-top: -1px;
  margin-right: 10px;
}

.acct_widget__sectbl {
  padding: 0 20px 20px;
  margin: 0 -20px 20px;
  border-bottom: 1px solid var(--border-color);
}

.acct_widget__secgrp:last-child>.acct_widget__sectbl:last-child {
  border-bottom: none;
}

.acct_widget__sectbl .f4datatable>.row {
  display: none;
}

.dashboard_widget__item {
  margin: 0 10px 20px;
  border: 1px solid var(--border-color);
  border-radius: 15px;
  padding: 20px;
  background: #fff;
}

.dashboard_widget__itemhdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 20px;
}

.dashboard_widget__itemdtls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}

.dash_widget__itemhdrcount {
  background: var(--text-color);
  color: #fff;
  font-size: 14px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1px 10px 1px;
  border-radius: 12px;
  margin-left: 15px;
}

.singledashboard>.task_list__widget,
.widgets_list__section {
  min-height: 0px !important;
}

.task_list__widget,
.widgets_list__section {
  min-height: calc(100vh - 143px);
  background: #fff;
}

.widgets_list__section {
  padding: 20px 5px;
}

.task_list__widget {
  margin: 0px;
  border: none;
  border-radius: 0px;
}

.task_list__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}

.task_list__item {
  width: calc(33.3% - 15px);
  margin: 0 7.5px 15px;
  height: 60px;
  border-radius: 10px;
  position: relative;
  border: 1px solid #d8d8d8;
  background-color: #fcfcfc;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
}

.task_list__item:hover {
  background-color: #f1f3f7;
}

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

.task_list__itemtxt {
  width: calc(100% - 100px);
  padding: 0 15px;
  font-size: 15px;
  font-weight: 600;
}

.task_list__itemcount {
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  min-width: 35px;
  margin-left: auto;
  margin-right: 0;
  /* color: #6c6a6a; */
}

.acct_widget__view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 5px;
  width: 100%;
  display: grid;
  grid-template-columns: 58% 42%;
}

.acct_widget__view>.tran_hist__widget {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(65% - 20px);
  flex: 1 0 calc(65% - 20px);
}

.acct_widget__view>.acctwg_view__section {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(35% - 30px);
  flex: 1 0 calc(35% - 30px);
}

.accwdg_view__card {
  position: relative;
  /* min-height: 140px; */
  min-height: 80px;
  border-radius: 15px;
  background: url('../images/svg/Card BG.svg') no-repeat;
  background-size: auto;
  background-size: cover;
  color: #fff;
  padding: 15px 15px 15px 20px;
  margin: 0 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.accwdg_viewcard__border {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: #92e2c9;
}

.accwdg_viewcard__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.accwdg_viewcard__dtls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}

.accwdg_viewcard__acctdtls>div:first-child {
  height: 22px;
  color: var(--text-color);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
}

.accwdg_viewcard__acctdtls>div:last-child {
  color: #303030;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
}

.accwdg_viewcard__dtls>div:last-child {
  font-weight: 600;
}

.accwdg_viewcard__avbal>div:first-child,
.accwdg_viewcard__type {
  font-size: 11px;
  font-weight: 500;
  color: #acacac;
}

.accwdg_viewcard__avbal>div:last-child {
  font-weight: 600;
}

.acctwdg_view__hdr>div:first-child {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.acctwdg_view__hdr>div:first-child>div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5px;
}

.acctwdg_view__soabtn {
  margin-right: 20px;
  position: relative;
}

.acctwdg_view__hdr .bob_nb__btn {
  height: 35px;
  padding: 0 10px;
}

.acctwdg_view__hdr .acctwdg_view__soabtn::after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--border-color);
}

.accwdg_qcklnks__list {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: flex-start;
}

.accwdg_qcklnks__item {
  position: relative;
  min-height: 100px;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  margin: 0 10px 10px;
  padding: 5px;
}

.accwdg_qcklnks__itemicon {
  height: 45px;
  width: 45px;
  border-radius: 12px;
  background: #ffefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.accwdg_qcklnks__item:hover .accwdg_qcklnks__itemicon {
  background: var(--light-main-hover);
  background: #ffdfdf;
  -webkit-box-shadow: 0px 1px 1.6px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 1px 1.6px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.accwdg_qcklnks__itemdscp {
  color: var(--main-color);
  font-weight: 500;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  word-break: normal;
}

.accwdg_qcklnks__item:hover .accwdg_qcklnks__itemdscp {
  color: var(--main-hover-color);
  font-weight: bold;
  color: #b11116;
}

.acctwdg_view__balances {
  margin-top: 20px;
}

.acctwdg_view__balitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--mbl-details-bg);
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 10px;
}

.acctwdg_view__balitem>.view_amt__formatted span:last-child {
  font-weight: 800;
}

.acctwdg_view__balitem:last-child {
  margin-bottom: 0px;
}

.acctwdg_view__balitem>div:first-child {
  font-weight: 600;
  font-size: 12px;
  color: var(--acct-view-color);
}

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

.tranhist_widget__hdr>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.tranhist_widget__hdr .bob_sec__btn {
  border-radius: 20px;
  height: 30px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 600;
}

.tranhist_widget__amountcol {
  font-weight: 700;
}

.tranhist_table__section {
  margin: 0 -20px;
}

.tranhist_table__btn {
  position: relative;
  border-top: 1px solid var(--border-color);
  padding: 10px 10px 0;
  margin-bottom: -10px;
}

.h2h_files__widgetbody {
  margin: 0 -20px -20px;
}

.cff_widget__pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cff_widget__pills>div {
  position: relative;
  background: var(--input-field-bg);
  border: 1px solid var(--input-field-border);
  border-radius: 10px;
  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;
  cursor: pointer;
  height: 30px;
  padding: 0 20px;
  font-size: 13px;
  margin: 0 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
}

.cff_widget__pills>.cff_widget__pillalt,
.cff_widget__pills>div:hover {
  background: var(--light-main-color);
  color: var(--main-color);
  border-color: var(--main-color);
}

.cff_widget__hdr>div:first-child {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 55px;
}

.ae_subheader__wspan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ae_subheader__wspan>span {
  margin: 0px;
  font-size: 16px;
}

.bob_compare__plansmodal .f4ModalHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: transparent;
}

.bob_compare__plansmodal .f4ModalBody {
  height: 100%;
  padding: 0;
}

.ae_confirm__secwicon {
  margin-top: -15px;
  font-weight: 500;
}

.ae_confirm__secwicon>img {
  position: absolute;
  top: 9px;
  right: 20px;
  height: 70px;
}

.ae_ack__reqdocs {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.03);
  padding: 10px;
  margin-top: 40px;
  width: 60%;
}

/* 
.ae_ack__rdhdr {
  border-radius: 10px;
  background-color: #f3f6f4;
  text-align: center;
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
}

.ae_ack__rdbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ae_ack__rditem {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 20px;
  border-bottom: 1px solid var(--border-color);
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}

.ae_ack__rditem > div:first-child {
  height: 7px;
  width: 7px;
  background-color: #dae1e1;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 8px;
}

.ae_ack__rditem > div:last-child {
  width: calc(100% - 7px);
}

.ae_ack__rdbtn {
  margin-top: 10px;
} */
.bms_generic__sxnplaceholder {
  text-align: center;
  padding: 30px;
  /* min-height: 700px; */
  height: calc(100vh - 200px);
  /* border: 1px solid #eaecf7; */
  border-radius: 13px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(220, 224, 237, 0.15);
  box-shadow: 0 2px 4px 0 rgba(220, 224, 237, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bms_generic__sxnplaceholder>img {
  height: 120px;
  margin: -20px 0 20px;
}

.bms_generic__sxnplaceholder>div:nth-child(2) {
  font-weight: 600;
  font-size: 17px;
  color: var(--no-records-label);
}

.bms_generic__sxnplaceholder>div:nth-child(3) {
  color: var(--no-records-label);
  font-size: 13px;
  font-weight: 500;
}

/***** Start of Avail Services ******/

.avail_services___radio {
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.avail_services___radio .radioParentClass,
.avail_services___radio .radioButtonClass {
  height: 100%;
}

.avail_services___radio .ant-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
  gap: 10px;
  width: calc(100% + 10px);
}

.avail_services___radio .ant-radio-wrapper {
  flex: 1 1 calc(50% - 10px);
  height: 40px;
  margin: 0 5px;
}

.avail_services___radio .ant-radio {
  display: none;
}

.avail_services___radio .f4FormFieldLabel {
  font-size: 16px;
  margin-bottom: 20px;
  color: var(--text-color);
  font-weight: 500;
}

.avail_services___checkboxes .groupcheckboxes-main {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.avail_services___checkboxes .groupcheckboxes-main>.checkbox-parentdiv {
  margin: 10px;
  flex: 1 1 calc(33.3% - 20px);
}

.avail_services__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 10px;
}

.avail_services__item {
  border-radius: 10px;
  background: var(--light-hover-color);
  position: relative;
  cursor: pointer;
  height: 100%;
}

.avail_services__itemtop {
  display: flex;
}

.avail_services__itemdtls {
  padding: 15px 10px 15px 20px;
  height: 100%;
  width: calc(100% - 40px);
}

.avail_services__itemdtls>div:first-child {
  font-size: 16px;
  font-weight: 600;
}

.avail_services__itemdtls>div:last-child {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  color: var(--sub-hdr-color);
}

.avail_services__itembd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.avail_services__itemdtls:hover+.avail_services__itembd,
.avail_services__itembd:hover,
.avail_services__itemalt .avail_services__itembd {
  opacity: 1;
  pointer-events: unset;
}

.avail_services__itemalt .avail_services__itembd {
  background: #fb6657cc;
}

.avail_services__itembd>div {
  position: absolute;
  right: 15px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: transparent;
}

.avail_services__itemalt .avail_services__itembd>div {
  background: #fff;
  color: var(--main-color);
}

.avail_services__iteminfo {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 0;
  cursor: pointer;
  transition: 0.5s;
}

.avail_services__iteminfo:hover {
  background: var(--light-container-color);
}

.avail_services__itemaddtl {
  padding: 10px;
  border-top: 1px solid var(--border-color);
  margin: 0 10px;
}

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

.avs_addtl__dtlitem>div:first-child {
  font-size: 12px;
}

.avs_addtl__dtlitem>div:last-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 0.6;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

.avs_addtl__dtlitem>div:last-child>span {
  font-size: 10px;
  margin-right: 3px;
}

.avs_flnv__addtlcol {
  width: 100%;
}

.avs_flnv__addtlcol .avs_addtl__dtls {
  display: flex;
  margin: 0 -5px;
  width: calc(100% + 10px);
}

.avs_flnv__addtlcol .avs_addtl__dtlitem {
  flex-direction: column;
  flex: 1 1 calc(33.3% - 10px);
  margin: 0 10px;
  text-align: center;
}

.avs_flnv__addtlcol .avs_addtl__dtlitem>div {
  width: 100%;
  justify-content: center;
}

.avs_flnv__addtlcol .avs_addtl__dtlitem>div:first-child {
  margin-bottom: 10px;
}

.avail_services__model {
  width: 33%;
  margin: 0 auto;
  display: flex;
  border-radius: 20px;
  background: var(--light-main-color);
  padding: 15px;
}

.avail_services__model>img {
  width: 100px;
  margin-left: 20px;
}

.avail_services__modeldtls {
  width: calc(100% - 135px);
  text-align: center;
  padding-right: 20px;
}

.avail_services__modeldtls>div:first-child {
  font-weight: 600;
}

.avail_services__modeldtls>div:nth-child(2) {
  font-size: 12px;
  color: var(--sub-label-color);
  font-weight: 500;
  margin-bottom: 10px;
}

.avail_services__modeldtls .f4Button {
  height: 35px;
  font-size: 13px;
  margin: 0 auto;
}

/***** End of Avail Services ******/
.h2hfiles_records__viewpanel,
.manage_acct__panel {
  padding: 0 15px;
}

.acct_widget__sectbl .public_fixedDataTable_header {
  border-radius: 10px 10px 0 0;
  border-top: none;
}

.acct_widget__sectbl .f4data_table__section {
  border-radius: 10px;
  border: 1px solid var(--datatable-border-color);
  overflow: hidden;
}

.itemperpage_select .Select-menu-outer {
  top: unset;
  bottom: 100%;
}

.manage_acct__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  margin: 0 -10px;
  row-gap: 10px;
}

.manage_acct__dtls {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 55%;
  flex: 1 1 55%;
  margin: 0 10px;
}

.manage_acct__qlsection {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  margin: 0 10px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  padding: 20px;
}

.custom_card__section {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 30px;
}

.custom_card__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px;
  justify-content: space-between;
  width: 100%;
}

.custom_card__colorslbl {
  font-size: 20px;
  font-weight: 600;
  max-width: 155px;
  /* width: 135px; */
}

.custom_card__colorslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
  -webkit-box-flex: 1;
  /* -ms-flex: 1 1 calc(100% - 135px);
  flex: 1 1 calc(100% - 135px); */
  padding-left: 20px;
}

.custom_card__colorslist>.f4color__picker {
  margin: 0 5px;
}

.custom_card__coloritem {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 3px;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.custom_card__coloritemalt,
.custom_card__coloritem:hover {
  border: 2px solid #92e2c9;
}

.custom_card__coloritem>div {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #fff;
  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;
  font-size: 18px;
}

.manage_acct__qlsechdr {
  margin-bottom: 30px;
}

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

.manage_acct__qlsechdr>div:last-child {
  font-size: 16px;
}

.manage_acct__nicksec {
  margin-top: 30px;
}

.manage_acct__nicksechdr {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.manage_acct__dtlsbtn {
  margin-top: 60px;
}

.manage_acct__qlsecitem {
  margin-bottom: 10px;
}

.manage_acct__qlsecitem .f4CheckboxMainContainer {
  height: 60px;
  border-radius: 13px;
}

.manage_acct__qlsecitem .modal-check-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.manage_acct__qlsecitem .modal-check-lbl {
  padding: 0 15px 0 0;
}

.manage_acct__qlsilbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.manage_acct__qlsilbl>div:first-child {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--light-main-color);
  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;
}

.manage_acct__qlsilbl>div:last-child {
  width: calc(100% - 40px);
  padding-left: 15px;
}

.oldNewPanelTitle,
.oldNewPanelTitle-new {
  padding-bottom: 7px;
  color: var(--primary-btn-hover);
  font-size: 14px;
  font-weight: 600;
}

.push_notif__switch_parent {
  font-weight: 600;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.push_notif__switch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: var(--datatable-hdr-color);
  border: 1px solid var(--border-color-alt);
  border-radius: 10px;
  min-height: 70px;
  padding: 5px 20px;
  overflow: hidden;
}

.bob_generic__portlet .push_notif__switch:not(:last-child) {
  margin-bottom: 10px;
}

.push_notif__switchdr {
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  align-items: flex-start !important;
  flex: 1;
  margin-left: 8px;
}

.push_notif__switch>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.push_notif__switchtxt {
  font-size: 15px;
  font-weight: 600;
}

.push_notif__switchtxt_sub {
  font-size: 13px;
  font-weight: 400;
}

.push_notif__switchtxt>img {
  margin-right: 15px;
  position: relative;
  top: -1px;
}

.push_notif__switchbrd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--main-color);
}

.bob_ap__panel {
  margin: 0 -15px;
  min-height: 100vh;
  background: #fff;
  padding: 0 20px 20px;
}

.bob_ap__tabs {
  margin: 0 -20px;
}

.bob_ap__grp {
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 15px;
  padding: 10px 20px 20px;
  margin-bottom: 10px;
  position: relative;
}

.bob_ap__grphdr {
  font-size: 17px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 235px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 10px;
  height: 40px;
  padding-bottom: 3px;
}

.bob_ap__grphdr>div:nth-child(2) {
  width: 150px;
}

.bob_ap__grphdr>div:first-child {
  display: flex;
  align-items: center;
  font-weight: 700;
}

.bob_ap__grphdr>div:first-child>span {
  color: #b5b6b8;
  font-size: 13px;
  font-weight: 600;
  margin-left: 7.5px;
  padding-left: 7.5px;
  border-left: 1px var(--light-border-color) solid;
  line-height: 30px;
}

.th_acctdtls__hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.th_acctdtls__hdrbtns {
  margin-right: -7px;
}

.th_acctdtls__hdrbtns .bob_nb__btn {
  height: 35px;
  padding: 5px 10px;
}

.th_acctdtls__others>div:first-child {
  margin-bottom: 20px;
}

.th_acctdtls__others>div .radioParentClass.f4radio_btn__flex {
  margin-top: 20px;
}

.th_acctdtls__acfield .Select-control {
  height: 150px;
}

.crdr_memo__modal {
  width: 55%;
  height: 70%;
}

.memo_modal__hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 25px;
  /* border-right: 1px solid var(--border-color); */
  margin-right: 20px;
}

.memo_modal__icon {
  font-size: 26px;
  font-weight: 600;
}

.memo_modal__icon>img {
  height: 30px;
  margin-bottom: 10px;
}

.memo_modal__refno {
  font-size: 14px;
  margin-top: 25px;
}

.memo_modal__refno>span {
  font-weight: 600;
}

.memo_modal__dtls {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  margin-top: 15px;
}

.memo_modal__dtlitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 45px;
  border-bottom: 1px solid var(--border-color);
}

.memo_modal__dtlitem:last-child {
  border-bottom: none;
}

.memo_modal__dtlitem>div {
  padding: 15px;
  font-weight: 500;
}

.memo_modal__dtlitem>div:first-child {
  width: 35%;
  border-right: 1px solid var(--border-color);
  color: var(--light-text-color);
  font-size: 12px;
}

.memo_modal__dtlitem>div:nth-child(2) {
  width: 65%;
  font-size: 14px;
}

.memo_modal__particulars {
  margin-top: 15px;
}

.th_amt__dmcmfield .dbcr_amount__viewer {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 0 5px;
  margin: 0 -5px;
  border-radius: 5px;
  cursor: pointer;
}

.th_amt__dmcmfield .dbcr_amount__viewer:hover {
  background: var(--light-hover-color);
}

.soa_inquiry__panel .bob_panel__tmpchildren {
  width: 60%;
  margin: 0 auto;
}

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

.soa_inquiry__panel .bob_generic__portlet {
  background: var(--mbl-details-bg);
  border: none;
}

.soa_inquiry__dlbtn {
  margin-top: 50px;
}

.bob_enroll__confpcktype .bobcpspl {
  margin: 0px;
}

.bob_ap__mainhdr {
  margin: 0 -20px 20px;
  padding: 0 20px 20px;
  border-bottom: 1px solid var(--border-color);
}

.bob_ap__casahdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
  width: 55%;
}

.bob_ap__balcard {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 10px;
  border-radius: 13px;
  background: #ebf0ff;
  overflow: hidden;
  padding: 20px 20px 20px 25px;
}

.bob_ap__bcbrd {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 7px;
}

.bob_ap__bclbl {
  font-size: 13px;
  margin-top: 20px;
}

/*Start of F4Tabs */

.invoiceActionButtons {
  height: 50px;
  width: 50px;
  background: #fff;
  /* position: fixed; */
  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;
  font-size: 16pt;
  border-radius: 5px;
  /* border-radius: 50%; */
  border: 2px solid var(--primary-btn-color) !important;
  /* box-shadow: 0 2px 9px #e2e2e2; */
  color: #4686c3;
  cursor: pointer;
  z-index: 9;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border: none;
}

.generic-adtlBtns {
  z-index: 1;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  top: -25px;
}

.expregbtn-listmain {
  position: absolute;
  /* right: 50px;
  top: 5px; */
  /* right: 51px;
  top: 1px; */
  right: calc(197% - 53px);
  top: calc(230% - 45px);
  display: none;
}

.expregbtn-list {
  /* display: none; */
  background: #fff;
  width: 115px;
  -webkit-box-shadow: 0 1px 9px #e2e2e2;
  box-shadow: 0 1px 9px #e2e2e2;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0;
  -webkit-animation: expreglistanim 0.5s ease-in forwards;
  animation: expreglistanim 0.5s ease-in forwards;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  font-size: 15px;
}

@-webkit-keyframes expreglistanim {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes expreglistanim {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.expregbtn-list>div {
  padding: 10px 15px;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
  font-weight: 500 !important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.expregbtn-list>div:hover,
.expregbtn-selected {
  /* background: #c8e4ff;
  color: #41719f; */
  background: var(--primary-btn-color);
  color: #fff;
}

.expregbtn-list>div:last-child {
  border-bottom: none;
}

.expRegButton:hover .expregbtn-listmain {
  display: block;
}

/*End of F4Tabs */

.fullPanelWithButtons .bob_panel__tmpchildren {
  padding: 20px 5px 100px;
}

.removeOptionalAndLbl .searchfilter_initial__panel .formfield_label__optional {
  display: none !important;
}

.withWorkFlowAndBackBtn {
  width: 70%;
  display: flex;
  align-items: center;
}

.withWorkFlowAndBackBtn .bob_back__btn {
  width: 210px;
  margin-right: 10px;
}

.withWorkFlowAndBackBtn .asf4FormValidate {
  width: 450px;
  padding-right: 10px;
}

.bob_mainmenu__item>i {
  margin-left: 7px;
}

.serviceField_rmvOptionsLbl .formfield_label__optional>span:last-child {
  display: none;
}

.serviceField_rmvOptionsLbl {
  margin-top: 1px;
}

.ap_widget__totals {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--border-color);
  height: 60px;
  font-weight: 500;
}

.ap_widget__totals>div {
  padding: 0 20px;
}

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

.ap_widget__totals>.view_amt__formatted {
  width: 297px;
  text-align: right;
  font-weight: 700;
}

/*start of f4DownloadTray*/
.f4DownloadTray {
  bottom: 30px;
  position: fixed;
  right: 100px;
  z-index: 999;
}

.f4DownloadTray_box {
  min-width: 200px;
  border-radius: 6px;
  background-color: #202124;
  box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.08), -1px 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 10px 15px;
}

.f4DownloadTray_open {
  background-color: #202124;
  box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.08), -1px 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

.f4DownloadTray_row {
  display: flex;
  align-items: center;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #565656;
  font-weight: 600;
}

.f4DownloadTray_head {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: white;
  font-weight: 400;
  border-top: none;
  margin: 0px;
  padding: 0px;
}

.f4DownloadTray_head>div:first-child {
  width: calc(100% - 25px);
  padding-right: 10px;
}

.f4DownloadTray_close>button {
  background: transparent;
  box-shadow: none;
  border: none;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f4DownloadTray_filename {
  width: calc(100% - 25px);
}

.f4DownloadTray_icon {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*end of F4DownloadTray*/

.ackMessageYourRefNo {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 8px;
}

.ackMessageYourRefNo>.ackRefNo {
  font-weight: 600;
  color: var(--main-color);
}

.f4EditModal {
  overflow-y: hidden !important;
}

.f4EditModal .modal-content,
.f4EditModal .modal-dialog {
  width: 90%;
  height: 95%;
  margin: inherit;
  /* margin: 0px !important; */
}

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

.acct_view__backbtn .bob_back__btn {
  width: 200px;
}

.loans_inqtbl__hdr>span {
  color: var(--sec-btn-color);
}

.bob_ap__grptl .bob_ap__grphdr {
  position: relative;
  top: 0px;
}

.bob_aptl__grp {
  position: relative;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.bob_aptl__grphdr {
  position: absolute;
  top: 13px;
  font-weight: 600;
  font-size: 14px;
  color: #575655;
}

.bob_aptl__grpbody {
  margin: 0 -20px;
}

.bob_ap__tlmenu {
  margin-bottom: 10px;
}

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

.tranhist_widget__hdrdrp>div:last-child {
  margin-left: 15px;
  width: 150px;
}

.tranhist_widget__hdrdrp .Select-control {
  height: 40px;
}

.tranhist_widget__hdrdrp .Select--single>.Select-control .Select-value {
  padding: 3px 15px;
}

.tranhist_widget__hdrdrp .Select-input {
  padding-top: 5px;
}

.task_list__group {
  margin-bottom: 10px;
}

.task_list__grouphdr {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
  background: #f2f6f8;
  padding: 10px 20px;
  border-radius: 10px;
}

.task_list__grouphdr>div:last-child {
  background: var(--main-color);
  color: #fff;
  padding: 0 12px;
  border-radius: 16px;
  font-size: 12px;
  height: 23px;
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-left: 10px;
}

.reject_message__hdr {
  font-weight: 600;
}

.reject_message__text {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
}

.corpgrp_checkboxtree .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background: unset;
  padding: 0;
}

.corpgrp_checkboxtree .services_treecb__itemmain__vertical>.services_treecb__grp {
  flex-direction: column !important;
  gap: 0 !important;
}

.corpgrp_checkboxtree .services_treecb__itemmain__vertical .services_treecb__grp .services_treecb__itemmain:not(.services_treecb__itemmain__alt) {
  margin-bottom: 0;
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp {
  display: flex;
  gap: 10px;
  padding-left: 25px;
  margin-bottom: 0;
  flex-wrap: wrap;
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp .f4CheckboxNewMainContainer {
  border: 1.5px solid var(--light-border-color);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 9.3px 16px;
  height: 35px;
  cursor: pointer;
  display: flex;
  width: fit-content;
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp .f4CheckboxNewMainContainer.f4checkboxnew_checked {
  border: 1.5px solid var(--main-color);
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp .small-check-container>label {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap;
}

.corpgrp_checkboxtree .services_treecb__item .small-check-box {
  margin-right: 14.7px;
}

.corpgrp_checkboxtree .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 600;
}

.corpgrp_checkboxtree .small-check-container {
  cursor: pointer;
}

.corpgrp_checkboxtree .small-check-container:hover {
  background-color: none;
}

.corpgrp_checkboxtree .services_treecb__grp .services_treecb__itemmain .services_treecb__item {
  margin-bottom: 0;
}

.corpgrp_checkboxtree .services_treecb__grp .services_treecb__itemmain {
  margin-top: 10px;
}

.corpgrp_checkboxtree .services_treecb__grp .services_treecb__itemmain:not(.services_treecb__itemmain__alt) {
  margin-bottom: 15px;
}

.services_treecb__grp {
  padding-left: 25px;
  margin-bottom: 20px;
}

.services_treecb__grproot {
  padding-left: 0px;
  margin-bottom: 0px;
}

.services_treecb__grpfg {
  padding-left: 10px;
}

.services_treecb__item {
  margin-bottom: 10px;
}

.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background: var(--main-plain-bg);
  border-radius: 8px;
  padding: 10px;
}

.services_treecb__item .small-check-container {
  background: transparent;
}

.services_treecb__item .small-check-box {
  margin-right: 20px;
}

.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 17px;
  font-weight: 600;
}

.services_treecb__panelvw .small-check-box {
  display: none;
}

.services_treecb__sechdr {
  display: flex;
  align-items: center;
  margin-top: -7px;
}

.services_treecb__sechdr>div:first-child {
  width: 55%;
}

.services_treecb__srchfld {
  position: relative;
  width: 45%;
}

.services_treecb__srchfld>i {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: var(--placeholder-color);
}

.services_treecb__srchfld .f4InputField {
  padding-right: 45px;
  border: 1px solid transparent;
  border-radius: 0px;
  background: #fff;
  text-align: right;
}

.services_treecb__srchfld .f4InputField:hover {
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--input-field-border) !important;
}

.services_treecb__srchfld .f4InputField:active,
.services_treecb__srchfld .f4InputField:focus {
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--main-color) !important;
}

/*Corp grp service tree view  */
.cgs_cbtree__view .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}

.cgs_cbtree__view .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
  padding-right: 10px;
  margin-top: 5px;
  border-right: 1px solid var(--input-field-border);
  height: fit-content;
}

.cgs_cbtree__view .services_treecb__itemmain {
  display: flex;
}

.cgs_cbtree__view .services_treecb__grpfg .services_treecb__itemmain {
  flex-direction: column;
}

.cgs_cbtree__view .services_treecb__grp:not(.services_treecb__grproot) {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.cgs_cbtree__view .services_treecb__grp:not(.services_treecb__grproot)>.services_treecb__itemmain>.services_treecb__item {
  font-size: 14px;
  font-weight: 600;
  padding: 9px 15px;
  border-radius: 8px;
  width: fit-content;
  white-space: nowrap;
  background-color: #ebeff5;
}

.cgs_cbtree__view .services_treecb__grpfg .services_treecb__itemmain .services_treecb__item+.services_treecb__grp {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  flex-wrap: wrap;
}

.cgs_cbtree__view .services_treecb__grpfg .services_treecb__itemmain__vertical>.services_treecb__item+.services_treecb__grp {
  display: flex;
  flex-direction: column;
}

.cgs_cbtree__view .services_treecb__grp:not(.services_treecb__grproot) .small-check-container>label {
  font-size: 14px;
}

/* ||cb overrides */
.txnmatrix_showmore {
  background-color: #e6eaef;
  padding: 15px 20px;
  display: flex;
  gap: 15px;
  background-color: #fbfbfb;
}

.txnmatrix_showmore--view {
  padding: 0;
  background-color: #ffffff;
}

.txnmatrix_showmore--view:first-child,
.txnmatrix_showmore--view+.txnmatrix_showmore--view:not(:last-child) {
  margin-bottom: 12px;
}

.txnmatrix_showmore--view>.txnmatrix_showmore__label {
  font-weight: 600;
}

.txnmatrix_showmore__label {
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
  padding-right: 10px;
  margin-top: 5px;
  border-right: 1px solid var(--input-field-border);
  height: fit-content;
}

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

.f4newlistview_tbody .f4newlistview_row__hasshowmore:not(:last-child) .f4newlistview_addtl__fields .txnmatrix_showmore {
  border-block-end: 1.2px solid #e6eae9;
}

.txnmatrix_showmore__value {
  padding: 9px 15px;
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 8px;
  background-color: #ebeff5;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
}

.txnmatrix_showmore__value_lvl_three {
  padding: 9px 15px;
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 8px;
  background-color: #ffffff;
  border: 2px solid var(--primary-btn-color);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
}

.f4newlistview_row:last-child .f4newlistview_rowbody+.f4newlistview_addtl__fieldsalt>.txnmatrix_showmore {
  border-block-start: 1.2px solid #e6eae9;
}

/** FOR ACA TOTALS **/
.aca_listview__totals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.aca_listview__totalsalt {
  margin-top: 10px;
  border-top: 1px solid #e2e2e2;
}

.aca_listview__totals>div {
  display: flex;
}

.aca_listview__totals>div>div {
  width: 303px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.aca_listview__totals>div>div:last-child {
  font-size: 20px;
  text-align: right;
  justify-content: flex-end;
  padding-right: 65px;
  width: 348px;
}

/** END OF ACA TOTALS **/

.ww_tour__contenthdr {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 25px;
}

.ww_tour__contentdscp {
  color: var(--label-color);
  font-size: 14px;
  line-height: 20px;
}

.react-joyride__tooltip {
  border-radius: 15px !important;
  padding: 20px !important;
}

.ww_tour__tooltip {
  background-color: rgb(255, 255, 255);
  border-radius: 15px;
  color: var(--hdr-color);
  font-size: 14px;
  padding: 20px;
  position: relative;
  width: 350px;
  text-align: center;
}

.ww_tour__tooltiphdrbtns {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.ww_tour__tooltiphdrbtns .f4Button {
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 15px;
  border-radius: 20px;
}

.biller_selector__control {
  border: 2px solid #eef3f4;
  border-radius: 13px !important;
  background-color: #fafcfc;
  height: 130px;
}

/* || Biller Address Book */
.biller_address__panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 80px);
  border-left: 1.5px solid #e4eaed;
}

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

.biller_address__panelhdr>div:first-child {
  color: var(--hdr-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.biller_address__panelhdr>div:last-child {
  width: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

.biller_address__panelhdr>div:last-child:hover {
  background-color: var(--light--hover-color);
}

.biller_address__panelhdr>div>i {
  font-size: 21px;
  cursor: pointer;
}

.biller_address__paneltop {
  padding: 20px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.biller_right__panel {
  padding: 0;
  height: calc(100% - 80px) !important;
}

.biller_list__search {
  position: relative;
}

.biller_list__search>img {
  position: absolute;
  z-index: 99;
  left: 10px;
  top: 8.5px;
}

.biller_list__search .f4FormFieldLabel {
  display: none;
}

.biller_list__search input {
  padding-left: 45px;
  background: var(--search-input-bg);
}

.biller_list__search input::placeholder,
.biller_list__search input::-moz-placeholder {
  color: var(--search-input-placeholder);
}

.biller_tabs .ant-tabs-bar {
  background-color: #f9fbfc;
  border-block: 1px solid #e4e9ea;
  margin-bottom: 0;
}

.biller_tabs .ant-tabs-nav .ant-tabs-tab {
  font-weight: 500;
  flex: 1;
  display: flex;
  justify-content: center;
}

.biller_tabs .ant-tabs-nav>div:first-child {
  display: flex;
}

.biller_tabs .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 700;
}

.biller_tabs .ant-tabs-nav {
  width: 100%;
}

.biller_addbook__item {
  border: 1px solid #eff1f6;
  border-radius: 10px;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  /* align-items: center; */
  min-height: 64px;
  transition: 0.3s;
  width: calc(100% - 40px);
}

.biller_addbook__favitem {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: calc(100% - 40px);
}

.biller_addbook__item>.biller_addbook__iteminfo {
  display: flex;
}

.biller_addbook__dtls {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.emp_addbook__item {
  flex-direction: row;
}

.biller_addbook__itemsuspended {
  cursor: not-allowed;
}

.biller_addbook__itemsus,
.biller_addbook__itemsus:hover {
  background-color: #f5f7f7;
  pointer-events: none;
}

.biller_addbook__itemsus {
  overflow: hidden;
}

.biller_addbook__itemsus .biller_addbook__dtls>div:first-child {
  color: #7e7e7e;
}

.biller_addbook__dtls>div:first-child {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.biller_addbook__itemsus .biller_addbook__dtls>div:nth-child(2) {
  color: #a2a2a2;
}

.biller_addbook__img>img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  margin-right: 15px;
  border-radius: 50%;
}

.biller_addbook__dtls>div:nth-child(2) {
  font-size: 13px;
  color: var(--mblsubhdr-color);
  font-weight: 600;
  line-height: 16px;
}

.biller_addbook__content {
  padding: 0px 20px 20px 20px;
  background-color: #ffff;
  position: relative;
}

.biller_addbook__content--favorite {
  padding: 30px 20px;
}

.biller_addbook__itemmain {
  margin-top: 10px;
}

.biller_addbook__item:not(:last-child) {
  margin-bottom: 9px;
}

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

.biller_addbook__icon {
  align-self: center;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  margin-left: 10px;
}

.biller_letter {
  color: var(--subhdr-color);
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 20px;
  background: #fff;
  position: sticky;
  top: 0;
  height: 35px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.biller_addbook__contentbox {
  height: 100%;
  flex: 1;
  background: #fff;
}

.biller_addbook__icon--favorite {
  opacity: 0;
}

.biller_addbook__itemsfavorite:hover .biller_addbook__icon--favorite {
  opacity: 1;
  cursor: pointer;
}

.biller_addbook__item--favorite:hover {
  /* background-color: #fbfbfb !important;
  border: 1px solid #e6e6e6 !important; */
}

.biller_addbook__itemsfavorite_suspended {
  pointer-events: none;
  background-color: #f5f7f7 !important;
}

.biller_addbook__itemsfavorite_suspended:hover {
  border: 1px solid #eff1f6 !important;
  background: none !important;
  background-color: #f5f7f7 !important;
}

.biller_addbook__itemsuspended .biller_addbook__icon--favorite {
  /* opacity: 1 !important; */
}

.biller_addbook__itemsuspended .biller_addbook__icon--favorite>img {
  cursor: pointer;
  pointer-events: auto;
}

.biller_letterlist {
  /* position: absolute;
  right: 0;
  margin-top: 30px; */
  position: sticky;
  top: 30px;
  left: calc(100% - 40px);
  z-index: 2;
  font-size: 12px;
  background: #f0f3f8cf;
  /* background: transparent; */
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.biller_letterparent {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  left: calc(100% - 40px);
}

.biller_tabs .biller_addbook__contentbox .biller_letterlist {
  top: 260px;
}

/* .biller_letterlist > div {
  font-size: 12px;
  font-weight: 500;
  color: #b8b8b8;
  cursor: pointer;
  text-align: center;
  position: relative;
} */

.biller_address__panel:hover .biller_letterlist {
  opacity: 1;
  pointer-events: unset;
}

.biller_letterlist>div {
  font-weight: 400;
  color: #bbbed2;
  padding: inherit;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.5s;
  position: relative;
}

.biller_letterlist>div:hover {
  color: var(--primary-btn-hover);
  font-weight: 600;
}

.ww_tour__tooltiphdrbtns>div:last-child {
  display: flex;
}

.ww_tour__tooltiphdrbtns>div:last-child>button {
  margin-left: 10px;
}

.welcome_widget__trydrop {
  /* position: absolute; */
  position: fixed;
  background: #fff;
  border-radius: 10px;
  /* top: 45px; */
  top: 350px;
  padding: 5px;
  z-index: 9;
  border: 1px solid var(--border-color);
  box-shadow: 0 0px 3px #e1e2e4;
  -webkit-transition: opacity 175ms, -webkit-transform 175ms;
  transition: opacity 175ms, -webkit-transform 175ms;
  transition: opacity 175ms, transform 175ms;
  transition: opacity 175ms, transform 175ms, -webkit-transform 175ms;
  width: 250px;
}

.welcome_widget__trydropclose {
  opacity: 0;
  -webkit-transform: scale(0.9) translateY(-20px);
  transform: scale(0.9) translateY(-20px);
  pointer-events: none;
}

.welcome_widget__trydrop>div {
  display: flex;
  border-radius: 8px;
  padding: 10px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s;
}

.welcome_widget__trydrop>div:hover {
  background: var(--light-hover-color);
}

.body_height__100 {
  height: 100%;
}

.dummy_txn__account,
.dummy_txn__destacct {
  padding-bottom: 100px;
}

.bob_generic__portletchildren>.dummy_txn__acctrow {
  margin-bottom: -80px;
  display: flex;
}

.biller_acksubhdr {
  color: #6a776c;
  font-size: 16px;
  font-weight: 500;
}

/* || EMPLOYEE LISTVIEW */
/* Start of Employee List view */
.bene_with__qrbtn .bene_autosugg__field .f4AutoSuggest .react-autosuggest__container>.Select-control {
  padding-right: 40px;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .f4InputField,
.pay_employees__dtllist .bene_with__qrbtn:hover .f4InputField {
  padding-right: 40px;
}

.pay_employees__dtllist .bene_with__qrbtn .actionchoice-btnpanel {
  top: 5px;
  opacity: 0;
  pointer-events: none;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .actionchoice-btnpanel,
.pay_employees__dtllist .bene_with__qrbtn:hover .actionchoice-btnpanel {
  opacity: 1;
  pointer-events: unset;
}

.bene_with__qrbtn .bene_auto__suggesthasadd .f4AutoSuggest .react-autosuggest__container>.Select-control {
  padding-right: 80px;
}

.pay_employees__dtllist .bene_with__qrbtn .f4InputField {
  padding-right: 15px;
}

.pay_employees__dtllist .bene_with__qrbtn .actionchoice-btnpanel {
  top: 5px;
  opacity: 0;
  pointer-events: none;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .actionchoice-btnpanel,
.pay_employees__dtllist .bene_with__qrbtn:hover .actionchoice-btnpanel {
  opacity: 1;
  pointer-events: unset;
}

.pay_employees__dtllist .bene_with__qrbtn .actionchoice-btnpanel {
  top: 5px;
  opacity: 0;
  pointer-events: none;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .actionchoice-btnpanel,
.pay_employees__dtllist .bene_with__qrbtn:hover .actionchoice-btnpanel {
  opacity: 1;
  pointer-events: unset;
}

.pay_employees__addtotals {
  align-items: center;
  display: flex;
  height: 60px;
  margin-right: 0;
  justify-content: space-between;
  width: 100%;
  flex-direction: row-reverse;
}

.pay_employees__addtotals .f4newlistview_addbtn {
  /* width: 245px; */
  font-weight: 600;
  padding: 10px;
}

.pay_employees__totalamt {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 800;
  margin-left: 10px;
}

.pay_employees__totalcount {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 800;
  margin-right: 10px;
}

.pay_employees__dtllist .f4newlistview_add {
  justify-content: flex-end;
}

.pay_employees__totalamt>div:first-child {
  margin-right: 13px;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
}

.pay_employees__totalamt>div:last-child {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
}

.pay_employees__totalcount>div:first-child {
  margin-right: 13px;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
}

.pay_employees__totalcount>div:last-child {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
}

.pay_employees__dtllist .f4newlistview_rowdelete>.f4newlistview_rowdeletebtn {
  background: url(../images/svg/Remove.svg) no-repeat;
  width: 28px;
  height: 28px;
}

.pay_employees__totalamt>div:last-child>span {
  font-size: 10px;
  margin-top: 1px;
  margin-right: 3px;
}

.pay_employees__totalcount>div:last-child>span {
  font-size: 10px;
  margin-top: 1px;
  margin-right: 3px;
}

.pay_slip__modal {
  width: 45%;
}

.pay_slip__modal .f4ModalHeader {
  display: none;
}

.emp_fields__columnlabel>img {
  height: 28px;
  width: 28px;
  object-fit: cover;
  border-radius: 50%;
}

.pay_slip__modalview .f4ModalHeader {
  display: block;
}

.pay_slip__modal .f4ModalBody {
  height: 100%;
  padding: 0 40px 30px;
}

.pay_slip__modalview .f4ModalBody {
  height: calc(100% - 75px);
  padding-top: 30px;
}

.pay_slip__modalview .sme_view__portletcontmain {
  padding: 0px;
}

.payslip_modal__hdr {
  display: flex;
  align-items: center;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
  height: 95px;
}

.payslip_modal__hdr>div:not(:nth-child(2)) {
  width: 100px;
}

.payslip_modal__hdr>div:nth-child(2) {
  width: calc(100% - 200px);
  text-align: center;
  font-size: 24px;
  font-weight: 800;
}

.payslip_modal__body {
  border-radius: 6px 6px 0 0;
  border-top: 7px solid var(--main-color);
  padding: 20px 15px;
}

.payslip_modal__bodyhdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  word-break: break-word;
  /*needed by the name field*/
}

.payslip_modal__bodyhdr>img {
  width: 90px;
  height: 45px;
}

.payslip_modal__bodyhdr>div {
  width: 55%;
  text-align: right;
  font-size: 18px;
  color: var(--hdr-color);
  font-weight: 700;
}

.payslip_modal__bodyhdr>.payslip_corp__logo {
  width: 45%;
  display: flex;
}

.payslip_modal__addr {
  color: var(--label-color);
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 19px;
}

.payslip_modal__empname {
  word-break: break-word;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 16px;
}

.payslip_modal__body .invoicelines_modaldetails>.row {
  margin-bottom: 60px;
}

.payslip_modal__body .invoicelines_modaldetails>.row:last-child {
  margin-bottom: 0px;
}

.payslip_modal__body .f4newlistview_field {
  padding: 0px;
}

.payslip_modal__body .genericvoucher_singularfields_row>div {
  width: 50%;
  margin-bottom: 5px;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4InputField_parent>div,
.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker {
  display: flex;
  align-items: center;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4FormFieldLabel {
  margin: 0px;
  width: 40%;
  font-size: 12px;
}

.payslip_modal__body .genericvoucher_singularfields_row .formfield_label__optional>span:first-child {
  width: 100%;
}

.payslip_modal__body .genericvoucher_singularfields_row .formfield_label__optional>span:last-child {
  display: none;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4InputField {
  width: 60%;
  padding: 0 15px;
  border: 2px solid transparent;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker>.form-group {
  width: 60%;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .f4DatePicker-icn {
  display: none;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input {
  padding: 0 15px;
  border: 2px solid transparent;
}

.payslip_modal__body .react-datepicker-popper {
  left: unset !important;
  right: 85px;
}

.payslip_modal__body .react-datepicker {
  transform: scale(0.7);
}

.payslip_modal__body .react-datepicker-popper[data-placement^='bottom'] .react-datepicker {
  transform-origin: top;
}

.payslip_modal__body .react-datepicker-popper[data-placement^='top'] .react-datepicker {
  transform-origin: bottom;
}

.payslip_modal__body .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.payslip_modal__body .react-datepicker__year-read-view--down-arrow::before,
.payslip_modal__body .react-datepicker__month-read-view--down-arrow::before,
.payslip_modal__body .react-datepicker__month-year-read-view--down-arrow::before {
  border-top: none;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::placeholder {
  color: #c0c4d7;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::-moz-placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::-moz-placeholder {
  color: #c0c4d7;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::-webkit-input-placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::-webkit-input-placeholder {
  color: #c0c4d7;
}

.payslip_modal__body .f4newlistview_hdr {
  background: transparent;
  border: none;
  border-bottom: 4px solid var(--main-color);
  height: unset;
  min-height: 40px;
}

.payslip_modal__body .f4newlistview_hdr>div {
  font-size: 14px;
  color: var(--hdr-color);
  font-weight: 600;
  word-break: break-word;
  line-height: 18px;
}

.payslip_modal__body .f4newlistview_table {
  margin: 0px;
}

.payslip_modal__body .f4newlistview_add {
  display: flex;
  justify-content: flex-end;
}

.payslip_modal__body .f4newlistview_addbtn {
  border: 2px solid transparent;
  padding: 0px 5px;
}

.lvcol_fields__column {
  position: relative;
  width: 100%;
}

.emp_fields__column {
  width: 100%;
  position: relative;
}

.emp_listview--isview .f4newlistview_add {
  justify-content: flex-end;
  border-bottom: none;
}

.emp_fields__columnlabel {
  display: flex;
  align-items: center;
  /* padding: 10px 7px; */
  margin: 0 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  border: 1px solid transparent;
  min-height: 55px;
}

.emp_fields__columnlabel:hover {
  background: var(--main-bg-hover);
}

.emp_fields__columnlabel>img {
  height: 30px;
  width: 30px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 10px;
}

.emp_fields__columnlabel>div {
  width: calc(100% - 30px);
  padding-left: 10px;
  gap: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.emp_fields__columnlabel>div>div:first-child {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;

  line-height: 17px;
  word-break: break-word;
}

.emp_fields__columnlabel>div>div:nth-child(2) {
  word-break: break-word;
  color: var(--light-text-color);
  font-size: 11px;
  font-weight: 500;

  line-height: 13px;
}

.emp_fields__columnplaceholder {
  color: var(--placeholder-color) !important;
  font-size: 14px;
  font-weight: 500;
}

.lvcol_fields__columnerrors>div>div:last-child,
.lvcol_fields__columnerrors .emp_fields__columnplaceholder {
  color: #de0012;
}

.emp_fields__dropdown {
  position: absolute;
  top: 100%;
  transition: 0.3s;
  background: #fff;
  z-index: 99;
  border-radius: 10px;
  box-shadow: 0 2px 8px 6px rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.05),
    0 11px 20px 9px rgba(0, 0, 0, 0.05);
  border: 1.3px solid #e4eaed;
  padding: 15px 20px 20px 20px;
  min-width: 800px;
  max-width: 100%;
}

.emp_fields__dropdownclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.emp_fields__dropdown>.row:not(:last-child) {
  margin-bottom: 32px;
  display: flex;
  flex: 1;
  align-items: flex-end;
}

.emp_fields__dropdown .f4FormFieldLabel {
  display: unset;
  margin: 0 5px 5px;
}

.emp_fields__dropdown .formfield_label__optional {
  display: flex;
  margin: 0 5px 5px;
}

.emp_fields__dropdown .f4InputField {
  font-size: 14px;
  color: var(--hdr-color);
  font-weight: 500;
  box-shadow: none;
  /* height: 45px; */
  border-radius: 12px !important;
  background-color: var(--input-field-bg);
  border: 2px solid var(--input-field-border);
  padding: 0px 42px 0 15px;
}

.emp_fields__dropdown .f4InputField[disabled] {
  background-color: #f0f3f8;
}

.emp_fields__dropdown .field_info__btn {
  top: 32px;
}

.lv_fields__colhdr {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  width: 100%;
  z-index: 1;
}

.lv_fields__colhide {
  position: relative;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  transition: 0.5s;
}

.lv_fields__colhide:hover {
  /* background: var(--button-grey); */
  color: var(--clear-color);
}

.bene_with__qrbtn .bene_autosugg__field .f4InputField {
  padding-right: 40px;
}

.bene_autosugg__field .react-autosuggest__suggestion {
  border-bottom: 1px solid var(--border-color);
}

.bene_autosugg__field .react-autosuggest__suggestion:last-child {
  border-bottom: none;
}

.show_allbene__btn {
  width: 35px;
  height: 35px;
  min-width: auto;
  padding: 0px;
  position: relative;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--middle-section-bg);
  border-radius: 12px;
}

.bene_auto__suggest {
  position: relative;
}

.bene_with__qrbtn .bene_auto__suggestenroll {
  right: 40px;
}

.bene_auto__suggestenroll>img {
  height: 28px;
}

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

.bene_autosugg__item>img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.bene_autosugg__item>div {
  width: calc(100% - 40px);
  padding-left: 10px;
}

.bene_autosugg__item>div>div:first-child {
  font-size: 14px;
  font-weight: 600;
  word-break: break-word;
}

.bene_autosugg__item>div>div:nth-child(2) {
  font-size: 13px;
  color: var(--label-color);
  word-break: break-word;
}

.bene_autosugg__item>div>div:last-child {
  font-size: 13px;
  width: max-content;
  background: var(--light-main-color);
  color: var(--button-color);
  font-weight: 400;
  padding: 0 5px;
  border-radius: 5px;
  margin-top: 5px;
  word-break: break-word;
}

.bene_autosugg__field {
  position: relative;
}

.bene_autosugg__fieldimg {
  position: absolute;
  z-index: 1;
  top: 29px;
  left: 5px;
  pointer-events: none;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sf_bene__autosugg .bene_autosugg__fieldimg {
  height: 30px;
  width: 30px;
  top: 7px;
  left: 7px;
}

.bene_autosugg__fieldimg>img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.bene_autosugg__fieldimgalt>img {
  object-fit: contain;
  /* padding: 5px; */
  border-radius: 0px;
  height: 32px;
}

.bene_autosugg__fieldimgalt>.card_skin__nopath {
  height: 27px;
  width: 40px;
  padding: 0px;
  border-radius: 5px;
}

.bene_autosugg__fieldimgmt>img {
  object-fit: contain;
  width: unset;
  height: 28px;
}

.bene_auto__suggestenrollalt {
  position: absolute;
  top: 0px;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  font-weight: 700;
  right: 5px;
  font-size: 14px;
  color: var(--main-color);
}

.bene_auto__suggestenrollalt>i {
  margin-right: 7px;
  /* position: relative;
  top: -3px; */
}

.bene_with__qrbtn .bene_auto__suggestenroll {
  right: 40px;
}

.bene_with__qrbtn .bene_autosugg__field .f4InputField {
  padding-right: 40px;
}

.bene_autosugg__field .react-autosuggest__suggestion {
  border-bottom: 1px solid var(--border-color);
}

.bene_autosugg__field .react-autosuggest__suggestion:last-child {
  border-bottom: none;
}

.show_allbene__btn>img {
  height: 28px;
  position: relative;
  left: -1px;
}

.lvcol_fields__column {
  position: relative;
  width: 100%;
}

.lvcol_fields__columnlabel {
  display: flex;
  align-items: center;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  padding: 10px 2px;
  margin: 0 12px;
  min-height: 55px;
  border: 1px solid transparent;
}

.lvcol_fields__columnlabel:hover {
  background: var(--main-bg-hover);
}

.lvcol_fields__columnerrors {
  background: #ffeff0;
  color: #de0012;
}

.lvcol_fields__columnerrors:hover {
  background: #ffeff0;
}

.lvcol_fields__columnlabel>img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  object-fit: cover;
}

.lvcol_fields__columndtls {
  width: calc(100% - 30px);
  padding-left: 10px;
}

.lvcol_fields__columnlabelalt>.lvcol_fields__columndtls {
  width: 100%;
  padding: 0px;
}

.lvcol_fields__columndtls>div:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  line-height: 17px;
}

.lvcol_fields__columndtls>div:nth-child(2) {
  font-size: 13px;
  color: var(--label-color);
}

.lvcol_fields__columndtls>.lvcol_fields__columnplaceholder {
  color: var(--placeholder-color) !important;
  font-size: 14px !important;
}

.lvcol_fields__columnerrors .lvcol_fields__columndtls>div:nth-child(2),
.lvcol_fields__columnerrors .lvcol_fields__columndtls>.lvcol_fields__columnplaceholder {
  color: #de0012 !important;
}

.lvcol_fields__dropdown {
  position: absolute;
  top: 100%;
  transition: 0.3s;
  z-index: 9;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 #dadce4;
  border: 1px solid #ececec;
  padding: 25px 30px;
  min-width: 400px;
}

.lvcol_fields__dropdownclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.lvcol_fields__dropdown .f4InputField {
  height: 40px;
  border-radius: 20px !important;
  background-color: #fff;
  border: 2px solid var(--input-field-border);
}

.lvcol_fields__dropdown .f4InputField[disabled] {
  background-color: #f0f3f8;
}

.lvcol_fields__dropdown .Select-control {
  height: 45px;
  border-radius: 10px !important;
  background-color: var(--input-field-bg);
  border: 2px solid var(--input-field-border);
}

.lvcol_fields__dropdown .Select-clear-zone,
.lvcol_fields__dropdown .Select-arrow-zone,
.lvcol_fields__dropdown .Select-placeholder {
  opacity: 1;
  pointer-events: unset;
}

.lvcol_fields__dropdown .f4FormFieldLabel {
  display: block;
}

.lvcol_fields__dropdownhdr {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.lvcol_fields__dropdownbody>.row {
  margin-bottom: 20px;
}

.lvcol_fields__dropdownbody>.row:last-child {
  margin-bottom: 0px;
}

.lvcol_fields__view {
  width: 100%;
}

.lvcol_fields__view>div:first-child {
  margin-bottom: 2px;
  color: var(--sub-text-coloralt);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.lvcol_fields__view>div:last-child {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color);
  word-break: break-word;
}

.lvcol_fields__view_payroll>div:last-child {
  min-height: 22.5px;
}

/* Enr of Employee List view */

.sme_view__inputfield>div:first-child {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: var(--label-color);
}

.sme_view__inputfield>div:last-child {
  font-size: 17px;
  font-weight: 700;
  word-break: break-word;
  color: var(--value-color);
}

.lv_fields__hdr {
  color: var(--hdr-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.lv_fields__colhdrclose {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  z-index: 1;
}

/* ||Add Contact Icon */
.fixedDataTableRowLayout_rowWrapper:hover .add_contact__btn {
  display: flex;
}

.fixedDataTableRowLayout_rowWrapper .add_contact__btn {
  display: none;
}

.add_contact__btn {
  color: var(--main-color);
  transition: color 0.3s;
}

/* ||Employee Popup */
.employee_btn__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}

.employee_enroll__btn {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
  transition: 0.3s;
  display: flex;
  gap: 13px;
  align-items: center;
  height: 45px;
  border-radius: 10px;
  padding: 15px;
  white-space: nowrap;
  cursor: pointer;
}

.employee_enroll__btn:hover {
  background: var(--light-main-hover);
}

.employee_btn__actions span {
  width: 100%;
}

.employee_btn__actions span .bob_sec__btn {
  width: 100%;
  height: 45px;
}

.emp_fields__dropdown .field_info__btn {
  filter: brightness(0) saturate(100%) invert(15%) sepia(1%) saturate(0%) hue-rotate(335deg) brightness(92%) contrast(87%);
}

.employee_enroll__modal {
  width: 510px;
  max-width: 100%;
  height: fit-content;
  max-height: 100%;
}

.employee_upload__photo>img:first-child {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

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

.employee_enroll__fields {
  margin-top: 40px;
  margin-bottom: 40px;
}

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

.emp_addbook__btn {
  display: flex;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  gap: 7px;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 5px;
  border-radius: 8px;
  padding: 8px 10px;
  transition: 300ms;
}

.save_favorites_btn {
  display: flex;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  gap: 7px;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 5px;
  border-radius: 8px;
  padding: 8px 10px;
  transition: 300ms;
}

.save_bene__link>.actionchoice-btn:active {
  background-color: var(--light-hover-color);
}

/* .save_bene__link:hover{
  background-color: var(--light-hover-color);
position:relative;
} */
.emp_addbook__btn:hover {
  background-color: var(--light-hover-color);
}

.employee_addbook__email {
  /* border-radius: 6px;
  background-color: #f6f9f9;
  color: var(--hdr-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 7px; */
}

.biller_addbook__item.emp_addbook__item {
  min-height: 95px;
  align-items: flex-start;
}

.biller_addbook__item.emp_addbook__item_alt {
  min-height: 64px;
  align-items: center;
  flex-direction: row;
}

.biller_addbook__dtls.employee_addbook__dtls_alt {
  vertical-align: middle;
}

.employee_addbook__phone {
  font-weight: 500;
}

.employee_addbook__content>div:nth-child(2)>.biller_letter {
  margin-top: 0;
}

.pay_employees__dtllist {
  margin: -20px -10px;
}

.emp_listview--isview {
  margin: -20px;
}

.emp_listview--isview .emp_listview_expand {
  margin: -10px;
}

.pay_employees__dtllist .f4newlistview_panel,
.emp_listview--isview .f4newlistview_panel {
  border: none;
}

.accselector--centered {
  display: flex;
  justify-content: center;
}

.accselector--centered .newacctsel_hdr {
  display: none;
}

.accselector_view--centered {
  padding-block: 10px;
}

/* || Field Inst Tooltip  for User */
.select_wicon {
  position: relative;
  cursor: pointer;
}

.inst__bullet {
  height: 5px;
  width: 5px;
  min-width: 5px;
  background-color: #fb6657;
  border-radius: 50%;
  /* margin-right: 9px; */
  display: inline-block;
  margin: 3px 9px 3px 0;
}

.select_wicon img {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  padding: 4px;
}

.select_wicon .field__inst-inner {
  border-radius: 13px;
}

.fieldinst__tooltip {
  border-radius: 13px !important;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%), 0 5px 15px 0 rgb(0 0 0 / 20%) !important;
  background-color: #292929 !important;
  max-width: 400px;
}

.fieldinst__tooltip>span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.external-link-header {
  color: var(--main-color);
  padding-top: 10px;
  padding-left: 5px;
  font-size: 22px;
}

.external-link-warning {
  padding-top: 10px;
  text-align: left;
  font-weight: 400;
  font-size: 20px;
}

.inst__line {
  display: inline-block;
  /* display: flex; */
  font-weight: 500;
  /* align-items: flex-start; */
  font-size: 15px;
}

.fieldinst__tooltip .inst__line:first-child .inst__bullet {
  background-color: var(--main-color);
}

.fieldinst__tooltip .inst__line:nth-child(2) .inst__bullet {
  background-color: #fdc77f;
}

.fieldinst__tooltip .inst__line:nth-child(3) .inst__bullet {
  background-color: #3ec5c7;
}

.fieldinst__tooltip .inst__line:nth-child(4) .inst__bullet {
  background-color: #81abfd;
}

.fieldinst__tooltip .inst__line:nth-child(5) .inst__bullet {
  background-color: #fd81ab;
}

.fieldinst__tooltip .inst__line:nth-child(6) .inst__bullet {
  background-color: #81fdab;
}

.inst__bullet+span {
  font-weight: 700;
  white-space: nowrap;
  align-self: flex-start;
}

.fieldinst__tooltip .inst__line:not(:first-child) {
  margin-top: 3px;
}

/* || End of Field Inst Tooltip  for User */

/* Enrollment Terms and Conditions */
.bob_agree__tnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bobtnc_btn__link[disabled] {
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
}

.bobtnc_btn__linkinline {
  position: relative;
  border-radius: 5px;
  color: var(--main-color);
  font-weight: 600;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.pay_employees__dtllist .f4newlistview_rowbody:hover {
  background-color: #fff5f5;
}

.pay_employees__dtllist .f4newlistview_hdr>div {
  font-size: 12px;
  font-weight: 600;
  color: var(--light-text-color);
}

.contacts_dtls .myprofile_dtls__secdp {
  width: 80px !important;
  height: 80px !important;
}

.enrollment_account_checkbox {
  margin-top: -30px;
  margin-bottom: 15px;
  /* width: 100%; */
}

.enrollment_account_checkbox .small-check-container>label {
  line-height: 1.2;
  font-size: 15px;
}

.enrollment_account_checkbox_label {
  font-size: 16px;
  display: -ms-flexbox;
  align-items: center;
}

.viewField_txnType .bob_view__fieldvalue {
  width: calc(100% - 28px);
  word-break: break-word;
  padding-left: 5px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--sub-label-color);
}

.viewField_txnType_withValue .bob_view__fieldvalue {
  width: calc(100% - 28px);
  word-break: break-word;
  padding-left: 5px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--hdr-color);
}

.displaytemplate_action .actionchoice-btnicon:hover {
  background: transparent;
}

.f4newlistview_field .acct_selector__field .Select-input {
  position: absolute;
}

.merchant_selector__optitemsus {
  font-size: 11px;
  color: #737686;
  background: #e6e7f3;
  word-break: break-word;
  line-height: 16px;
  font-weight: 200;
  margin-top: 3px;
  width: max-content;
  padding: 0 5px;
  border-radius: 5px;
  margin-left: -5px;
}

.biller_addressbook__optitemsus {
  font-size: 11px !important;
  color: #737686;
  background: #e6e7f3;
  word-break: break-word;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 3px;
  width: max-content;
  padding: 0 5px;
  border-radius: 5px;
  margin-left: -5px;
  width: fit-content;
  background: #e1e6e6;
  color: #9d9d9d;
  width: calc(100% + 20px);
  margin: 9px -10px -12px;
  border-radius: 0;
  padding: 5px 10px;
}

.biller_addressbook__fave_optitemsus {
  font-size: 11px !important;
  color: #737686;
  background: #e6e7f3;
  word-break: break-word;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 3px;
  width: max-content;
  padding: 0 5px;
  border-radius: 5px;
  margin-left: -5px;
  width: fit-content;
  background: #e1e6e6;
  color: #9d9d9d;
  width: calc(100% + 20px);
  margin: 9px -10px -12px;
  border-radius: 0;
  padding: 5px 10px;
  display: inline-block;
}

.bob_compare__plansmodal .f4ModalBody {
  background: url('/fo/images/svg/CompareBG.svg');
  padding: 15px 0 0 0;
}

/*|| compare plans mobile */
/* .bob_compare__plansmodal .f4ModalBody {
  background: url('/fo/images/svg/CompareBG.svg');
  padding: 15px 0 0 0;
}
.bobcpsh > div:first-child {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
.bobcpsh > div:last-child {
  color: #575655;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.bobcbsp__mblbody,
.bobcbsp__mblhdr {
  display: grid;
  grid-template-columns: 150px 1fr 1fr 1fr;
}
.bobcbsp__mblhdr > div {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}
.bobcbsp__mblbody > div {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-rows: repeat(11, 1fr);
  background-color: #fff;
  padding-bottom: 40px;
}
.bobcpsh {
  margin-bottom: 29px;
  margin-top: 40px;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
}

.bobcbsp__mblbodydscp > div:first-child {
  border-top: 0.5px solid #f1f1f1;
}
.bobcbsp__mblbodydscp > div {
  min-height: 65px;
  color: var(--text-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;

  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
}
.bobcbsp__mblvalue > div {
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.bobcpsplamt > span:last-child {
  align-items: flex-end;
  margin-bottom: -1px;
  font-size: 12px;
  padding: 0;
  border: none !important;
  outline: 1px solid #f1f1f1;
}
.bobcpsplh > img {
  height: 35.54px;
  width: 25px;
}
.bobcpsplamt {
  font-weight: 700;
  margin-bottom: 0;
}
.bobcpspl {
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none;
}
.bobcpsplhbv {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  height: 15px;
  top: 0;
}
.bobcbsp__mblhdr > .bobcpspl:nth-child(2) {
  border-left: 1px solid #edf1f1;
}
.bobcpspl {
  border: none;
  border-top-width: 10px;
  border-top-style: solid;
  border-right: 1px solid #edf1f1;
}
.bobcbsp__mblbodydscp .bobcbsp_mbltotal {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  border-bottom: none;
}
.bobcpsplh {
  flex-direction: column;
  padding: 15px 3px;
}
.bobcpsplh > div:nth-child(2) {
  padding: 8px 0 0 0;
  font-size: 15px;
  font-weight: 700;
  width: 100%;
}
.bob_compare__plansmodal {
  width: 100%;
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(2) > div:last-child {
  background-color: #faf9ff;
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(3) > div:last-child {
  background-color: #f2f8f4;
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(4) > div:last-child {
  background-color: #fbf5f2;
} */

/*  compare plans mobile */
.ae_userinfo__addbtn {
  display: flex;
  justify-content: center;
}

.ae_userinfo__addbtn .bob_nb__btn {
  width: fit-content;
}

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

.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 11%, 80%);
  }

  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

.skeleton_text {
  width: 150px;
  height: 10px;
  border-radius: 0.25rem;
}

.login_sxi_logo>img {
  height: 40px;
  position: absolute;
  top: 20px;
  left: 13px;
}

.isEdit_crpgrp_srvcs {
  background: #ffe700;
}

/* WF REMARKS NEWLOOK */
.fo_wfremarks__ctr {
  margin-top: 15px;
}

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

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

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

.fo_wfremarks__hdr>div:nth-child(2) {
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
  line-height: 17px;
}

.fo_wfremarks__input {
  width: 50%;
}

.fo_wfremarks__input .f4FormFieldLabel {
  display: none;
}

.txn_trail__cardnmdt>span {
  position: relative;
  float: right;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--sub-label-color);
}

.f4newlistview_field__label_edited {
  background: #ffe700 !important;
  border-radius: 5px;
  padding: 0 10px;
  /* margin: 0 -10px; */
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 5px;
}

s .f4newlistview_field__label_edited>.labelListView {
  background: #ffe700 !important;
  border-radius: 5px;
  padding: 0 10px;
  /* margin: 0 -10px; */
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 5px;
}

.f4newlistview_field__label_edited_nopadding>.labelListView {
  background: #ffe700 !important;
  border-radius: 5px;
  padding: 0px 3px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0px 0px;
}

.view_checkbox_new__fieldedit {
  background: #ffe700 !important;
  width: fit-content;
  border-radius: 4px;
}

.reference_html__editor {
  margin-top: 10px;
}

/* START OF LOGIN BANNER */

.login_banner__popupoverlay,
.dash_banner__popupoverlay {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(111, 111, 111, 0.5);
}

.login_banner__popuppanelalt,
.dash_banner__popuppanelalt {
  width: 0;
  height: 0;
  pointer-events: none;
}

.login_banner__popuppanel .fo_acctslider__next,
.login_banner__popuppanel .fo_acctslider__prev {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 0px;
  font-size: 14px;
  top: 50%;
  transform: translate(0, -50%);
}

.login_banner__popuppanel .fo_acctslider__prev,
.dash_banner__popuppanel .fo_acctslider__prev {
  left: -60px;
}

.login_banner__popuppanel .fo_acctslider__next,
.dash_banner__popuppanel .fo_acctslider__prev {
  right: -60px;
}

.login_banner__popuppanel .slick-slider,
.dash_banner__popuppanel .slick-slider {
  position: relative;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
}

.login_banner__popuplist,
.dash_banner__popuplist {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}

.login_banner__popuplistlink.login_banner__popuplist,
.dash_banner__popuplistlink.dash_banner__popuplist {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.login_banner__popupclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  /* display: none; */
}

@media (max-width: 811px) {

  .login_banner__popup,
  .dash_banner__popup {
    width: unset;
  }

  .dash_banner__img,
  .login_banner__img {
    width: auto;
  }
}

/* END OF LOGIN BANNER */

/* START OF DASHBOARD BANNER */

.login_banner__popupmobile {
  width: 100%;
  height: 70px;
  right: 0px;
  bottom: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login_banner__popuplistlink .login_banner__popupmobile {
  height: 100%;
  margin: 0px;
}

.mbllogin_banner__popuppanel .slick-slider {
  width: 100%;
  padding: 0 30px;
}

.mbllogin_banner__popuppanel .login_banner__popup,
.mbllogin_banner__popuppanel .dash_banner__popup {
  height: 600px;
  width: 390px;
  border-radius: 23px;
  padding: 0;
}

.mbllogin_banner__popuppanel .slick-dots {
  position: relative;
}

.login_banner__popuppanel .fo_acctslider__next,
.login_banner__popuppanel .fo_acctslider__prev,
.dash_banner__popuppanel .fo_acctslider__prev,
.dash_banner__popuppanel .fo_acctslider__next {
  display: none !important;
}

/* END OF DASHBOARD BANNER */
/* || NEW CHECKBOXTREE */
.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background-color: unset;
  padding: 0 0 5px 0;
}

.cgs_cbtreenew__view .services_treecb__grproot>div>div>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.cgs_cbtreenew__view .services_treecb__itemmain {
  border-radius: 8px;
  /* padding: 15px; */
  background-color: #f4f8f7;
}

.cgs_cbtreenew__view .services_treecb__grp {
  margin-bottom: 0;
}

.cgs_cbtreenew__view .services_treecb__grproot {
  padding-left: 0;
}

.cgs_cbtreenew__view .services_treecb__grproot>div>div>.services_treecb__itemmain {
  padding: 15px 20px;
}

.cgs_cbtreenew__view .services_treecb__item .small-check-container {
  background: transparent;
  display: list-item;
  list-style-type: disc;
  color: #a7bbb6;
  width: unset;
}

.cgs_cbtreenew__view .services_treecb__grproot>div>div>.services_treecb__itemmain>.services_treecb__item .small-check-container {
  display: unset;
}

.cgs_cbtreenew__view .small-check-container>label {
  color: var(--text-color);
  word-break: break-all;
}

.fors_grcwf__note {
  margin: 20px 0px;
  display: inline-block;
  width: 100%;
  background: var(--main-plain-bg);
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
}

.bob_view__portlethdr .fors_grcwf__note {
  margin: 0px;
}

.fors_grcwf__note>div:nth-child(2) {
  color: var(--main-color);
  margin-top: 10px;
}

.fors_grcwf__notealt>div:nth-child(2) {
  margin-top: 0px;
}

.fors_grcwf__note>div:first-child>span {
  padding: 0 5px;
  text-transform: capitalize;
}

.fors_grcwf__note>div:first-child>span>img {
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.Select .accountselector_itemdtls__wplaceholder {
  display: none;
}

.Select.has-value.is-open .accountselector_itemdtls__wplaceholder {
  position: absolute;
  display: flex;
  z-index: 99;
  /* top: 10px; */
  /* left: 20px; */
  /* background:#212424; */
  background: url('../images/svg/Card BG.svg') no-repeat;
  /* background-position-y: -20px; */
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding-inline: 0px 2px;
  height: 100%;
  width: 200px;
  /* margin-top: 20px; */
}

.Select.has-value.is-open .accountselector_itemdtls__wplaceholder>span {
  margin-left: 20px;
  margin-top: 15px;
}

.ft_form_show_menu .doftw_item {
  font-size: 12.5px;
}

.save_merchant__opt {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0px;
}

.save_merchant__panel {
  margin: 0px;
}

.save_merchant__panel .save_bene__hdr {
  width: 100%;
}

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

.save_bene__panel {
  padding: 15px 20px 20px;
  position: relative;
  width: 100%;
  border: 1.3px solid var(--datatable-border-color);
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 6px rgb(0 0 0 / 1%), 0 4px 8px 0 rgb(0 0 0 / 5%),
    0 11px 20px 9px rgb(0 0 0 / 5%);
}

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

.save_bene__hdr {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.save_bene__hdrdtl {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.save_bene__subhdr {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.save_bene__hdr>div:nth-child(2) {
  margin-bottom: 30px;
}

.save_bene__btn {
  width: 130px;
}

.save_bene__btn .sme_save__btn {
  border-color: #fff;
  color: #fff !important;
  background: transparent;
}

.save_bene__btn .sme_save__btn:hover {
  background: var(--button-hover-color) !important;
}

save_merchant__input {
  margin-top: 20px;
}

.save_merchant__input .f4FormFieldLabel {
  display: none;
}

.save_merchant__input .f4InputField {
  /* background: #cde7d4;
  border: 2px solid #cde7d4; */
  /* background: #ffe7e5;
  border: 2px solid #ffe7e5; */
  color: var(--hdr-color);
  padding: 10px;
}

.save_bene__btn {
  width: 130px;
}

.save_bene__btn .f4Button {
  height: 40px;
}

.save_bene__btn .sme_save__btn {
  border-color: #fff;
  color: #fff !important;
  background: transparent;
}

.save_bene__btn .sme_save__btn:hover {
  background: var(--button-hover-color) !important;
}

.bob_ap__grpbody .f4datatable_optionButtons {
  margin-bottom: 0;
}

.bob_txnamount__field .view_amt__formatted>span:last-child {
  font-weight: 800;
}

#dash_settings__btnid {
  margin-top: 15px;
}

.savemerchant__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.savemerchant__btn>img {
  margin-right: 6px;
}

.no_announcements {
  padding-top: 90px;
  padding-bottom: 90px;
}

.no_announcements>div {
  font-size: 14px;
  margin-top: 15px;
}

.no_announcements>img {
  height: 125px;
  width: auto;
}

.bob_wf_instr__section .bob_instr__section {
  margin-bottom: 50px;
}

.ant-radio-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
}

.ant-radio-input:focus+.ant-radio-inner {
  -webkit-box-shadow: 0 0 0 3px rgba(251, 102, 87, 0.08);
  box-shadow: 0 0 0 3px rgba(251, 102, 87, 0.08);
}

.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}

.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

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

.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: var(--border-color) !important;
  cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}

.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}

.ant-radio-disabled+span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: var(--main-color);
  background: #fff;
  border-color: var(--main-color);
  -webkit-box-shadow: -1px 0 0 0 var(--main-color);
  box-shadow: -1px 0 0 0 var(--main-color);
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: var(--main-color) !important;
  opacity: 0.1;
}

.f4radio_btn_isApprove_deleted {
  margin-bottom: 10px;
}

@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
  }
}

@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

/* ANTD-V4 Radio */

.ant-radio-inner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #fff;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}

.ant-radio-input {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9;
}

.ant-radio-checked .ant-radio-inner:after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-radio-disabled+span {
  color: #00000040;
  cursor: not-allowed;
}

span.ant-radio+* {
  padding-right: 8px;
  padding-left: 8px;
}

.enrollment_account_checkbox .small-check-container {
  border: 1.3px solid var(--input-field-border);
  border-radius: 6px;
  background-color: #ffffff;
  width: 100%;
  padding: 10px 15px;
}

.enrollment_account_checkbox .small-check-box {
  border: 1.5px solid var(--light-text-color);
}

.enrollment_account_checkbox .f4checkboxnew_checked .small-check-box {
  border: 1.5px solid var(--main-color);
}

.faq_section__item .headerBackgroundCollapsible a,
.faq_section__item .headerBackgroundCollapsible a:hover,
.faq_section__item .headerBackgroundCollapsible a:visited {
  color: var(--text-color);
}

.th_inquiry__noacctplaceholder {
  text-align: center;
  padding: 70px 0px 30px;
  min-height: 260px;
}

.th_inquiry__noacctplaceholder>img {
  height: 80px;
}

.th_inquiry__noacctplaceholder>div:nth-child(2) {
  /* font-weight: 500; */
  font-size: 17px;
  margin-top: 15px;
}

.th_inquiry__noacctplaceholder>div:nth-child(3) {
  color: var(--label-color);
}

.th_inquiry__noacctplaceholder>div:nth-child(3)>span {
  cursor: pointer;
  font-weight: 600;
  color: var(--button-color);
}

.th_inquiry__noacctplaceholder>div:nth-child(3)>span:hover {
  color: var(--button-hover-color);
}

.th_inquiry__noaccthdr {
  font-size: 16px;
  font-weight: 700;
  color: var(--no-records-label);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.th_inquiry__noaccthdr>div:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* Custom forex */

.forex_ctr {
  border-radius: 10px;
  background-color: var(--input-field-bg);
  padding: 20px;
  height: 100%;
}

.forex_ctrright {
  background-color: #fff;
  padding: 20px;
  border-left: 1.5px solid #e4eaed;
}

.forex_ctrright .forex_input__grp{
  display: flex;
  gap: 10px;
  padding: 20px 0px;
}

.forex__blocks {
  display: flex;
  gap: 23px;
  justify-content: center;
  align-items: center;
}

.forex_input__grp {
  display: flex;
  gap: 10px;
}

.forex_input__grpright {
  display: flex;
  gap: 10px;
  padding: 20px 0px;
}


.forex_convert__button {
  height: 45px;
  width: 45px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--text-color);
}

.forex_convert__ctrright .forex_convert__button {
  margin: auto;
}

.forex_convert__button:hover,
.forex_convert__button:active {
  background-color: #4d4d4d;
  transition: 0.3s;
}

.forex_convert__button>i {
  color: #fff;
  font-size: 20px;
}

.forex_input__grp .f4InputField,
.forex_input__grp .Select-control {
  border-radius: 0 !important;
  border: none;
  font-size: 20px;
  border-bottom: 2px solid var(--input-field-border);
}

.forex_input__grp .f4InputField:hover,
.forex_input__grp .f4InputField:focus,
.forex_input__grp .Select-control:hover,
.forex_input__grp .is-focused .Select-control {
  border-inline: none !important;
  border-top: none !important;
}

.forex_input__grp .ssv_field__valuelbl>div {
  font-size: 20px;
}

.forex_rates__link,
.forex_rates__link:link {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.forex_rates__ctr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1.3px solid var(--border-color);
}

.forex_rates__ctrright {
  height: 100%;
  background-color: #fff;
  padding-left: 20px;
  border-left: 1.5px solid #e4eaed;
  margin-top: -30px;
}

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

.forex_rates__link:hover>img {
  filter: brightness(0) saturate(100%) invert(38%) sepia(82%) saturate(811%) hue-rotate(316deg) brightness(90%) contrast(86%);
}

.forex_rates__link:hover,
.forex_rates__link:visited,
.forex_rates__link:focus {
  color: #d75059;
}

.checkbox__input {
  margin-top: 32px;
}

.forex_rates__ctr+.row {
  padding-top: 20px;
}

.forex_input__grp > div:first-child {
  flex: 4;
}

.forex_input__grp > div:nth-child(2) {
  flex: 5;
}

.forex__blocks>div:nth-child(2) {
  height: 100%;
  display: flex;
  align-self: flex-end;
}

.bob_rates__iconwdscp>img {
  height: 19px;
}

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

.fx_modal {
  width: 1200px;
  max-width: 100%;
  height: fit-content;
  max-height: 100%;
}

.fx_buy {
  color: #1fd497;
}

.fx_sell {
  color: #ff5050;
}

.rates__container .f4newlistview_rowbody>div:not(:last-child) {
  border-right: 1.3px solid var(--border-color);
}

.rates__container .f4newlistview_hdr>div {
  font-size: 12px;
}

.rates__container {
  margin-inline: -25px;
  margin-top: -20px;
}

.rates__container .f4newlistview_hdr {
  border-radius: 0;
}

.rates__container .f4newlistview_panel {
  border-radius: 0;
}

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

.rates_header>div:first-child {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.23px;
  line-height: 1.2;
}

.rates_header>div:nth-child(2) {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.currencyconverter_view {
  border: 1.5px solid #e4eaed;
  border-radius: 10px;
  background-color: var(--input-field-bg);
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.currencyconverter_view .forex_rates__ctr {
  padding: 15px 0 0 0;
  border: none;
}

.currencyconverter_view .row>.bob_view__fieldvalue {
  font-size: 20px;
}

.currencyconverter_view .row>.bob_view__field:nth-child(2):after {
  content: none;
}

.currencyconverter_view .row>div:nth-child(1) .bob_view__fieldvalue,
.currencyconverter_view>.row>div:nth-child(4) .bob_view__fieldvalue {
  font-size: 28px;
  font-weight: 700;
}

.th_panel .containerBelowTable {
  /* margin-top: 0;*/
  margin-bottom: 0;
}

.workflow_ack__portlet .bob_view__portlettbl .bob_generic__portlethdr,
.workflow_con__portlet .bob_view__portlettbl .bob_generic__portlethdr {
  margin-bottom: -60px;
}

.generic_txnpromo__panel .charge__dtl {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 500;
}

.generic_txnpromo__panel .charge__dtl>div:first-child {
  color: #8e8583;
  font-size: 15px;
  font-weight: 400;
  flex: 1;
}

/* .generic_txnpromo__panel .charge__dtl .charge__dtl_amt > span {
  font-size: 8px !important;
  padding-top: 2px !important;
  margin-right: 4px !important;
} */
.generic_txnpromo__total>div:first-child {
  font-weight: 500;
}

.generic_txnpromo__panel .charge__dtl .charge__dtl_amt {
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /* padding: 0 20px; */
  width: 100%;
}

.userGroupPanels_accts_enroll .f4newlistview_table {
  margin: -20px;
  width: calc(100% + 40px);
}

.userGroupPanels_accts_enroll .bob_instr__sectionalt {
  margin-top: 35px;
}

.userGroupPanels_accts_enroll .f4newlistview_row:last-child {
  border-radius: 0;
  border-bottom: 1px solid var(--border-color);
}

.userGroupPanels_enroll .f4newlistview_row {
  border-radius: 0 0 10px 10px;
}

.compute_panel {
  padding: 15px 20px;
  height: unset;
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:first-child {
  background-color: #f5eee7;
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:not(:first-child) {
  background-color: #fffcf9;
}

.ewt_grid .f4newlistview_field__label {
  font-weight: 600;
}

.ewt_grid .f4newlistview_rowbody>div:not(:last-child) .f4newlistview_field {
  border-right: 1.3px solid var(--input-field-border);
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:first-child>div {
  font-weight: 700;
}

/* select group */
.select_grp {
  pointer-events: none;
}

/* Start of Check Deposit */

.check_deposit__imgctr {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.check_deposit__imgctr>div {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2px;
  text-align: center;
  margin-top: 10px;
}

.check_deposit__imgbank {
  display: flex;
}

.check_deposit__imgbank>div .check_deposit__banknm {
  padding-left: 25px;
}

/* End of Check Deposit */

.businessReqFO .bob_tmpright__panel {
  height: calc(100% - 80px) !important;
}

.ewt-view .f4newlistview_rowbody_gridlines>div {
  padding: unset;
}

.bob_view__portlettbl:has(.ewt-view) {
  overflow: hidden;
}

.cwt_templatetable__view {
  margin: -22px -20px;
}

.bob_ap__grphdr .bob_generic__nofieldlbl {
  height: 35px;
}

.bob_ap__grphdr .bob_generic__nofieldlbl .Select-control {
  height: 40px;
}

.abstract_input_listview_field {
  width: 100%;
}

.abstract_input_listview_field .field_info__btn {
  top: 9px;
}

.aca_transactional__listview {
  width: 100%;
}

.aca_transactional__listview .accountselector_placeholder {
  padding: 0;
  color: var(--placeholder-color);
  font-weight: 500;
  font-size: 14px;
}

.sms_otp__modal .newconfirm_modalmsg {
  margin-bottom: 0;
}

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

.txn_trail__remarks {
  display: flex;
  gap: 3px;
  flex-direction: column;
  margin-top: 25px;
}

.txn_trail__remarks>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 13px;
  font-weight: 500;
}

.txn_trail__remarks>span {
  color: var(--text-color);
  font-size: 12px;
}

.txn_trail__createddt {
  color: var(--sub-label-color);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.searchfilter_adv__fieldgrp .headerBackgroundCollapsible>a {
  color: var(--hdr-color);
}

.react-datepicker__input-container input[class='react-datepicker__input-container__advanced-filters'] {
  font-size: 13px;
  padding-left: 5px;
  padding-right: 5px;
}

.newlook_searchfilter__field .react-autosuggest__suggestion {
  padding: 0px !important;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.upload_paybills__modal .bob_instr__viewer {
  margin-top: 10px;
}

.newconfirm_modalmsg:has(.upload_paybills__modal) {
  margin-bottom: 5% !important;
}

.ae_left__logo>img {
  width: 100px;
}

.upload_paybills__modal .upload_error__viewhdr {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.upload_paybills__modal .upload_error__viewhdr>div:last-child {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.workflow_paneltemplate .bob_panel__templatemainrm .bob_tmpright__panel {
  height: calc(100% - 80px);
}

.bir_payment__amountdue {
  color: #e22;
}

.bir_payment__icon>img {
  margin-left: 10px;
}

.paybills_acct__view .biller_view__fielditemlabel {
  margin-left: 20px;
  margin-right: 20px;
}

.react-viewer-list {
  margin-left: 0 !important;
}

.contactmaintenance_code__modal {
  width: 500px;
  height: 300px;
}

.contactaddressbook_edit__modal {
  width: 1000px;
  height: 700px;
}

.newlook_column {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  padding: 0 15px;
  color: var(--text-color);
}

.memo_modal__body .f4newlistview_rowbody>div:last-child .f4newlistview_field {
  border-left: 1px solid var(--border-color);
}

.crdr_memo__modal .modal-header {
  padding: 25px 25px 25px 20px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0px 20px;
}

.crdr_memo__modal div.f4ModalHeader .close {
  font-size: 25px;
  font-weight: 300;
  border-left: 1px solid var(--border-color);
  padding-left: 15px;
  border-radius: 0px;
}

.crdr_memo__modal div.f4ModalHeader button:hover {
  background: transparent;
}

.def_bankrate {
  position: absolute;
  right: 1.5%;
}

.def_bankrate>span {
  font-size: 15px;
  color: var(--text-color);
  font-weight: 600;
}

.view_field_custom_design {
  margin: 5% 0% 5%;
}

.view_field_custom_design .bob_view__fieldlabel {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
}

.view_field_custom_design .bob_view__fieldvalue .view_amt__formattedwc>span {
  font-weight: 600;
}

.view_field_custom_design .bob_view__fieldvalue .view_amt__formattedwc .view_amt__formatted>span {
  font-size: 16px;
}

.view_field_custom_design_2 {
  padding-left: 0px;
}

.view_field_custom_design_2 .bob_view__fieldlabel {
  margin-bottom: 2px;
  color: var(--sub-text-coloralt);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.inputField_withContacts {
  position: absolute;
  top: 6.1%;
  right: 0.1%;
}

.inputField_withContacts .emp_fields__dropdown {
  margin-left: -600px;
}

.input_hideasterisk__field .f4FormFieldLabel_requiredast {
  display: none;
}

.single_multi__switch {
  position: absolute;
  top: 7px;
  right: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.benepayor_selector_plc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 7px;
}

.bob_view__panelchldrn .f4datatable_optionButtons {
  margin-bottom: 0px;
}

.soa_inquiry__modal .f4ModalHeader {
  padding-left: 25px;
  padding-right: 21px;
}

.searchfilter_adv__fieldgrp--body .F4DateandTimeBetweenEnhanced {
  margin-bottom: 20px;
}

.emp_addbook__btn .add_row__btn {
  padding-right: 5px;
}

.inquiry_expanded__container .paybills_acct__view .acct_view__fieldexp {
  max-width: none;
}

.inquiry_expanded__details .view_amt__formattedwc>span {
  font-weight: 900;
}

.newtxntype_panel .txn_sched__initfield {
  padding-left: 0px;
}

.sss_total__field .view_amt__formattedwc>span {
  font-weight: 900;
}

.accselector_view--centered .col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.asf4FormValidate_hasinstr .has-feedback .form-control {
  padding-right: 40px;
}

.ap_totalbal__cont {
  display: flex;
}

/* .ap_totalbal__cont > div:first-child {
  margin-right: 10px;
} */

.ap_totals__label {
  font-size: 12px;
  font-weight: 500;
  color: var(--sub-hdr-color);
}

.ap_totals__value {
  display: flex;
  justify-content: flex-end;
}

.ap_totals__value .view_amt__formatted {
  font-weight: 600;
}

.otherBelowCont {
  /* width: 1528px; */
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
}

.mobile_workflow__icon {
  position: absolute;
  position: absolute;
  bottom: -1px;
  right: -2px;
  z-index: 1;
  width: 14px !important;
  height: 14px !important;
}

.workflow_icon__container {
  position: relative;
}

.workflow_icon__container>img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.fieldlbl_hdr__custom {
  display: flex;
  align-items: center;
  height: 45px;
  font-size: 20px;
  font-weight: 600;
  color: var(--hdr-color);
}

.inner_custom__port {
  border: unset;
}

.inner_custom__portbtop {
  border: unset;
  border-top: 1px solid var(--border-color);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.voucher_actn__btn {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px;
}

.voucher_actn__btn .actionbtn_panel {
  opacity: 1;
  pointer-events: unset;
}

.contactaddresbook_panelopt .public_fixedDataTable_bodyRow {
  padding-top: 5px;
  background: transparent;
  align-items: right;
}

.contactaddresbook_panelopt>.public_fixedDataTable_bodyRow:hover {
  box-shadow: none;
  border: none;
  top: 2px;
  color: transparent;
}

.payemployees_addbook__dtls {
  display: flex;
  flex-direction: row;
  width: calc(100% - 50px);
}

.payemployees_addbook__dtls>.biller_addbook__dtls {
  justify-content: center;
}

.accountsweeping_item {
  background: #fff;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  font-size: 11pt;
  font-weight: 500;
  /* box-shadow: 0 3px 16px -5px #b6c4d2; */
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 14pt;
  color: var(--hdr-color);
}

.accountsweeping_item>div:first-child {
  /* width: calc(100% - 25px); */
  padding: 0px 10px;
  position: relative;
  top: 1px;
}

.accountsweeping_itemicon {
  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;
  height: 20px;
  width: 20px;
}

.accountsweeping_itemicon>img {
  height: 20px;
}

.accountsweeping_list {
  padding: 0 30px;
  height: calc(100% - 42px);
  overflow: hidden;
  width: calc(100% - 60%);
  position: absolute;
}

.accountsweeping_list:hover {
  overflow: auto;
}

.ae_sysad__checkbox {
  margin-top: 30px;
}

.ae_sysad__header {
  font-weight: 600;
  /* margin-top: -30px; */
}

.ae_sysad__subheader {
  font-size: 12px;
  position: absolute;
  font-weight: 500;
}

.ae_sysad__row {
  margin-top: -20px;
  margin-bottom: 20px;
}

.ae_sysad__col .small-check-container {
  margin-top: 23px;
  padding-left: 0;
}

#ae_Step4 .ae_contentsection>p {
  color: var(--subhdr-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
  word-break: break-word;
  margin-top: 10px;
  max-width: 1000px;
}

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

.radiobtn_portgroups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: 100%;
  column-gap: 10px;
  margin-bottom: 15px;
}

.radiobtn_portgroups>div {
  padding: 20px;
  position: relative;
  background: #fff;
  border-radius: 10px;
  border: 1px solid var(--border-color);
}

.radiobtn_portgroups>div:only-child>.radioParentClass {
  width: 35%;
}

.view_list__dtl .f4newlistview_panel {
  border-radius: unset;
  border: none;
  border-top: 1.3px solid var(--border-color);
}

.bob_instr__sectionalt {
  margin-top: 15px;
}

.sms_otp__inputfields .help-block {
  display: none;
}

.sweepdtl_add {
  align-items: center;
  display: flex;
  height: 60px;
  margin-right: 0;
  justify-content: space-between;
  width: 100%;
  padding: 5px 15px 0px;
}

.sweepdtl_add .f4newlistview_addbtn {
  font-weight: 600;
  padding: 10px;
}

.sweepdtl_deletebtn {
  background: transparent;
  border: none;
  font-weight: 500;
  color: var(--main-color);
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 45px;
  justify-content: end;
}

.sweepdtl_list__main {
  display: flex;
  align-items: center;
  word-break: break-word;
}

.sweepdtl_list__container {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background: #fff;
  border-bottom: 1px solid var(--border-color);
  padding: 20px;
}

.sweepdtl_list__inputs {
  width: 100%;
}

.sweepdtl_deletebtn>.f4newlistview_rowdeletebtn {
  background: url(../images/svg/Remove.svg) no-repeat;
  width: 30px;
  height: 30px;
}

.sweepdtl_list__inputs>.row {
  margin-bottom: 20px;
}

.sweepdtl_list__inputs>.row:last-child {
  margin-bottom: 0px;
}

.sweepdtl_acct__col {
  display: flex;
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  border: 1px solid transparent;
  min-height: 45px;
  width: 100%;
  padding: 0px 15px;
  background-color: var(--input-field-bg);
}

.sweepdtl_acct__colplaceholder {
  color: var(--placeholder-color) !important;
  font-size: 14px;
  font-weight: 500;
}

.sweepdtl_list__counter,
.sweepdtl__view-counter {
  width: 40px;
  font-weight: 500;
}

.outward_benecurrency {
  margin: 35px 0% 1%;
}

.acct_sweep__dtl-extrafield {
  margin-top: 15px;
}

.sweepdtl__view-dtls {
  width: 100%
}

.sweepdtl__view-dtls>.row:first-child {
  margin-bottom: 20px;
}

.sweep_dtl__view-main {
  display: flex;
  align-items: center;
  transition: 0.2s;
  background: #fff;
  padding: 15px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  margin-bottom: 15px;
}

.tx_acct__dd-value {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}

.acct_sweep_dtl-amountfield {
  display: unset;
  width: 100%;
}

.acct_sweeptype__viewcol {
  display: unset;
}

.txn_status__secitem .txn_status_secitem--status-label {
  margin-right: -20px;
}

.custom_acctsweep__port .bob_generic__portlethdr {
  border-bottom: unset;
}

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

/* Apply flex-end when there's only one child */
.sweep_dtl__extra-main > *:only-child {
  margin-left: auto;
}

/* Alternative using :has() if you need more modern browsers */
.sweep_dtl__extra-main:has(> :only-child) {
  justify-content: flex-end;
}


.sweep_dtl__extra--cont {
  background-color: var(--light-container-color);
  border-radius: 8px;
  height: 41px;
  display: flex;
  align-items: center;
  padding: 10px 0px;
}

.sweep_dtl__extra-value {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0px 15px;
}

.sweep_dtl__extra-value>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  margin-right: 5px;
  font-weight: 500;
}


.sweep_dtl__extra-value::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: var(--border-color);
}

.sweep_dtl__extra-value:last-child::after {
  display: none;
}

.acct_sweep_listview {
  margin-left: -15px;
  margin-right: -15px;
}

.acct_sweep_listview .f4newlistview_panel {
  border-radius: 0;
  border: unset;
  border-top: 1.3px solid var(--border-color);
}

.acct_sweep_listview .f4newlistview_hdr {
  border-radius: unset;
}

.is-consolidated {
  border: 2px solid var(--input-field-border);
  height: 50px;
  padding-top: 7px;
  padding-left: 4px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.accountMultipleSelect .f4MultipleSelect .Select-multi-value-wrapper label.addbtn {
  background: transparent;
  border-radius: 7px;
  padding: 0px 5px;
  margin: 0 -5px;
  min-height: 32px;
  font-weight: 600;
  color: var(--main-color) !important;
  position: relative;
  font-size: 15px;
  margin: 6px 0px 3px 12px;
  pointer-events: none;
}

.accountMultipleSelect .f4MultipleSelect .Select-multi-value-wrapper label.addbtn i.fas.fa-plus {
  margin-right: 15px;
  position: relative;
  font-weight: 500;
}

.Select--multi .Select-value {
  background-color: var(--light-main-color);
  border-radius: 6px;
  font-size: 14px;
  margin: 5px;
}

.Select--multi .Select-value.isSoa {
  word-break: break-word !important;
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  color: var(--mblsubhdr-color);
  border-radius: 0px !important;
  border-bottom: 1px solid var(--datatable-border-color);
  padding-bottom: 15px;
  margin: 10px 15px;
}

.Select--multi .Select-value-label.isSoa {
  padding: 0px;
}

.accountMultipleSelect .f4MultipleSelect .Select--multi .Select-value {
  border-radius: 1px;
  width: 100%
}

.accountMultipleSelect .multi-value-label>strong {
  color: black;
  font-size: 17px;
  font-weight: 600;
}

.accountMultipleSelect .multi-value-subLabel {
  display: block;
}

.accountMultipleSelect .fa-minus-circle {
  font-size: 24px;
  position: absolute;
  right: 0px;
  margin-top: 10px;
  margin-right: 24px;
}

.accountMultipleSelect .multi-select-close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
}

.total-soa-count {
  position: absolute;
  right: 0px;
  font-size: 12px;
}

.soa-account-list {
  position: absolute;
  font-size: 12px;
}

.soa-account-list .asterisk {
  color: red;
}

.is-consolidated-account-select .transactionalAccountSelector_multipleSelection .acct_selector__fieldcust .Select-input {
  padding-top: 0px;
  padding-left: 7px;
}

.is-consolidated-account-select .accountMultipleSelect .Select-menu-outer {
  top: 90%;
}

.checkbook_reorder_control_label {
  margin-left: 10px;
  margin-right: 15px;
}

.outward_payment_txn__sched .newtxntype_panel .txn_sched__initfield {
  padding-left: 10px;
}

.collapsed-active {
  display: none !important;
}

.collapsed-active-padding {
  padding-bottom: 0 !important;
}

.collapsed-active-margin {
  margin-bottom: 0 !important;
  border-bottom: none;
}

.generic-portlet-collapse-btn {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
}

.generic-portlet-collapse-btn .fal {
  font-size: 35px;
  cursor: pointer;
}

.ack-header-buttons {
  display: flex;
}

.ack-header-buttons:first-child {
  margin-right: 15px;
}

.ack-header-buttons .ack-header-btn {
  position: relative;
  border-radius: 8px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-weight: 600;
  padding: 5px 10px 5px;
  height: 40px;
  width: 150px;
}

.fors_download__btn>img,
.fors_print__btn>img {
  margin-right: 10px;
}


.fors_print__btn {
  background: #343749;
  border: 2px solid white;
  margin-right: 15px;
  color: white;
}

.fors_print__btn>img {
  filter: brightness(100);
}

.fors_print__btn:hover {
  background: #50546d;
}

.fors_download__btn {
  background: white;
  color: #343749;
}

.fors_download__btn:hover {
  background: #cfcfcf;
}


.input-view,
.input-view-2 {
  pointer-events: none;
}

.input-view .f4InputField,
.input-view-2 .f4InputField {
  border: none;
  padding-left: 0px;
  background-color: transparent !important;
}

.input-view .f4FormFieldLabel,
.input-view-2 .f4FormFieldLabel:last-child {
  opacity: 0;
}

.addchecks-btn {
  margin-top: 10px;
  color: var(--primary-btn-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  width: fit-content;
}

.addchecks-btn:hover {
  color: var(--primary-btn-hover);
  cursor: pointer;
}

/* .enrolled_inputs_fields .form-group {
  margin-left: 9px;
} */

.enrolled_inputs_fields .enrolled_single_fields .asf4FormValidate {
  margin-left: 9px;
}

.small-check-container:has(.bob_agree__tnc) {
  width: inherit;
}

.small-check-lbl:has(.bob_agree__tnc) {
  width: 95%;
}

.bobtnc_btn_label {
  position: relative;
  border-radius: 5px;
  padding: 0 5px;
  color: var(--main-color);
  font-weight: 600;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.bobtnc_btn_label2 {
  margin-left: -5px;
}

.libt_tc_create_view_page {
  margin-top: 15px;
}

.enrolled_pill {
  display: inline-flex;
  margin-right: 10px;
}

.bene_account_number_note {
  font-size: 10px;
}

.good_dscp {
  margin-top: 10px;
  display: flex;
}

.libt_note {
  margin-top: -25px;
  margin-bottom: -20px;
}

.libt_note .bob_instr__subhdr {
  padding: 5px 5px 2px 0px;
  font-size: 14px;
  font-weight: 600;
}

.libt_note .svg-Info_Filled-dims {
  margin-bottom: 30px;
}


.bob_instr__subhdrp {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.libt_note .bob_instr__subhdrp {
  margin-top: -4px;
  padding: 0px 5px 5px 0px;
}

.import_loc_shipment_field {
  position: relative;
}

.import_loc_shipment_field .import_loc_shipdest_icon {
  position: relative;
  z-index: 1;
  margin-left: 8px;
}

.import_loc_shipment_field .import_loc_shipdest_icon>img {
  position: absolute;
  margin-left: 3px;
  margin-top: 40px;
}

.import_loc_shipment_field .import_loc_shipdest_icon .shipdest_mainicon {
  background: var(--light-main-color);
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  margin-top: 37.5px;
  margin-left: 8px;
}

.import_loc_shipment_field .f4InputField {
  padding-left: 68px !important;
}

.bob_generic__portletchildren .import_loc_shipping_field {
  margin-top: 15px !important;
  border-bottom: 2px solid var(--border-color);
  margin-bottom: 15px;
  padding-left: 5px;
  max-width: 100%;
}

.acct_sweep__totals-ctr {
  height: 90px;
  background-color: #FAFCFC;
  border-radius: 10px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.acct_sweep_total {
  display: flex;
  gap: 8px;
  position: relative;
  width: 100%;
  padding: 0px 20px;
}

.acct_sweep_total::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: var(--border-color);
}

.acct_sweep_total:last-child::after {
  display: none;
}

.acct_sweep_total img {
  height: 25px;
  width: 25px;
}

.acct_sweep_total__amt>div:first-child {
  color: #435778;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}


.acct_sweep_total__amt .view_amt__formattedwc {
  font-weight: 600;
}

.purpose_view {
  margin: 6px;
}

.purpose_field_enrolled {
  margin-right: 10px;
}

.purpose_field_enrolled .has-feedback {
  margin-top: 20px;
}

.libt_view_grp {
  margin-left: 10px;
}

.fo_purpose_dtl_mrgn {
  margin: 20px 10.5px 0px 10.5px;
}

.fo_purpose_dtl_mrgn2 {
  margin-top: 20px;
}

.fo_purpcd__field_mrgn {
  margin-right: 10.5px;
  margin-left: 10.5px;
}

.custom_bp_payor_port {
  padding: 20px;
  margin-bottom: 30px;
}

.custom_bp_payor_details_port {
  margin-left: -20px;
  margin-right: -20px;
}

.monthyear_picker__dropdown {
  transform: translateY(-320px);
}

.libt_address1 {
  margin-top: -25px;
}

.acct_selector__fieldwithval {
  caret-color: transparent;
}

.custom-viewfield_libt_foreign {
  background-color: #fff7e6;
  padding: 10px;
  border-left: 5px solid #ffcc80;
  color: #333;
  font-size: 16px;
  display: flex;
  margin-top: 20px;
}

.custom_bp_payor_port {
  padding: 20px;
}

.custom_bp_payor_port>.row {
  margin-bottom: 20px;
}

.merch_selector__value-plc {
  color: var(--hdr-color);
  background: #fff;
  border-radius: 9px;
  width: 100%;
  position: absolute;
  display: flex;
  z-index: 99;
  top: 0;
  left: 0;
  font-size: 15px;
  font-weight: 600;
  padding-inline: 0 2px;
  height: 100%;
}

.merch_selector__value-plc>span {
  margin-left: 20px;
  margin-top: 15px;
}

.viewfield-optional {
  margin-left: -5px;
  margin-top: 2px;
}

.settlement_acc_tooltip__ap {
  margin-top: 14px !important;
}

#settlement_acc_tooltip {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 0.5px solid #DFDFDF !important;
  border-radius: 5px !important;
  box-shadow: 0 5px 16px 10px rgba(0, 0, 0, 0.02), 0 3px 15px 3px rgba(0, 0, 0, 0.05) !important;
  max-width: 200 !important;
  height: 55px !important;
  opacity: 1 !important;
}

.settlement_acc_tooltip_msg {
  color: #92959A !important;
  font-family: 'Poppins' !important;
  font-size: 12px !important;
  line-height: 14px !important;
  width: 250px !important;
  text-align: left !important;
}

.acct_sweep_total__amt .view_amt__formattedwc>span {
  font-size: 15px !important;
  padding-top: 1px;
}

.acct_sweep_total__amt-exp>div:last-child {
  font-weight: 700 !important;
}

.tranhisttable__no_records_msg {
  font-family: 'Poppins';
  font-size: 15px;
  color: #BFC1CB;
  font-weight: 500;
  line-height: 14px;
}

.checkmaintenances_initial__panel {
  padding-top: 16px;
  padding-left: 6px;
  padding-right: 6px;
  width: fit-content;
  min-height: 60px;
  display: flex;
}

.f4tabs__checkmaintenance {
  background-color: var(--txn-right-bg);
  border-radius: 10px;
  padding: 3px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper {
  height: 40px;
  padding: 4px 15px 0px 15px;
  background: var(--txn-right-bg);
  font-weight: 500;
  border: 0px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: transparent !important;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:hover {
  color: black;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: var(--light-bg);
  font-weight: 700;
  border-color: #d9d9d9;
  color: black;
  -webkit-box-shadow: 0px 2px 10px #e0e0e0 !important;
  box-shadow: 0px 2px 10px #e0e0e0 !important;
  border-radius: 10px;

}

.f4singleselect__checkmaintenance {
  position: absolute;
  right: 20px;
  width: 290px;
}

.f4singleselect__checkmaintenance__rightpanel {
  right: 340px;
}

.f4singleselect__checkmaintenance__rightviewpanel {
  right: 390px;
}

.checkmaintenances_initial__panel .f4FormFieldLabel {
  display: none;
}

.single-value-labelField {
  color: var(--sub-label-color);
  margin-right: 6px;
}

.libt_benecurrency {
  margin-top: 35px;
}

.loans_th_btn:hover {
  background: unset;
}

.login_instr__links__mobile {
  position: fixed;
  bottom: 20px;
  z-index: 2000;
}

.login_lockacct__modalmobile .f4ModalBody {
  padding-bottom: 135px;
}

.login_security__menumodal__footer_lockacct .f4ModalFooter {
  position: relative;
  bottom: 150px;
  width: 100%;
  z-index: 2000;
}

.login_security__menumodal__footer_suspend .f4ModalFooter {
  position: relative;
  bottom: 160px;
  width: 100%;
  z-index: 2000;
}


/* || FRT Newlook CUstom Styles */

.checkmaintenances_initial__panel {
  padding-top: 16px;
  padding-left: 6px;
  padding-right: 6px;
  width: fit-content;
  min-height: 60px;
  display: flex;
}

 .f4tabs__checkmaintenance {
  background-color: var(--txn-right-bg);
  border-radius: 10px;
  padding: 3px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper {
  height: 40px;
  padding: 4px 15px 0px 15px;
  background: var(--txn-right-bg);
  font-weight: 500;
  border: 0px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: transparent !important;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:hover {
  color: black;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: var(--light-bg);
  font-weight: 700;
  border-color: #d9d9d9;
  color: black;
  -webkit-box-shadow: 0px 2px 10px #e0e0e0 !important;
  box-shadow: 0px 2px 10px #e0e0e0 !important;
  border-radius: 10px;

}

/* TXN MATRIX MODAL - ENROLLMENT */

.txnmatrix__modal .enroll_grping__heading--modal {
  position: relative;
}

.txnmatrix__modal .enroll_grping__heading--modal .f4newlistview_add--alt .add_row__btn--matrix {
  top: -10px;
  right: 0;
}

.txnmatrix__modal {
  background-color: #ffffff;
  max-width: 100%;
  border: 0.8px solid var(--light-border-color);
}

.txnmatrix__modal .enroll_grping__heading--modal .enroll_grping__hdr {
  font-weight: 700;
}

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

.txnmatrix__title {
  color: var(--hdr-color);
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
}

.txnmatrix__modal .f4ModalBody {
  padding: 0 60px 20px;
  height: calc(100%);
  padding-bottom: 150px;
}

.txnmatrix__modal .checkboxTreeSearchBtn {
  top: -85px;
  background: transparent !important;
  color: var(--hdr-color) !important;
  border: none !important;
  box-shadow: none !important;
  position: absolute;
  right: 0px;
  left: unset !important;
  width: fit-content;
  padding: 5px 7px;
  cursor: pointer;
}

.txnmatrix__modal .checkboxTreeSearchBtn>i {
  font-weight: 500;
  font-size: 20px;
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox{
  width: 14px;
  height: 14px;
  /* background-color: #ffffff; */
  border: 1.5px solid var(--placeholder-color);
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox-checked {
  background: var(--main-color);
  border-color: var(--main-color);
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox-indeterminate {
  background: var(--main-color);
  border-color: var(--main-color);
}

.txnmatrix__modal .rc-tree-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.txnmatrix__modal .f4ModalFooter {
  /* margin-top: 75px; */
  z-index: 31;
  height: 80px;
  border-top: 1px solid var(--light-border-color);
  padding: 20px;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.txnmatrix__modal .f4ModalFooter>.f4ButtonGroup {
  justify-content: space-between;
  margin: 0 !important;
}

.txnmatrix__modal .f4ButtonGroup>div:first-child,
.txnmatrix__modal .f4ButtonGroup>div:first-child>span {
  width: 100%;
  margin: 0 !important;
}

/* END TXN MATRIX MODAL - ENROLLMENT */

.frt_portlet {
  border: 1.5px solid #eeeeee;
  border-radius: 13px;
  background-color: #ffffff;
  margin-bottom: 95px;
  padding-bottom: 10px;
}

.frt_portlet__view {
  margin-bottom: 30px;
}

.frt_portlet__hdr {
  display: flex;
  flex-direction: column;
  padding: 17px 20px 15px;
}

.frt_portlet__hdr>div:first-child {
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
}

.frt_replace__value {
  color: var(--text-color);
  font-weight: 700;
}

.f4newlistview_field__label_edited {
  background: #ffe700 !important;
  border-radius: 5px;
  padding: 0 10px;
  /* margin: 0 -10px; */
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 5px;
}

.f4newlistview_field__label_edited_nopadding>.labelListView {
  background: #ffe700 !important;
  border-radius: 5px;
  padding: 0px 3px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0px 0px;
}

.frt_replace__subhdr {
  color: #808791;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  display: flex;
  gap: 15px;
  align-items: center;
}

.frt_replace__subhdrview {
  gap: 5px;
  margin-top: 8px;
}

.frt_replace__subhdr .f4FormFieldLabel {
  display: none;
}

.repft_row__black {
  background-color: #2f3036;
  padding: 12.5px 20px;
  width: 100%;
  gap: 15px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  align-items: center;
}

.repft_row__black.repft_row__blackview {
  gap: 10px;
}

.repft_listview .f4newlistview_table {
  border-radius: 0;
}

.repft_row__black>div+div {
  margin-left: -5px;
}

.repft_listview__item {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.repft_counter {
  border-radius: 12px;
  background-color: #46474d;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding: 6.5px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.repft_listview {
  position: relative;
}

.repft_row__black .f4InputField,
.repft_row__black .Select-control {
  border: 1.5px solid #e6eae9;
  border-radius: 8px !important;
  background-color: var(--input-field-bg);
}

.repft_listview_in_listview {
  width: 100%;
}

.repft_listview_in_listview .f4newlistview_add,
.repchar_listview .f4newlistview_add,
.combinedfields_listview .f4newlistview_add {
  margin-left: 20px;
  margin-block: 13px;
  padding: 0;
}

.combinedfields_listview__view {
  overflow: hidden;
}

.combinedfields_listview__view .f4newlistview_table {
  width: calc(100%);
  margin-left: 0px;
}

.repft_listview>.f4newlistview_panel>div>.f4newlistview_add .f4newlistview_addbtn {
  border: 1.5px solid var(--main-color);
  border-radius: 8px;
  background-color: #f9f9f8;
  position: absolute;
  padding: 13px;
  bottom: -80px;
  font-weight: 600;
}

.repft_listview>.f4newlistview_panel>div>.f4newlistview_add {
  padding: 0;
}

.repft_listview>.f4newlistview_panel>div>.f4newlistview_table {
  outline: 0;
}

.repft__border {
  width: 100%;
  height: 1px;
  background-color: #eeeeee;
  margin-bottom: 30px;
}

.repft_listview .f4newlistview_tbody .f4newlistview_row:not(:last-child) .f4newlistview_row__hasshowmore>div {
  border-bottom: none;
}

.repft_listview .f4newlistview_table {
  border-radius: 0;
}

.repchar_listview .f4newlistview_table {
  border-radius: 0;
}

.repchar_listview__view .f4newlistview_table {
  border-radius: 0 0 13px 13px;
}

.combinedfields_listview {
  border: 1.5px solid #eeeeee;
  border-radius: 13px;
  background-color: #ffffff;
}

.combinedfields_listview .f4newlistview_table {
  border-radius: 13px 13px 0 0;
}


.enroll_grping__heading>i {
  color: var(--main-color);
}

.enroll_grping__heading {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 22px;
}

.enroll_grping__hdr {
  color: var(--hdr-color);
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  margin: 0;
  min-width: fit-content;
}

.enroll_grping__heading::after {
  border-bottom: 1px solid #e5e5e5;
  content: '';
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}

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

.enroll_grping__heading--modal .enroll_grping__hdr {
  font-weight: 800 !important;
}

.enroll_grping__heading--modal::after {
  border: none;
  width: unset;
  display: unset;
  content: unset;
}

.enroll_portlet__listview .enroll_portlet__children {
  width: calc(100% + 42px);
  margin-left: -21px;
  margin-bottom: -21px;
}

.enroll_portlet__listview>.enroll_portlet__hdr {
  margin-bottom: 0;
}

.enroll_portlet .enroll_portlet__children .enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 8px 8px;
}

.enroll_portlet__listview .f4newlistview_hdr {
  border-radius: 0;
}

.enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 13px 13px;
}

.enroll_portlet .enroll_portlet__children .enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 8px 8px;
}

.enroll_portlet__listview .f4newlistview_hdr {
  border-radius: 0;
}

.enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 13px 13px;
}


.enroll_portlet .enroll_portlet__children .enroll_portlet {
  border-radius: 8px;
}

.enroll_portlet {
  padding: 20px;
  border: 1.5px solid var(--portlet-border-color);
  border-radius: 13px;
  background-color: #ffffff;
  position: relative;
}

.enroll_portlet__children .row {
  margin-right: -7.5px;
  margin-left: -7.5px;
}

.enroll_portlet__children .row:not(:last-child) {
  margin-bottom: 25px;
}

.enroll_portlet__children--view .row:not(:last-child) {
  margin-bottom: 30px;
}

.enroll_portlet+.enroll_portlet {
  margin-top: 15px;
}

.enroll_portlet__hdr {
  font-size: 19px;
  font-weight: bold;
  line-height: 23px;
  padding: 0 20px 15px;
  border-bottom: 1.5px solid var(--portlet-border-color);
  margin: -3px -20px 20px;
  display: flex;
  gap: 30px;
  max-height: 39px;
  align-items: center;
}

.enroll_portlet__hdr--search {
  padding: 0 20px 23px;
  max-height: unset;
}

.enroll_portlet .row>div {
  padding: 0 7.5px;
  position: unset;
}

.twocol_grid__portlet {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, 1fr));
  gap: 12px;
  margin-top: 15px;
}

.twocol_grid__portlet .enroll_portlet+.enroll_portlet {
  margin-top: 0;
}

.bo_enrollment__mdlbtns span>button {
  width: 116px;
}

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

.enrollment_next__btn.f4Button:hover,
.enrollment_next__btn.f4Button:active,
.enrollment_next__btn.f4Button:focus {
  background-color: var(--main-hover-color) !important;
}

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

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

.bo_enrollment__mdlbtns>div:last-child {
  display: flex;
}

.bo_enrollment__mdlbtns>div:last-child>span:first-child {
  margin-right: 10px;
}

.frtTabs .listViewConfigureTm {
  background: transparent;
  color: var(--text-color);
  font-size: 21px;
  margin: auto;
}

.frtTabs .ant-tabs {
  overflow: visible;
}

.frtTabs .f4newlistview_table {
  width: calc(99.5% + 46px);
  margin-left: -20px;
  border-radius: 0;
}

.frtTabs .ant-tabs-bar {
  margin: 0;
  margin-top: -20px;
}

.frtTabs .ant-tabs-ink-bar {
  height: 3px;
}

.frtTabs .ant-tabs-nav .ant-tabs-tab {
  font-size: 17px;
  padding-inline: 0;
  color: #808791;
}

.frtTabs .ant-tabs-nav .ant-tabs-tab-active {
  color: var(--main-color);
}

.txnmatrix_showmore {
  /* background-color: #e6eaef; */
  padding: 15px 20px;
  display: flex;
  gap: 15px;
  background-color: #fbfbfb;
}

.frt_showmore {
  background-color: #e6eaef;
  background-color: #fbfbfb;
  padding: 10px;
}

.frt_showmore .showmore_padding {
  padding: 15px 20px !important;
}

.frt_showmore .showmore_padding_left {
  padding: 0 !important;
}

.frt_showmore .showmore_padding_right {
  padding: 0 !important;
}

.checkbox__field {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 27px;
}

.txnmatrix__modal .enrollment_style .checkbox__field {
  margin-top: 7px !important;
}

.checkbox__field .small-check-container {
  padding: 5px 5px !important;
}

.checkbox__field .small-check-box {
  margin: 0px 7px 0px 0px !important; 
}
.f4newlistview_row__hasshowmore .f4newlistview_addtl__fieldsalt {
  padding: 10px 13px;
}

.fors_view__portletwaction {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* margin-bottom: -10px; */
}

.fors_view__actionbtn {
  max-height: 22px;
}

.fors_view__actionbtn .actionbtn_panel {
  opacity: 1;
  pointer-events: unset;
  margin-top: -10px;
}

.fors_view__actionbtn .actionchoice-btnicon {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 0;
  margin-right: 10px;
  margin-top: 5px;
}

/* || END OF FRT Newlook CUstom Styles */


.libt_tc_create_view_page__main {
  /* margin-top: 200px;
  position: fixed;
  bottom: 17%;
  left: 135px;
  right: 20px; */
}

.fx_ccy_rates__iconwdscp>img {
  width: 20px;
}

.fx_ccy_rates__iconwdscp {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}

.fxview_convert__btn {
  margin: auto;
}

.currencyconverter_view__amt {
  padding-top: 10px;
}

.fxview_rates__convert {
  margin-left: 20px;
}

.emp_addbook__btn > .svg-Forex {
  filter: brightness(0);
}

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

.fxrate__view_field > div:not(:first-child) {
  margin-top: 2.5px;
}

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

.fxrate__view_field > div:last-child {
  font-weight: 700;
  padding-left: 3px;
}

.forex_ctr__header {
  color: var(--hdr-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.allorspecific_gear {
  margin-bottom: 2px;
  padding: 0px;
  width: 25px;
}