* {
  font-family: adobe-text-pro, serif;
}

:root {
  --body-background: ghostwhite;
}

html, body {
  margin: 0;
  height: 100%;
  background-color: var(--body-background);
  background-size: auto;
}

#footer-push {
  height: 84px;
}

#wrapper {
  width: 40%;
  max-width: 1024px;
  min-width: 500px;
  margin: auto;
  min-height: 100%;
  margin-bottom: -76px;
  background-color: #ffffff;
  box-shadow: 1px 0px 3px 1px rgb(191 191 191);
}

h2 {
  text-shadow: 1px 1px 2px #adadad;
}

input, select, textarea {
  border: None;
  box-shadow: 1px 1px 4px darkgray;
}

input {
  height: 20px;
  padding: 2px;
  border-radius: 3px;
}

select {
  height: 22px;
  padding: 2px;
  border-radius: 3px;
}

textarea {
  border-radius: 3px;
}

input[type="radio"] {
  vertical-align: middle;
  box-shadow: none;
}

input[type="checkbox"] {
  vertical-align: middle;
  box-shadow: none;
  height: 16px;
  width: 16px;
}

input[type="submit"], input[type="button"], button {
  background-color: #666666;
  color: white;
  border: 1px solid gray;
  height: 26px;
  box-shadow: 1px 1px 5px 0px gray;
  border-radius: 3px;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
  background-color: #e7e7e7;
  color: black;
  cursor: pointer;
}

input[disabled], select[disabled] {
  background-color: #f2f2f2;
  cursor: not-allowed;
}

.group-label {
  color: #5779a5;
  text-decoration: underline;
}

.highlighted {
  background-color: lightblue;
}

.tableheader {
  background-color: #96b3ce;
}

.list-table {
  border-collapse: collapse;
}

.list-table tr:nth-child(odd) {
  background-color: #e8e8e8;
}

.list-table th, .list-table td {
  height: 30px;
}


@media (max-width: 2050px) {
  #wrapper, #footer {
    width: 50% !important;
  }
}

@media (max-width: 1625px) {
  #wrapper, #footer {
    width: 62% !important;
  }
}

@media (max-width: 1300px) {
  #wrapper, #footer {
    width: 75% !important;
  }
}

@media (max-width: 1050px) {
  #wrapper, #footer {
    width: 90% !important;
  }
  html, body {
    background: none !important;
    background-color: var(--body-background) !important;
  }
}