div#affwp-affiliate-dashboard,
form#affwp-login-form,
form#affwp-register-form {
    padding: 100px 0 0;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
    border-radius: 25px;
    background: #F8F8F8;
    padding: 0 !important;
    border: 1px solid #F8F8F8;
    margin-right: 20px !important;
    transition: var(--tran-all);
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a {
    color: #898989;
    line-height: 1.2;
    padding: 15px 20px;
    display: block;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li:hover {border-color: #ddd;}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active {
    font-weight: inherit !important;
    background: var(--clr-pri);
    border-color: var(--clr-pri);
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active a {
    color: #fff;
}

.affwp-card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    border-radius: 10px;
}

.affwp-affiliate-link__input, .affwp-form input,
select#affwp-graphs-date-options,
.affwp-form input[type=text], 
.affwp-form input[type=password], 
.affwp-form input[type=email], 
.affwp-form input[type=url], 
.affwp-form textarea {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
    height: 50px;
    font-size: 16px;
    color: #898989 !important;
    transition: var(--tran-all);
}
.affwp-affiliate-link__input, .affwp-form input:focus,
select#affwp-graphs-date-options:focus,
.affwp-form input[type=text]:focus, 
.affwp-form input[type=password]:focus, 
.affwp-form input[type=email]:focus, 
.affwp-form input[type=url]:focus, 
.affwp-form textarea:focus {
    border-color: var(--clr-pri);
}


button.affwp-affiliate-link-copy-link.button, 
input#affwp-generator-submit-btn,
form#affwp-graphs-filter input#submit,
.affwp-form input[type=submit]{
    border: 2px solid var(--clr-pri);
    border-radius: 10px;
    padding: 10px 15px;
    background-color: var(--clr-pri);
    color: #fff !important;
    background: linear-gradient(-90deg, rgba(255, 162, 10, 1) 0, rgba(253, 75, 15, 1) 100%);
    background: var(--clr-pri);
    font-size: 16px;
    height: 50px;
    transition: var(--tran-all);
    font-weight: 500;
}
button.affwp-affiliate-link-copy-link.button:hover, 
input#affwp-generator-submit-btn:hover,
form#affwp-graphs-filter input#submit:hover,
.affwp-form input[type=submit]:hover {
    border-color: var(--clr-pri);
    color: var(--clr-pri) !important;
    background: transparent;
}

a#affwp-generator-toggle-campaign,
.affwp-lost-password a {
    color: var(--clr-pri);
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
    margin-bottom: 50px !important;
}

.affwp-form label {
    margin-bottom: 15px;
    font-size: 16px !important;
    line-height: 1;
}



div#affwp-affiliate-dashboard table.affwp-table td, table.affwp-table th {
    border: 1px solid #ddd;
}

div#affwp-affiliate-dashboard table.affwp-table th {
    font-weight: 400;
    background: var(--Primary, #314252);
    color: #fff;
    border-color: #fff;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: 600;
}

div#affwp-affiliate-dashboard table.affwp-table td {
    font-size: 16px;
    padding: 8px 15px;
    color: #898989;
}
.affwp-tab-content h4,
.affwp-form legend {
    font-size: 1.75rem !important;
    margin-bottom: 30px !important;
    font-weight: 600;
}

.affwp-send-notifications-wrap input[type=checkbox],
.affwp-form input[type=checkbox] {
    height: 15px;
}
.affwp-send-notifications-wrap label {
    margin-bottom: 0;
}

.affwp-send-notifications-wrap, label.affwp-user-remember {
    display: flex;
    align-items: center;
    gap: 10px;
}

form#affwp-register-form,
form#affwp-login-form {
    max-width: 550px;
    margin: 130px auto 30px !important;
    padding: 52px 35px 15px;
    box-shadow: 0 0 50px rgba(40, 36, 54, .05);
    display: block;
}

form#affwp-register-form  legend,
form#affwp-login-form legend {
    text-align: center;
}

form#affwp-register-form fieldset input[type=submit],
form#affwp-login-form fieldset input[type=submit] {
        width: 100%;
}