404Forbiden

✏️ Editing: wppayform_user_dashboard.css

.wpf-user-dashboard{border-radius:8px;background:#fff;max-width:100%;max-width:1200px!important;margin:0 auto;border:1px solid #eaecf0;color:#475569;font-weight:500}.wpf-user-dashboard .wpf-dashboard-card{border-radius:8px}.wpf-user-dashboard .wpf-user-dashboard-table{position:relative;background:#fff;border-radius:0 0 8px 8px;display:flex;flex-direction:column;font-size:14px;overflow:hidden}.wpf-user-dashboard .wpf-user-dashboard-table.loading{pointer-events:none;opacity:.7}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-loader.loading{display:inline-block;width:80px;height:80px;position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);z-index:9999}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-loader.loading:after{content:" ";display:block;width:44px;height:44px;margin:8px;border-radius:50%;border-color:#ff9000 transparent;border-style:solid;border-width:6px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-table-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 10px;border-top:1px solid hsla(0,0%,50.2%,.2);border-radius:8px 8px 0 0;margin-top:14px;border-left:1px solid hsla(0,0%,50.2%,.2);border-right:1px solid hsla(0,0%,50.2%,.2)}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-table-title .wpf-sync-action .wpf-sync-subscription-btn{display:flex;justify-content:center;align-items:center;gap:2px;border:1px solid #d6dae1;font-size:16px;font-weight:600;border-radius:6px;padding:5px 10px;cursor:pointer;color:#2f3448;background-color:#fff;line-height:1.5}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__header{align-items:center;background:#fbfbfb;display:flex;font-size:14px;text-transform:uppercase;overflow-y:scroll;border:1px solid #eaecf0;background:#fafafa}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__header .wpf-user-dashboard-table__column{flex:1;padding:12px;min-width:100px;color:#2f3448;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:20px}@media only screen and (max-width:876px){.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__header{display:none}}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows{flex:1;overflow-y:scroll;border-left:1px solid #eaecf0;border-right:1px solid #eaecf0;border-bottom:1px solid #eaecf0;border-radius:0 0 8px 8px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row{border-top:1px solid #e2e6ec;display:flex;line-height:1.6;align-items:center;gap:4px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column{flex:1;padding:19px 12px;min-width:100px;color:var(--System-Dark,#2f3448);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-subscription-action-btn{display:flex;justify-content:end;gap:4px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-subscription-action-btn .wpf_toal_amount_btn{display:inline-flex;padding:6px 12px;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid #d6dae1;background:#fafafa;cursor:pointer}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content{max-width:400px;margin:0 auto;padding:0}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-title{display:flex;align-items:center;gap:20px;justify-content:space-between;background:hsla(0,0%,50.2%,.0784313725490196);padding:0 20px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body{padding:20px;text-align:center}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body .wpf-info-icon{font-size:48px;width:50px;color:#ff9000;margin-bottom:20px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body h4{font-size:18px;font-weight:600}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-body p{color:rgba(0,0,0,.7411764705882353);font-size:14px;font-weight:500}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer{display:flex;align-items:center;gap:14px;justify-content:right;background:hsla(0,0%,50.2%,.0784313725490196);padding:16px}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer .modal-btn{background:#fff;border:1px solid #fff;padding:8px 16px;border-radius:4px;cursor:pointer}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer .modal-btn.wpf-cancel{color:#ff9000}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-confirmation-modal .modal-content .modal-footer .modal-btn.wpf-success{background:#ff9000;border:1px solid #ff9000;color:#fff}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription{display:flex;justify-content:center;align-items:center;border-radius:50%;position:relative}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription .wpf-cancel-confirm-button{position:absolute;left:-28px;cursor:pointer;transform:translateX(-50%);background-color:#fff;color:#2196f3;padding:6px 0;border:none;border-radius:4px;font-size:14px;font-weight:600;opacity:0;transition:opacity .3s ease}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription .wpf-cancel-confirm-button.active{opacity:1}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription-btn{border-radius:4px;padding:0;font-weight:600;pointer-events:none;color:#607d8b;opacity:.6;width:20px;height:100%}.wpf-user-dashboard .wpf-user-dashboard-table .wpf-user-dashboard-table__rows .wpf-user-dashboard-table__row .wpf-user-dashboard-table__column .wpf-cancel-subscription-btn.active{pointer-events:all;cursor:pointer;opacity:1}.wpf-user-dashboard .wpf-user-dashboard_empty{display:flex;justify-content:center;align-items:center;height:200px;font-size:24px;color:grey}.wpf-user-dashboard .wpf-user-profile{border-bottom:1px solid #eaecf0;display:flex;flex-wrap:wrap;padding:20px;gap:40px}.wpf-user-dashboard .wpf-user-profile .wpf-user-avatar img{width:125px;height:125px;border-radius:50%}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-user-name{font-size:24px;font-weight:600;color:#0a021d}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-user-name p{margin:10px 0}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-info-item{display:flex;gap:5px;align-items:center}.wpf-user-dashboard .wpf-user-profile .wpf-user-info .wpf-info-item span{display:flex;align-items:center;color:#565865;font-weight:500;font-size:14px}.wpf-user-dashboard .wpf-user-content{display:flex;flex-wrap:wrap}.wpf-user-dashboard .wpf-user-content .wpf-menu{border-right:1px solid hsla(0,0%,50.2%,.10980392156862745);min-width:235px;background:rgba(213,218,223,.09019607843137255);padding:20px}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item{display:flex;align-items:center;cursor:pointer;gap:12px;padding:10px;margin:5px 0;color:#2f3448}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item.active{display:flex;align-items:center;border-radius:.75rem;transition:all .2s;background-color:#eff6ff;color:#1d4ed8;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-menu-item.active img{filter:brightness(0) saturate(100%) invert(30%) sepia(97%) saturate(1000%) hue-rotate(203deg) brightness(92%) contrast(85%)}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-logout-btn{display:flex;align-items:center;gap:6px;padding:10px;cursor:pointer;border-top:1px solid hsla(0,0%,62%,.18823529411764706);margin-top:20px}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-logout-btn .dashicons-upload{transform:rotate(90deg);margin-top:2px}.wpf-user-dashboard .wpf-user-content .wpf-menu .wpf-logout-btn a{color:#000;text-decoration:none}.wpf-user-dashboard .wpf-user-content .wpf-content{display:none;flex:70%;padding:30px;overflow-y:scroll;box-sizing:border-box}.wpf-user-dashboard .wpf-user-content .wpf-content.active{display:block}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats{margin-bottom:30px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-head{display:flex;align-items:center;gap:10px;color:#2f3448;border-top:1px solid #d6dae1;padding:14px 20px;border-radius:8px 8px 0 0;border-left:1px solid #d6dae1;border-right:1px solid #d6dae1}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card{display:flex;gap:20px;flex-wrap:wrap;padding:20px;justify-content:center;border:1px solid #d6dae1;border-radius:0 0 8px 8px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card{width:calc(33% - 14px);display:flex;min-width:220px;border:1px solid #d6dae1;border-radius:8px;align-items:center;flex-wrap:wrap}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info{display:flex;flex-direction:column;gap:3px}@media only screen and (max-width:1244px){.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info{padding:10px}}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info .h4{color:#2f3448;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:28px;margin:0}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info .wpf_toal_amount_btn{margin:0!important;color:#1797f2;cursor:pointer;font-size:12px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .info span{color:#565865;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon{padding:20px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:10px}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img.spent{background:#f0ecfd}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img.order,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon img.subscription{background:#e6f2fe}@media only screen and (max-width:1244px){.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-user-stats .wpf-stats-card .overview-card .icon{padding:10px}}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-submission-head{display:flex;align-items:center;gap:10px;color:#2f3448;padding:14px 20px;border-radius:8px 8px 0 0;border-top:1px solid #d6dae1;border-left:1px solid #d6dae1;border-right:1px solid #d6dae1}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content{display:flex;padding:5px 11px;justify-content:center;align-items:center;gap:6px;border-radius:6px;text-align:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px;width:-moz-fit-content;width:fit-content}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.active,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.paid,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.active,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.paid{border:1px solid #f3faf8;color:#16896b;background:#f3faf8}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.intented,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.pending,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.intented,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.pending{background:#fff9f3;color:#dc8006;border:1px solid #fff9f3}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.cancelled,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.failed,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.cancelled,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.failed{color:#c72f08;border:1px solid #fdf5f3;background:#fdf5f3}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.processing,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.processing{color:#0171db;border:1px solid #f2f9fe;background:#f2f9fe}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.draft,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.draft{color:#565865;border:1px solid #f5f6f7;background:#f5f6f7}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.authorized,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.authorized{border:1px solid #f3faf8;color:#16896b;background:#f3faf8}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-payment-status.trialing,.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf_item_content.trialing{color:#565865;border:1px solid #f5f6f7;background:#f5f6f7}.wpf-user-dashboard .wpf-user-content .wpf-dashboard .wpf-submission-table .wpf-user-dashboard-last_column{display:flex;justify-content:center;align-items:center;padding:5px 4px;min-width:107px;color:#2f3448;border:1px solid #d6dae1;border-radius:8px;background:#fafafa;margin-right:15px;cursor:pointer}.wpf-user-dashboard .wpf-dashboard-modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);max-height:calc(100vh - 100px);overflow-y:scroll}.wpf-user-dashboard .wpf-dashboard-modal .modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;border-radius:8px;max-width:1120px}.wpf-user-dashboard .wpf-dashboard-modal .modal-content.max-width-340{max-width:340px}.wpf-user-dashboard .wpf-dashboard-modal .modal-content .submission-modal{padding:15px 20px;border:1px solid hsla(0,0%,50.2%,.12156862745098039);border-radius:8px}.wpf-user-dashboard .wpf-dashboard-modal .modal-content .wpf_submission_details{padding-bottom:12px}.wpf-user-dashboard .wpf-dashboard-modal .wpf-close{color:#aaa;float:right;font-size:22px;font-weight:700;border:1px solid hsla(0,0%,50.2%,.1803921568627451);padding:0 6px 3px;height:22px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;background-color:hsla(0,0%,50.2%,.050980392156862744)}.wpf-user-dashboard .wpf-dashboard-modal .wpf-close:focus,.wpf-user-dashboard .wpf-dashboard-modal .wpf-close:hover{color:#000;text-decoration:none;cursor:pointer}@media only screen and (max-width:876px){.wpf-user-dashboard .wpf_payment_receipt .wpf_payment_info_item{width:100%;border-bottom:1px solid #e3e8ee;box-sizing:border-box}.wpf-user-dashboard .wpf_payment_receipt .wpf_order_items_table_wrapper{overflow-y:scroll}}@media only screen and (max-width:426px){.wpf-content,.wpf-dashboard-card{padding:4px!important}.wpf-user-dashboard-table__column{padding:2px!important;min-width:68px!important}}.wpf-dashboard-auth-box{background:#fff;border:1px solid hsla(0,0%,50.2%,.09019607843137255);border-radius:8px;max-width:500px!important;box-shadow:0 4px 25px rgba(0,0,0,.2)}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-button>a,.wpf-dashboard-auth-box .wpf-dashboard-auth-box-header{padding:14px;background:#ff9800;border-radius:8px 8px 0 0;color:#fff;font-size:20px;font-weight:600}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-button{margin-top:42px}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-button a{border-radius:8px;text-decoration:none}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-body{padding:20px;font-size:16px}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-body .wpf-dashboard-auth-box-button{text-align:center}.wpf-dashboard-auth-box .wpf-dashboard-auth-box-body .wpf-dashboard-auth-box-button button{border:none;border-radius:8px;padding:14px;font-size:16px;cursor:pointer}

Sid Gifari From Gifari Industries - BD Cyber Security Team