.col-sm-12 {
	margin-top: 10px;
}
input[type="checkbox"] {
	cursor: pointer;
}
.cb-img {
	margin-top: 47px;
}
p.subtitols {
	color: #333;
	font-style: italic;
	text-decoration: underline;
}
label {
	font-weight: bold;
}
label img {
	max-height: 110px;
}
div.coordenades {
	text-align: right;
}
span#posicio {
	font-style: italic;
	font-size: 0.8em;
}
#map,
#comentaris,
#fruit,
#florOberta,
#florTancada,
#senseFlor,
#tipusPlanta,
#btnEnviar {
	/* height: 684px; */
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
}
#blocFerFoto {
	display: none;
}
@media (max-width: 991px) {
	#map {
		height: 440px;
	}
	article {
		margin-bottom: 1em;
	}
	#blocFerFoto {
		display: block;
	}
}
.custom-map-control-button {
	appearance: button;
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	margin: 10px;
	padding: 0.4em;
	height: 40px;
	font: 400 18px Roboto, Arial, sans-serif;
	overflow: hidden;
}
.custom-map-control-button:hover {
	background-color: #eee;
}

.file {
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
	position: absolute;
}

.file-input label {
	display: block;
	position: relative;
	height: 50px;
	border-radius: 0.25rem;
	/* background: linear-gradient(10deg, #eee, #fff); */
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	transition: transform 0.2s ease-out;
}
input:hover + label,
input:focus + label {
	transform: scale(1.02);
}
#showPhoto {
	display: none;
	/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4); */
	border-radius: 0.25rem;
	margin: 0 auto;
	margin-top: 7px;
	max-height: 264px;
}

.file-name {
	display: none;
	text-align: right;
	font-size: 0.85rem;
	color: #555;
	font-style: italic;
}