laipower/wp-content/plugins/easy-digital-downloads/assets/css/admin/style.scss

3654 lines
68 KiB
SCSS

/**
* EDD Admin CSS
*
* @package EDD
* @subpackage Admin CSS
* @copyright Copyright (c) 2015, Pippin Williamson
* @license http://opensource.org/licenses/gpl-2.0.php GNU Public License
*/
@import "~@wordpress/base-styles/colors";
@import "~@wordpress/base-styles/variables";
@import "~@wordpress/base-styles/mixins";
@import "~@wordpress/base-styles/breakpoints";
@import "~@wordpress/base-styles/animations";
@import "../variables/colors";
@import "../variables/mixins";
@import "downloads/style";
@import "forms/style";
@import "upgrades/v3";
@import "reports/style";
@import "orders/style";
@import "promos/style";
@import "gateways/style";
@import "notifications/style";
@import "general/style";
/**
* Notes:
*
* [1] Backwards compatibility for vertical tabs < 3.0
*/
.edd-hidden {
display: none;
}
.edd-clearfix:after {
content: "";
display: table;
clear: both;
}
.edd-wrap a,
.edd-notice .notice-dismiss {
text-decoration: none;
}
/**
* Tag specificity should not be needed, but cannot
* safely be removed for fear of breaking even more things.
*/
.wp-core-ui .edd-delete,
a.edd-delete {
color: #a00;
}
.wp-core-ui .edd-delete:hover,
a.edd-delete:hover {
color: #f00;
}
/* General Settings Styles
-------------------------------------------------------------- */
body.post-type-download #contextual-help-link-wrap,
body.post-type-download #screen-options-link-wrap {
top: 5px !important;
}
body.post-type-download #screen-meta {
margin: 0px 0px -1px -20px;
}
#edd-header {
border-top: 5px solid #0c5d95;
border-bottom: 1px solid #c3c4c7;
padding: 20px 0px;
margin-left: -20px;
background: #fff;
}
#edd-header-wrapper {
display: flex;
justify-content: space-between;
padding: 0 20px;
align-items: center;
}
#edd-header img {
display: block;
max-width: 300px;
margin: 0 0 0 20px;
}
.edd-header-page-title-wrap {
font-size: 1.75em;
margin-top: -5px;
margin-right: auto;
padding-left: 7px;
}
.edd-header-separator {
margin-top: -2px;
opacity: 0.25;
}
.edd-header-page-title {
font-weight: 400;
font-size: 1em;
line-height: 1.3em;
display: inline;
}
.edd-header-page-title-wrap .button {
margin-left: 5px;
}
.no-js #edd-header-actions {
display: none;
}
#edd-header .edd-round {
position: relative;
background-color: #f3f4f5;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
cursor: pointer;
transition: background-color .2s ease;
}
button.edd-round {
border: none;
}
#edd-header button.edd-round:hover {
background-color: #e5e5e5;
}
button.edd-round:focus,
button.edd-round:active {
outline: 2px solid #0c5d95;
}
#edd-header .edd-number {
position: absolute;
background-color: #df2a4a;
width: 16px;
height: 16px;
font-weight: 600;
font-size: 10px;
color: #fff;
top: -8px;
left: 50%;
transform: translateX(-50%);
margin: 0;
-webkit-animation: bounce 2s 5;
animation: bounce 2s 5;
}
#edd-header .edd-number.edd-hidden {
display: none !important;
}
#edd-header .edd-round svg {
width: 20px;
height: 20px;
}
@media screen and (max-width: 840px) {
.edd-header-separator{
display: none;
}
#edd-header img {
display: none;
}
}
.edd_datepicker {
height: 29px;
}
.edd-from-to-wrapper input {
width: 105px;
margin: 0;
position: relative;
z-index: 1;
}
.edd-from-to-wrapper input[name*="start"],
.edd-from-to-wrapper input[name="filter_from"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.edd-from-to-wrapper input[name*="end"],
.edd-from-to-wrapper input[name="filter_to"] {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.edd-from-to-wrapper input:focus {
z-index: 2;
position: relative;
}
.edd-settings-sub-nav {
margin: 0 0px 10px 0;
width: 100%;
border-bottom: 1px solid #ccc;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.edd-settings-sub-nav a {
padding: 13px;
display: block;
}
.edd-settings-sub-nav a.current {
border-bottom: 4px solid #000;
padding-bottom: 9px;
}
.admin-color-fresh .edd-settings-sub-nav a.current {
border-bottom-color: #00a0d2;
}
/* Blue */
.admin-color-blue .edd-settings-sub-nav a.current {
border-bottom-color: #096484;
}
/* Coffee */
.admin-color-coffee .edd-settings-sub-nav a.current {
border-bottom-color: #c7a589;
}
/* Ectoplasm */
.admin-color-ectoplasm .edd-settings-sub-nav a.current {
border-bottom-color: #a3b745;
}
/* Midnight */
.admin-color-midnight .edd-settings-sub-nav a.current {
border-bottom-color: #e14d43;
}
/* Ocean */
.admin-color-ocean .edd-settings-sub-nav a.current {
border-bottom-color: #627c83;
}
/* Sunrise */
.admin-color-sunrise .edd-settings-sub-nav a.current {
border-bottom-color: #be3631;
}
/* Light */
.admin-color-light .edd-settings-sub-nav a.current {
border-bottom-color: #888;
}
/* bbPress Color Schemes */
/* Evergreen */
.admin-color-evergreen .edd-settings-sub-nav a.current {
border-bottom-color: #36533f;
}
/* Mint */
.admin-color-mint .edd-settings-sub-nav a.current {
border-bottom-color: #4f6d59;
}
.download_page_edd-settings .edd-check-wrapper {
clear: both;
}
.download_page_edd-settings .form-table tr>th>strong,
.download_page_edd-settings .form-table tr>th>h3 {
font-size: 1.2em;
font-weight: 600;
margin: 0 auto;
}
.edd-sortable-list {
margin: 0;
width: 300px;
position: relative;
}
.edd-sortable-list li {
margin: 0;
padding: 0;
position: relative;
height: 28px;
cursor: move;
}
.edd-sortable-list li label * {
vertical-align: middle;
}
.edd-sortable-list li label:after {
display: block;
width: 17px;
height: 17px;
position: absolute;
right: 6px;
top: 0px;
color: #aaa;
font-family: dashicons;
font-size: 17px;
content: '\f228';
cursor: move;
}
.form-table .edd-sortable-list li label {
display: block;
height: 28px;
padding: 0;
margin: 0;
}
.edd-sortable-list .payment-icon {
width: 32px;
height: 24px;
position: relative;
top: -2px;
margin-right: 5px;
}
/* Tooltips */
.edd-help-tip {
cursor: help;
margin-top: -2px;
font-size: 24px;
color: grey;
}
.edd-ui-tooltip {
position: absolute;
background: #333 !important;
border-width: 1px !important;
border-radius: 3px !important;
box-shadow: 1px 1px 2px 1px rgba(214, 214, 214, 0.5) !important;
color: #dedede !important;
max-width: 300px !important;
padding: 7px !important;
text-rendering: optimizeLegibility;
text-shadow: none !important;
z-index: 9999 !important;
}
/* =Payment Icon Styling
-------------------------------------------------------------- */
.download_page_edd-settings .edd-settings-payment-icon-wrapper {
margin-top: 5px;
}
.download_page_edd-settings .edd-settings-payment-icon-wrapper input {
margin-top: 1px;
}
.download_page_edd-settings .form-table .edd-settings-payment-icon-wrapper input[type="checkbox"]+label {
margin: 0;
display: inline-block;
}
.download_page_edd-settings .edd-settings-payment-icon-wrapper .payment-icon-image {
margin-right: 5px;
width: 32px;
display: inline-block;
vertical-align: middle;
}
.download_page_edd-settings .edd-settings-payment-icon-wrapper .payment-option-name {
vertical-align: middle;
}
/* =Tax Settings Style
-------------------------------------------------------------- */
.download_page_edd-settings .taxrates th,
.download_page_edd-settings .taxrates td {
padding: 8px 10px;
}
.download_page_edd-settings .taxrates td {
line-height: 1.5em;
vertical-align: top;
margin: 0;
}
.download_page_edd-settings .taxrates .regular-text {
width: 100%;
}
/* =Add Ons Styles
-------------------------------------------------------------- */
.edd-add-ons-footer {
padding-top: 10px;
}
#edd-add-ons .subsubsub .dashicons {
margin-top: 3px;
}
#edd-add-ons .edd-add-ons-container {
clear: both;
padding-top: 10px;
}
#edd-add-ons .search-box .button-secondary span {
margin: 2px -5px 0 4px;
padding: 0;
color: #aaa;
}
#edd-add-ons .edd-extension {
background: #fff;
border: 1px solid #ccc;
float: left;
padding: 14px;
position: relative;
margin: 0 15px 16px 0;
width: 320px;
height: 315px;
opacity: 0.9;
transition: all .2s ease-in-out;
cursor: default;
}
#edd-add-ons .edd-extension:hover {
border: 1px solid #bbb;
opacity: 1;
transform: scale(1.05);
z-index: 5;
}
#edd-add-ons .edd-extension h3 {
font-size: 13px;
margin: 0 0 8px;
}
#edd-add-ons .edd-extension .button-secondary {
position: absolute;
bottom: 14px;
left: 14px;
}
#edd-add-ons .edd-browse-all {
clear: both;
width: 100%;
}
#edd-add-ons .edd-extension .third-party {
display: none;
}
#edd-add-ons .edd-add-ons-container .edd-extension:first-child {
background-color: #85c0e5;
border-color: #62a9d7;
color: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#edd-add-ons .edd-add-ons-container .edd-extension:first-child h3 {
color: #fff;
}
/* Mock blue "Primary" styling on Starter Package */
#edd-add-ons .edd-add-ons-container .edd-extension:first-child .button-secondary {
background: #0085ba;
border-color: #0073aa #006799 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
}
#edd-add-ons .edd-extension .wp-post-image {
width: 100%;
height: auto;
vertical-align: bottom;
}
/* Insert Download
-------------------------------------------------------------- */
#TB_window {
overflow: hidden;
}
#TB_title {
padding: 5px;
}
#TB_ajaxContent {
width: calc(100% - 30px) !important;
padding: 15px;
margin: 0;
height: calc(100% - 118px) !important;
}
#TB_ajaxWindowTitle {
font-size: 18px;
font-weight: 600;
line-height: 30px;
}
#TB_closeWindowButton {
right: 6px;
top: 6px;
}
#choose-download-wrapper {
width: 100%;
}
#choose-download-wrapper .wrap {
overflow-y: scroll;
margin: 0;
padding: 0;
height: calc(100% - 50px);
}
#choose-download-wrapper .submit-wrapper {
position: absolute;
width: 100%;
bottom: 0;
padding: 0;
margin: 0 0 0 -15px;
text-align: right;
}
#choose-download-wrapper .submit-wrapper div {
background-color: #fafafa;
padding: 15px;
border-top: 1px solid #ddd;
}
/* Media Buttons Styles
-------------------------------------------------------------- */
.wp-media-buttons .button.edd-thickbox {
padding-left: 0;
}
.wp-media-buttons .button.edd-email-tags-inserter .dashicons {
margin-top: -2px;
}
/* Add/View Order Styles
-------------------------------------------------------------- */
/** Mimic WordPress 5.0 block-editor header region styles. */
.download_page_edd-payment-history .edit-post-editor-regions__header {
flex-shrink: 0;
height: auto;
border-bottom: 1px solid #e2e4e7;
z-index: 30;
position: -webkit-sticky;
position: sticky;
top: 32px;
/** EDD-specific */
margin-left: -20px;
}
@media screen and (max-width: 782px) {
.download_page_edd-payment-history .edit-post-editor-regions__header {
position: initial;
top: 46px;
}
}
.download_page_edd-payment-history .edit-post-header {
height: 56px;
padding: 4px 2px;
background: #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
/** EDD-specific */
max-width: 100%;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 782px) {
.download_page_edd-payment-history .edit-post-header {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 280px) {
.download_page_edd-payment-history .edit-post-header {
flex-wrap: nowrap;
}
}
.download_page_edd-payment-history .edit-post-header .edit-post-header__toolbar {
order: 0;
}
.download_page_edd-payment-history .edit-post-header .edit-post-header__settings {
order: 1;
}
.download_page_edd-payment-history .edit-post-header #publishing-action,
.download_page_edd-payment-history .edit-post-header .edit-post-header__toolbar,
.download_page_edd-payment-history .edit-post-header .edit-post-header__settings {
display: flex;
align-items: center;
}
.download_page_edd-payment-history .edit-post-header #publishing-action .spinner {
margin: 0 5px 0 0;
}
.download_page_edd-payment-history .edit-post-header .button-primary {
margin: 2px;
height: 34px;
line-height: 32px;
font-size: 13px;
}
#edd-order-items .hndle {
display: flex;
align-items: center;
justify-content: space-between;
}
#edd-order-items .hndle .edd-toggle {
font-weight: normal;
}
.edd-add-order-item td {
vertical-align: middle;
}
.edd-add-order-item input {
width: 80%;
}
.edd-add-order-item input[readonly] {
color: #555;
background: none;
border: 1px solid transparent;
box-shadow: none;
}
.order-customer-info .customer-details-wrap {
margin: 15px 0;
align-items: center;
}
.order-customer-info .customer-details-wrap .spinner {
margin: 0;
}
.order-customer-info .customer-details {
display: flex;
flex-direction: column;
}
.order-customer-info .customer-details .customer-since {
color: #666;
display: block;
margin: 4px 0 6px;
}
.order-customer-info .customer-details>span {
margin-bottom: 5px;
}
.edd-order-add-download-select .spinner {
display: none;
}
/** Overview */
table.edd-order-overview-summary {
border-width: 0;
table-layout: fixed;
}
table.edd-order-overview-summary--refund {
border-width: 0;
}
@media screen and (min-width: 782px) {
.edd-order-overview .column-right {
text-align: right;
}
}
.edd-ml-auto {
margin-left: auto !important;
}
@media screen and (min-width: 782px) {
.edd-ml-lg-auto {
margin-left: auto !important;
}
}
.edd-ml-auto+.edd-ml-auto {
margin-left: 10px !important;
}
/** Items */
.edd-order-overview-summary__items-name {
align-self: flex-start;
}
.edd-order-overview-summary__items> :nth-child(odd) {
background-color: #f9f9f9;
}
@media screen and (min-width: 782px) {
.edd-order-overview-summary__items tr:last-child th,
.edd-order-overview-summary__items tr:last-child td {
border-bottom: 1px solid #e5e5e5;
}
}
@media screen and (max-width: 782px) {
.edd-order-overview-summary .row-actions>*,
.edd-order-overview-summary__items-name .row-actions {
display: block !important;
}
.edd-order-overview-summary .row-actions>*:not(:first-child):before {
display: none;
}
}
.edd-order-overview-summary th:not(.column-primary) {
width: 100px;
}
.edd-order-overview-summary .row-actions>*:not(:first-child):before {
color: #999;
content: " | ";
}
.edd-order-overview-summary .row-actions .text {
color: #555;
}
.edd-order-overview-summary .removable {
display: flex;
align-items: center;
position: relative;
}
.edd-order-overview-summary .removable .delete {
display: inline-block;
margin-right: 10px;
margin-left: -8px;
padding: 10px;
border-right: 1px solid #e5e5e5;
color: #a00;
}
.edd-order-overview-summary .removable .delete:hover {
color: #dc3232;
}
/** Adjustments */
.edd-order-overview-summary__adjustments .column-primary {
font-weight: 600;
}
.edd-order-overview-summary__adjustments td small {
font-weight: normal;
}
/** Totals */
.edd-order-overview-summary__subtotal .column-primary,
.edd-order-overview-summary__tax tr:first-of-type .column-primary,
.edd-order-overview-summary__total .column-primary {
font-weight: 600;
}
.edd-order-overview-summary__subtotal td,
.edd-order-overview-summary__adjustments td,
.edd-order-overview-summary__tax td,
.edd-order-overview-summary__total td {
vertical-align: middle;
}
.edd-order-overview-summary__tax td small,
.edd-order-overview-summary__total td small {
font-weight: normal;
}
.edd-order-overview-summary__total .total {
color: #017d5c;
display: inline-block;
}
.edd-order-overview-summary__total .total.is-negative {
color: #a00;
}
@media screen and (min-width: 783px) {
.edd-order-overview-summary__adjustments .removable .delete {
margin-left: -50px;
}
.edd-order-overview-summary__total .total {
font-size: 150%;
padding-top: 5px;
padding-bottom: 5px;
}
}
.edd-order-overview-summary__total tr:last-child th,
.edd-order-overview-summary__total tr:last-child td:not(:first-of-type) {
border-top: 1px solid #e5e5e5;
}
.edd-order-overview-summary__total .notice {
margin: -1px;
}
.edd-order-overview-summary__total .notice p {
font-weight: normal;
margin: 0.5em 0;
}
/** Refunds */
.edd-order-overview-summary__refunds .column-primary {
font-weight: 600;
}
.edd-order-overview-summary__refunds td small {
font-weight: normal;
}
.edd-order-overview-summary__refunds tr:first-child td {
border-top: 1px solid #e5e5e5;
}
/** Actions */
#edd-order-overview-actions.inside {
border-top: 1px solid #ccd0d4;
margin-top: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
#edd-order-overview-actions.inside:empty {
padding: 0;
border-top: 0;
}
#edd-order-overview-actions.inside>div {
display: flex;
align-items: center;
}
#edd-order-overview-actions .edd-order-overview-actions__notice {
flex-basis: 100%;
margin-top: 15px;
}
.edd-order-overview-actions .button {
width: 100%;
margin-bottom: 12px;
}
.edd-order-overview-actions .button:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 782px) {
.edd-order-overview-actions .button {
width: auto;
margin-left: 12px;
margin-bottom: 0;
}
.edd-order-overview-actions .button:first-of-type {
margin-left: auto;
}
}
.edd-order-overview-actions__locked {
font-style: italic;
opacity: 0.80;
}
@media screen and (max-width: 782px) {
.edd-order-overview-actions__locked {
margin-bottom: 12px;
}
}
.edd-order-overview-actions__refund .dashicons {
margin-right: 8px;
}
/** Dialog */
.edd-dialog .ui-button-icon-only {
font-size: 0;
}
.download_page_edd-payment-history .ui-dialog,
.download_page_edd-payment-history .ui-dialog-content {
overflow: visible;
}
.edd-order-overview-modal form>p {
margin-top: 0;
}
.edd-order-overview-modal fieldset legend,
.edd-order-overview-modal form label {
display: block;
margin-bottom: 4px;
}
.edd-order-overview-modal fieldset {
margin-bottom: calc(1em - 3px);
}
.edd-order-overview-modal fieldset>p {
margin: 2px 0 3px;
}
.edd-order-overview-modal form .submit {
margin: 0 -16px -16px;
padding: 16px;
background: #fcfcfc;
border-top: 1px solid #dfdfdf;
display: flex;
align-items: center;
}
.edd-order-overview-modal form .submit .spinner {
margin: 0;
}
.edd-order-overview-add-item [for="auto-calculate"] {
display: flex;
align-items: center;
}
.edd-order-overview-add-item [for="auto-calculate"] input[type="checkbox"] {
margin-top: 0;
}
.edd-order-overview-add-item [for="auto-calculate"] .label {
line-height: 1.15;
margin-left: 8px;
}
.edd-order-overview-add-item [for="auto-calculate"] .label small {
margin-top: 4px;
display: block;
opacity: 0.75;
}
.edd-order-overview-add-adjustment .notice,
.edd-order-overview-add-item .notice {
margin: 0 0 1rem;
}
.edd-order-overview-add-adjustment #description,
.edd-order-overview-add-discount select {
width: 100%;
}
.edd-order-overview-error {
font-style: italic;
color: #a00;
display: block;
margin: 4px 0;
}
.edd-order-copy-download-link textarea {
width: 100%;
}
/** Columns */
.wp-list-table.orders .column-number .row-title {
display: block;
}
/** Status labels */
.edd-admin-order-status-badge {
padding: 2px 7px;
border-radius: 4px;
background: #ececec;
display: inline-flex;
align-items: center;
}
.edd-admin-order-status-badge__text {}
.edd-admin-order-status-badge__icon {
opacity: 0.80;
margin: 0 -2px 0 2px;
}
.edd-admin-order-status-badge--refunded {}
.edd-admin-order-status-badge--refunded .edd-admin-order-status-badge__icon {
font-size: 16px;
width: 16px;
height: 16px;
}
.edd-admin-order-status-badge--failed {
color: #ac3d3d;
background: #ffd6d6;
}
.edd-admin-order-status-badge--failed .edd-admin-order-status-badge__icon {
margin-left: 0;
margin-top: -1px;
}
.edd-admin-order-status-badge--complete {
color: #017d5c;
background: #e5f5f0;
}
.edd-admin-order-status-badge--complete .edd-admin-order-status-badge__icon {
margin-left: 0px;
}
.edd-admin-order-status-badge--pending {
color: #7d6e01;
background: #f5f2e5;
}
.edd-admin-order-status-badge--processing {
color: #015a7d;
background: #e5f1f5;
}
.wp-list-table.orderitems .refunded .edd-admin-order-status-badge {
margin-left: 10px;
}
.edd-order-resend-email-chooser legend {
font-weight: bold;
margin-bottom: 4px;
}
.edd-order-resend-email-chooser p {
margin: 4px 0;
}
/* Note Styles
-------------------------------------------------------------- */
.edd-notes .edd-note {
padding: 10px;
background-color: #ffffee;
border: 1px solid #cccc00;
width: 100%;
position: relative;
margin-bottom: 10px;
box-sizing: border-box;
overflow: hidden;
}
.edd-notes .edd-note.deleting {
opacity: 0.5;
}
.edd-notes .edd-note__header {
display: flex;
align-items: center;
}
.edd-add-note .spinner {
float: none;
display: inline-block;
margin: 0;
}
.edd-notes .edd-note time {
font-size: 11px;
color: #aaa;
}
.edd-notes .edd-note .edd-note-author {
margin-right: 5px;
}
.edd-notes .edd-note .edd-delete-note {
color: #a00;
font-weight: bold;
text-decoration: none;
margin-left: auto;
}
.edd-notes .edd-note .edd-delete-note:hover {
color: #888;
}
.edd-notes .edd-note p:last-child {
margin-bottom: 0;
}
.edd-notes .edd-no-notes {
margin: 4px 0 10px 0;
}
textarea[name="edd-note"] {
width: 100%;
min-height: 70px;
margin-top: 0;
}
.edd-notes-wrapper {
width: 80%;
}
.edd-note-pagination {
float: right;
margin: -35px 5px 15px 5px;
}
.edd-note-pagination a,
.edd-note-pagination span.page-numbers {
padding: 5px 8px;
margin: 2px;
text-decoration: none;
}
.edd-note-pagination a {
border: 1px solid #e5e5e5;
background: #fcfcfc;
}
.edd-note-pagination a:last-child,
.edd-note-pagination span.page-numbers:last-child {
margin-right: 0;
}
/* Discount Code Styles
-------------------------------------------------------------- */
#edd-products {
height: 100px;
min-width: 200px;
}
#edd-add-discount input[type="text"],
#edd-edit-discount input[type="text"] {
width: 300px;
}
#edd-add-discount .edd-discount-datetime input,
#edd-edit-discount .edd-discount-datetime input {
vertical-align: middle;
}
#edd-add-discount input[type="text"].edd_datepicker,
#edd-edit-discount input[type="text"].edd_datepicker {
display: inline-block;
width: 183px;
}
#edd-edit-discount textarea {
height: 100px;
}
.edd-amount-type-wrapper {
position: relative;
display: flex;
}
.edd-amount-type-wrapper select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: auto !important;
}
.edd-amount-type-wrapper #edd-amount {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -2px;
padding: 0 8px;
width: unset;
max-width: 125px;
}
.edd-amount-type-wrapper input:focus {
z-index: 2;
}
/* List Tables
-------------------------------------------------------------- */
.wp-list-table.customers .column-primary strong,
.wp-list-table.emails .column-primary strong,
.wp-list-table.addresses .column-primary strong,
.wp-list-table.discounts .column-primary strong,
.wp-list-table.orders .column-primary strong,
.wp-list-table.orderitems .column-primary strong,
.wp-list-table.orderadjustments .column-primary strong {
font-size: 14px;
}
.wp-list-table.emails .column-customer .avatar,
.wp-list-table.customers .column-primary .avatar {
float: left;
margin-right: 10px;
margin-top: 1px;
border-radius: 5px;
}
.wp-list-table.orders div.order-list-email {
font-size: .85em;
color: #888888;
}
.wp-list-table.orders th.column-number {
width: 150px;
}
.wp-list-table.orders th.column-amount {
width: 100px;
}
/* Row Actions
-------------------------------------------------------------- */
.wp-list-table .row-actions span.activate a {
color: green;
}
.wp-list-table .row-actions span.refund a {
color: #836fff;
}
.wp-list-table .row-actions span.cancel a {
color: #cc8c00;
}
.wp-list-table .row-actions span.cancel a:hover,
.wp-list-table .row-actions span.refund a:hover {
opacity: 0.8;
}
.wp-list-table .type-download .row-actions {
color: #999;
}
/* Nav Tab Styles
-------------------------------------------------------------- */
#edd-add-ons {
margin: 9px 20px -9px 2px;
}
.no-js.edit-tags-php.post-type-download .wp-heading-inline {
position: absolute;
top: 0;
}
.no-js.edit-tags-php.post-type-download .nav-tab-wrapper {
margin-top: 50px;
}
.edit-tags-php.post-type-download .wrap .nav-tab-wrapper .page-title-action,
.download_page_edd-customers .wrap .nav-tab-wrapper .page-title-action,
.download_page_edd-discounts .wrap .nav-tab-wrapper .page-title-action,
.download_page_edd-payment-history .wrap .nav-tab-wrapper .page-title-action {
top: 3px;
margin-left: 10px;
line-height: 24px;
}
/* Payment History Styles
-------------------------------------------------------------- */
#edd-payments-filter ul.subsubsub {
margin-bottom: 8px;
}
tr.status-refunded td {
background: #cecece;
border-top-color: #ccc;
}
marquee {
padding: 0;
margin: 0;
}
@media handheld,
only screen and (max-width: 640px) {
.wp-list-table.downloads th {
width: auto !important;
}
}
#edd-download-link-textarea {
width: 100%;
}
/* Metabox Styles
-------------------------------------------------------------- */
.edd_files_name_label {
width: 225px;
float: left;
}
.edd_files_url_label {
width: 220px;
float: left;
}
#postbox-container-1 .edd_files_name_label {
width: 80px;
}
#postbox-container-1 .edd_files_url_label {
width: 80px;
}
#edd_product_prices .inside,
#edd_product_files .inside {
margin-bottom: 0;
}
textarea#edd-payment-note {
width: 100%;
height: 4em;
margin: 0;
}
#edd-order-items .row .edd-purchased-files-list-wrapper .download {
line-height: 1.4;
}
#edd-order-items .edd-purchased-files-list-wrapper .edd-purchased-option {
color: #666;
}
input[class*="edd-price-field"] {
max-width: 125px;
}
[class*="item_"] [class*="edd-payment-details-download-"][type="number"].small-text,
#edd-order-download-quantity[type="number"].small-text,
#edd-order-download-tax[type="text"].small-text {
height: 25px;
}
.item_price .edd-payment-details-download-quantity[type="number"].small-text,
#edd-order-download-quantity[type="number"].small-text {
width: 55px;
}
.item_tax .edd-payment-details-download-item-tax[type="number"].small-text,
#edd-order-download-tax[type="text"].small-text {
width: 80%;
max-width: 125px;
}
#edd_product_notes_field {
display: block;
margin: 12px 0 0;
height: 4em;
width: 100%;
}
/* Payment Details
-------------------------------------------------------------- */
.edd-metabox-title-action {
margin: 0;
float: right;
padding: 4px 8px;
position: relative;
top: -1px;
text-decoration: none;
border: none;
border: 1px solid #ccc;
border-radius: 2px;
background: #f7f7f7;
text-shadow: none;
font-weight: 600;
font-size: 10px;
line-height: normal;
color: #0073aa;
cursor: pointer;
outline: 0;
}
.edd-metabox-title-action:hover {
border-color: #008EC2;
background: #00a0d2;
color: #fff;
}
.edd-edit-purchase-element .tablenav {
padding: 2px 10px 8px 10px;
}
.edd-edit-purchase-element .edd-order-children-wrapper {
margin: 0 -1px;
}
.edd-edit-purchase-element .edd-order-children-wrapper.child-count-0 table {
border-top: none;
border-bottom: none;
}
.edd-edit-purchase-element .edd-order-children-wrapper.child-count-0 .tablenav {
display: none;
}
.edd-edit-purchase-element[class*="columns-"] ul li {
padding-right: 1%;
}
#edd-edit-order-form .columns-4 .column:nth-child(2n+1),
#edd-edit-order-form .columns-5 .column:nth-child(3n+1),
#edd-edit-order-form .column:nth-child(2n+1) {
margin-right: 0;
}
#edd-edit-order-form input.large-text {
width: 90%;
}
.edd-edit-purchase-element ul li.item_price {
width: 15%;
}
.edd-edit-purchase-element ul li.item_price.item_quantity {
width: 25%;
}
.edd-edit-purchase-element ul li.item_tax {
width: 15%;
}
.edd-edit-purchase-element ul li.price {
width: 20%;
}
.edd-admin-box-inside {
border-bottom: 1px solid #f1f1f1;
clear: both;
padding: 12px;
margin: 0;
word-wrap: break-word;
}
.edd-admin-box-inside--row {
display: flex;
flex-wrap: wrap;
word-break: break-all;
justify-content: space-between;
align-items: center;
}
.edd-admin-box-inside>p {
margin: 8px 3px;
}
.edd-admin-box-inside .strong {
font-weight: 600;
}
.edd-admin-box div:not(.edd-admin-box-inside--row) .label {
display: block;
margin-bottom: 4px;
margin-right: 0;
}
.edd-admin-box .label--has-tip {
display: flex;
align-items: center;
}
.edd-admin-box .label--has-tip .edd-help-tip {
margin-top: 0;
font-size: 20px;
}
.edd-admin-box div:not(.edd-admin-box-inside--row) .label--has-checkbox {
margin-bottom: 0;
}
.edd-payment-fees .fee-label {
color: #666;
font-weight: normal;
}
.edd-admin-box .right {
float: right;
}
#edd-order-refunds-list {
padding-left: 25px;
}
#poststuff .edd-order-data .inside {
margin: 0;
padding: 0;
}
.edd-order-data .edd-select-chosen {
width: 130px !important;
}
.edd-order-data input.edd_datepicker {
width: 180px;
}
.edd-order-data input[type="number"].edd-payment-time-hour,
.edd-order-data input[type="number"].edd-payment-time-min {
width: 50px;
}
.edd-order-data .edd-tax-rate {
color: #9c9c9c;
font-style: italic;
padding: 5px;
}
#edd_general_logs p {
margin: 0;
padding: 0;
}
.edd-admin-box-inside span.label {
margin-right: 10px;
}
#edd-order-resend-receipt .inside {
margin-top: 11px;
}
#edd-order-resend-receipt .edd-order-resend-receipt-addresses {
margin-top: 10px;
}
.edd-order-resend-receipt-header {
font-size: 14px;
line-height: 1.4;
}
.edd-order-resend-receipt-addresses label {
display: block;
line-height: 1.75em;
}
.edd-order-resend-receipt-addresses label:last-child {
margin-bottom: 10px;
}
.edd-admin-box-inside:last-child {
border-bottom: 0;
}
#edd-edit-order-form .data-payment-key {
word-break: break-all;
}
.edd-order-update-box #major-publishing-actions .button-secondary {
margin-right: 10px;
}
.edd-order-update-box .button-primary {
margin-right: 0;
}
.edd-edit-purchase-element .edd-select-chosen {
width: 196px;
}
.edd-edit-purchase-element ul {
clear: both;
display: block;
}
#edd-customer-details .actions {
float: right;
}
.order-data-address h3 {
margin: 0 0 10px 0;
}
.order-data-address #edd-order-address-state-wrap,
.order-data-address #edd-order-address-country-wrap {
display: inline-block;
width: 50%;
max-width: 300px;
}
.edd-order-data input.small-text {
margin: 0;
}
.edd-order-data input.med-text {
margin: 0;
width: 100px;
}
.edd-edit-purchase-element ul li {
display: block;
line-height: 1.4;
position: relative;
margin: 0;
vertical-align: middle;
font-size: 13px;
}
.edd-edit-purchase-element .row {
padding: 12px;
}
.edd-edit-purchase-element .row:not(:last-child) {
border-bottom: 1px solid #eee;
}
.edd-edit-purchase-element .row:nth-child(odd):not(.header) {
background-color: #f9f9f9;
}
.edd-edit-purchase-element .row.header {
padding: 6px 12px;
font-weight: 600;
vertical-align: top;
}
.edd-edit-purchase-element ul {
margin: 0 0 15px;
}
.edd-edit-purchase-element ul:last-of-type {
margin-bottom: 0;
}
#edd-order-data .data span {
color: #666;
font-weight: 600;
}
.edd-edit-purchase-element .inside {
padding: 12px;
}
.edd-edit-purchase-element .edd-purchased-download-title {
font-size: 14px;
font-weight: 500;
}
.edd-edit-purchase-element .edd-purchased-download-title .deleted {
color: #777;
}
.edd-edit-purchase-element .edd-purchased-download-actions {
color: #777;
line-height: 1.4;
}
.edd-edit-purchase-element .edd-purchased-download-actions .edd-purchased-download-actions-label {
font-weight: 500;
}
.edd-edit-purchase-element .edd-purchased-download-actions a {
color: #777;
font-size: 12px;
}
.edd-edit-purchase-element .edd-purchased-download-actions a:hover {
color: #444;
}
.edd-edit-purchase-element .edd-purchased-download-actions .edd-order-remove-download {
color: #a00;
}
.edd-edit-purchase-element .edd-purchased-download-actions .edd-order-remove-download:hover {
color: #f00;
}
.edd-add-download-to-purchase,
.edd-add-adjustment-to-purchase {
padding: 15px;
border-top: 1px solid #e5e5e5;
background-color: #f5f5f5;
}
.edd-add-download-to-purchase .chosen-container,
.edd-add-adjustment-to-purchase .chosen-container {
width: 90% !important;
max-width: 220px !important;
}
.edd-add-download-to-purchase .spinner,
.edd-add-adjustment-to-purchase .spinner {
margin: 0;
float: none;
}
.edd-add-download-to-purchase .edd-add-order-quantity {
width: 40px;
height: 29px;
vertical-align: middle;
}
.edd-add-download-to-purchase .edd-add-order-item-button,
.edd-add-adjustment-to-purchase .edd-add-adjustment-button,
.edd-add-adjustment-to-purchase input[type="text"] {
height: 29px;
}
@media screen and (max-width: 1284px) {
.edd-edit-purchase-element .edd-purchased-download-title {
font-size: 16px;
}
.edd-edit-purchase-element ul li.item_price {
width: 22%;
}
.edd-edit-purchase-element ul li.item_price.item_quantity {
width: 35%;
}
.edd-edit-purchase-element ul li.item_tax {
width: 25%;
}
.edd-edit-purchase-element ul li.price {
width: 20%;
}
.edd-edit-purchase-element .edd-purchased-download-actions {
padding-top: 10px;
}
}
@media screen and (max-width: 1024px) {
.edd-edit-purchase-element ul li.item_price.item_quantity {
width: 40%;
}
.edd-edit-purchase-element ul li.price {
width: 24%;
}
.edd-edit-purchase-element .edd-purchased-download-actions {
padding-top: 15px;
}
.edd-edit-purchase-element .edd-purchased-download-actions,
.edd-edit-purchase-element .edd-purchased-download-actions a {
font-size: 14px;
}
}
@media screen and (max-width: 782px) {
.edd-edit-purchase-element ul li.item_price,
.edd-edit-purchase-element ul li.item_price.item_quantity {
padding-bottom: 10px;
}
.edd-edit-purchase-element ul li.item_price.item_quantity {
width: 35%;
}
.edd-edit-purchase-element ul li.item_tax,
.edd-edit-purchase-element ul li.price {
width: 20%;
padding-bottom: 10px;
}
.edd-price-currency,
.edd-payment-details-download-amount {
font-size: 16px;
}
.order-data-column input[type="email"] {
padding: 6px 10px;
}
.edd-refund-submit-line-total td:last-of-type {
flex: 0 0 120px;
}
#edd-item-tables-wrapper .addresses tbody tr {
display: grid;
}
#edd-item-tables-wrapper .addresses tbody td:not(.no-items) {
padding-left: 35%;
}
}
@media screen and (max-width: 600px) {
.edd-edit-purchase-element ul li.item_price,
.edd-edit-purchase-element ul li.item_price.item_quantity,
.edd-edit-purchase-element ul li.item_tax {
width: 100%;
padding-bottom: 20px;
}
.edd-edit-purchase-element ul li.price,
.edd-edit-purchase-element .edd-add-download-to-purchase ul li.item_tax {
width: 100%;
padding-bottom: 0;
}
.edd-edit-purchase-element .edd-add-download-to-purchase-actions {
padding-top: 15px;
}
}
/** Stats */
#edd_product_stats .label {
display: inline-block;
}
#edd_product_stats .product-sales-stats:before,
#edd_product_stats .product-earnings-stats:before {
color: #82878c;
font: normal 20px/1 'dashicons';
display: inline-block;
padding: 0 2px 0 0;
position: relative;
top: 0;
left: -1px;
speak: none;
text-decoration: none !important;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#edd_product_stats .product-sales-stats:before {
content: '\f174';
}
#edd_product_stats .product-earnings-stats:before {
content: '\f239';
}
/* Dashboard Page Styles
-------------------------------------------------------------- */
body.dashboard_page_edd-upgrades.js .postbox .hndle {
cursor: default;
}
/* Dashboard Widget Styles
-------------------------------------------------------------- */
.edd_dashboard_widget table thead td {
border-bottom: 1px solid #ececec;
color: #777;
}
.edd_dashboard_widget .table_left {
float: left;
width: 45%;
}
.edd_dashboard_widget .table_right {
float: right;
width: 45%;
}
.edd_dashboard_widget .inside {
font-size: 12px;
}
.edd_dashboard_widget td {
padding: 3px 0;
}
.edd_dashboard_widget .b,
.edd_dashboard_widget .t {
line-height: 1.5;
vertical-align: middle;
}
.edd_dashboard_widget .b {
padding-right: 6px;
width: auto;
}
.edd_dashboard_widget .t {
font-size: 12px;
padding-right: 12px;
color: #777;
width: 100%;
}
.edd_dashboard_widget .label_heading {
border-top: 1px solid #ececec;
color: #8f8f8f;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
display: block;
padding-top: 10px;
margin: 0 0 8px 12px;
}
.edd_dashboard_widget .edd_dashboard_widget_subheading {
border-top: 1px solid #ececec;
color: #8f8f8f;
font-size: 14px;
padding-top: 10px;
margin: 1em 0 0 0;
}
.edd_dashboard_widget .edd_dashboard_widget_subheading+.table {
margin: 8px 0 0 0;
}
.edd_dashboard_widget .edd_price_label {
background: rgb(0, 118, 156);
border-radius: 3px;
color: white;
font-size: 10px;
padding: 2px 4px;
margin-right: 2px;
}
.edd_dashboard_widget table {
width: 100%;
margin-left: 0;
margin-bottom: 1em;
}
td.edd_order_label {
width: 80%;
}
td.edd_order_price {
text-align: right;
}
@media handheld,
only screen and (max-width: 1000px) {
.edd_dashboard_widget .edd-recent-email {
display: none;
}
}
/* Reports Styles
-------------------------------------------------------------- */
/* Force a scrollbar when on the reports page (https://github.com/easydigitaldownloads/easy-digital-downloads/issues/6718) */
body.download_page_edd-reports {
overflow-y: scroll;
}
.edd-chip {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
padding: 3px;
border-radius: 3px;
color: #fff;
background-color: #444;
}
.edd-vertical-sections .edd-legacy-label {
display: inline-block;
position: absolute;
top: 11px;
right: 6px;
}
/* Keeping this rule for Software Licensing Reports */
.edd-reports-wrapper .postbox h2,
.edd-reports-wrapper .postbox h3 {
font-size: 1.3em
}
#edd-dashboard-widgets-wrap .metabox-holder {
padding-top: 0;
}
.edd-reports-wrapper .postbox .edd-select {
max-width: 200px;
vertical-align: baseline;
margin-right: 4px;
margin-bottom: 16px;
}
.download_page_edd-reports #edd-item-wrapper {
margin: 0;
}
#edd-dashboard-widgets-wrap .postbox h2,
#edd-dashboard-widgets-wrap .postbox h3 {
cursor: default;
}
.edd-date-range-options .edd_datepicker {
width: 105px;
}
.edd-report-wrap {
clear: both;
}
.edd-report-wrap h3 {
clear: both;
margin: 0 0 20px;
}
.edd-reports-chart,
.edd-reports-table {
margin-bottom: 20px;
}
.edd-admin--has-grid {
display: grid;
display: -ms-grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 20px;
}
.edd-admin--has-grid .postbox {
margin-bottom: 0;
}
.edd-admin--has-grid .edd-from-to-wrapper {
display: flex;
margin-bottom: 16px;
width: 100%;
}
.edd-admin--has-grid .edd-from-to-wrapper input {
width: 100%;
}
.edd-admin--has-grid .edd-from-to-wrapper span {
flex-grow: 1;
}
.edd-admin--has-grid form {
display: flex;
flex-direction: column;
flex-wrap: wrap;
position: relative;
}
fieldset.edd-to-and-from-container {
display: grid;
display: -ms-grid;
grid-template-columns: 1fr 1fr;
grid-gap: 8px;
}
span.edd-to-and-from--separator {
line-height: normal;
align-self: center;
margin-bottom: 16px;
}
.edd-admin--has-grid .postbox .edd-select {
max-width: 100%;
margin-right: 0;
}
.edd-admin--has-grid .button.updating-message:before,
.edd-admin--has-grid .button.updated-message:before {
vertical-align: text-bottom;
margin: 0 5px 0 0;
}
.edd-import-export-form .edd-progress {
background: #ddd;
border-radius: 15px;
height: 15px;
flex-basis: 100%;
}
.edd-import-export-form .edd-progress div {
background: #ccc;
border-radius: 15px;
height: 100%;
width: 0;
}
.edd-import-export-form .notice-wrap {
background-color: #f4f4f4;
border-style: solid;
border-width: 1px 0;
border-color: #eae9e9;
padding: 12px;
overflow: auto;
margin: 20px -12px -23px;
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.notice-wrap div.notice {
margin: 0;
}
.admin-color-fresh .edd-import-export-form .edd-progress div {
background: #0073aa;
}
.admin-color-light .edd-import-export-form .edd-progress div {
background: #888;
}
.admin-color-blue .edd-import-export-form .edd-progress div {
background: #096484;
}
.admin-color-coffee .edd-import-export-form .edd-progress div {
background: #c7a589;
}
.admin-color-ectoplasm .edd-import-export-form .edd-progress div {
background: #a3b745;
}
.admin-color-midnight .edd-import-export-form .edd-progress div {
background: #e14d43;
}
.admin-color-sunrise .edd-import-export-form .edd-progress div {
background: #dd823b;
}
.graph-option-section {
float: left;
}
.edd-report-filters-title span {
display: block;
padding: 20px;
}
#edd-graphs-filter form {
padding: 20px;
}
#edd-graphs-filter label {
vertical-align: inherit;
}
#edd-graphs-filter .graph-option-section {
display: inline-block;
line-height: 2em;
margin: 0 5px 0 0;
padding: 0;
}
.download_page_edd-reports .section-content #post-body-content {
float: none;
}
.download_page_edd-reports .section-content select[name="range"] {
display: none;
}
.edd-mix-totals {
background-color: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
padding: 10px;
}
.edd-mix-chart {
display: inline-block;
width: 49%;
vertical-align: top;
}
.edd-graph-notes {
color: #9c9c9c;
}
.edd-graph-notes span {
display: block;
}
.edd-pie-graph .legend {
display: none;
}
.edd-pie-legend {
overflow: auto;
margin-top: 10px;
}
.edd-legend-item-wrapper {
color: #333;
display: inline-block;
font-size: 8pt;
padding: 2px 5px 0px 5px;
width: 48%;
height: 20px;
}
.edd-legend-color {
border: 1px solid #cfcfcf;
display: inline-block;
margin-right: 5px;
width: 20px;
height: 15px;
}
.edd-pie-legend-item {
display: inline-block;
vertical-align: top;
width: 80%;
}
#edd-reports-tiles-wrap .metabox-holder {
padding: 0;
}
#edd-reports-tiles-wrap #dashboard-widgets {
overflow: auto;
}
#edd-reports-tiles-wrap #dashboard-widgets .postbox-container {
width: 33.3%;
}
/** Hide legacy report empty navigations */
.download_page_edd-reports .section-content .tablenav.top {
display: none;
}
#edd_tax_rates {
margin: 1em 0 0;
}
[id*="edd-recapture-"].button {
font-size: 16px;
height: auto;
padding: 8px 14px;
margin: 6px 0 0;
}
[id*="edd-recapture-"].button .dashicons {
line-height: 29px;
margin-right: 8px;
}
[id*="edd-recapture-"].button .edd-loading,
[id*="edd-recapture-"].button .edd-loading:after {
border-radius: 50%;
display: inline-block;
width: 14px;
height: 14px;
}
[id*="edd-recapture-"].button .edd-loading {
position: relative;
top: 3px;
margin-left: 4px;
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
[id*="edd-recapture-"].button .edd-loading {
-webkit-animation: edd-spinning 1.1s infinite linear;
animation: edd-spinning 1.1s infinite linear;
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(255, 255, 255, 0.5);
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
border-left: 2px solid #fff;
font-size: 14px;
filter: alpha(opacity=0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
#edd-recapture-disconnect.button .edd-loading.dark {
border-top-color: rgba(0, 0, 0, 0.2);
border-right-color: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.2);
border-left-color: #666;
box-shadow: none;
}
.recapture-notice {
position: relative;
}
@-webkit-keyframes edd-spinning {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes edd-spinning {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#edd-chartjs-tooltip {
position: absolute;
background-color: #fff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: all .1s ease;
transition: all .1s ease;
pointer-events: none;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
font-size: 12px;
box-shadow: 0 0 0 1px rgba(89, 94, 100, .1), 0 15px 35px 0 rgba(89, 94, 100, .1), 0 5px 15px 0 rgba(0, 0, 0, .12);
min-width: 120px;
opacity: 0;
}
.edd-chartjs-tooltip-key {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
}
/* Upgrades page styles
-------------------------------------------------------------- */
/* Settings page styles
-------------------------------------------------------------- */
.wrap-licenses .form-table,
.wrap-licenses thead,
.wrap-licenses tbody,
.wrap-licenses tfoot,
.wrap-licenses tr,
.wrap-licenses td,
.wrap-licenses th,
.wrap-licenses caption {
display: block;
}
.wrap-licenses .form-table tr {
float: left;
margin: 0 15px 15px 0;
background: #fff;
border: 1px solid #ccc;
width: 30.5%;
max-width: 350px;
padding: 14px;
min-height: 220px;
position: relative;
box-sizing: border-box;
}
.wrap-licenses .form-table th {
background: #f9f9f9;
padding: 14px;
border-bottom: 1px solid #ccc;
margin: -14px -14px 20px;
width: 100%;
}
.wrap-licenses .form-table td {
padding: 0;
}
.wrap-licenses td input.regular-text {
margin: 0 0 8px;
width: 100%;
}
.wrap-licenses .edd-license-data[class*="edd-license-"] {
position: absolute;
background: #fafafa;
padding: 14px;
border-top: 1px solid #eee;
margin: 20px -14px -14px;
min-height: 67px;
width: 100%;
bottom: 14px;
box-sizing: border-box;
}
.wrap-licenses .edd-license-data[class*="edd-license-"] a {
color: #444;
}
.wrap-licenses .edd-license-data[class*="edd-license-"] a:hover {
text-decoration: none;
}
.wrap-licenses .edd-license-data.license-expires-soon-notice {
background-color: #00a0d2;
color: #fff;
border-color: #00a0d2;
}
.wrap-licenses .edd-license-data.edd-license-expired {
background-color: #e24e4e;
color: #fff;
border-color: #e24e4e;
}
.wrap-licenses .edd-license-data.edd-license-error,
.wrap-licenses .edd-license-data.edd-license-missing,
.wrap-licenses .edd-license-data.edd-license-invalid,
.wrap-licenses .edd-license-data.edd-license-site_inactive,
.wrap-licenses .edd-license-data.edd-license-item_name_mismatch {
background-color: #ffebcd;
border-color: #ffebcd;
}
.wrap-licenses .edd-license-data p {
font-size: 13px;
margin-top: 0;
}
.wrap-licenses .edd-license-data.license-expires-soon-notice a,
.wrap-licenses .edd-license-data.edd-license-expired a {
color: #fff;
}
.wrap-licenses .edd-license-data.license-expires-soon-notice a:hover,
.wrap-licenses .edd-license-data.edd-license-expired a:hover {
text-decoration: none;
}
.wrap-licenses p.submit {
clear: both;
}
/* Global Graph Styles
-------------------------------------------------------------- */
.edd-graph .y1Axis {
color: rgb(237, 194, 64) !important;
}
.edd-graph .y2Axis {
color: rgb(175, 216, 248) !important;
}
/* API Table Styles
-------------------------------------------------------------- */
.wp-list-table.apikeys input.code {
width: 100%;
font-size: 10px;
cursor: text;
background: #fff;
border: 1px solid #ddd;
box-shadow: none;
color: #555;
}
/* Toggle Styles
-------------------------------------------------------------- */
.edd-toggle {
position: relative;
display: inline-block;
overflow: visible;
}
.edd-toggle input[type="checkbox"] {
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0;
padding: 0;
width: 42px;
height: 24px;
background-color: #ccc;
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
border-radius: 34px;
box-shadow: none;
border: none;
}
.edd-toggle .label {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.edd-toggle input[type="checkbox"]:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
-webkit-transition: 0.1s transform ease;
transition: 0.1s transform ease;
border-radius: 50%;
}
.edd-toggle input[type="checkbox"]:checked {
background-color: #007cba;
}
.edd-toggle input[type="checkbox"]:active,
.edd-toggle input[type="checkbox"]:focus {
outline: 0;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #7e8993;
}
.edd-toggle input[type="checkbox"]:checked:active,
.edd-toggle input[type="checkbox"]:checked:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
}
.edd-toggle input[type="checkbox"]:checked:before {
-webkit-transform: translateX(22px);
-ms-transform: translateX(22px);
transform: translateX(22px);
}
.edd-toggle input+.label,
.edd-toggle .label+input {
margin-left: 5px;
}
/* List Table Styles
-------------------------------------------------------------- */
.download_page_edd-tools .tablenav .actions {
overflow: visible;
}
.edd_user_search_wrap {
position: relative;
overflow: visible;
}
.edd_user_search_wrap .spinner {
position: absolute;
margin: 0;
padding: 0;
right: 4px;
top: -2px;
}
.edd_user_search_wrap.loading .spinner {
visibility: visible;
}
.edd_user_search_results {
position: absolute;
left: 0;
top: 20px;
}
.edd_user_search_results a.edd-ajax-user-cancel {
position: absolute;
right: 6px;
top: 2px;
}
.edd_user_search_results ul {
background: #fafafa;
border: 1px solid #dfdfdf;
overflow-y: scroll;
padding: 0;
margin: 0;
height: 150px;
width: 185px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.edd_user_search_results li {
margin: 0;
}
.edd_user_search_results li a {
display: block;
text-decoration: none;
padding: 6px 10px;
}
.edd_user_search_results li a:hover {
background: #f5f5f5;
}
.edd_user_search_results li.no-users {
text-align: center;
vertical-align: middle;
display: block;
line-height: 150px;
color: #bbb;
text-transform: uppercase;
font-size: 11px;
}
@media screen and (max-width: 1100px) {
.edd-mix-chart {
display: block;
width: 100%;
}
.wrap-licenses .form-table tr {
width: 46%;
max-width: none;
min-height: 230px;
}
}
@media screen and (max-width: 782px) {
.license-lifetime-notice,
.license-expiration-date-notice,
.license-null {
padding-left: 0;
}
[class^="license-"] input[type="text"] {
margin-bottom: 3px;
}
}
@media screen and (max-width: 600px) {
.wrap-licenses .form-table tr {
width: 100%;
min-height: 230px;
}
#edd-edit-order-form input.large-text {
width: 100%;
}
}
/* Customer Styles
-------------------------------------------------------------- */
#edd-item-wrapper {
background: #fff;
border: 1px solid $wp-border;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
position: relative;
margin-top: 15px;
display: flex;
}
#edd-item-wrapper.full-width {
max-width: 100%;
}
#edd-item-wrapper:after {
content: "";
display: block;
clear: both;
visibility: hidden;
font-size: 0;
height: 0;
}
.edd-sections-wrap {
clear: both;
width: 100%;
}
.edd-sections-wrap .section-wrap {
background-color: #fff;
display: inline-block;
z-index: 2;
}
.js .edd-sections-wrap .edd-vertical-sections:not(.meta-box) .section-wrap>div {
min-height: 500px;
height: 100%;
}
.edd-sections-wrap .section-wrap .customer-section:not(:last-child) {
border-bottom: 1px solid #eee;
}
.edd-sections-wrap .section-wrap .customer-section table {
margin-bottom: 20px;
}
.edd-sections-wrap .section-wrap {
border-left: 1px solid #e5e5e5;
}
.edd-sections-wrap .section-wrap .section-content {
>* {
padding: 20px;
}
h2 {
margin: 0;
padding-bottom: 0;
}
}
.edd-sections-wrap .section-wrap .avatar-wrap {
float: left;
padding-right: 10px;
text-align: center;
}
.edd-sections-wrap .section-wrap img.avatar {
border-radius: 5px;
}
.edd-sections-wrap .section-wrap .customer-id {
position: absolute;
right: 0;
top: 0;
padding: 10px;
background-color: #fafafa;
border: 1px solid #eee;
border-bottom-left-radius: 20%;
border-top: none;
border-right: none;
font-family: monospace;
font-size: 18px;
font-weight: 600;
}
.edd-item-info.customer-info input[type="text"],
.edd-item-info.customer-info input[type="password"],
.edd-item-info.customer-info select {
width: 200px;
height: auto;
box-shadow: none;
transition: none;
border: 1px solid #ddd;
margin: -5px 0 4px -2px;
font-size: 13px;
padding: 2px 4px;
}
.edd-sections-wrap .section-wrap .customer-main-wrapper {
float: left;
}
.edd-sections-wrap .section-wrap .customer-main-wrapper input[name="customerinfo[name]"] {
font-size: 24px;
}
.edd-sections-wrap .section-wrap .customer-address-wrapper {
float: right;
margin-top: -3px;
margin-right: 50px;
width: 202px;
}
.edd-sections-wrap .section-wrap .info-wrapper {
min-height: 125px;
overflow: visible;
}
.edd-sections-wrap .section-wrap .customer-address span[data-key="address"],
.edd-sections-wrap .section-wrap .customer-address span[data-key="address2"],
.edd-sections-wrap .section-wrap .customer-address span[data-key="country"] {
display: block;
}
.edd-sections-wrap .section-wrap a.delete {
color: #ff0000;
margin-right: 5px;
text-decoration: none;
}
.customer-info {
min-height: 185px;
}
.customer-info .customer-name {
font-size: 24px;
font-weight: 600;
}
.customer-info .customer-name.editable {
margin-bottom: 6px;
}
.customer-edit-link a {
font-weight: normal;
text-decoration: none;
}
.disconnect-user a {
color: #aaa;
font-size: 20px;
}
#customer-edit-actions {
padding: 3px;
line-height: 28px;
text-align: center;
}
#customer-edit-actions .button-secondary {
margin-right: 5px;
}
#customer-edit-actions .cancel {
padding: 5px;
}
.edd-sections-wrap .section-wrap .row-title {
width: 30%;
}
.edd-sections-wrap .section-wrap .editable {
display: block;
padding: 3px;
}
.edd-sections-wrap .section-wrap div.edit-item {
margin-left: -4px;
margin-top: -20px;
}
.edd-sections-wrap .section-wrap .customer-address.edit-item {
margin-top: 3px;
}
.edd-sections-wrap .section-wrap span.edit-item {
display: none;
}
.edd-sections-wrap .section-wrap .edit-item input {
font-size: 13px;
}
.edd-sections-wrap .section-wrap .customer-name.edit-item input {
margin-top: -5px;
}
.edd-sections-wrap .section-wrap .edd_user_search_results {
left: -2px;
top: 18px;
}
.edd-sections-wrap .section-wrap .edd_user_search_results ul {
width: 198px;
}
#edd-item-stats-wrapper {
margin: 0 auto;
text-align: center;
}
#edd-item-stats-wrapper ul {
display: flex;
margin: 0;
}
#edd-item-stats-wrapper li {
font-size: 14px;
margin-bottom: 0;
width: 50%;
}
#edd-item-stats-wrapper a {
text-decoration: none;
}
#edd-item-stats-wrapper .dashicons {
color: #888;
margin-top: -2px;
}
#edd-item-tables-wrapper table {
width: 100%;
}
#edd-item-tables-wrapper .no-items {
text-align: left;
}
#edd-item-tables-wrapper .emails .add-customer-email-row {
background-color: #f4f4f4;
border-top: 1px solid #e5e5e5;
}
#edd-item-tables-wrapper .add-customer-email-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 12px 0;
}
#edd-item-tables-wrapper .edd-form-group {
margin-bottom: 0;
}
#edd-item-tables-wrapper .edd-make-email-primary {
flex-grow: 1;
margin-left: 12px;
}
#edd-item-tables-wrapper .emails .spinner {
float: none;
margin: 0 10px;
align-self: center;
}
#edd-item-tables-wrapper .notice-error {
background-color: #fff5f5;
}
#edd-item-notes-wrapper {
min-height: 50px;
}
.customer-note-input {
margin-bottom: 5px;
width: 100%;
}
.customer-note-wrapper {
border-bottom: 1px solid #f9f9f9;
min-height: 38px;
padding: 7px 0 7px 7px;
}
.customer-note-wrapper span {
display: block;
}
.note-content-wrap {
padding-top: 7px;
}
.edd-sections-wrap .section-wrap .notice-container {
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
}
@media screen and (max-width: 810px) and (min-width: 656px) {
.customer-info .customer-name {
font-size: 16px;
}
.edd-sections-wrap .section-wrap .widefat td,
.widefat th {
max-width: 100% !important;
display: table-cell;
}
}
@media screen and (max-width: 781px) {
#edd-item-tab-wrapper,
/** [1] */
.edd-sections-wrap .section-wrap {
margin: 0;
width: 100%;
}
#edd-item-tab-wrapper-list .dashicons {
/** [1] */
font-size: 18px;
}
.edd-item-has-tabs .edd-sections-wrap .section-wrap {
border-top: 1px solid #e5e5e5;
border-left: 0;
margin-top: -1px;
}
}
@media screen and (max-width: 656px) {
.edd-item-info.customer-info {
position: relative;
}
.edd-sections-wrap .section-wrap .customer-address-wrapper {
float: none;
position: absolute;
top: 84px;
left: 165px;
max-width: 200px;
}
.edd-sections-wrap .section-wrap .customer-main-wrapper {
float: none;
position: absolute;
left: 165px;
}
.customer-info .customer-name {
font-size: 16px;
}
.edd-sections-wrap .section-wrap #edd-item-stats-wrapper {
padding-left: 0;
padding-right: 0;
}
.edd-sections-wrap .section-wrap .customer-section {
margin-bottom: 0;
}
.edd-sections-wrap .section-wrap .widefat td.no-items,
.edd-sections-wrap .section-wrap .widefat td.column-primary,
.edd-sections-wrap .section-wrap .widefat th.column-primary {
width: 100px !important;
display: table-cell;
overflow: hidden;
text-align: left;
}
.edd-sections-wrap .section-wrap .customer-id {
display: none;
}
#edd-item-tables-wrapper .emails td.column-primary {
padding-right: 10px;
width: 100% !important;
}
#edd-item-tables-wrapper .edd-form-group {
margin: 0 0 16px 0;
}
}
@media screen and (max-width: 480px) {
#edd-item-tab-wrapper-list li {
width: 50%;
}
#edd-item-tab-wrapper-list li:nth-child(3n+3) {
border-width: 0 1px 1px 0;
}
#edd-item-tab-wrapper-list li:nth-child(even) {
border-width: 0 0 1px 0;
}
.download_page_edd-reports .button {
text-align: center;
}
#edd-payment-date-filters span {
display: block;
}
#edd-payment-date-filters span>input {
float: right;
}
#edd-add-discount select[multiple] option,
#edd-edit-discount select[multiple] option {
height: 20px;
}
.download_page_edd-tools .inside input[type="text"],
.download_page_edd-tools .inside select,
.download_page_edd-tools .inside input[type="submit"],
.download_page_edd-settings .inside input[type="button"],
.download_page_edd-reports .inside input[type="text"],
.download_page_edd-reports .inside select,
.download_page_edd-reports .inside input[type="submit"],
.download_page_edd-reports .inside .button {
width: 100%;
}
#edd-add-discount select[multiple],
#edd-edit-discount select[multiple],
.download_page_edd-tools select[multiple] {
height: 200px !important;
}
.download_page_edd-settings input[type="checkbox"] {
margin: 2px 0;
}
.post-type-download input[type="checkbox"] {
margin-left: 2px;
}
}
/* System Info page styles
-------------------------------------------------------------- */
.inside .edd-tools-textarea {
background: #32373c;
color: rgba(240, 245, 250, 0.7);
font-size: 12px;
font-family: Menlo, Monaco, monospace;
display: block;
overflow: auto;
white-space: pre;
width: 100%;
height: 450px;
padding: 10px;
outline: none;
}
#system-info-textarea::selection {
background: #555;
color: #fff;
}
#edd-system-info .edd-inline-button {
margin-left: 5px;
}
/* Tools Styles
-------------------------------------------------------------- */
.recount-stats-controls form {
display: inline;
}
.edd-recount-stats-descriptions span {
display: none;
line-height: 24px;
}
#edd-debug-log .edd-inline-button {
margin-left: 5px;
}
/* Tools Styles
-------------------------------------------------------------- */
.edd-vertical-sections {
overflow: visible;
display: block;
display: flex;
}
#edd-item-tab-wrapper,
/** [1] */
.edd-vertical-sections .section-nav {
position: relative;
width: 20%;
line-height: 1em;
margin: 0 -1px 0 0;
padding: 0;
background-color: #f5f5f5;
border-right: 1px solid #e5e5e5;
box-sizing: border-box;
max-width: 200px;
}
#edd-item-tab-wrapper-list {
/** [1] */
margin: 0;
}
#edd-item-tab-wrapper li,
/** [1] */
.edd-vertical-sections .section-nav li {
display: block;
position: relative;
margin: 0;
padding: 0;
background-color: #fcfcfc;
}
.edd-vertical-sections .section-title:last-of-type {
margin-bottom: 24px;
}
#edd-item-tab-wrapper li a,
/** [1] */
#edd-item-tab-wrapper li>.edd-item-tab-label-wrap,
/** [1] */
.edd-vertical-sections .section-nav li a {
display: flex;
margin: 0;
padding: 9px;
text-decoration: none;
border-bottom: 1px solid #e5e5e5;
box-shadow: none;
position: relative;
align-items: center;
}
#edd-item-tab-wrapper li a:focus,
#edd-item-tab-wrapper li a:hover,
.edd-vertical-sections .section-nav li a:hover,
.edd-vertical-sections .section-nav li a:focus {
box-shadow: inset 5px 0;
outline: 0;
transition: all .25s;
}
.edd-vertical-sections .section-nav .section-title--is-active a:after {
content: '';
width: 1px;
height: 100%;
background: #fff;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
}
#edd-item-tab-wrapper li>.edd-item-tab-label-wrap {
/** [1] */
background-color: #fff;
}
.edd-vertical-sections .section-nav li a>.dashicons,
.edd-vertical-sections .section-nav li a>span {
display: inline-block;
}
.edd-vertical-sections .section-nav li a>span {
max-width: 76%;
}
.edd-vertical-sections .section-nav li a .dashicons {
line-height: 20px;
margin-right: 3px;
color: #888;
}
.edd-vertical-sections .section-nav .section-title--is-active a {
font-weight: bold;
color: #555;
background-color: #fff;
border-right: none;
margin-right: -1px;
}
.edd-vertical-sections.use-js .section-content,
.no-js .edd-vertical-sections.use-js .section-nav,
.no-js .edd-vertical-sections.use-js.edd-item-header-small {
display: none;
}
.no-js .edd-vertical-sections.use-js .section-content {
display: block;
}
/* Fresh */
.admin-color-fresh .edd-vertical-sections .section-nav li a:hover,
.admin-color-fresh .edd-vertical-sections .section-nav li a:focus,
.admin-color-fresh .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #0073aa;
}
/* Blue */
.admin-color-blue .edd-vertical-sections .section-nav li a:hover,
.admin-color-blue .edd-vertical-sections .section-nav li a:focus,
.admin-color-blue .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #096484;
}
/* Coffee */
.admin-color-coffee .edd-vertical-sections .section-nav li a:hover,
.admin-color-coffee .edd-vertical-sections .section-nav li a:focus,
.admin-color-coffee .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #c7a589;
}
/* Ectoplasm */
.admin-color-ectoplasm .edd-vertical-sections .section-nav li a:hover,
.admin-color-ectoplasm .edd-vertical-sections .section-nav li a:focus,
.admin-color-ectoplasm .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #a3b745;
}
/* Midnight */
.admin-color-midnight .edd-vertical-sections .section-nav li a:hover,
.admin-color-midnight .edd-vertical-sections .section-nav li a:focus,
.admin-color-midnight .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #e14d43;
}
/* Ocean */
.admin-color-ocean .edd-vertical-sections .section-nav li a:hover,
.admin-color-ocean .edd-vertical-sections .section-nav li a:focus,
.admin-color-ocean .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #627c83;
}
/* Sunrise */
.admin-color-sunrise .edd-vertical-sections .section-nav li a:hover,
.admin-color-sunrise .edd-vertical-sections .section-nav li a:focus,
.admin-color-sunrise .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #be3631;
}
/* Light */
.admin-color-light .edd-vertical-sections .section-nav li a:hover,
.admin-color-light .edd-vertical-sections .section-nav li a:focus,
.admin-color-light .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #888;
}
/* bbPress Color Schemes */
/* Evergreen */
.admin-color-evergreen .edd-vertical-sections .section-nav li a:hover,
.admin-color-evergreen .edd-vertical-sections .section-nav li a:focus,
.admin-color-evergreen .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #36533f;
}
/* Mint */
.admin-color-mint .edd-vertical-sections .section-nav li a:hover,
.admin-color-mint .edd-vertical-sections .section-nav li a:focus,
.admin-color-mint .edd-vertical-sections .section-nav .section-title--is-active a {
box-shadow: inset 5px 0 #4f6d59;
}
.edd-vertical-sections .section-nav .section-title--is-active .dashicons {
color: #555;
}
@media only screen and (max-width: 782px) {
#edd-item-tab-wrapper,
/** [1] */
.edd-vertical-sections .section-nav {
width: 48px;
}
.edd-vertical-sections .section-nav li a {
justify-content: center;
}
.edd-vertical-sections .section-nav li a .dashicons {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
margin: 0;
}
.section-nav li .dashicons::before {
width: 24px;
height: 24px;
}
#edd-item-tab-wrapper .edd-item-tab-label,
/** [1] */
.section-nav li .label {
overflow: hidden;
position: absolute;
top: -1000em;
left: -1000em;
width: 1px;
height: 1px;
}
}
/* Content wrapper */
#edd-item-card-wrapper,
/** [1] */
.edd-vertical-sections .section-wrap {
width: 80%;
}
#edd-item-card-wrapper .item-section {
/** [1] */
background: #fff;
overflow: hidden;
box-sizing: border-box;
}
*:not(#edd-item-tab-wrapper)+#edd-item-card-wrapper .item-section {
/** [1] */
margin: 25px 0;
padding: 20px;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
#edd-item-tab-wrapper+#edd-item-card-wrapper {
/** [1] */
padding: 20px;
border-left: 1px solid #e5e5e5;
box-sizing: border-box;
}
@media only screen and (min-width: 1200px) {
#edd-item-card-wrapper,
/** [1] */
#edd-graphs-filter,
.edd-vertical-sections:not(.meta-box) .section-wrap {
width: calc(100% - 200px);
}
}
@media only screen and (max-width: 782px) {
#edd-item-card-wrapper,
/** [1] */
#edd-graphs-filter,
.edd-vertical-sections .section-wrap {
width: calc(100% - 48px);
}
}
#edd-debug-log .edd-inline-button {
margin-left: 5px;
}
/* Promotional element styles
-------------------------------------------------------------- */
/* Settings sidebar */
.edd-settings-sidebar {
padding-top: 27px;
}
.edd-settings-sidebar-content {
background-color: #fff;
text-align: center;
border: 1px solid #ddd;
box-sizing: border-box;
max-width: 300px;
}
.edd-settings-sidebar-content p {
font-size: 14px;
line-height: 1.5;
margin-top: 0;
}
/* Settings sidebar header section */
.edd-sidebar-header-section {
background-color: #35495c;
line-height: 1;
padding: 26px 20px 24px;
border-bottom: 3px dashed #fafafa;
}
/* Settings sidebar description section */
.edd-sidebar-description-section {
background-color: #fafafa;
padding: 16px 20px;
border-bottom: 1px solid #ddd;
}
.edd-sidebar-description-section .edd-sidebar-description {
margin: 0;
}
/* Settings sidebar coupon section */
.edd-sidebar-coupon-section {
font-size: 14px;
padding: 16px 20px;
}
.edd-sidebar-coupon-section label {
display: block;
line-height: 1.4;
margin-bottom: 6px;
}
.edd-sidebar-coupon-section label strong {
color: #253b51;
font-weight: 700;
}
.edd-sidebar-coupon-section input {
background: #f4f7fa;
font-size: 22px;
font-weight: 600;
text-align: center;
padding: 10px;
border: 2px dashed #2794da;
border-radius: 4px;
margin-bottom: 16px;
box-shadow: none;
width: 100%;
}
.edd-sidebar-coupon-section input:focus {
border: 2px dashed #2794da;
box-shadow: none;
}
.edd-settings-sidebar-content .edd-coupon-note {
color: #6c7883;
font-size: 13px;
font-style: italic;
margin: 0;
}
.edd-settings-sidebar-content .edd-coupon-note a {
color: #253b51;
}
.edd-settings-sidebar-content .edd-coupon-note a:hover {
text-decoration: none;
}
/* Settings sidebar footer section */
.edd-sidebar-footer-section {
background-color: #fafafa;
padding: 16px 20px;
border-top: 1px solid #ddd;
}
.edd-sidebar-footer-section .edd-cta-button {
display: block;
background-color: #2794da;
color: #fff;
text-decoration: none;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 17px 10px;
border: none;
border-radius: 4px;
width: 100%;
box-sizing: border-box;
box-shadow: none;
transition: background-color .2s;
}
.edd-sidebar-footer-section .edd-cta-button:hover {
background-color: #2386c5;
}
/* Settings sidebar responsive behavior */
@media all and (min-width: 1080px) {
.edd-has-sidebar .edd-settings-content {
float: left;
width: 67%;
}
.edd-has-sidebar .edd-settings-sidebar {
float: right;
width: 31%;
}
}
@media all and (min-width: 1240px) {
.edd-has-sidebar .edd-settings-content {
width: 74%;
}
.edd-has-sidebar .edd-settings-sidebar {
width: 23%;
}
}
/* Settings - Move sidebar below content only on Taxes tab */
.taxes-tab .edd-has-sidebar .edd-settings-content,
.taxes-tab .edd-has-sidebar .edd-settings-sidebar {
float: none;
width: 100%;
}
/* Extensions (add-ons) page promotional element */
.bfcm-promo-img-container {
background-color: #35495c;
width: 100%;
height: 160px;
}
.bfcm-code {
color: #2794da;
font-weight: 700;
}
.sale-ends {
position: absolute;
bottom: 9px;
right: 14px;
display: inline-block;
color: #6c7883;
font-size: 12px;
text-align: right;
font-style: italic;
width: 150px;
}