/*.rwd-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0 0;
    min-width: 300px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 5px #ccc;
    -moz-box-shadow: 0 2px 5px #ccc;
    box-shadow: 0 2px 5px #ccc;
}

    .rwd-table th {
        color: #fff;
        background: #999;
    }

    .rwd-table th, .rwd-table td {
        padding: 1em;
        text-align: left;
    }*/

.recFriendSummary span.order-number-col {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.friends-table-box {
    background: #f7f7f7;
    padding-bottom: 30px;
}

.friends-image-box {
    background-color: #f7f7f7;
    padding: 20px 0;
    /*margin-bottom: 30px;*/
    height: auto;
    background: -webkit-linear-gradient(#f2f2f2, #ccc);
    background: -o-linear-gradient(#f2f2f2, #ccc);
    background: -moz-linear-gradient(#f2f2f2, #ccc);
    background: linear-gradient(#f2f2f2, #ccc);
}

    .friends-image-box h1 {
        margin: 0px 0px 20px 0px;
    }

    .friends-image-box img {
        width: 80%;
        height: auto;
    }

.recomend-friend-page .hide {
    display: none !important;
}

/*.recomend-friend-page.friends-activity {
    padding: 35px 45px;
    background: #f7f7f7;
}*/

.recomend-friend-page .login-buttons h3 {
    margin-bottom: 25px;
}

.recomend-friend-page.friends-activity {
    padding-top: 0px;
}

    .recomend-friend-page.friends-activity h2 {
        padding-top: 30px;
        margin-top: 0px;
    }

.page-body-box {
    padding-top: 40px;
}

.friends-activity-help {
    display: block;
}

.recomend-friend-page .cp-button-box {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.recomend-friend-page .cp-button-box .or-separator {
    margin-left: 15px;
}

#rec-friend-fb.cpi-social-facebook:before,
#rec-friend-twitter.cpi-social-twitter:before {
    margin-right: 0.5em;
    font-size: 1.5em;
    vertical-align: middle;
}

.rec-friend-button-secion {
    margin-bottom: 30px;
}

    .rec-friend-button-secion .cp-button {
        margin-top: 15px;
    }


    .rec-friend-button-secion h3 {
        border-bottom: solid 1px #969292;
        margin-bottom: 15px;
    }

.recomend-friend-page.content-header h1, .recomend-friend-page .page-body-box p, .recomend-friend-page .vip-pass label {
    color: #333333;
}

.recomend-friend-page.content-header h1 {
    text-transform: uppercase;
    font-size: 2.39em;
    line-height: 1.3;
}

    .recomend-friend-page.content-header h1 span {
        color: #cc0000;
    }



.recomend-friend-page.content-header h2 {
    color: #cc0000;
    font-size: 1.3em;
    font-weight: bold;
}

#img-friends {
    max-width: 416px;
    width: 100%;
    margin: 25px auto;
    height: auto;
    border: 0;
}

.recFriendSummary .row.error .action-col .delete {
    opacity: 0;
}

.recFriendSummary .row .action-col .vip-pass-error {
    opacity: 0;
}

.recFriendSummary .row.error .action-col .vip-pass-error {
    opacity: 1;
}

@media (min-width:768px) {
    .recomend-friend-page .form-box-side,
    .recomend-friend-page .form-box.two-col {
        width: 48%;
    }
}

.recomend-friend-page.content-header .form-box-side {
    text-align: center;
}

.recomend-friend-page .form-box-side {
    min-width: 0px;
}

#img-friends {
    max-width: 416px;
    width: 100%;
    margin: 25px auto;
    height: auto;
    border: 0;
}

.recomend-friend-page.content-header .form-box-side,
.recomend-friend-page .page-body-box .form-box-side {
    float: right;
}

.recomend-friend-page textarea.cp-control {
    height: auto;
    padding: 10px;
}

.recomend-friend-page #your-name {
    padding: 10px;
}

.vip-pass .featured-link {
    text-decoration: none;
}

    .vip-pass .featured-link:hover {
        text-decoration: underline;
    }

.vip-pass #error-message {
    display: none;
}

.recFriendSummary div.row.error {
    background: rgba(251, 229, 229, 1);
    font-weight: bold;
    color: rgba(169, 68, 66, 1);
}

    .recFriendSummary div.row.error span.error {
        color: rgba(169, 68, 66, 1);
    }

.recFriendSummary div.row .action .resend,
.recFriendSummary div.row .action .delete {
    display: none;
    -moz-transition: color 0.5s ease 0s;
    -o-transition: color 0.5s ease 0s;
    -webkit-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}

    .recFriendSummary div.row .action .resend:hover {
        color: #FFCB00;
    }

    .recFriendSummary div.row .action .delete:hover {
        color: #cc0000;
    }

.recFriendSummary div.row[data-status="1"] .action .delete,
.recFriendSummary div.row[data-status="2"] .action .delete,
.recFriendSummary div.row[data-status="9"] .action .delete,
.recFriendSummary div.row[data-status="10"] .action .delete,
.recFriendSummary div.row[data-status="1"] .action .resend,
.recFriendSummary div.row[data-status="9"] .action .resend {
    display: inline;
}

.recFriendSummary div.row.sent {
    background: lightgreen;
    color: green;
    font-weight: bold;
}

/*.recFriendSummary div.row.sent span.error,
    .recFriendSummary div.row.error span.sent {
        display: none;
    }*/

.recFriendSummary .action span {
    margin: 3px;
    margin-left: 2px;
    font-size: 16px;
    cursor: pointer;
}

.recFriendSummary span span.error {
    color: red;
}

.friends-activity #message {
    display: none;
}

.friends-activity .cp-button-box {
    padding: 0;
    padding-top: 25px;
    height: 15px;
    background: #ffffff;
}

.recomend-friend-page.content-header .cp-button-box {
    padding: 0;
}

.recomend-friend-page a.help-pop:hover {
    text-decoration: none;
    color: #666;
}


.recomend-friend-page .arrow-next {
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    border-top: 5px solid transparent;
}

.recomend-friend-page #friends-email {
    height: 50px;
    line-height: 1.6em;
    font-size: 1.1em;
    overflow: hidden;
}

@media (min-width: 768px) {
    /*.rwd-table th, .rwd-table td {
        padding: 1em !important;
    }*/

    .friends-activity-help {
        display: none;
    }
}

@media (max-width: 480px) {
    .recomend-friend-page {
        padding: 15px;
    }
}