html, body {
	height: 100%;
	margin: 0;
	background-color: #dce1e6;
}

.header {
	/* border-bottom: 1px solid #92adc4; */
}
#header-logo {
	height: 105px;
	width: 321px;
	margin: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
    background: #dce1e6 url("img/header-logo.png") no-repeat top left;
}

h5 {
	font-weight: bold;
	margin-bottom: 20px;
}

#deviceIdDiv {
	margin-bottom: 0px;
	padding: 20px;
}
#apiKeyDiv {
	margin-bottom: 0px;
	padding: 20px;
	padding-bottom: 0;
}
#apiKeyDiv h5,
#deviceIdDiv h5 {
	text-align: center;
	margin-bottom: 10px;
}
#apiKeyDiv input,
#deviceIdDiv input {
	width: 370px;
	margin-left: auto;
	margin-right: auto;
}

div.column {
	padding-top: 20px;
	background-color: #f0f0f0;
	border-radius: 6px;
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #d5d5d5;
	min-height: 500px;
}
div.column.left {
	border-right: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
div.column.middle {
	border-radius: 0px;
}
div.column.right {
	border-left: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

div.tab-content {
	background-color: white;
	border: 1px solid #ddd;
    border-top: 0px;
    padding: 20px;
}

div.tab-content input {
	margin-bottom: 10px;
}

ul.nav li a, ul.nav li a:hover, ul.nav li a:active, ul.nav li a:focus {
	color: black;
}

button#cell_start {
	float: right;
	margin-top: -10px;
}

textarea#response_area,
textarea#request_area {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 413px;
	min-height: 413px;
	resize: vertical;
	overflow: auto;
}

#map {
	height: 413px;
	width: 100%;
	opacity: 0;
	border: 1px solid #b2b2b2;
}


.loader {
	float: right;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-right: -62px;
    margin-top: 40px;
    animation: spin 0.5s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#errorAlert {
	width: 500px;
	max-width: 100%;
	margin-bottom: 0;
	margin-top: -93px;
	float: right;
}
#errorAlertMsg {
	font-weight: bold;
}