@import 'common.less';

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.button-primary.next-to-secondary {
    margin-left: 30px;
}

/* Sidebar */
.pdl-admin-content.with-sidebar {
    margin-top: 20px;
    /*float: left;*/
    /*width: 80%;*/
    /*margin-right: 300px;*/
    clear: left;
    float: left;
    width: 78%;
}

.pdl-admin .sidebar {
    margin-top: 20px;
    float: right;
    clear: right;
    width: 20%;
}

.pdl-admin .sidebar .postbox {
    min-width: 0 !important;
}

.pdl-admin .sidebar .premium-modules h3 span {
    color: #145200;
    font-weight: bold;
}

.pdl-admin .sidebar .premium-modules  {
    border-color: #0EAD00;
    border-width: 3px;
    background: #FFFFCF;
}

.pdl-admin .premium-modules .tag {
    font-size: 8px !important;
}

.pdl-admin .premium-modules .tag.new {
    background: #00A000;
    color: #fff;
}

.pdl-admin .premium-modules .tag.best-deal {
}

.wp-list-table tr.pdl-item-message-tr {
}

.wp-list-table tr.pdl-item-message-tr td {
    padding-top: 0;
}

.wp-list-table tr.pdl-item-message-tr td div {
    margin: 0 15px;
    padding: 6px 12px 8px 12px;
    background-color: #fef7f1;
    font-size: 12px;
}

@import 'admin-fees.less';
@import 'admin-settings.less';

/* Directory list-table */
td.column-payment_status .status, td.column-sticky_status .status {
    background: #444;
    border-radius: 2px;
    padding: 2px 5px;
    color: #fff;
    font-size: 90%;
}

td.column-payment_status .status.ok {
    background: green;
}

td.column-payment_status .paymentdata {
    font-size: 85%;
}

td.column-payment_status .paymentdata b {
    font-weight: normal;
}

td.column-payment_status .paymentdata span {
    font-style: italic;
}

td.column-sticky_status .status.notpaid {
    background: orange;
}

td.column-sticky_status .status.pending {
    background: red;
    font-weight: bold;
}

td.column-sticky_status .status.sticky {
    background: green;
}

/* Form fields list table */
table.wp-list-table td .tag {
    background: #444;
    border-radius: 2px;
    padding: 2px 5px;
    color: #fff;
    font-size: 90%;
    margin-right: 2px;
    display: inline-block;
}

table.wp-list-table.formfields th.column-label {
    width: 40%;
}

table.wp-list-table.formfields th.column-tags, table.wp-list-table.formfields td.column-tags {
    width: 200px;
}

table.wp-list-table.formfields th.column-order, table.wp-list-table.formfields td.column-order  {
    width: 55px;
}

table.wp-list-table.formfields td.column-order .pdl-drag-handle {
    visibility: hidden;
}

/*table.wp-list-table.formfields tbody tr:hover {
    cursor: move;
}*/

table.wp-list-table.formfields tr:hover .pdl-drag-handle {
    visibility: visible;
}

table.wp-list-table.formfields .tag.private {
    background: red;
}

table.wp-list-table.formfields .tag.required {
    background: orange;
}

table.wp-list-table.formfields .tag.in-excerpt {
    background: green;
}

table.wp-list-table.formfields .tag.in-listing {
    background: green;
}

table.wp-list-table.formfields tr.pdl-draggable-highlight {
    height: 54px;
}

table.wp-list-table.formfields tr.ui-sortable-helper {
    background: #fff;
    border: 1px dashed #c1c1c1;
}

#pdl-admin-page-field-form .iframe-confirm {
    display: none;
}

#pdl-admin-page-field-form .iframe-confirm p {
    font-size: 90%;
}

#pdl-admin-page-field-form .pdl-setting-description {
    color: #666;
    font-style: italic;
    display: block;
}

.pdl-form-field.image .preview {
    float: none;
}

/* Debug info */
table.pdl-debug-section {
    width: 90%;
}

table.pdl-debug-section tbody tr {
    background: #efefef;
}

table.pdl-debug-section tbody tr td {
    padding: 3px 8px;
}

table.pdl-debug-section tbody tr:nth-child(2n) {
    background: #f5f5f5;
}

#pdl-admin-debug-info-page textarea.test-ssl-results {
    display: block;
    width: 90%;
    font-family: monospace;
    font-size: 11px;
    height: 100px;
}

/* Transactions admin */
.pdl-page-admin-transactions .tag {
    font-size: 95%;
}

.pdl-page-admin-transactions .tag.approved {
    background: green;
}

.pdl-page-admin-transactions .tag.pending {
    background: red;
}

.pdl-page-admin-transactions .tag.rejected {
}

.pdl-page-admin-transactions .column-actions a.delete {
    color: #bc0b0b;
}

.pdl-page-admin-transactions tr.more-details-row {
    background: #fff;
}

.pdl-page-admin-transactions tr.more-details-row td {
    padding-left: 40px;
    font-size: 95%;
}

.pdl-page-admin-transactions tr.more-details-row td dl dt {
    font-weight: bold;
}

/*ul.subsubsub li.paid {
    margin-left: 20px;
}*/

body.taxonomy-pdl_category .column-id {
    width: 35px;
}

.transaction-status-container {
    text-align: right;
    padding: 5px;
}

/* -- Progress bar. -- */
.pdl-progress-bar {
}

.pdl-progress-bar .progress-text {
}

.pdl-progress-bar .progress-bar {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.pdl-progress-bar .progress-bar-outer {
    min-width: 200px;
    height: 12px;
    border: solid 1px #3366CC;
    padding: 0;
}

.pdl-progress-bar .progress-bar-inner {
   height: 100%;
    background: #99CCFF;
}

/* -- PDL note messages. */
.pdl-note {
    padding: 5px 10px;
    background: #d7f5ff;
    margin: 5px 0 20px 0;
    border: solid 1px #bad5df;
    border-radius: 4px;
}

.pdl-note p {
    margin: 0;
}

.pdl-note h1, .pdl-note h2, .pdl-note h3, .pdl-note h4 {
    margin: 0 0 8px 0;
}

.pdl-note.error, .pdl-note.warning {
    background-color: #FFEBE8;
    border-color: #C00;
}

.pdl-notice.dismissible {
    position: relative;
}

.tag.paymentstatus {
    text-transform: capitalize;
}

.tag.paymentstatus.ok {
    background: green;
}

.tag.paymentstatus.completed {
    background: green;
}

.tag.paymentstatus.pending,
.tag.paymentstatus.pending-abandonment {
    background: red;
}

/*
 * {{ Listing information metabox.
 */
.pdl-listing-metabox-tab dl {
    margin: 0;
}

/*
 * }}
 */


/* Payment Details. */
.pdl-payment-details {
}

.pdl-payment-details .tag {
    float: right;
}

.pdl-payment-details .details, .pdl-payment-details .invoice, .pdl-payment-details .actions {
    clear: both;
    margin: 20px 0;
}

.pdl-payment-details .details dl dt {
    font-weight: bold;
}

.pdl-payment-details .details dl dd {
}

.pdl-payment-details table.pdl-payment-items-table {
    width: 100%;
}

.pdl-payment-details table.pdl-payment-items-table th {
    text-transform: uppercase;
}

.pdl-payment-details table.pdl-payment-items-table td {
    border-top: 1px solid #bbb;
    padding: 6px 10px 6px 0;
}

.pdl-payment-details .actions a.button-primary {
    color: #fff !important;
}

/* @group Listing fee change. */
.listing-fee-change .fee-selection .fee {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    opacity: 0.85;
}

.listing-fee-change .fee-selection .fee:hover {
    opacity: 1.0;
}

.listing-fee-change .fee-selection .fee .details {
    margin-left: 10px;
}

.listing-fee-change .fee-selection .fee .tag {
    float: right;
}

.listing-fee-change .fee-selection .fee .choose-this {
    float: right;
}
/* @end */

/* {{{ Drag and Drop. */


.pdl-draggable-highlight {
    background: #bbb;
}

/* }}} */

/* {{{ Compatibility check. */

.pdl-module-compat-check .module-info {
    margin-bottom: 3px;
}

.pdl-module-compat-check .module-info .module-version, .pdl-module-compat-check .module-info .module-required {
    color: #666;
}

.pdl-module-compat-check .module-info .module-version {
    margin-left: 15px;
}

.pdl-module-compat-check .module-info .module-version b {
    color: #333;
}

.pdl-module-compat-check .module-info .module-required b {
    color: #900000;
}

/* }}} */

/* {{{ Admin main page. */
#pdl-admin-page-admin {
    .welcome-message  {
        padding: 10px;
        font-size: 105%;
    }

    .welcome-message p {
        font-size: inherit;
    }

    .welcome-message h4 {
        font-size: 120%;
    }

    .welcome-message ul {
        list-style-position: inside;
        list-style-type: disc;
    }

    .shortcuts {
        margin: auto;
    }

    .shortcuts li {
        float: left;
        margin-right: 10px;
    }

    .shortcuts li.clear {
        margin: 0;
    }
}
/* }}} */

/* {{ Uninstall. */
#pdl-admin-page-uninstall {

    .pdl-admin-content {
        box-sizing: border-box;
        margin: 20px 0 0 0;
        padding: 16px;
        background: #fff;
        border-radius: 4px;
    }

    .pdl-validation-error {
        font-size: 80%;
        color: #d64226;
        margin: 0 0 10px 0;
    }
    
    #pdl-uninstall-messages {
        #pdl-uninstall-warning,
        #pdl-uninstall-reinstall-suggestion {
            float: left;
            box-sizing: border-box;

            ul {
                margin-left: 10px;

                li {
                    list-style-type: disc;
                    list-style-position: inside;
                }
            }
        }

        #pdl-uninstall-warning {
            width: 60%;
            padding-right: 20px;
            color: #d64226;

            .pdl-warning-margin {
                float: left;

                .dashicons {
                    width: 30px;
                    height: 30px;
                    font-size: 30px;
                }
            }

            .pdl-warning-content {
                margin-left: 50px;
            }
        }
        
        #pdl-uninstall-reinstall-suggestion {
            width: 40%;
            padding-left: 20px;
            border-left: 1px solid #efefef;
        }
    }

    #pdl-uninstall-capture-form {
        display: none;
    }

    #pdl-uninstall-capture-form .reasons {
        margin-left: 15px;
    }

    #pdl-uninstall-capture-form .reasons .reason {
        margin-bottom: 5px;
    }

    #pdl-uninstall-capture-form .custom-reason {
        display: none;
    }

    #pdl-uninstall-capture-form textarea {
        margin: 10px 0 0 0;
        width: 50%;
        min-height: 100px;

        &.invalid {
            border-color: #d64226;
        }
    }

    #pdl-uninstall-proceed-btn {
        margin-top: 20px;
        color: #d64226;
    }
        

}

/* }} */

#pdl-licensing-issues-warning {
    ul li {
        list-style-position: inside;
        list-style-type: disc;
    }

    span.item-name {
        background: #fff9aa;
        padding: 2px 5px;
        margin: 0 0 0 4px;
        border-radius: 4px;
    }
}

/* {{ Widget config. */
.wp-admin.widgets-php .widget-content span.help {
    color: #666;
}
/* }} */

.pdl-admin-tab-nav {
    float: none;
    margin: 0 0 .5em 0;
}

.pdl-admin-tab-content {
    padding: 5px 0 0 0;
    display: none;
}

.pdl-admin-box {
    label {
        vertical-align: top;
    }
}

a.pdl-admin-delete-link {
    color: #a00;
    text-decoration: none;

    &:hover {
        color: red;
    }
}

@import 'admin-payments.less';

// From core/.
@import 'form-fields.less';
@import 'submit-listing.less';

span.tag {
    .pdl-tag;
}

.pdl-tag, span.tag {
    &.pdl-listing-attr-paid {
        background: green;
    }

    &.pdl-listing-attr-admin-posted {
        background: orange;
    }

    &.pdl-listing-attr-post-status-pending {
        background: blue;
        color: #fff;
    }
    &.pdl-listing-attr-no-fee-plan {
        background: @red;
        color: #fff;
    }
    
    &.pdl-listing-attr-reported {
        background: @red;
        color: #fff;
    }
}

.wp-list-table td .pdl-tag {
    display: inline-block;
}

body.post-type-pdl_listing {

    .wp-list-table {
        .pdl-tag {
            font-size: 10px !important;
            text-transform: none !important;
        }
    }

}

#pdl-listing-form-preview {
    padding: 25px;
    border: solid 1px #ccc;
    background: #fff;
}