.prints-app > img {
	width: 100%;
}

.navbar-main {
	background-color: #fff;
}

.navbar-main .navbar-nav > .nav-item > .nav-link {
	color: #747474;
}


#overlay-principal {
	height: 700px !important;
}

#overlay-contato {
	height: auto !important;
}

.owl-nav-over.owl-nav-over-lg .owl-nav div {
	width: 30px;
}

.owl-nav-over .owl-nav div.owl-next, .owl-nav-over.owl-nav-over-lg .owl-nav div.owl-next {
	right: -36px;
}

.owl-nav-over .owl-nav div.owl-prev, .owl-nav-over.owl-nav-over-lg .owl-nav div.owl-prev {
	left: -36px;
}

.chat-atendimento {
	height: 600px;
	width: 500px;
	display: flex;
	position: fixed;
	bottom: 0;
	right: 60px;
	background-color: #fff;
	z-index: 99999;
	border-radius: 10px 10px 0 0;
	flex-direction: column;
	border: 1px solid #aaa6a6;
	box-shadow: 1px 4px 3px 1px #00000047;
}

.btn-tipo {
	margin-top: 5px;
	margin-left: 5px;
}

.chat-atendimento > .corpo {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-content: stretch;
}
.chat-atendimento > .corpo > .mensagens {
	flex: 1;
	max-height: 430px;
	overflow-y: auto;
	padding: 10px;
}
.chat-atendimento.fechado > .mensagem,
.chat-atendimento.fechado > .corpo {
	display: none;
}	

.chat-atendimento > .mensagem {
	height: 120px;
	background-color: #e2dfdf;
	width: 100%;
	padding: 10px;
	font-size: 12px;
}

.chat-atendimento > .corpo > .footer {
	font-size: 12px;
	margin-left: 5px;
	color: #858585;
	height: 17px;
}

.balao-mensagem {
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	margin-top: 8px;
	font-size: 12px;
}
.balao-mensagem.balao-bot {
	margin-right: 100px;
	margin-left: 12px;
	background-color: #dfdfdf;
}
.balao-mensagem.balao-cliente {
	margin-left: 100px;
	margin-right: 12px;
	background-color: #8ccaa6;
}

.chat-atendimento > .cabecalho {
	cursor: pointer;
	background-color: #a6271a;
	width: 100%;
	height: 50px;
	border-radius: 10px 10px 0 0;
	padding: 10px;
	font-size: 16px;
	display: flex;
	align-content: center;
	justify-content: center;
	color: #fff;
}

.chat-atendimento.fechado {
	height: 50px;
}

.chat-atendimento > .cabecalho > .icone-esquerda {
	position: absolute;
	left: 15px;
	top: 8px;
	font-size: 30px;
}

.chat-atendimento > .cabecalho > .icone-direita {
	position: absolute;
	right: 15px; 
	top: 12px;
	font-size: 20px;
}

.form-nova-mensagem {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-content: stretch;
}

.form-nova-mensagem textarea {
	flex: 1
}

@media screen and (max-width: 768px) {
	.chat-atendimento {
		width: 100%;
		position: fixed;
		bottom: 0;
		right: unset;
	}

	.chat-atendimento > .cabecalho {
		font-size: 14px;
	}

	.divider-diagonal {
		display: none;
	}

	.prints-app {
		overflow-x: auto;
	}

	.prints-app > img {
		height: 600px;
		width: auto !important;
	}

	#overlay-principal {
		height: 600px !important;
		background-position: right bottom !important;
	}

	.navbar-main .navbar-nav > .nav-item {
		border-bottom: 1px solid #7474;
	}

	.img-responsabilidade-social {
		width: 100%;
	}

	.display-6 {
		font-size: 100%;
	}

	.owl-nav-over .owl-nav div.owl-next, .owl-nav-over.owl-nav-over-lg .owl-nav div.owl-next {
		right: -16px;
	}
	
	.owl-nav-over .owl-nav div.owl-prev, .owl-nav-over.owl-nav-over-lg .owl-nav div.owl-prev {
		left: -16px;
	}
	
}