@import "seo-homesNew.css";

/*
=========================================================   
    HEADER
=========================================================
*/


.controle-caixa {
    margin-top: -65px;
}

.navbar-brand {
    padding: 0px 0px;
}

.controle-caixa .header {
    background-image: url("../img/SEOHomes/bg-header-controle-caixa.png"), url(../img/SEOHomes/bg-logo.png), -webkit-linear-gradient(40deg, #9f33dd, #5813ba 77%);
    background-image: url("../img/SEOHomes/bg-header-controle-caixa.png"), url(../img/SEOHomes/bg-logo.png), -moz-linear-gradient(40deg, #9f33dd, #5813ba 77%);
    background-image: url("../img/SEOHomes/bg-header-controle-caixa.png"), url(../img/SEOHomes/bg-logo.png), -o-linear-gradient(40deg, #9f33dd, #5813ba 77%);
    background-image: url("../img/SEOHomes/bg-header-controle-caixa.png"), url(../img/SEOHomes/bg-logo.png), linear-gradient(40deg, #9f33dd, #5813ba 77%);
}

@media screen and (max-width: 825px) {
    .controle-caixa .header {
        background-image: url(../img/SEOHomes/bg-logo.png), -webkit-linear-gradient(40deg, #9f33dd, #5813ba 77%);
        background-image: url(../img/SEOHomes/bg-logo.png), -moz-linear-gradient(40deg, #9f33dd, #5813ba 77%);
        background-image: url(../img/SEOHomes/bg-logo.png), -o-linear-gradient(40deg, #9f33dd, #5813ba 77%);
        background-image: url(../img/SEOHomes/bg-logo.png), linear-gradient(40deg, #9f33dd, #5813ba 77%);
    }
}

/*
=========================================================
    Section = NÃO PERCA VENDA
=========================================================
*/

.controle-caixa section.venda {
    background: url(../img/SEOHomes/bg-baixe-agora.png) center center #9f33dd;
    background-size: cover;
    background-attachment: fixed;
}

/*
=========================================================
    Section = LIVRO CAIXA
=========================================================
*/

.controle-caixa section.overlay.livro-caixa {
    background: url(../img/SEOHomes/bg-livro-caixa.png) center center #9f33dd;
    background-size: cover;
    background-attachment: fixed;
}


.controle-caixa .img-controle-caixa {
    max-width: 350px;
}

.controle-caixa .img-pdv-formas-pagamento {
    max-width: 600px;
}

/*
=========================================================
    Section = BUBBLES
=========================================================
*/

.controle-caixa .bubbles-box {
    width: 100%;
    min-height: 240px;
    display: flex;
    justify-content: space-around;
}

    .controle-caixa .bubbles-box .bubble {
        width: 140px;
        height: 140px;
        border-radius: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #5813ba;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
    }

        .controle-caixa .bubbles-box .bubble:nth-child(odd) {
            align-self: flex-end;
        }

        .controle-caixa .bubbles-box .bubble:nth-child(even) {
            align-self: flex-start;
        }

        .controle-caixa .bubbles-box .bubble.b1 {
            background-color: #9ff3c3;
        }

        .controle-caixa .bubbles-box .bubble.b2 {
            background-color: #ada7fc;
        }

        .controle-caixa .bubbles-box .bubble.b3 {
            background-color: #d187ef;
        }

        .controle-caixa .bubbles-box .bubble.b4 {
            background-color: #ffdd75;
        }

        .controle-caixa .bubbles-box .bubble.b5 {
            background-color: #daff75;
        }

        .controle-caixa .bubbles-box .bubble.b6 {
            background-color: #ec6f86;
        }

        .controle-caixa .bubbles-box .bubble.b7 {
            background-color: #b2f068;
        }



.btDownloadMobile {
    display: none;
}

@media only screen and (max-width: 970px) {
    .btn-baixar {
        display: none !important;
    }

    .btDownloadMobile {
        display: block;
    }
}