/**
 * PrestaShop module created by VEKIA, a guy from official PrestaShop community ;-)
 *
 * @author    VEKIA https://www.prestashop.com/forums/user/132608-vekia/
 * @copyright 2010-2016 VEKIA
 * @license   This program is not free software and you can't resell and redistribute it
 *
 * CONTACT WITH DEVELOPER http://mypresta.eu
 * support@mypresta.eu
 */

p.payment_module a.paybyphone {
    background: url(../img/paybyphone.png) 15px 12px no-repeat #fbfbfb;
    padding: 10px 40px 12px 99px;
}

div.payment_module div.paybyphone {
    background: url(../img/paybyphone.png) 15px 12px no-repeat #fbfbfb;
    padding: 32px 40px 34px 99px;
    display: block;
    border: 1px solid #d6d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 40px;
    text-align: right;
    line-height: 23px;
    color: #333;
    font-weight: bold;
    padding: 33px 40px 34px 99px;
    letter-spacing: -1px;
    position: relative;
}

p.payment_module a.paybyphone:after{
    display: block;
    content: "\f054";
    position: absolute;
    right: 15px;
    margin-top: -11px;
    top: 50%;
    font-family: "FontAwesome";
    font-size: 25px;
    height: 22px;
    width: 14px;
    color: #777;
}

.paybyphone_steps ol {
    list-style: none;
    margin-left: 0px;
    counter-reset: line;
}

.paybyphone_steps ol > li {
    position: relative;
    padding-left:40px;
}

.paybyphone_steps ol li {
    border-bottom:1px dotted #c0c0c0;
    padding-top:20px;
    padding-bottom:20px;
    font-size:18px;
    line-height: 30px;
}

.paybyphone_steps ol li:before {
    position: absolute;
    left: 0px;
    top: 25%;
    padding-top:7px;
    font-weight:bold;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #B53C2C;
    border-radius: 50%;
    font-size:20px;
    color: #fff;
    text-align:center;
    counter-increment: line;
    content: counter(line);
    line-height: 18px;
}