.sumo-pp-payment-status-wrap mark {
  font:
    13px arial,
    sans-serif;
  text-align: center;
  display: table-cell;
  border-radius: 15px;
  padding: 4px 6px 4px 6px;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_pending {
  background-color: #727272;
  color: white;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_await_aprvl {
  background-color: #ffff00;
  color: 000;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_await_cancl {
  background-color: #f2c779;
  color: 000;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_completed {
  background-color: #1cbfed;
  color: white;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_in_progress {
  background-color: #008000;
  color: white;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_overdue {
  background-color: #1e1c00;
  color: white;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_cancelled {
  background-color: #ef381c;
  color: white;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_failed {
  background-color: #99270b;
  color: white;
}
.sumo-pp-payment-status-wrap mark._sumo_pp_pendng_auth {
  background-color: #96588a;
  color: white;
}

.sumo-pp-view-payment .payment_activities ._alert_box {
  border-radius: 20px;
  font-family: Tahoma, Geneva, Arial, sans-serif;
  font-size: 14px;
  padding: 10px 10px 10px 20px;
  margin: 20px;
}
.sumo-pp-view-payment .payment_activities ._alert_box span {
  font-weight: bold;
}
.sumo-pp-view-payment .payment_activities .error {
  background: #ffecec;
  border: 2px solid #f5aca6;
}
.sumo-pp-view-payment .payment_activities ._success {
  background: #e9ffd9;
  border: 2px solid #a6ca8a;
}
.sumo-pp-view-payment .payment_activities .warning {
  background: #fff8c4;
  border: 2px solid #f2c779;
}
.sumo-pp-view-payment .payment_activities .notice {
  background: #e3f7fc;
  border: 2px solid #8ed9f6;
}

._sumo_pp_modal {
  display: none;
  position: fixed;
  z-index: 999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
._sumo_pp_modal ._sumo_pp_modal-wrapper {
  background-color: #fefefe;
  margin: 10% auto;
  width: 30%;
  position: relative;
  border-radius: 10px;
}
._sumo_pp_modal ._sumo_pp_modal-close {
  float: right;
  cursor: pointer;
}
._sumo_pp_modal .sumo_pp_modal-info {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  ._sumo_pp_modal ._sumo_pp_modal-wrapper {
    width: 70%;
  }
}
@media only screen and (max-width: 605px) {
  ._sumo_pp_modal ._sumo_pp_modal-wrapper {
    width: 90%;
  }
}
/* rtl by wpnovin.com*/

@font-face {
  font-family: "IranSans";
  src: url("../fonts/IranSans.ttf");
}

/* end rtl by wpnovin.com */