html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	padding-top: 0.05em;
	background-color: lightgrey;
}

#content {
    height: 100%;
}

/* HEADER */
#logged_in {
        float: right;
}

/* GENERAL */

/* for inline divs inside a div*/
.inlineChildren>div {
	display: inline-block;
	margin: auto;
	justify-content: space-between;
}

.inlineChildren {
	justify-content: space-between;
	display: flex;
}

/* MAP */
#map {
    width: 100%;
    height: 95%;
}

/* TOP CONTROLS */
#toggle_form {
    width: 8em;
}

#top_controls {
	display: inline-block;
	/*width: 80%;*/
}

/* google maps auto complete size */
.pac-container {
    width: 40% !important;
}

/* LOGO */
#logo {
	float: left;
    vertical-align: top;
    font-size: 1.4em;
    font-weight: bold;
	padding-right: 1.2em;

}

/* Form div */
#form_div {
	padding: 0em;
	margin: 0em;
	border: 0em;
	/*background-color: green;*/
	justify-content: space-between;
	margin-right: 5em;
	font-size: 80%;
}

#sm_polygons {
	/*background-color: red;*/
}

#form_div>div {
	margin-bottom: 0.3em;
	margin-left: 1.25em;
	display: inline-block;
	vertical-align: top;
}

#form_div>div>div>h3 {
	padding: 0;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}

#miniforms_container>div {
	padding: 0;
	margin: 0;
	border: 0;
}

#miniforms_container .inlineChildren div {
	padding: 0;
	margin-left: 1em;
	border: 0;
}

#form_div>div h3 {
	text-align: center;
}

#form_div>div ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

input[type="number"] {
	width: 4em;
}

/* REPORT GENERATION */
/* Black thing on top of everything when a report is generated */
#overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
	z-index: 999;
	font-size: 1.5em;
	color: white;
	padding: 1em;
}

#report_done {

}

#error_messages {
	color: red;
}

/* HELP */
#help {
	margin-top: 2em;
	height: 100%;
	margin-left: 2em;
}

#help ul {
	list-style-type: none;
}