/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_Affiliate
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

/* ============ Affiliate Stylesheets with Hyvä theme ============ */

.block-collapsible-nav li strong {
    font-weight: 400;
    text-decoration-line: underline;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.block-collapsible-nav li a, .account-nav li strong {
    display: flex;
    justify-content: space-between;
    padding-top: .25rem;
    padding-bottom: .25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

#affiliate-withdraws-history,
#affiliate-traffic-statistics,
#affiliate-campaigns,
.affiliate-campaigns-list table{
    width: 100%;
}
#affiliate-withdraws-history thead tr th,
#affiliate-traffic-statistics thead tr th,
#affiliate-campaigns thead tr th{
    padding: 8px;
}
#affiliate-withdraws-history tbody tr td,
#affiliate-traffic-statistics tbody tr td,
#affiliate-campaigns tbody tr td{
    text-align: center;
    padding: 8px;
}

#affiliate-withdraws-history tbody tr:nth-child(odd),
#affiliate-traffic-statistics tbody tr:nth-child(odd),
#affiliate-campaigns tbody tr:nth-child(odd){
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.terms_condition_textarea h3{
    font-size: 1.125rem;
    font-weight: bold;
    margin: 16px 0 8px
}

form#form-validate .fieldset.request .label{
    margin: 16px 0 8px;
}

form#form-validate input,
form#form-validate select,
form#form-validate textarea{
    width: 50%;
}

.copy_referral_link {
    position: absolute; bottom: 45px; right: 0
}

.box_left {
    width: 48%;
}

.box_right {
    width: 48%;
}

.box_wrapper {
    display: flex;
    justify-content: space-between;
}


#refer_code[disabled]:not([value=""]):hover {
    cursor: not-allowed;
}

.box-affiliate .field > .label {
    margin: 25px 0 5px 0 !important;
}

.field.required > .label:after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 5px;
}

.field > .label {
    font-weight: 600;
    display: block;
    margin: 15px 0;
}

.control #refer_subject,
.control #refer_content,
.control #recipient_list {
    width: 100%;
}

#reports_sales .pager .toolbar-amount, #reports_withdraw .pager .toolbar-amount  {
    display: none;
}
#reports_sales .pager, #reports_withdraw .pager {
    margin-top: 20px;
}
#reports_sales .pages .items, #reports_withdraw .pages .items  {
    float: left;
}
#reports_sales .pages strong.page,  #reports_withdraw .pages strong.page {
    padding: 1px 13px
}

@media only screen and (min-width: 1024px) {
    .modal-slide.slide-withdraw-view { left: calc(100% - 1000px); }
}
@media only screen and (max-width: 1024px) {
    #affiliate-withdraws-history,
    #affiliate-traffic-statistics,
    #affiliate-campaigns{
        display: block;
        overflow: auto;
    }
    #affiliate-withdraws-history .col.requested_at,
    #affiliate-withdraws-history .col.payment_method{
        min-width: 220px;
    }
    #affiliate-withdraws-history .col.amount,
    #affiliate-withdraws-history .col.fee,
    #affiliate-withdraws-history .col.status,
    #affiliate-withdraws-history .col.action{
        min-width: 120px;
    }
    #affiliate-withdraws-history .wrap_box_infor_withdraw{
        float: unset !important;
    }
}
@media only screen and (max-width: 768px) {
    #affiliate-withdraws-history .sidebar,
    .more-detail-popup {
        width: 80% !important;
    }
    form#form-validate input,
    form#form-validate select,
    form#form-validate textarea{
        width: 100%;
    }

    .copy_referral_link {
        bottom: 15px;
    }

    .box_left {
        width: 100%;
        margin-bottom: 25px;
    }

    .box_right {
        width: 100%;
    }

    .box_wrapper {
        display: block;
    }
}