Custom CSS for WooCommerce Account Page Built in Cornerstone

WooCommerceaccountpagestyle.css

/*
No need for style tags here;
simply get started by writing
CSS! Watch as your changes
are reflected live in the
preview area. Have fun!
*/
.woocommerce-MyAccount-navigation-link a {
margin: 5px 5px 0 0;
padding: 15px;
font-size: 14px;
}
.woocommerce-MyAccount-navigation-link.is-active a:before {
background-color: #cdcdcd;
opacity:0.25;
}
.woocommerce-account .button {
font-size: 90%;
margin-right: 5px;
border-radius: 0px;
padding: 5px 10px;
background-color: #1f89e5;
border: 0px;
}
.woocommerce-MyAccount-navigation-link {
width:190px;
}
.woocommerce-MyAccount-navigation-link:before{
font-family: FontAwesome;
margin:5px 5px 0px 0px;
float:left;
padding: 5px 10px;
font-size:20px;
background-color:#f5f5f5;
border-right:1px solid #cdcdcd;
}
.woocommerce-MyAccount-navigation-link--dashboard:before{
content:"\f0e4";
z-index:10;
}
.woocommerce-MyAccount-navigation-link--orders:before{
content:"\f07a";
}
.woocommerce-MyAccount-navigation-link--downloads:before{
content:"\f019";
}
.woocommerce-MyAccount-navigation-link--edit-address:before{
content:"\f07a";
}
.woocommerce-MyAccount-navigation-link--payment-methods:before{
content:"\f283";
}
.woocommerce-MyAccount-navigation-link--edit-account:before{
content:"\f007";
}
.woocommerce-MyAccount-navigation-link--appointments:before{
content:"\f073";
}
.woocommerce-MyAccount-navigation-link--customer-logout:before{
content:"\f08b";
}