.avisos {position:fixed;bottom:0;right:0;z-index:9999; display: none;}
.avisos .alert {box-shadow: 5px 5px 20px rgba(0,0,0, 0.25); margin:0 25px 25px 0;}

@media screen AND (max-width:992px) {
  .avisos { max-width: 86%; bottom: 5%; right:7%; }
  .avisos .alert {margin: 0 0 20px 0;}
}

.ecommerce-topbar { padding-top: 20px;}
.ecommerce-navbar{
    margin-top: 20px;
}
.ecommerce-navbar .navbar-nav {
    padding: 20px 0;
}
.ecommerce-navbar .navbar-nav .nav-item .nav-link{
  font-size: 16px;
}

.whooping-banner { min-height: 300px;}

.whooping-banner::before, .best-in-market-banner::before, .gift-items-banner::before {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(0,0,0,0.8));
    content: "";
    top:0;
    left: 0;
}
.whooping-banner > *, .gift-items-banner *, .best-in-market-banner *{
    z-index: 1;
    position: relative;
}

.gift-items-banner::before {
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(0,0,0,0.4));
}

.color-main {color:#7e62dd !important;}
.bg-color-main {background-color:#7e62dd; color:white;}
.bg-color-main * { color:white;}

.swiper-slide .info-produtos {
    min-height: 330px;
    height: auto;
}

.botao-tela {display:flex; flex-direction:column; justify-content:center; justify-self:center; align-items:center; border:1px solid #7E62DD; color:#7E62DD; width:100%; border-radius:20px; height:100%; position: relative; text-align:center; transition:0.3s; min-height:150px;}
            .botao-tela * { color:#7E62DD;transition:0.3s;}
            .botao-tela:hover { background-color:#7E62DD; color:white;}
            .botao-tela:hover * { color:#FFF;}


#boxMsg .aguardando{display: flex; justify-content: start; padding:6px; font-size: 0.8em;}
#boxMsg .pergunta{ display: flex; justify-content: end;}
#boxMsg .resposta{display: flex; justify-content: start;}

#boxMsg .mensagem {min-width: 100px; max-width: 80%; border-radius:8px; margin-top: 10px; padding:10px}
#boxMsg .pergunta .mensagem{  background:#eee; }
#boxMsg .resposta .mensagem{ text-align: left; background-color:#7E62DD; color:white; }
#boxMsg .resposta .mensagem a {color:white}