/* extraido de css/style.css (Fase 3) - tema: modais/lightbox (fale com, avaliacao, reivindique). Carregado nas mesmas 18 paginas que ja carregavam style.css. */
.classlightregistre {
	left: 35%;
	width: 364px;
	background-color: #f6f9fa !important;
}

.campotext {
	width: 85% !important;
	height: 40px !important;
	line-height: 3.5em !important;
}

#lightboxfalecomlugar, #lightboxfalecomlugarfone {
	background: none repeat scroll 0 0 #FFFFFF;
}

/*#lightboxfalecomlugar .lightboxfalecom, #lightboxfalecomlugarfone .lightboxfalecom, .lightdonoboxfalecom {*/
#lightboxfalecomlugar .lightboxfalecom, #lightreinvidique .lightboxfalecom, #lightboxfalecomlugarfone .lightboxfalecom, .lightdonoboxfalecom, #lightboxavavaliacao .lightboxfalecom {
	background: none repeat scroll 0 0 var(--cor-primaria);
	color: white;
	font-size: 1em !important;
	font-weight: bold;
	padding: 6px 8px;
	text-shadow: 0 1px 0 #083F78;
}

.textareamensgem {
	width: 90%;
	height: 50px;
}

#lightboxfalecomlugar .corpofalecom, #lightboxavavaliacao .corpofalecom {
	padding: 10px 0 0 5px;
}

#lightboxfalecomlugar input, #lightboxfalecomlugar textarea, #lightboxfalecomlugar select, #lightboxfalecomlugarfone input {
	border: 1px solid #CCCCCC;
	font-size: 15px;
	padding: 5px 3px;
	width: 200px;
}

.btclose {
	background: url("https://guiax-bq7.pages.dev/imagems_guias/btclose.png") repeat scroll 0 0 transparent;
	display: block;
	font-size: 0;
	height: 35px;
	position: absolute;
	right: -15px;
	top: -15px;
	width: 37px;
}

.black_overlay {
	display: none;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=90);
	position: fixed;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	z-index: 1000000;
	overflow: hidden;
}

/* movido de css/base/cards-empresa.css - categoria errada na Fase 3, .white_content1 e generico
   de lightbox/modal (usado por varios modais, ex: #lightnotasss em includes/lista_empre_abrebox.php) */
.white_content1 {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 0px;
	border: 1px solid #333;
	border-top: none;
	display: none;
	height: auto;
	margin: auto;
	padding: 0;
	position: fixed;
	left: 12%;
	top: 14%;
	width: 75%;
	z-index: 1000005;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

@media screen and (min-width:10px) and (max-width:320px) {
	.corpofalecom {
		font-size: 0.7em;
	}

	.textareamensgem {
		height: 25px;
	}

	.campotext {
		width: 85% !important;
		height: 3em !important;
		line-height: 3.5em !important;
	}

	.classlightregistre {
		top: 20px;
		width: 95%;
	}

	.white_content1 {
		background: #ffffff none repeat scroll 0 0;
		border: 2px solid #f3f8fc;
		display: none;
		height: auto;
		margin: auto;
		padding: 0;
		position: fixed;
		left: 1%;
		top: 50px;
		width: 97%;
		z-index: 1000005;
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
}

@media screen and (min-width:321px) and (max-width:640px) {
	.corpofalecom {
		font-size: 0.7em;
	}

	.textareamensgem {
		height: 25px;
	}

	.campotext {
		width: 85% !important;
		height: 3em !important;
		line-height: 3.5em !important;
	}

	.classlightregistre {
		top: 20px;
		width: 95%;
	}

	.white_content1 {
		background: #ffffff none repeat scroll 0 0;
		border: 2px solid #f3f8fc;
		display: none;
		height: auto;
		margin: auto;
		padding: 0;
		position: fixed;
		left: 1%;
		top: 50px;
		width: 97%;
		z-index: 1000005;
		box-shadow: 0px 0px 0 #333;
		-webkit-box-shadow: 0px 0px 0 #333;
		-moz-box-shadow: 0px 0px 0 #333;
	}
}

@media screen and (min-width:641px) and (max-width:768px) {
	.textareamensgem {
		height: 25px;
	}

	.campotext {
		width: 100% !important;
		height: 3em !important;
		line-height: 3.5em !important;
	}

	.classlightregistre {
		top: 20px;
		width: 95%;
	}

	.white_content1 {
		top: 100px;
		left: 1%;
		margin-left: 0px;
		width: 95%;
		font-size: 0.8em;
	}

	.white_content1 {
		background: #ffffff none repeat scroll 0 0;
		border: 2px solid #f3f8fc;
		display: none;
		height: auto;
		margin: auto;
		padding: 0;
		position: fixed;
		left: 5%;
		top: 50px;
		width: 95%;
		z-index: 1000005;
		box-shadow: 0px 0px 0 #333;
		-webkit-box-shadow: 0px 0px 0 #333;
		-moz-box-shadow: 0px 0px 0 #333;
	}
}

@media screen and (min-width:769px) and (max-width:1000px) {
	.textareamensgem {
		height: 25px;
	}

	.campotext {
		width: 100% !important;
		height: 3em !important;
		line-height: 3.5em !important;
	}

	.classlightregistre {
		top: 20px;
		width: 95%;
	}

	.white_content1 {
		top: 100px;
		left: 1%;
		margin-left: 0px;
		width: 95%;
		font-size: 0.8em;
	}

	.white_content1 {
		background: #ffffff none repeat scroll 0 0;
		border: 2px solid #f3f8fc;
		display: none;
		height: auto;
		margin: auto;
		padding: 0;
		position: fixed;
		left: 5%;
		top: 50px;
		width: 95%;
		z-index: 1000005;
		box-shadow: 0px 0px 0 #333;
		-webkit-box-shadow: 0px 0px 0 #333;
		-moz-box-shadow: 0px 0px 0 #333;
	}
}

/* Customizações cunha - modais */
.white_content1{
	border-radius: 5px;
	overflow: hidden;
}

#lightboxfalecomlugar .lightboxfalecom div:not(.btnfechar), #lightboxavavaliacao .lightboxfalecom div:not(.btnfechar){
	font-size: x-large;
}

#lightboxfalecomlugar .lightboxfalecom, #lightboxavavaliacao .lightboxfalecom{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.poi-write-reviewtexto, .poi-write-review {
	border-radius: 5px;
}

.poi-write-reviewtexto{
	box-sizing: border-box;
}

#nomedocaracomentario {
	margin: 10px 0;
}

.poi-write-review{
	padding: 5px;
	width: 98.5%;
	box-sizing: border-box;
}
@media (max-width: 500px) {
	.poi-write-review{
		width: 98%;
	}
}

form[name="frm1"] td[align="center"]{
	text-align: left;
}

.tablecomentario div[style="float:left;margin-left:10px;"]{
	margin-left: 0 !important;
}

#id_usuarioid_usuario ~ div[style*='min-height'][style*='500px']{
	min-height: 400px !important;
}

#framedonotas{
	height: 520px !important;
}

.white_content1{
	max-width:if(
		media(min-width: 1024px): 44%;
		else: initial
	);
	left: if(
		media(min-width: 1024px): 28%;
		else: 1%
	);
}

@media screen and (max-width: 700px) {
	#lightboxfalecomlugar .lightboxfalecom div:not(.btnfechar){
		font-size: x-large;
	}
}