/* notificacao de venda */
.notificacao-vendas {position:fixed;bottom:0;z-index: 100;}
.notificacao-venda {opacity:0;visibility:hidden;position: absolute;bottom: 15px;background:#fff;width: 270px;font-size: 13px;line-height:13px;border: 1px solid #e6e6e6;box-shadow: 0px 2px 5.81px 1.19px rgba(153, 153, 153, 0.23);border-radius: 4px;transition: all 0.8s;left: -270px;}
.notificacao-venda.notificacao-ativa {opacity:1;visibility:visible;transition: all 0.8s;left: 15px;}
.notificacao-venda .notp-compras {margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px solid #ececec;}
.notificacao-venda a {padding: 6px;display:flex;flex-direction:column;font-size: 12px;line-height: 1;color: #0e0e0e !important;text-decoration: none !important;}
.notificacao-venda img {width:48px;height:48px;display:flex;object-fit: cover;}
.notificacao-venda .notp-content {display:flex;align-items: center;}
.notificacao-venda .notp-nome{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 13px;line-height: 13px;}
.notificacao-venda .notp-info {display:flex;flex-direction:column;margin-left: 10px;flex: 1;justify-content: center;margin-top: 6px;margin-bottom: 6px;}
.notificacao-venda .notp-preco {margin-top: 7px;font-size: 13px;line-height: 13px;}
.notificacao-venda .notp-preco strong {font-weight: 700 !important;}
.notificacao-venda .recebe-nome {font-weight: 700 !important;}

@media only screen and (max-width: 768px) {

.notificacao-venda.notificacao-ativa {left:10px}
.notificacao-venda {bottom: 20px;font-size: 11px;line-height: 11px;width: 250px;}
.notificacao-venda a {padding:5px;font-size:11px}
.notificacao-venda .notp-compras {margin-bottom: 3px;padding-bottom: 3px;font-size: 11px;}
.notificacao-venda img {width: 40px;height: 40px;}
.notificacao-venda .notp-info {margin-left: 5px;margin-top: 3px;margin-bottom: 3px;}    
.notificacao-venda .notp-nome {font-size: 12px;line-height: 12px;}

}