body, html { margin:0; padding:0; height:100%;}
body { font-family:sans-serif; }
body * { font-weight:200;}
#main {height: 100%; width: 100%; }
#map { height:66%; position: absolute;top:0;button:0;right:0;left:0;}
#tip-table {
    object-position: center bottom;
    /* display: none; */
    /* top: 160px; left: 12px; */
    /* object-position: center top; */
    /* left: 0%; */
    top: 66%; 
    height:33%;
    width:100%;
    /* bring your own prefixes */
    /* transform: translate(-50%, 0%); */

    /* z-index:11000;  */
}
.leaflet-container {
    background: rgba(0,0,0,.8) !important;
}

.load-button {
    position:absolute;
    padding:0px; 
    top: 80px; left: 12px;
    width: 30px; height: 30px;
    display: flex;
    z-index:10000;
}
.load-button .file-upload {
    height: 30px; width: 30px;
    border-radius: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #FFFFFF;
    overflow: hidden;
    background-image: linear-gradient(to button, #2590EB 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    transition: all 0.1s;
    color: #FFFFFF;
    font-size: 20px;
}
.load-button .file-upload input[type=file] {
    height: 20px; width: 20px;
    position: absolute;
    top: 0; left: 0;
    opacity: 0;
    cursor: pointer;
}
.load-button .file-upload:hover {
    background-position: 0 -100%;
    color: #2590EB;
}
    #locate-button {
         top: 120px; left: 12px;
        height: 30px; width: 30px;
        border-radius: 15px;
        background: #FFFFFF;
        position: absolute;
        z-index:10000;
    }
   #find-me {
        mask: url("/geo-location.svg") 0 0/30px 30px no-repeat; 
        height: 30px; width: 30px;
        background: #2590EB;
        position: absolute;
        z-index:10000;
    }
   #find-me:hover {
       background: #FFFFFF;
   }
   #locate-button:hover {
       background: #2590EB;
   }

   #locate-info {
       display: none;
       height: 120px; width: 120px;
       position: fixed;
       background: #FFFFFF;
       top: 50%;
       left: 50%;
       /* bring your own prefixes */
       transform: translate(-50%, -50%);
       z-index:12000;
   }