body {
	padding: 0;
    margin: 0;
}
html, body, #map, .container-fluid {
	height: 100%;
	width: 100%;
	background: white;
	color:#2E282A;
	font-family: Arial, Helvetica, sans-serif;
}
canvas {
	max-width: 100%;
	max-height: 100%;
	transform-origin:left top;
}
#map {
	z-index: 1;
}


 ul.nav.nav-tabs {
 	float: right;
 	position: absolute;
 	z-index: 3;
 	background-color: white;
 	/* border-radius:5px; */
 }
nav.navbar.navbar-expand-md.bg-body-tertiary {
	padding-bottom: 0;
	background-color: #0c717e !important;
	padding-top:0;
}

button.navbar-toggler,
button.navbar-toggler:focus,
button.navbar-toggler:active,
button.navbar-toggler:hover {
	border: 0;
	outline: none;
	box-shadow: none;
}

.nav-tabs .nav-link {
	color: #388697 !important;
	border: 1px solid #D5D8D8;
	border-radius: 0;
	font-weight: bold;
}
a.navbar-brand{
	color:white;
	font-weight:bold;
	pointer-events:none;
	cursor:default;
}
li.nav-item .nav-link.active {
	border-color: #D5D8D8;
	border-bottom: 1px solid white;
	background-color: #65743a;
	color: white !important;
}
a.navbar-brand img {
	margin-right:5px;
	padding-left:5px;
	height:40px;
}
div.container-fluid {
	overflow: hidden;
	background-color:#daa520;
}
.tab-content {
	/* overflow-y: scroll; */
	height: 90%;
}

div.row {
	overflow: hidden;
}

#disclaimer {
	display: none;
}
div.col-md-2 {
	background-color:white;
}

form#slideForm1, form#slideForm2, form#slideForm3, form#slideForm4 {
	display: inline-block;
}

form#slideForm1 select, form#slideForm2 select, form#slideForm3 select,form#slideForm4 select {
	display: inline-block;
	border-radius:5px;
	padding:5px;
	font-size:14px;
	margin-bottom:5px;
	color:#388697;
	font-weight:bold;

}
div#swipediv, div#swipediv2{
	margin-top:10px;
	text-align:center;
}

#done, #clear, #done2, #clear2 {
	color: white;
	border: 1px solid #D5D8D8;
	border-radius: 5px;
	font-weight: bold;
	background-color:#daa520;
}
button#done.btn.btn-secondary.btn-sm:active, button#clear.btn.btn-secondary.btn-sm:active, button#done.btn.btn-secondary.btn-sm:focus, button#clear.btn.btn-secondary.btn-sm:focus, button#done.btn.btn-secondary.btn-sm:hover, button#clear.btn.btn-secondary.btn-sm:hover,
button#done2.btn.btn-secondary.btn-sm:active,
button#clear2.btn.btn-secondary.btn-sm:active,
button#done2.btn.btn-secondary.btn-sm:focus,
button#clear2.btn.btn-secondary.btn-sm:focus,
button#done2.btn.btn-secondary.btn-sm:hover,
button#clear2.btn.btn-secondary.btn-sm:hover {
	border-color: #D5D8D8;
	/* border-bottom: 1px solid white; */
	background-color: #65743a;
	color: white !important;
}
select#swipe1 option, select#swipe2 option, select#swipe3 option, select#swipe4 option {
	font-weight:bold;
}
/* div.col-xl-10, div.col-xl-2 {
	border:1px solid #1F3C47;
} */
div.ol-swipe.ol-unselectable.ol-control.vertical::before, div.ol-swipe.ol-unselectable.ol-control.vertical button {
	background-color:#2dbac9!important;
}
div.ol-swipe.ol-unselectable.ol-control.vertical button::before, div.ol-swipe.ol-unselectable.ol-control.vertical button::after, div.ol-swipe.ol-unselectable.ol-control.vertical::after {
	background:white;
}
.tooltip {
	background-color: #65743a
}
h6 {
	text-align: center;
}
.instructions {
	font-size:12px;
	font-weight: bold;
	text-align: center;
}

@media(max-width:767px) {
		#map {
				height: 60vh;
			}
		
			.nav {
				display: block;
				width: 100%;
				background-color: white;
			}
		
			ul.nav.nav-tabs {
				width: 100%;
				left: 0;
				border-radius: 0;
			}
		
			ul.nav.nav-tabs li.nav-item {
				border-radius: 0;
			}
		
			.nav-tabs .nav-link {
				border-radius: 0;
				/* color: #0c717e !important; */
			}
		
			/* div.row {
				overflow-y: scroll;
			} */
		
			div.col-xl-10 {
				overflow: hidden;
				padding-left: 0;
			}
			/* div.col-xl-2 {
				overflow-y:scroll;
			} */
			div.col-xl-10, div.col-xl-2 {
				border:0;
			}
			div#spacefiller {
				height:600px;
			}
			a.navbar-brand {
				font-size:16px;
				margin-right:0;
				float:right;
			}
			div.container-fluid button.navbar-toggler.custom-toggler {
				font-size:10px!important;
			}
			nav.navbar.navbar-expand-md.bg-body-tertiary div.container-fluid{
				padding-left:0;
				padding-right:0;
			}
			a.navbar-brand img {
				height:30px;
			}
}