.splash {
  width: 500px;
  margin: 60px auto 0 auto;
  border-radius: 6px;
}

.splash .logo {
  width: 200px;
  margin: 0 auto;
}

.splash .login {
  width: 300px;
  margin: 0 auto;
}
.splash .login input {
  width: 200px;
}



.dashboard {
  max-width: 500px;
  margin: 60px auto 0 auto;
  padding: 0 10px;
}
.dashboard .show-api-endpoint {
  font-weight: normal;
}

.databases {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.databases li {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.databases .db {
  font-size: 22px;
}
.databases a {
  text-decoration: none;
}

.databases .error {
  padding: 6px 10px;
  color: #a94442;
  background-color: #f2dede;
  border: 1px #ebccd1 solid;
  border-radius: 4px;
  margin-bottom: 4px;
}

.users {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.users li {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  position: relative;
}
.users .remove-user {
  left: -18px;
  text-decoration: none;
  font-size: 22px;
  position: absolute;
  padding-right: 12px;
}

.hidden {
  display: none;
}

#daterange {
  z-index: 100;
  width: 40vw;
  position: absolute;
  top: 60px;
  left: 60px;
  border: 3px #aaa solid;
  border-radius: 4px;
  background: white;
}
#daterange .in {
  margin: 4px;
}