body {
	margin: 0;
	height: 100%;
}

button {
	border: 0px solid #fff !important;
	border-radius: 5px;
	background: #cc0000;
	color: #fff !important;
	font-weight: bold !important;
	cursor: pointer;
}

#mapa-leaflet {
    position: relative;
    width: 100%;
    height: 100%;
}

#loading-img {
    position: relative;
	top: 50%;
    transform: translateY(-50%);
}

#file-input-container {
    bottom: 40px;
}

#file-input-src {
	width: 95% !important;
	height: 70% !important;
}

.file-input-button {
	width: 80%;
	height: 60% !important;
}

.dialog {
	border-radius: .2em;
	background-color: #fff;
	position: absolute;
	z-index: 2000;
	padding: 16px;
	font-family: Arial,Helvetica,sans-serif;
	height: calc(50%);
	width: calc(50%);
	top: 25%;
	left: 25%;
}

.dialog-content {
	padding-left: 8px;
}

.dialog-content li {
	margin-bottom:.2em
}

.dialog-close-button {
	position: absolute;
	top: 16px;
	right: 16px;
	font-size: 1.0em;
}

.help-dialog a {
    color: #c00;
    text-decoration: none;
}

@media (max-width:480px) {
	.help-dialog {
		top: 15%;
		left: 15%;
		height: calc(70%);
		width: calc(70%);
	}
	.dialog-content {
		overflow-y: auto;
		overflow-x: hidden;
	}
}

.geojson-help-message {
	border-radius: .2em;
	background-color: #fff;
	position: absolute;
	z-index: 2000;
	padding-top:16px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:4px;
	font-family: Arial,Helvetica,sans-serif;
	position: absolute;
    bottom: 90px;
    left: 10vw;
	width: 80vw;
	font-size: 10px !important;
}

.geojson-help-message a {
    color: #c00;
    text-decoration: none;
}

.geojson-help-message .dialog-close-button {
	top: 4px;
	right: 4px;
}

.leaflet-control-layers-list {
	max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}