body {
    background-color: #004040;
    color: #FFFF80;
}

a:link {
    color: #C0C0FF;
}

a:visited {
    color: #FFC0FF;
}

a:hover {
    color: #C0FFFF;
}

a:active {
    color: #E0E0E0;
}

table, th, td {
  border: 1px solid;
  padding: 5px;
}

td a {
  padding: 0.5rem;
}

table {
  background-color: #000080;
}

.odd th, .odd td {
  background-color: #000040;
}

.number {
  text-align: right;
}

td.select {
  text-align: center;
}

div.container-buttons {
  padding: 2px;
  margin-top: 1rem;
}

div.warning {
  border: 2px solid;
  border-color: orange;
  background-color: #202000;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
}

div.error {
  border: 2px solid;
  border-color: red;
  background-color: #200000;
  color: orange;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
}

div.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  column-gap: 1rem;
}

div.flex-container div.account {
  margin-left: auto;
}

div.flex-container div.journal-date {
  margin-left: auto;
}

div.byline {
  text-align: center;
  font-size: 0.875em;
}

input[name="summary"] {
  width: 100%;
}

input[name="name"] {
  width: 100%;
}

input[name="short_description"] {
  width: 100%;
}

textarea[name="description"] {
  width: 100%;
}

fieldset {
  margin-bottom: 0.5rem;
}

div.helptext {
  margin-bottom: 0.5rem;
}

table#editevent {
  margin-bottom: 0.5rem;
}

div.pagination {
  padding: 1rem;
}

div.navbar {
  background-color: #008080;;
  color: white;
}

div.navbar a {
  display: inline-block;
  padding: 1rem;
}

div.navbar div:hover {
  background-color: #000080;
  color: yellow;
}

button {
  margin: 0.25rem;
}

h1, h2, h3, h4, th {
  color: #FFFFE0;
}

div.journal-entry {
  background-color: #003030;
  margin: 0.5rem;
  padding: 1rem;
}