/* Custom color theme properties */
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.ttf");
}
:root {
  --f7-theme-color: #01373a !important;
  --f7-theme-color-rgb: rgb(1, 55, 58) !important;
  --f7-theme-color-shade: #012b2d !important;
  --f7-theme-color-tint: #02494b !important;
  --f7-tabbar-link-active-border-color: transparent;
  --f7-tabbar-link-active-icon-bg-color: #012b2d !important;
  --f7-button-fill-bg-color: #01373a !important;
  --f7-font-family: "Poppins-Regular";
  --f7-input-placeholder-color: #8e8e8e !important;
}

.no-visibility {
  visibility: hidden;
}

.no-highlight {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  	supported by Chrome, Edge, Opera and Firefox */
}

.no-box-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.swipe-handler {
  height: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  background: #fff;
  cursor: pointer;
  z-index: 10;
}

.swipe-handler:after {
  content: "";
  width: 36px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -3px;
  border-radius: 3px;
  background: #666;
}

/*DO NOT TOUCH THE TOOLBAR TABBAR STYLING*/
.toolbar.toolbar-bottom.tabbar.fancy-tabbar {
  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;
  background: transparent;
  -ms-flex-line-pack: center;
      align-content: center;
  bottom: 10px;
}

.toolbar-inner.fancy-inner-bar {
  left: auto;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 8px;
  background-color: #01373a;
  width: 95%;
}

.tabbar.fancy-tabbar .tab-link-active,
.tabbar-labels.fancy-tabbar .tab-link-active {
  color: #deaf47;
  background-color: var(#deaf47, transparent);
}

.tabbar.fancy-tabbar a,
.tabbar-labels.fancy-tabbar a {
  color: white;
}

.tabbar.light-grey-inactiveTab a,
.tabbar-labels.light-grey-inactiveTab a {
  color: #d9d9d9;
}

.tabbar.dark-grey-inactiveTab a,
.tabbar-labels.dark-grey-inactiveTab a {
  color: #8e8e8e;
}

.tabbar.white-inactiveTab a,
.tabbar-labels.white-inactiveTab a {
  color: white;
}

.tabbar.aqpGreen-activeTab a.tab-link-active,
.tabbar-labels.aqpGreen-activeTab a.tab-link-active {
  color: #01373a;
  background-color: var(#01373a, transparent);
}

.tabbar.aqpGold-activeTab a.tab-link-active,
.tabbar-labels.aqpGold-activeTab a.tab-link-active {
  color: #deaf47;
  background-color: var(#deaf47, transparent);
}

.tabbar.aqpGold-activeTabHighlight .tab-link-highlight,
.tabbar-labels.aqpGold-activeTabHighlight .tab-link-highlight {
  background-color: #deaf47 !important;
}

/*DO NOT TOUCH THE TOOLBAR TABBAR STYLING*/
.max-width-100px {
  max-width: 100px;
}

.max-width-80px {
  max-width: 80px;
}

.max-width-50px {
  max-width: 50px;
}

.min-width-32px {
  min-width: 32px;
}

.width-100px {
  width: 100px;
}

.width-90px {
  width: 90px;
}

.width-60px {
  width: 60px;
}

.width-50px {
  width: 50px;
}

.width-40px {
  width: 40px;
}

.width-30px {
  width: 30px;
}

.width-80px {
  width: 80px;
}

.height-24px {
  height: 24px;
}

.height-30px {
  height: 30px;
}

.height-auto {
  height: auto !important;
}

.height-100p {
  height: 100%;
}

.height-100p-priority {
  height: 100% !important;
}

.width-auto {
  width: auto;
}

.width-15p {
  width: 15%;
}

.width-25p {
  width: 25%;
}

.width-30p {
  width: 30%;
}

.width-50p {
  width: 50%;
}

.width-60p {
  width: 60%;
}

.width-70p {
  width: 70%;
}

.width-90p {
  width: 90%;
}

.width-95p {
  width: 95%;
}

.width-100p {
  width: 100%;
}

.border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.border-radius-4 {
  border-radius: 4px;
}

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

.border-radius-16 {
  border-radius: 16px;
}

.border-radius-100p {
  border-radius: 100%;
}

.outline-bottom-2px {
  outline-width: 2px;
  outline-style: solid;
  outline-color: transparent;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-danger {
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
}

.aqpGreen-outline-color {
  outline-color: #01373a;
}

.aqpGreen-bg {
  background-color: #01373a !important;
}

.aqpGreen-txt {
  color: #01373a;
}

.aqpGreenShade-bg {
  background-color: #012b2d !important;
}

.aqpGreenShade-txt {
  color: #012b2d;
}

.aqpGreenTint-bg {
  background-color: #02494b !important;
}

.aqpGreenTint-txt {
  color: #02494b;
}

.aqpGreenLight-bg {
  background-color: #809b9d;
}

.aqpGreenLight-txt {
  color: #809b9d;
}

.aqpGold-bg {
  background-color: #deaf47 !important;
}

.aqpGold-txt {
  color: #deaf47;
}

.light-grey-bg {
  background-color: #d9d9d9;
}

.light-grey-text {
  color: #d9d9d9;
}

.dark-grey-bg {
  background-color: #8e8e8e !important;
}

.dark-grey-text {
  color: #8e8e8e;
}

.transparent-bg {
  background-color: transparent !important;
}

.white-bg {
  background-color: white;
}

.white-text {
  color: white !important;
}

.whiteOnGreen-bg {
  background-color: #01373a;
  color: white;
}

.whiteOnGold-bg {
  background-color: #deaf47;
  color: white;
}

.goldOnWhite-bg {
  background-color: white;
  color: #deaf47;
}

.text-weight-bold {
  font-weight: bold !important;
}

.text-weight-bolder {
  font-weight: bolder;
}

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

.word-wrap-break-all {
  word-wrap: break-all;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-gap-8 {
  gap: 8px;
}

.flex-gap-16 {
  gap: 16px;
}

.flex-direction-row-to-column {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.border-broken-outline {
  border-style: dashed;
}

.square-content {
  aspect-ratio: 1/1;
}
@supports not (aspect-ratio: 1/1) {
  .square-content::before {
    float: left;
    padding-top: 100%;
    content: "";
  }
  .square-content::after {
    display: block;
    content: "";
    clear: both;
  }
}

.no-bold {
  font-weight: normal;
}

.size-9 {
  font-size: 9px;
}

.size-12 {
  font-size: 12px;
}

.size-14 {
  font-size: 14px;
}

.size-16 {
  font-size: 16px;
}

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

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

.size-22 {
  font-size: 22px;
}

.size-25 {
  font-size: 25px;
}

.size-29 {
  font-size: 29px;
}

.size-50 {
  font-size: 50px;
}

.mobile-width-10pto15p {
  width: 10%;
}

.mobile-width-15pto20p {
  width: 15%;
}

.mobile-width-20pto15p {
  width: 20%;
}

.mobile-width-20pto30p {
  width: 20%;
}

.mobile-width-15pto30p {
  width: 15%;
}

.mobile-width-30pto15p {
  width: 30%;
}

.mobile-width-30pto50p {
  width: 30%;
}

.mobile-width-30pto100p {
  width: 30%;
}

.mobile-width-50pto70p {
  width: 50%;
}

.mobile-width-50pto80p {
  width: 50%;
}

.mobile-width-40pto60p {
  width: 40%;
}

.mobile-width-40pto100p {
  width: 40%;
}

.mobile-width-60pto80p {
  width: 60%;
}

.mobile-width-70pto50p {
  width: 70%;
}

.mobile-width-70pto100p {
  width: 70%;
}

.mobile-width-80pto100p {
  width: 80%;
}

.mobile-width-90pto100p {
  width: 90%;
}

.mobile-width-90pto50p {
  width: 90%;
}

.mobile-height-30pto50p {
  height: 30%;
}

@media screen and (min-width: 1024px) {
  body.forced-mobile {
    margin: auto;
    min-width: 520px;
    max-width: 600px;
    background-color: #d9d9d9;
  }
}
@media screen and (max-width: 425px) {
  .flex-direction-row-to-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mobile-width-10pto15p {
    width: 15%;
  }
  .mobile-width-15pto20p {
    width: 20%;
  }
  .mobile-width-20pto15p {
    width: 15%;
  }
  .mobile-width-20pto30p {
    width: 30%;
  }
  .mobile-width-15pto30p {
    width: 30%;
  }
  .mobile-width-30pto15p {
    width: 15%;
  }
  .mobile-width-30pto50p {
    width: 50%;
  }
  .mobile-width-30pto100p {
    width: 100%;
  }
  .mobile-width-40pto60p {
    width: 60%;
  }
  .mobile-width-40pto100p {
    width: 100%;
  }
  .mobile-width-100pto70p {
    width: 70%;
  }
  .mobile-width-100pto50p {
    width: 50%;
  }
  .mobile-width-50pto70p {
    width: 70%;
  }
  .mobile-width-50pto80p {
    width: 80%;
  }
  .mobile-width-50pto90p {
    width: 90%;
  }
  .mobile-width-50pto100p {
    width: 100%;
  }
  .mobile-width-80pto100p {
    width: 100%;
  }
  .mobile-width-60pto80p {
    width: 80%;
  }
  .mobile-width-70pto50p {
    width: 50%;
  }
  .mobile-width-70pto100p {
    width: 100%;
  }
  .mobile-width-90pto100p {
    width: 100%;
  }
  .mobile-width-90pto50p {
    width: 50%;
  }
  .mobile-height-30pto50p {
    height: 50%;
  }
}
/* .tab-link.fancy-tabbar-link{
    min-width: 90px;
  } */
/* Your app custom styles here */
.item-inner::before,
.item-inner::after {
  color: #012b2d !important;
}

.cursor-pointer {
  cursor: pointer;
}

figure#smcdSenderContainer {
  background: url("../assets/images/customIcons/transferAQP_icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 130px;
}

#smcdSenderProfile,
#smcdRecipientProfile {
  position: relative;
  border-radius: 100%;
  width: 45px;
  overflow: hidden;
}

.border-none {
  border: none;
}

.invalid-new-mpin-field:after {
  border-color: red !important;
}

.width-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.flex-gap-80 {
  gap: 80px;
}

.underline {
  text-decoration: underline;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.th-clear-filter-btn {
  position: absolute;
  top: -20px;
  right: -48px;
  cursor: pointer;
}

.line-height-2 {
  line-height: 2em !important;
}

.width-10px {
  width: 10px;
}

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

.close-notification-btn {
  position: absolute;
  right: -20px;
  cursor: pointer;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.searchbar input[type=search].border-radius-8, .searchbar input[type=text].border-radius-8 {
  border-radius: 8px;
}

.searchbar input[type=search].light-grey-bg, .searchbar input[type=text].light-grey-bg {
  background-color: #d9d9d9;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}