/* styling of the my-account-page */
.woocommerce-refer-a-friend-program-navigation ul li.woocommerce-refer-a-friend-program-navigation-link--orders a::before{
    content: "\f307";
}

.rate_a_friend_awarded_coupon_valid--wrapper {
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 1.5em 0 1em 0;
    color: #000;
}

.rate_a_friend_awarded_coupon_valid--wrapper:first-of-type {
    border-top: 1px solid #ddd;
}

.rate_a_friend_awarded_coupon_valid--code {
    width: 50%!important;
    margin-bottom: 0!important;
    margin-left: 1em!important;
    /* margin-right: 1em!important; */
    outline: none!important;
    border: 0!important;
}

.rate_a_friend_awarded_coupon_valid--addtocart{
    float: right;
    margin-top: 1em;
    /* margin-top: 12px; */
}

.rate_a_friend_awarded_coupon_valid--valid_until{
    margin-left: 4em;
    padding-left: 1%;
}
.rate_a_friend_awarded_coupon_valid--description{
    padding-left:6%;
}

/*
 Use these querys only for the container and the cols globally. 
 More Media Queries is done in the mobile_style.css
*/


@media (max-width: 768px) {

}

@media (min-width: 768px) {

  
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}