.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(res/meter.png); width:512px; height:92px; }

.base_00000 {width:512px; height:92px; background-position: -0px -0px}
.base_00001 {width:512px; height:92px; background-position: -512px -0px}
.base_00002 {width:512px; height:92px; background-position: -1024px -0px}
.base_00003 {width:512px; height:92px; background-position: -1536px -0px}
.base_00004 {width:512px; height:92px; background-position: -0px -92px}
.base_00005 {width:512px; height:92px; background-position: -512px -92px}
.base_00006 {width:512px; height:92px; background-position: -1024px -92px}
.base_00007 {width:512px; height:92px; background-position: -1536px -92px}
.base_00008 {width:512px; height:92px; background-position: -0px -184px}
.base_00009 {width:512px; height:92px; background-position: -512px -184px}
.base_00010 {width:512px; height:92px; background-position: -1024px -184px}
.base_00011 {width:512px; height:92px; background-position: -1536px -184px}
.base_00012 {width:512px; height:92px; background-position: -0px -276px}
.base_00013 {width:512px; height:92px; background-position: -512px -276px}
.base_00014 {width:512px; height:92px; background-position: -1024px -276px}
.base_00015 {width:512px; height:92px; background-position: -1536px -276px}
.base_00016 {width:512px; height:92px; background-position: -0px -368px}
.base_00017 {width:512px; height:92px; background-position: -512px -368px}
.base_00018 {width:512px; height:92px; background-position: -1024px -368px}
.base_00019 {width:512px; height:92px; background-position: -1536px -368px}
.base_00020 {width:512px; height:92px; background-position: -0px -460px}
.base_00021 {width:512px; height:92px; background-position: -512px -460px}
.base_00022 {width:512px; height:92px; background-position: -1024px -460px}
.base_00023 {width:512px; height:92px; background-position: -1536px -460px}
.base_00024 {width:512px; height:92px; background-position: -0px -552px}
.base_00025 {width:512px; height:92px; background-position: -512px -552px}
.base_00026 {width:512px; height:92px; background-position: -1024px -552px}
.base_00027 {width:512px; height:92px; background-position: -1536px -552px}
.base_00028 {width:512px; height:92px; background-position: -0px -644px}
.base_00029 {width:512px; height:92px; background-position: -512px -644px}
.base_00030 {width:512px; height:92px; background-position: -1024px -644px}
.base_00031 {width:512px; height:92px; background-position: -1536px -644px}
.base_00032 {width:512px; height:92px; background-position: -0px -736px}
.base_00033 {width:512px; height:92px; background-position: -512px -736px}
.base_00034 {width:512px; height:92px; background-position: -1024px -736px}
.base_00035 {width:512px; height:92px; background-position: -1536px -736px}
.base_00036 {width:512px; height:92px; background-position: -0px -828px}
.base_00037 {width:512px; height:92px; background-position: -0px -920px}
.base_00038 {width:512px; height:92px; background-position: -0px -1012px}
.base_00039 {width:512px; height:92px; background-position: -0px -1104px}
.base_00040 {width:512px; height:92px; background-position: -0px -1196px}
.base_00041 {width:512px; height:92px; background-position: -0px -1288px}
.base_00042 {width:512px; height:92px; background-position: -0px -1380px}
.base_00043 {width:512px; height:92px; background-position: -0px -1472px}
.base_00044 {width:512px; height:92px; background-position: -0px -1564px}
.base_00045 {width:512px; height:92px; background-position: -0px -1656px}
.base_00046 {width:512px; height:92px; background-position: -0px -1748px}
.base_00047 {width:512px; height:92px; background-position: -0px -1840px}
.base_00048 {width:512px; height:92px; background-position: -0px -1932px}
.base_00049 {width:512px; height:92px; background-position: -512px -828px}
.base_00050 {width:512px; height:92px; background-position: -1024px -828px}
.base_00051 {width:512px; height:92px; background-position: -1536px -828px}
.base_00052 {width:512px; height:92px; background-position: -512px -920px}
.base_00053 {width:512px; height:92px; background-position: -1024px -920px}
.base_00054 {width:512px; height:92px; background-position: -1536px -920px}
.base_00055 {width:512px; height:92px; background-position: -512px -1012px}
.base_00056 {width:512px; height:92px; background-position: -1024px -1012px}
.base_00057 {width:512px; height:92px; background-position: -1536px -1012px}
.base_00058 {width:512px; height:92px; background-position: -512px -1104px}
.base_00059 {width:512px; height:92px; background-position: -1024px -1104px}
.base_00060 {width:512px; height:92px; background-position: -1536px -1104px}
.base_00061 {width:512px; height:92px; background-position: -512px -1196px}
.base_00062 {width:512px; height:92px; background-position: -1024px -1196px}
.base_00063 {width:512px; height:92px; background-position: -1536px -1196px}
.base_00064 {width:512px; height:92px; background-position: -512px -1288px}
.base_00065 {width:512px; height:92px; background-position: -1024px -1288px}
.base_00066 {width:512px; height:92px; background-position: -1536px -1288px}
.base_00067 {width:512px; height:92px; background-position: -512px -1380px}
.base_00068 {width:512px; height:92px; background-position: -512px -1472px}
.base_00069 {width:512px; height:92px; background-position: -512px -1564px}
.base_00070 {width:512px; height:92px; background-position: -512px -1656px}
.base_00071 {width:512px; height:92px; background-position: -512px -1748px}
.base_00072 {width:512px; height:92px; background-position: -512px -1840px}
.base_00073 {width:512px; height:92px; background-position: -512px -1932px}
.base_00074 {width:512px; height:92px; background-position: -1024px -1380px}
.base_00075 {width:512px; height:92px; background-position: -1536px -1380px}
.base_00076 {width:512px; height:92px; background-position: -1024px -1472px}
.base_00077 {width:512px; height:92px; background-position: -1536px -1472px}
.base_00078 {width:512px; height:92px; background-position: -1024px -1564px}
.base_00079 {width:512px; height:92px; background-position: -1536px -1564px}
.base_00080 {width:512px; height:92px; background-position: -1024px -1656px}
.base_00081 {width:512px; height:92px; background-position: -1536px -1656px}
.base_00082 {width:512px; height:92px; background-position: -1024px -1748px}
.base_00083 {width:512px; height:92px; background-position: -1536px -1748px}
.base_00084 {width:512px; height:92px; background-position: -1024px -1840px}
.base_00085 {width:512px; height:92px; background-position: -1536px -1840px}
.base_00086 {width:512px; height:92px; background-position: -1024px -1932px}
.base_00087 {width:512px; height:92px; background-position: -1536px -1932px}



html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }


#formContainer {
background-color:#000;
color:#fff;
padding:20px;
width: 90%;
height: 100%;
    z-index:155;
      position: absolute;
    top:0;
    left:0;
    display: none;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  color:#fff;
  background-color:#555;
}

input[type=submit] {
  background-color: #ea0a8e;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}



.gm-style div:nth-of-type(2), .gm-style div:nth-of-type(4), .gm-style div:nth-of-type(6)  {
    //margin-bottom:20%;
    top:0px;
    height:14px;
}

#map {
    height: 100%;
       z-index: 30;
      padding-bottom:-200px;
  }
  #mapfooter {
    height: 10%;
       z-index: 30;
     // background-color:#000;
  }

#insideCheckArea {
    width: 100%;
    height: 100%;
    background-color: #000;
    //display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: 20;
}

#splashScreen {
    width: 100%;
    height: 100%;
    background-image: url("res/splash.jpg"); /* The image used */
    background-color: #000; 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center; 
    position: absolute;
    top:0;
    left:0;
    z-index: 100;
}

.debug {
    color: white;
}

#uitop {

    z-index: 33;
    margin: 0;
    padding:0;
    position: fixed;
    top:0;
    width: 100%; 

}



#uibottom {

    z-index: 33;
    margin: 0;
    padding:0;
    position: fixed;
    bottom:0;
    width: 100%; 

}

#meter {

    z-index: 33;
    margin: 0;
    padding:0;
    position: fixed;
    bottom:20%;
    width: 100%; 

}



body {margin:0;}

#photoModeContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}

#flash {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  z-index: 10;
  opacity: 0;
  transition: 0.5s;
}

.flash #flash {
  opacity: 1;
  transition: 0s;
  pointer-events: auto;
}

#photoModeImage {
  position: absolute;
  max-width: 80%;
  max-height: 80%;
 padding-top:10%;
    background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
z-index:20;
  border-radius: 2vmax;
  opacity: 0;
  transition: 0.5s;
}

.photo #photoModeImage {
  opacity: 1;
  transition: 0s;
  pointer-events: auto;
}

#formButton {
  position: absolute;
     display: none;
  width: 44vmin;
  height: 15vmin;
  background-color: white;
  bottom: 20vmax;
  border-radius: 7.5vmin;
  left: 44%;
  transform: translateX(-50%);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: auto;
    z-index: 22;
      background-image: url('res/form.png');
     display: none;
}

#pendingNotice {
  position: absolute;
     display: none;
  width: 44vmin;
  height: 15vmin;
  background-color: white;
  bottom: 20vmax;
  border-radius: 7.5vmin;
  left: 44%;
  transform: translateX(-50%);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: auto;
    z-index: 22;
      background-image: url('res/pending.png');
     display: none;
}

#shutterButton, #closeButton {
  position: absolute;
     display: none;
  width: 15vmin;
  height: 15vmin;
  background-color: white;
  bottom: 20vmax;
  border-radius: 7.5vmin;
  left: 80%;
  transform: translateX(-50%);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: auto;
    z-index: 22;
}

#shutterButton {
  background-image: url('res/camera.png');
    display: none;
}

.photo #shutterButton{
  display: none;
}

 #photoCaption {
    position: absolute;
    width:80%;
    max-width: 80%;
    max-height: 80%;
    background-color: #fff;
    top: 11%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Roboto', sans-serif;
    font-size:1.1em;
    font-weight: 700;
    color:#ea0a8e;
    text-align:center;
    z-index:21;
    display: none;
}

.photo #photoCaption {
  display: block;
}

#closeButton {
  background-image: url('res/close.png');
  display: none;
}

.photo #closeButton {
  display: block;
}