/**
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    BM Services
*  @copyright 2015 BM Services
*  @version   1.0.0
*  @link      http://www.bm-services.com/
*  @license
*/

#productActionDiscount {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: black;
  padding: 8px;
}
#productActionDiscount .old-price {
    font-size: 14px;
    font-weight: normal;
}
#productActionDiscount .boleto-price {
    font-size: 32px;
    color: rgb(44, 197, 44);
}
#productActionBoletoInfos {
    text-align: center;
    margin-bottom: 8px;
}

#footerBoletoInfos {
    float: left;
}


p.payment_module a.boletobancario {
    background: url(../img/boleto_x64.png) 15px 2px no-repeat #fbfbfb;
}
p.payment_module a.boletobancario span.bank-name {
    text-decoration: underline;
}
p.payment_module a.boletobancario: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;
}
p.payment_module a.boletobancario img {
    margin-left: 42px;
    display: none;
}
p.payment_module a.boletobancario span.discount {
    text-transform: uppercase;
    font-size: 22px;
    color: #23CD32;
    display: block;
    float: left;
}
@media all and (max-width: 767px) {
    p.payment_module a.boletobancario span.discount {
        font-size: 18px;
        letter-spacing: 0px;
    }
}
p.payment_module a.boletobancario span.boleto_tax{
    position: absolute;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0px;
    left: 99px;
    top: 60px;
}
.boleto-sumup {
    min-height: 260px;
    margin-top: 24px;
    background: url(../img/boleto_x64.png) 95% top no-repeat transparent;
    background-size: 42px 42px;
}
.boleto-sumup .amount, .boleto-sumup .delay {
    font-weight: bold;
}
.boleto-logo {
    min-height: 260px;
    margin-top: 24px;
    background: center top no-repeat transparent;
}
.boleto-logo.bdb {
    background-image: url(../img/banco-do-brasil.png);
}
.boleto-logo.cef {
    background-image: url(../img/caixa.png);
}
.boleto-logo.santander {
    background-image: url(../img/santander.png);
}
.boleto-logo.bradesco {
    background-image: url(../img/bradesco.png);
}
.boleto-logo.itau {
    background-image: url(../img/itau.png);
}
.boleto-logo.sicoob {
    background-image: url(../img/sicoob.png);
}
#boletoGen {
    width: 100%;
    height: 200px;
    margin-bottom: 32px;
}

#boletoGenLoader {
    width: 100%;
    height: 90px;
    text-align: center;
}

#boletoGenPrint {
    width: 100%;
    display: none;
    margin: 32px 0px;
  text-align: center;
}
#boletoGenPrint button{
    position: relative;
}
#boletoGenPrint button span{
    padding-left: 60px;
}
#boletoGenPrint button:before{
  content: "\f02f";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 34px;
  line-height: 24px;
  position: absolute;
  top: 10px;
  left: 12px;
  font-weight: normal;
 }


#boletoLoader{
position:relative;
width:64px;
height:64px;
margin: auto;
  margin-top: 16px;}

.boletoLoader{
position:absolute;
background-color:#383838;
width:15px;
height:15px;
-moz-border-radius:10px;
-moz-animation-name:bounce_boletoLoader;
-moz-animation-duration:1.44s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:10px;
-webkit-animation-name:bounce_boletoLoader;
-webkit-animation-duration:1.44s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:10px;
-ms-animation-name:bounce_boletoLoader;
-ms-animation-duration:1.44s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:10px;
-o-animation-name:bounce_boletoLoader;
-o-animation-duration:1.44s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:10px;
animation-name:bounce_boletoLoader;
animation-duration:1.44s;
animation-iteration-count:infinite;
animation-direction:normal;
}

#boletoLoader_1{
left:0;
top:25px;
-moz-animation-delay:0.54s;
-webkit-animation-delay:0.54s;
-ms-animation-delay:0.54s;
-o-animation-delay:0.54s;
animation-delay:0.54s;
}

#boletoLoader_2{
left:7px;
top:7px;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}

#boletoLoader_3{
top:0;
left:25px;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}

#boletoLoader_4{
right:7px;
top:7px;
-moz-animation-delay:1.08s;
-webkit-animation-delay:1.08s;
-ms-animation-delay:1.08s;
-o-animation-delay:1.08s;
animation-delay:1.08s;
}

#boletoLoader_5{
right:0;
top:25px;
-moz-animation-delay:1.26s;
-webkit-animation-delay:1.26s;
-ms-animation-delay:1.26s;
-o-animation-delay:1.26s;
animation-delay:1.26s;
}

#boletoLoader_6{
right:7px;
bottom:7px;
-moz-animation-delay:1.44s;
-webkit-animation-delay:1.44s;
-ms-animation-delay:1.44s;
-o-animation-delay:1.44s;
animation-delay:1.44s;
}

#boletoLoader_7{
left:25px;
bottom:0;
-moz-animation-delay:1.62s;
-webkit-animation-delay:1.62s;
-ms-animation-delay:1.62s;
-o-animation-delay:1.62s;
animation-delay:1.62s;
}

#boletoLoader_8{
left:7px;
bottom:7px;
-moz-animation-delay:1.8s;
-webkit-animation-delay:1.8s;
-ms-animation-delay:1.8s;
-o-animation-delay:1.8s;
animation-delay:1.8s;
}

@-moz-keyframes bounce_boletoLoader{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_boletoLoader{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_boletoLoader{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_boletoLoader{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_boletoLoader{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}