@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/dist/fonts/password.ttf');
}

.modal-header .close {
  border: 0;
  background: transparent;
  font-size: 31px;
  padding: 0;
  height: 20px;
  line-height: 20px;
  color: #aaa6a6;
  transition: 0.3s;
}

.modal-header .close:hover {
  color: #000;
}

.modal-header .modal-title {
  display: block;
  text-align: center;
  width: 100%;
}

.enter-bank-info-modal .modal-body .card--custom {
  padding: 10px;
  box-shadow: none;
}

.enter-bank-info-modal .input--box {
  flex-direction: column;
}

.enter-bank-info-modal .input--box .form-control {
  background: transparent;
  border: 1px solid #bebfd4;
  border-radius: 3px;
  background: #fbfbfd 0% 0% no-repeat padding-box;
}

.enter-bank-info-modal .new-account--panel .form--group {
  border-bottom: 0;
  padding-bottom: 0;
}

.enter-bank-info-modal .action--buttons .btn-primary {
  max-width: 210px;
}

.enter-bank-info-modal .action--buttons .btn-plain {
  max-width: 100px;
  height: 50px;
  font-size: 16px;
  color: #4d4d4d;
  border-radius: 8px !important;
  margin-right: 10px;
}

.enter-bank-info-modal .form--details .input--box {
  width: 66%;
}

.enter-bank-info-modal .form--details .input--box {
  width: 66%;
}

.enter-bank-info-modal .action--buttons {
  padding: 0 10px;
}

.tab-selected_1,
.tab-selected_2,
.tab-selected_3,
.tab-selected_4 {
  position: relative;
}

.tab-selected_1:before,
.tab-selected_2:before,
.tab-selected_3:before,
.tab-selected_4:before {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #3f7afd;
  border-radius: 7px;
}

.tab-selected_1:before {
  -webkit-animation: mover1 0.5s;
  animation: mover1 0.5s;
}

.tab-selected_2:before {
  left: auto;
  right: 0;
  -webkit-animation: mover2 0.5s;
  animation: mover2 0.5s;
}

.tab-selected_3:before {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  -webkit-animation: mover3 0.5s;
  animation: mover3 0.5s;
}

.tab-selected_4:before {
  left: 0;
  right: auto;
  bottom: 0;
  top: auto;
  -webkit-animation: mover4 0.5s;
  animation: mover4 0.5s;
}

.setup-card-setting .card--information .card--picture {
  padding: 20px;
}

.card-img-wrapper img {
  width: 100%;
}

.pac-container {
  border-radius: 8px;
  box-shadow: 0px 9px 14px #d2ccccdd;
}

.pac-item {
  padding: 2px 6px;
  cursor: pointer;
}

.pac-logo:after {
  margin-right: 10px;
  margin-bottom: 10px;
}

.pac-item:hover {
  background-color: #f4f4f4;
}

.signup-box .form--details .form-group .slct_box option {
  padding: 10px 5px;
  font: normal normal normal 16px/17px Azo Sans;
  color: #434246;
  cursor: pointer;
}

@-webkit-keyframes mover1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes mover1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes mover2 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes mover2 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes mover3 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes mover3 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes mover4 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes mover4 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.response-is-wrap .response-wrap {
  display: flex;
  flex-wrap: wrap;
}

.response-is-wrap .response-wrap .response-left,
.response-is-wrap .response-wrap .response-right {
  flex: 0 0 50%;
  max-width: 50%;
  width: 100%;
}

.response-is-wrap {
  margin: 20px 0;
}

.account-type-dropdown {
  position: relative;
}

.account-type-dropdown ul {
  position: absolute;
  transition: all 0.5s ease;
  padding: 0;
  width: 100%;
  margin: 0;
  background: #ececec;
  padding: 5px;
  border-radius: 8px;
}

.account-type-dropdown ul li {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  list-style: none;
  width: 100%;
  padding: 8px 15px;
  border-radius: 8px;
}

.account-type-dropdown ul li:hover {
  background: #f6f6f6;
}

.account-type-dropdown .select {
  border: 1px solid #bebfd4;
  border-radius: 3px;
  background: #fbfbfd 0% 0% no-repeat padding-box;
  height: 42px;
  padding: 7px 10px;
  color: #a09c9c;
  cursor: pointer;
}

.account-type-dropdown .select i {
  margin-left: 10px;
  position: relative;
  top: 5px;
  float: right;
}

.account-type-dropdown ul {
  position: absolute;
  transition: all 0.5s ease;
  padding: 5px;
  width: 100%;
  margin: 0;
  background: #eeeeee;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  font: normal normal normal 15px/17px Azo Sans;
}

.account-type-dropdown:not(.is-open) .account-type-dropdown-menu-box {
  display: none;
}

.login--form .form-control {
  background: transparent !important;
  padding-left: 0;
}

.login--form .form-label {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.login-action {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 26px;
}

.online-action {
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  color: #454545;
  padding-top: 26px;
  border-top: 1px solid #d7d7d7;
  margin-top: 28px;
}

.login--form .card--custom {
  box-shadow: 0px 1px 22px #00000019;
  padding: 0;
}

.login--form .form-control:focus {
  box-shadow: none;
  background: transparent !important;
  transition: all 5000s ease-in-out 0s;
  transition-property: background-color, color;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.login--form .tab-content {
  padding: 0 42px 42px;
}

.sign-in-tab {
  margin-bottom: 42px;
}

.sign-in-tab>li {
  flex: 0 0 auto;
  width: 50%;
}

.sign-in-tab>li .nav-link {
  width: 100%;
  font-size: 15px;
  color: rgb(69 69 69 / 50%);
  background: #efefef;
  border-bottom: 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 13px;
}

.sign-in-tab.nav-tabs .nav-link.active,
.sign-in-tab.nav-tabs .nav-item.show .nav-link {
  color: #454545;
  background-color: #fff;
  border-color: transparent;
  opacity: 1;
}

.login-heading {
  font-size: 30px;
  font-weight: 700;
  color: #454545;
  margin-bottom: 0;
}

.create-account p {
  color: #454545;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 1;
}

.seprater-or {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  color: #ababab;
  position: relative;
  margin: 0 42px 24px;
}

.seprater-or span {
  background: #fff;
  padding: 0 8px;
  position: relative;
  z-index: 1;
}

.seprater-or:after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #ddd;
  width: 100%;
  left: 0;
  top: 7px;
}

/*Signin page start*/
.page-signin .login--form .pinnumber-box .form-control {
  font-size: 20px;
}

.page-signin .login--form .form-control {
  border: 1px solid #bebfd4;
  border-radius: 4px;
  height: 48px;
  padding: 10px 16px;
  box-sizing: border-box;
  background: #fbfbfd;
  font-family: 'Azo Sans';
  outline: none;
  font-size: 16px;
}

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

.signup-without-email {
  cursor: pointer;
  color: #5d62e0;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}

.signup-without-account {
  cursor: pointer;
  color: #5d62e0;
}

.login--form {
  width: 100%;
  max-width: 475px;
}

.pinnumber-box {
  display: flex;
}

.pinnumber-box .otp-input {
  width: 40px;
  margin-right: 12px;
  text-align: center;
}

.field-complete-signup .form-group {
  margin-bottom: 15px;
}

.inside-complete-signup h3 {
  font-family: 'Azo Sans';
  color: #5d62e0;
}

.inside-complete-signup h3 span {
  color: #212529;
}

.page-signin .login--form .email-icon-field .form-control {
  padding-left: 40px;
}

.page-signin .login--form .card-icon-field .form-control {
  padding-left: 45px;
}

.email-icon-field .material-icons {
  position: absolute;
  bottom: 8px;
  color: #aaa9a9;
  left: 9px;
}

.email-icon-field {
  position: relative;
}

.page-signin .login--form .form-control:focus {
  border-color: #5d62e0;
}

.card-icon-field .card-icon {
  position: absolute;
  bottom: 10px;
  left: 8px;
}

.card-icon-field .card-icon img {
  width: 30px;
}

.card-icon-field {
  position: relative;
}

.signup-without-email-wrap .login-action button {
  width: 100%;
  font-family: 'Azo Sans';
}

/*Signin page start*/

.better-way-info {
  text-align: center;
}

.better-way-info h2 {
  font: normal normal normal 34px/52px Azo Sans Uber;
  letter-spacing: 0px;
  color: #44479d;
  margin-bottom: 20px;
}

.better-way-info p {
  color: #555555;
  font: normal normal normal 17px/26px Azo Sans;
  max-width: 77%;
  margin: 0 auto;
  margin-bottom: 30px;
}

.better-way-wrap {
  padding-top: 180px;
  margin-bottom: 100px;
}

.matbia-service-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid #d8d8d8;
  padding: 0 10px;
  max-width: 1034px;
  margin: 0 auto;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.matbia-service-row .matbia-service-img {
  flex: 0 0 50%;
  max-width: 50%;
}

.matbia-service-row .matbia-service-content {
  flex: 0 0 50%;
  max-width: 50%;
  padding-top: 40px;
}

.matbia-service-content h4 {
  color: #efa228;
  font: normal normal normal 12px Azo Sans;
  letter-spacing: 2px;
}

.matbia-service-content h2 {
  color: #44479d;
  font: normal normal normal 28px Azo Sans Uber;
  margin-bottom: 25px;
}

.matbia-service-content p {
  font: normal normal normal 17px Azo Sans;
  color: #555555;
  max-width: 92%;
  margin-bottom: 30px;
}

.matbia-service-box {
  background: #efeff3;
  padding: 100px 0;
}

.matbia-service-box .matbia-service-row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.matbia-service-row:nth-child(odd) .matbia-service-content {
  padding-left: 40px;
}

.matbia-service-row:nth-child(even) .matbia-service-content {
  padding-left: 0;
  padding-right: 40px;
}

.matbia-feature-row {
  display: flex;
  flex-wrap: wrap;
}

.matbia-feature-row .matbia-feature-box {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  text-align: center;
  padding: 0 23px;
}

.matbia-feature-box h4 {
  color: #44479d;
  font: normal normal normal 18px Azo Sans Uber;
  margin: 0;
  line-height: normal;
  margin: 13px 0;
  margin-top: 30px;
}

.matbia-feature-box p {
  margin: 0;
  font: normal normal normal 17px Azo Sans;
  color: #555555;
  line-height: 24px;
}

.matbia-feature-wrap {
  margin-top: 120px;
}

.matbia-become-member {
  background-image: url(../img/matbia-member.png);
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10% 0;
  margin-top: 100px;
  margin-bottom: 50px;
}

.matbia-member-info p {
  color: #fff;
  font: normal normal normal 17px Azo Sans;
  max-width: 620px;
  margin: 0 auto;
  line-height: 25px;
  opacity: 0.8;
}

.btn-member {
  font-size: 14px;
  font: normal normal normal 17px Azo Sans;
  padding: 16px 32px 13px;
  line-height: normal;
  border-radius: 4px;
  margin-top: 40px;
  clear: both;
  display: inline-block;
  height: auto;
}

.matbia-member-info h2 {
  font: normal normal normal 38px Azo Sans Uber;
  color: #efa838;
  margin-bottom: 30px;
}

.hero-banner .paragraph p {
  font: normal normal normal 17px/23px Azo Sans;
}

.hero-banner .buttons-group .btn-primary {
  margin-right: 15px;
}

.contact-box p {
  font-family: 'Azo Sans';
}

.login-action .loader {
  color: #fff;
  height: 48px;
  border-radius: 4px;
  line-height: 48px;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  width: 100%;
  margin: 0 auto;
  margin-top: -24px;
}

.login-action button.btn-primary {
  height: auto;
  padding: 0;
  line-height: normal;
  margin: 0;
  border: 0;
  border-radius: 4px;
  transition: none;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}

.login-action button.btn-primary span {
  height: 48px;
  display: block;
  line-height: 48px;
  margin: 0;
}

.page-profile .form-control {
  background: transparent !important;
  box-shadow: none;
  resize: none;
}

.page-profile .form--details .lbl--wrap {
  width: 22%;
}

.page-profile .form--details .input--box {
  width: 64%;
}

.page-profile .btn-primary {
  height: 40px;
  line-height: 36px;
}

.page-profile .form--details .form--group {
  border-top: 0;
  border-bottom: 1px solid #c8c8c8;
}

.page-profile .file-upload--row {
  padding-bottom: 34px;
}

.by-showing .dropdown-menu {
  width: 120px;
  min-width: auto;
}

.by-showing .dropdown-menu input {
  width: 14px;
  height: 14px;
  display: none;
}

.by-showing .dropdown-menu .custom-control-label {
  cursor: pointer;
  margin-left: 0;
  display: block;
  padding: 11px 12px 6px;
}

.by-showing .dropdown-menu li.filters-menu {
  position: relative;
  cursor: pointer;
  padding-bottom: 6px;
  padding-top: 5px;
  padding-left: 12px;
  margin-top: 10px;
}

.by-showing .dropdown-menu li.filters-menu:hover {
  background: #f3f3f3;
}

.by-showing .dropdown-menu .custom-control-label:hover {
  background: #f3f3f3;
}

.by-showing .dropdown-menu li.filters-menu:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 2px solid #ddd;
  position: absolute;
  right: 10px;
  top: 10px;
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
}

.account-validating-modal {
  min-height: 350px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.account-validating-modal .close {
  background: transparent;
  border: 0;
  color: #4d4d4d;
  font-size: 16px;
}

.account-validating-modal h4 {
  font-size: 18px;
  font-family: 'Azo Sans';
  color: #454545;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center;
}

.account-validating-moda .btn-loader {
  margin-top: 20px;
  margin-bottom: 20px;
}

.account-verified .circle,
.account-verified .circle-border {
  width: 78px;
  height: 78px;
  border-radius: 50%;
}

.account-verified .circle {
  z-index: 1;
  position: relative;
  background: white;
  transform: scale(1);
  animation: success-anim 700ms ease;
}

.account-verified .circle-border {
  z-index: 0;
  position: absolute;
  background: #5d62e0;
  transform: scale(1.07);
  animation: circle-anim 400ms ease;
}

@keyframes success-anim {
  0% {
    transform: scale(0);
  }

  30% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes circle-anim {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1.1);
  }
}

.account-verified .success::before,
.account-verified .success::after {
  content: '';
  display: block;
  height: 3px;
  background: #5d62e0;
  position: absolute;
}

.account-verified .success::before {
  width: 18px;
  top: 62%;
  left: 21%;
  transform: rotateZ(39deg);
}

.account-verified .success::after {
  width: 40px;
  top: 50%;
  left: 31%;
  transform: rotateZ(-50deg);
}

.verified-action {
  text-align: center;
  margin: 0 auto;
  width: 88px;
  margin-bottom: 50px;
  margin-top: 50px;
}

.account-verified .continue {
  border-radius: 4px;
  width: 170px;
  text-transform: uppercase;
  font-family: 'Azo Sans';
  font-size: 14px;
  line-height: 47px;
}

.account-validating-modal .btn-loader {
  margin-top: 50px;
  margin-bottom: 50px;
}

.table-wrapper .right-filers .filter.by-showing {
  position: relative;
}

.by-showing ul.dropdown-menu {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s ease;
  display: block !important;
  transform: none !important;
  inset: unset !important;
  top: 40px !important;
  right: 0 !important;
  padding: 0;
  padding-top: 7px;
}

.by-showing .dropdown-menu input:checked+label {
  background: #f3f3f3;
}

.by-showing ul.dropdown-menu.show {
  opacity: 1;
  height: auto;
  padding-bottom: 4px;
}

.by-showing.overview-filter {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.right-filers .md-drppicker {
  min-width: 500px;
}

.plaid-linking-loader,
.matbia-swal-loader {
  animation: none !important;
  border-width: 0 !important;
}

.plaid-linking-popup .swal2-actions,
.matbia-swal-popup .swal2-actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.plaid-linking-loader,
.matbia-swal-loader {
  animation: none !important;
  border-width: 0 !important;
  width: 88px;
  height: 88px;
  margin-top: 30px;
  margin-bottom: 80px;
}

.plaid-linking-popup .spinner-border,
.matbia-swal-popup .spinner-border {
  color: #7367f0 !important;
  width: 100%;
  height: 100%;
}

.plaid-linking-popup #swal2-html-container,
.matbia-swal-popup #swal2-html-container {
  color: #454545;
  font-weight: 500;
  margin-top: 70px;
}

.plaid-linking-popup,
.matbia-swal-popup {
  padding-bottom: 50px;
}

.plaid-linking-popup .swal2-cancel,
.matbia-swal-popup .swal2-cancel {
  background: transparent;
  color: #4d4d4d;
  font-size: 16px;
}

.plaid-linking-popup .swal2-confirm,
.matbia-swal-popup .swal2-confirm,
.matbia-swal-donation-block-popup .swal2-confirm {
  min-width: 190px;
}

.plaid-linking-popup.swal2-icon-success #swal2-html-container,
.matbia-swal-popup.swal2-icon-success #swal2-html-container {
  order: 1;
}

.plaid-linking-popup.swal2-icon-success .swal2-icon.swal2-success,
.matbia-swal-popup.swal2-icon-success .swal2-icon.swal2-success {
  order: 2;
  margin-bottom: 80px;
}

.plaid-linking-popup.swal2-icon-success .swal2-actions,
.matbia-swal-popup.swal2-icon-success .swal2-actions {
  order: 3;
}

.plaid-linking-popup.swal2-icon-success .swal2-icon.swal2-success .swal2-success-ring,
.matbia-swal-popup.swal2-icon-success .swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid rgb(115 103 240);
}

.plaid-linking-popup.swal2-icon-success .swal2-icon.swal2-success .swal2-success-line-long,
.matbia-swal-popup.swal2-icon-success .swal2-icon.swal2-success .swal2-success-line-long {
  background-color: #7367f0;
}

.plaid-linking-popup.swal2-icon-success .swal2-success-line-tip,
.matbia-swal-popup.swal2-icon-success .swal2-success-line-tip {
  background-color: #7367f0;
}

.by-showing.overview-filter ul.dropdown-menu.show {
  /* height: 225px; */
}

.profile-page .title--bar {
  font: normal normal bold 30px/39px Azo Sans;
}

.profile-page {
  padding-top: 8%;
}

.profile-page .card--custom:not(:last-child) {
  margin-bottom: 32px;
}

.available-present-wrap {
  display: flex;
  justify-content: space-between;
}

.available-present-wrap.content .content-left {
  flex: 0 0 57%;
  max-width: 57%;
}

.available-present-wrap.content .content-right {
  flex: 0 0 43%;
  max-width: 43%;
  padding-top: 2px;
}

.available-present-wrap.content .content-right h5 {
  color: #454545;
  font-size: 20px;
  margin-bottom: 4px;
  font-family: 'Azo Sans';
}

.available-present-wrap.content .content-right p {
  font-size: 13px;
}

.setup-card-setting.animate .account-list--item .flex-wrap,
.setup-your-amount-wrap.animate .account-list--item .flex-wrap {
  animation-duration: 0.6s;
  animation-name: Modal-panelShakeAnimation;
  animation-timing-function: ease-in-out;
}

.btn-loader-common .loader {
  color: #fff;
  border-radius: 4px;
  line-height: 38px;
  background-color: #5d62e0;
  border-color: #5d62e0;
  width: 50%;
  margin: 0 auto;
  width: 180px;
  height: 44px;
  text-align: center;
  margin-top: -24px;
}

.btn-loader-common .btn-loader-inside {
  height: auto;
  padding: 0;
  line-height: normal;
  margin: 0;
  border: 0;
  border-radius: 4px;
  transition: none;
  width: 180px;
}

.btn-loader-common .btn-loader-inside span {
  height: 44px;
  display: block;
  line-height: 44px;
}

.setup-card-setting .material-icons {
  font-size: 18px;
  position: relative;
  top: 3px;
  color: #afb1ef;
}

.icon-setting {
  color: #5d62e0;
}

.setting-card-wrap span img {
  max-width: 40px;
}

.setting-card-wrap span {
  margin-right: 7px;
  position: relative;
  top: -2px;
}

.btn-for-setup-card.btn-loader-common .btn-loader-inside,
.btn-for-setup-card.btn-loader-common .loader {
  width: 100%;
}

.btn-for-setup-card.btn-loader-common .loader {
  margin-top: 0;
  max-width: 49%;
  margin-right: 0;
}

.need-more-info-modal {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px;
}

.need-more-info-modal .img-need-more {
  flex: 0 0 100%;
  margin-bottom: 20px;
  margin-top: 40px;
}

.need-more-info-modal .info-need-more {
  flex: 0 0 100%;
  text-align: center;
  margin-bottom: 60px;
}

.need-more-info-modal .need-more-btn {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
}

.need-more-info-modal .img-need-more img {
  max-width: 90px;
}

.need-more-info-modal .info-need-more p {
  font-size: 18px;
  font-weight: 600;
  max-width: 260px;
  line-height: normal;
  margin: 0 auto;
}

.need-more-btn .box .file-btn {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.need-more-btn .box .file-btn+label {
  max-width: 255px;
  font-size: 15px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.825rem 1.25rem;
  color: #5d62e0;
  background-color: #dedff5;
  border-radius: 8px;
  width: 100%;
  transition: 0.3s;
}

.need-more-btn .box .file-btn+label:hover {
  background: #d0d2fc;
}

.need-more-btn .btn-try-again {
  color: #5d62e0;
  text-transform: uppercase;
  font-weight: 500;
  max-width: 130px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.need-more-btn label span i {
  margin-right: 4px;
  font-size: 16px;
}

.small-deposite-modal {
  padding: 30px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.small-deposite-modal .img-deposite {
  flex: 0 0 100%;
  margin-top: 10px;
}

.small-deposite-modal .info-deposite {
  flex: 0 0 100%;
}

.info-deposite p {
  font-size: 18px;
  font-weight: 500;
  max-width: 360px;
  line-height: normal;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 30px;
  font-family: 'Azo Sans';
}

.deposite-box span {
  font-size: 15px;
  color: #5d5c5f;
  font-family: 'Azo Sans';
  flex: 0 0 100%;
  margin-bottom: 10px;
}

.deposite-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.deposite-box .inside-deposite {
  flex: 0 0 50%;
  max-width: 148px;
  padding: 0 10px;
}

.deposite-btn {
  flex: 0 0 100%;
  margin-top: 40px;
  margin-bottom: 20px;
}

.deposite-btn button {
  font-family: 'Azo Sans';
  font-size: 15px;
}

.deposite-box .inside-deposite input {
  max-width: 100%;
  border: 2px solid #bebfd4;
  outline: none;
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: #434246;
  font-size: 18px;
  font-family: 'Azo Sans';
  text-align: center;
  background: #fbfbfd;
}

.deposite-box .inside-deposite label {
  font-family: 'Azo Sans';
  color: #454545;
  font-size: 14px;
  margin-bottom: 3px;
  font-weight: 500;
}

.small-deposite-modal .close-icon {
  position: absolute;
  top: 0;
  right: 0;
}

.small-deposite-modal .close-icon span {
  color: rgba(0, 0, 0, 0);
  font-family: 'Azo Sans';
  font-weight: 500;
  font-size: 16px;
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 15px;
  margin-right: 15px;
  cursor: pointer;
}

.small-deposite-modal .close-icon span:before,
.small-deposite-modal .close-icon span:after {
  content: '';
  width: 3px;
  height: 20px;
  position: absolute;
  background: #d2d2d2;
  top: 0;
  left: 10px;
}

.small-deposite-modal .close-icon span:before {
  transform: rotateZ(45deg);
}

.small-deposite-modal .close-icon span:after {
  transform: rotateZ(-45deg);
}

.val-error {
  color: red;
}

.finish-setup-content .val-error .material-icons {
  font-size: 16px;
  line-height: normal;
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: red;
}

.card--custom.plan-transfer .top-content {
  align-items: center;
}

.connect-you-bank-wrap .proccess-info .actions-btns {
  display: flex;
  align-items: center;
}

.transfer-row .calendar-table .dropdowns {
  border: 1px solid #ddd;
  padding: 3px 12px 5px;
  width: auto;
  min-width: 76px;
  border-radius: 3px;
  background: no-repeat;
  margin: 0 6px;
  text-align: left;
  background-color: #f8f8f8;
  color: #988c8c;
}

.transfer-row .calendar-table .dropdowns:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  right: 6px;
  border: 2px solid #988c8c;
  transform: rotate(45deg);
  border-top: 0;
  border-left: 0;
  top: 8px;
}

.transfer-row .calendar-table .dropdowns:focus {
  z-index: 1;
  border-color: #5d62e0;
}

.transfer-row .calendar-table .dropdowns:after {
  content: 'Month';
  position: absolute;
  top: -21px;
  width: 100%;
  left: 0;
  text-align: center;
  color: #b0b0b0;
  font-weight: 500;
  font-family: 'Azo Sans' !important;
}

.transfer-row .date-birth .drops-down-auto {
  padding-top: 15px;
}

.transfer-row .calendar-table .dropdowns:nth-child(2):after {
  content: 'Year';
}

.transfer-row .calendar-table .dropdowns select {
  height: 100%;
}

.list-of-cards .title--bar {
  font: normal normal bold 30px/39px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
}

.check-your-mail .btn-group .btn-primary {
  height: 38px;
}

.btn-for-donate-card button:disabled {
  width: 0;
}

.btn-for-donate-card .btn-loader-inside {
  width: 240px;
}

.btn-for-donate-card .loader {
  width: 240px;
  margin-top: 0;
}

.link-account-radio .custom-control-label {
  line-height: 22px;
  height: 22px;
  padding-left: 22px;
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.link-account-radio .custom-control-label:after,
.link-account-radio .custom-control-label:before {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
}

.link-account-radio .custom-control-label:before {
  background: #d1d7e3;
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}

.link-account-radio input:checked+.custom-control-label:before {
  transform: scale(1.04);
  background: #5d62e0;
}

.link-account-radio .custom-control-label:after {
  background: #fff;
  transform: scale(0.78);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}

.link-account-radio input:checked+.custom-control-label:after {
  transform: scale(0.4);
  transition: transform 0.3s ease;
}

.link-account-radio .custom-control-input {
  position: absolute;
  left: -10px;
  top: -29px;
  opacity: 0;
  height: 83px;
  cursor: pointer;
  width: 110px;
}

.link-account-radio {
  position: relative;
}

.link-account-radio input+.custom-control-label:hover:before {
  transform: scale(0.92);
}

.arrow-click-area>div {
  position: absolute;
  left: -25px;
  width: 50px;
  height: 82px;
  top: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-click-area {
  position: relative;
}

.item-collapse-panel .collapse-item-inside {
  padding: 14px 24px;
  padding-right: 0 !important;
  display: flex;
  flex-wrap: wrap;
}

.item-collapse-panel .item-collapse-heading {
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 23px;
  color: #454545;
}

.item-collapse-panel .form-control {
  border-color: #bebfd4 !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  background-color: #fbfbfd !important;
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.item-collapse-panel .collapse-item-inside .bank-info-wrap {
  max-width: 50%;
  width: 100%;
}

.item-collapse-panel .collapse-item-inside .acc-verification-status {
  max-width: 50%;
  width: 100%;
}

.item-collapse-panel .collapse-item-inside .acc-verification-status .account-verify-wrap {
  display: block;
}

.item-collapse-panel .collapse-item-inside .acc-verification-status label {
  text-align: left;
  font: normal normal 500 12px/18px Azo Sans;
  letter-spacing: 0px;
  color: #a3a3a3;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.ng-select.ng-select-phone .ng-select-container {
  border-color: #bebfd4;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  background-color: #fbfbfd;
  height: 45px;
  padding-left: 7px;
  padding-right: 7px;
}

.ng-select.ng-select-phone.ng-select-opened .ng-select-container {
  border-color: #72727b;
}

.ng-select.ng-select-phone .ng-arrow-wrapper .ng-arrow {
  border-color: #454545 transparent transparent;
}

.ng-select.ng-select-phone.ng-select-opened>.ng-select-container .ng-arrow {
  border-color: transparent transparent #454545;
}

.ng-select.ng-select-phone .ng-dropdown-panel {
  box-shadow: 0px 10px 30px #0d0f312e;
  border: 1px solid #eeeef1 !important;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  margin: 5px 0 !important;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #616161;
  padding: 10px 10px 10px 50px;
  position: relative;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 8px 17px;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-footer .btn-pin {
  font-size: 13px;
  line-height: 17px;
  color: #5d62e0;
  text-transform: uppercase;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-footer .btn-pin i {
  margin-left: 3px;
  margin-right: 13px;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input {
  display: none;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option::before {
  content: '';
  width: 18px;
  height: 18px;
  background-color: #f0f0f0;
  border: 1px solid #b4b4b4;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 0;
  margin: auto;
  max-height: 18px;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #585de5;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #f2f2f5;
  color: #616161;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked::before {
  border-color: #585de5;
}

.ng-select.ng-select-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked::after {
  opacity: 1;
  visibility: visible;
}

.row-button {
  margin-top: 32px !important;
}

.tooltip-menu:hover:after {
  display: block !important;
  -webkit-justify-content: center;
  justify-content: center;
  background: #e2e2e2;
  border-radius: 7px;
  color: #4e4e4e;
  content: attr(data-hover);
  font-size: 16px;
  padding: 3px 2px;
  width: 170px;
  position: absolute;
  right: 120%;
  font-weight: 500;
  line-height: 22px;
  top: 8px;
  border: 0;
}

.tooltip-menu {
  position: relative;
}

.tooltip-menu:hover:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  right: 113%;
  background: #e2e2e2;
  transform: rotate(45deg);
  top: 15px;
}

.tooltip-menu {
  position: relative;
}

.top-content .info-card .row-content p a {
  float: right;
  height: 30px;
  margin-top: -10px;
  display: flex;
  align-items: end;
  justify-content: flex-end;
  min-width: 120px;
}

.matbia-additional-info p {
  font-size: 11px;
  line-height: normal;
  margin: 0;
}

.matbia-additional-info {
  margin-right: -14%;
  width: 60%;
  margin-left: auto;
  max-width: 60%;
}

.forgot-label .forgot-pass {
  background: #fff;
  padding-left: 8px;
  cursor: pointer;
  color: #5d62e0;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
}

.forgot-label {
  position: relative;
}

.forgot-label input {
  padding-right: 114px;
}

.inside-forgot {
  display: flex;
  flex-direction: column;
}

.forgot-reset h3 {
  font-family: 'Azo Sans';
}

.forgot-reset h3 span {
  color: #5d62e0;
}

.forgot-reset p {
  margin: 0;
  color: #454545;
  text-align: left;
  line-height: normal;
  font-family: 'Azo Sans';
  margin: 0 auto 10px;
}

.forgot-field {
  display: flex;
  flex-direction: column;
  position: relative;
}

.forgot-field .material-icons {
  position: absolute;
  top: 11px;
  color: #aaa9a9;
  left: 9px;
  font-family: 'Material Icons';
  margin-top: 0px;
}

.forgot-field input {
  border: 1px solid #bebfd4;
  border-radius: 4px;
  height: 48px;
  padding: 10px 16px;
  box-sizing: border-box;
  padding-left: 40px;
  background: #fbfbfd;
  font-family: 'Azo Sans';
  outline: none;
}

.forgot-field .btn-primary {
  box-shadow: none;
  border: 0;
  font-family: 'Azo Sans';
  font-size: 14px;
  border-radius: 4px;
}

.forgot-field span {
  text-align: center;
  font-family: 'Azo Sans';
  max-width: 100%;
  margin-top: 10px;
}

.forgot-field input:focus {
  border-color: #5d62e0;
}

.login-action.reset-pass-btn button.btn-primary {
  width: 100%;
  margin: 0 !important;
}

.login-action.reset-pass-btn .loader {
  width: 100%;
}

.tnx-row-date {
  display: flex;
  align-items: flex-start;
}

.tnx-row-date .lbl--text {
  white-space: nowrap;
}

.tnx-row-date .lbl--value {
  margin-top: 0 !important;
  margin-left: 0;
}

.transaction-table .card-body {
  padding-left: 10px;
  padding-right: 10px;
}

.transaction-table .card-body .colm {
  padding: 0 20px;
}

.item-method {
  padding: 0 20px;
}

.item-source,
.item-transaction {
  padding: 0 20px;
}

.amount-div.th-div,
.blnce-div.th-div {
  padding-left: 15px !important;
}

.transaction-page .tnx-row-date .lbl--text,
.transaction-table .tnx-row-date .lbl--text {
  margin-right: 5px;
  min-width: 90px;
}

.transaction-page .tnx-row-date,
.transaction-table .tnx-row-date {
  padding-left: 0px;
  margin-bottom: 7px;
}

.transaction-page .tnx-row-date:nth-child(2),
.transaction-table .tnx-row-date:nth-child(2) {
  margin-bottom: 0;
}

.bussiness-box-wrap .boxes-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bussiness-box-wrap .boxes-container .boxes-inside {
  max-width: 48%;
  flex: 0 0 48%;
  text-align: center;
  background: #f0f0f0;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 40px;
  transition: 0.3s;
  cursor: pointer;
}

.bussiness-box-wrap .boxes-container .boxes-inside:hover {
  border-color: #44479d;
  background: #f0f0f4;
}

.bussiness-box-wrap .boxes-container .bussiness-box h4 {
  margin: 0;
  font-size: 18px;
  color: #454545;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bussiness-box-wrap .boxes-container .bussiness-box p {
  font-size: 14px;
  color: #6c6c6c;
  line-height: 20px;
  text-align: center;
  max-width: 270px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.bussiness-box-wrap .boxes-container .bussiness-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bussiness-box-wrap .boxes-container .bussiness-box img {
  max-width: 70px;
  margin: 0 auto;
}

.bussiness-box-wrap .boxes-container .bussiness-box .btn {
  font-family: 'Azo Sans';
  font-size: 14px;
  max-width: 255px;
  margin: 0 auto;
  margin-top: auto;
}

.bussiness-box-wrap .boxes-container .bussiness-box label {
  min-height: 80px;
}

.transaction-modal-main .modal-dialog {
  max-width: 500px;
}

.transaction-modal-main .transaction-modal {
  padding: 30px;
  text-align: center;
}

.after-transaction .btn-close {
  margin-top: -10px;
  margin-left: auto;
  display: block;
  margin-bottom: 20px;
}

.transaction-modal p {
  font-size: 15px;
  color: #919191;
  line-height: normal;
  font-family: 'Azo Sans';
  text-align: center;
}

.transaction-info {
  max-width: 420px;
  background: #f0f0f4;
  border: 1px solid #d6d6e1;
  border-radius: 8px;
  padding: 20px 10px;
  box-sizing: border-box;
  margin: 15px auto;
}

.transaction-info p {
  margin: 0;
  font-size: 18px;
  color: #5d62e0;
  line-height: normal;
}

.transaction-info span {
  font-size: 12px;
  color: #454545;
  line-height: normal;
}

.transaction-info h3 {
  margin: 0;
  font-weight: 800;
  font-size: 32px;
  font-family: 'Azo Sans';
  line-height: normal;
}

.transaction-modal label {
  color: #5d62e0;
  margin-bottom: 20px;
}

.transaction-modal .action-btn button {
  width: 180px;
  border-radius: 4px;
  font-family: 'Azo Sans';
  font-size: 14px;
}

.transaction-info .lbl-failded {
  color: #ff5d5d;
}

.transaction-info .ac-ending {
  font-size: 12px;
  color: #454545;
}

.payment-failed-icon {
  margin-bottom: 20px;
}

.ac-ending {
  margin-bottom: 20px;
}

.contact-section .form-box .alert {
  padding-right: 10px;
  font-weight: 500;
}

.contact-section .form-box .alert .close {
  background: transparent;
  border: 0;
  font-weight: 900;
  height: 40px;
  line-height: normal;
  position: relative;
  top: -10px;
  float: right;
}

.contact-section .form-box .alert .close span {
  overflow: hidden;
  font-size: 42px;
  height: 40px;
  line-height: 30px;
  display: inline-block;
  color: #7e7979;
}

.contact-section .has-focus .form-control {
  border-color: #44479d !important;
}

.enter-bank-info-modal .alert {
  padding-right: 10px;
}

.enter-bank-info-modal .alert .close {
  background: transparent;
  border: 0;
  font-weight: 900;
  height: 40px;
  line-height: normal;
  position: relative;
  top: -10px;
  float: right;
}

.enter-bank-info-modal .alert .close span {
  overflow: hidden;
  font-size: 22px;
  height: 40px;
  line-height: 32px;
  display: inline-block;
  color: #7e7979;
}

.row-org,
.row-collector {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.row-org .lbl--value,
.row-collector .lbl--value {
  margin-top: 0 !important;
}

.row-org .lbl--text,
.row-collector .lbl--text {
  min-width: 100px;
}

.item-collector {
  margin-top: 7px;
}

.bank-info-tooltip {
  margin-left: 5px;
  color: #f2dd73;
  position: relative;
  top: -5px;
  line-height: normal;
}

.bank-tooltip .bank-info-tooltip img {
  margin-bottom: 0 !important;
  height: 20px !important;
}

.bank-tooltip {
  display: flex;
}

.bank-info-tooltip:after {
  content: attr(data-hover);
  width: 300px;
  position: absolute;
  padding: 9px;
  background: #eeecec;
  border-radius: 4px;
  min-height: 40px;
  left: 49px;
  top: -10px;
  box-shadow: 4px 5px 7px #dadada;
  font: normal normal normal 13px/16px Azo Sans;
  color: #454545;
  visibility: hidden;
}

.bank-info-tooltip:before {
  content: '';
  width: 15px;
  height: 15px;
  background: #eeecec;
  position: absolute;
  left: 42px;
  transform: rotate(45deg);
  top: 0;
  visibility: hidden;
}

.bank-info-tooltip:hover:before,
.bank-info-tooltip:hover:after {
  visibility: visible;
}

/*Request matbia card modal start*/
.request-card-pop .modal-header .btn-close {
  margin-top: -45px;
  margin-right: -30px;
  font-size: 12px;
}

.request-card-pop .modal-header .modal-title {
  text-align: left;
  color: #454545;
}

.request-card-pop .modal-header {
  border: 0;
  text-align: left;
  padding: 30px 40px;
  padding-bottom: 20px;
}

.request-card-pop .modal-body {
  padding: 40px;
  padding-top: 0;
}

.request-matbia-card-form .form-group label {
  color: #454545;
  font-size: 13px;
  font-weight: 500;
}

.request-matbia-card-form .form-group {
  margin-bottom: 13px;
}

.request-matbia-card-form .form-group .form-control {
  border-color: #bebfd4;
  font-size: 15px;
  color: #454545;
  font-family: 'Azo Sans';
  background: transparent;
  border: 1px solid #bebfd4;
  border-radius: 4px;
}

.btn-request-card button {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Azo Sans';
}

.request-card-form .btn-request-card {
  margin-top: 35px;
}

.request-card-success {
  margin-top: -40px;
}

.request-card-success button.close {
  float: right;
  border: 0;
  background: transparent;
  margin-right: -20px;
}

.request-card-success .success-content {
  padding-top: 60px;
  text-align: center;
}

.request-card-success .success-content .text-wrap {
  margin: 40px 0;
}

.request-card-success .success-content .text-wrap h3 {
  color: #5d62e0;
  text-transform: uppercase;
  font: normal normal normal 25px/30px Azo Sans Uber;
}

.request-card-success .success-content button.btn {
  width: 120px;
  font-size: 18px;
  font-weight: 600;
}

.pac-container.pac-logo {
  z-index: 1060;
}

/*Request matbia card modal end*/

.transaction-header-mobile,
.request-header-mobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  padding: 24px 0;
  background: #fff;
  display: none;
}

.transaction-header-mobile button,
.request-header-mobile button {
  position: absolute;
  left: 10px;
  top: 25px;
  color: #454545 !important;
}

.transaction-header-mobile h2,
.request-header-mobile h2 {
  margin: 0;
  font-size: 16px;
  color: #454545;
  padding: 0 40px;
  text-align: center;
}

.app-search .btn-org-search {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 36px;
  border-radius: 5px !important;
  font-family: 'Azo Sans';
  line-height: 36px;
}

.app-search .btn-org-search.hover-message:before {
  content: attr(data-hover);
  position: absolute;
  top: 48px;
  left: -150px;
  right: -7px;
  background: #ececec;
  line-height: normal;
  color: #888181;
  min-width: 180px;
  padding: 9px 5px;
  border-radius: 3px;
  text-align: right;
  font-size: 14px;
  box-shadow: #cecece -2px 3px 5px 0px;
}

.app-search .btn-org-search.hover-message:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #ececec;
  position: absolute;
  top: 43px;
  right: 31px;
  transform: rotate(45deg);
  z-index: -1;
}

.app-search .btn-org-search:before,
.app-search .btn-org-search:after {
  display: none;
}

.app-search .btn-org-search.hover-message:hover:before,
.app-search .btn-org-search.hover-message:hover:after {
  display: block;
}

/*USPS modal start*/
.usps-modal-main .modal-dialog {
  max-width: 440px;
}

.usps-modal-inside .usps-info h5 {
  margin-bottom: 50px;
  font-size: 1.4rem;
}

.usps-modal-inside .usps-info h5:nth-child(3) {
  margin-bottom: 0;
}

.usps-modal-inside .usps-info h4 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.usps-modal-inside .usps-info {
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
}

.usps-modal-inside .action--buttons {
  margin: 0 !important;
  justify-content: center !important;
  margin-top: 20px !important;
  padding: 0 20px;
  padding-bottom: 30px;
}

.usps-modal-inside .action--buttons .btn-primary {
  width: auto;
  text-transform: capitalize;
}

.usps-modal-inside .action--buttons .btn {
  font-size: 18px;
  line-height: normal;
}

.usps-modal-inside .action--buttons .btn-cancel {
  margin-right: 10px;
}

.usps-modal-inside .action--buttons .btn-cancel {
  margin-right: 10px;
  background: #e5e5e5;
  padding: 2px 30px;
  font: normal normal 500 18px/19px Azo Sans;
}

.usps-modal-main .usps-modal-inside {
  overflow: auto;
}

/*USPS modal end*/

/*Organization overview page start*/
.organizarion-overview-wrap .top-content {
  margin-left: 0;
  margin-right: 0;
}

.organizarion-overview-wrap .organization-left {
  width: 22%;
  background: #f0f0f4;
  border: 1px solid #d6d6e1;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.organizarion-overview-wrap .organization-right {
  width: 76%;
  background: #f0f0f4;
  border: 1px solid #d6d6e1;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.organizarion-overview-wrap {
  font-family: 'Azo Sans';
  margin-bottom: 2%;
}

.organization-graph .chart-image {
  height: 250px;
}

.inside-organization {
  width: 100%;
  padding: 30px;
  padding-bottom: 0;
  display: flex;
}

.inside-organization .org-available-bal {
  padding-top: 10px;
}

.org-available-bal h6 {
  color: #454545;
  font-size: 26px;
  margin: 0;
  line-height: normal;
  font-weight: 600;
}

.org-available-bal p {
  font-size: 14px;
  color: #8b8b8b;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.org-available-bal p img {
  width: 12px;
}

.inside-organization .org-present-bal {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  border-top: 1px solid #d6d6e1;
  padding-top: 20px;
}

.org-present-bal p {
  font-size: 14px;
  color: #8b8b8b;
}

.org-present-bal span {
  font-size: 16px;
  color: #454545;
}

.org-reedem {
  margin-right: -30px;
  margin-left: -30px;
  padding: 30px 30px;
  background: #e4e4f1;
  border-top: 1px solid #d6d6e1;
  text-align: center;
  margin-top: 20px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: auto;
}

.org-reedem .btn-redeem-donation {
  font-size: 14px;
  line-height: normal;
  width: 100%;
}

.present-tooltip:before {
  content: attr(data-hover);
  background: #e2e2e2;
  color: #454545;
  padding: 10px 10px;
  width: 220px;
  position: absolute;
  text-align: left;
  border-radius: 3px;
  font-size: 14px;
  height: auto;
  min-height: 30px;
  left: 30px;
  top: -7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: normal;
  font-style: italic;
}

.present-tooltip:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #e2e2e2;
  position: absolute;
  left: 26px;
  top: 1px;
  transform: rotate(45deg);
}

.present-tooltip:before,
.present-tooltip:after {
  display: none;
}

.present-tooltip:hover:before,
.present-tooltip:hover:after {
  display: block;
}

.present-tooltip {
  border: 1px solid #8b8b8b;
  color: #8b8b8b;
  font-weight: 500;
  width: 13px;
  height: 13px;
  display: inline-block;
  font-size: 10px;
  line-height: normal;
  text-align: center;
  border-radius: 50%;
  margin-left: 3px;
}

.organization-graph {
  flex: 0 0 75%;
  width: 100%;
  max-width: 75%;
}

.org-donation {
  flex: 0 0 25%;
}

.showing-donation label {
  font-size: 14px;
  color: #8b8b8b;
}

.donation-amount {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5px;
}

.donation-amount h6 {
  margin: 0;
  font-size: 22px;
  color: #454545;
}

.donation-amount span {
  text-align: right;
  font-size: 14px;
  color: #20b737;
}

.total-donation p {
  margin: 0;
  color: #8b8b8b;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.total-donation p img {
  width: 12px;
}

.total-donation p {
  margin: 0;
  color: #8b8b8b;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.showing-donation {
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6e1;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.org-donation-this-mo {
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6e1;
  margin-bottom: 20px;
}

.organization-left .inside-organization {
  flex-direction: column;
}

.showing-donation button {
  border: 1px solid rgb(0 0 0 / 15%);
  border-radius: 8px;
  max-width: 120px;
  margin-left: auto;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 500;
}

/*Organization overview page end*/

/* Card setting slideout start */
.card-info .copied::after {
  content: 'Copied!';
  color: #1aab00;
  font-weight: 500;
  margin-left: 5px;
  animation-name: opacity-copied;
  animation-duration: 0.1s;
  display: inline-block !important;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
}

.card-info-setting button {
  background: transparent;
  border: 0;
  padding: 0;
  color: #5d62e0;
  font-size: 20px;
}

.card-info-slideout {
  position: absolute;
  bottom: 0;
  right: 5px;
  width: 225px;
  height: 100%;
  background: #fff;
  transition: 0.8s;
  transform: translate3d(0%, 0px, 0px);
  padding-right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cardinfo-title button span {
  color: #212529 !important;
  font-size: 20px !important;
}

.cardinfo-title button {
  padding: 0;
  background: transparent;
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.cardinfo-title {
  position: relative;
  margin-bottom: 20px;
  margin-top: 10px;
}

.card-info-slideout-inside {
  padding: 15px;
  height: 100%;
  overflow: auto;
  padding-left: 25px;
}

.cardinfo-title h3 {
  text-align: center;
  margin: 0;
  font-size: 1.25rem;
  color: #a3a3a3;
}

.card-info-slideout .card-row .lbl--text {
  color: #454545;
  font-size: 12px;
}

.setup-card-setting.finish-setup-content .card-info-slideout .card-row .form-control {
  border: 1px solid #b6b6b6;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
}

.setup-card-setting.finish-setup-content .card-info-slideout .card-row .is-invalid .form-control {
  border-color: #f00;
}

.card-info-slideout .card-row.two-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: none !important;
}

.card-info-setting {
  text-align: right;
  margin-top: 10px;
}

.card-info-slideout .card-row.two-col .card-pin,
.card-info-slideout .card-row.two-col .card-exp {
  flex: 0 0 47%;
  max-width: 47%;
}

.card-info-slideout .card-row {
  margin-bottom: 20px;
}

.card-info-slideout .card-row p {
  margin: 0;
  padding-top: 0;
  line-height: normal;
  margin-bottom: 10px;
}

.setup-card-setting.finish-setup-content .card-info-slideout .card-row .form-control:focus {
  border-color: #5d62e0;
}

/* Card setting slideout end */

/* Email exist modal start */
.email-exist-wrap .email-logo {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
}

.email-exist-wrap .email-exist-label h3 {
  font-family: 'Azo Sans';
  color: #000;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 40px;
}

.email-exist-label p {
  text-align: center;
  max-width: 380px;
  margin: 0 auto;
  margin-bottom: 50px;
  font: normal normal 500 16px/22px Azo Sans;
  font-weight: normal;
}

.email-exist-action {
  text-align: center;
}

.email-exist-action .btn-cancel {
  background: #e6e6e6;
  padding: 8px 30px;
  border-radius: 8px;
}

.email-exist-action .btn-primary {
  padding: 8px 30px;
}

.email-exist-action .btn-cancel,
.email-exist-action .btn-primary {
  min-width: 115px;
  margin: 0 10px;
  font-size: 18px;
  font-weight: 500;
}

/* Email exist modal end */

.setup-business-container {
  max-width: 1411px;
  margin: 0 auto;
  padding: 0 10px;
  min-height: calc(100vh - 132px);
}

.business-account .title h3 {
  color: #454545;
  font-size: 30px;
  font-weight: 600;
}

.business-account .title {
  font-family: 'Azo Sans';
  max-width: 595px;
  margin-bottom: 40px;
}

.business-account .title p {
  margin: 0;
  font-size: 12px;
  color: #6c6c6c;
}

.business-account .inside-setup-bussiness {
  padding: 5% 0;
  display: flex;
  flex-wrap: wrap;
}

.business-account .tabbing-content {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000000d;
  border-radius: 5px;
  padding: 10px 40px;
}

.business-account .tabbing-content ul li .nav-link {
  border: 0 !important;
}

.business-account .tabbing-content ul li .nav-link.active {
  border-bottom: 2px solid #5d62e0 !important;
  color: #5d62e0;
  opacity: 1;
}

.business-account .tabbing-content ul li .nav-link {
  border: 0 !important;
  color: #454545;
  opacity: 0.5;
  font-size: 14px;
  font-family: 'Azo Sans';
  font-weight: 500;
}

.business-account .inside-setup-business-form {
  display: flex;
  flex-direction: column;
}

.business-account .setup-businnes-form .input-form {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  justify-content: space-between;
}

.business-account .input-one .inside-input {
  max-width: 48%;
  display: flex;
  flex: 0 0 48%;
  width: 48%;
  flex-wrap: wrap;
}

.business-account .form-two .inside-input {
  max-width: 48%;
  display: flex;
  flex: 0 0 48%;
  width: 48%;
  flex-wrap: wrap;
}

.business-account .form-three .inside-input {
  flex: 0 0 33%;
  max-width: 33%;
  width: 33%;
  display: flex;
  flex-wrap: wrap;
}

.business-account .form-three .inside-input:nth-child(1) {
  flex: 0 0 48%;
  max-width: 48%;
  width: 48%;
}

.business-account .form-three .inside-input:nth-child(2),
.business-account .form-three .inside-input:nth-child(3) {
  flex: 0 0 22%;
  max-width: 22%;
}

.business-account .inside-input label {
  font-size: 14px;
  color: #454545;
  font-family: 'Azo Sans';
  font-weight: 500;
}

.business-account .form-one .inside-input {
  flex: 0 0 48%;
  width: 48%;
  display: flex;
  flex-wrap: wrap;
}

.business-account .inside-setup-bussiness .setup-business-left {
  flex: 0 0 78%;
}

.business-account .inside-setup-bussiness .setup-business-right {
  flex: 0 0 22%;
  position: relative;
  margin-top: 0;
  padding-left: 22px;
}

.business-account .inside-setup-bussiness .action--button {
  width: 78%;
  flex: 0 0 78%;
}

.business-account .inside-input .lbl-col {
  width: 129px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.business-account .inside-input .input-col {
  max-width: calc(100% - 129px);
  width: calc(100% - 129px);
}

.business-account .inside-input .input-col select,
.business-account .inside-input .input-col input {
  width: 100%;
  border: 1px solid #bebfd4;
  background: #fbfbfd;
  border-radius: 3px;
  height: 42px;
  padding: 5px 15px;
  outline: none;
  font-family: 'Azo Sans';
  font-size: 14px;
}

.business-account .tabbing-content .nav-tabs {
  margin-bottom: 40px;
}

.setup-business-left .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
  height: 100%;
}

.setup-business-left .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input[type='text'] {
  height: 100%;
}

.setup-business-left .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
  border-color: #5d62e0;
  box-shadow: none !important;
  height: 42px;
}

.business-account .form-two .inside-input.row-3 .lbl-col label {
  margin-top: 13px;
}

.setup-business-left .ng-select.ng-select-single .ng-select-container {
  height: 42px;
  background: #fbfbfd;
}

.business-account .inside-input .input-col select:focus,
.business-account .inside-input .input-col input:focus {
  border-color: #5d62e0;
}

.business-account .inside-setup-business-form .form-part {
  margin-top: 40px;
  border-color: #e5e5e5;
}

.business-account .inside-input.input-half .inside-input:nth-child(2) .lbl-col {
  width: 60px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.business-account .inside-input.input-half .inside-input {
  max-width: 60%;
  flex: 0 0 60%;
}

.business-account .inside-input.input-half .inside-input:nth-child(2) {
  max-width: 40%;
  flex: 0 0 40%;
}

.business-account .inside-input.input-half .inside-input:nth-child(2) .input-col {
  max-width: calc(100% - 60px);
  width: calc(100% - 60px);
}

.business-account .add-member-btn .add-member {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 14px;
  color: #585de5;
  font-weight: 500;
  transition: 0.3s;
}

.business-account .add-member-btn .add-member:hover {
  color: #454545;
}

.business-account .add-member-row {
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
  margin-bottom: 10px;
}

.business-account .basic-information label span {
  font-size: 22px;
  position: relative;
  top: 5px;
  margin-left: 3px;
  color: #00a8bb;
  cursor: pointer;
}

.business-account .main-form-part {
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
}

.business-account .form-three .inside-input .lbl-col {
  width: 100px;
}

.business-account .form-three .inside-input .input-col {
  max-width: calc(100% - 100px);
  width: calc(100% - 100px);
}

.business-account .form-two .inside-input.row-3 {
  width: auto;
}

.business-account .form-two .inside-input.row-3 .lbl-col {
  display: inline-block;
  width: auto;
  margin-right: 15px;
}

.business-account .form-two .inside-input.row-3 .input-col {
  display: inline-block;
  max-width: 92px;
  width: 92px;
}

.business-account .inside-setup-bussiness button {
  font-family: 'Azo Sans';
}

.business-account .inside-setup-bussiness .btn {
  min-width: 165px;
  line-height: 46px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  height: 44px;
}

.business-account .basic-information {
  position: sticky;
  top: 90px;
  background: #f0f0f4;
  border-radius: 8px;
  border: 1px solid #d6d6e1;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 95px;
}

.business-account .inside-input .input-col.owner-field input {
  max-width: 35%;
  width: 35%;
}

.business-account .basic-information label {
  font-size: 16px;
  color: #454545;
  font-family: 'Azo Sans';
  font-weight: 500;
}

.business-account .basic-information span:not(.material-icons) {
  font-size: 16px;
  color: #454545;
  opacity: 0.5;
  font-family: 'Azo Sans';
  display: flex;
  justify-content: space-between;
}

.business-account .basic-information ul {
  margin: 0;
  animation: 0;
  padding: 0;
  list-style: none;
}

.business-account .basic-information span .material-icons {
  font-family: 'Material Icons';
  font-size: 20px;
  font-weight: 500;
  color: #9f9f9f;
  cursor: pointer;
}

.business-account .basic-information ul:nth-child(2) {
  margin-top: 10px;
  border-top: 1px solid #cacaca;
  padding-top: 10px;
  display: block;
}

.business-account .basic-information li>span {
  padding-left: 8px;
}

.business-account .basic-information ul li {
  padding: 1px 0;
}

.business-account .basic-information li button {
  border: 0;
  color: #585de5;
  font-size: 14px;
  font-weight: 500;
  padding-left: 5px;
}

.business-account .register-personal-ac a {
  font-family: 'Azo Sans';
  font-size: 14px;
}

.business-account .tab-permission .inside-setup-business-form {
  padding-bottom: 50px;
}

.business-account.main-form-part input[type='number']::-webkit-outer-spin-button,
.business-account .main-form-part input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.business-account .main-form-part input[type='number'] {
  -moz-appearance: textfield;
}

.header-section .navbar-white .navbar {
  max-width: 1411px;
  padding: 16px 10px;
}

.business-account .is-invalid input,
.business-account .is-invalid select {
  border-color: #fa0d0d !important;
}

.business-account .form-two .inside-input.row-3 .input-col.is-invalid .ng-select-container {
  border-color: #fa0d0d;
}

.setupcard-page .account-list--panel .item-collapse-panel {
  z-index: 1;
}

.org-donation-inside .md-drppicker {
  min-width: 500px;
}

/* Validating organization page start */
.validate-org-container {
  max-width: 506px;
  margin: 0 auto;
}

.validate-form-wrap {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 45px #00000019;
  border-radius: 5px;
  padding: 10px 40px 30px;
}

.validate-title {
  text-align: center;
  margin-bottom: 8%;
}

.validate-title h3 {
  font-size: 30px;
  color: #454545;
  font-family: 'Azo Sans';
  font-weight: 600;
}

.validate-title p {
  max-width: 344px;
  margin: 0 auto;
  font-size: 16px;
  color: #434246;
  font-family: 'Azo Sans';
  line-height: normal;
}

.validate-form-inside .form--group label {
  font-size: 14px;
  font-family: 'Azo Sans';
  color: #454545;
  font-weight: 500;
}

.validate-form-inside .form--group {
  display: flex;
  border-bottom: 1px #c8c8c8 solid;
  padding: 8px 0px;
  flex-wrap: wrap;
}

.validate-form-inside .form--group .lbl-col {
  width: 160px;
}

.validate-form-inside .form--group .input-col {
  flex-basis: calc(100% - 160px);
  max-width: calc(100% - 160px);
}

.validate-form-inside .form--group .input-col .form-control {
  border: 0;
  font: normal normal normal 16px/17px Azo Sans;
  letter-spacing: 0px;
  color: #434246;
  background: none;
  height: 50px;
  padding: 0;
  padding-left: 0px;
}

.validate-form-inside .form--group .lbl-col label {
  text-align: left;
  font: normal normal 500 14px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 18px;
}

.validate-form-inside .form--group .input-col .form-control:focus {
  outline: none;
  box-shadow: none;
}

.validate-form-inside .action-button {
  margin-top: 30px;
  text-align: center;
}

.validate-form-inside .action-button button {
  max-width: 211px;
  width: 100%;
  text-transform: uppercase;
  font: normal normal 400 15px/18px Azo Sans;
  height: 50px;
}

.validate-form-inside .action-button button {
  height: auto;
  padding: 0;
  line-height: normal;
  margin: 0;
  border: 0;
  border-radius: 4px;
  transition: none;
}

.validate-form-inside .action-button button span {
  height: 48px;
  display: block;
  line-height: 48px;
  margin: 0;
}

.validate-form-inside .action-button .loader {
  color: #fff;
  height: 48px;
  border-radius: 4px;
  line-height: 48px;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  width: 50%;
  margin: 0 auto;
  margin-top: -24px;
}

.validating-org-wrap {
  background: url(../img/validate-org.png) no-repeat;
  min-height: calc(100vh - 133px);
  background-position: bottom;
  background-size: contain;
}

.validate-org-main {
  padding-top: 70px;
}

.validate-form-inside .form--group.is-invalid-er {
  border-color: #ff0000;
}

.validate-form-inside .form--group.has-focus {
  border-color: #44479d;
}

.validate-form-inside .form--group .input-col span.material-icons {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 22px;
  cursor: pointer;
}

.validate-form-wrap .validate-form-inside .form--group .error {
  margin-top: 0;
  line-height: 16px;
}

/* Create password */

.account-validate {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 20px;
  padding-top: 20px;
}

.account-validate h4 {
  font-size: 15px;
  color: #20b737;
  margin: 0;
  margin-left: 11px;
}

.org-create-password .validate-title {
  margin-top: 8%;
}

.validate-form-wrap .validate-form-inside .form--group .input-col {
  padding-left: 15px;
  position: relative;
}

.org-create-password .validate-form-inside .form--group .input-col .form-control {
  padding-right: 30px;
}

.validate-org-inside .validate-org-error {
  flex-basis: calc(100% - 160px);
  max-width: calc(100% - 160px);
  margin-left: auto;
  padding-left: 15px;
}

/* Validating organization page end */

.by-showing.overview-filter .md-drppicker {
  left: auto !important;
  right: 0 !important;
  min-width: 500px;
  transition: none !important;
  top: 50px !important;
}

/*Additional card page start*/
.add-additional-card-link a {
  text-transform: uppercase;
  font-weight: 500;
  color: #5d62e0;
  font-size: 14px;
}

.add-additional-card-link span {
  color: #5d62e0;
}

.add-additional-card-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}

.additional-content {
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0px 1px 22px #00000019;
  background: #fff;
  border-radius: 5px;
}

.additioncard-main-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 105px);
  padding-top: 10px;
}

.active-card-header h4 {
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
  font: normal normal normal 24px/32px Azo Sans Uber;
  letter-spacing: 0px;
  color: #fcb646;
  position: absolute;
}

.active-card-header {
  position: relative;
}

.active-card-header:before {
  background: #0e11677a 0% 0% no-repeat padding-box;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.additioncard-main-wrap .active-card-form {
  padding-top: 30px;
}

.additioncard-main-wrap .active-card-form h4 {
  margin-bottom: 30px;
}

.additioncard-main-wrap .btn-group {
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 22px 0;
}

/*Additional card page end*/

/*Redeems funds page start*/
.send--amount .card--custom {
  min-height: 171px;
}

.send-on {
  border-top: 1px solid #d6d6e1;
  padding-top: 15px;
}

.amount-top p {
  color: #454545;
  text-align: center;
  font-size: 14px;
}

.amount-top h4 {
  text-align: center;
  font-size: 25px;
  color: #454545;
  font-family: 'Azo Sans';
}

.amount-top {
  margin-bottom: 20px;
  padding-bottom: 5px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.amount-top-border-bottom {
  border-bottom: 1px solid #d6d6e1;
}

.amount-bottom {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.amount-bottom .amount-row span {
  font-size: 17px;
  color: #454545;
  font-weight: 500;
}

.amount-bottom .amount-row label {
  font-size: 14px;
  color: #454545;
  font-weight: 500;
}

.amount-bottom .amount-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}

.amount-bottom .amount-row:nth-child(2) {
  margin-bottom: 0;
}

.redeem-amount-inside {
  background: #f0f0f4;
  border: 1px solid #d6d6e1;
  border-radius: 7px;
  padding: 20px 35px;
  height: 100%;
}

.amount-top-height {
  height: 100%;
}

.autometic-transfer .recurring--section.with-padding {
  padding: 38px 30px;
}

.autometic-transfer .recurring--label .form-check.toogle--btn {
  margin-bottom: 0;
}

.redeem-action button.btn {
  display: block;
  width: 100%;
  font: normal normal 500 13px/19px Azo Sans;
  max-width: 49%;
  margin: 0 auto;
  height: 40px;
}

.redeem-action {
  margin-top: 19%;
}

.redeem-action .btn-primary {
  text-transform: uppercase;
}

.redeem-action button.btn.btn-cancel {
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
}

/*Redeems funds page end*/

/*Calendar modal start*/
.modal-header.calendar-modal-header .modal-title {
  text-align: left;
  font-size: 18px;
  font-family: 'Azo Sans';
}

.calendar-modal-body label {
  font-family: 'Azo Sans';
  margin-bottom: 3px;
}

.calendar-modal-body .input-group input {
  border: 1px solid #dee2e6;
  height: 38px;
  padding: 10px;
  width: 100%;
  border-radius: 4px;
  line-height: normal;
  outline: none;
}

.calendar-modal-footer .btn {
  font-family: 'Azo Sans';
  width: 120px;
  line-height: normal;
}

.calendar-modal-body .input-group .form-control {
  background: transparent;
  border-radius: 4px !important;
}

.calendar-modal-body .input-group .md-drppicker {
  top: 54px !important;
}

/*Calendar modal end*/

.modal-header.calendar-modal-header .modal-title {
  text-align: left;
  font-size: 18px;
  font-family: 'Azo Sans';
}

/*Automatic transfer modal start*/
.automatic-transfers-modal .modal-dialog {
  max-width: 490px;
}

.automatic-transfer-modal-wrap {
  font-family: 'Azo Sans';
  overflow: auto;
  overflow: inherit;
}

.automatic-transfers-modal app-automatic-transfers-popup {
  overflow: inherit;
}

.automatic-transfer-header {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #cbcbcb;
  padding: 20px;
}

.automatic-transfer-header h4 {
  text-align: center;
  font-size: 18px;
  color: #454545;
  margin: 0;
  width: 100%;
  padding: 0 30px;
}

.automatic-transfer-header .close {
  background: transparent;
  border: 0;
  font-family: 'Azo Sans';
}

.automatic-transfer-body {
  padding: 30px;
}

.automatic-transfer-content>p {
  font-size: 14px;
  color: #727272;
  margin: 0;
}

.automatic-transfer-content ul {
  padding: 0;
  line-height: normal;
  list-style: none;
  margin-top: 20px;
  margin-bottom: 0;
}

.automatic-transfer-content ul li {
  margin-bottom: 15px;
}

.automatic-transfer-content ul li label {
  font-size: 16px;
  color: #454545;
  cursor: pointer;
  padding-left: 30px;
}

.automatic-transfer-content .radio-btn {
  position: relative;
}

.automatic-transfer-content .radio-btn input {
  opacity: 0;
}

.automatic-transfer-content ul li label:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #7e81bf;
  border-radius: 50%;
  background: #f3f3f9;
}

.automatic-transfer-content ul li label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: #585de5;
  border-radius: 50%;
  transition: 0.3s;
  transform: scale(0);
}

.automatic-transfer-content .radio-btn input:checked~label:after {
  transform: scale(0.6);
}

.automatic-transfers-modal .modal-content {
  border-radius: 8px;
  overflow: inherit;
}

.automatic-transfer-content ul li.transfer-col {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 18px;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}

.automatic-transfer-content ul li.transfer-col .radio-btn {
  max-width: 60%;
  flex: 0 0 60%;
  width: 100%;
  padding-right: 20px;
}

.automatic-transfer-content ul li.transfer-col .transfer-type {
  max-width: 40%;
  flex: 0 0 40%;
  width: 100%;
  padding-left: 20px;
}

.automatic-transfer-content ul li.transfer-col p {
  font-size: 12px;
  color: #919191;
  line-height: 16px;
  text-align: left;
  margin: 3px 0;
  padding-left: 30px;
}

.automatic-transfer-content ul li.transfer-col .transfer-type p {
  padding: 0;
  font-size: 14px;
  color: #454545;
  font-family: 'Azo Sans';
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.batch-transfer.automatic-transfer-content ul li.transfer-col {
  border-color: transparent;
  margin: 0;
}

.batch-transfer.automatic-transfer-content ul li.transfer-col.active-frequency {
  border-color: #ddd;
}

.automatic-transfer-footer {
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 30px;
}

.automatic-transfer-footer button {
  flex: 0 0 48%;
  width: 100%;
  height: 50px;
  line-height: normal;
}

.automatic-transfer-content ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.automatic-transfer-footer .btn-cancel {
  background: #e8e8f8;
  border-radius: 8px;
  color: #5d62e0;
}

.transfer-type .form-control {
  background: #f3f3f9;
  border: 1px solid #d5d6f4;
  max-width: 130px;
  text-align: right;
  font-size: 16px;
  color: #454545;
  height: 40px;
}

.transfer-action {
  text-align: right;
}

.transfer-action {
  color: #5d62e0;
  font-family: 'Azo Sans';
  cursor: pointer;
}

.transfer-action img {
  margin-top: -3px;
  margin-right: 5px;
}

.transfer-action i {
  margin-left: 40px;
  color: #989be4;
}

.transfer-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/*Automatic transfer modal End*/
.transaction-list-action-btn {
  position: absolute;
  right: 3%;
  padding: 0;
  width: 4%;
  display: flex;
  align-items: center;
}

.transaction-page .transaction-list-action-btn {
  position: relative;
  width: 15%;
  flex-wrap: wrap;
  right: auto;
}

.icon-void-payment .void-icon,
.icon-cancel-payment .void-icon {
  background: transparent;
  border: 1px solid #d6d6d6;
  padding: 1px 3px;
  height: 34px;
  width: 34px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-cancel-payment {
  right: 0.5%;
}

.icon-void-payment span,
.icon-cancel-payment span {
  color: #ec0c0c;
}

.account-list--panel .account-list--item .row-arrow {
  height: 84px;
  width: 100%;
  margin: 0 !important;
  max-width: 40px;
  padding: 0 !important;
  right: 0 !important;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.account-list--panel .account-list--item .row-arrow .arrow-click-area button {
  left: 0;
  top: 0;
  padding: 0 !important;
  width: auto;
  background: transparent;
  border: 0;
  height: 100%;
}

.account-list--panel .account-list--item .row-arrow .arrow-click-area {
  height: 100%;
}

.donate-content--wrap .top-content {
  margin-right: 0;
  margin-left: 0;
}

.val-error .val-error-lbl-msg {
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  top: -2px;
  margin-left: 5px;
}

.val-error .material-icons {
  font-size: 20px;
}

.transaction-page>.table-wrapper>.table {
  min-height: calc(100vh - 300px);
  padding-bottom: 10px;
}

.transaction-page .pagination-wrap,
.requests-page .pagination-wrap,
.schedules-page .pagination-wrap {
  position: fixed;
  bottom: 0;
  width: calc(100% - 310px);
  background: #ededf2;
  box-shadow: 0px -10px 26px -9px #c8c9ea;
  padding: 0.3rem !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  transition: 0.5s all;
  z-index: 99;
}

.slidebar-close .transaction-page .pagination-wrap,
.slidebar-close .schedules-page .pagination-wrap {
  width: calc(100% - 130px);
}

.transaction-page .pagination-wrap .form-select,
.schedules-page .pagination-wrap .form-select {
  height: 28px;
  margin-top: 5px;
  border-color: #44479d;
  color: #44479d;
  padding-top: 0;
}

.page-link {
  border-color: #44479d;
}

.page-link:hover {
  background-color: #dee2e6;
}

.transaction-page .pagination-wrap .pagination,
.schedules-page .pagination-wrap .pagination {
  margin-bottom: 0;
  padding-top: 3px;
}

.past-and-upcoming-row {
  flex-wrap: nowrap !important;
}

.page-link {
  padding: 0.075rem 0.55rem;
}

.page-link:hover {
  border-color: #44479d;
}

/*Resources page FAQ start*/
.faq-main .card-header .accordion-button {
  width: 100%;
  text-align: left;
  color: #454545;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  padding: 20px 30px;
  outline: 0;
  box-shadow: none;
  padding-right: 70px;
  position: relative;
  background: transparent;
  opacity: 1;
  border-radius: 0;
}

.faq-main .card-header {
  padding: 0;
  background: transparent;
  border: 0;
  margin: 0;
}

.faq-main .card {
  margin-bottom: 14px;
  background: #efeff3;
  border: 0;
  box-shadow: none;
}

.faq-main .card-body {
  padding: 10px 30px;
}

.faq-main .card-body {
  padding: 20px 30px 20px;
  color: #636363;
  font-family: 'Azo Sans';
  font-size: 16px;
  padding-top: 0;
}

.faq-main .card-body a {
  color: #44479d;
  text-decoration: underline;
}

.faq-main h2 {
  color: #44479d;
  font: normal normal normal 34px/52px Azo Sans Uber;
  text-align: center;
  margin: 50px 0;
}

.faq-main .accordion-button::after {
  display: none;
}

.faq-main .accordion-body {
  padding: 0;
}

.faq-main .card-header .accordion-button:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 11px;
  height: 11px;
  border: 2px solid #454545;
  transform: translateY(-50%) rotate(45deg);
  border-top: 0;
  border-left: 0;
  transition: 0.3s;
}

.faq-main .card-header .accordion-button[aria-expanded='true']:before {
  transform: rotate(225deg);
}

.faq-main .inside-faq {
  max-width: 1020px;
  margin: 0 auto;
}

.faq-main {
  margin-bottom: 6%;
}

/*Resources page FAQ end*/

.start-funding-wrap .send-money--panel.add-funds-tabs .enter--amount .panel--title,
.send-money--panel .send-money--panel.add-funds-tabs .enter--amount .panel--title,
.redeems-funds .send-money--panel.add-funds-tabs .panel--title {
  position: relative;
}

.start-funding-wrap .send-money--panel.add-funds-tabs .enter--amount .panel--title .error-container,
.send-money--panel .send-money--panel.add-funds-tabs .enter--amount .panel--title .error-container,
.redeems-funds .send-money--panel.add-funds-tabs .panel--title app-amount-input .error-container {
  position: absolute;
  bottom: 0;
  left: 0;
}

.recurring--section .form--group .send-on_div .calender-icon {
  top: 30px;
}

.org-row-item {
  display: flex;
  align-items: center;
}

.org-row-item .org-business-item {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  position: relative;
}

.org-business-item .businees-name-window {
  position: absolute;
  width: 220px;
  background: #fff;
  box-shadow: 0px 5px 15px #00000042;
  border-radius: 5px;
  z-index: -1;
  padding: 10px;
  opacity: 0;
  top: 40px;
  left: 60px;
}

.org-row-item .org-business-item:hover .businees-name-window {
  opacity: 1;
  z-index: 11;
}

.org-business-item .businees-name-window h4 {
  color: #000 !important;
  color: #454545 !important;
  font-size: 16px;
  margin: 0;
}

.org-business-item .businees-name-window h5 {
  color: #454545 !important;
  font-size: 12px;
  margin: 4px 0;
}

.org-business-item .businees-name-window .org-address {
  color: #6c6c6c !important;
  display: block;
  font-size: 12px;
  font-family: 'Azo Sans';
  margin: 2px 0;
}

.org-business-item .businees-name-window .org-tax-id {
  color: #6c6c6c !important;
  display: block;
  font-size: 12px;
  font-family: 'Azo Sans';
}

.org-business-item .businees-name-window .org-tax-id strong {
  color: #454545 !important;
  font-weight: 500;
}

.donate-info-sendto h6 {
  margin: 0;
  line-height: normal;
  color: #454545;
  font-size: 14px;
}

.donate-info-sendto h5 {
  font-size: 14px;
  line-height: normal;
  margin: 0;
  color: #454545;
  font-family: 'FbShefa';
  font-weight: bold;
  font-style: normal;
}

.donate-info-sendto .sendto-address {
  font-size: 12px;
  font-family: 'Azo Sans';
  color: #6c6c6c;
  line-height: normal;
}

.donate-info-sendto .sendto-tax {
  font-size: 12px;
  display: block;
  font-family: 'Azo Sans';
  color: #6c6c6c;
}

.donate-info-sendto .sendto-tax strong {
  font-weight: 500;
}

.donate-info-sendto {
  font-family: 'Azo Sans';
  line-height: normal;
}

.pagination li.page-item .page-link span {
  color: rgba(0, 0, 0, 0);
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.pagination li.page-item .page-link span:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid #44479d;
  display: inline-block;
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
}

.pagination li.page-item .page-link[aria-label='Previous'] span:before {
  transform: rotate(222deg);
  position: relative;
  left: 5px;
}

.page-item.active .page-link {
  background-color: #44479d;
  border-color: #44479d;
}

.page-item.disabled .page-link {
  border-color: #44479d;
}

.md-drppicker .calendar .table-condensed th.month .dropdowns {
  border: 1px solid #e5e5e5;
  width: 72px;
  margin: 0 2px;
  padding: 2px 10px;
  border-radius: 4px;
  background-image: none;
  position: relative;
  font-weight: normal;
  color: rgb(51, 51, 51);
  text-align: left;
}

.md-drppicker .calendar .table-condensed th.month .dropdowns select {
  height: 25px;
  appearance: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.25rem 2rem 0.25rem 0.5rem;
}

.md-drppicker .calendar .table-condensed th.month .dropdowns:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border: 2px solid #8f8d8d;
  transform: rotate(45deg);
  right: 10px;
  top: 7px;
  border-top: 0;
  border-left: 0;
}

.md-drppicker .calendar .table-condensed th.month .dropdowns:nth-child(1) {
  width: 100px;
}

.md-drppicker td.available:hover,
.md-drppicker th.available:hover {
  border-radius: 0.2em !important;
}

@keyframes text-animation {
  0% {
    width: 0;
  }

  50% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

.card-icon .material-icons {
  font-size: 20px;
  position: relative;
  top: 3px;
}

/*replace card and lock modal start*/
.setup-card-setting .lock-card .material-icons {
  color: #5d62e0;
  font-size: 22px;
}

.cards-action-button button.btn {
  background: rgb(93, 98, 224, 0.12);
  height: 48px;
  color: #5d62e0;
  font: normal normal 500 14px/20px Azo Sans;
  min-width: 172px;
  position: relative;
  padding-left: 52px;
  margin-right: 12px;
  padding-right: 18px;
}

.cards-action-button {
  display: flex;
  align-items: center;
}

.cards-action-button button.btn span {
  position: absolute;
  left: 14px;
  top: 13px;
  height: 22px;
  display: flex;
  align-items: center;
}

.cards-action-button button.btn.lock-card {
  padding-top: 10px;
}

.card-lock-modal-popup .modal-dialog {
  max-width: 360px;
}

.lock-modal-wrap .modal-header {
  border: 0;
}

.lock-modal-wrap .modal-body {
  padding-top: 0;
  text-align: center;
}

.lock-modal-wrap .modal-body h4 {
  font-size: 18px;
  color: #454545;
}

.lock-modal-wrap .modal-body p {
  font-size: 16px;
  color: #6a6a6a;
  text-align: center;
  line-height: normal;
  padding: 0 15px;
  margin-top: 20px;
  line-height: 22px;
}

.card-lock-modal-footer {
  justify-content: center;
  border: 0;
  padding-bottom: 40px;
}

.card-lock-modal-footer button.btn {
  text-transform: uppercase;
  font-family: 'Azo Sans';
  min-width: 200px;
  line-height: normal;
  height: 47px;
}

.card-lock-modal-header .btn-close {
  background-size: 14px;
}

.card-replace-modal-body .card-action-buttons .btn-yes {
  margin: 10px 0;
}

.card-replace-modal-popup .modal-dialog {
  max-width: 490px;
}

.card-action-buttons {
  display: flex;
  flex-direction: column;
}

.card-action-buttons button.btn {
  font-family: 'Azo Sans';
  font-size: 14px;
  height: 48px;
  text-transform: uppercase;
  font-weight: 500;
}

.card-action-buttons .btn-dont-send {
  background: #e8e8f8;
  color: #5d62e0;
}

.card-replace-modal-body {
  max-width: 100%;
  margin: 0 auto;
  padding: 30px 30px 10px;
  width: 100%;
}

.card-action-buttons .btn-editaddress {
  color: #5d62e0;
}

.card-action-buttons .btn-dont-send {
  background: #e8e8f8;
  color: #5d62e0;
  font-weight: normal !important;
  font-size: 14px !important;
}

.card-action-buttons button.btn.btn-default {
  font-weight: 400;
  text-transform: none;
}

.card-replace-modal-body p {
  text-align: center;
  margin: 0;
  line-height: normal;
  color: #454545;
}

.card-replace-modal-body .name-card {
  margin-bottom: 34px;
  color: #7c7c7c;
  text-align: left;
  display: flex;
}

.card-replace-modal-header .modal-title {
  font-size: 18px;
  color: #454545;
}

.card-replace-modal-header .btn-close {
  background-size: 14px;
}

.cards-action-button button.btn.lock-card.bg-blue .material-icons {
  color: rgba(0, 0, 0, 0.6);
}

.cards-action-button button.btn.lock-card.bg-blue {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

/*replace card and lock modal end*/

.card-details--inside .form-check-input:disabled~.form-check-label {
  opacity: 1;
  position: relative;
  color: #b9b9b9;
}

.recurring--section .recurring--content .recurring-total-amount label {
  width: auto;
  min-width: auto;
  margin-right: 3px;
  color: #5c5c5c;
  font: normal normal 500 12px/16px Azo Sans;
}

.recurring-total-amount {
  margin-top: 5px !important;
  margin-left: auto;
}

/*Custom checkbox design start*/
.custom--checbox input[type='checkbox'] {
  opacity: 0;
  width: 0;
}

.custom--checbox label {
  text-align: left;
  font: normal normal 500 12px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-transform: uppercase;
  width: auto;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}

.custom--checbox label:before {
  content: '';
  border: 2px solid #7e81bf;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.custom--checbox label:after {
  content: '';
  width: 6px;
  height: 12px;
  display: block;
  position: absolute;
  top: 1px;
  left: 6px;
  transition: 0.3s;
  border: 2px solid #fff;
  transform: rotate(45deg);
  border-top: 0;
  border-left: 0;
  opacity: 0;
  visibility: hidden;
}

.custom--checbox input:checked~label:before {
  background: #5d62e0;
  border-color: #5d62e0;
}

.custom--checbox input:checked~label:after {
  opacity: 1;
  visibility: visible;
}

/*Custom checkbox design End*/

.redeem-donation-modal .modal-dialog {
  max-width: 450px;
}

.redeem-donation-modal p {
  font-size: 20px;
  color: #000;
  text-align: left;
}

.redeem-donation-modal .modal-body {
  padding: 20px 50px;
  padding-bottom: 50px;
}

.redeem-actions {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

.redeem-actions .btn-register-org {
  border-radius: 0.25rem;
  margin-bottom: 10px;
  font: normal normal 500 18px/35px Azo Sans;
}

.redeem-actions .btn-connect-bank {
  background: #d9daf3;
  font: normal normal 500 18px/35px Azo Sans;
  letter-spacing: 0px;
  color: #5d62e0;
}

.redeem-actions .btn span:before {
  content: attr(data-hover);
  font-size: 14px;
  line-height: normal;
  background: #e2e2e2;
  width: 100%;
  position: absolute;
  left: -270px;
  min-width: 400px;
  margin: 0 auto;
  color: #4e4e4e;
  padding: 10px;
  text-align: left;
  border-radius: 4px;
  z-index: 1;
  top: -65px;
  display: none;
  box-shadow: #929191 0px -2px 5px 0px;
}

.redeem-actions .btn span:after {
  display: none;
}

.redeem-actions .btn span:hover:before,
.redeem-actions .btn span:hover:after {
  display: block;
}

.redeem-actions .btn {
  position: relative;
}

.redeem-actions .btn span {
  background: #c1c1c1;
  width: 13px;
  height: 13px;
  display: inline-block;
  line-height: 15px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 10px;
  top: -3px;
  position: relative;
  margin-left: 10px;
}

.redeem-actions .btn span:after {
  content: '';
  width: 14px;
  height: 14px;
  background: #e2e2e2;
  position: absolute;
  transform: rotate(45deg);
  top: -22px;
  right: 0;
  box-shadow: #929191 0px 0px 5px 0px;
}

.redeems-funds .title--bar h2 {
  font: normal normal bold 30px/39px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-align: center;
  margin-bottom: 30px;
}

.transaction-modal-inside .action-btn .btn-void {
  background-color: #740707 !important;
  border-color: #740707 !important;
}

.recurring--section .send-on_div .form-control {
  cursor: pointer;
}

/* Process card page start */
.process-card-main {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #00000019;
  border-radius: 5px;
  padding: 40px 30px;
}

.process-card-amount {
  text-align: center;
}

.process-card-amount .form-control {
  font: normal normal 500 40px/18px Azo Sans;
  letter-spacing: 0px;
  color: #c6c6c6;
}

.process-card-amount label {
  font: normal normal 500 14px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  margin-bottom: 5px;
}

.process-card-amount .form-control {
  font: normal normal 500 38px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-align: center;
  border: 0;
  border-bottom: 1px solid #7c7979;
  border-radius: 0;
  box-shadow: none;
}

.process-card-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}

.process-card-column .process-cardnumber {
  padding-right: 8px;
  flex: 0 0 60%;
  max-width: 265px;
}

.process-card-column .process-cardexp {
  padding-left: 8px;
  flex: 0 0 40%;
  max-width: 105px;
}

.process-card-column .form-control {
  background: #f6f6fb;
  border: 1px solid #d5d6f4;
  height: 55px;
  font: normal normal 18px/18px Azo Sans;
  letter-spacing: 0px;
  color: #141212;
  padding: 10px 20px;
}

.process-card-column .form-control {
  background: #f6f6fb;
  border: 1px solid #d5d6f4;
  height: 55px;
  font: normal normal 18px/18px Azo Sans;
  letter-spacing: 0px;
  color: #141212;
  padding: 10px 20px;
}

.process-card-column label {
  font: normal normal 500 14px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  margin-bottom: 5px;
}

.process-page .title--bar {
  font: normal normal bold 30px/39px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-align: center;
  margin-bottom: 30px;
}

.process-card-amount input::-webkit-input-placeholder {
  color: #c7c7c7;
}

.process-card-amount input::-moz-placeholder {
  color: #c7c7c7;
}

.process-card-amount input:-ms-input-placeholder {
  color: #c7c7c7;
}

.process-card-amount input:-moz-placeholder {
  color: #c7c7c7;
}

.process-page .recurring--section .ng-input>input {
  cursor: pointer !important;
}

.process-page .recurring--section .ng-select-container {
  cursor: pointer;
}

/* Process card page end */

/*Button loader start*/
button .btn-spinner:before {
  content: '';
  border: 4px solid #fff;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  animation: loadingSpinner 0.7s infinite linear;
  -webkit-animation: loadingSpinner 0.7s infinite linear;
  position: absolute;
  text-align: center;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: -4px;
  display: none;
}

button .btn-spinner.btn-loading:before {
  display: block;
}

button .btn-spinner {
  position: relative;
}

.btn-spinner.btn-loading {
  color: rgba(0, 0, 0, 0);
}

@keyframes loadingSpinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loadingSpinner {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

/*Button loader end*/

.table .collapse-content .type-div .lbl--value {
  margin-top: 0;
  margin-bottom: 7px;
}

.table .collapse-content .type-div .lbl--value:nth-child(4) {
  margin-bottom: 0;
}

.table .collapse-content .desc-div .lbl--value {
  margin-bottom: 7px;
}

.table .collapse-content .desc-div .lbl--value:nth-child(4) {
  margin-bottom: 0;
}

.transaction-page .table .type-div .tnx-row-date {
  padding-left: 0;
}

.transaction-page .table .type-div.item-method .tnx-row-date .lbl--value {
  margin-bottom: 0;
}

.transaction-page .table .type-div .tnx-row-date.method-row .lbl--text {
  text-align: left;
}

.transaction-table .tnx-row-date.method-row .lbl--text {
  min-width: 55px;
}

.transaction-page .table .type-div.item-method .tnx-row-date .lbl--value {
  margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .item-collapse-panel .collapse-item-inside {
    max-width: 80%;
  }
}

@media only screen and (min-width: 1200px) {
  .matbia-additional-info {
    margin-right: -4%;
    width: 50%;
    margin-left: auto;
    max-width: 50%;
  }

  .card-details-page .account-list--panel,
  .setupcard-page .account-list--panel {
    position: relative;
  }

  .card-details-page .item-collapse-panel.slideout-left:before,
  .setupcard-page .item-collapse-panel.slideout-left:before {
    content: '';
    width: 10px;
    position: absolute;
    height: 100%;
    background: white;
    right: -5px;
    top: 0;
  }
}

@media only screen and (min-width: 1400px) {
  .matbia-additional-info {
    margin-right: -9%;
    width: 55%;
    margin-left: auto;
    max-width: 55%;
  }
}

@media only screen and (max-width: 1024px) {
  .transaction-page .pagination-wrap {
    left: 0;

    width: 100%;
  }

  .transaction-page>.table-wrapper>.table {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 992px) {

  .visible-mobile,
  .mobile-show,
  .white-logo,
  hr.mobile-show {
    display: none;
  }

  .header-section .navbar-toggler {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .main-content {
    overflow-x: hidden;
  }

  .visible-desk {
    display: none !important;
  }

  hr.mobile-show {
    margin: 30px 20px;
    background: #9b9b9b;
  }

  .better-way-wrap {
    padding-top: 60px;
    margin-bottom: 60px;
  }

  .better-way-info h2 {
    font-size: 22px;
    line-height: 22px;
  }

  .better-way-info p {
    max-width: 100%;
    font: normal normal normal 15px/24px Azo Sans;
  }

  .matbia-service-box {
    padding: 60px 0px 20px;
  }

  .matbia-service-row .matbia-service-img {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }

  .matbia-service-row .matbia-service-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 40px;
  }

  .matbia-service-row:nth-child(odd) .matbia-service-content {
    padding-left: 0;
  }

  .matbia-service-row .matbia-service-content {
    flex: 0 0 100%;
    max-width: 100%;

    text-align: center;
    padding: 30px 20px 0 !important;
  }

  .matbia-service-content h2 {
    font-size: 22px;
  }

  .matbia-service-content p {
    font-size: 15px;
    line-height: 22px;
    max-width: 100%;
  }

  .matbia-service-row {
    border-bottom: 0px;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .matbia-service-row h4 {
    color: #efa228;
    font: normal normal normal 12px Azo Sans;
    letter-spacing: 2px;
    display: inline-block;
    text-align: center;
  }

  .matbia-service-list>.container {
    padding: 0px;
  }

  .matbia-feature-wrap {
    margin-top: 30px;
  }

  .matbia-feature-row .matbia-feature-box {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 22px 22px;
  }

  .matbia-feature-box p {
    font-size: 15px;
  }

  .matbia-become-member {
    margin-top: 60px;
    min-height: 360px;
    margin-bottom: 0;
  }

  .matbia-member-info p {
    font-size: 15px;
  }

  .matbia-member-info h2 {
    font-size: 24px;
  }

  .middle-content .form-box .btn-submit {
    width: 100%;
  }

  .middle-content .form-box .form-control {
    border-bottom-color: #aaaaaa;
  }

  .middle-content .form-box textarea.form-control {
    height: 90px;
  }

  .footer-content {
    border-top-color: #b2b2b2;
  }

  .footer-content .usefull-links li:first-child {
    padding-left: 0;
  }

  .contact-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 20px;
  }

  .hero-banner .hero-image-bottom img {
    width: calc(100% - 30px);
    max-width: initial;
  }

  .header-section.header-home .navbar {
    background: #44479d !important;
  }

  .header-section.header-home {
    background: #44479d !important;
  }

  .header-section .navbar-white {
    background: transparent;
    width: 100%;
  }

  .header-section .navbar .back-arrow {
    left: -10px;
  }

  .color-logo {
    display: none;
  }

  .header-section {
    display: flex;
    align-items: center;
    padding: 8px 20px;
  }

  .header-section .navbar {
    border: 0px;
    padding: 0px;
    position: static;
  }

  .navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
    font-size: 14px;
  }

  .nav-section {
    position: absolute;
    top: 50px;
    background: #44479d;
    left: 0;
    z-index: 9;
    width: 100% !important;
    margin-top: 0px !important;
    padding: 20px 0 0;
  }

  .navbar .sign-link .nav-item a {
    color: #ffffff;
    font-size: 14px;
  }

  .navbar .sign-link a.nav-link.btn.btn-primary {
    background: none !important;
    padding: 0px;
    height: auto;
    text-align: left;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    width: auto;
    color: #ffbc6d;
  }

  .header-section .navbar-toggler:focus {
    outline: none !important;
    border: 0;
    box-shadow: none;
  }

  button.navbar-toggler[aria-expanded='true'] {
    color: #ffbc6d;
  }

  .header-section .navbar-toggler {
    padding: 0px;
    color: #fff;
    font-size: 26px;
    line-height: 37px;
  }

  .header-section .user-icon a {
    font-size: 24px;
    color: #fff;
  }

  .navbar-light .navbar-brand {
    padding: 0px;
    font-size: 0;
  }

  .navbar-light .navbar-brand img {
    max-width: 140px;
    vertical-align: top;
  }

  .matbia-service-row .matbia-service-content {
    order: 2;
  }

  .login--form .tab-content {
    padding: 0 25px 25px;
  }

  .seprater-or {
    margin: 0 25px 20px;
  }

  .loginwith-google-newl {
    margin: 0 25px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-banner .hero-image-bottom img {
    width: 100%;
  }

  .hero-banner .hero-image-bottom {
    position: absolute;
    bottom: 0;
    width: auto;
    text-align: center;
    right: 0;
  }

  .hero-banner .paragraph p {
    max-width: 460px;
    font: normal normal normal 16px/23px Azo Sans;
    margin: 0 auto;
  }

  .hero-banner {
    padding-top: 60px;
    min-height: 600px;
  }

  .better-way-info h2 {
    font-size: 25px;
  }

  .better-way-info p {
    font-size: 16px;
  }

  .matbia-service-box {
    padding: 60px 50px 20px;
  }

  .contact-box {
    padding: 50px 50px 38px;
  }

  .contact-box .info-row {
    float: right;
    margin-top: -50px;
    width: 290px;
  }

  .contact-box h3 {
    float: left;
    width: 250px;
  }

  .contact-box p {
    width: 250px;
    float: left;
    clear: left;
  }

  .navbar-expand-lg .navbar-nav {
    width: 100%;
  }

  .navbar .sign-link {
    display: flex;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
    width: 100%;
  }

  .navbar .sign-link .nav-item {
    margin-left: 0;
    width: 100%;
  }

  .matbia-service-row .matbia-service-img img {
    max-width: 490px;
  }
}

.transaction-modal-main p.info-1.error {
  color: #212529;
}

.middle-content .contact-section .form-box .btn-loader-common {
  width: 100%;
}

.field-complete-signup .card-icon-field .card-icon {
  bottom: auto;
  top: 35px;
}

.transaction-page .table .collapse-content .card-body .row-org .lbl--text {
  font: normal normal 500 11px/15px Azo Sans;
  letter-spacing: 0px;
  color: #bcbcbc;
  text-transform: uppercase;
}

.transaction-page .table .collapse-content .card-body .row-org .lbl--value {
  text-align: right;
  font: normal normal normal 13px/17px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  word-break: break-word;
}

.colm-status-estimated {
  padding: 0;
}

.top-content .chart-graph.business-chart canvas {
  width: 100% !important;
  max-width: 100% !important;
}

.account-list--panel .lock-icon {
  margin-top: -3px;
  margin-left: 3px;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}

/*Replanshe section start*/
.replanshe-wrap .info-replanshe {
  flex: 0 0 70%;
  display: flex;
  align-items: center;
}

.replanshe-wrap .field-replanshe {
  display: flex;
  align-items: center;
}

.replanshe-wrap p {
  margin: 0;
  color: #7c7a7a;
  font: normal normal 18px/18px Azo Sans;
  line-height: 22px;
}

.replanshe-wrap .field-replanshe p {
  font-size: 12px;
  margin-left: auto;
  display: flex;
  white-space: nowrap;
  max-width: 150px;
  margin-right: 10px;
}

.replanshe-wrap .field-replanshe p span {
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  background: #9d9d9d;
  color: #fff;
  border-radius: 50%;
  font: normal normal 500 11px/23px Azo Sans;
  line-height: 18px;
  position: relative;
  cursor: pointer;
  margin-left: 3px;
}

.replanshe-wrap .field-replanshe p span:before {
  content: attr(data-hover);
  width: 290px;
  position: absolute;
  background: #9d9d9d;
  top: auto;
  left: -10px;
  border-radius: 2px;
  font-size: 14px;
  padding: 3px 10px;
  font-weight: normal;
  padding-top: 5px;
  text-align: left;
  white-space: normal;
  bottom: 22px;
}

.replanshe-wrap .field-replanshe p span:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #9d9d9d;
  position: absolute;
  top: -13px;
  transform: rotate(45deg);
  left: 3px;
}

.replanshe-wrap .field-replanshe p span:before,
.replanshe-wrap .field-replanshe p span:after {
  display: none;
}

.replanshe-wrap .field-replanshe p span:hover:before,
.replanshe-wrap .field-replanshe p span:hover:after {
  display: block;
}

.replanshe-wrap .field-replanshe .form-control {
  font: normal normal 18px/18px Azo Sans;
  text-align: right;
  max-width: 105px;
  margin-left: auto;
}

.replanshe-wrap app-input-error {
  display: block;
  width: 100%;
  text-align: right;
}

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

.icon-save img {
  width: 42px;
}

.replenish-row {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.replanshe-wrap {
  margin-right: 10px;
}

.replenish-row .replenish-field-left {
  flex: 0 0 63%;
  display: flex;
  flex-wrap: wrap;
}

.replenish-row .replenish-info {
  flex: 0 0 37%;
}

.replenish-row .replenish-info p {
  margin: 0;
  font: normal italic 14px/18px Azo Sans;
}

.recurring--section .recurring--content .replanshe-wrap .val-error {
  padding: 0;
  margin-top: 0;
}

/*Replanshe section end*/

.recurring--section .recurring-info-inside .form--group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 12px;
}

.recurring--section .recurring-info-inside .form--group:nth-child(1) {
  margin-top: 0;
}

.recurring-info-inside {
  display: flex;
  flex-wrap: wrap;
  margin-left: 26%;
  margin-top: -29px;
}

.recurring--section .recurring-info-inside .form--group label {
  min-width: 90px;
  margin-right: 0;
  padding-top: 10px;
}

.recurring--section .recurring-info-inside .form--group .form-control {
  width: calc(100% - 80px);
  max-width: 100%;
}

.recurring-info-inside .recurring-right .inside-elements {
  flex-direction: column;
}

.recurring--section .recurring-info-inside .recurring-right .form--group label {
  min-width: 60px;
}

.recurring--section .recurring-info-inside .recurring-right .form--group .form-control {
  max-width: 60px;
  text-align: center;
}

.recurring--section .recurring-info-inside .recurring-right .recurring-total-amount {
  margin: 0 !important;
  margin-left: 60px !important;
}

.recurring--section .recurring-info-inside .recurring-right .recurring-total-amount label {
  min-width: auto;
  margin: 0 !important;
  color: #a7a4a4;
  text-transform: capitalize;
  font-weight: normal;
}

.recurring-info-inside .recurring-right .inside-elements {
  flex-direction: column;
}

.recurring--section .recurring-info-inside .form--group .ng-value {
  font-weight: normal !important;
}

.recurring--section .recurring-info-inside .form--group ng-select .ng-select-container {
  background: #f3f3f9;
}

.recurring-warning p {
  margin: 0;
  font: normal normal normal 12px/15px Azo Sans;
  margin-top: auto;
  padding-bottom: 6px;
}

.recurring-warning {
  display: flex;
  height: 100%;
}

.recurring-info-inside .recurring-right {
  width: 45%;
}

.recurring-info-inside .recurring-left {
  width: 55%;
}

.recurring-info-inside .recurring-left .col-md-5 {
  width: 100%;
  flex: 0 0 100%;
  margin-top: 12px;
}

.recurring--section .recurring-info-inside .send-on_div {
  align-items: initial;
}

.recurring--section .recurring-info-inside .form--group ng-select {
  width: calc(100% - 105px);
  max-width: 180px;
}

.recurring--section .recurring-info-inside .form--group app-amount-input {
  width: calc(100% - 105px);
  max-width: 180px;
}

.recurring--section .recurring-info-inside .recurring-left .form--group .form-control {
  width: 100%;
  max-width: 180px;
}

.replenish-balance {
  padding: 0 15px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.replenish-balance .replenish-balance-right {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}

.replenish-balance .replenish-balance-left {
  flex: 0 0 50%;
  max-width: 50%;
}

.replenish-balance-left p {
  margin: 0;
  font: normal 500 14px/18px Azo Sans;
  color: #7c7a7a;
}

.replenish-balance-left p .material-icons {
  font-size: 21px;
  position: relative;
  top: 5px;
  margin-right: 6px;
}

.replenish-balance-right i.fa {
  color: #5d62e0;
  cursor: pointer;
}

.item-collapse-panel .email--text {
  font: normal 600 normal 15px/19px FbShefa;
  color: #9f9c9c;
}

.password-update-status {
  width: 100%;
  text-align: center;
  padding-top: 25px;
}

.password-update-status p {
  margin: 0;
  color: #20b737;
  font: normal 500 14px/18px Azo Sans;
  text-transform: uppercase;
}

.password-update-status img {
  position: relative;
  top: -3px;
  margin-right: 10px;
}

.page-signin .login--form .card--custom {
  margin-top: 30px !important;
}

@media only screen and (max-width: 767px) {
  .validate-title h3 {
    font-size: 26px;
  }

  .validate-form-wrap {
    padding: 10px 30px 30px;
  }

  .validating-org-wrap {
    padding-bottom: 30px;
  }

  .redeem-amount-inside {
    padding: 20px 25px;
  }

  .faq-main h2 {
    font-size: 24px;
    line-height: normal;
    margin: 30px 0;
  }

  .transaction-page .table .type-div .tnx-row-date.method-row .lbl--text {
    text-align: left;
  }

  .transaction-page .table .type-div .tnx-row-date {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 600px) {
  .transaction-page .pagination-wrap {
    flex-wrap: wrap;
    justify-content: center !important;
    flex-direction: column;
    align-items: center;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .cards-action-button {
    flex-direction: column;
  }

  .cards-action-button button.btn {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .replanshe-wrap p {
    font: normal normal 16px/18px Azo Sans;
  }

  .replanshe-wrap .info-replanshe {
    flex: 0 0 65%;
    padding-right: 10px;
  }

  .replanshe-wrap .field-replanshe {
    flex: 0 0 35%;
  }

  .replanshe-wrap .field-replanshe p {
    line-height: normal;
  }
}

@media only screen and (max-width: 480px) {
  .validate-org-container {
    max-width: 90%;
  }

  .validate-form-wrap {
    padding: 10px 10px 30px;
  }

  .validate-form-inside .form--group .lbl-col {
    width: 106px;
  }

  .validate-form-inside .form--group .input-col {
    flex-basis: calc(100% - 106px);
    max-width: calc(100% - 106px);
  }

  .validate-form-inside .form--group .lbl-col label {
    font: normal normal 500 12px/18px Azo Sans;
  }

  .validate-form-inside .form--group .input-col .form-control {
    font: normal normal normal 14px/17px Azo Sans;
  }

  .validate-form-inside .action-button button {
    max-width: 181px;
    font: normal normal 400 14px/18px Azo Sans;
  }

  .validate-org-inside .validate-org-error {
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .org-create-password .validate-form-inside .form--group .input-col .form-control {
    padding-right: 0;
  }

  .faq-main .card-header .accordion-button {
    font-size: 14px;
    padding: 10px 15px;
    padding-right: 40px;
  }

  .faq-main .card-header .accordion-button:before {
    right: 15px;
    top: 40%;
  }

  .faq-main .card-body {
    padding: 10px 15px 10px;
    font-size: 14px;
  }

  .transaction-modal .action-btn button {
    width: 140px;
  }
}

.otp-input-password {
  font-family: 'password' !important;
}

.matbia-swal-confirm-container .swal2-title {
  padding: 3em 1em 0;
  color: #454545;
  font: normal normal 500 18px/18px Azo Sans;
}

.matbia-swal-confirm-container .swal2-html-container {
  font: normal normal normal 15px/22px Azo Sans;
  max-width: 270px;
  margin: 0 auto;
  margin-top: 25px;
  color: #6a6a6a;
  margin-bottom: 10px;
}

.matbia-swal-confirm-container .swal2-actions button {
  flex: 0 0 48%;
  margin: 0;
  font: normal normal normal 15px/22px Azo Sans;
  height: 44px;
  border-radius: 8px;
}

.matbia-swal-confirm-container .swal2-cancel.confirm-cancel-btn {
  background: #e8e8f8 0% 0% no-repeat padding-box;
  color: #5d62e0;
  background-image: none !important;
}

.matbia-swal-confirm-container .swal2-popup {
  max-width: 490px;
  padding-bottom: 40px;
  width: 100%;
}

.matbia-swal-confirm-container .swal2-actions {
  justify-content: space-between;
  width: 100%;
  padding: 0 30px;
}

.matbia-swal-confirm-container button.swal2-close {
  color: #dadada !important;
}

.account-verify-wrap {
  display: flex;
  align-items: center;
  padding-right: 47px;
  justify-content: flex-end;
}

.account-verify-wrap .btn-verify {
  background: #d5a24e;
  height: auto;
  padding: 6px 11px 4px;
  color: #fff;
  font: normal normal 500 12px/20px Azo Sans;
  text-transform: uppercase;
}

.separate-note .recurring--section {
  padding-top: 0;
  padding-bottom: 0;
}

.separate-note .transfer_now_amount .input--group label {
  margin-bottom: 0;
  margin-right: 45px;
  padding-top: 12px;
}

.separate-note .transfer_now_amount .input--group textarea.form_control {
  background: #fafafa;
  resize: none;
  font: normal normal normal 16px/18px Azo Sans;
  padding-top: 12px;
  box-shadow: inset 0px 3px 6px #00000003;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  height: 102px;
}

.separate-note .transfer_now_amount .note-content {
  margin-left: 0;
  width: 290px;
  font: italic normal normal 14px/22px Azo Sans;
  margin-top: 28px;
}

.separate-note .recurring--section .recurring--content .transfer_now_amount .input_text_wrap {
  width: 100%;
  margin-right: 0;
}

.cvv-tooltip-msg {
  position: absolute;
  background: #fff;
  width: 170px;
  padding: 1px 3px 4px;
  border: 1px solid #b6b6b6;
  bottom: -42px;
  text-align: center;
  font: normal normal normal 16px/18px Azo Sans;
}

.setup-card-setting .cvv-tooltip-msg span {
  color: #fcb646;
  font-size: 20px;
}

.card-info-slideout .card-row.two-col .card-pin {
  position: relative;
}

.cvv-tooltip-msg:before,
.cvv-tooltip-msg:after {
  bottom: 100%;
  left: 30%;
  content: '';
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.cvv-tooltip-msg:before {
  border-color: rgba(136, 183, 213, 0);
  border-width: 9px;
  border-bottom-color: #b6b6b6;
  margin-left: -33px;
}

.cvv-tooltip-msg:after {
  border-color: rgba(136, 183, 213, 0);
  border-width: 7px;
  border-bottom-color: #fff;
  margin-left: -31px;
}

.icon-print .print-icon span {
  color: #686a6c;
  margin-right: 4px;
}

.icon-print .print-icon {
  display: flex;
  font: normal normal normal 14px/18px Azo Sans;
  align-items: center;
  padding: 0;
  margin-left: 5px;
}

/*Print modal start*/
.deposit-receipt-modal .modal__custom_header {
  display: flex;
  justify-content: center;
  position: relative;
  background: #5d62e0;
  border-radius: 0;
  padding: 10px 0;
}

.deposit-receipt-modal .modal__custom_header h4 {
  margin: 0;
  color: #fff;
}

.deposit-receipt-modal .modal__custom_header .close_trigger {
  position: absolute;
  right: 10px;
  font-size: 32px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  opacity: 0.5;
  cursor: pointer;
  z-index: 22222;
}

.deposit-receipt-modal .modal__custom_header .close_trigger:hover {
  opacity: 1;
}

.deposit-receipt-modal .modal-content {
  border: 0;
}

.deposit-receipt-modal .modal-content-custom iframe {
  width: 100%;
}

.deposit-receipt-modal .modal-dialog-centered .overlay {
  position: absolute;
  background: #000000de;
}

/*Print modal end*/

.table-filters .filter--btn .dropdown-item i.fa-file-csv:before {
  content: '';
  background-image: url(../img/icon-excel-grey.svg);
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}

.table-filters .filter--btn .dropdown-item:hover i.fa-file-csv:before {
  background-image: url(../img/icon-excel-blue.svg);
}

.account-list--panel.list-of-cards-item .item-collapse-panel .setting-card-wrap button i.fas {
  font-size: 18px;
  color: #5d62e0;
}

.org-colle-value .row-org .lbl--value {
  max-width: calc(100% - 110px);
  width: 100%;
}

.org-colle-value .row-org .lbl--text {
  width: auto;
  flex: 0 0 90px;
}

.org-colle-value .donor-org-colle {
  display: flex;
  flex-wrap: wrap;
}

.recent-activity-content .transaction-list-action-btn {
  width: 70px;
}

/* donor user css */
.org-colle-note .row-org .donor-org-colle {
  flex: 0 0 100%;
  max-width: 100%;
}

.org-colle-note .row-org .donor-note {
  max-width: 40%;
  flex: 0 0 40%;
  padding-left: 22px;
}

/*Add funds confirmation modal start*/
.modal-funds .modal-header {
  padding: 25px 25px 20px;
}

.modal-funds .modal-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.modal-funds .btn-close {
  opacity: 0.3;
  margin: 0;
}

.modal-funds .btn-close:focus {
  box-shadow: none;
}

.modal-funds .modal-content {
  border-radius: 10px;
  border: 0;
}

.modal-funds h4 {
  font-size: 30px;
  font-weight: 500;
  color: #454545;
  line-height: 39px;
  margin-bottom: 12px;
}

.modal-funds .transaction-frequency {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  text-align: center;
  line-height: 20px;
  margin-bottom: 24px;
}

.modal-funds .donate-highlight {
  font-weight: 500;
}

.add-funds-confirm-popup .modal-dialog {
  max-width: 480px;
}

.add-funds-confirm-popup .modal-body .deposit-msg-span {
  display: block;
  font-size: 15px;
  color: #454545;
  font-weight: 400;
  line-height: 25px;
}

.add-funds-confirm-popup .modal-body span {
  font-weight: 400;
  color: #727272;
  font-size: 14px;
}

.add-funds-confirm-popup .modal-inner {
  text-align: center;
}

.add-funds-confirm-popup .modal-body {
  padding: 30px 15px 0;
}

.add-funds-confirm-popup .modal-footer {
  border: 0;
  padding: 30px 25px 25px;
}

.add-funds-confirm-popup .modal-footer button {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  line-height: 45px;
}

.add-funds-confirm-popup .add-funds-confirm-terms-and-condition {
  font-size: 12px;
  color: #919191;
  line-height: 22px;
  margin: 7px 5px 0;
  width: 100%;
  text-align: center;
}

.add-funds-confirm-popup .add-funds-confirm-terms-and-condition i {
  font-style: normal;
  margin: 0;
}

.add-funds-confirm-terms-and-condition .btn-link {
  padding: 0;
  text-decoration: underline;
  color: #919191;
  font-size: inherit;
}

.add-funds-confirm-popup .modal-footer button.btn-secondary {
  height: initial;
  line-height: normal;
  width: auto;
  background: transparent;
  font-size: 16px;
  color: #4d4d4d;
  text-transform: capitalize;
  margin: 15px auto 0;
  font-weight: 400;
}

.modal-afterTransaction .transaction-modal-inside {
  padding: 30px;
}

.modal-afterTransaction .transaction-status {
  font-weight: 400;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.modal-afterTransaction .transaction-estimate,
.donate-popup .modal-dialog .modal-inner span.transaction-estimate {
  background: rgba(0, 0, 0, 0.06);
  padding: 5px 12px;
  border-radius: 8px;
  color: #898989;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

.modal-afterTransaction p {
  color: #454545;
  line-height: 22px;
}

.modal-afterTransaction .info-2 .transaction-date {
  font-size: 18px;
  font-weight: 500;
}

.modal-afterTransaction .modal-footer {
  padding: 0 26px 26px;
}

.modal-afterTransaction.modal-transactionReceived .modal-inner {
  margin-bottom: 36px;
}

/* Process card confirmation modal start */

.process-card-confirm-popup .modal-dialog {
  max-width: 580px;
}

.process-card-confirm-popup .modal-body p {
  font: normal normal normal 20px/32px Azo Sans;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #6a6a6a;
}

.process-card-confirm-popup .modal-body p strong {
  display: block;
  font-weight: normal;
  color: #5d62e0;
  margin: 5px 0;
}

.process-card-confirm-popup .modal-footer button {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font: normal normal normal 14px/28px Azo Sans;
}

.process-card-confirm-popup .modal-footer button.btn-secondary {
  text-transform: capitalize;
}

.process-card-confirm-popup .modal-body p span {
  font-weight: 400;
  color: #454545;
  font-size: 24px;
}

.process-card-confirm-popup .modal-footer {
  border: 0;
  margin-top: 20px;
  padding: 25px;
}

.process-card-confirm-popup .modal-header {
  border: 0;
}

/*Add funds confirmation modal end*/

.signupwithcard-action button .btn-spinner.btn-loading:before {
  top: 11px;
}

.request-card-success .success-content .text-wrap p {
  text-align: center;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
}

.plaid-verified-html {
  font: normal normal normal 16px/17px Azo Sans;
  overflow: inherit;
}

.plaid-linking-popup.swal2-icon-success .swal2-icon.swal2-success.plaid-account-verified {
  order: unset;
  margin-bottom: 0;
}

.plaid-linking-popup .plaid-verified-title {
  order: 1;
  font-size: 1.375em;
  padding: 2em 1em 0;
}

.plaid-linking-popup.swal2-icon-success .swal2-icon.swal2-success.plaid-account-verified {
  order: 2;
  margin-bottom: 0;
}

.plaid-linking-popup.swal2-icon-success #swal2-html-container.plaid-verified-html {
  order: 3;
  font: normal normal normal 16px/24px Azo Sans;
  margin: 2em 2.6em 0.6em;
}

.plaid-linking-popup .verification-pending-title {
  order: 2;
  margin-bottom: 20px;
  font: normal normal 500 21px/24px Azo Sans;
  padding-top: 55px;
}

.plaid-linking-popup.swal2-icon-success #swal2-html-container.verification-pending-html {
  order: 3;
  margin-top: 0;
}

.plaid-linking-popup.swal2-icon-success .swal2-success.plaid-pending {
  order: 1;
  margin-bottom: 0;
  display: none !important;
}

.plaid-linking-popup.swal2-icon-success #swal2-html-container.verification-pending-html ol li {
  text-align: left;
  font: normal normal normal 16px/24px Azo Sans;
  margin-bottom: 20px;
}

.plaid-linking-popup .verification-pending-title:before {
  content: '';
  background-image: url(../img/pending-varification.png);
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: contain;
}

.plaid-linking-popup .swal2-cancel {
  order: 4;
}

.desc-div-source {
  min-width: 50%;
}

.desc-div-note {
  min-width: 50%;
}

.table .desc-div.note-field-align {
  padding-left: 12.8%;
}

.icon-process-card .side-nav-link span {
  font-family: 'Azo Sans';
}

.icon-process-card a i {
  font-size: 28px;
  margin-top: -3px;
  line-height: normal;
  height: 23px;
}

.show-more-wrap {
  margin: 0 auto;
  position: fixed;
  bottom: 6px;
  right: 0;
  left: 0;
  max-width: 100%;
  margin-right: 0;
  background: #f8f8f9;
}

.show-more-wrap .see-all-link {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.show-more-wrap .see-all-link strong {
  color: #44479d;
  font-weight: 600;
  border-radius: 5px;
  line-height: normal;
  transition: 0.3s;
  font-size: 18px;
}

.donate-content--wrap.page-overview {
  padding-bottom: 0 !important;
}

.donate-content--wrap.page-overview .recent-activity-content .transaction-table .table-wrapper .t-body {
  max-height: calc(100vh - 40rem);
  overflow: auto;
  position: relative;
  padding-bottom: 0;
}

.donate-content--wrap.page-overview .transaction-table .table-wrapper .t-head {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 11;
  background: #f8f8f9;
}

.donate-content--wrap.page-overview .transaction-table .table-wrapper .table {
  margin: 0;
}

.recent-activity-content ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.recent-activity-content ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.recent-activity-content ::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

.recent-activity-content ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: linear-gradient(#002d74, #7a9dd5);
}

.requests-page .table .type-div {
  width: 18%;
}

.requests-page .table .amount-div.item-source {
  width: 25%;
}

.org-funding-bal {
  display: flex;
  justify-content: space-between;
}

.org-funding-bal p {
  font-size: 14px;
  color: #8b8b8b;
}

.org-funding-bal span {
  font-size: 16px;
  color: #454545;
}

.border-right-none {
  border-right: none !important;
}

.schedule--modal .payment-filter--btn .ng-select-container {
  min-width: 185px;
}

.rc-anchor-normal-footer {
  display: none !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.replenish-balance .replenish-balance-right i {
  padding: 6px;
  border-radius: 5px;
  width: 30px;
  text-align: center;
  transition: 0.6s;
}

.replenish-balance .replenish-balance-right .fa-trash {
  margin-right: 5px;
}

.replenish-balance .replenish-balance-right i:hover {
  background: #e8e8f0;
}

.page-profile .file-upload--row .upload--actionst .upload-btn {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
}

.page-profile .file-upload--row .upload--actionst {
  position: relative;
  overflow: hidden;
  display: flex;
}

.upload-image-profile {
  position: relative;
}

.page-profile .file-upload--row .upload--actionst .btn-secondary {
  font: normal normal 500 14px/18px Azo Sans;
  cursor: pointer;
  background: rgba(93, 98, 224, 0.12);
  border-radius: 8px;
  padding: 10px 18px 8px;
  color: #5d62e0;
  text-transform: uppercase;
  height: auto;
}

.upload-image-profile label {
  font: normal normal 500 14px/18px Azo Sans;
  cursor: pointer;
  background: #5d62e0;
  border-radius: 8px;
  padding: 10px 18px 8px;
  color: #fff;
  text-transform: uppercase;
}

.page-signin {
  background-image: url(../img/login-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f8f8fa !important;
  padding-top: 30px !important;
}

.set-reminder--modal .time-sec .custom-radio .custom-control-label {
  position: relative;
  margin: 0;
  padding-left: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.set-reminder--modal .time-sec .custom-radio .custom-control-label:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: -1px;
  background: #f3f3f9 0% 0% no-repeat padding-box;
  border: 1px solid #7e81bf;
  border-radius: 50%;
  margin: 0;
  padding: 0;
}

.set-reminder--modal .time-sec .custom-radio .custom-control-label:after {
  content: '';
  background: #585de5;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  left: 4px;
  top: 3px;
  transform: scale(0);
  transition: 0.3s;
}

.set-reminder--modal .time-sec .custom-radio input:checked+label:after {
  transform: scale(1);
}

.set-reminder--modal .time-sec .custom-radio input {
  position: absolute;
  appearance: auto;
  left: 0;
  width: 100%;
  height: 18px;
  top: 0px;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.set-reminder--modal .time-sec .custom-radio {
  position: relative;
  line-height: 18px;
  margin-bottom: 20px;
}

.set-reminder--modal .time-sec .custom-radio:last-child {
  margin-bottom: 0;
}

.schedule--modal .modal-header .modal-title {
  text-align: left;
}

.page-notification .ng-select-container {
  background: #eeeeee 0% 0% no-repeat padding-box !important;
  min-width: 170px;
  border-color: #b3b3b3 !important;
}

.page-notification .ng-dropdown-panel .scroll-host {
  border: 1px solid #b3b3b3;
  border-top: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.page-notification .ng-dropdown-panel .scroll-host .ng-option {
  background: #eeeeee;
}

.page-notification .ng-select .ng-arrow-wrapper .ng-arrow {
  border: 1px solid #454545;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 0;
  border-left: 0;
  top: -5px;
}

.page-notification .ng-select-container .ng-value-container {
  cursor: pointer;
}

.page-notification .ng-value-container .ng-value {
  font-weight: 500;
  color: #454545 !important;
}

.page-notification .ng-select-container input[type='text'] {
  cursor: pointer !important;
}

.page-notification .form-check.toogle--btn .form-check-input {
  width: 155px;
}

.page-notification .edit-link {
  text-align: right;
}

.alert-accordion .mdi-arrow-d:before {
  transition: 0.3s;
}

.alert-accordion {
  transition: 0.3s;
  padding: 0 !important;
  width: 50px;
  text-align: center;
}

.alert-accordion[aria-expanded='true'] i:before {
  transform: rotate(180deg);
  padding: 0 !important;
}

.page-notification .notification-list--panel .item-collapse-panel h6 {
  color: #454545;
  font-size: 17px;
  font-weight: 400;
}

.right-filers .ng-dropdown-panel .scroll-host {
  border: 1px solid #ddd;
  border-top: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 7px 10px #1215572e;
  border-radius: 8px;
  border: 0;
}

.right-filers .ng-select .ng-select-container {
  border: 1px solid #ddd;
  background: transparent;
  border-radius: 8px;
  min-width: 140px;
  cursor: pointer;
}

.right-filers .ng-select-container .ng-value-label {
  margin-top: 3px;
  display: inline-block;
  margin-right: 4px;
}

:host {
  display: block;
  height: auto;
  --viewer-pdf-sidenav-width: 220px;
  width: auto;
}

.deposit-receipt-modal .modal-content {
  min-height: initial;
}

.deposit-receipt-modal .modal-dialog-scrollable {
  height: auto;
}

.requests-page .ng-select-container {
  min-width: 120px;
}

.right-filers .by-transaction {
  margin-right: 15px;
}

.form-check-label .entity-phone-id {
  font: normal normal 500 13px/18px Azo Sans;
  color: #151111;
  margin-left: 4px;
}

/* Request page start */
.donation-request-wrap .title--bar .mdi-arrow-back {
  position: absolute;
  left: 0;
  top: -5px;
  cursor: pointer;
  padding: 15px;
  padding-left: 0;
}

.donation-request-wrap .title--bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.donation-request-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 3rem !important;
}

.donation-request-wrap .send-money--panel {
  margin-top: 0 !important;
}

.donation-request-wrap .send-money--panel {
  margin-top: 16px !important;
}

/* Request page end */

.funding-tooltip-class {
  min-width: 350px;
}

.funding-tooltip-class .tooltip-inner {
  max-width: 100%;
  text-align: left;
}

.relink-label sup {
  color: #919191;
  font: normal normal 400 14px/18px Azo Sans;
}

.relink-label {
  padding-left: 26px;
}

.funding-tooltip-link {
  color: #9d9d9d;
}

.desc-div-for-donor {
  display: flex;
  min-width: 60%;
}

.desc-div-for-donor.without-note {
  width: 100%;
  min-width: 100%;
}

/*Delete modal start*/
.delete-bank-account-confirm-popup .modal-lg {
  max-width: 460px;
}

.delete-bank-account-confirm-popup .modal-header {
  border: 0;
  padding-bottom: 0;
}

.delete-bank-account-confirm-popup h3 {
  font-size: 18px;
  margin-bottom: 35px;
}

.delete-bank-account-confirm-popup p {
  text-align: center;
  max-width: 270px;
  margin: 0 auto;
  line-height: normal;
}

.delete-bank-account-confirm-popup .modal-footer {
  border: 0;
  flex-direction: column;
  padding: 10px 30px;
  padding-bottom: 20px;
}

.delete-bank-account-confirm-popup .modal-footer button {
  width: 100%;
  text-align: center;
}

.delete-bank-account-confirm-popup .modal-body {
  text-align: center;
  max-width: 360px;
  margin: 0 auto;
}

.delete-bank-account-confirm-popup .modal-footer .btn-link {
  text-decoration: none;
}

.delete-bank-account-confirm-popup .modal-footer .btn-link {
  text-decoration: none;
  color: #5966dd;
  font-weight: 500;
}

/*Delete modal end*/

.matbia-relase-updates h1 {
  color: #414a9b;
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}

.matbia-release-note ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 50px;
  max-width: 45%;
  padding-left: 10%;
  padding-right: 10%;
}

.matbia-release-note ul li {
  display: inline-block;
  border-bottom: 1px solid #cecdcd;
  text-align: left;
  padding: 0 10px;
  padding-bottom: 10px;
  margin-top: 10px;
}

.matbia-release-note ul li span {
  color: #414a9b;
  font-weight: 400;
}

.matbia-relase-updates {
  text-align: center;
}

.immediate-funding .recurring--section .recurring--content .transfer_now_amount {
  padding: 0;
}

.immediate-funding .recurring--section .recurring--content .transfer_now_amount {
  padding: 2px 0;
}

.border-top-none {
  border-top: none !important;
}

.immediate-funding .custom--checbox span {
  text-align: left;
  font: normal normal 500 12px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-transform: uppercase;
  position: relative;
  padding-left: 0px;
  cursor: pointer;
  width: 73px;
  min-width: 80px;
  white-space: nowrap;
  margin-right: 15px;
}

.immediate-funding .relink-label {
  padding-left: 0px;
}

.immediate-funding .transfer_now_amount .btn-relink {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
}

.signup-box .form--details .lbl-contact-phone-field {
  white-space: nowrap;
}

.contact-phone-field {
  margin-left: auto;
}

.automatic-transfers-modal .modal-dialog {
  min-height: 560px;
}

.automatic-transfer-content ul li.transfer-col.radio-btn-daily {
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

/* Added radio */
/* .automatic-transfer-content ul li.btn-threshold label:before {
  opacity: 0;
} */

.automatic-transfer-content ul li.transfer-col .val-error .val-error-lbl-msg {
  font-family: system-ui;
  margin-left: 0;
  line-height: normal;
  display: inline-block;
  text-align: initial;
}

.automatic-transfers-modal app-input-error {
  text-align: inherit;
}

.automatic-transfer-content ul li.transfer-col .val-error {
  padding: 0;
  margin-left: -11px;
  margin-top: 4px;
  display: flex;
}

.automatic-transfer-content.batch-transfer ul li.transfer-col .val-error {
  margin-left: 0;
  padding-left: 12px;
}

.automatic-transfer-content ul li.transfer-col .val-error span.material-icons {
  margin-right: 4px;
}

.immediate-both-token-empty {
  padding: 15px 30px;
}

.recurring--section.immediate-both-token-empty .form--group.form-check {
  margin: 0;
}

.immediate-funding .recurring--section.immediate-both-token-empty .recurring--content .transfer_now_amount {
  padding: 0;
}

.recurring--section .form--group.form-check.imme-wrap-checkbox {
  margin-top: 0;
}

.custom--checbox.imme-wrap-checkbox label:before {
  top: -2px;
}

.custom--checbox.imme-wrap-checkbox label:after {
  top: -1px;
}

.link-account-radio.link-btn-left {
  padding-top: 18px;
}

.link-account-radio.link-btn-left .custom-control-input {
  width: 20px;
  left: 3px;
  height: 20px;
  top: 17px;
  z-index: 1;
}

.page-notification .col-md-9 {
  max-width: 70%;
  width: 100%;
}

.modal-footer.auto-replenish-confirm-footer .btn.btn-primary {
  width: 48%;
  order: 2;
}

.modal-footer.auto-replenish-confirm-footer .btn.btn-secondary {
  width: 48%;
  order: 1;
}

.matbia-swal-permission-container {
  z-index: 9999;
}

.recurring--section .md-drppicker th.month.drp-animate {
  cursor: default;
}

.btn-auto-transfer {
  font-size: 14px;
  width: 100%;
  line-height: normal;
  font-weight: 500;
  background: #1f2666 !important;
}

.threshold-section-inactive .transfer-type .form-control {
  opacity: 0.6;
}

/* .estimated-msg-lbl {
  max-width: 80px;
  word-break: break-word;
  white-space: normal !important;
} */

.estimated-msg-lbl-val {
  margin-left: 75px !important;
}

.bank-ac-user-pass strong {
  font: 500 normal normal 14px/17px Azo Sans;
  margin-bottom: 16px;
  display: block;
}

.bank-ac-user-pass p {
  margin-bottom: 0;
  padding: 0;
  color: #454545;
  font: normal normal normal 14px/15px Azo Sans;
}

.bank-ac-qa {
  margin-bottom: 20px;
  margin-top: 16px;
}

.bank-ac-qa ol {
  margin-bottom: 0;
}

.bank-ac-qa p {
  color: #5d62e0;
}

.card.bank-user-pass {
  margin-top: 10px;
  border: 0;
  border-top: 1px solid rgba(7, 6, 6, 0.125);
}

.bank-ac-qa.link-bank {
  margin-bottom: 0;
}

.bank-ac-qa ol li {
  color: #454545cc;
  font: normal normal normal 14px/15px Azo Sans;
  line-height: normal;
  padding: 2px 0;
}

.bank-ac-qa a:before {
  content: attr(data-hover);
  display: none;
  background: #ececec;
  position: absolute;
  min-width: 240px;
  border-radius: 3px;
  box-shadow: #cecece -2px 3px 5px 0px;
  line-height: normal;
  opacity: 0;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  z-index: 9;
  left: -20px;
  top: 20px;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  width: 240px;
  color: #6d6d6d;
}

.bank-ac-qa a:hover:before {
  opacity: 1;
  display: block;
  z-index: 99;
}

.bank-ac-qa a {
  color: #b3b3b3;
  font-size: 12px;
  vertical-align: top;
  position: relative;
}

.desc-div-for-donor .hover-img {
  position: absolute;
  top: 0;
  left: 80px;
  width: 240px;
  height: 240px;
  z-index: 111;
  display: none;
}

.desc-div-for-donor .image:hover .hover-img {
  display: block;
}

.desc-div-for-donor .image .hover-img img {
  border-radius: 6px;
  box-shadow: #414a9b 0px 0px 15px -7px;
  max-height: 100%;
  width: 100%;
  object-fit: cover;
  max-width: 100%;
  background: #fff;
}

.table .t-body .td-div .desc-div-for-donor .image p {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  padding-left: 40px;
  margin-top: 0;
  min-height: 32px;
  display: flex;
  align-items: center;
}

.desc-div-for-donor .image {
  position: relative;
  z-index: 11;
}

.transaction-page .t-body app-transaction-row-item:nth-last-child(3) .desc-div-for-donor .hover-img,
.transaction-page .t-body app-transaction-row-item:nth-last-child(2) .desc-div-for-donor .hover-img,
.transaction-page .t-body app-transaction-row-item:nth-last-child(1) .desc-div-for-donor .hover-img,
.recent-activity-content .transaction-table .t-body app-transaction-row-item:nth-last-child(3) .desc-div-for-donor .hover-img,
.recent-activity-content .transaction-table .t-body app-transaction-row-item:nth-last-child(2) .desc-div-for-donor .hover-img {
  top: -190px;
}

.recent-activity-content .transaction-table .t-body app-transaction-row-item:nth-last-child(4) .desc-div-for-donor .hover-img {
  top: -170px;
}

.desc-div-for-donor .image>img {
  height: 32px;
  width: 32px;
  object-fit: contain;
}

/*  */
.matbia-swal-donation-block-popup .swal2-html-container>p>span {
  display: block;
}

.matbia-swal-donation-block-popup .swal2-close {
  font-weight: 400;
  color: #545454;
  right: 0;
  position: absolute;
  top: 0;
}

.matbia-swal-donation-block-popup {
  display: flex !important;
  flex-direction: column;
}

.matbia-swal-donation-block-popup .swal2-html-container {
  order: 1;
  margin-top: 80px;
  margin-bottom: 30px;
}

.matbia-swal-donation-block-popup .swal2-image {
  order: 2;
  margin: 0 auto;
}

.matbia-swal-donation-block-popup .swal2-actions {
  order: 3;
  margin-top: 50px;
}

.feeback-inside-row {
  display: flex;
  flex-wrap: wrap;
  border-radius: 42px;
  width: 100%;
  padding: 3rem;
  max-height: calc(100vh - 72px);
  overflow: auto;
  margin-bottom: -10px;
}

.feeback-inside-row .feedback-wrap-left {
  flex: 0 0 auto;
  width: 40%;
}

.feeback-inside-row .feedback-wrap-right {
  flex: 0 0 auto;
  width: 60%;
}

.feeback-inside-row .feedback-info-left {
  position: sticky;
  top: 0px;
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  width: 90%;
}

.feedback-wrap-left h1 {
  font: normal normal 700 35px/38px Azo Sans;
}

.feedback-wrap-left p {
  color: #818596;
  font: normal normal 400 14px/19px Azo Sans;
  margin-bottom: 0;
}

.action-copy {
  margin: 0;
  display: flex;
  align-items: center;
}

.action-copy .material-icons {
  margin-left: 5px;
  margin-top: -6px;
  font-size: 15px;
  cursor: pointer;
}

.profile-action-left {
  flex: 0 0 50%;
}

.profile-action-right {
  flex: 0 0 100%;
  text-align: right;
}

.profile-action-right .btn.btn-primary {
  margin-left: auto;
}

.profile-action-left .app-account-hash-wrap {
  margin-bottom: 7px;
}

.automatic-transfers-modal .is-invalid-er .form-control,
.automatic-transfers-modal .is-invalid-er .ng-select-container {
  border-color: #ff0000;
}

.copied:after {
  content: 'Copied!';
  color: #1aab00;
  font-weight: 500;
  margin-left: 5px;
  animation-name: opacity-copied;
  animation-duration: 0.1s;
}

.copied {
  position: relative;
}

@keyframes opacity-copied {
  from {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

/* Relink popup design */
.relink--popup h5 {
  color: #ff0000;
}

.relink--popup .modal-header {
  padding: 20px 15px;
}

.relink--popup .relink-card p {
  text-align: center;
  max-width: 345px;
  margin: 0 auto;
}

.relink--popup .modal-body {
  padding: 30px;
}

.relink--popup .modal-footer {
  padding: 0 30px 10px;
  border: 0;
}

.relink--popup .modal-footer .btn {
  width: 100%;
  margin: 0;
  line-height: 40px;
}

.donate-popup .modal-content {
  box-shadow: 0px 20px 30px #00000027;
  border-radius: 10px;
  border: 0;
  max-width: 474px;
  margin: 0 auto;
  font-family: 'Azo Sans';
}

.donate-popup .modal-header {
  padding: 26px 15px;
}

.donate-popup .modal-title {
  font-size: 18px;
  color: #454545;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 24px;
}

.donate-popup .modal-body {
  padding: 40px 35px;
}

.donate-popup .modal-dialog .modal-inner {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #454545;
}

.donate-popup .modal-dialog .modal-inner span,
.donate-popup .modal-dialog .modal-inner h4 {
  display: block;
  text-align: center;
}

.donate-popup .modal-header .btn-close {
  margin-top: -10px;
}

.donate-popup .small-head {
  font-size: 14px;
  color: #727272;
  font-weight: 400;
  margin-bottom: 7px;
}

.donate-popup h4 {
  color: #454545;
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 15px;
}

.donate-popup .modal-header .btn-close {
  color: #000000;
  opacity: 0.3;
  position: absolute;
  right: 30px;
  top: 32px;
}

.donate-popup .modal-footer {
  padding: 0 35px 30px;
  border: 0;
  flex-direction: column;
}

.donate-popup .modal-footer .btn {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  margin: 0;
}

.donate-popup .modal-footer .btn.btn-secondary {
  background: transparent;
  max-width: fit-content;
  font-size: 16px;
  color: #4d4d4d;
  text-transform: capitalize;
  font-weight: 400;
  height: initial;
  padding: 0;
  margin: 0;
  line-height: 24px;
  margin-top: 20px;
}

.donate-popup .modal-footer .small-foot {
  font-size: 12px;
  line-height: 22px;
  color: #919191;
  margin: 11px 0 0;
}

.donate-popup .modal-footer .small-foot a {
  color: #919191;
  text-decoration: underline;
}

.donate-popup .icon-checked {
  max-width: 60px;
  margin: 0 auto 14px;
  display: block;
}

.donate-popup .modal-body address {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  color: #7c7c7c;
  text-align: center;
  margin: 22px 0 12px;
}

.donate-popup .modal-body .link-voucher {
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  color: #5d62e0;
  text-transform: uppercase;
  display: inline-block;
}

.donate-popup .modal-body small {
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  color: #454545;
  display: inline-block;
  margin-bottom: 6px;
}

.donate-popup .modal-body h5 {
  color: #454545;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
}

.donate-popup .modal-body h5 sup {
  font-size: 0.5em;
  top: -0.7em;
}

.donate-popup .modal-body .modal-text-small {
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  border-top: 1px solid #d6d6d6;
  padding-top: 30px;
  margin-top: 30px;
  display: inline-block;
  width: 100%;
  max-width: 348px;
}

.after-donation-popup .donation-error-title {
  color: #e8585d !important;
}

.setting-popup .modal-content {
  max-width: 618px;
}

/* Transition Design update */
.org-tansition {
  display: none;
}

.org-tansition .status {
  color: #454545;
}

.status.status-failed,
.status.status-void {
  color: #f00 !important;
}

.status.status-success {
  color: #008000 !important;
}

.by-transaction .ng-dropdown-panel .ng-dropdown-footer {
  border-top: 0;
  padding: 0px 0 5px;
  font-size: 14px;
  text-transform: capitalize;
}

.by-transaction .ng-dropdown-panel .ng-dropdown-footer .create-new {
  padding: 8px 10px;
  cursor: pointer;
  line-height: 1;
}

.by-transaction .ng-dropdown-panel .ng-dropdown-footer .create-new:hover {
  background-color: #f5faff;
}

/* Shorting Table */
.sortable-header {
  cursor: pointer;
}

.sortable-header.asc:after,
.sortable-header.desc:after {
  content: '';
  background: url('/assets/dist/img/sorting-arrow.svg') no-repeat center;
  width: 10px;
  height: 13px;
  display: inline-block;
  position: relative;
  background-size: cover;
  top: 3px;
  margin-left: 4px;
}

.sortable-header.desc:after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

header .card-voucher {
  background: #fcb646;
  border: none;
  border-radius: 8px;
  width: 20.5%;
  position: relative;
  padding-right: 35px;
  margin: 0px 10px;
}

header .card-voucher figure {
  width: 95px;
  min-width: 95px;
  margin: 0 -10px 0 0;
}

header .card-voucher h6 {
  text-align: left;
  font-size: 16px;
  text-transform: inherit;
  letter-spacing: 0px;
  color: #44479d;
  opacity: 1;
  line-height: 20px;
  margin-bottom: 1px;
  font-weight: 500;
  font-family: 'Azo Sans';
}

header .card-voucher small {
  font: normal normal normal 12px/15px Azo Sans;
  letter-spacing: 0px;
  color: #44479d;
  opacity: 0.85;
}

header .card-voucher::after {
  content: '';
  display: inline-block;
  background: transparent url('../img/right-arrow-blue.svg');
  width: 10px;
  height: 12px;
  background-size: cover;
  position: absolute;
  right: 20px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

/*Voucher Card*/
.donate-voucher {
  background-color: #f8f8f8;
  font-family: Azo Sans;
}

.donate-voucher h2 {
  font-size: 25px;
  line-height: 33px;
  font-weight: 500;
  margin-bottom: 35px;
  color: #454545;
}

.text-content figure {
  flex: 0 0 84px;
  max-width: 84px;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 0;
}

.text-content h6 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 10px;
}

.text-content p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #454545;
  margin-bottom: 0;
}

.voucher-right {
  flex: 0 0 30.2%;
  max-width: 30.2%;
  width: 100%;
  overflow: hidden;
  margin-left: 4.3%;
  min-width: 300px;
  position: sticky;
  top: 106px;
}

.voucher-right>.btn {
  margin-top: 20px;
}

.card-voucher {
  background: #f0f0f4 none no-repeat scroll 0 0;
  border: 1px solid #d6d6e1;
  border-radius: 10px;
  opacity: 1;
}

.card-voucher .card-voucher-padding {
  padding: 30px;
}

.card-voucher .card-voucher-bottom {
  background-color: #e7e7f0;
}

.card-voucher h6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.card-voucher h5 {
  font-size: 25px;
  line-height: 34px;
  font-weight: 700;
  color: #454545;
  text-transform: uppercase;
}

.card-voucher h5 sup {
  font-size: 0.5em;
  font-weight: 600;
  top: -0.7em;
}

.card-voucher ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 365px;
  overflow: auto;
  margin-right: -30px;
  padding-right: 30px;
}

.card-voucher .card-voucher-item li {
  border-top: 1px solid #cacad9;
  padding: 13px 0;
}

.card-voucher .card-voucher-item li:last-child {
  border-bottom: 1px solid #cacad9;
}

.card-voucher .card-voucher-item li i {
  background-color: #e2e2ed;
  font-style: normal;
  width: 65px;
  height: 50px;
  text-align: center;
  border-radius: 12px;
  margin-right: 12px;
  font-size: 18px;
  line-height: 50px;
  font-weight: 500;
  color: #434246;
  opacity: 0.9;
}

.card-voucher .card-voucher-item li label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #434246;
}

.card-voucher .card-voucher-item li small {
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #a2a2a6;
  opacity: 1;
}

.card-voucher .card-voucher-item li span {
  text-align: right;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #434246;
}

.card-voucher .card-voucher-item li span sup {
  font-size: 0.5em;
  font-weight: 600;
  top: -0.7em;
}

.card-voucher ul:not(.card-voucher-item) {
  font-size: 13px;
  line-height: 19px;
  color: #69696b;
  margin-bottom: 24px;
  margin-top: 20px;
}

.add-fund {
  background: rgba(157, 68, 68, 0.1);
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  letter-spacing: 0px;
  color: rgba(226, 60, 60, 1);
  padding: 4px 10px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -12px;
}

.card-voucher-fund {
  border: 1px solid #d6d6e1;
  border-radius: 10px;
  padding: 20px 30px;
  margin-top: 20px;
}

.card-voucher-fund h6 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.card-voucher-fund span {
  font-size: 13px;
  line-height: 17px;
  color: #8b8b8b;
}

.card-voucher-fund .nav-link {
  border: 1px solid #d1d1d1;
  margin-left: 10px;
  white-space: nowrap;
  border-radius: 8px;
  background: #00000007;
  font-size: 14px;
  line-height: 18px;
  color: #5d62e0;
  padding: 9px 12px;
  font-weight: 500;
}

.voucher-item {
  border-top: 1px solid #d6d6d6;
  margin-top: 45px;
  padding-top: 20px;
}

.voucher-item h6 {
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 17px;
}

.voucher-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.voucher-item ul li {
  background: #ffffff;
  box-shadow: 0px 3px 6px #00000014;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  padding: 9px 30px 9px 9px;
}

.voucher-item ul li:hover {
  box-shadow: 0px 3px 10px #0000001a;
  border: 1px solid #5d62e066;
}

.voucher-item ul li figure {
  flex: 0 0 157px;
  max-width: 157px;
  width: 100%;
  margin-right: 15px;
  margin-bottom: 0;
}

.voucher-item ul li h5 {
  font-size: 28px;
  line-height: 37px;
  font-weight: 700;
  color: #454545;
}

.voucher-item ul li small {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #454545;
}

.number {
  overflow: hidden;
  min-width: 160px;
  background: #fbfbfd 0% 0% no-repeat padding-box;
  border: 1px solid #bebfd4;
  border-radius: 4px;
  text-align: center;
}

.number>span {
  background-color: #72728b;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
}

.number>input {
  color: #454545;
  border: none;
  outline: none;
  background-color: transparent;
  width: 31px;
  padding: 0px;
  text-align: center;
  font: normal normal 400 18px/42px Azo Sans;
}

.number i {
  width: 42px;
  height: 42px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.number i::before,
.number i::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 2px;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  background-color: #5d62e0;
}

.number i.plus::after {
  height: 12px;
  width: 2px;
}

.voucher-checkout h1 {
  font-size: 35px;
  line-height: 46px;
  font-weight: bold;
  letter-spacing: 0px;
  color: rgba(69, 69, 69, 1);
  margin-bottom: 7px;
}

.voucher-checkout h4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 29px;
  color: rgba(69, 69, 69, 1);
  margin-bottom: 52px;
}

.voucher-checkout p {
  font-size: 18px;
  line-height: 28px;
  color: #7c7c7c;
  margin-bottom: 14px;
}

.voucher-checkout p strong {
  font-weight: normal;
  color: #454545;
}

.voucher-checkout figure {
  margin-top: 45px;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

.voucher-popup.swal2-popup {
  width: 26em;
}

.voucher-popup .orders-purim-popup {
  font-weight: 400;
  color: #454545;
  font-size: 24px;
  margin-top: 20px;
  text-align: left;
  margin: 20px auto;
  max-width: 270px;
}

.voucher-popup .swal2-html-container {
  margin: 40px 30px 0px;
}

.voucher-popup .swal2-actions .swal2-confirm {
  width: 100%;
}

.voucher-popup .swal2-actions {
  width: 100%;
  padding: 0 30px;
}

.card-overlay {
  position: relative;
  z-index: 9999;
}

/*Choose Organization*/
.panel--title h3 {
  color: #454545;
  font-size: 16px;
  text-transform: uppercase;
}

.favorite-ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 0 -5px;
}

.favorite-ul li {
  flex: 0 0 auto;
  width: 33.33%;
  padding: 0 5px;
  margin-bottom: 12px;
}

.favorite-ul .favorite-inner {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px 14px;
  background-color: #fff;
  cursor: pointer;
}

.favorite-ul .favorite-inner:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.09);
}

.favorite-ul .favorite-inner:hover .favorite-title,
.favorite-ul .favorite-inner:hover .favorite-subtitle {
  color: #5d62e0;
}

.favorite-ul .favorite-inner img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  margin-right: 10px;
}

.favorite-ul .favorite-li {
  flex: 0 0 auto;
  width: calc(100% - 62px);
}

.favorite-ul .favorite-title {
  font-size: 16px;
  color: #454545;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 2px;
  font-weight: 400;
}

.favorite-ul .favorite-subtitle {
  font-size: 14px;
}

.favorite-ul .favorite-icon {
  font-size: 12px;
  color: #efa228;
  position: absolute;
  top: 14px;
  right: 12px;
}

.item-collapse-panel .favorite {
  margin-right: 40px;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.15);
}

.item-collapse-panel .favorite .material-icons {
  font-size: 16px;
}

.item-collapse-panel:hover .favorite {
  background: rgba(0, 0, 0, 0.08);
}

.item-collapse-panel:hover .favorite .material-icons {
  color: rgba(0, 0, 0, 0.15);
}

.item-collapse-panel .favorite .material-icons.favorite-icon {
  color: #efa228;
}

.donate-add-to-favorite-tooltip-class .tooltip-inner {
  color: #ffffff !important;
}

/* ORG link added */
.org-link img {
  max-width: 24px;
}

/* Transition Note design */
.transaction-note p {
  font-size: 15px;
  color: #454545;
  margin-left: 10px;
}

.transaction-note .material-icons {
  color: #5d62e0;
}

.transaction-note .material-edit {
  color: #bcbcbc;
  font-size: 15px;
  line-height: 1.5;
  margin-left: 10px;
  z-index: 1;
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
}

.transaction-note .material-edit:hover {
  color: #5d62e0;
}

.transaction-note {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
  margin-top: 20px;
}

.note-inner {
  margin-left: 12px;
}

.note-inner .note-hover {
  display: none;
}

.table .t-body .t-row:hover .note-inner .note-hover {
  display: block;
}

.table .t-body .t-row:hover .note-inner .note-active {
  display: none;
}

.table .t-body .date-div.td-div p {
  display: flex;
  align-items: center;
}

.date-div p .material-icons {
  color: rgba(93, 98, 224, 0.38);
  margin-left: 8px;
  font-size: 16px;
}

/**/
.card-replace-modal-popup .modal-header {
  padding: 23px;
}

.card-replace-modal-popup .modal-content {
  border-radius: 10px;
}

.card-replace-modal-popup h5 {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  font-family: 'Azo Sans';
  max-width: 320px;
  margin: 0 auto 25px;
}

.card-replace-modal-body .name-card .material-icons {
  margin-right: 10px;
  font-size: 18px;
  color: #959595;
}

.btn-close:focus,
.btn:focus {
  box-shadow: none;
}

.card-action-buttons button.btn.btn-editaddress {
  font-size: 15px;
  height: auto;
  padding: 0;
  margin-top: 22px;
  margin-bottom: 20px;
}

.card-replace-modal-body .card-deactivate {
  color: #7c7c7c;
  margin-bottom: 38px;
}

.card-replace-modal-body .edit-card-address p {
  font-size: 18px;
  margin-bottom: 24px;
}

.card-replace-modal-popup .edit-card-address h5 {
  margin-bottom: 0;
}

/* Auto Deposite Page CSS */
.side-nav .side-nav-link .icon-deposit,
.no-record .action-btn .btn .icon-deposit {
  width: 14px;
  height: 17px;
  display: inline-block;
  background: url('/assets/dist/img/icon-autodeposit.svg') no-repeat center;
  background-size: contain;
  vertical-align: top;
}

.side-nav li:hover>.side-nav-link .icon-deposit,
.side-nav .menuitem-active>.side-nav-link .icon-deposit {
  background: url('/assets/dist/img/icon-autodeposit-hover.svg') no-repeat center;
  background-size: contain;
}

.side-nav .side-nav-link .icon-fund {
  height: 17px;
  display: inline-block;
  background: url('/assets/dist/img/icon-fund.svg') no-repeat center;
  background-size: contain;
  vertical-align: top;
}

.side-nav li:hover>.side-nav-link .icon-fund,
.side-nav .menuitem-active>.side-nav-link .icon-fund {
  background: url('/assets/dist/img/icon-fund-hover.svg') no-repeat center;
  background-size: contain;
}

.side-nav .side-nav-link .icon-activate {
  height: 17px;
  display: inline-block;
  background: url('/assets/dist/img/icon-activate.svg') no-repeat center;
  background-size: contain;
  vertical-align: top;
}

.side-nav li:hover>.side-nav-link .icon-activate,
.side-nav .menuitem-active>.side-nav-link .icon-activate {
  background: url('/assets/dist/img/icon-activate-hover.svg') no-repeat center;
  background-size: contain;
}

.side-nav .side-nav-link .icon-plus {
  height: 17px;
  display: inline-block;
  background: url('/assets/dist/img/icon-plus.svg') no-repeat center;
  background-size: contain;
  vertical-align: top;
}

.side-nav li:hover>.side-nav-link .icon-plus,
.side-nav .menuitem-active>.side-nav-link .icon-plus {
  background: url('/assets/dist/img/icon-plus-hover.svg') no-repeat center;
  background-size: contain;
}

.side-nav .side-nav-link .icon-statement {
  height: 17px;
  display: inline-block;
  background: url('/assets/dist/img/icon-statement.svg') no-repeat center;
  background-size: contain;
  vertical-align: top;
}

.side-nav li:hover>.side-nav-link .icon-statement,
.side-nav .menuitem-active>.side-nav-link .icon-statement {
  background: url('/assets/dist/img/icon-statement-hover.svg') no-repeat center;
  background-size: contain;
}

.side-nav .side-nav-link .icon-activity {
  height: 17px;
  display: inline-block;
  background: url('/assets/dist/img/icon-activity.svg') no-repeat center;
  background-size: contain;
  vertical-align: top;
}

.side-nav li:hover>.side-nav-link .icon-activity,
.side-nav .menuitem-active>.side-nav-link .icon-activity {
  background: url('/assets/dist/img/icon-activity-hover.svg') no-repeat center;
  background-size: contain;
}

.deposit-page .title--bar {
  font-size: 18px;
  color: #454545;
  margin-bottom: 35px;
}

.deposit-page .list-head {
  margin-bottom: 12px;
}

.deposit-page .list-head h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.deposit-page .list-head p {
  font-size: 14px;
  font-weight: 400;
  color: #919191;
  margin-bottom: 0;
}

.deposit-page .btn.btn-secondary {
  font-size: 14px;
  flex: 0 0 auto;
  margin-left: 20px;
}

.transfer-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.transfer-list li {
  background: #ffffff;
  box-shadow: 0px 1px 2px #00000019;
  border-radius: 5px;
  padding: 26px 22px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  min-height: 94px;
}

.transfer-list li.empty-list {
  justify-content: center;
  align-items: center;
}

.transfer-list li.empty-list a {
  font-family: 'Azo Sans';
  letter-spacing: 0px;
  color: #5d62e0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 22px;
  cursor: pointer;
}

.transfer-list li.empty-list a .material-icons {
  font-size: 18px;
}

.transfer-list li>* {
  padding: 0 10px;
}

.transfer-list h6 {
  font-size: 13px;
  letter-spacing: 0px;
  color: #a3a3a3;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 4px;
}

.transfer-list p {
  font-size: 16px;
  margin: 0;
  color: #454545;
  font-family: 'Azo Sans';
}

.transfer-list .btn-icon {
  border: 1px solid #000;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transfer-list .btn-icon:not(:last-child) {
  margin-right: 10px;
}

.transfer-list .btn-icon .material-icons {
  font-size: 20px;
}

.transfer-list .btn-icon.btn-edit {
  border-color: rgba(93, 98, 224, 0.2);
  color: #5d62e0;
}

.transfer-list .btn-icon.btn-edit:hover {
  border-color: rgba(93, 98, 224, 1);
  background-color: rgba(93, 98, 224, 1);
  color: #fff;
}

.transfer-list .btn-icon.btn-delete {
  border-color: rgba(213, 97, 97, 0.2);
  color: #d56161;
}

.transfer-list .btn-icon.btn-delete:hover {
  border-color: rgba(213, 97, 97, 1);
  background-color: rgba(213, 97, 97, 1);
  color: #fff;
}

.account-list:not(:last-child) {
  margin-bottom: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid #ddd;
}

.auto-recurring-deposit-modal .modal-body {
  padding: 34px 34px 12px;
}

.auto-recurring-deposit-modal .form-amount .form-check-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.auto-recurring-deposit-modal .form-amount .form-control::placeholder {
  color: rgba(57, 57, 57, 0.3);
}

.auto-recurring-deposit-modal .form-amount .form-control {
  color: #393939;
  border: 0;
  border-bottom: 1px solid #3c3c3c;
  border-radius: 0;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  padding-top: 0;
}

.auto-recurring-deposit-modal .form-control:focus {
  box-shadow: none;
}

.auto-recurring-deposit-modal .select-amount .selection-dropdown {
  width: 50%;
  font-family: 'Azo Sans';
  position: relative;
  padding: 0 7px;
  flex: 1 0 auto;
}

.auto-recurring-deposit-modal .balance-select .ng-select.ng-select-single .ng-select-container {
  height: 40px;
  background: #ececf3;
  border-color: #bebfd4;
  color: #454545;
}

.auto-recurring-deposit-modal .selection-dropdown .ng-select .ng-select-container .ng-value-container {
  justify-content: flex-end;
  padding-right: 10px;
}

.auto-recurring-deposit-modal .select-amount .ng-select .ng-select-container {
  font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  height: 45px;
  padding: 13px 5px 10px 65px;
  width: 100%;
  color: rgba(57, 57, 57, 0.6);
  font-weight: 500;
  cursor: pointer;
}

.auto-recurring-deposit-modal .select-from {
  position: absolute;
  font-size: 16px;
  top: 12px;
  left: 25px;
  user-select: none;
  pointer-events: none;
  z-index: 9999;
}

.auto-recurring-deposit-modal .select-amount {
  margin: 20px -7px 28px;
}

.auto-recurring-deposit-modal .modal-dialog {
  max-width: 100%;
}

.auto-recurring-deposit-modal .ng-select .ng-select-container .ng-value-container {
  padding-left: 10px;
}

.auto-recurring-deposit-modal .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  width: calc(100% - 65px);
  right: 0;
  left: auto;
  padding-right: 30px;
  top: 9px;
}

.auto-recurring-deposit-modal .ng-select .ng-clear-wrapper {
  top: 2px;
  left: 3px;
}

.auto-recurring-deposit-modal .ng-select .ng-arrow-wrapper {
  padding-right: 0;
}

.auto-recurring-deposit-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #f8f8f8;
}

.balance-reach {
  background: #f3f3f9;
  padding: 21px;
}

.balance-reach .balance-desc {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(60, 60, 60, 0.12);
  color: #919191;
  font-size: 12px;
  font-family: 'Azo Sans';
  margin-bottom: 0;
}

.balance-reach .form-control {
  background: #ececf3;
  border-color: #bebfd4;
  width: 102px;
  height: 40px;
  margin: 0 auto;
  font-size: 16px;
  color: #454545;
}

.balance-reach h6 {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #454545;
}

.balance-reach .form-check-label {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  cursor: pointer;
}

.balance-reach .form-check:not(:last-child) {
  margin-bottom: 15px;
}

.balance-reach .balance-select {
  flex: 0 0 auto;
  width: calc(100% - 140px);
  margin: 0 -5px;
}

.balance-reach .balance-repeat {
  flex: 0 0 auto;
  width: 140px;
}

.balance-reach .balance-select>* {
  width: 50%;
  padding: 0 5px;
}

.balance-reach .balance-select .mdi {
  position: absolute;
  right: 10px;
  top: 5px;
  pointer-events: none;
}

.transfer-name span {
  display: inline-block;
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/*Switch toggle Design*/
.notification-list--panel .form-check.toogle--btn .form-check-input {
  width: 100%;
  height: 100%;
}

.notification-list--panel .toogle--btn .form-check-label {
  width: 80px;
  height: 34px;
  min-width: initial;
}

.notification-list--panel .toogle--btn .form-check-label:before {
  width: 100%;
  height: 100%;
  background: #e2e2e2;
  border-radius: 9px;
  right: 0;
  top: 0;
}

.notification-list--panel .toogle--btn .form-check-label::after {
  top: 3px;
  width: 38px;
  height: 27px;
  border-radius: 6px;
  text-align: center;
  line-height: 28px;
  right: 38px;
  background: #fff;
  color: #bab6b6;
  content: 'OFF';
  transition: 0.4s ease-in-out;
}

.notification-list--panel .toogle--btn input:checked+.form-check-label::after {
  background: #5d62e0;
  right: 3px;
  content: 'ON';
  color: #fff;
}

/*Add Funds*/
.automatic-deposits--content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.automatic-deposits--content label {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}

.automatic-deposits--content .btn-primary {
  border: 1px solid #5d62e0;
  background: #eeeffc !important;
  color: #5d62e0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.automatic-deposits--content .btn-primary:hover {
  background: #5d62e0 !important;
  color: #fff;
}

.send-money--panel .ng-value-container .ng-value {
  text-align: right;
}

.send-money--panel .form--group-send-on-transaction .form-control {
  font: normal normal 400 17px/44px Azo Sans;
  height: 40px;
  padding-right: 30px !important;
}

.send-money--panel .form--group-send-on-transaction .form-control:focus {
  box-shadow: none;
}

.send-money--panel .form--grouppay-from {
  border-bottom: 1px solid #ddd;
}

.send-money--panel .ngx-daterangepicker-action {
  color: #bababa;
  position: absolute;
  right: 0;
  top: 9px;
}

.recurring--section .recurring--content .transfer_now_amount .input--group {
  display: flex;
}

.send-money--panel .ng-select .ng-clear-wrapper {
  right: -5px;
  top: 2px;
}

.send-money--panel .enter--amount .form-control::placeholder {
  color: #393939;
  opacity: 0.3;
}

.hide-count {
  opacity: 0;
  visibility: hidden;
}

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

.modal-body.error-body {
  padding: 64px 64px 40px;
  text-align: center;
}

.modal-body.error-body span {
  margin-bottom: 40px;
  display: inline-block;
}

.modal-body.error-body span img {
  max-width: 65px;
}

.modal-body.error-body p {
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 0;
  text-align: center;
  color: #454545;
  font-weight: 400;
}

.modal-body.error-body .action--buttons {
  margin-top: 79px;
}

.modal-body.error-body .action--buttons .btn.btn-primary {
  margin-left: auto;
  margin-right: auto;
  max-width: 260px;
  width: 100%;
}

.modal-body.error-body .action--buttons .btn.btn-plain {
  max-width: inherit;
  padding: 0;
  margin: 32px 0 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  text-transform: uppercase;
  color: #5d62e0;
  height: auto;
}

/*Tooltip design for Enter Your Bank Info popup*/
.link-via-routing-tooltip-class .tooltip-inner {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #e5e5e5;
  background: #666666;
  max-width: 263px;
  color: rgb(255 255 255 / 75%);
  text-align: left;
  font-size: 13px;
}

.link-via-routing-tooltip-class.show {
  opacity: 1;
}

.link-via-routing-tooltip-class .tooltip-arrow::before {
  border-top-color: #666;
}

.link-via-Routing-popup .input--box .form-control:disabled {
  color: #454545;
  opacity: 0.5;
}

.skeleton-loader {
  background: #e4e4e4 !important;
}

.top-content .info-card .chart-data .skeleton-loader.progress {
  border-radius: 50%;
  margin-right: 50px;
}

.slidebar-close .side-nav li ul {
  display: none;
}

.filter.by-transaction {
  display: flex;
  align-items: center;
}

.filter.by-transaction .ng-select .ng-select-container {
  border: 0;
}

.filter.by-transaction label {
  font-size: 11px;
  color: #6f6f6f;
  text-transform: uppercase;
  border-right: 1px #ddd solid;
  margin-right: 4px;
  padding-right: 6px;
  padding-left: 10px;
}

.add-transaction .ng-select .ng-select-container {
  min-width: 100px;
}

.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
  box-shadow: none;
}

.signup-box .form--details .form-control[ng-reflect-is-disabled='true'] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.signup-box .form--details .ng-select[ng-reflect-is-disabled='true'] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.form-input.disabled-field .form-control,
.form-input.disabled-field .ng-select .ng-select-container {
  cursor: not-allowed;
}

.deposit-receipt-modal .modal-content-custom iframe {
  height: calc(100vh - 130px);
}

.deposit-receipt-modal .modal-dialog-scrollable {
  max-width: 1450px;
  width: calc(100% - 40px);
}

.links-section .btn {
  margin: 0;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  line-height: 46px;
  position: relative;
  border: 1px solid;
}

.links-section .btn i,
.links-section .btn span {
  position: absolute;
  left: 17px;
  top: 15px;
  font-size: 20px;
}

.links-section .btn.btn-secondary {
  background: #fff;
  border-color: #d6d6e1;
}

.links-section .btn.btn-primary {
  line-height: 50px;
}

.last-process {
  font-size: 16px;
  line-height: 23px;
}

/*Tooltip design for Enter Your Bank Info popup*/
.link-via-routing-tooltip-class .tooltip-inner {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #e5e5e5;
  background: #666666;
  max-width: 263px;
  color: rgb(255 255 255 / 75%);
  text-align: left;
  font-size: 13px;
}

.link-via-routing-tooltip-class.show {
  opacity: 1;
}

.link-via-routing-tooltip-class .tooltip-arrow::before {
  border-top-color: #666;
}

.link-via-Routing-popup .input--box .form-control:disabled {
  color: #454545;
  opacity: 0.5;
}

.skeleton-loader {
  background: #e4e4e4 !important;
}

.top-content .info-card .chart-data .skeleton-loader.progress {
  border-radius: 50%;
  margin-right: 50px;
}

.slidebar-close .side-nav li ul {
  display: none;
}

.schedules-page .filter.by-transaction {
  border: 1px solid #ddd;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.schedules-page .filter.by-transaction .ng-select .ng-select-container {
  border: 0;
}

.schedules-page .filter.by-transaction label {
  font-size: 11px;
  color: #6f6f6f;
  text-transform: uppercase;
  border-right: 1px #ddd solid;
  margin-right: 4px;
  padding-right: 6px;
  padding-left: 10px;
}

.schedules-page .add-transaction .ng-select .ng-select-container {
  min-width: 100px;
}

.schedules-page .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
  box-shadow: none;
}

.signup-box .form--details .form-control[ng-reflect-is-disabled='true'] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.signup-box .form--details .ng-select[ng-reflect-is-disabled='true'] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.form-input.disabled-field .form-control,
.form-input.disabled-field .ng-select .ng-select-container {
  cursor: not-allowed;
}

.deposit-receipt-modal .modal-content-custom iframe {
  height: calc(100vh - 130px);
}

.deposit-receipt-modal .modal-dialog-scrollable {
  max-width: 1450px;
  width: calc(100% - 40px);
}

.links-section .btn {
  margin: 0;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  line-height: 46px;
  position: relative;
  border: 1px solid;
}

.links-section .btn i,
.links-section .btn span {
  position: absolute;
  left: 17px;
  top: 15px;
  font-size: 20px;
}

.links-section .btn.btn-secondary {
  background: #fff;
  border-color: #d6d6e1;
}

.links-section .btn.btn-primary {
  line-height: 50px;
}

.last-process {
  font-size: 16px;
  line-height: 23px;
}

/*Create account popup*/
.online-account .page-signin {
  padding: 42px;
  background: none !important;
}

.online-account .btn-close {
  position: absolute;
  right: 20px;
  top: 23px;
}

.online-account .login-action {
  margin: 30px 0 0;
}

.online-account .login-action .btn {
  width: 100%;
}

.online-account .modal-header {
  padding: 20px;
}

.online-account .form-group {
  margin-bottom: 15px;
}

.online-account .email-icon-field .material-icons,
.online-account .card-icon-field .card-icon {
  top: 42px;
  bottom: auto;
}

.online-account .error-container {
  margin-top: 5px;
}

.online-account .modal-title span {
  color: #5d62e0;
}

.online-account .login--form {
  width: 100% !important;
}

/*Signup Account conformation popup update */
.check-your-mail h2 {
  display: block;
  width: 100%;
  margin: 0;
}

.check-your-mail .modal-header {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 30px 0;
}

.check-your-mail .navbar-brand {
  margin-bottom: 40px;
}

.check-your-mail h2 span {
  color: #5d62e0;
}

.signup-card-confirm-popup>.modal-content {
  border-radius: 10px;
  overflow: hidden;
}

.check-your-mail .modal-body {
  padding: 0 30px 20px;
}

.check-your-mail .modal-body .email-sent {
  margin: 0 auto;
  text-align: center;
  max-width: 320px;
  line-height: 1.4;
  opacity: 0.8;
}

.check-your-mail .btn-email {
  background: #5d62e0;
  color: #fff;
}

.check-your-mail p {
  text-align: center;
  line-height: 1.4;
}

.check-your-mail p a {
  color: #5d62e0;
}

/*Bank linked*/
.bank-linked {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(203, 203, 212, 0.38);
  border-radius: 8px;
  background: #fff;
  padding: 22px 25px;
  margin-bottom: 12px;
}

.bank-linked:hover {
  border-color: rgba(93, 98, 224, 0.5);
}

.bank-linked .bank-user {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  background: #f0f0f2;
  padding: 8px;
}

.bank-linked .bank-user img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.bank-linked .bank-detail h4 {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 4px;
}

.bank-linked .bank-detail p {
  font-size: 14px;
  color: #6c6c6c;
  margin: 0;
}

.bank-linked .bank-connect h5 {
  font-size: 12px;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.bank-linked .bank-connect p {
  font-size: 14px;
  color: #a6a6a6;
  font-weight: 400;
  margin: 0;
}

.bank-btns .btn-primary {
  background: rgba(93, 98, 224, 0.1) !important;
  border-radius: 4px;
  padding: 0 10px;
  color: #5d62e0;
  font-size: 11px;
  font-weight: 500;
  line-height: 24px;
  height: auto;
  border: 0;
  text-transform: uppercase;
}

.bank-btns .btn-verify {
  background: #5d62e0;
  color: #fff;
  border-radius: 6px;
  padding: 3px 18px 0;
  line-height: 35px;
  font-size: 14px;
  font-weight: 500;
}

.bank-linked:hover .bank-btns .btn-action,
.bank-linked .bank-btns .show .btn-action {
  background: rgba(93, 98, 224, 0.08);
}

.bank-btns .btn-action {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #44479d;
  opacity: 1;
  line-height: 30px;
  text-align: center;
}

.bank-btns .btn {
  margin: 0 auto;
}

.bank-btns .dropdown {
  margin-left: auto;
}

.bank-btns .btn-action::after {
  display: none;
}

.bank-linked>div {
  flex: 0 0 auto;
  width: 32%;
}

.bank-linked .bank-connect .bank-status {
  font-weight: 500;
  color: #60b144;
  margin-right: 8px;
  padding-left: 9px;
  position: relative;
}

.bank-linked .bank-connect .bank-status:before {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  display: inline-block;
  border-radius: 50%;
  top: 4px;
}

.bank-linked .bank-connect .bank-status.active {
  color: #60b144;
}

.bank-linked .bank-connect .bank-status.active:before {
  background: #60b144;
}

.bank-linked .bank-connect .bank-status.pending {
  color: #efa228;
}

.bank-linked .bank-connect .bank-status.pending:before {
  background: #efa228;
}

.bank-linked .bank-connect .bank-status.in-active {
  color: #ff0000;
}

.bank-linked .bank-connect .bank-status.in-active:before {
  background: #ff0000;
}

.bank-linked .dropdown-menu {
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  box-shadow: 0px 7px 10px rgba(18, 21, 87, 0.18);
  -webkit-box-shadow: 0px 7px 10px rgba(18, 21, 87, 0.18);
  -moz-box-shadow: 0px 7px 10px rgba(18, 21, 87, 0.18);
  width: 250px;
  padding: 10px 17px;
}

.bank-linked .dropdown-item {
  color: #454545;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 8px 0;
  line-height: 1;
}

.bank-linked .dropdown-item .material-icons {
  font-size: 18px;
  margin-bottom: 2px;
  margin-right: 9px;
}

.bank-linked .dropdown-item.removed-account {
  color: #e35a5a;
}

.bank-linked .dropdown-item:not(.removed-account) .material-icons {
  color: #ababab;
}

.bank-linked .dropdown-item label {
  color: #616161;
  padding-left: 25px;
  position: relative;
}

.bank-linked .dropdown-item label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.bank-linked .dropdown-item label:after {
  content: '';
  width: 11px;
  height: 5px;
  border-width: 2px 2px 0px 0px;
  border-style: solid;
  border-color: #fff;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 2px;
  transform: rotate(128deg);
  -moz-transform: rotate(128deg);
  -webkit-transform: rotate(128deg);
  opacity: 0;
}

.bank-linked .dropdown-item input:checked+label:after {
  opacity: 1;
}

.bank-linked .dropdown-item input:checked+label:before {
  background: #5d62e0;
  border-color: #5d62e0;
}

.bank-linked .dropdown-item:hover,
.bank-linked .dropdown-item:focus {
  background: transparent;
}

.bank-linked.schedule-to-other {
  position: relative;
  padding-left: 60px;
}

.bank-linked.schedule-to-other .link-account-radio {
  position: absolute;
  left: 20px;
  top: 20px;
}

.bank-account-set-nickname-pop .modal-content {
  border-radius: 10px;
  padding: 26px 33px;
}

.bank-account-set-nickname-pop .modal-header {
  border: 0;
  margin-bottom: 23px;
}

.bank-account-set-nickname-pop .modal-header .modal-title {
  text-align: left;
  color: #454545;
  font-size: 18px;
  font-weight: 500;
}

.bank-account-set-nickname-pop .btn-close {
  font-size: 12px;
}

.bank-account-set-nickname-pop label {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.bank-account-set-nickname-pop .form-control {
  border: 1px solid #bebfd4;
  background: transparent;
  box-shadow: none;
  border-radius: 5px;
  height: 48px;
}

.bank-account-set-nickname-pop .modal-footer {
  border: 0;
  margin-top: 42px;
}

.bank-account-set-nickname-pop .btn {
  min-height: 50px;
}

.bank-account-set-nickname-pop .btn.btn-primary {
  min-width: 178px;
  margin-left: 20px;
}

/**/
.notification-tabs.nav-tabs .nav-link {
  border-radius: 0;
  font-size: 15px;
  font-weight: 400;
  color: rgba(69, 69, 69, 0.52);
  padding: 15px 16px;
  border-top: 1px solid transparent;
  border-width: 1px 0 0 0;
}

.notification-tabs.nav-tabs .nav-link.active,
.notification-tabs.nav-tabs .nav-item.show .nav-link {
  background: transparent;
  border-color: #5d62e0;
  color: #5d62e0;
}

.mdi.mdi-close-circle-outline {
  top: 14px;
  border: 2px solid #000;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 15px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 48px;
}

/****/
.batch-container .card {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 26px 32px;
  margin-bottom: 14px;
}

.batch-container h6 {
  font-size: 14px;
  font-weight: 500;
  color: #454545;
  margin: 0;
}

.batch-container .disbaled-div {
  opacity: 0.3;
  user-select: none;
  pointer-events: none;
}

.batch-container .batch-refresh {
  font-size: 14px;
  font-weight: 400;
  color: rgba(69, 69, 69, 0.6);
  margin-bottom: 0;
  margin-right: 20px;
}

.batch-container .batch-refresh span {
  margin-right: 6px;
}

.batch-container .card-right {
  width: 380px;
  flex: 0 0 auto;
}

.batch-container .automatic-transfer-content ul li.transfer-col {
  flex-wrap: nowrap;
}

.batch-container .automatic-transfer-content ul li.transfer-col .transfer-type {
  max-width: 100%;
  flex: 0 0 auto;
  width: 380px;
  padding-left: 0;
}

.batch-container .automatic-transfer-content ul li.transfer-col p {
  max-width: 340px;
}

.batch-container .automatic-transfer-content .transfer-send {
  width: 140px;
  margin-right: 20px;
  flex: 0 0 auto;
}

.batch-container .automatic-transfer-content .transfer-count {
  width: 90px;
  margin-right: 20px;
  flex: 0 0 auto;
}

.batch-container .automatic-transfer-content .transfer-count .form-control {
  max-width: 70px;
}

.batch-container .automatic-transfer-content ul li .transfer-always label:before {
  border-radius: 5px;
}

.batch-container .automatic-transfer-content ul li .transfer-always input:checked+label:after {
  height: 6px;
  transform: scale(1) rotate(-45deg);
  background: transparent;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: #fff;
  border-radius: 0;
  width: 13px;
  top: 5px;
  left: 3px;
}

.batch-container .automatic-transfer-content ul li .transfer-always input:checked+label:before {
  background: #5d62e0;
}

.batch-container .automatic-transfer-content ul li .transfer-always {
  margin-top: 22px;
}

.batch-container .transfer-type .form-control {
  text-align: left;
}

.form-select {
  border: 1px solid #d5d6f4;
  border-radius: 3px;
  background: url('/assets/dist/img/icon-arrow-down.svg') no-repeat 93% center #f3f3f9;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 30px 10px 15px;
  cursor: pointer;
}

.form-select.form-select-batch {
  width: 228px;
}

.btn:disabled {
  background: #eee !important;
  border-color: #eee !important;
  color: #adadad !important;
}

/*Batch*/
.batch-page .balance-card {
  background: transparent;
}

.batch-page .table-filters {
  padding: 20px 0;
  border-bottom: 1px solid #d6d6e1;
  border-top: 1px solid #d6d6e1;
  margin: 20px 0;
}

.batch-page .filter--btn.export .btn.btn-secondary {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
  height: 45px;
  font-size: 16px;
  line-height: 40px;
}

.filter-block .by-showing {
  background: #efefef;
  margin-left: 20px;
  border: 0 !important;
}

.filter-block .field-search {
  max-width: 100%;
  width: 446px;
}

.filter-block .form-control {
  border-color: #d2d2d2;
  height: 45px;
  padding: 13px 20px 10px 47px;
  border-radius: 8px;
  background: url('/assets/dist/img/icon-search.svg') transparent no-repeat 15px center;
}

.filter-block .form-control::placeholder {
  color: rgba(69, 69, 69, 0.3);
}

.table .batch-div {
  width: 15%;
}

.table .from-div {
  width: 18%;
}

.table .total-div {
  width: 15%;
}

.table .types-div {
  width: 24%;
}

.table .card-collapse label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #bcbcbc;
}

.table .card-collapse p {
  font-size: 16px;
  margin: 0;
  line-height: 1.2;
  color: #212529;
}

.batch-page .table .btn.btn-primary {
  color: #5d62e0 !important;
  background: #ebecfb !important;
  border-color: #ebecfb !important;
  line-height: 39px !important;
  text-transform: uppercase;
  height: 38px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.batch-page .table .btn img {
  width: 15px;
}

.batch-page .table .btn.btn-print {
  width: 40px;
  height: 38px;
  background: #ebecfb !important;
  padding: 0;
  margin-left: 10px;
}

.batch-page .table .card-body {
  padding: 16px 20px;
}

.batch-page .table .refund {
  color: #de3030 !important;
}

.batch-page {
  overflow-y: auto;
  overflow-x: hidden;
}

.filter--btn .dropdown-item:hover+.dropdown-submenu {
  display: block;
}

.filter--btn .dropdown-submenu {
  display: block;
  right: calc(100% + 3px);
  box-shadow: 0px 7px 10px rgba(18, 21, 87, 0.18);
  -webkit-box-shadow: 0px 7px 10px rgba(18, 21, 87, 0.18);
  -moz-box-shadow: 0px 7px 10px rgba(18, 21, 87, 0.18);
  border-radius: 8px;
  width: 138px;
  top: 0;
}

.batch-view .balance-amt {
  background-color: #fff;
}

.batch-view .balance-amt .colm:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
  padding-left: 10px;
}

.batch-view .balance-amt .amount-text {
  font-size: 13px;
  color: #8b8b8b;
  margin-bottom: 5px;
}

.batch-view .balance-amt .lbl--text {
  font-size: 18px;
  color: #454545;
  font-weight: 500;
}

.batch-view .balance-amt .colm {
  flex: 1 0 auto;
}

.batch-view .balance-amt .colm:not(:nth-last-child(2)) {
  border-right: 0;
}

.balance-batch .amount-text {
  font-size: 22px;
  font-weight: 400;
}

.balance-batch.balance-card .lbl--text {
  font-size: 13px;
  font-weight: 500;
}

.balance-batch .btn-primary {
  line-height: 46px;
  text-transform: uppercase;
  font-size: 14px;
}

.batch-view .table-filters {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #bababa;
}

.btn-print {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  min-width: 99px;
  justify-content: center;
  padding: 3px 0 0;
}

.btn-print i {
  margin-right: 10px;
  line-height: 12px;
}

.btn-filter {
  background: url('/assets/dist/img/arrow-down.svg') no-repeat 90% center #e9e9e9;
  border: 0;
  margin-left: 15px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  width: 127px;
  flex: 0 0 auto;
  text-align: left;
  padding: 0 16px;
}

.btn-filter .count {
  width: 19px;
  height: 19px;
  display: inline-block;
  background: #44479d;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.table .div-12 {
  width: 12%;
}

.table .div-16 {
  width: 16%;
}

.div-18 {
  width: 18%;
}

.batch-view .table .td-div {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
}

.table .td-div .light-text {
  color: #a2a2a2 !important;
}

.modal-batch .modal-title {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.2;
}

.modal-batch .modal-footer {
  padding: 15px 28px 10px;
  border-top: 0;
}

.modal-batch .modal-body {
  padding: 32px 32px 0;
}

.modal .modal-header {
  border-bottom-color: #CBCBCB;
  padding: 25px;
}

.modal .modal-content {
  border-radius: 10px;
}

.modal-batch .batch-block {
  border-radius: 18px;
  background: #f1f1f1;
  max-width: 425px;
  margin: 0 auto 34px;
  padding: 18px 21px;
}

.modal-batch .batch-block .full-block {
  flex: 0 0 auto;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.modal-batch .batch-block .half-block {
  flex: 0 0 auto;
  width: 50%;
}

.modal-batch .batch-head {
  color: #727272;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 3px;
  text-align: center;
}

.modal-batch .batch-block p {
  font-weight: 500;
  color: #454545;
  margin: 0;
  text-align: center;
  font-size: 16px;
}

.modal-batch .batch-block p.large {
  font-size: 25px;
}

.modal-batch .batch-block .half-block:not(:last-child) {
  border-right: 1px solid #d4d4d4;
}

.modal-batch .batch-amount .batch-head {
  margin-bottom: 8px;
}

.modal-batch .batch-amount h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 5px;
}

.modal-batch .batch-amount p {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  margin: 0;
}

.modal-batch .batch-amount {
  margin-bottom: 36px;
}

.transfer-select {
  height: 48px;
  padding: 8px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
}

.transfer-select label {
  font-size: 15px;
  color: #454545;
  padding-top: 6px;
}

.transfer-select select {
  background: url('/assets/dist/img/icon-arrow-down.svg') no-repeat center right;
  border: 0;
  width: 120px;
  padding: 5px 12px 5px 5px;
}

.transfer-select select:focus-visible {
  outline: none;
}

.card-info-slideout.slideout-open {
  transform: translate3d(100%, 0px, 0px);
  box-shadow: 4px 8px 15px #0000000d;
}

/**/
.auto-recurring-deposit-modal .component-host-scrollable {
  justify-content: center;
  padding: 0 20px;
  flex-direction: row;
}

.auto-recurring-deposit-modal .component-host-scrollable .modal-content {
  max-width: 641px;
}

.balance-reach .balance-date .form-check-input {
  display: none;
}

.auto-recurring-deposit-modal .modal-content.schedule-slideout {
  border-radius: 10px 0 0 10px;
}

.auto-recurring-deposit-modal .schedule-preview-slideout {
  padding: 20px;
  background: #fafafa;
  width: 85px;
  border-radius: 0 10px 10px 0;
  border-left: 1px solid #dfdfdf;
  flex: 0 0 auto;
  transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
}

.auto-recurring-deposit-modal .modal-dialog>.modal-content {
  background: transparent;
}

.auto-recurring-deposit-modal .schedule-preview-slideout.slideout-open {
  width: 314px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
}

.schedule-preview-slideout .schedule-preview-title {
  margin-bottom: 26px;
}

.schedule-preview-slideout .schedule-btn {
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.05);
  width: 40px;
  height: 40px;
  border: 0;
}

.slideout-open .schedule-btn {
  position: absolute;
  left: 0px;
  top: 0;
}

.schedule-preview-slideout .schedule-preview li {
  padding: 12px 10px 7px 0;
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
}

.schedule-preview-slideout .schedule-price {
  color: #434246;
  font-size: 16px;
  padding-right: 10px;
}

.schedule-preview-slideout .schedule-preview {
  max-height: calc(100% - 70px);
  overflow: auto;
}

.schedule-preview-slideout .schedule-price {
  color: #434246;
  font-size: 16px;
  padding-right: 10px;
}

.schedule-preview-slideout .schedule-title {
  color: #434246;
  margin-bottom: 4px;
  font: normal normal normal 15px/17px Arial;
}

.schedule-preview-slideout .schedule-date {
  font-size: 11px;
  color: #73717a;
}

.schedule-preview-slideout h3 {
  color: #454545;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding-left: 40px;
  line-height: 40px;
}

.auto-recurring-deposite-count .set-count {
  position: absolute;
  bottom: 5px;
  right: 16px;
  font-size: 16px;
  color: #454545;
  opacity: 32%;
}

.auto-recurring-deposite-count .set-count.set-count-error {
  bottom: 24px;
}

.auto-recurring-deposite-count .form-check.toogle--btn {
  width: 40px;
  display: flex;
  padding-top: 3px;
}

.auto-recurring-deposite-count .toogle--btn .form-check-label:before {
  right: auto;
  left: 0;
}

.auto-recurring-deposite-count .toogle--btn .form-check-label::after {
  right: -14px;
}

.auto-recurring-deposite-count .toogle--btn input:checked+.form-check-label::after {
  right: -34px;
}

.schedule-preview-slideout:not(.slideout-open) .schedule-preview,
.schedule-preview-slideout:not(.slideout-open) h3 {
  display: none;
}

/*Error Password */
.val-error-password h4 {
  font-size: 14px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 10px;
  margin-top: 16px;
}

.val-error-password li {
  font-size: 14px;
  color: #454545;
  padding-left: 12px;
  margin-bottom: 10px;
}

.val-error-password li.not-filled {
  opacity: 65%;
}

.val-error-password li.not-filled .material-icons {
  background: #e3e3e3;
  color: #aaaaaa;
}

.val-error-password .material-icons {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  margin-right: 13px;
  vertical-align: middle;
  background: rgba(27, 167, 78, 0.24);
  color: #1ba74e;
}

/* .val-error-password li.not-valid {  color: red;} */
/* .val-error-password li.not-valid span {  color: #fff;  background: red;} */

.not-in-focus .val-error-password li.not-filled {
  color: red;
}

.not-in-focus .val-error-password li.not-filled span {
  color: #fff;
  background: red;
}

.balance-prevention {
  margin-bottom: 50px;
}

.balance-prevention .transfer-list h4 {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 4px;
}

.balance-prevention .transfer-list p {
  font-size: 12px;
  font-weight: 300;
  color: #636363;
}

.balance-prevention .learn-more>span {
  font-size: 12px;
  font-weight: 400;
  color: #44479d;
  cursor: pointer;
}

.balance-prevention .transfer-list-radio .learn-more {
  position: absolute;
  top: 28px;
  right: 22px;
  z-index: 9;
}

.balance-prevention .learn-more svg {
  width: 13px;
  height: 13px;
  margin-right: 4px;
  vertical-align: middle;
}

.balance-prevention .transfer-list-radio label {
  padding: 26px 22px 26px 105px;
  cursor: pointer;
}

.balance-prevention .transfer-list-radio label input[type='checkbox'] {
  display: none;
}

.balance-prevention .transfer-list-radio label span {
  width: 66px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 22px;
  background: #e0e0f0;
  border-radius: 20px;
  padding: 0;
  cursor: pointer;
  bottom: 0px;
  margin: auto;
}

.balance-prevention .transfer-list-radio label span::before {
  width: 34px;
  height: 18px;
  content: 'OFF';
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  display: block;
  position: absolute;
  left: 2px;
  top: 3px;
  font-size: 12px;
  font-weight: 500;
  color: #bab6b6;
  line-height: 30px;
  text-align: center;
  transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  line-height: 20px;
}

.balance-prevention .transfer-list-radio label input:checked+span:before {
  left: 28px;
  content: 'ON';
  color: #fff;
  background: #5d62e0;
}

/*.balance-prevention .transfer-list-radio label:before {content: ''; position: absolute; left: 22px; top: 24px; border: 1px solid #B4B4B4; width: 18px; height: 18px; display: block; border-radius: 50%; background: #F0F0F0; }
.balance-prevention .transfer-list-radio input:checked + label:before {border-color: #585DE5; }
.balance-prevention .transfer-list-radio input:checked + label:after {width: 10px; height: 10px; content: ''; position: absolute; left: 26px; display: block; background: #585DE5; border-radius: 50%; top: 28px; }*/
.balance-prevention .transfer-label {
  color: #454545;
  font-size: 14px;
  font-weight: 400;
}

.balance-prevention .transfer-bottom {
  padding: 0 22px 0 105px;
}

.balance-prevention .donation-block small {
  color: #919191;
  font-size: 10px;
  margin-left: 12px;
}

.balance-prevention .donation-block {
  padding: 0 35px 25px 56px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}

.balance-prevention .donation-block:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.balance-prevention .donation-row {
  padding-left: 25px;
  border-left: 1px solid #cbcbd461;
}

.balance-prevention .toogle--btn {
  position: absolute;
  left: -14px;
  top: -15px;
}

.balance-prevention .toogle--btn input:checked+.form-check-label::after {
  right: -51px;
}

.balance-prevention .donate-popup {
  width: 495px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  padding: 33px;
  border-radius: 10px;
  -moz-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  background: #fff;
  z-index: 9999;
}

.balance-prevention .donate-popup .btn {
  background: #e8e8f8;
}

.balance-prevention .donate-popup .material-icons {
  opacity: 30%;
  cursor: pointer;
}

.balance-prevention .donate-popup p {
  font-size: 15px;
  opacity: 90%;
}

.balance-prevention .donate-popup p:not(:last-child) {
  margin-bottom: 20px;
}

.balance-prevention .donate-popup:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0 8px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  bottom: 100%;
  right: 30px;
}

.balance-prevention .donate-popup li {
  box-shadow: none;
  border-radius: 0;
  border: 0;
  padding: 0 0 0 30px;
  margin: 0;
  min-height: initial;
  font-size: 15px;
  font-weight: 400;
  color: #454545;
  opacity: 90%;
  position: relative;
}

.balance-prevention .donate-popup li:not(:last-child) {
  margin-bottom: 20px;
}

.balance-prevention .donate-popup li:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  display: block;
  background: #575757;
  border-radius: 50%;
  top: 5px;
  left: 0;
}

.balance-prevention .input--group {
  max-width: 188px;
}

.balance-prevention .transfer-from {
  max-width: 250px;
}

.content-page .footer-actions {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 40px;
  box-shadow: 1px -2px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px -2px 16px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px -2px 16px rgba(0, 0, 0, 0.1);
}

.content-page .footer-actions .btn-primary {
  padding: 0 35px;
  margin-left: 20px;
}

.deposit-page {
  padding-bottom: 80px;
}

.balance-prevention li:not(.selected) .learn-more,
.balance-prevention li:not(.selected) .transfer-bottom,
.balance-prevention li.selected-error .transfer-list-radio label:after {
  display: none;
}

.balance-prevention .transfer-list li:not(.selected) h4 {
  opacity: 65%;
}

.balance-prevention .transfer-list li:not(.selected) p {
  color: #717171;
}

.balance-prevention .not-available {
  font-size: 15px;
  font-weight: 400;
  color: #e35a5a;
  padding: 23px 25px 0;
  margin-bottom: -7px;
}

.balance-prevention .transfer-list-radio .not-available+.learn-more {
  top: 85px;
}

.balance-prevention .transfer-list li.selected-error {
  opacity: 0.5;
}

.balance-prevention li.selected-error .transfer-list-radio input:checked+label:before {
  border-color: #e35a5a;
  background: rgba(227, 90, 90, 0.1);
}

/*Page Batch Batch Manually Popup*/
.modal-batch-close .modal-dialog {
  max-width: 450px;
}

.modal-batch-close .modal-header {
  padding: 25px 32px 30px;
  border: 0;
}

.modal-batch-close .modal-header .modal-title {
  font-size: 18px;
  font-weight: 500;
  color: #454545;
}

.modal-batch-close .modal-body {
  padding: 0 30px;
}

.modal-batch-close .modal-footer {
  padding: 0 32px 25px;
  border: 0;
  flex-direction: column;
}

.modal-batch-close .modal-footer .btn {
  width: 100%;
  margin: 5px 0 0;
  height: 50px;
  font-size: 15px;
}

.modal-batch-close .modal-footer .btn.btn-primary {
  text-transform: uppercase;
}

.modal-batch-close .modal-body p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #454545;
  line-height: 22px;
}

.modal-batch-close .modal-content {
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  border: 0;
}

/*Donate Page*/
.donate-wrap {
  max-width: 570px;
  padding: 30px 25px 50px;
}

.donate-details img {
  width: 94px;
  height: 94px;
  margin-bottom: 19px;
}

.donate-details .donate-info-sendto h6 {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 6px;
}

.donate-details .sendto-title {
  font-size: 14px;
  font-weight: 400;
  color: #b1b1b1;
  text-transform: uppercase;
  margin-bottom: 9px;
  display: block;
}

.donate-details .donate-info-sendto .sendto-tax,
.donate-details .donate-info-sendto .sendto-address {
  font-size: 14 px;
  line-height: 1.4;
}

.donate-amount .form-control {
  height: 71px;
  padding: 20px 25px 15px;
  text-align: right;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 500;
  border-radius: 10px;
}

.donate-amount .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #ced4da;
}

.donate-amount .form-control::placeholder {
  opacity: 0.5;
}

.donate-amount .panel--title {
  position: absolute;
  left: 32px;
  top: 30px;
}

.donate-amount .donate-balance {
  margin-top: 12px;
  color: #868686;
  font-size: 15px;
  font-weight: 400;
  padding: 0 32px;
}

.donate-amount .donate-balance span {
  font-weight: 500;
  color: #454545;
}

.recurring-block.card--custom {
  border-radius: 8px;
  padding: 28px 32px;
}

.recurring-block .form-control {
  height: 48px;
  background: #fbfbfd;
  border-color: #bebfd4;
  border-radius: 5px;
  padding: 13px 16px 9px;
  resize: none;
  overflow: initial;
  font-size: 16px;
  color: #454545;
  min-height: initial;
}

.recurring-block .ngx-daterangepicker-action {
  right: 20px;
  top: 40px;
  color: #bababa;
  position: absolute;
}

.recurring-block .recurring--section label.form-check-label {
  text-transform: initial;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
}

.recurring-block .recurring--content ng-select .ng-select-container {
  border: 1px solid #bebfd4;
  border-radius: 5px;
  background: #fbfbfd;
  height: 48px;
}

.recurring-block .recurring--section label,
.recurring-block .recurring--section legend {
  text-align: left;
  font: normal normal 500 14px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.recurring-block .donate-count span {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  opacity: 65%;
  display: block;
  margin-top: 20px;
}

.recurring-block .recurring-note {
  margin-top: 22px;
  padding-top: 25px;
  border-top: 1px solid rgba(203, 203, 212, 0.38);
}

.recurring-block .recurring--section .row {
  margin: 0 -6px;
}

.recurring-block .recurring--section .row>* {
  padding: 0 6px;
}

.donate-send .donate-org {
  border: 1px solid #f6dcb2;
  border-radius: 10px;
  margin-bottom: 28px;
  background: #f7ecda;
  padding: 20px;
}

.donate-send .donate-org svg {
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
  margin-right: 16px;
}

.donate-send .donate-org p {
  font-size: 13px;
  margin: 0;
  color: #000000;
  opacity: 80%;
}

.donate-send .recurring--section {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}

.donate-send .recurring--section>.row {
  flex-direction: column-reverse;
}

.donate-send .recurring--section>.row>* {
  flex: 0 0 auto;
  width: 100%;
}

.donate-send .recurring--section .form--group.c-form-check {
  display: none;
}

.donate-send .recurring--section .form--group.recurring-count {
  flex-direction: column;
  width: 55%;
  flex: 0 0 auto;
  align-items: flex-start !important;
}

.donate-send .recurring--section .form-control.count--input {
  width: calc(100% - 16px);
}

.donate-send .recurring--section .form--group .send-on_div {
  width: 100%;
  flex-direction: column;
  align-items: self-start;
  margin-bottom: 22px;
}

.donate-send .recurring-total-amount {
  margin-top: 0 !important;
}

.donate-send .recurring-total-amount span {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  opacity: 65%;
  margin-top: 10px;
  display: block;
}

.donate-send .recurring--section .recurring--content .recurring-total-amount label {
  font-size: 14px;
}

.donate-send .recurring--section .recurring--content .transfer_now_amount .input--group {
  flex-direction: column;
}

.donate-send .recurring--section .recurring--content .transfer_now_amount {
  border-top: 1px solid #ddd;
}

.donate-send .separate-note .transfer_now_amount .input--group label {
  margin-bottom: 10px;
}

.donate-send .separate-note .transfer_now_amount .input--group textarea.form_control {
  background: #fbfbfd;
  padding: 15px 16px 9px;
  height: 48px;
}

.donate-wrap .title--bar a {
  font-size: 14px;
  color: #454545;
}

.donate-wrap .send-money--panel {
  margin-top: -40px;
}

.donate-ul li {
  padding: 10px 0;
  border-bottom: 1px solid #ededed;
}

.donate-ul .donate-schedule {
  color: #454545;
  font-size: 16px;
}

.donate-ul .donate-date {
  font-size: 12px;
}

.donate-ul .donate-name {
  font-size: 16px;
  color: #454545;
  font-family: 'FbShefa';
  line-height: 1;
}

.modal-batch-close.modal-schedule .modal-header {
  border-bottom: 1px solid #cbcbcb;
}

.modal-batch-close.modal-schedule .modal-body {
  padding: 20px 30px;
}

.action--buttons .btn.btn-primary,
.modal-schedule .btn.btn-secondary {
  font-size: 15px;
  height: 50px;
}

/*Update Org Profile Page*/
.info-box {
  padding-top: 38px;
}

.info-box h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 10px;
}

.info-box.signup-box .card--custom {
  padding: 30px 42px;
}

.info-box .account-detail .action-copy {
  flex-wrap: wrap;
}

.info-box .account-detail .action-copy b {
  font-size: 14px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 5px;
  flex: 0 0 auto;
  width: 100%;
  line-height: 18px;
  text-transform: uppercase;
}

.info-box .account-detail:not(:last-child) {
  margin-bottom: 28px;
}

.info-box .account-detail span {
  color: #454545;
  opacity: 78%;
  font-weight: 400;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2;
  max-width: calc(100% - 40px);
}

.info-box .account-detail svg {
  margin-left: 8px;
  cursor: pointer;
  width: 17px;
  flex: 0 0 auto;
}

.info-box .info-accout .row:after {
  content: '';
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ddd;
}

.info-box .info-accout .row.hide-line:after {
  display: none;
}

.info-box .info-image {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-right: 20px;
}

.info-box .info-seperator {
  margin-bottom: 30px;
}

.form .form-group {
  margin-bottom: 20px;
}

.form .form-label {
  font-size: 14px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 5px;
  line-height: 1.2;
  text-transform: uppercase;
}

.form .form-control {
  border: 1px solid #bebfd4;
  border-radius: 3px;
  height: 43px;
  background: #fbfbfd;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 400;
  color: #454545;
}

.form .form-control:focus {
  background: inherit;
  border-color: #72727b;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.form .form-action .btn {
  height: 35px;
  line-height: 35px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 500;
}

/*  Integrations Page Design */
.section-integrations {
  padding: 50px;
}

.section-integrations .section-merchant {
  border-radius: 14px;
  background: #f0f0f4;
  border: 1px solid #dbdbe5;
  padding: 46px 70px 70px;
}

.section-integrations .inner-head {
  color: #454545;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.section-integrations .form-control {
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  max-width: 365px;
  margin: 0 auto;
  background: rgba(17, 18, 36, 0.02);
  font-size: 16px;
  color: #454545;
  height: 42px;
  padding: 13px 20px 10px;
}

.section-integrations .form-control::placeholder {
  color: rgba(69, 69, 69, 0.35);
}

.section-integrations .merchant-search {
  margin-bottom: 75px;
}

.seperator:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  background: #d6d6d9;
  height: 1px;
  z-index: 0;
}

.seperator span {
  padding: 0 10px;
  background: #f0f0f4;
  position: relative;
  z-index: 1;
  font-size: 14px;
  font-weight: 500;
  color: rgba(69, 69, 69, 0.42);
}

.section-integrations .merchant-card {
  margin-top: 30px;
}

.section-integrations .card-block {
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(203, 203, 212, 0.38);
  border-radius: 10px;
  height: 100%;
  padding: 30px;
}

.section-integrations .card-head {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
}

.section-integrations .card-desc {
  color: #454545;
  opacity: 72%;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 18px;
}

.section-integrations .card-btn {
  background: rgba(93, 98, 224, 0.12);
  width: 120px;
  height: 35px;
  text-transform: uppercase;
  color: #5d62e0;
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  margin-top: auto;
}

.section-integrations .card-btn:hover {
  background: rgba(93, 98, 224, 1);
  color: #fff;
}

.section-integrations .card-block:hover {
  border-color: rgba(93, 98, 224, 0.5);
}

.section-integrations .card-block .row {
  margin: 0 -7px;
}

.section-integrations .card-block .row>* {
  padding: 0 7px;
}

.section-integrations .section-logo {
  border: 1px solid #d7d7de;
  border-radius: 14px;
  margin-top: 50px;
  padding: 0 20px 30px;
}

.section-integrations .section-logo h4 {
  padding: 0 15px;
  margin: -10px auto 33px;
  background: #f8f8f8;
}

.section-integrations .heading {
  font-size: 18px;
  color: #454545;
}

.section-integrations .section-profile {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(203, 203, 212, 0.38);
  border-radius: 8px;
  background: #fff;
  padding: 26px 32px;
  margin-left: 40px;
}

.section-integrations .img-logo {
  border: 1px solid #e8e8ec;
  border-radius: 6px;
  height: 60px;
  text-align: center;
  padding: 10px;
  margin-bottom: 14px;
}

.section-integrations .img-logo img {
  object-fit: cover;
}

.section-integrations .img-logo .logo-span {
  font-size: 12px;
  color: rgba(69, 69, 69, 0.62);
  background: #fff;
  position: absolute;
  bottom: -9px;
  padding: 0 5px;
}

.section-integrations .section-profile .row {
  margin: 0 -5px;
}

.section-integrations .section-profile .row>* {
  padding: 0 5px;
}

.btn-back {
  font-size: 15px;
  font-weight: 500;
  color: #5d62e0;
  text-transform: uppercase;
}

.modal-integrate-success p {
  max-width: 340px;
  margin: 0 auto 32px;
}

.modal-integrate-loader .modal-dialog h6 {
  margin-bottom: 50px;
  font-size: 16px;
  color: #454545;
}

.section-logo .carousel-indicators {
  display: none;
}

.section-logo .carousel-control-prev-icon,
.section-logo .carousel-control-next-icon {
  background-image: none;
  border-width: 3px;
  border-style: solid;
  border-color: transparent #949494 #949494 transparent;
  width: 15px;
  height: 15px;
}

.section-logo .carousel-control-prev,
.section-logo .carousel-control-next {
  border-radius: 10px;
  width: 40px;
  height: 40px;
  background: #e5e5e5;
  color: #949494;
  opacity: 1;
  top: 12px;
}

.section-logo .carousel-inner {
  padding: 0 40px;
}

.section-logo .carousel {
  position: static;
}

.section-logo .carousel-item {
  text-align: center;
}

.section-logo .merchant-slider {
  width: 100%;
  position: relative;
}

.section-logo .carousel-control-prev span {
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-left: 4px;
}

.section-logo .carousel-control-next span {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-right: 4px;
}

.section-logo button:hover .carousel-control-prev-icon,
.section-logo button:hover .carousel-control-next-icon {
  border-color: transparent #494949 #494949 transparent;
}

.section-logo .carousel-control-prev:hover,
.section-logo .carousel-control-next:hover {
  background: #dadada;
}

.modal-api .apikey-hash-wrap .apikey-hash-tag {
  justify-content: space-between;
}

.modal-api .copied:after {
  position: absolute;
  right: 22px;
}

.modal-integration .modal-dialog.modal-lg {
  max-width: 632px;
}

.modal-integration .modal-dialog.modal-md {
  max-width: 520px;
}

.modal-integration .modal-footer {
  background: #f5f5f5;
  padding: 15px 28px;
}

.modal-integration .modal-footer p {
  font-size: 14px;
  color: #454545;
  opacity: 96%;
  line-height: 1.4;
}

.modal-integration .modal-footer p span {
  font-weight: 500;
}

.modal-integration .form-wrap {
  max-width: 425px;
  margin: 0 auto 30px;
}

.modal-integration .form-wrap h5 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #454545;
  font-weight: 500;
}

.modal-integration .form-wrap .form-control {
  border-radius: 5px;
  background: #fbfbfd;
  border-color: #bebfd4;
  padding: 15px 20px;
  font-size: 16px;
  color: #454545;
  margin-bottom: 16px;
}

.modal-integration .action-copy .material-icons {
  color: #5d62e0;
}

.modal-integration .btn {
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.modal-integration .modal-header {
  padding-top: 40px;
}

.modal-integration .modal-account-header h4 {
  color: #454545;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.modal-integration .modal-account-header p {
  color: #454545;
  font-size: 15px;
  font-weight: 400;
  max-width: 350px;
  text-align: center;
  line-height: 1.5;
}

.modal-integration .close {
  position: absolute;
  top: 30px;
  right: 30px;
}

.modal-integration .modal-body {
  padding: 30px 30px 15px;
}

.modal-integration .modal-steps {
  padding: 25px;
  background: #f7f7f7;
  border-radius: 10px;
  margin-bottom: 35px;
}

.modal-integration .modal-steps h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}

.modal-integration .step-count {
  width: 30px;
  height: 30px;
  text-align: center;
  background: #e9e9e9;
  border-radius: 50%;
  margin-right: 12px;
  flex: 0 0 auto;
  color: #454545;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}

.modal-integration .step-img {
  align-self: center;
  margin-left: 10px;
  flex: 0 0 auto;
  width: 58px;
}

.modal-integration .step-desc {
  font-size: 15px;
  color: #454545;
  line-height: 1.4;
  text-align: left;
}

.modal-integration .modal-dialog ul li:not(:last-child) {
  margin-bottom: 3px;
}

.modal-integration .learn-more svg {
  width: 13px;
  height: 13px;
}

.modal-integration .learn-more path {
  fill: #5d62e0;
}

.modal-integration .learn-more {
  color: #5d62e0;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.modal-integration .link {
  color: #5d62e0;
  opacity: 96%;
  text-decoration: underline;
  cursor: pointer;
}

.modal-integration .text-wrap p {
  opacity: 70%;
}

.modal-learn-more h4 {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 20px;
}

.modal-learn-more .modal-body p,
.modal-learn-more .modal-body li {
  font-size: 15px;
  opacity: 90%;
  color: #454545;
}

.modal-api .icon-copy svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  bottom: 11px;
  right: 13px;
}

.modal-api .form-wrap .form-control {
  background: rgba(93, 98, 224, 0.1);
  border-radius: 10px;
  height: 40px;
  border: 0;
  color: rgba(69, 69, 69, 0.55);
  padding: 8px 20px 10px 18px;
}

.modal-mid.modal-integration .form-wrap {
  max-width: 390px;
}

.modal-mid .icon-delete {
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
}

.modal-integration .form-group .with-icon {
  padding-right: 40px;
}

.donate-org .donate-container {
  max-width: 1005px;
  margin: 0 auto;
  padding: 50px 15px 20px;
}

.donate-org .donate-left {
  flex: 0 0 auto;
  width: 54.4%;
}

.donate-org .donate-right {
  flex: 0 0 auto;
  width: 37.4%;
}

.donate-org .matbia-card .panel--title:first-child {
  width: 60%;
  flex: 0 0 auto;
}

.donate-org .matbia-card .panel--title:last-child {
  width: 40%;
  flex: 0 0 auto;
}

.donate-org .matbia-card .panel--title:first-child .form-control {
  border-right: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
}

.donate-org .matbia-card .panel--title:last-child .form-control {
  border-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0;
  padding-left: 0;
}

.donate-org .recurring-block .recurring-note {
  border-top: 0;
  margin-top: 0;
}

.donate-org .donate-payment span {
  font-size: 16px;
  color: #44479d;
  margin-right: 50px;
}

.donate-org .donate-payment a>img {
  max-width: 124px;
}

.donate-org .donate-payment span:after {
  content: '';
  position: absolute;
  right: -25px;
  height: 37px;
  width: 1px;
  display: block;
  background: #aeaec4;
  top: -8px;
}

.donate-org .login-card {
  border: 1px solid rgba(203, 203, 212, 0.7);
  border-radius: 18px;
  background: #f8f8f8;
  padding: 27px 32px 32px;
  margin-bottom: 52px;
}

.donate-org .login-card h6 {
  font-size: 15px;
  color: #454545;
  font-weight: 400;
  max-width: 270px;
  margin: 0 auto;
}

.donate-org .login-card .btn.btn-secondary {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  height: 46px;
}

.donate-org .donate-payment-detail h6 {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  opacity: 40%;
}

.donate-org .donate-payment-detail li {
  margin-bottom: 25px;
}

.donate-org .donate-payment-detail a {
  font-size: 17px;
  color: #555555;
}

.donate-org .login-card .btn.btn-secondary img {
  max-width: 20px;
  position: absolute;
  top: 14px;
  left: 20px;
}

.donate-org .recurring-block .donate-frequency label {
  border: 1px solid #d9dae2;
  border-radius: 8px;
  height: 32px;
  color: rgba(69, 69, 69, 0.62);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 32px;
  min-width: 100px;
  margin-right: 8px;
  text-align: center;
  cursor: pointer;
}

.donate-org .recurring-block .donate-frequency input:checked+label {
  color: #5d62e0;
  border-color: #5d62e0;
  background: #f2f3fd;
}

.donate-org .count {
  font-size: 16px;
  color: #454545;
  opacity: 60%;
  position: absolute;
  right: 16px;
  top: 12px;
}

.donate-org .set-count .form-control {
  padding-right: 62px;
}

.donate-org .count-disabled .count {
  left: 16px;
  right: auto;
}

.donate-org .set-count .toogle--btn {
  position: absolute;
  top: -11px;
  right: 53px;
}

.donate-org .set-count>label {
  padding-right: 40px;
}

.filter-dropdown {
  width: 480px;
  background: #fff;
  box-shadow: 0px 7px 10px rgba(18, 21, 87, 0.18);
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 47px;
  z-index: 9;
}

.filter-dropdown .filter-bottom {
  border-top: 1px solid #ddd;
  padding: 10px 15px;
}

.filter-dropdown .btn-default {
  background: rgba(93, 98, 224, 0.12);
  color: #616161;
  line-height: 38px;
  padding: 4px 20px 0;
  border-radius: 8px;
}

.filter-dropdown .btn-clear {
  opacity: 50%;
  color: #616161;
}

.filter-dropdown .filter-left {
  flex: 0 0 auto;
  width: 45%;
}

.filter-dropdown .filter-right {
  flex: 0 0 auto;
  width: 55%;
}

.filter-dropdown .filter-left {
  border-right: 1px solid #ddd;
}

.filter-dropdown .filter-top {
  min-height: 180px;
}

.filter-dropdown .filter-top ul {
  padding: 11px 0;
}

.filter-dropdown .filter-right li label,
.filter-dropdown .filter-left li {
  display: block;
  padding: 12px 16px 10px;
  font-size: 16px;
  font-weight: 400;
  color: #616161;
  position: relative;
  line-height: 1;
  cursor: pointer;
}

.filter-dropdown .filter-top li label {
  padding-left: 45px;
}

.filter-dropdown .filter-top li:hover {
  background: #eaedfb;
}

.filter-dropdown .filter-right li label:before {
  content: '';
  position: absolute;
  left: 16px;
  width: 18px;
  height: 18px;
  border: 1px solid #7e81bf;
  border-radius: 50%;
  background: #f3f3f9;
  top: 10px;
}

.filter-dropdown .filter-right li input:checked+label:after {
  content: '';
  position: absolute;
  left: 20px;
  top: 14px;
  width: 10px;
  height: 10px;
  background: #585de5;
  border-radius: 50%;
}

.filter-dropdown .filter-left li {
  font-weight: 500;
}

.filter-dropdown .filter-left li:after {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  right: 20px;
  top: 16px;
  border-right: 2px solid rgba(97, 97, 97, 0.5);
  border-bottom: 2px solid rgba(97, 97, 97, 0.5);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.filter-dropdown .filter-top li:hover {
  color: #5d62e0;
}

.filter-dropdown .filter-left li:hover:after {
  border-color: #5d62e0;
}

.filter-dropdown .filter-left li svg {
  position: absolute;
  right: 32px;
  top: 12px;
}

.filter-block .btn.btn-secondary {
  height: 45px;
  border-radius: 8px;
  color: #454545;
  text-transform: capitalize;
  font-size: 15px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  background: #e9e9e9;
}

.filter-block .filter-count {
  background: #3b3e7c;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  margin-left: 5px;
}

.filter-block .btn.btn-outline-dark {
  border-color: rgba(0, 0, 0, 0.15);
  color: #454545;
  font-size: 16px;
  font-weight: 500;
  min-height: 45px;
  padding: 2px 18px 0;
  border-radius: 8px;
}

.filter-block .btn.btn-outline-dark:hover {
  background: transparent;
  border-color: rgba(0, 0, 0, 0.15);
  color: #454545;
}

.filter-selected li {
  background: #e8e8f0;
  border-radius: 20px;
  border: 1px solid #ddd;
  margin-right: 10px;
  padding: 2px 10px;
  font-size: 12px;
  color: #575758;
}

.filter-selected li span {
  color: #4e4e4f;
  margin-left: 3px;
  font-weight: 500;
}

.filter-selected li .material-icons {
  opacity: 50%;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

.selected-row {
  background: #f2f2f2;
  padding: 20px 15px;
  position: fixed;
  right: 0;
  bottom: 42px;
  z-index: 99;
  width: calc(100% - 300px);
  box-shadow: 0px -7px 26px -9px #c8c9ea;
  -moz-box-shadow: 0px -7px 26px -9px #c8c9ea;
  -webkit-box-shadow: 0px -7px 26px -9px #c8c9ea;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
}

.selected-row label {
  text-transform: uppercase;
  font-size: 12px;
  color: #8b8b8b;
  display: block;
  margin-bottom: 3px;
}

.selected-row span {
  font-size: 15px;
  font-weight: 500;
}

.selected-row .selected-col {
  padding: 0 10px;
}

.slidebar-close .selected-row {
  width: calc(100% - 65px);
}

.selected-row .selected-col:last-child {
  padding-left: 40px;
  border-left: 1px solid #d3d3d3;
  text-align: right;
}

.selected-row-active {
  padding-bottom: 110px !important;
}

.toogle-btn label {
  width: 84px;
  height: 34px;
  background: #e0e0f0;
  border-radius: 20px;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.toogle-btn label:before {
  width: 41px;
  height: 28px;
  content: 'OFF';
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #bab6b6;
  line-height: 30px;
  text-align: center;
  transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
}

.toogle-btn input:checked+label:before {
  left: 39px;
  content: 'ON';
  color: #fff;
  background: #5d62e0;
}

.transfer-row .alert--wrap .dollar--icon {
  top: 35px;
}

.transfer-row .alert--wrap .form-control {
  max-width: 155px;
}

.transfer-row .form-amt {
  flex: 0 0 auto;
  width: 21%;
  margin-right: 5%;
}

.transfer-row .form-balance {
  flex: 0 0 auto;
  width: 28%;
  margin-right: 5%;
}

.transfer-row .form-transfer {
  flex: 0 0 auto;
  width: 29%;
  margin-left: auto;
}

.merchant-list-dropdown-class {
  width: 100%;
  max-width: 410px;
  border-radius: 10px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
}

.merchant-list-dropdown-class .dropdown-item img {
  max-width: 86px;
}

.merchant-list-dropdown-class .dropdown-item {
  color: #454545;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.merchant-list-dropdown-class .dropdown-item:hover,
.merchant-list-dropdown-class .dropdown-item:active {
  background: rgba(0, 0, 0, 0.08);
  border-bottom-color: transparent;
}

.merchant-list-dropdown-class .dropdown-item .material-icons {
  opacity: 0;
}

.merchant-list-dropdown-class .dropdown-item .merchant-list-name {
  flex: 0 0 auto;
  width: 33%;
}

.merchant-list-dropdown-class .dropdown-item:hover .material-icons {
  opacity: 0.55;
}

.edit-note-modal .form-control {
  background: #fafafa;
  resize: none;
  font: normal normal normal 16px/18px Azo Sans;
  padding-top: 12px;
  box-shadow: inset 0px 3px 6px #00000003;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  height: 102px;
}

.token-page {
  min-height: calc(100vh - 81px);
}

.token-page .form-check {
  margin-bottom: 0px;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.token-page .form-check .form-check-input {
  width: 18px;
  height: 18px;
  margin: auto 0;
  position: absolute;
  top: 0px;
  left: 20px;
  bottom: 0px;
  cursor: pointer;
}

.token-page .form-check .form-check-input:checked {
  background-color: #5d62e0;
  border-color: #5d62e0;
}

.token-head {
  margin-bottom: 36px;
}

.token-head figure {
  margin: 0;
}

.token-head figure img {
  max-width: 100px;
  max-height: 100px;
}

.token-head ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.token-head ul li {
  padding-left: 40px;
}

.token-head ul li:first-child {
  padding-right: 30px;
  border-right: 1px solid #d6d6e1;
}

.token-head ul li span {
  font-size: 15px;
  line-height: 19px;
  color: #8b8b8b;
  margin-bottom: 4px;
}

.token-head ul li h6 {
  font-size: 20px;
  line-height: 26px;
  color: #454545;
  font-weight: 500;
  margin-bottom: 0;
}

.token-filter {
  padding-bottom: 34px;
}

.token-filter .form-control {
  background: #efefef url('../img/icon-search.svg') no-repeat scroll left 20px center;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 440px;
  padding: 10px 20px 10px 47px;
  font-size: 16px;
  line-height: 24px;
}

.token-filter .btn.btn-secondary {
  text-align: left;
  font: normal normal 500 16px/24px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-transform: none;
  background: #e5e5e5;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  padding: 10px 16px;
  height: auto;
}

.token-filter .btn.btn-secondary span {
  max-width: 18px;
  display: inline-block;
  margin-right: 14px;
}

.token-filter .btn.btn-secondary span img {
  max-width: 100%;
}

.token-filter .btn.btn-secondary-small {
  font: normal normal 500 14px/24px Azo Sans;
  color: rgba(69, 69, 69, 0.65);
}

.token-filter .dropdown-menu {
  padding: 10px 0px;
  box-shadow: 0px 10px 30px rgba(13, 15, 49, 0.18);
  border: 1px solid rgba(238, 238, 241, 1);
  border-radius: 12px;
  min-width: 260px;
}

.token-filter .dropdown-menu .form-check-label {
  font: normal normal 400 16px/24px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-transform: capitalize;
  padding: 7px 20px 7px 52px;
  width: 100%;
  cursor: pointer;
}

.token-filter .dropdown-menu .form-check:hover {
  background-color: rgba(242, 242, 245, 1);
}

.token-action {
  padding-top: 12px;
  padding-left: 20px;
}

.token-action .btn {
  border: 1px solid rgba(209, 209, 209, 1);
  padding: 8px 12px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.03) !important;
  font: normal normal 500 14px/20px Azo Sans;
}

.token-action .btn span {
  max-width: 17px;
  margin-right: 5px;
}

.token-action .btn span img {
  max-width: 100%;
}

.token-action .btn.btn-outline-primary {
  color: rgba(93, 98, 224, 1);
}

.token-action .btn.btn-outline-primary:hover {
  border-color: rgba(93, 98, 224, 1);
}

.token-action .btn.btn-outline-danger:hover {
  border-color: rgba(227, 90, 90, 1);
}

.token-action .btn.btn-outline-danger {
  color: rgba(227, 90, 90, 1);
}

.token-action a {
  font: normal normal 400 14px/18px Azo Sans;
  color: rgba(69, 69, 69, 0.5);
  margin-left: 25px;
}

.token-action .span {
  font: normal normal 400 13px/17px Azo Sans;
  color: rgba(168, 168, 168, 1);
}

.token-action .label {
  font: normal normal 500 16px/20px Azo Sans;
  color: rgba(69, 69, 69, 1);
  text-transform: capitalize;
}

.table-token {
  border-top: 1px solid rgba(186, 186, 186, 1);
  margin-top: 22px;
}

.table-token .th-div,
.table-token .td-div {
  width: 13.5%;
}

.table-token .th-date,
.table-token .td-date {
  width: 19%;
}

.table-token .t-row {
  border-radius: 6px;
}

.table-token .form-check-label {
  font: normal normal normal 14px/19px Azo Sans;
}

.td-action>a {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  position: relative;
}

.td-action>a:first-child {
  margin-right: 40px;
}

.td-action>a:first-child::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: rgba(143, 143, 143, 1);
  position: absolute;
  right: -20px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  opacity: 0.5;
}

.td-action>a:hover {
  background: rgba(92, 97, 222, 0.12) 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.05);
}

.td-action>a:hover g {
  opacity: 1;
}

.td-action>a:hover path {
  fill: rgba(92, 97, 222, 1);
}

.td-action>a::after {
  display: none;
}

.table-responsive-token {
  overflow: inherit;
}

.table-token .dropdown-menu a {
  font: normal normal 400 16px/24px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  width: 100%;
  display: inline-block;
  text-transform: capitalize;
  padding: 7px 20px 7px 20px;
  width: 100%;
  cursor: pointer;
}

.table-token .dropdown-menu a.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.table-token .dropdown-menu a i {
  margin-right: 16px;
}

.table-token .dropdown-menu a:hover {
  background-color: rgba(40, 42, 84, 0.06);
  color: #5d62e0;
}

.table-token .dropdown-menu a:hover path:not([stroke]) {
  fill: #5d62e0;
}

.table-token .dropdown-menu a:hover path[stroke] {
  stroke: #5d62e0;
}

.table-token .dropdown-menu a:hover g {
  opacity: 1;
}

.table-token .badge,
.table-process .badge {
  padding: 3px 12px;
  font: normal normal 400 14px/18px Azo Sans;
  border-radius: 15px;
}

.table-token .badge-light,
.table-process .badge-light {
  background: rgba(143, 143, 143, 0.16) 0% 0% no-repeat padding-box;
  color: rgba(143, 143, 143, 1);
}

.table-token .badge-success,
.table-process .badge-success {
  background: rgba(96, 177, 68, 0.15) 0% 0% no-repeat padding-box;
  color: rgba(96, 177, 68, 1);
}

.table-token .badge-danger,
.table-process .badge-danger {
  background: rgba(227, 90, 90, 0.16);
  color: rgba(227, 90, 90, 1);
}

.table-token .badge-warning,
.table-process .badge-warning {
  background: rgba(239, 162, 40, 0.16);
  color: rgba(239, 162, 40, 1);
}

.table-token .badge-info,
.table-process .badge-info {
  background: rgba(227, 90, 140, 0.16);
  color: rgba(227, 90, 140, 1);
  font-style: italic;
}

.table-token .tag {
  margin-left: 5px;
  font: normal normal normal 12px/16px Azo Sans;
  color: rgba(126, 126, 126, 1);
  border: 1px solid rgba(203, 203, 203, 1);
  border-radius: 6px;
  display: inline-block;
  padding: 0px 10px;
}

.link-back span {
  margin-left: 15px;
  font: normal normal 500 18px/24px Azo Sans;
  color: #454545;
}

.token-data-sub {
  background-color: #ededef;
  padding: 34px;
  border: 1px solid #ebebef;
  border-radius: 16px;
  width: 296px;
  flex: 0 0 auto;
}

.token-data-sub span {
  font: normal normal 500 14px/18px Azo Sans;
  letter-spacing: 0px;
  color: #454545;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.token-data-sub h2 {
  font: normal normal 500 35px/46px Azo Sans;
  color: #454545;
  margin-bottom: 33px;
}

.token-data-sub .form-group label {
  font: normal normal 500 14px/18px Azo Sans;
  color: rgba(69, 69, 69, 1);
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
}

.token-list-item {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}

.token-list-item li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.token-list-item li:not(:last-child) {
  margin-bottom: 22px;
}

.token-list-item li label {
  font-size: 13px;
  line-height: 17px;
  color: #454545;
  font-weight: normal;
  width: 100%;
}

.token-list-item li label .tooltip {
  position: relative;
  left: -20px !important;
  opacity: 1 !important;
}

.token-list-item li label .tooltip .tooltip-arrow {
  margin-left: 20px;
}

.token-list-item li label .tooltip .tooltip-arrow::before {
  border-bottom-color: #fff;
}

.token-list-item li label .tooltip .tooltip-inner {
  background: #fff;
  box-shadow: 0px 20px 30px #00000027;
  text-align: left;
  padding: 18px 24px;
  width: 348px;
  min-width: 348px;
  font-size: 15px;
  line-height: 22px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: rgba(69, 69, 69, 0.9);
}

.token-list-item li .token-text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #454545;
  text-transform: initial;
  margin: 0;
  word-break: break-word;
}

.token-list-item li input {
  appearance: none;
  border: none;
  padding: 0;
  width: 112px;
  background: transparent url('data:image/svg+xml,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8378 1.36225L6.10071 6.39554C6.0236 6.47751 5.93052 6.54283 5.82721 6.58748C5.7239 6.63214 5.61255 6.65517 5.5 6.65517C5.38745 6.65517 5.2761 6.63214 5.17279 6.58748C5.06948 6.54283 4.9764 6.47751 4.89929 6.39554L0.162234 1.36225C-0.193644 0.984006 0.0743434 0.363281 0.593838 0.363281H10.4062C10.9257 0.363281 11.1936 0.984006 10.8378 1.36225Z" fill="%23454545"/></svg>') no-repeat scroll right center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #454545;
  text-transform: initial;
  background-size: 8px;
  outline: none !important;
  cursor: pointer;
}

.token-list-item li .md-drppicker {
  margin: 0 !important;
}

.token-list-item li a {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #5d62e0;
  display: inline-block;
  padding: 6px 10px 2px;
  background-color: #fff;
  background-color: #5d62e014;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  white-space: nowrap;
  margin-left: 10px;
}

.token-item {
  box-shadow: 0px 2px 10px #0000000d;
  transition: all 0.4s ease-in-out 0s;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #cbcbd485;
  border-radius: 12px;
  overflow: hidden;
  padding: 24px 32px 24px 64px;
  background-color: #fff;
}

.token-data-sub .btn.btn-primary:disabled {
  background: #5d62e0 !important;
  border-color: #5d62e0 !important;
  color: #ffffff !important;
  opacity: 0.1;
}

.token-item:hover,
.token-item.active {
  border-color: rgba(93, 98, 224, 1);
}

.token-item::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 34px;
  height: 100%;
  background: rgb(252, 182, 70);
  background: -moz-linear-gradient(201deg, rgba(252, 182, 70, 1) 0%, rgba(54, 67, 139, 1) 100%);
  background: -webkit-linear-gradient(201deg, rgba(252, 182, 70, 1) 0%, rgba(54, 67, 139, 1) 100%);
  background: linear-gradient(201deg, rgba(252, 182, 70, 1) 0%, rgba(54, 67, 139, 1) 100%);
  opacity: 0.49;
}

.token-item::after {
  content: '';
  display: inline-block;
  width: 33px;
  height: 33px;
  background: url(../img/icon-token.svg) no-repeat;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 18px;
}

.token-item .number {
  width: 105px;
  min-width: 105px;
}

.token-item .input {
  font: normal normal 500 30px/39px Azo Sans;
  color: rgba(57, 57, 57, 1);
}

.token-item .input input {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0px;
  width: 160px;
  font: normal normal 500 30px/39px Azo Sans;
  font-size: 30px;
  line-height: 39px;
  font-family: Azo Sans;
  color: rgba(57, 57, 57, 1);
  box-shadow: none;
}

.token-item a {
  border: 1px dashed rgba(215, 216, 229, 1);
  border-radius: 10px;
  font: normal normal normal 14px/18px Azo Sans;
  letter-spacing: 0px;
  color: rgba(57, 57, 57, 0.45);
  display: inline-block;
  padding: 6px 8px 2px 8px;
}

.token-item .icon-add {
  opacity: 0.3;
  font-size: 29px;
  line-height: 29px;
  margin-right: 14px;
}

.token-item .small {
  font: normal normal 400 16px/20px Azo Sans;
  color: rgba(57, 57, 57, 0.65);
}

.token-info span {
  font: normal normal 400 13px/17px Azo Sans;
  color: #8b8b8b;
}

.token-info label {
  font: normal normal 500 20px/26px Azo Sans;
  color: rgba(69, 69, 69, 0.78);
}

.token-info label sup {
  font-size: 0.5em;
  top: -0.75em;
}

.token-item-empty {
  padding: 24px 32px 24px 22px;
  border-color: transparent;
}

.token-item-empty::before,
.token-item-empty::after {
  display: none;
}

.token-item-empty .input {
  opacity: 0.3;
}

.token-item a.amount-active {
  background-color: rgba(215, 216, 229, 1);
  border-style: solid;
  color: #000;
}

.tokan-email .token-item {
  padding: 16px 20px 16px 54px;
  max-width: 260px;
  margin: 0px auto 40px;
}

.tokan-email .form-group {
  margin-bottom: 20px;
}

.tokan-email .form-group label {
  font: normal normal 500 12px/15px Azo Sans;
  color: rgba(69, 69, 69, 1);
  margin-bottom: 8px;
}

.tokan-email .form-group .form-control {
  background: #fbfbfd none no-repeat scroll center center;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
}

.tokan-email .modal-body .span {
  font: normal normal 400 14px/20px Azo Sans;
  color: #727272;
  display: inline-block;
  width: 100%;
}

.tokan-email .modal-body p {
  font: normal normal 400 15px/22px Azo Sans;
  max-width: 347px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #393939;
  display: inline-block;
  width: 100%;
}

.tokan-email .modal-body label {
  font: normal normal 500 18px/24px Azo Sans;
  color: #454545;
  display: inline-block;
  width: 100%;
}

.tokan-email .modal-body label.small {
  font: normal normal 500 12px/15px Azo Sans;
  margin-bottom: 8px;
}

.tokan-email .modal-body textarea.form-control {
  height: 120px;
}

.tokan-email .btn-light {
  background-color: rgba(93, 98, 224, 0.15);
  color: #5d62e0;
  border-color: transparent;
}

.tokan-email .btn-light:hover {
  background-color: rgba(93, 98, 224, 1);
  color: #ffffff;
}

.tokan-email .mdi {
  opacity: 0.3;
  font-size: 24px;
  line-height: 24px;
  display: inherit;
  vertical-align: top !important;
  position: absolute;
  top: 24px;
  left: 26px;
}

.token-success h6 {
  font: normal normal 500 18px/24px Azo Sans;
  color: #454545;
  margin-bottom: 28px;
}

.token-success .icon {
  margin-bottom: 35px;
}

.token-success span {
  font: normal normal 500 14px/28px Azo Sans;
  color: #454545;
  margin-bottom: 10px;
}

.token-success h2 {
  font: normal normal 500 53px/68px Azo Sans;
  color: #454545;
  margin-bottom: 54px;
}

.token-success ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.token-success .list-price {
  margin-bottom: 65px;
}

.token-success .list-price li {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: transparent url('../img/icon-circle.svg') no-repeat scroll center center;
  box-shadow: 0px 10px 25px #03041e1c;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.token-success .list-price li h5 {
  font: normal normal 500 18px/37px Azo Sans;
  color: #44479d;
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}

.token-success .list-price li span {
  font: normal normal 400 14px/18px Azo Sans;
  color: rgba(69, 69, 69, 0.75);
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}

.token-success span.share-token {
  font: normal normal 500 14px/18px Azo Sans;
  color: rgba(139, 139, 139, 1);
  margin-bottom: -10px;
  background-color: rgba(248, 248, 248, 1);
  padding: 0px 10px;
  position: relative;
  z-index: 1;
}

.token-success .list-share {
  border: 1px solid rgba(222, 222, 223, 1);
  border-radius: 16px;
  padding: 15px;
  margin-bottom: 62px;
}

.token-success .list-share li {
  margin: 15px;
}

.token-success .list-share a {
  font: normal normal 400 12px/15px Azo Sans;
  color: rgba(97, 97, 97, 1);
  display: flex;
  flex-direction: column;
}

.token-success .list-share a .icon {
  margin-bottom: 10px;
}

.token-success .list-share .disabled {
  opacity: 0.3;
  pointer-events: none;
}

.token-success .link {
  font: normal normal 500 15px/19px Azo Sans;
  color: rgba(93, 98, 224, 1);
}

.token-success .btn {
  font: normal normal 500 14px/24px Azo Sans;
  padding: 10px 16px;
  min-width: 220px;
  height: auto;
  text-align: center;
  margin-bottom: 35px;
}

.tokan-scane {
  box-shadow: 0px 3px 12px #00000014;
  border: 1px solid #dddde6;
  border-radius: 12px;
  padding: 62px 32px;
}

.tokan-scane figure img {
  max-width: 265px;
  max-height: 112px;
}

.tokan-scane figure {
  -webkit-box-shadow: 0px 3px 12px #00000014;
  -moz-box-shadow: 0px 3px 12px #00000014;
  box-shadow: 0px 3px 12px #00000014;
  margin-right: 30px;
}

.tokan-scane .token-box {
  max-width: 700px;
}

.tokan-scane .form-group label {
  font: normal normal 500 15px/19px Azo Sans;
  color: #454545;
  margin-bottom: 13px;
}

.tokan-scane .form-group .form-control {
  border: 1px solid #b7b7c8;
  border-radius: 10px;
  font: normal normal 500 30px/39px Azo Sans;
  padding: 16px 18px 12px 61px;
}

.tokan-scane .form-group button {
  width: 69px;
  height: 69px;
  border: none;
  background-color: rgba(93, 98, 224, 0.15);
  padding: 0px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tokan-scane .form-group ::-webkit-input-placeholder {
  color: #393939 !important;
  opacity: 0.14 !important;
}

.tokan-scane .form-group ::-moz-placeholder {
  color: #393939 !important;
  opacity: 0.14 !important;
}

.tokan-scane .form-group :-ms-input-placeholder {
  color: #393939 !important;
  opacity: 0.14 !important;
}

.tokan-scane .form-group :-moz-placeholder {
  color: #393939 !important;
  opacity: 0.14 !important;
}

.tokan-scane .form-group .icon {
  position: absolute;
  left: 18px;
  top: 35px;
  font: normal normal 500 30px/69px Azo Sans;
}

.tokan-scane .val-error {
  font: normal normal normal 14px/18px Azo Sans;
  color: #dc3545 !important;
  text-align: center;
}

.tokan-scane .removed {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.07) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23707070'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center center;
  background-size: 35%;
  background-repeat: no-repeat;
  position: absolute;
  right: 18px;
  top: 56px;
}

.token-data {
  background: #f0f0f4;
  border: 1px solid #d6d6e1;
  border-radius: 12px;
  padding: 32px;
  width: 24%;
  min-width: 24%;
}

.token-data span {
  font: normal normal 500 13px/18px Azo Sans;
  color: rgba(69, 69, 69, 1);
}

.token-data h2 {
  font: normal normal 500 32px/42px Azo Sans;
  color: rgba(69, 69, 69, 1);
  margin: 0px;
}

.token-data h5 {
  font: normal normal 400 20px/26px Azo Sans;
  color: rgba(69, 69, 69, 0.72);
  margin: 0px;
}

.token-data hr {
  border-color: #d6d6e1;
  margin-top: 25px;
  margin-bottom: 25px;
}

.tokan-table-gray {
  background: #f0f0f0;
  border-radius: 12px;
  padding: 10px 33px;
}

.fw-medium {
  font-weight: 500;
}

.table-process .th-div,
.table-process .td-div {
  width: calc(35% - 30px);
}

.table-process .th-div:last-child,
.table-process .td-div:last-child {
  width: 60px;
}

.table-process .th-div:nth-last-child(3),
.table-process .td-div:nth-last-child(3) {
  width: 20%;
}

.table-process .th-div:nth-last-child(2),
.table-process .td-div:nth-last-child(2) {
  width: 10%;
}

.table-process .t-row {
  border-radius: 6px;
}

.table-process .t-body {
  max-height: calc(100vh - 568px);
  overflow: auto;
  min-height: 300px;
}

.bottom-tokan-bar {
  padding-left: 300px;
}

.bottom-tokan-bar .link {
  font: normal normal normal 16px/20px Azo Sans;
  letter-spacing: 0px;
  color: rgba(77, 77, 77, 1);
  text-transform: capitalize;
  opacity: 0.71;
}

.bottom-tokan-bar .btn {
  padding-left: 34px;
  padding-right: 34px;
}

.token-page-bottom-bar {
  padding-bottom: 110px !important;
}

.bottom-card-bar {
  bottom: -77px;
  z-index: 1;
  transition: all 0.4s ease-in-out 0s;
}

.account-content-setting {
  margin-bottom: 77px !important;
}

.account-content-setting .bottom-card-bar {
  bottom: 0px;
}

.account-box {
  background-color: #ffffff;
  box-shadow: 0px 1px 2px #00000019;
  border-radius: 5px;
  padding: 46px;
}

.account-box p {
  font: normal normal normal 15px/24px Azo Sans;
  color: #454545;
  padding-top: 0;
  margin-bottom: 42px;
}

.account-box .btn {
  margin-top: 78px;
  max-width: 484px;
  margin-left: auto;
  margin-right: auto;
}

.account-box .pinnumber-box {
  justify-content: center;
  margin-bottom: 28px;
}

.account-box .pinnumber-box .form-control {
  border: 1px solid #d1d2e1;
  border-radius: 12px;
  width: 50px;
  height: 50px;
  font: normal normal normal 22px/48px Azo Sans;
  padding: 0px;
  box-shadow: none;
  border: 1px solid #d1d2e1;
}

.account-box .pinnumber-box .form-control:focus {
  border: 1px solid #72727b;
}

.account-box .icon-eye {
  background: rgba(93, 98, 224, 0.1) url(../img/icon-eye.svg) no-repeat scroll left 13px center;
  border-radius: 8px;
  border: none;
  font: normal normal normal 14px/18px Azo Sans;
  color: rgba(109, 109, 109, 1);
  padding: 6px 17px 6px 36px;
}

.account-box .icon-eye.icon-eye-show {
  background-image: url(../img/icon-eye-show.svg);
}

@media only screen and (max-width: 1599px) {
  .token-head ul li:first-child {
    padding-right: 20px;
  }

  .token-head ul li {
    padding-left: 20px;
  }

  .token-action a {
    margin-left: 10px;
  }

  .token-action .btn {
    padding: 8px 7px;
    font: normal normal 500 12px/20px Azo Sans;
  }

  .token-action .btn span {
    margin-right: 4px;
    max-width: 12px;
    display: inline-block;
  }

  .token-action .label {
    font: normal normal 500 14px/20px Azo Sans;
  }

  .tokan-scane {
    padding: 30px 20px;
  }

  .token-data-sub {
    padding: 20px;
  }

  .token-data hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .tokan-scane figure img {
    max-width: 194px;
    max-height: 82px;
  }

  .tokan-scane figure {
    margin-right: 20px;
  }

  .tokan-scane .form-group label {
    margin-bottom: 7px;
  }

  .tokan-scane .form-group .form-control {
    font: normal normal 500 20px/30px Azo Sans;
    padding: 16px 18px 12px 45px;
  }

  .tokan-scane .form-group .icon {
    left: 12px;
    top: 29px;
    line-height: 60px;
    max-width: 22px;
    font: normal normal 500 20px/60px Azo Sans;
  }

  .tokan-scane .form-group .icon svg {
    max-width: 100%;
    height: auto;
  }

  .tokan-scane .removed {
    right: 12px;
    top: 45px;
  }

  .tokan-scane .form-group button {
    width: 60px;
    height: 60px;
  }

  .token-data-sub h2 {
    font: normal normal 500 24px/30px Azo Sans;
  }

  .token-data-sub h5 {
    font: normal normal 400 18px/26px Azo Sans;
  }

  .tokan-table-gray {
    padding: 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .token-filter {
    padding-bottom: 20px;
  }

  .token-head {
    margin-bottom: 20px;
  }

  .token-action .span {
    width: 100%;
  }

  .table-responsive-token {
    overflow: auto;
  }

  .table-token {
    min-width: 1400px;
  }

  .token-success h2 {
    font-size: 42px;
    line-height: 1.5;
    margin-bottom: 30px;
  }

  .token-success .list-price,
  .token-success .list-share {
    margin-bottom: 40px;
  }

  .token-success .btn {
    margin-bottom: 20px;
  }

  .tokan-scane {
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .token-head ul li span {
    font-size: 14px;
    line-height: 20px;
  }

  .token-head ul li h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .token-head figure img {
    max-width: 60px;
    max-height: 60px;
  }

  .token-head ul li:first-child {
    padding-right: 15px;
  }

  .token-head ul li {
    padding-left: 15px;
  }

  .token-filter .form-control {
    width: 340px;
  }

  .token-action .btn {
    padding: 6px 6px;
  }

  .token-data-sub {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .bottom-tokan-bar {
    padding-left: 0px;
    bottom: 74px !important;
  }

  .account-box {
    padding: 30px;
  }

  .account-box p {
    margin-bottom: 30px;
  }

  .account-box .btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .token-filter .form-control {
    width: 246px;
  }

  .token-action {
    padding-top: 0px;
    padding-left: 0;
  }

  .token-item::before {
    width: 30px;
  }

  .token-item::after {
    width: 30px;
    height: 30px;
    left: 15px;
    background-size: cover;
  }

  .token-item {
    margin-bottom: 5px;
    border-radius: 12px;
    padding: 15px 15px 15px 55px;
  }

  .token-item .input {
    font: normal normal 500 20px/30px Azo Sans;
  }

  .token-item .input input {
    font: normal normal 500 20px/30px Azo Sans;
  }

  .token-item-empty {
    padding: 15px;
  }

  .token-item .icon-add {
    font-size: 20px;
    line-height: 20px;
    margin-right: 10px;
  }

  .token-data-sub {
    width: 100%;
    padding: 15px;
  }

  .token-data-sub h2 {
    font: normal normal 500 24px/46px Azo Sans;
    margin-bottom: 24px;
  }

  .token-success .list-share {
    padding: 10px;
  }

  .token-success .list-share li {
    margin: 10px;
  }

  .tokan-scane .token-box {
    max-width: 100%;
    width: 100%;
  }

  .table-process {
    min-width: 660px;
  }

  .account-box {
    padding: 20px;
  }

  .account-box p {
    margin-bottom: 20px;
  }

  .account-box .btn {
    margin-top: 20px;
  }

  .tokan-email .mdi {
    left: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .token-filter .form-group {
    width: 100%;
  }

  .token-filter .form-control {
    width: 100%;
  }

  .token-filter .btn.btn-secondary span {
    margin-right: 8px;
  }

  .token-head ul li {
    padding-left: 0px;
    padding-right: 0px;
  }

  .token-success .list-price li {
    width: 90px;
    height: 90px;
    background-size: cover;
  }

  .token-success .list-price li h5 {
    font-size: 20px;
    line-height: 30px;
  }

  .token-success h2 {
    font-size: 30px;
  }
}

.sidebar_modal {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  transition: 0.4s !important;
}

.sidebar_modal.show {
  -webkit-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

.sidebar_modal .modal-dialog {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  display: block;
  height: 100%;
  border-radius: 0;
  margin: 0 0 0 auto;
  max-width: 800px;
}

.sidebar_modal .modal-content {
  border-radius: 0;
  height: 100%;
  border: none;
  overflow: auto;
}

.sidebar_modal .component-host-scrollable {
  min-height: 100%;
  overflow: auto;
}

.sidebar_modal .modal-header {
  padding: 28px 50px;
  border-bottom: none;
}

.sidebar_modal .modal-header .modal-title {
  font: normal normal 500 18px/24px Azo Sans;
  color: #454545;
}

.sidebar_modal .modal-header .btn-close {
  padding: 0;
  margin: 0;
  width: 14px;
  height: 14px;
}

.sidebar_modal .modal-header a {
  outline: none;
}

.sidebar_modal .modal-body {
  padding-left: 50px;
  padding-right: 50px;
}

.sidebar_modal .modal-body:not(.box-background) {
  flex: 0 0 auto;
}

.top-bar {
  padding-top: 32px;
  padding-bottom: 65px;
}

.box-history {
  border: 1px solid #d6d6e1;
  border-radius: 10px;
  padding: 26px 30px;
  width: 65%;
  flex: 0 0 auto;
}

.box-history span {
  font: normal normal 400 13px/17px Azo Sans;
  color: #8b8b8b;
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}

.box-history h2 {
  font: normal normal 700 28px/37px Azo Sans;
  color: #454545;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c7c7d9;
}

.box-history h6 {
  font: normal normal 400 20px/26px Azo Sans;
  color: #454545;
  margin-bottom: 0px;
}

.box-history ul {
  margin: -10px;
  padding: 0px;
  list-style: none;
}

.box-history ul li {
  padding: 10px;
  width: 50%;
  margin-bottom: 0px;
}

.box-history-data figure {
  width: 82px;
  height: 82px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #d6d6e1;
  margin-bottom: 13px;
  overflow: hidden;
  position: relative;
}

.box-history-data figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}

.box-history-data span {
  font: normal normal 400 12px/15px Azo Sans;
  color: #454545;
}

.box-history-data h4 {
  font: normal normal 500 20px/26px Azo Sans;
  color: #454545;
  margin-bottom: 6px;
}

.box-history-data address,
.box-history-data a:not(.btn),
.box-history-data span {
  font: normal normal 400 14px/18px Azo Sans;
  color: #6c6c6c;
  margin: 0px;
}

.box-history-data span {
  display: inline-block;
  width: 100%;
}

.box-history-data span strong {
  color: #454545;
  font: normal normal 400 12px/15px Azo Sans;
}

.box-history-data .btn {
  margin-top: 18px;
  font-size: 14px;
}

.box-background {
  background-color: #f5f5f5;
}

.box-background .border-top {
  border-color: #bababa !important;
}

.donation_modal .table .th-div {
  font: normal normal 500 14px/18px Azo Sans;
  color: #8b8b8b;
  width: 33.333333%;
}

.donation_modal .table .td-div {
  font: normal normal 400 16px/20px Azo Sans;
  color: #454545;
  width: 33.333333%;
}

.donation_modal .table .t-body .t-row {
  padding: 5px 0;
}

.donation_modal .modal-body:not(.box-background) {
  flex: 0 0 auto;
}

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

.cursor-pointer {
  cursor: pointer;
}

.view-history {
  font: normal normal 500 14px/18px Azo Sans;
  border-radius: 8px;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
  padding: 7px 10px;
  color: #5d62e0;
  position: absolute;
  top: 34px;
  right: 25px;
}

.view-history .bar {
  width: 12px;
  height: 2px;
  background-color: #5d62e0;
  display: inline-block;
  margin-bottom: 1px;
}

.view-history .bar:nth-child(2) {
  width: 10px;
}

.view-history .bar:nth-child(4) {
  width: 8px;
}

.view-history:hover {
  background-color: rgb(93, 98, 224, 0.12);
}

.donation_modal .by-showing {
  border: 1px solid #ddd;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  padding-left: 10px;
  position: relative;
}

.donation_modal .by-showing .lbl--text {
  font-size: 11px;
  color: #6f6f6f;
  text-transform: uppercase;
  border-right: 1px #ddd solid;
  margin-right: 4px;
  padding-right: 6px;
}

.donation_modal .by-showing .btn {
  font-size: 14px;
  font-weight: 500;
}

.donation_modal .component-host-scrollable {
  overflow: auto;
}

@media only screen and (max-width: 1599px) {
  .sidebar_modal .modal-header {
    padding: 20px 30px;
  }

  .sidebar_modal .modal-body {
    padding-left: 30px;
    padding-right: 30px;
  }

  .top-bar {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .box-history {
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .sidebar_modal .modal-header {
    padding: 20px 20px;
  }

  .sidebar_modal .modal-body {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .box-history {
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .box-history {
    width: 100%;
  }

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

  .donation_modal .table .td-div {
    font-size: 14px;
  }

  .box-history-data figure {
    width: 62px;
    height: 62px;
    margin-bottom: 10px;
  }

  .box-history-data .btn {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .sidebar_modal .modal-header .modal-title {
    font: normal normal 500 16px/24px Azo Sans;
  }

  .box-history {
    padding: 15px 15px;
  }

  .box-history span {
    font-size: 12px;
  }

  .box-history h6 {
    font-size: 16px;
  }

  .box-history h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .box-history ul {
    margin: -3px;
  }

  .box-history ul li {
    padding: 3px;
  }

  .donation_modal .table {
    min-width: 535px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }

  .donation_modal .table .th-div,
  .donation_modal .table .td-div {
    width: 25%;
  }

  .donation_modal .table .th-div:first-child,
  .donation_modal .table .td-div:first-child {
    width: 50%;
  }

  .donation_modal .table-responsive {
    overflow: auto !important;
  }
}

.notification-bar {
  background: #4d4d4d 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 12px #0000003b;
  border: 1px solid #d0d0d0;
  border-radius: 10px 0px 0px 10px;
  padding: 0;
  position: fixed;
  top: 7px;
  right: -1px;
  z-index: 11;
  color: rgba(255, 255, 255, 0.7);
  width: 300px;
}

.notification-bar span {
  font: normal normal 400 12px/18px Azo Sans;
}

.notification-bar label {
  font: normal normal 400 16px/20px Azo Sans;
}

.notification-bar i:not(.fa) {
  font: normal normal 400 14px/18px Azo Sans;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 7px;
  right: 16px;
}

.notification-bottom {
  font: normal normal 400 18px/24px Azo Sans;
  color: rgba(255, 255, 255, 1);
}

.notification-bottom .fa {
  font-size: 14px;
  margin-right: 5px;
}

.notification-bottom a {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  background: #ab2424;
  border: 1px solid #ffffff42;
  border-radius: 6px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
}

.card-note {
  font: normal normal 400 12px/15px Azo Sans;
  color: rgba(69, 69, 69, 0.63);
}

.amout-wrap .val-error {
  font: normal normal 400 12px/15px Azo Sans;
  color: rgba(227, 90, 90, 1);
}

.alert--wrap .amout-wrap .input--group {
  border: none;
}

.alert--wrap .amout-wrap .input--group .form-control {
  border: 1px solid #d5d6f4;
}

.alert--wrap .amout-wrap .input--group .form-control.ng-invalid {
  border: 1px solid rgba(227, 90, 90, 1);
  background-color: rgba(227, 90, 90, 0.05);
  opacity: 1;
}

.modal-dialog .list-number {
  max-width: calc(100% - 100px);
  width: 100%;
}

.modal-dialog .list-number ul {
  list-style: none;
  padding: 0px;
  margin: -5px -10px;
}

.modal-dialog .list-number ul li {
  padding: 5px 10px;
  margin-bottom: 0px;
}

.modal-dialog .list-number ul li span {
  font: normal normal bold 12px/15px 'Azo Sans';
  color: #bcbcbc;
  text-transform: uppercase;
}

.modal-dialog .list-number ul li h6 {
  font: normal normal 400 15px/22px 'Azo Sans';
  color: #454545;
  margin-bottom: 0px;
}

.table-token-book .th-div:first-child,
.table-token-book .td-div:first-child {
  min-width: 135px;
}

.table-token-book .th-div:nth-child(2),
.table-token-book .td-div:nth-child(2) {
  min-width: 105px;
}

.table-token-book .th-div:nth-child(3),
.table-token-book .td-div:nth-child(3) {
  min-width: 145px;
}

.table-token-book .th-div:nth-child(4),
.table-token-book .td-div:nth-child(4) {
  width: 100%;
  max-width: calc(100% - 420px);
}

.table-token-book .th-div:nth-child(5),
.table-token-book .td-div:nth-child(5) {
  min-width: 35px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.table-token-book .image {
  min-width: 34px;
  height: 34px;
}

.table-token-book .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.table-token-book .card-body {
  padding: 20px 20px 16px;
}

.table-token-book .card-body .transaction-note {
  padding-top: 16px;
  margin-top: 20px;
}

.table-token-book .badge {
  font: normal normal 500 12px/16px 'Azo Sans';
  text-transform: uppercase;
  padding: 6px 10px 2px 10px;
  -webkit-border-radius: 50rem;
  -moz-border-radius: 50rem;
  border-radius: 50rem;
}

.table-token-book .badge-success {
  background-color: rgba(96, 177, 68, 0.15);
  color: rgba(96, 177, 68, 1);
}

.table-token-book .badge-danger {
  background-color: rgba(227, 90, 90, 0.15);
  color: rgba(227, 90, 90, 1);
}

.table-token-book .badge-light {
  background-color: rgba(143, 143, 143, 0.15);
  color: rgba(143, 143, 143, 1);
}

.table-token-book .badge-warning {
  background-color: rgba(239, 162, 40, 0.15);
  color: rgba(239, 162, 40, 1);
}

.link-token {
  margin-left: 10px;
  position: relative;
  z-index: 1;
  line-height: 18px;
}

.link-token a {
  font: normal normal normal 14px/18px 'Azo Sans';
  color: rgba(69, 69, 69, 1);
  opacity: 0.5;
  margin-left: 10px;
}

.link-token a .fa {
  font-size: 10px;
  margin-left: 2px;
}

.z-1048 {
  z-index: 1048;
}

@media (max-width: 767px) {
  .modal-dialog .list-number ul li {
    width: 50%;
  }

  .table.table-token-book {
    min-width: 727px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }

  .token_book_modal .table-responsive {
    overflow: auto !important;
  }
}

@media (max-width: 575px) {
  .div-item {
    border: none !important;
    width: 50%;
  }

  .div-item:nth-child(2n) {
    padding-left: 10px;
  }

  .modal-dialog .list-number ul li {
    width: 50%;
  }

  .modal-dialog .list-number {
    max-width: 100%;
    width: 100%;
  }
}

.table-batch {
  min-width: 1200px;
}

.table-batch .t-row {
  flex-wrap: nowrap;
}

.table-batch .th-div,
.table-batch .td-div {
  width: 11%;
}

.table-batch .th-div {
  white-space: nowrap;
}

.table-batch .th-div:last-child,
.table-batch .td-div:last-child {
  width: 1%;
  min-width: 64px;
  padding: 0 16px !important;
}

.table-batch button.btn-arrow {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: rgba(92, 97, 222, 0.12);
  color: rgba(93, 98, 224, 1);
  transform: rotate(-90deg);
}

.row-card {
  margin: -8px;
}

.row-card>* {
  padding: 8px;
}

.account-card .title {
  font: normal normal 500 18px/24px 'Azo Sans';
}

.item-card {
  background-color: #e3e9f1;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
}

.item-card figure {
  padding: 32px 32px 0px;
  margin: 0px;
  text-align: center;
  overflow: hidden;
  height: 157px;
}

.item-card figure img {
  width: 288px;
  max-width: 100%;
  height: auto;
}

.item-card .card-data {
  padding: 17px 22px;
  gap: 15px;
}

.item-card .card-number {
  font: normal normal 500 16px/20px 'Azo Sans';
  color: #454545;
  margin: 0;
}

.item-card .card-name,
.item-card .card-expire {
  font: normal normal 400 15px/20px 'Azo Sans';
  color: #454545;
}

.item-card .card-status {
  font: normal normal 500 12px/15px 'Azo Sans';
}

.item-card .card-status.status-active {
  color: #55ac36;
}

.item-card .card-status.status-inactive {
  color: #ff0000;
}

.item-card .card-status.status-locked {
  color: #b5b5b5;
}

.item-card .card-status .lock-icon {
  vertical-align: middle;
  top: -2px;
  position: relative;
  font-size: 14px;
}

.item-card .fa {
  border: none;
  background-color: transparent;
  width: auto;
  height: auto;
  padding: 0px;
  color: #a1a1a1;
}

.card-link {
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px dashed #cbcbd4;
  min-height: 239px;
  font: normal normal 500 14px/18px 'Azo Sans';
  text-transform: uppercase;
  color: #5d62e0;
}

.card-link span {
  font-size: 18px;
  display: inline-block;
  position: relative;
  top: -2px;
}

.requests-new-page h1 {
  font-size: 17px;
  line-height: 22px;
  color: #454545;
  margin-bottom: 22px;
}

.requests-new-page .top-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.requests-new-page .top-list li:first-child {
  min-width: 190px;
  border-right: 1px solid #d2d2d2;
  padding-right: 30px;
}

.requests-new-page .top-list li {
  margin-right: 30px;
  display: flex;
  flex-direction: column;
}

.requests-new-page .top-list li h4 {
  font-size: 28px;
  line-height: 37px;
  font-weight: bold;
  color: #454545;
  margin-bottom: 0px;
}

.requests-new-page .top-list li h5 {
  font-size: 20px;
  line-height: 37px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 0px;
}

.requests-new-page .top-list li span {
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  color: #8b8b8b;
  text-transform: uppercase;
}

.requests-new-page .table-filters {
  margin-top: 30px !important;
}

.requests-new-page .table-wrapper .table {
  margin-top: 20px;
  width: 100%;
}

.requests-new-page .filter-block .by-showing {
  background: #e9e9e9;
  margin-left: 0;
  border: 0 !important;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 11px 15px;
  position: relative;
}

.requests-new-page .lbl--text,
.requests-new-page .filter.by-transaction label {
  font-size: 12px;
  line-height: 23px;
  text-transform: uppercase;
  color: #6f6f6f;
  font-weight: normal;
  padding-right: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 10px;
  padding-left: 0;
}

.requests-new-page .dropdown-toggle {
  padding: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  border: none;
}

.requests-new-page .dropdown-toggle::after {
  margin-left: 10px;
}

.requests-new-page .filter--btn.export .btn.btn-secondary {
  font: normal normal 500 16px/21px Azo Sans;
  color: #454545;
  background: #E9E9E9;
  border-radius: 8px;
  border: 1px solid transparent;
  height: auto;
  padding: 11px 15px;
}

.requests-new-page .table .th-div,
.requests-new-page .table .td-div {
  width: 20%;
}

.accordion-request .table.bulk-donate .t-head .t-row .th-div.th-checkbox,
.accordion-request .table.bulk-donate .t-body .t-row .td-div.td-checkbox {
  width: 36px;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.requests-new-page .table.bulk-donate .th-div,
.requests-new-page .table.bulk-donate .td-div {
  width: calc(16.66666666666667% - 6px);
}

.requests-new-page .table.donor-request-table .th-div,
.requests-new-page .table.donor-request-table .td-div {
  width: 13% !important;
}

.requests-new-page .table.donor-request-table .th-div:nth-child(2),
.requests-new-page .table.donor-request-table .td-div:nth-child(2) {
  width: 16% !important;
}

.requests-new-page .table.donor-request-table .th-div.action-div,
.requests-new-page .table.donor-request-table .td-div.action-div {
  width: 20% !important;
  flex: 1 1 auto !important;
}

.requests-new-page .table.donor-request-table .td-div.action-div .btn {
  white-space: nowrap;
}

.requests-new-page .table.donor-request-table .th-div:nth-child(2),
.requests-new-page .table.donor-request-table .td-div:nth-child(2),
.requests-new-page .table.donor-request-table .th-div:nth-child(6),
.requests-new-page .table.donor-request-table .td-div:nth-child(6) {
  width: 10% !important;
}

.requests-new-page .filter.by-transaction {
  background-color: #e9e9e9;
  border: none;
  border-radius: 8px;
  padding: 11px 15px;
}

.requests-new-page .filter.by-transaction.orgStatus {
  background-color: #e5e6f6;
}

.requests-new-page .ng-select .ng-select-container .ng-value .ng-star-inserted {
  font-family: 'Azo Sans';
  font-weight: 500;
  font-size: 16px;
  margin-top: 0;
}

.requests-new-page .sent-badge {
  color: #60b144;
}

.requests-new-page .open-badge {
  color: #ea9b1c;
}

.requests-new-page .dismissed-badge {
  color: #bababa;
}

.requests-new-page .filter.by-transaction .ng-select .ng-select-container {
  border: 0;
  min-height: initial;
  height: auto;
  min-width: initial;
  box-shadow: none;
  display: flex;
  align-items: center;
}

.requests-new-page .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0px;
  left: 0;
  padding-left: 0;
  padding-right: 20px;
}

.requests-new-page .ng-select .ng-arrow-wrapper {
  width: 10px;
  padding-right: 0;
  display: flex;
  align-items: center;
  height: 24px;
  top: 0px;
}

.requests-new-page .ng-select.ng-select-opened>.ng-select-container .ng-arrow {
  border-color: transparent transparent #454545;
}

.requests-new-page .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #454545 transparent transparent;
}

.requests-new-page .ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 0;
}

.requests-new-page .ng-select .ng-clear-wrapper {
  width: 11px;
  margin-left: 7px;
  margin-right: 7px;
}

.form-profile .form-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
}

.form-profile small {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: rgba(69, 69, 69, 0.55);
  margin-bottom: 10px;
  display: flex;
  margin-top: -7px;
  width: 100%;
}

.signup-box .form--details .form-profile .form-control {
  border: 1px solid #bebfd4;
  border-radius: 5px;
  background-color: #fbfbfd !important;
  font-size: 16px;
  line-height: 24px;
  padding: 11px 17px;
  height: auto;
}

.signup-box .form--details .form-profile .form-control:focus {
  border-color: #72727b;
}

.signup-box .form--details .form-profile .ng-select.ng-select-single .ng-select-container {
  border: 1px solid #bebfd4;
  border-radius: 5px;
  background-color: #fbfbfd !important;
  font-size: 16px;
  line-height: 24px;
  padding: 11px 17px;
  height: auto;
}

.signup-box .form--details .form-profile .ng-select .ng-select-container .ng-value-container {
  padding-left: 0;
}

.signup-box .form--details .form-profile .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 3px;
  left: 0;
  padding-left: 17px;
  padding-right: 17px;
}

.signup-box .form--details .form-profile .ng-select .ng-arrow-wrapper {
  width: 10px;
  padding-right: 0;
}

.signup-box .form--details .form-profile .ng-select .ng-clear-wrapper {
  width: 10px;
  margin: 0 8px;
}

.profile-title .app-account-hash-wrap {
  margin: 0;
}

.profile-title .app-account-hash-wrap .account-hash-tag {
  font-size: 16px;
  line-height: 20px;
  color: #454545;
  font-weight: 500;
}

.profile-title .app-account-hash-wrap .account-hash-tag b {
  font-weight: 400;
}

.profile-title .app-account-hash-wrap .account-hash-tag .material-icons svg {
  width: 12px;
  height: auto;
}

.profile-title .app-account-hash-wrap .account-hash-tag .material-icons svg path {
  stroke: #a3a3a3;
}

.dropdown-sub .dropdown-menu {
  position: absolute !important;
  margin: 0px !important;
  padding-left: 0px !important;
  width: 261px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-shadow: 0px 7px 10px #1215572e;
  border-radius: 8px;
  transition: all 0.4s ease-in-out 0s;
}

.dropdown-sub.show .dropdown-menu {
  padding-left: 406px !important;
  width: 667px;
}

.dropdown-sub .dropdown-menu .dropdown {
  position: static;
}

.dropdown-sub .dropdown-menu .dropdown-menu {
  height: 100%;
  width: 406px;
  box-shadow: none;
  border-right: 1px solid rgb(221, 221, 221);
  border-radius: 0px !important;
  display: inline-block;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  padding: 20px !important;
  transform: none !important;
  opacity: 0;
  visibility: hidden;
}

.dropdown-sub .dropdown-menu .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
}

.dropdown-sub .dropdown-menu .dropdown-menu .btn {
  width: calc(50% - 6px);
  vertical-align: top;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  background: #5d62e0 0% 0% no-repeat padding-box;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  height: auto;
  padding: 15px;
}

.dropdown-sub .dropdown-menu .dropdown-menu .btn:nth-child(2n) {
  margin-right: 0;
}

.top-content .info-card .chart-data .by-showing .lbl--text {
  left: 0;
}

.card-top {
  box-shadow: 0px 3px 6px #00000029;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 22px 35px;
  margin-bottom: 32px;
}

.card-top h6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 2px;
}

.card-top small {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #696969;
}

.card-top .btn i {
  line-height: 0;
  margin-right: 8px;
}

.card-top .btn {
  height: 38px;
  font-size: 14px;
  line-height: 36px;
  text-transform: uppercase;
}

.text-declined {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #e35a5a !important;
  margin-left: 5px;
  font-weight: 500;
}

.btn-donate {
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
  padding: 9px 10px 7px;
  font-weight: 500;
  text-transform: uppercase;
  height: 36px;
  z-index: 1;
}


.toast-container {
  position: fixed;
}

.token-page-empty h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 42px;
}

.token-page-empty figure {
  margin: 0;
}

.token-page-empty .btn {
  font-size: 14px;
  line-height: 24px;
  height: auto;
  padding: 12px 20px 8px;
  gap: 7px;
  margin-top: 34px;
}

.section-token-setting {
  padding: 80px 24px;
}

.section-token-setting h1 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 28px;
}

.section-token-setting p {
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  color: #454545;
  margin: 0px auto 54px;
  max-width: 717px;
  margin-left: auto;
}

.box-token {
  border: 1px solid #E1E1E1;
  border-radius: 14px;
  margin-bottom: 78px;
  padding: 40px 30px 50px;
}

.section-token-setting h2 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #454545;
  margin-bottom: 34px;
}

.section-token-setting ul {
  list-style: none;
  padding: 0;
  margin: -30px;
}

.section-token-setting ul li {
  padding: 30px;
  position: relative;
}

.section-token-setting ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  position: absolute;
  top: 30px;
  bottom: 30px;
  right: 0px;
  background-color: #E1E1E1;
}

.section-token-setting ul li h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #454545;
  margin-bottom: 10px;
}

.section-token-setting ul li i {
  display: inline-block;
  margin-bottom: 20px;
}

.section-token-setting ul li span {
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  color: #454545;
}

.section-token-setting .btn-primary {
  font-size: 15px;
  line-height: 20px;
  padding: 16px 28px 12px;
  height: auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.accordion-request {
  --bs-accordion-color: #454545;
  --bs-accordion-bg: #FFFFFF;
  --bs-accordion-border-color: #EBEBEB;
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 8px;
  --bs-accordion-inner-border-radius: 8px;
  --bs-accordion-btn-padding-x: 22px;
  --bs-accordion-btn-padding-y: 15px;
  --bs-accordion-btn-color: #454545;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-icon: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.7" d="M13.787 0.706011L7.24698 7.24599L0.70694 0.706011" stroke="%23454545" stroke-width="2"/></svg>');
  --bs-accordion-btn-icon-width: 14px;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.7" d="M13.787 0.706011L7.24698 7.24599L0.70694 0.706011" stroke="%23454545" stroke-width="2"/></svg>');
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 22px;
  --bs-accordion-body-padding-y: 0px;
  --bs-accordion-active-color: #454545;
  --bs-accordion-active-bg: transparent;

  margin-top: 20px;
}

.accordion-request .accordion-item {
  margin-bottom: 18px;
  border-radius: 8px !important;
  -webkit-box-shadow: inset 0px 2px 0px #00000014, 0px 8px 15px #0000000D;
  -moz-box-shadow: inset 0px 2px 0px #00000014, 0px 8px 15px #0000000D;
  box-shadow: inset 0px 2px 0px #00000014, 0px 8px 15px #0000000D;
}

.accordion-request .accordion-button {
  font: normal normal 500 16px/20px Azo Sans;
  letter-spacing: 0px;
  opacity: 1;
  color: #454545;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-request .accordion-button::after {
  background-position: center center;
  margin-left: 36px;
}

.accordion-request .accordion-button:not(.collapsed) {
  color: #454545;
  background-color: transparent;
  box-shadow: none;
}

.accordion-request .accordion-button .form-check {
  margin: 0 0 0 auto;
  font-size: 14px;
  line-height: 18px;
  min-height: initial;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.accordion-request .accordion-button .form-check .form-check-input {
  background: rgba(226, 226, 226, 1);
  border-radius: 9px;
  width: 40px;
  height: 7px;
  margin: 0;
  box-shadow: none !important;
  border: none !important;
  position: relative;
  cursor: pointer;
}

.accordion-request .accordion-button .form-check .form-check-input:checked {
  background-color: rgba(68, 71, 157, 0.33);
}

.accordion-request .accordion-button .form-check .form-check-input::before {
  content: "";
  width: 19px;
  height: 19px;
  background-color: rgba(193, 193, 193, 1);
  -webkit-border-radius: 50rem;
  -moz-border-radius: 50rem;
  border-radius: 50rem;
  top: -6px;
  left: 0px;
  display: inline-block;
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
}

.accordion-request .accordion-button .form-check .form-check-input:checked::before {
  background-color: rgba(93, 98, 224, 1);
  left: 21px;
}

.accordion-request .accordion-button .form-check .form-check-label {
  font: normal normal normal 14px/18px Azo Sans;
  color: #454545;
  text-transform: initial;
}

.accordion-request .accordion-body {
  border-top: 1px solid #E0E0E0;
  padding: 0;
}

.accordion-request .accordion-body .form-check {
  font-size: 14px;
  list-style: 18px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 18px;
}

.accordion-request .accordion-body .form-check .form-check-input {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border-color: rgba(63, 65, 135, 0.16);
  background-color: rgba(68, 71, 157, 0.05);
  margin: 0;
  cursor: pointer;
}

.accordion-request .accordion-body .form-check .form-check-input:checked {
  background-color: rgba(93, 98, 224, 1);
  border-color: rgba(93, 98, 224, 1);
}

.accordion-request .accordion-body .form-check .form-check-input:indeterminate {
  background-color: rgba(68, 71, 157, 0.05);
  border-color: rgba(93, 98, 224, 1);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%235D62E0' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.accordion-request .accordion-body .form-check .form-check-label {
  font-size: 14px;
  line-height: 18px;
  color: rgba(69, 69, 69, 1);
  text-transform: initial;
  font-weight: normal;
}

.accordion-request .accordion-body .table-responsive {
  max-height: 459px;
  overflow: auto;
  padding: 0px 22px;
}

.accordion-request .accordionFooter {
  padding: 22px 22px 22px 31px;
  border-top: 1px solid rgba(235, 235, 235, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.accordion-request .accordionFooter .btn {
  font-size: 14px;
  line-height: 18px;
  border-radius: 6px;
  padding: 12px 16px 10px 16px;
  min-height: initial;
  height: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  text-transform: uppercase;
  font-weight: 500;
  justify-content: center;
}

.accordion-request .accordion-body .accordionFooter .form-check {
  margin-right: 12px;
}

.accordion-request .accordionFooter .btn.btn-primary {
  min-width: 174px;
}

.accordion-request .accordionFooter .btn.btn-light {
  background-color: rgba(93, 98, 224, 0.12);
  border-color: transparent;
  color: rgba(93, 98, 224, 1);
}

.accordion-request .table .th-div {
  padding: 10px 16px !important;
  font: normal normal 700 13px/17px 'Azo Sans';
  color: rgba(69, 69, 69, 0.7);
  text-transform: uppercase;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
}

.accordion-request .table .t-body .t-row {
  box-shadow: none;
  margin: 0;
  padding: 4px 0px;
  border: none;
  border-bottom: 1px solid rgb(235, 235, 235);
  position: relative;
  cursor: pointer;
}

.accordion-request .table .t-body .t-row.checked {
  border-color: transparent;
}

.accordion-request .table .t-body .t-row.checked::before {
  background-color: #5D62E00F;
  border: 1px solid #B2B4EF;
  border-radius: 8px;
  opacity: 1;
  top: 1px;
  bottom: 1px;
}

.accordion-request .table .t-body .t-row::before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0px;
  right: 0px;
  border-radius: 6px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 1);
  margin: auto;
  transition: all 0.4s ease-in-out 0s;
}

.accordion-request .table .t-body .t-row:hover::before {
  opacity: 0.03;
}

.accordion-request .table .t-body .t-row .td-div {
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  color: rgba(69, 69, 69, 1);
  padding: 8px 16px !important;
  position: relative;
}

.accordion-request .table .t-body .t-row .td-div.td-amount .form-control {
  max-width: 92px;
  margin-left: auto;
}

.accordion-request .table .t-body .t-row .td-div.td-amount .form-control[readonly] {
  opacity: 0.5;
}

.accordion-request .table .t-body .t-row .td-div .form-control {
  border: 1px solid #BEBFD4;
  border-radius: 6px;
  opacity: 0.7;
  background-color: rgba(251, 251, 253, 1);
  padding: 8px 12px 6px;
  text-align: right;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.accordion-request .table .t-body .t-row .td-div .btn-link {
  padding: 0;
  opacity: 0.25;
  color: rgba(69, 69, 69, 1);
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.accordion-request .table .t-body .t-row .td-div figure {
  width: 34px;
  height: 34px;
  border: none;
  margin: 0 15px 0 0;
  overflow: hidden;
}

.accordion-request .table .t-body .t-row .td-div figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.accordion-request .table .t-body .t-row .td-div h6 {
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  color: rgba(69, 69, 69, 1);
  margin-bottom: 1px;
}

.accordion-request .table .t-body .t-row .td-div small {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: rgba(69, 69, 69, 0.7);
}

.accordion-request .badge {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 4px 10px 0px;
  border-radius: 50rem;
}

.accordion-request .badge.badge-warning {
  background-color: rgba(234, 155, 28, 0.16);
  color: rgba(234, 155, 28, 1);
}

.accordion-request .badge.badge-success {
  background-color: rgba(96, 177, 68, 0.16);
  color: #60b144;
}

.accordion-request .badge.badge-light {
  background-color: rgba(186, 186, 186, 0.16);
  color: #bababa;
}

.accordion-request .td-act>span {
  margin-right: 20px;
}

.accordion-request .link-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: rgba(40, 42, 84, 0.5);
}

.accordion-request .link-icon:hover {
  background-color: rgba(93, 98, 224, 0.12);
  color: rgba(93, 98, 224, 1);
}

.accordion-request .link-icon:first-child {
  margin-right: 6px;
}

.accordion-request .link-text {
  margin-left: 42px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(93, 98, 224, 1);
  position: relative;
  top: 2px;
  width: auto;
}

.accordion-request .link-text::before {
  content: '';
  display: inline-block;
  height: 22px;
  width: 1px;
  background-color: rgba(215, 215, 215, 1);
  position: absolute;
  top: 0;
  left: -25px;
  bottom: 0px;
  margin: auto;
}

.accordion-request .link-text i {
  margin-left: 4px;
}

.accordion-request .table svg {
  flex: 0 0 auto;
}

.accordion-request .no-match {
  color: #454545;
  font-size: 15px;
  font-weight: 400;
  box-shadow: none;
  background-color: transparent;
  padding: 54px 0px;
  border-radius: 5px;
  line-height: 19px;
}

.modal-open .cdk-overlay-container {
  z-index: 1056;
}

.form-control .heb-percentage {
  padding-top: 5px;
  text-align: center;
  font-size: 20px;
  max-height: 10px;
}

input[type='radio']:checked~.form-control .heb-percentage {
  color: #5d62e0;
}


.modal-main .modal-header {
  border-bottom: 1px solid #CBCBCB;
  padding: 27px 25px 23px;
}

.modal-main .modal-header .modal-title {
  font-size: 18px;
  line-height: 24px;
  color: #454545;
}

.modal-main .modal-header .modal-close {
  position: absolute;
  top: 31px;
  right: 25px;
  max-width: 12px;
  line-height: 12px;
}

.modal-main .modal-header .modal-close svg {
  max-width: 12px;
  height: auto;
}

.modal-main .modal-body,
.modal-main .modal-footer {
  padding: 45px;
}

.modal-main.modal-donate-confirm .modal-body,
.modal-main.modal-donate-confirm .modal-footer {
  padding: 30px 35px;
}

.modal-donate-confirm .modal-footer small {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #919191;
}

.modal-donate-confirm .modal-footer small a {
  color: #919191;
  text-decoration: underline;
}

.modal-donate-confirm .modal-head {
  margin-bottom: 38px;
}

.modal-donate-confirm .modal-head span {
  font-size: 14px;
  line-height: 20px;
  color: #727272;
  margin-bottom: 8px;
}

.modal-donate-confirm .modal-head h2 {
  font-size: 30px;
  line-height: 39px;
  color: #454545;
  font-weight: 500;
  margin-bottom: 16px;
}

.modal-donate-confirm .modal-head p {
  font-size: 15px;
  line-height: 22px;
  color: #454545;
  margin-bottom: 0px;
  text-align: center;
}

.item-donation {
  padding: 8px 0px;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: -1px;
  gap: 10px;
}

.item-donation figure {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
}

.item-donation figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.item-donation h6 {
  margin-bottom: 0px;
  font: normal normal 500 12px/15px Azo Sans;
  color: #454545;
}

.item-donation span {
  font: normal normal 400 10px/13px Azo Sans;
  color: #454545;
  opacity: 0.7;
}

.item-donation small {
  font: normal normal 400 12px/15px Azo Sans;
  color: #454545;
}

.modal-main .btn-primary,
.modal-main .btn-default {
  font-size: 15px;
  line-height: 20px;
  height: auto;
  border-radius: 8px;
  padding: 14px 14px;
  text-transform: uppercase;
  margin: 0;
}

.modal-main .btn-default {
  text-transform: capitalize;
}

.modal-main .form-label {
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  text-transform: uppercase;
}

.modal-bulk-donate .form-label {
  color: #454545;
  margin-bottom: 20px;
}

.modal-bulk-donate .form-check {
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 0 16px;
  margin: 0;
  display: flex;
  gap: 8px;
}

.modal-bulk-donate .form-check .form-check-input {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  border-color: #7E81BF;
  background-color: #F3F3F9;
  background-size: 10px;

}

.modal-bulk-donate .min-max-group {
  padding-top: 15px;
  max-width: 230px;
  gap: 8px;
}

.modal-bulk-donate .range-separator {
  width: 14px;
  height: 1px;
  display: inline-block;
  background: #A8A9BC;
  min-width: 14px;
  margin-top: 44px;
}

.modal-bulk-donate .min-max-group label {
  font-size: 13px;
  line-height: 17px;
  color: rgba(69, 69, 69, 0.66);
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 500;
}

.modal-bulk-donate .min-max-group .form-control {
  border: 1px solid rgba(190, 191, 212, 1);
  border-radius: 5px;
  background-color: rgba(251, 251, 253, 1);
  height: auto;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  padding: 10px 5px 8px;
}



.modal-bulk-donate .form-check .form-check-input:checked {
  --bs-form-check-bg-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="5" fill="%235D62E0"/></svg>');
  border-color: #5D62E0;
  background-color: #F3F3F9;
}

.modal-bulk-donate .form-check .form-check-label {
  font-size: 14px;
  line-height: 20px;
  text-transform: initial;
  font-weight: 400;
  color: rgba(69, 69, 69, 1);
}

.form-amount {
  position: relative;
  margin-bottom: 32px;
}

.form-amount .form-control {
  background: #FBFBFD 0% 0% no-repeat padding-box;
  border: 1px solid #B7B7C8;
  border-radius: 10px;
  font: normal normal 500 30px/40px Azo Sans;
  color: #393939;
  height: auto;
  padding: 16px 32px 12px 112px;
  text-align: right;
}

.form-amount label {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #454545;
  position: absolute;
  left: 32px;
  top: 28px;
  font-weight: 500;
}

.form-amount .form-control::-webkit-input-placeholder {
  color: rgba(57, 57, 57, 0.3);
}

.form-amount .form-control::-moz-placeholder {
  color: rgba(57, 57, 57, 0.3);
}

.form-amount .form-control:-ms-input-placeholder {
  color: rgba(57, 57, 57, 0.3);
}

.form-amount .form-control:-moz-placeholder {
  color: rgba(57, 57, 57, 0.3);
}


.section-statement {
  padding: 35px 0;
}

.section-statement .tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 7px;
  --bs-tooltip-padding-y: 2px;
  --bs-tooltip-font-size: 12px;
  --bs-tooltip-color: rgb(255, 255, 255, 0.75);
  --bs-tooltip-bg: #525252;
  --bs-tooltip-border-radius: 7px;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-arrow-width: 9px;
  --bs-tooltip-arrow-height: 5px;
  line-height: 15px;
}

.section-statement .tooltip .tooltip-inner {
  padding-top: 1px;
  padding-bottom: 3px;
}

.section-statement .container {
  max-width: 898px;
  padding-left: 22px;
  padding-right: 22px;
}

.section-statement .form-control {
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  background: #EFEFEF url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15.914" height="15.914" viewBox="0 0 15.914 15.914"><g id="Icon_feather-search" data-name="Icon feather-search" transform="translate(1 1)"><path id="Path_405" data-name="Path 405" d="M16.5,10.5a6,6,0,1,1-6-6,6,6,0,0,1,6,6Z" transform="translate(-4.5 -4.5)" fill="none" stroke="%236a6a6a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_406" data-name="Path 406" d="M28.237,28.237l-3.262-3.262" transform="translate(-14.738 -14.738)" fill="none" stroke="%236a6a6a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg>') no-repeat scroll left 15px center;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  max-width: 440px;
  padding: 12px 20px 12px 47px;
}

.section-statement .btn {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: rgba(93, 98, 224, 0.15) !important;
  font-size: 14px;
  line-height: 18px;
  padding: 14px 20px 12px;
  text-transform: uppercase;
  border-color: transparent !important;
  color: rgba(93, 98, 224, 1) !important;
  font-weight: 500;
  white-space: nowrap;
  height: auto;
}

.section-statement .btn i {
  line-height: 0;
  position: relative;
  top: -1px;
}

.section-statement .card {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
  border: 1px solid rgba(203, 203, 212, 0.38);
  border-radius: 8px;
  overflow: hidden;
}

.section-statement .card .card-header {
  padding: 28px 30px;
  background-color: #fff;
  border-bottom: 1px solid rgba(203, 203, 212, 0.38);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-statement .card h5 {
  font-size: 18px;
  line-height: 24px;
  color: rgba(69, 69, 69, 1);
  margin: 0;
}

.section-statement .card .item-action:last-child {
  margin-left: 30px;
  padding-left: 30px;
  position: relative;
}

.section-statement .card .item-action:last-child::before {
  content: "";
  display: inline-block;
  width: 1px;
  position: absolute;
  left: 0px;
  top: 4px;
  bottom: 4px;
  background-color: rgba(212, 212, 212, 1);
}

.section-statement .card label {
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  color: rgba(69, 69, 69, 1);
  margin-right: 8px;
}

.section-statement .card .button {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b4b5d8;
  border-radius: 7px;
  transition: all 0.4s ease-in-out 0s;
  min-width: 32px;
}

.section-statement .card .button:hover {
  background-color: rgba(68, 71, 157, 0.08);
  color: #5d62e0;
}

.section-statement .accordion {
  --bs-accordion-color: #454545;
  --bs-accordion-bg: var(--bs-white);
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-padding-x: 30px;
  --bs-accordion-btn-padding-y: 17px;
  --bs-accordion-btn-color: #454545;
  --bs-accordion-btn-bg: #F6F5F5;
  --bs-accordion-btn-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8"><path id="Polygon_8" data-name="Polygon 8" d="M6.77.778a1,1,0,0,1,1.459,0l5.192,5.538A1,1,0,0,1,12.692,8H2.308a1,1,0,0,1-.73-1.684Z" transform="translate(15 8) rotate(180)" fill="%23454545" opacity="0.5"/></svg>');
  --bs-accordion-btn-icon-width: 15px;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8"><path id="Polygon_8" data-name="Polygon 8" d="M6.77.778a1,1,0,0,1,1.459,0l5.192,5.538A1,1,0,0,1,12.692,8H2.308a1,1,0,0,1-.73-1.684Z" transform="translate(15 8) rotate(180)" fill="%23454545" opacity="0.5"/></svg>');
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0;
  --bs-accordion-active-color: #454545;
  --bs-accordion-active-bg: var(--bs-white);
}

.section-statement .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.section-statement .accordion .accordion-item .accordion-button {
  font-weight: normal;
}

.section-statement .accordion .accordion-item .accordion-button::after {
  background-position: center center;
}

.section-statement .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: rgba(246, 245, 245, 1);
  color: rgba(69, 69, 69, 1);
  box-shadow: none;
}

.item-report {
  padding: 28px 30px;
  transition: all 0.4s ease-in-out 0s;
  position: relative;
  gap: 30px;
}

.item-report:hover {
  background-color: rgba(68, 71, 157, 0.08);
}

.item-report hr {
  margin: 0;
  border-color: #E8E8EC;
  position: absolute;
  bottom: 0px;
  left: 30px;
  right: 30px;
  opacity: 1;
}

.modal-report.modal-main .modal-body,
.modal-report.modal-main .modal-footer {
  padding: 32px;
}

.modal-report .form-group {
  margin-bottom: 32px;
}

.modal-report .form-group .form-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.modal-report .form-group .form-control {
  border: 1px solid rgba(190, 191, 212, 1);
  border-radius: 5px;
  background: rgba(251, 251, 253, 1) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16.625" height="19" viewBox="0 0 16.625 19"><path id="Icon_awesome-calendar-alt" data-name="Icon awesome-calendar-alt" d="M0,17.219A1.782,1.782,0,0,0,1.781,19H14.844a1.782,1.782,0,0,0,1.781-1.781V7.125H0ZM11.875,9.945A.447.447,0,0,1,12.32,9.5H13.8a.447.447,0,0,1,.445.445V11.43a.447.447,0,0,1-.445.445H12.32a.447.447,0,0,1-.445-.445Zm0,4.75a.447.447,0,0,1,.445-.445H13.8a.447.447,0,0,1,.445.445V16.18a.447.447,0,0,1-.445.445H12.32a.447.447,0,0,1-.445-.445Zm-4.75-4.75A.447.447,0,0,1,7.57,9.5H9.055a.447.447,0,0,1,.445.445V11.43a.447.447,0,0,1-.445.445H7.57a.447.447,0,0,1-.445-.445Zm0,4.75a.447.447,0,0,1,.445-.445H9.055A.447.447,0,0,1,9.5,14.7V16.18a.447.447,0,0,1-.445.445H7.57a.447.447,0,0,1-.445-.445Zm-4.75-4.75A.447.447,0,0,1,2.82,9.5H4.3a.447.447,0,0,1,.445.445V11.43a.447.447,0,0,1-.445.445H2.82a.447.447,0,0,1-.445-.445Zm0,4.75a.447.447,0,0,1,.445-.445H4.3a.447.447,0,0,1,.445.445V16.18a.447.447,0,0,1-.445.445H2.82a.447.447,0,0,1-.445-.445ZM14.844,2.375H13.063V.594A.6.6,0,0,0,12.469,0H11.281a.6.6,0,0,0-.594.594V2.375H5.938V.594A.6.6,0,0,0,5.344,0H4.156a.6.6,0,0,0-.594.594V2.375H1.781A1.782,1.782,0,0,0,0,4.156V5.938H16.625V4.156A1.782,1.782,0,0,0,14.844,2.375Z" fill="%23bababa"/></svg>') no-repeat scroll right 16px center;
  font-size: 16px;
  line-height: 24px;
  color: rgba(69, 69, 69, 1);
  padding: 11px 48px 11px 16px;
  height: auto;
}

.modal-report .form-group hr {
  margin: 50px 8px 0;
  border-color: rgba(190, 191, 212, 1);
  opacity: 1;
  width: 15px;
  min-width: 15px;
}

.modal-report .form-check {
  display: block;
  min-height: 20px;
  padding-left: 27px;
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 20px;
}

.modal-report .form-check:last-child {
  margin-bottom: 0;
}

.modal-report .form-check .form-check-input {
  border: 1px solid rgba(63, 65, 135, 0.16);
  border-radius: 3px;
  width: 18px;
  height: 18px;
  margin: 1px 0 1px -27px;
  background-color: rgba(68, 71, 157, 0.05);
}

.modal-report .form-check .form-check-input:checked {
  background-color: rgba(93, 98, 224, 1);
  border-color: rgba(93, 98, 224, 1);
}

.modal-report .form-check .form-check-label {
  font: normal normal 400 16px/20px Azo Sans;
  letter-spacing: 0px;
  color: rgba(69, 69, 69, 1);
  text-transform: initial;
}

.modal-email-error .modal-body,
.modal-email-error .modal-footer {
  padding: 32px;
}

.modal-email-error small {
  font-size: 18px;
  line-height: 26px;
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
  max-width: 358px;
  margin-left: auto;
  margin-right: auto;
}

.modal-email-error small strong {
  font-weight: 600;
}