.is_rtl .ar-numeric {
  font-family: 'Roboto';
}

.happiness-top {
  flex-direction: column;
  align-items: center;
}

.happiness-icon-wrapper {
  width: 98px;
  height: 98px;
}

.happiness-top h6 {
  font-size: 1.125rem !important;
  margin-top: 0.875rem !important;
  text-align: center;
}


.min-height-300 {
  min-height: 300px;
}

.path-payments .hero-bg-wrapper h1.text-white {
  padding-top: 5.375rem;
}

.path-payments .messages__wrapper {
  width: 100%;
  margin-top: 1.25rem;
}

.path-payments-wallet .messages__wrapper {
  width: 75%;
}

.payment-status-main-wrap {
  margin-top: 2.063rem;
  margin-bottom: 2.063rem;
}

.payment-status-wrapper,
.status-header-info,
.payment-transactions-list {
  flex-direction: column;
  align-items: center;
}
.payment-status-wrapper {
  padding: 2.5rem;
  width: 25rem;
  margin: auto;
  background-color: white;
  border-radius: 12px;
}

.payment-item-success,
.payment-item-failed,
.payment-item-cancelled,
.payment-item-pending {
  padding: 0.313rem;
  color: white;
  border-radius: 5px;
  border: 1px solid;
}

.status-circle.status-success,
.payment-item-success,
.path-payments .alert-success  {
  background-color: #27AE60;
}
.status-circle.status-pending,
.payment-item-pending
{
  background-color: #F2994A;
}

.status-circle.status-failed,
.status-circle.status-cancelled,
.payment-item-failed,
.payment-item-cancelled,
.path-payments .alert-danger {
  background-color: #EB5757;
}

.is_rtl.path-payments .alert-dismissible .close, .is_rtl.path-payments .modal-header .close {
  float: left;
}

.path-payments .alert-success p,
.path-payments .alert-danger p {
  color: #ffffff;
  text-align: center;
}

.status-circle.status-success,
.status-circle.status-failed,
.status-circle.status-cancelled,
.status-circle.status-pending {
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  /*position: relative;*/
}

.status-circle.status-success span,
.status-circle.status-failed span,
.status-circle.status-cancelled span,
.status-circle.status-pending span {  
  font-size: 4rem;
  color: #ffffff;
}

.status-circle i.fa-check {
  margin-left: 7px;
  margin-right: 0px;
}
.status-circle i.fa-times {
  margin-left: 17px;
  margin-right: 0px;
}

#edit-service-logo {
  width: 150px;
  height: 150px;
  margin: auto;
  margin-bottom: 20px;
  /*border: 1px solid;*/
}

#topup-form-holder.show-logo {
  /*min-height: 400px;
  line-height: 400px;*/
  text-align: center;
  background-color: white;
}
#topup-form-holder.show-logo #topup-acc-wrapper {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.status-header-info .status-info {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  margin-top: 2.5rem;
}

.is_rtl .happiness-top h6,
.is_rtl .status-header-info .status-info p {
  text-align: center !important;
}

.payment-reference {
  font-size: .875rem;
  font-weight: 400;
  color: #363A40;
  margin-top: 1.25rem;
  width: 100%;
}
.pay-ref-label {
  font-weight: bold;
}
.flex-push {
  margin-left: auto;
  margin-right: 0;
  padding-left: 20px;
}
.path-payments-zakat .flex-push,
.path-payments-beit-al-khair .flex-push {
  padding-left: 50px;
}

.is_rtl .flex-push {
  margin-right: auto;
  margin-left: 0;
  padding-right: 20px;
  padding-left: 0px;
}
.is_rtl.path-payments-zakat .flex-push,
.is_rtl.path-payments-beit-al-khair .flex-push {
  padding-right: 50px;
}


.flex-push input[type='number']{
  width: 95px;
}

.payments-list-name {
  font-size: 0.875rem;
  font-weight: 500;
}
.payments-list-amt {
  font-size: 0.875rem;
  font-weight: 400;
}
.payment-transactions-list {
  margin-top: 68px;
  width: 100%;
}
.payments-item-wrapper { 
  width: 100%;
}

.back-button-wrapper {
  width: 100%;
}
.back-button {
  border: 1px solid #1762B8;
  text-align: center;
  background-color: #1762B8;
  border-radius: 0.375rem;
  margin-top: 1.625rem;
  padding: 0.625rem;
}
.back-button-wrapper a,
.back-button-wrapper a:hover {
  color: #ffffff;
  font-size: 0.875rem;
}
#edit-ewallet-topup-search {
  width: 100%;
}

.account-topup-form .form-type-select label,
.account-topup-form .form-type-number label {
  display: none;
}

/* Disable the scroll bar */
.ui-dialog-content { overflow: hidden !important; }

.is_rtl .modal-title.ui-dialog-title { text-align: right; }

.uaepass-popup .popup-logo {
  margin: auto;
  width: 200px;
}
.path-payments-zakat #topup-form-holder,
.path-payments-beit-al-khair #topup-form-holder,
.path-payments-hello #topup-form-holder,
.path-payments-five #topup-form-holder {
  width: 25rem;
  margin: auto;
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgb(96 97 112 / 20%);
}

.path-payments-fewa .ajman-flex > .ajman-flex-items,
.path-payments-sewerage .ajman-flex > .ajman-flex-items {
  height: 190px;
}


@media only screen and (min-width: 768px) {
  .view-id-payment_services .ajman-flex > .ajman-flex-items {
    padding: 16px 20px !important;
  }
}
/* Media query for tab and above screens */
@media (max-width: 768px) {
  html {
    font-size: 14px !important;
  }
}