22

✏️ Editing: fluentform_transactions.css

.ff_subscriptions .ff_subscription{background-color:#fff;border:2px solid #e3e8ee;color:#3a4f66;padding:15px 20px}.ff_subscriptions .ff_subscription button{-webkit-appearance:none;background:#fff;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin:0;outline:0;padding:6px 15px;text-align:center;transition:.1s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.ff_subscriptions .ff_subscription .ff_subscription_header{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}@media only screen and (max-width:768px){.ff_subscriptions .ff_subscription .ff_subscription_header{flex-direction:column}.ff_subscriptions .ff_subscription .ff_subscription_header>div{display:flex;flex-basis:100%;flex:1;flex-direction:column}.ff_subscriptions .ff_subscription .ff_subscription_header>div.ff_plan_info{text-align:left}}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_form_name{font-size:110%;font-weight:500}.ff_subscriptions .ff_subscription .ff_subscription_header>div{display:flex;flex-basis:100%;flex:1;flex-direction:column}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_plan_info{text-align:right}.ff_subscriptions .ff_subscription .ff_subscription_header .pay_amount{font-size:20px;line-height:28px}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_sub_name{color:#393c40;display:block;overflow:hidden;padding-bottom:10px;position:relative}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_pay_status_badge{background-color:#d6ecff;border-radius:20px;color:#3d4eac;font-size:90%;font-weight:500;padding:2px 8px;text-transform:capitalize}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_pay_status_badge.ff_pay_status_cancelled{background:#ff623e;color:#fff}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_pay_status_badge.ff_pay_status_active{background:#67c23a;color:#fff}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_billing_dates,.ff_subscriptions .ff_subscription .ff_subscription_header .ff_billing_text{margin:0;padding:0 0 10px}.ff_subscriptions .ff_subscription .ff_subscription_header .ff_billing_text{margin-top:5px}.ff_subscriptions .ff_subscription .ff_subscription_payments.ff_has_payments{background:#fafdff;border-top:1px solid #e3e8ed;margin:0 -20px -15px;padding:20px}.ff_subscriptions .ff_subscription span.ff_sub_id{font-size:80%;font-style:italic;opacity:.5}.ff_subscriptions .ff_sub_cancel_confirmation{background:#fff7f5;margin:10px -20px -20px;overflow:hidden;padding:20px;position:relative;text-align:center}.ff_subscriptions .ff_sub_cancel_confirmation button.ff_confirm_subscription_cancel{background:#cf3917;color:#fff}

MR SKB