.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%;}}