/**
 * Admin YITH WooCommerce Wishlist CSS
 *
 * @author Your Inspiration Themes
 * @package YITH WooCommerce Wishlist
 * @version 3.0.0
 */

/**
 * Index:
 *
 * 1. POPULAR TAB
 * 2. ALL WISHLISTS TAB
 * 3. GENERAL PLUGIN FW PANEL
 * 4. PROMOTION WIZARD
 */

/* === 1. POPULAR TAB === */

#popular-filter .wp-list-table td.column-name img{
    max-width: 40px;
    height: auto;
    float: left;
}

#popular-filter .wp-list-table td.column-name .product-details{
    padding-left: 60px;
}

#popular-filter .wp-list-table th.column-name,
#popular-filter .wp-list-table td.column-name {
    width: 25%!important;
}

#popular-filter .wp-list-table th.column-thumb,
#popular-filter .wp-list-table td.column-thumb {
    width: 5%!important;
}

#popular-filter .wp-list-table th.column-actions,
#popular-filter .wp-list-table td.column-actions {
    width: 10%!important;
    text-align: right;
}

#popular-filter .wp-list-table tr td.column-actions .yith-plugin-fw__action-button {
    opacity: 0;
    transition: .3s;
}

#popular-filter .wp-list-table tr:hover td.column-actions .yith-plugin-fw__action-button {
    opacity: 1;
}

/* === 2. ALL WISHLISTS TAB === */

#wishlist-filter .wp-list-table td.column-username img{
    float: left;
}

#wishlist-filter .wp-list-table td.column-username .customer-details{
    padding-left: 60px;
}

/* === 3. GENERAL PLUGIN FW PANEL === */

.yith-plugin-ui #plugin-fw-wc .option-icon{
    margin-right: 5px;
}

.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_shop_page_settings-description p,
.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_yith_wfbt-description p,
.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_additional_fields_settings-description p{
    background: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_shop_page_settings-description p:before,
.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_yith_wfbt-description p:before,
.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_additional_fields_settings-description p:before{
    content: '';
}

/* === 4. PROMOTION WIZARD === */

.yith-wcwl-wizard-modal .wc-backbone-modal-main{
    padding-bottom: 0;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main .wc-backbone-modal-header{
    border-bottom: none;
    padding: 0;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main .wc-backbone-modal-header .modal-close-link{
    border-left: none;
    z-index: 1;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article{
    padding: 0;
    max-height: calc(100vh - 40px)!important;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article h2{
    font-size: 1.5em;
    margin: 0.8em 0 2em;

    color: #007694;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article h4{
    color: #007694;
    margin: 1.33em 0;
    font-size: 1em;
    font-weight: 600;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article p.description{
    font-weight: 600;
    font-style: normal;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article p.placeholders{
    font-size: .9em;
    margin-top: 1.33em;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article code{
    background: none;
    padding: 0;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article small{
    font-size: .9em;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article b.alert{
    color: #a20000;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .form-row{
    margin-top: 1.5em;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article label{
    color: #00a79c;
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 20px;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs{
    display: inline-block;
    margin: 0;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li{
    display: inline-block;
    margin-bottom: 0;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li a{
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 1.1em;
    color: #404040;
    font-weight: 600;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li a.active {
    position: relative;
    background: #fff;
    box-shadow: 0 0 25px -4px rgba(68,138,133,.4);
    z-index: 1;
    color: #00a79c;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li a:hover{
    color: #00a79c;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab,
.yith-wcwl-wizard-modal .wc-backbone-modal-main article .form-row{
    padding: 20px;

    position: relative;

    -webkit-box-shadow: 0px 0px 25px -4px rgba(68,138,133,0.4);
    -moz-box-shadow: 0px 0px 25px -4px rgba(68,138,133,0.4);
    box-shadow: 0px 0px 25px -4px rgba(68,138,133,0.4);
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab:before {
    content: '';
    display: block;
    background: #ffffff;
    left: 0;
    right: 0;
    height: 20px;
    position: absolute;
    top: -1px;
    z-index: 1;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab:not(.active){
    display: none;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab > textarea{
    width: 100%;
    margin-top: 30px;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .col{
    padding: 20px 30px;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1{
    display: flex;
    width: 100%;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 > .col{
    flex: 1;
    width: 600px;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 > .col-dx {
    background-color: #f2f2f2;
    position: relative;
    padding-bottom: 80px;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 #content_html{
    width: 100%;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 #content_html_tab .wp-switch-editor {
    box-sizing: initial;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview{
    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 30px 0;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview.html td > table {
    width: 100%!important;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview.plain{
    padding: 0 20px;
    background: #fff;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview .no-interactions{
    pointer-events: none;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview #wrapper{
    padding: 0!important;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview #wrapper > table{
    width: 100%!important;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions{
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    line-height: 40px;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions .save-promotion-draft,
.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions a.back-button{
    color: #007694;
    font-weight: 700;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions .save-promotion-draft{
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions a.continue-button {
    float: right;
    background-color: #007694;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    line-height: 26px;
    height: auto;
    padding: 5px 20px;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions a.continue-button:hover{
    background-color: #375f6b;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2{
    max-width: 500px;
    min-height: 400px;
    position: relative;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 h2{
    margin-top: 2em;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 p{
    font-weight: 600;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 #main_submit_button{
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    width: calc(100% - 60px);
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: middle;
    line-height: 30px;
    height: auto;
}

.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 #main_submit_button i{
    vertical-align: middle;
    margin-right: 5px;
    font-size: 22px;
}