body {
  margin:0;
  padding: 0;
}

#loading {
  display: block;
  position: absolute;
  top: 30vh;
  left: 50vw;
  margin-left: -25vw;
  width: 50vw;
  box-sizing: padding-box;
  text-align: center;
  background-color: rgba(200,200,200,0.5);
  border: 1px #999 solid;
  border-radius: 5px;
  font-size: 4em;
  color: #666;
}

header, footer {
  background-color: #333;
  box-sizing: padding-box;
  color: #EEE;
}

header {
  padding-top: 5px;
  padding-bottom: 10px;
}

footer {
  padding-top: 10px;
  padding-bottom: 5px;
}

header h1 {
  margin-top: 0;
  padding-top : 0;
}

header h2 {
  display: none;
}

header h1 {
  font-size: 20px;
}

h4 {
}

#index-page header h1 {
  font-size: 36px;
}

#index-page header h2 {
  display: block;
}

header a, header a:link,header a:visited,header a:active ,
footer a, footer a:link,footer a:visited,footer a:active {
  color: #1CB841;
  text-decoration:none;
}

a, a:link, a:visited, a:active {
  color: #1CB841;
  text-decoration:none;
}

.content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding: 12px;
}

#content {
   min-height: 80vh;
   padding-bottom: 20px;
}

form#search {
  margin-top: 20px;
}

form#search button {
  margin-left: 10px;
  margin-top: 3px;
}

.category {
  color: #FFF;
  background-color: #999;
  border-radius: 30px;
  padding: 12px 10px 12px 10px;
}

.EX,.EW {
  background-color: #000;
}

.CR {
  background-color: #811;
}

.EN {
  background-color: #C55;
}

.VU {
  background-color: #A33;
}

.NT {
  background-color: #33A;
}

.LC {
  background-color: #3A3;
}

.DD {
  background-color: #999;
}

table {
  font-size: 16px;
}

table tr td:first-child {
  /* font-weight: bold;*/
  padding-right: 10px;
}

#map {
  height: 80vh;
}

.assess-info td, .assess-info th {
  text-align: left;
  border: 1px #ccc solid;
  padding: 10px;
}

#dropfile {
  width: 90%;
  box-sizing: padding-box;
  margin: 0;
  padding: 5px;
  border: 1px dashed #ccc;
  text-align: center;
}

#dropfile.hover {
  border: 1px dashed blue;
}

/* pure buttons */
.button-success, .button-error, .button-warning, .button-secondary { color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .button-success { background: rgb(28, 184, 65); /* this is a green */ } .button-error { background: rgb(202, 60, 60); /* this is a maroon */ } .button-warning { background: rgb(223, 117, 20); /* this is an orange */ } .button-secondary { background: rgb(66, 184, 221); /* this is a light blue */ }