.wpayme-pay-btn-link{ line-height: 26px; padding: 0 10px 1px} .postbox .wpayme-pay-chart-with-sidebar{ padding: 12px 249px 12px 12px} .wpayme-pay-chart-sidebar{ float: right; margin-right: -237px; width: 225px} .wpayme-pay-chart-legend{ background: #fff; border: 1px solid #e5e5e5; border-left-width: 0; border-bottom-width: 0; list-style: none; margin: 0 0 1em; padding: 0} .wpayme-pay-chart-legend li{ border-left: 5px solid #aaa; box-shadow: inset 0 -1px 0 0 #e5e5e5; color: #aaa; display: block; margin: 0; padding: 1em; transition-duration: 0.5s; transition-property: border, box-shadow, padding} .wpayme-pay-chart-legend li.completed-count{ border-left-color: #dbe1e3} .wpayme-pay-chart-legend li.pending-sum{ border-left-color: #b1d4ea} .wpayme-pay-chart-legend li.completed-sum{ border-left-color: #3498db} .wpayme-pay-chart-legend li.cancelled-sum{ border-left-color: #f1c40f} .wpayme-pay-chart-legend li.expired-sum{ border-left-color: #dbe1e3} .wpayme-pay-chart-legend li.failed-sum{ border-left-color: #e74c3c} .wpayme-pay-chart-legend li:hover{ border-left-color: #23282f; box-shadow: inset 0 -1px 0 0 #e5e5e5, inset -300px 0 0 #f9f9f9; padding-right: 1.5em} .wpayme-pay-chart-legend strong{ color: #444; display: block; font-size: 1.618em; font-weight: 400; line-height: 1.2em} .wpayme-pay-status-list{ margin-bottom: 0; overflow: hidden} .wpayme-pay-status-list li{ border-top: 1px solid #eee; box-sizing: border-box; color: #aaa; float: right; margin: 0; padding: 0; width: 50%} .wpayme-pay-status-list li a{ color: #aaa; font-size: 12px; padding: 9px 12px; position: relative; transition: color ease 0.5s} .wpayme-pay-status-list li a strong{ color: #0073aa; display: block; font-size: 15px; line-height: 1.2em} .wpayme-pay-status-list li a:hover{ color: #00a0d2} .wpayme-pay-status-list li a:hover::before, .wpayme-pay-status-list li a:hover strong{ color: #00a0d2} .wpayme-pay-status-list li:first-child{ border-top: 0; width: 100%} .wpayme-pay-status-list li:nth-child(even){ border-left: 1px solid #eee} body.post-type-wpayme_payment #post-body-content, body.post-type-wpayme_pay_subscr #post-body-content{ margin-bottom: 0} .wpayme-pay-form-control-lg{ width: 100%} .wpayme-pay-shortcode-input{ width: 100%} .wpayme-pay-form-control-file-button [type=file]{ border: 0; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; overflow: hidden; position: absolute; width: 1px; height: 1px} .wpayme-pay-icon{ position: relative; text-indent: -9999px; width: 1em; height: 1em} .wpayme-pay-icon::after{ content: "\f10b"; display: block; font-family: "WPayme Icons"; position: absolute; top: 0; right: 0; speak: none; text-indent: 0; width: 100%; height: 100%} .wpayme-pay-icon-pending::after{ color: #ffba00; content: "\f10a"} .wpayme-pay-icon-cancelled::after{ color: #a00; content: "\f106"} .wpayme-pay-icon-processing::after{ color: #73a724; content: "\f10b"} .wpayme-pay-icon-completed::after{ color: #2ea2cc; content: "\f107"} .wpayme-pay-icon-refunded::after{ color: #999; content: "\f10c"} .wpayme-pay-icon-failed::after{ color: #d0c21f; content: "\f108"} .wpayme-pay-icon-on-hold::after{ color: #999; content: "\f109"} .wpayme-pay-icon-recurring::after{ color: #999; content: "\f105"} .wpayme-pay-icon-recurring-first::after{ color: #2ea2cc; content: "\f105"} .wpayme-pay-icon-question-mark::after{ color: #999; content: "\f104"} .wpayme-pay-payment-methods.form-table.widefat{ border-left: 0; border-bottom: 0; border-right: 0; margin: -15px -10px; width: calc(100% + 20px)} .wpayme-pay-payment-methods thead th:first-of-type{ width: 60%} .wpayme-pay-payment-methods .wpayme-pay-icon{ line-height: inherit} .wpayme-pay-payment-methods .wpayme-pay-icon-completed::after{ color: #73a724} .wpayme-pay-payment-methods .wpayme-pay-icon-cancelled::after{ color: #aaa} @media screen and (max-width: 782px){ .wpayme-pay-payment-methods.form-table th{ display: table-cell} .wpayme-pay-payment-methods.form-table th:first-of-type{ width: 50%} .wpayme-pay-payment-methods.form-table td{ display: table-cell}} .gateway-config-section-header h4{ margin: 0} .gateway-config-section-header p{ margin: 0 0 1em} .gateway-config-section-header p:last-child{ margin-bottom: 0} .wpayme-pay-test-payment-method td label{ display: none} #wpayme_payment_log.postbox .inside{ margin: 0; padding: 0} #wpayme_payment_log .comments-box{ border: 0 none} #wpayme_subscription.postbox input[name=wpayme_subscription_amount]{ vertical-align: initial} #wpayme_payment_update .inside, #wpayme_subscription_update .inside{ margin: 0; padding: 0} .wpayme-pay-inner{ margin: 6px 0 0} .wpayme-pay-major-actions{ background: #f5f5f5; border-top: 1px solid #ddd; padding: 10px} .wpayme-pay-action{ float: left; text-align: left} #wpayme-pay-post-status-display, #wpayme-pay-next-payment-date-display{ font-weight: 600} #wpayme-pay-post-status-input, #wpayme-pay-next-payment-date-input{ margin-top: 3px} .wpayme-pay-settings select{ width: 25em} .wpayme-pay-table-responsive{ overflow-x: auto} .wpayme-pay-table thead th{ font-weight: bold} .wpayme-pay-table .deprecated td, .wpayme-pay-table .deprecated a{ color: #aaa} .wpayme-pay-table td p{ margin: 0 0 1em} .wpayme-pay-table td p:last-child{ margin-bottom: 0} .postbox .wpayme-pay-table{ border: 0} .wpayme-pay-table-striped tbody tr:nth-of-type(odd){ background: #f9f9f9} .form-table .even{ background: #f9f9f9} #wpayme_payment .form-table td a{ display: inline-block; overflow: hidden; width: 350px; text-overflow: ellipsis; white-space: nowrap} .wpayme-pay-status-table{ margin-top: 2em} .wpayme-pay-status-table tbody th:first-child{ width: 20%} .wpayme-pay-form-sub-table th, .wpayme-pay-form-sub-table td{ padding: 0} .widefat .column-wpayme_payment_status, .widefat .column-wpayme_subscription_status, .widefat .column-wpayme_payment_subscription{ width: 1em} .widefat .column-wpayme_payment_method, .widefat .column-wpayme_subscription_method{ width: 2.5em} @media only screen and (max-width: 782px){ .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_method, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_status, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_subscription, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_method, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_status, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_method, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_status, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_subscription, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_method, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_status{ display: table-cell} .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_method::before, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_status::before, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_subscription::before, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_method::before, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_status::before, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_method::before, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_status::before, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_payment_subscription::before, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_method::before, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items) td:not(.column-primary).column-wpayme_subscription_status::before{ display: none} .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_payment_method, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_payment_status, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_payment_subscription, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_subscription_method, .wp-list-table tr.type-wpayme_payment:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_subscription_status, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_payment_method, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_payment_status, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_payment_subscription, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_subscription_method, .wp-list-table tr.type-wpayme_pay_subscr:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden).column-wpayme_subscription_status{ display: table-cell !important}} .wpayme-pay-tabs-items{ border-bottom: 1px solid #e5e5e5; display: block; float: right; margin: 3px 0 0; width: 100%} .wpayme-pay-tabs-items li{ background: #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; cursor: pointer; display: block; float: right; margin: 0 0 -1px 5px; padding: 8px 15px} .wpayme-pay-tabs-items li.active{ background: #fff; border-top: 3px solid #008ec2; margin-top: -3px} .admin-color-fresh .wpayme-pay-tabs-items li.active{ border-top-color: #2271b1} .admin-color-light .wpayme-pay-tabs-items li.active{ border-top-color: #888} .admin-color-modern .wpayme-pay-tabs-items li.active{ border-top-color: #3858e9} .admin-color-blue .wpayme-pay-tabs-items li.active{ border-top-color: #096484} .admin-color-coffee .wpayme-pay-tabs-items li.active{ border-top-color: #c7a589} .admin-color-ectoplasm .wpayme-pay-tabs-items li.active{ border-top-color: #a3b745} .admin-color-midnight .wpayme-pay-tabs-items li.active{ border-top-color: #e14d43} .admin-color-ocean .wpayme-pay-tabs-items li.active{ border-top-color: #9ebaa0} .admin-color-sunrise .wpayme-pay-tabs-items li.active{ border-top-color: #dd823b} .wpayme-pay-tab{ border: 1px solid #e5e5e5; border-top: 0; clear: both} .wpayme-pay-tab .form-table{ margin-top: 0} .wpayme-pay-tab .form-table th{ padding-right: 10px} .wpayme-pay-tab-block{ padding: 15px 10px} @media only screen and (max-width: 960px){ .wpayme-pay-tabs-items{ display: none} .wpayme-pay-tab{ border: 0} .wpayme-pay-tab .form-table{ border: 0}} @media only screen and (max-width: 782px){ .wpayme-pay-tab .form-table th, .wpayme-pay-tab .form-table td{ padding: 11px}} .wpayme-pay-text-success{ color: #008000} .wpayme-pay-text-danger{ color: #f00} .wpayme-pay-text-warning{ color: #ffa500} .wpayme-pay-text-negative{ color: #a00} *:not(a).wpayme-pay-tip{ color: #777; cursor: help} .form-table th .wpayme-pay-tip{ float: left} .wpayme-pay-cloak{ display: none}