/*
	//////////////////////////////////////////////////////////////////////////////
	//
	// TrackMeViewer - Browser/MySQL/PHP based Application to display trips recorded by TrackMe App on Android
	// Version: 3.5
	// Date:    08/15/2020
	//
	// For more information go to:
	// http://forum.xda-developers.com/showthread.php?t=340667
	//
	// Please feel free to modify the files to meet your needs.
	// Post comments and questions to the forum thread above.
	//
	//////////////////////////////////////////////////////////////////////////////
*/

html {
background-color:#006400;
height:100vh; width:100vw;
font-family:Verdana, Serif; font-size:10px;
overflow:hidden;
margin:0px; padding:0px;
}

table {
background-color:#006400;
width:100%;
overflow:hidden;
margin:0px; padding:0px;
border:0px; border-spacing:0px;
}

td {
margin:0px; padding:0px;
border:0px; border-spacing:0px;
}

body {
background-color:#006400;
height:100vh; width:100vw;
overflow:hidden;
margin:0px; padding:0px;
}

#mapsection {
background-color:#006400; color:#000000;
height:100vh;
margin:0px; padding:0px;
border:0px solid #006400;
z-index:1;
}

#creditsection {
background-color:rgba(255, 255, 255, 0.7); color:#0078A8;
position:absolute; bottom:1px; left:10px;
margin-left:5px; margin-right:5px;
text-decoration:none;
text-align:center;
z-index:2;
}

#navigationsection {
background-color:#006400; color:#FFFFFF;
height:100vh;
margin:0px; margin-left:5px; margin-right:5px; padding:0px;
border:0px solid #006400;
text-align:left;
overflow:auto;
z-index:5;
-ms-overflow-style:none;  /* IE and Edge */
scrollbar-width:none;  /* Firefox */
}

#chartsection {
background-color:#FFFFE0;
position:absolute; bottom:15px; left:5px; right:215px;
height:20vh;
border:1px solid #006400;
z-index:3;
margin:0px; margin-right:inherit;
}

#loginsection {
background-color:#444444; color:#FFFFFF;
width:350px;
padding:20px;
}

.balloon {
background-color:#FFFFFF; color:#006400;
}

.pulldown {
background-color:#FFFFFF; color:#000000;
width:100%;
white-space:nowrap;
text-align:left;
border:1px; border-style:solid; border-spacing:1px;
margin-top:1px; padding:0px;
}

.pulldownshorter {
background-color:#FFFFFF; color:#000000;
width:100%;
white-space:nowrap;
text-align:left;
border:1px; border-style:solid; border-spacing:1px;
margin-top:1px; padding:0px;
}

.button {
background-color:#000000; color:#FFFFFF;
height:20px; width:100%;
white-space:nowrap;
text-align:center;
border-style:solid; border-spacing:1px;
margin-top:1px; padding:0px;
}

.buttonreverse {
background-color:#AAAAAA; color:#006400;
height:20px; width:100%;
white-space:nowrap;
text-align:center;
border-style:solid; border-spacing:1px;
margin-top:1px; padding:0px;
}

.buttonshort {
background-color:#000000; color:#FFFFFF;
height:20px; width:48%;
white-space:nowrap;
text-align:center;
border-style:solid; border-spacing:1px; border-width:2px;
margin-top:1px; padding:1px;
}

.buttonshortreverse {
background-color:#AAAAAA; color:#006400;
height:20px; width:48%;
white-space:nowrap;
text-align:center;
border-style:solid; border-spacing:1px; border-width:2px;
margin-top:1px; padding:1px;
}

.intervalinputfield {
background-color:#E8E8E8;
width:40px;
white-space:nowrap;
text-align:center;
border-style:solid; border-spacing:1px;
margin-top:1px; padding-top:0px;
}

.textinputfield {
background-color:#E8E8E8;
width:100%;
white-space:nowrap;
text-align:center;
border-style:solid; border-spacing:1px;
margin-top:1px; padding-top:0px;
}

.charttypeselected {
color:#000000;
text-align:right;
}
.charttype {
color:#AAAAAA;
text-align:right;
}

.chartmax {
color:#000000;
position:absolute; bottom:17.2vh; left:10px;
overflow:auto;
z-index:4;
}

.chartmin {
color:#000000;
position:absolute; bottom:-0.1vh; left:10px;
overflow:auto;
z-index:4;
}

.grip {
width:20px; height:15px;
margin-top:-3px; margin-left:-5px;
background-image:url('grip.png');
position:relative;
z-index:6;
cursor:ew-resize;
}