@font-face {
    font-family: 'Book';
    src: url('../fonts/f_book.eot');
    src: url('../fonts/f_book.eot') format('embedded-opentype'),
         url('../fonts/f_book.ttf') format('truetype'),
         url('../fonts/f_book.svg#FuturaStdBook') format('svg');
}

body
{
    font-family: 'Book', Arial;
    font-weight: 400;
    font-size: 14px;
}
.footer-link
{
    color: #FFF !important;
    font-size: 14px;
}
.user-container
{
    text-align: center;
}
.login-logo-container
{
    padding-bottom: 15px;
    display: block;
}
.main-content .subscription
{
    padding: 40px 15px;
}
.left-user-info-avatar
{
    position: absolute;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50px;
    border: 2px solid #FFF;
    margin: 31px 0px;
    z-index: 999;
}
.left-user-info-white-block
{
    background-color: #3D4457;
    height: 162px;
    float: right;
    padding-left: 80px;
    padding-top: 24px;
    color: #FFF;
    width: 300px;
    box-shadow: 0px 0px 0px 2px #FFF;
}
.no-padding-table tbody tr td
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.paymentBtn
{
    display: block;
    border: 1px solid #DDD;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    width: 135px;
    float: left;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.paymentBtn:hover,
.paymentBtn.active
{
    background-color: #2DCB73;
    color: #FFFFFF;
}
.paymentBtn i
{
    display: block;
    margin-bottom: 4px;
}
.paymentBtn.disabled
{
    cursor: not-allowed;
    background-color: #DDD;
}
.paymentBtn.danger
{
    border:1px solid #e74c3c;
    color: #e74c3c;
}
.paymentBtn.danger:hover,
.paymentBtn.danger.active
{
    color: #FFFFFF;
    background-color: #e74c3c;
}