@charset "UTF-8";
.header-template, .dvLoanInfo label, .dvAcctInfo label {
  margin-right: 1em;
  color: blue;
}

.w-20 {
  width: 20%;
}

h3 {
  font-size: 1rem;
}

.text-Right {
  text-align: right;
}

.modal-backdrop.show {
  z-index: -100000000000000000000000000;
  display: none;
}

.loader {
  display: block;
  position: relative;
  height: 20px;
  width: 140px;
  background-image: linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 0 0, 40px 0, 80px 0, 120px 0;
  animation: pgfill 1s linear infinite;
}

@keyframes pgfill {
  0% {
    background-image: linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0);
  }
  25% {
    background-image: linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0);
  }
  50% {
    background-image: linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0);
  }
  75% {
    background-image: linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0);
  }
  100% {
    background-image: linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#0C2BA6 20px, transparent 0), linear-gradient(#0C2BA6 20px, transparent 0);
  }
}
textarea {
  resize: none;
}

.hovers:hover, .tableAccountHistory tbody tr:hover, .tableAccountHistoryx1 tbody tr:hover {
  background-color: #aebfd0 !important;
}

.tbody-Format tr:nth-child(2n) {
  background-color: #f2f2f2;
}

.float-Right {
  float: right;
}

.float-Left {
  float: left;
}

@font-face {
  font-family: MenckenSTD;
  src: url("MenckenFont/MenckenStd-Regular.woff");
  font-weight: bolder;
}
html {
  font-size: 14px;
}

html {
  position: relative;
  min-height: 100%;
}

.container-smol {
  height: 65vh;
  margin-top: 1em;
}

#btnShowCurrPass {
  top: 2.5em !important;
}

.italicFont {
  font-style: italic;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn-link {
  color: blue;
}

body {
  margin-bottom: 30px;
}

form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::-moz-placeholder, .form-floating > .form-control:focus::-moz-placeholder {
  text-align: start;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/*NAV and ULs*/
ul {
  list-style-type: disc;
}

.ulSettings {
  padding: 0px;
  margin: 0px;
  width: unset;
  list-style-type: none;
  cursor: pointer;
}

.ulBanner {
  width: 100%;
  padding: 0.5vh 11vw;
  margin-bottom: 0px;
}

.nav-link, .btnPages {
  cursor: default;
}

#navBarSettings a.active, #navBarSettings a.nav-item:hover, #navBarSettings a.nav-item:active {
  color: #012c6d !important;
}

#navBarSettings {
  height: 40px;
  display: inline-block;
}

.nav {
  background: #007aff;
  color: white;
  position: relative;
  width: 70vw;
  height: 5vh;
  margin: unset;
  margin-top: 2em;
}

.nav-stacked > li {
  width: 20%;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  font-weight: bold;
}

.navbar {
  background: #007aff;
  color: white;
}

.navReg {
  height: 5vh;
  flex-direction: column;
  text-align: center;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  line-height: 5vh;
}

.nav-item {
  display: inline-block;
  width: 18.5vw;
  text-align: center;
}

.active, .nav-item:hover, .nav-item:active {
  background-color: #f7ec22;
  color: #012c6d;
  border-radius: 2em;
}

.dropdown-toggle::after {
  display: none;
}

#chkTerm {
  display: inline-block;
}

.validPass {
  color: #00B300;
}

.validPass:before, .invalidPass:before {
  position: relative;
  left: -8px;
  content: "✔";
}

.invalidPass {
  color: #CECECE;
}

.text-danger {
  display: block;
  height: 0.5em;
}

.container-moi {
  display: flex;
  width: 70%;
  background-color: #fff;
  border-radius: 5vh;
  margin: auto;
  flex-flow: row wrap;
  height: 65vh;
  margin-top: 1em;
}

.container-moiSmall {
  display: flex;
  width: 40%;
  border-radius: 5vh;
  margin: 0 auto;
  flex-flow: row wrap;
  background-color: #fff;
  padding: 1em 0px 2em 0px !important;
}

.bgcolor {
  background-color: #0C2BA6;
}

.paged-item, .paged-itemR {
  margin: 1em 3em;
  overflow: auto;
  height: calc(50vh - 1in);
  background-color: #ebebeb;
}

.paged-itemR {
  height: 17em;
}

.no-margins {
  margin: 0px;
}

.no-top-margin {
  margin: 0px 3em;
}

.registerButtons {
  width: 100%;
  text-align: center;
  margin: 0vh 3vw 0px 0px;
  text-align: right;
  height: 3rem;
}

.contentRegTermsCons {
  margin-top: 1vh;
  width: 100%;
}

#dvMemInfo, #dvConfirmation, #dvOTPPage {
  margin: 0px 25%;
}

#dvAcctInfo {
  margin-top: 1em;
  height: 10em;
}

#lblClickHere {
  cursor: pointer;
}

.dvAcctInfo {
  display: flex;
  align-items: center;
  width: 30%;
  text-align: right;
}

.dvAcctInfo label {
  width: 30%;
  text-align: right;
}

.dvAcctInfo input {
  text-align: left;
  margin: 0px;
}

.firstAcct {
  width: 35% !important;
  display: inline-block;
  margin-top: 0.5em !important;
}

.tdAcctInfo {
  width: 63%;
  margin: 0px auto;
}

.tdAcctInfoLeft {
  width: 30%;
  color: blue;
  text-align: right;
}

.dvAcctInfo-label {
  padding: 0px;
  margin: 0px 0px 0px 1em;
  width: 100%;
  color: black !important;
  text-align: left !important;
}

.dvAcctInfo textarea {
  margin: 0px;
}

.dvCalcuContainter {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  text-align: left;
  width: 63%;
  padding: 0.2in;
  margin: 2em auto 0px auto;
}

.dvLoanInfo input[type=text] {
  text-align: right;
}

#dvUserInfo {
  margin: 0em 25% 0em 25%;
}

.margin-top-bot {
  margin: 1em 0px;
}

#dvPassword, #dvOTP {
  margin: 3em 15em 2em 15em;
  height: 20em;
}

.paged-item li, .paged-itemR li, .paged-item p, .paged-itemR p {
  padding-right: 1rem !important;
}

.paged-item-p {
  padding-left: 2rem;
  padding-top: 1rem;
}

#dvForgetInfo, .margin-10T15L2B15R {
  margin: 5em 15em 2em 15em !important;
  height: 20em;
}

.dMemOther-halfies {
  width: 49%;
  display: inline-block;
}

.dMemOther-halfies label {
  display: inline-block;
  width: auto;
}

.dMemOther-halfies input {
  display: inline-block;
  width: 65%;
  margin-left: 0.5em;
}

.dMemOther-halfies span {
  float: left;
  padding-top: 1em;
}

.dMemOther-half {
  width: 50%;
  display: inline-block;
  text-align: right;
}

.dMemOther-half label {
  display: inline-block;
  width: auto;
}

.dMemOther-half input {
  display: inline-block;
  width: 65%;
  margin-left: 0.5em;
}

.w-custom-50 {
  width: 50%;
}

#dvPassword-Change {
  margin: 0em 0em 3.5em 0em;
  height: 20em;
  padding: 0px 10em;
  text-align: left !important;
}

.footer {
  color: white !important;
  margin-top: 3em;
  text-align: center;
}

.dvRadioGropings {
  margin: 1.5em 0px;
}

.dvRadButtons {
  margin-top: 1em;
  display: inline-block;
}

.dvRadButtons label {
  width: 6em;
  text-align: left;
}

#dvOTPPage {
  text-align: center;
}

#dvLogin {
  margin: auto 7em;
}

.margin-top-2em {
  margin: 2em 0px;
}

.margin-top-2em button, .margin-top-2em a {
  width: 8em;
}

.margin-topOnly-2em {
  margin-top: 2em;
}

.margin-bottomOnly-1em {
  margin-bottom: 1em;
}

.iconEye, .iconEyeM {
  position: absolute;
  top: 65%;
  transform: translateY(-50%);
  float: right;
  right: 1em;
  width: 1.25em;
}

.iconEyeM {
  right: 1em;
}

#tdPassReq {
  margin: 0px auto;
}

#tdPassReq td {
  width: 13em;
}

#loadingScreen {
  position: fixed; /* Use fixed to cover the whole screen */
  z-index: 1000; /* High z-index to be on top of all other content */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  /* Optional: Add a transition for a smoother fade out */
  transition: opacity 0.5s ease-out;
}

/* Optional: Class to fade out/hide the loading screen */
.hidden {
  display: none !important;
}

#txtOTP {
  width: 40%;
  text-align: center;
  margin: auto;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.swal2-error {
  border-color: #f27474 !important;
  color: #f27474;
}

.swal2-Margin-top {
  margin-top: 1.5em !important;
  font-size: 1rem;
}

.swal2-icon {
  margin: 0.5em auto 0.6em !important;
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  zoom: var(--swal2-icon-zoom);
  border: 0.25em solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.swal2-x-mark {
  display: block;
  position: absolute;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

.swal2-success-circular-line-left {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

.swal2-success-line-tip {
  top: 2.875em;
  display: block;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
  background: #a5dc86;
  display: block;
  position: absolute;
  height: 0.3125em;
  border-radius: 0.125em;
}

.swal2-success-line-long {
  top: 2.375em;
  display: block;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
  background: #a5dc86;
  display: block;
  position: absolute;
  height: 0.3125em;
  border-radius: 0.125em;
  /*
      top: 2.375em;    display: block;
      position: absolute;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg);
    */
}

.swal2-x-mark-line {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

.swal2-x-mark-line-left {
  left: 1em;
  transform: rotate(45deg);
}

.swal2-x-mark-line-right {
  left: 1em;
  transform: rotate(-45deg);
}

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

.swal2-info {
  color: #3fc3ee;
  border-color: #3fc3ee;
}

.swal2-icon-content label {
  text-align: center;
  margin: auto;
  font-size: 3em;
}

.btn-close {
  pointer-events: auto !important;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
}

.modal-content-40 {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 45%; /* Could be more or less, depending on screen size */
  position: relative;
}

.modal-content-40 span {
  margin-right: 0.5em;
}

.modal-content-top {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0px;
  margin: 0px;
}

.modal-content-top input[type=button] {
  text-align: center;
  margin: auto;
  display: block;
}

.modal-header-bottom {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0px;
  background: #0d6efd;
  color: white;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.masterpageIconL {
  display: inline-flex;
  text-align: right;
  width: 55vw;
  align-items: center;
  vertical-align: middle;
}

.masterpageIconR {
  display: inline-block;
  text-align: left;
  width: 40%;
  margin: 1em;
}

/*PROFILE */
.dvProfileCon {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 60%;
  margin: 4.5vh auto 0px auto;
  padding: 20px;
}

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

.divPersonal {
  display: block;
  width: 70%;
  margin: auto;
  margin-top: 25px;
}

.divPersonal span {
  display: block;
  width: 25vw;
  text-align: left;
  color: blue;
  font-weight: bold;
}

.divPersonal span.lblProfData {
  width: 40vw;
  text-align: left;
  margin: 1vh 0.5vw 1vh 2.5vw;
  font-size: calc(1vw + 0.8vh);
  font-weight: unset;
  color: unset;
  word-wrap: anywhere;
}

/*IMAGES*/
#bgImages {
  display: flex;
  position: relative;
}

.bodyImage {
  background-image: url("../images/bgimages.png");
}

.imgBulding {
  float: right;
  height: 20vh;
  width: 15vw;
  margin-right: 3vw;
  position: absolute;
  right: 0px;
}

.imgCompanyLogo {
  float: left;
  margin: 2vh 0px 0px 4vw;
  height: 15vh;
  width: unset;
  position: absolute;
  left: 0px;
}

.imgWelcomeBanner {
  margin-top: calc(23vh - 0.8in);
  width: 3in;
}

.imgMainL {
  width: 20vw;
}

.imgMainR {
  margin-left: 53%;
  width: 20vw;
  margin-right: 2%;
}

.personalImg {
  display: inline-block;
  width: 35%;
  text-align: center;
}

.hideModal {
  display: none !important;
}

.personalImg img {
  width: 60%;
}

.imgFormats {
  width: 65%;
  height: 65%;
}

/*Table*/
#tableprofile, .margin-center {
  margin: 0px auto;
}

.table-cellL {
  width: 30em;
  text-align: left;
}

.table-cellR {
  width: 15em;
  text-align: right;
  padding-right: 1em;
  color: blue;
  font-weight: bold;
}

.Gvheader, .lblAcctHeader {
  text-align: center;
  color: blue;
}

.mobheader {
  display: none;
}

.mobCSS {
  display: none;
}

.pagination {
  text-align: center;
  width: auto;
  margin: auto;
  display: inline-block;
}

.page-item {
  display: inline-block;
  white-space: nowrap;
}

.tableAccount {
  width: 100%;
  height: 15em;
}

.tableAccount td {
  width: 20%;
}

.tableAccount tr {
  height: 2em;
}

.tableAccountHistory, .tableAccountHistoryx1 {
  width: 100%;
  height: 15em;
}

.tableAccountHistory tbody tr:hover, .tableAccountHistoryx1 tbody tr:hover {
  cursor: pointer;
}

.tableAccountHistory-money {
  width: 15%;
}

.tableAccountHistory td, .tableAccountHistoryx1 td {
  height: 2em;
}

.tableAccountHistory tr:nth-child(even), .tableAccountHistoryx1 tr:nth-child(even) {
  background-color: #f2f2f2; /* Light gray for even rows */
}

.tableAccountHistory tr:nth-child(odd), .tableAccountHistoryx1 tr:nth-child(odd) {
  background-color: #ffffff; /* White for odd rows (optional, as it's the default) */
}

.tableAccountHistoryx1 {
  width: 100%;
}

.tableAccountHistoryx1 tbody tr:hover {
  cursor: pointer;
}

.tableAccountHistoryx1 td {
  width: unset;
}

.tableAccountHistoryx1 tr:nth-child(even) {
  background-color: #f2f2f2;
}

.tableAccountHistoryx1 tr:nth-child(odd) {
  background-color: #ffffff; /* White for odd rows (optional, as it's the default) */
}

.dvAccountNotes {
  text-align: right;
  float: right;
  margin-top: 2em;
}

.dvTransactions {
  display: block;
  padding-bottom: 10px;
  margin-top: 2em;
}

.dvTransactions span {
  font-style: italic;
}

.dvOtherInfo {
  margin: 1em 0px;
}

.dvOtherInfo label {
  width: 7em;
  text-align: right;
  margin: 0px 1em 0px 0px;
}

#dvTranHistory {
  margin-top: 1.5em;
}

.smol-Margin-top {
  margin-top: 1em;
}

#loanTran {
  margin-top: 2.5em;
}

#loanTran label {
  margin: auto;
  width: 100%;
  font-weight: bold;
  margin-bottom: 1em;
}

#LoanList {
  padding-top: 2.5em;
  margin-top: 1em;
}

.dvInstruction {
  width: 90%;
  margin: auto;
}

.dvInstruction p {
  padding: 10px 20px 10px 20px;
  margin-top: 5px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.container-header {
  text-align: center;
  background: #045cb4;
  color: white;
  font-weight: bold;
}

select > option {
  height: 20px;
}

.dvBranch {
  margin-top: 1.5em;
  width: auto;
  text-align: center;
}

.dvWholies {
  margin: 3em auto;
  display: inline-flex;
  align-content: center;
  width: 100%;
}

.dvHalfies {
  display: inline-block;
  width: 50%;
}

.container-shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  width: 90%;
  background-color: #fffbe6;
}

.dvBranchInfo {
  display: block;
  margin: 0em 1em 0.5em 1em;
  padding-top: 1em;
}

.dvBranchInfo label {
  width: 90%;
  text-align: left;
  align-self: center;
  display: block;
  margin-left: 2em;
}

.dvBranchInfo input[type=text] {
  margin: 0px;
}

.contactRes {
  margin: 0.5em 0px 0em 2em;
  width: 90%;
  display: block;
  height: 4em;
  background: white;
}

.dvBranchInfo:last-of-type {
  padding-bottom: 1em;
}

#aInquiries {
  cursor: pointer;
}

.modal-custom {
  width: 80vw;
  display: block;
}

.modal-content-custom {
  height: auto;
}

.modal-label {
  width: 10em;
  margin-bottom: 1em;
}

.dvCalcButton {
  margin: 1em auto;
  text-align: center;
}

.dvCalcButton input[type=button] {
  width: 6em;
}

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

.inputButtonTerm {
  display: inline-block;
  width: 5em;
  line-height: 1em;
  margin: 0px;
}

#literm::before {
  content: attr(data-desktop-text);
}

#liprof::before {
  content: attr(data-desktop-text);
}

#liReg::before {
  content: attr(data-desktop-text);
}

#liConf::before {
  content: attr(data-desktop-text);
}

#liOTP::before {
  content: attr(data-desktop-text);
}

.lblAcctHeader {
  text-align: left;
  margin-bottom: 1em;
}

.lblAcctHeader span {
  color: black;
}

.dvCalcuInfo {
  width: 100%;
  display: flex;
}

@media (max-width: 1000px) {
  html {
    font-size: 16px;
  }
  /*profile*/
  .dvProfileInfo {
    display: block;
  }
  .mobheader {
    display: block;
    text-align: center;
    margin-top: 0.34em;
    font-size: 0.9rem;
  }
  .pcHeader {
    display: none;
    font-size: 0.9rem;
  }
  .tableAccount td {
    width: unset;
    font-size: 0.8rem;
  }
  .mobCSS {
    display: block;
    margin-top: 0.6em;
  }
  .pccss {
    display: none;
  }
  /*Image*/
  .imgFormats {
    width: 100%;
    height: 100%;
  }
  .dvBranchInfo {
    display: block;
  }
  #literm::before {
    content: attr(data-mobile-text);
  }
  #liprof::before {
    content: attr(data-mobile-text);
  }
  #liReg::before {
    content: attr(data-mobile-text);
  }
  #liConf::before {
    content: attr(data-mobile-text);
  }
  #liOTP::before {
    content: attr(data-mobile-text);
  }
  .nav-stacked > li {
    width: 19%;
  }
  .container-moi {
    min-height: calc(40em + 3rem);
    width: 90%;
  }
  .imgBulding {
    height: 15vh;
    width: unset;
    margin-right: 5vw;
    margin-top: 1.3em;
  }
  .imgCompanyLogo {
    height: 8vh;
  }
  .imgWelcomeBanner {
    width: 15em;
    margin-bottom: 0.5em;
    margin-top: calc(27vh - 0.8in);
  }
  #dvLogin {
    margin: auto 3em;
  }
  #dvMemInfo, #dvUserInfo, #dvConfirmation, #dvOTPPage {
    margin: 0px 15%;
  }
  #tdPassReq, #tableprofile {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5em;
    margin: 0px 10%;
    width: 100%;
  }
  #tableprofile {
    width: auto;
    font-size: 0.9rem;
  }
  .table-cellL {
    font-size: 0.8rem;
    word-wrap: break-word;
    width: 80%;
  }
  #tdPassReq tbody, #tdPassReq tr, #tableprofile tbody, #tableprofile tr {
    display: contents; /* Allows grid items to be children of the grid container */
  }
  .dropdown-item {
    font-size: 0.9rem;
  }
  #tdPassReq td, #tdPassReq th, #tableprofile td, #tableprofile th {
    display: block;
  }
  .table-cellR {
    text-align: left;
    width: 80%;
  }
  .mobileFont-size, .dvInstruction, .tdAcctInfo, .form-label, .btn-primary, .form-control, .control-label, .hdStatus, .validPass, .invalidPass, .text-danger, .btn-link {
    font-size: 0.8rem;
  }
  .paged-item ol, .paged-itemR ol {
    font-size: 0.8rem;
  }
  .paged-item, .paged-itemR {
    height: 23em;
    margin: 1em 2em;
  }
  .paged-item-p {
    font-size: 0.9rem;
    padding-left: 1rem;
  }
  .TermsHeader {
    margin: auto 8%;
    font-size: 0.9rem;
  }
  #dvForgetInfo, .margin-10T15L2B15R {
    margin: 5em 15% 2em 15% !important;
    height: 30em !important;
  }
  .dvRadioGropings {
    margin: 3em 0px;
  }
  .dvRadButtons {
    display: block;
    margin-top: 0.5em;
  }
  .w-custom-50 {
    width: 55%;
  }
  .btn-link {
    padding: 0px;
  }
  .nav {
    width: 100%;
  }
  .modal-content-40 {
    padding: 2em;
    width: 90%;
    font-size: 0.8rem;
  }
  .masterpageIconR {
    float: left;
    width: 12em;
    margin: 0.7em 0em 0px 0.5em;
  }
  .masterpageIconL {
    position: relative;
    padding-top: 0.6em;
    margin-left: 84%;
    width: auto;
    display: block;
    margin-right: 1em;
    padding-bottom: 0.5em;
  }
  .imgMainL {
    width: 100%;
  }
  .imgMainR {
    display: none;
    margin-left: 65%;
    width: 25vw;
    margin-right: 2%;
  }
  .personalImg {
    width: auto;
  }
  .personalImg img {
    width: 7.5em;
  }
  .divPersonal {
    width: auto;
  }
  .dvProfileCon {
    width: 75%;
  }
  .tableAccountHistory-money {
    width: 50%;
  }
  .tableAccountHistory-money2 {
    width: 35%;
  }
  .navbar {
    display: block;
  }
  .modal-content-detailsMob {
    background-color: #fefefe;
    margin: 0% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 75%;
    position: relative;
  }
  .modal-contentHeaderMob {
    margin: 15% auto 0px auto;
    width: 75%;
    position: relative;
    height: 3em;
    border: 1px solid #888;
    display: flex;
    align-items: center;
    background: #0d6efd;
    color: white;
  }
  .modal-contentHeaderMob span {
    margin-left: 5px;
    margin-left: 1rem;
  }
  .close-btnx {
    position: absolute;
    right: 10px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0.3em;
  }
  .smModalText {
    margin: 0px 1em 1em 1em;
    color: blue;
    font-size: 0.9rem;
  }
  .smModalTextRes {
    margin: 0.5em 1em 1em 1em;
    color: black;
    font-size: 0.8rem;
  }
  .dvBranchInfo label {
    margin-left: 0px;
    width: 100%;
    font-size: 0.9rem;
  }
  .contactRes {
    font-size: 0.8rem !important;
  }
  .dvAccountNotes {
    text-align: left;
    float: unset;
    margin: 1em 0px;
    font-size: 0.9rem;
  }
  .dvTransactions {
    margin-top: 1em;
  }
  .mob-Margin-Top-1 {
    margin-top: 1em !important;
  }
  #LoanList {
    overflow-y: auto;
    width: 100%;
  }
  .tableAccountHistoryx1 {
    width: 250%;
  }
  .float-Left, .float-Right {
    width: 100%;
  }
  .tableAccount {
    margin-top: 0.5em;
  }
  .modal-dialog {
    width: 70%;
    margin: 0px auto;
  }
  .dvCalcuInfo {
    display: block;
  }
  .dvHalfies {
    width: 100%;
    display: block;
    margin-bottom: 3em;
  }
  .dvWholies {
    display: block;
  }
  #dvPassword-Change {
    padding: 0px 5%;
    height: unset;
    margin-bottom: 0px;
  }
  #dvAcctInfo {
    height: auto;
    width: 85%;
    margin: 1em auto 0px auto;
  }
  .dvAcctInfo-label {
    margin-left: 1em !important;
  }
  #ddlLoanTypes, #ddlLoanTerm {
    font-size: 0.8rem;
  }
  .tdAcctInfo {
    width: 100%;
  }
  .tdAcctInfo tr, .tdAcctInfo td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .OTPPanel {
    font-size: 0.9rem;
    margin: 3em 1em 2em 1em !important;
  }
  .container-moiSmall {
    width: 80%;
  }
  .iconEyeM {
    top: 70%;
    width: 1em;
  }
  .ulBanner {
    font-size: 0.9rem;
  }
  .Gvheader, .lblAcctHeader, .trAccountTrans, .dvBranch {
    font-size: 0.9rem;
  }
  #cmbInquiry {
    font-size: 0.8rem;
    margin-bottom: 1em;
  }
  .dvCalcuContainter {
    margin: 1em auto 0px auto;
    font-size: 0.8rem;
  }
  .dvLoanInfo {
    margin-bottom: 1em;
    font-size: 0.8rem;
  }
  .modal-custom {
    width: 85% !important;
  }
  .dMemOther-halfies {
    width: 100%;
    display: inline-block;
  }
  .dMemOther-halfies label, .dMemOther-half label {
    display: block;
  }
  .dMemOther-halfies input, .dMemOther-half input {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
  .dMemOther-halfies span {
    float: unset;
    padding-top: 0em;
  }
  .dMemOther-half {
    width: 100%;
    margin-top: 1.2em;
    display: block;
    text-align: unset;
  }
  .swal2-Margin-top {
    font-size: unset;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: unset !important;
  }
}/*# sourceMappingURL=site.css.map */