#map {
                height: 800px;
                width: 96%
            }
            .map {
                position: absolute;
                top:0;
                width:100%;
                z-index: -2;
            }
            .overlays {
                position: absolute;
                z-index: 0;
                left: 1em;
                top: 20px;
                color:#44546A;
                font-family: Segoe UI;
                font-size: 12px;
            }
            .spotlabel {
                position:absolute;
                z-index: 0;
                color: #44546A;
                background-color: rgba(217,217,217,192);
                display:none;
                border: 2px solid #6cc598; border-radius: 14px;
                padding: 5px 8px 5px 8px;
                font-family: Segoe UI;
                /*margin-left: 20px;
                margin-top: -20px;*/
            }
            .spotlabel #head {
               font-size: 12px;
               font-weight: bold;
               margin: 0px 4px 8px 4px;
           }
            .spotlabel #headI {
               font-size: 12px;
               font-weight: bold;
               margin: 0px 4px 0px 4px;
           }
 /*           p #head {
               font-size: 12px;
               font-weight: bold;
               color: red;
           }*/
           .spotlabel #subhead {
               font-size: 12px;
               margin: 0px 4px 8px 4px;
           }
           .spotlabel #psub {
               font-size: 12px;
               margin: 0px 4px 8px 4px;
           }
           /*.spotlabel table {
               align-content: left;
           }*/
           .spotlabel table, th, td {
               font-weight: normal;
               align-content: left;
               font-size: 12px;
            }
            .spotlabel #scroller {
                overflow-y:scroll;
                max-height:200px;
            }
            .spotlabel #spiel {
                font-weight: normal;
                font-size: 12px;
            }
            .spotlabel #date {
                font-weight: normal;
                font-size: 10px;
            }
            .spotlabel img {
                max-width: 100%;
            }
            #bar {
                min-width: 80px;
            }
            #barbar {
                background-color: #6CC598;
                height: 5px;
            }
            #barleft {
                background-color: grey;
                width: 2px;
                height: 100%;
            }
            .vline {
                border-left:1px solid #7388a5;
                padding-left:0px;
            }
 
            
            .acontrol {             /* Data type selection overlays */
                background-color: white;
                border: 2px solid #6cc598; border-radius: 14px;
                padding-top: 5px;
                padding-left: 8px;          
                padding-right: 10px;
                margin-bottom: 12px;
                width: 23em;
                min-height: 23px;
                height: auto;
            }
            .dimg {                 /* 'dropper' image */
                height:28px;
            }
            .dbtn {                 /* 'dropper' button */
                cursor: pointer;
                background: transparent;
                border: none;
                float: right;
                width:32px;
                height: 28px;
                margin-top: -5px;
            }

            /* Temp for test table */
 /*           .btable {
                border: 1px solid graytext;
            }
            .btable th,td {
                border: 1px solid graytext;
                padding-left: 10px;
                padding-right: 10px;
                align-content: center;
                background-color: pink;
            }*/
			
			#hexranger {
				display: none;
			}
			
			.dot {
			  height: 10px;
			  width: 10px;
			  border-radius: 50%;
			  display: inline-block;
			  float:right;
			  margin-right:3px;
			  margin-top:3px;
			}

.loader {
  border: 8px solid #ffffff;
  border-radius: 50%;
  border-top: 8px solid #6cc598;
  width: 35px;
  height: 35px;
  -webkit-animation: spin 0.5s linear infinite; /* Safari */
  animation: spin 0.5s linear infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display:none;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}