.bt-topo{
    background: #1e2737;
    color: #FFF;
    padding: 10px;
    margin-bottom: 20px;
}
.bt-topo div div a{
    color: #FFF;
}
.bt-topo div div a:hover, .bt-topo div div a:active{
    color: #e6f330;
}
.txvalorpagto{
     color: #e6f330;
     border-bottom: solid 1px #dedede;
     padding: 10px;
}
.form-check{
    border-bottom: solid 1px #dedede;
    padding: 10px;
}

.bggeral{
    background-image: url(images/bg_recarreguev1.jpg);
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
}

.pd-conteudo{
    padding: 30px 80px 30px 80px;
}

#menu-topo{
    padding: 20px !important;
    background: #a838f8;
    color: #FFF;
    border-radius: 0 0 20px 20px;
    height: max-content;
}
#menu-topo a{
    color: #e6f330;
}
#menu-topo a:hover{
    color: #FFF;
}

#menu-mobile{
    padding: 20px; background: #a838f8; position:fixed; bottom:0; width:100%;
}
.menu-rodape-espaco{
    margin-bottom: 90px;
}

#tabelaClientes{
    font-size: 90%;
}
#tabelaClientes a{
    color:#FFF;
}

.pd-conteudo-login, h2, h3{
    color: #a838f8;
}
.pd-conteudo-login input, .pd-conteudo-compra input{
    border: 1px solid #a838f8;
}
#menu-mobile a.active{
    color: #e6f330 !important;
}
.pd-conteudo-login a:hover, #menu-mobile a:hover.active{
    color: #e6f330 !important;
}
#menu-mobile a{
    color: #FFFFFF !important;
}

.pd-conteudo-login a{
    color: #a838f8 !important;
}


.pd-conteudo-login a:hover, #menu-mobile a:hover{
    color: #FFFFFF !important;
}
.pd-conteudo-login button.btn-primary, .pd-conteudo-login a.btn-primary, .pd-conteudo-compra a.btn-primary, .pd-conteudo-confirma button.btn-primary{
    background-color: #a838f8 !important;
    border-color: #a838f8 !important;
    color: #FFF !important;
}
.pd-conteudo-login button:hover.btn-primary, .pd-conteudo-login a:hover.btn-primary, .pd-conteudo-compra a:hover.btn-primary, .pd-conteudo-confirma button:hover.btn-primary{
    background-color: #a838f8 !important;
    border-color: #a838f8 !important;
    color: #FFF !important;
}
.pd-conteudo-login a.btn-outline-dark, .pd-conteudo-compra a.btn-outline-dark{
    border-color: #a838f8 !important;
}
.pd-conteudo-login a:hover.btn-outline-dark, .pd-conteudo-compra a:hover.btn-outline-dark{
    background-color: #FFF !important;
    border-color: #a838f8 !important;
    color: #a838f8 !important;
}

.pd-conteudo-confirma p{
    width: 100%;
    margin: 0;
}
.lineponto{
    border-bottom: 1px dotted #dfdfdf;
    margin-bottom: 5px !important;
}
.pd-conteudo-confirma c{
    right: 40px;
    position: absolute;
}
.pagto-confirma{
    border-bottom: solid 1px #dfdfdf;
    padding: 20px;
    margin-bottom: 20px !important;
}


.menu-icones {
    list-style: none;
    padding: 0px;
}
.menu-icones li {
    padding: 10px 10px 15px 10px;
    width: 33%;
    float: left;
    font-size: 80%;
    text-align: center;
    color: #000;
    text-decoration: none;
}
.menu-icones li a{
    text-decoration: none;
}
.menu-icones li a:hover img {
    opacity: 70%;
    text-decoration: none;
}

.menu-icones li.li_divisor{
    width: 100%;
    font-size: 130%;
    font-weight: 700;
    margin: 30px 0 10px 0;
    text-align: left;
    /* color: #e6f330; */
}

.linkback a{
    color: #000;
}
.linkback a:hover{
    color: #a838f8;
}

.valorbox{
    border: solid 1px #dedede;
    background-color: #FFF;
    border-radius: 10px;
    padding: 0 30px 30px 30px;
    font-size: 150%;
    width: 49%;
    padding-top: 15px;
    /* width: 100%; */
    margin: 0.5%;
    float: left;
}
.valorboxpromo{
    border: solid 1px #dedede;
    border-radius: 10px;
    padding: 0 30px 30px 30px;
    font-size: 150%;
    width: 99%;
    margin: 0.5%;
    float: left;
    /*background: #BFD0F0;*/
}
.produtobox{
    border: solid 1px #dedede;
    border-radius: 10px;
    padding: 20px;
    font-size: 100%;
    width: 100%;
    margin: 1%;
    float: left;
}
.valorbox:hover, .valorboxpromo:hover, .produtobox:hover{
    background: #dedede;
}
.valorbox input, .valorboxpromo input, .produtobox input{
    visibility: hidden;
}
.valorbox small, .valorboxpromo small, .produtobox small{
    font-size: 70%;
}

.card-comprovante{
    background: #fff696;
    border: 0px !important;
}
.comp-top{
    background: url('images/img_comprovante_topo.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    margin: 0;
    padding: 0;
}
.comp-rodap{
    background: url('images/img_comprovante_rodape.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    margin: 0;
    padding: 0;
}

.card-sorte{
    background: #00c063;
    border: 1px solid #00c063;
    padding: 10px;
    color: #FFF;
}
.card-sorte .card-body{
    border: solid 5px #FFF;
    padding: 10px;
}
.card-sorte .card-body p{
    padding: 0;
}
.card-sorte .card-body h3{
    color: #FFF;
    padding: 0;
    margin: 0px;
}

.pd-perfil p{
    color: #a838f8;
    padding: 0 0 20px 0;
}
.pd-perfil h3{
    color: #a838f8;
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #dfdfdf;
}

.pd-perfil ul{
    padding: 0;
    margin: 0;
    list-style:none;
}
.pd-perfil ul a{
    color: black;
    font-size: 130%;
}
.pd-perfil ul a:hover{
    color: #a838f8;
}
.pd-perfil ul a li i{
    color: #a838f8;
    margin-right: 10px;
}
.pd-perfil ul a li{
    border-bottom: 1px dotted #dfdfdf !important;
    padding: 10px;
}

.meusvalores{
    padding: 10px;
    margin: 10px 0;
    /*border-top: solid 1px #dfdfdf;*/
    border-bottom: solid 1px #dfdfdf;
}
.meusvalores strong{
    color: #a838f8;
}
.saldo{
    padding: 0 10px 10px 10px;
    margin: 10px 0;
    border-bottom: solid 1px #dfdfdf;
}
.faixames{
    color: #969696;
    font-size: 120%;
    padding: 7px 20px;
    border-bottom: 1px dotted #dfdfdf !important;
}
.faixadados{
    padding: 5px 25px;
}
.faixadados small{
    color: #969696;
}

#tabelaRelatorio{
    font-size: 70%;
    width: 100%;
    margin: 20px;
    overflow:hidden;
    -webkit-border-radius: 10px 10px 0 0;
       -moz-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
}
#tabelaRelatorio tbody tr td{
    padding: 5px;
    border: 1px solid #ddd;
}
#tabelaRelatorio thead tr th{
    padding: 5px;
    vertical-align: middle !important;
    text-align: center !important;
    background: #a838f8;
    color: #FFF;
}

#etapa4 .interno{
    /* background: url('images/bg_recargapremiada.jpg'); */
    background-position: center;
    background-size: cover;
    padding: 70px 50px;
    margin: -45px;
}
#etapa4 .interno strong{
    color: #a838f8;
}

#menu-large, #menu-largelogo{ display: none;}

@media only screen and (max-width: 768px) {
    .bggeral{
        background-image: none;
        background-position: top center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .pd-conteudo{
        padding: 30px 20px 30px 20px;
    }
}

@media only screen and (min-width: 768px) {
    #menu-mobile, #logogeral{ display: none;}
    #menu-largelogo{ display: block; float: left; }
    #menu-largelogo img{ max-height: 60px; margin-top: -5px !important; }
    #menu-large{ display: block; float: right; color: #FFF !important;}
    #menu-large:hover{ color: yellow !important;}
}