.header{
    width: 100%;
    height: 315px;
    background-size: cover;
    background-position: bottom;
    display: flex;
    background-image: url("../background/max.png") !important;
}

.imageContainerCenter{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 90px;
}

.logofootterFooter{
    width: 270px;
}

.removelink > *{
    text-decoration: none !important;
    color: #FFFFFF;

}

.removelink:link{
    text-decoration: none !important;
    color: #FFFFFF;
}



@media only screen and (min-width: 900px) and (max-width: 1200px){
    .header{
        background-image: url("../background/med.png") !important;
    }
    .imageContainerCenter{
        justify-content: flex-start;
        margin-left: 122px;
        margin-top: 75px;
    }
}

@media only screen and (max-width: 899px){
    .header{
        height: 285px;
        background-image: url("../background/min-med.png") !important;
    }
}

@media only screen and (max-width: 600px){
    .header{
        background-image: url("../background/min.png") !important;
    }
}



@media only screen and (max-width: 599px){
    .imageContainerCenter > a > img {
        width: 250px;
    }
}

/* Itens venda */

.sfe-itemVenda > .details{
    background-color: #2f4177;
}

.sfe-itemVenda > .details > .texts{
    transition: all 0.15s ease-in 0s;
}

.sfe-itemVenda > .details > .texts:hover{
    background-color: #384d8d;    
}

.sfe-itemVenda > .details > .actions > .add {
    background-color: #273662;
}

.sfe-buttonactions > .button, .sfe-buttonactions > .sfe-buttonCalendar{
    background-color: #F39325 !important;
}

.sfe-buttonactions > .sfe-buttonCalendar:hover, .sfe-buttonactions > .button:hover{
    background-color: #f49a34 !important;
}

.sfe-buttonactions > .sfe-buttonPagamento, .sfe-buttonactions > .sfe-buttonProximoPasso, .sfe-buttonactions > .sfe-buttonNext{
    background-color: #83BA31 !important;
}

.sfe-buttonactions > .sfe-buttonProximoPasso:hover, .sfe-buttonactions > .sfe-buttonPagamento:hover, .sfe-buttonactions > .sfe-buttonNext:hover{
    background-color: #8ecf2b !important;
}

.sfe-buttonactions > .button.sfe-buttonPrint {
    background-color: #005CA9  !important;
}

.sfe-buttonactions > .button.sfe-buttonPrint:hover {
    background-color: #0070cc !important;
}

.sfe-buttonactions > .button.sfe-buttonPdf {
    background-color: #005CA9 !important ;
}

.sfe-buttonactions > .button.sfe-buttonPdf:hover {
    background-color: #0070cc !important ;
}

.sfe-buttonactions > .button:disabled{
    background-color: #C4CDD4 !important;
    cursor: initial !important;
    box-shadow: none;
}

.sfe-buttonactions > .button:disabled:hover{
    background-color: #C4CDD4 !important;
    opacity: 1;
}

/* Nome usuario */

.sfe-userNameTopBar {
    color: #FFFFFF;
}

.sfe-btnFastAccess {

}
/* Botoes ver detalhes em minhas compras */
.sfe-btnFastAccess{
    /* background-color: #015389 !important; */
}

.sfe-btnDetails{
    background-color: #005CA9 !important;
}

/* Header impressão */

.printHeader{
    width: 100%;
    height: 140px;
}

.printHeader > .contentHeaderPrint{
    width: 100%;
    height: 100%;
}

.printHeader > .contentHeaderPrint > .imageContainer{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

/* Acesso pelo celular */

.sfe-acessoCelular{
    background-color: #005CA9
}

.printHeader > .contentHeaderPrint > .imageContainer > .logoCliente{
    height: 80%;
    margin-top: 20px;
}

@media print {
    body{
        width: 100% !important;
    }
}


.footer {
    margin-top: 35px;
    width: 100%;
    min-height: 363px;
    padding: 15px 0px;
    box-sizing: border-box;

    background-image: url('../footer/asenza_footer2.png');
    background-size: cover;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.PhraseInfo {
    order: 2;
    color: white;
    text-align: center;
}

.PhraseInfo p {
    font-size: 14px;
    margin-bottom: 0px;
    letter-spacing: .15px;
    line-height: 21px;
}

.PhraseInfo p strong{
    font-size: 16px;
    font-weight: 500;
}

.footer-data{
    order: 1;
    max-width: 1000px;
    padding: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-flow: row wrap;
    box-sizing: border-box;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    color: white;
    text-align: center;
}

.telefone {
    display: flex;
    justify-content: flex-start;
}

.telefone > .whatsapp {
    padding-right: 10px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 1.3rem;
}

.socialMedia {
    display: flex;
    height: 35px;
    justify-content: center;
}

.socialMedia > a:link , a:visited{
    text-decoration: none;
    height: 100%;
}

.socialMedia > a > img{
    padding: 5px;
    box-sizing: border-box;
    height: 100%;
}

.sfe-footer{
    margin-top: 0;
    border-top: 2px solid #005CA9;
}

.footer-logo{

}

.footer-telefone {

}

.footer-endereco{
    order: 3;
    text-align: center;
}

.footer-endereco > p{
    color: #fff;
    letter-spacing: .15px;
    line-height: 21px;
}

.footer-endereco p > strong{
    font-weight: 500;
}

@media only screen and (max-width: 480px){
    .footer-data{
        flex-flow: column wrap;
    }
    .socialMedia{
        order: 4;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 722px){
    .socialMedia{
        order: 4;
        margin-top: 20px;
        width: 100%;
    }
    .footer-telefone{
        order: 1;
    }
    .footer-logo{

    }
    .footer-endereco{
        order: 3;
    }
}

@media only screen and (min-width: 723px) and (max-width: 957px){
    .socialMedia{
        order: 4;
        margin-top: 20px;
        padding-right: 10px;
        box-sizing: border-box;
        width: 100%;
    }

    .footer-endereco{
        order: 3;
    }
}

@media only screen and (min-width: 958px){

    .footer-data{
        width: 100%;
    }
    .socialMedia{
        padding-right: 10px;
        box-sizing: border-box;
    }

}

.OpcoesCard{
    justify-content: center !important;
}