/* Developed by ReOnion GmbH. https://www.reonion.de */

/* Only black headings on login page */
h1,h2,h3,h4 {
    color: black;
}

/* Transparent footer to place information on */
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: right;
  font-size: 10px;
}

/* Style the container of the login dialog */
.content {
  width: 500px;
  margin: auto;
  margin-top: 50px;
  position: relative;
  border-radius: 20px;
  background-color: #f2f2f2;
  padding: 10px 0 30px 0;
}

/* For narrow screens the main header items stack on top of each other. */
@media screen and (max-width: 500px) {
.content {
  width: 75%;
  margin: auto;
  position: relative;
  border-radius: 20px;
  background-color: #f2f2f2;
  padding: 10px 0 30px 0;
}
}

/* Style inputs and link buttons of the login dialog */
input {
  width: 80%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}

input:hover,
.btn:hover {
  opacity: 1;
}

input[type=submit] {
  background-color: #67b86a;
  color: white;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}