/*  
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
*/

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #515151;
}

#header {
  display: block;
  margin: auto;
  padding-top: 30px;
}

#logo {
  width: 360px;
  display: block;
}

#mainmenu {
  margin: 0;
  padding: 0;
  margin-top: 30px;
}

#mainmenu li {
  margin: 0;
  padding: 10px 0;
  display: inline-block;
  padding-right: 30px;
}

#mainmenu li a {
  color: #515151;
  transition: color 0.8s;
  text-decoration: none;
}

#mainmenu li.selected a {
  color: #0054a8;
}

#mainmenu li:hover a {
  color: #0054a8;
}

#header-divider {
  width: 100%;
  border-top: 3px solid #0054a8;
}

#content {
  display: block;
  margin: auto;
  padding-top: 30px;
}

@media (min-width: 768px) {
  #header, #content {
    width: 750px;
  }
}

@media (min-width: 992px) {
  #header, #content {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  #header, #content {
    width: 1170px;
  }
}

/* Flash messages */
.messages {
  background: #0054a8;
  color: white;
  padding: 20px;
  margin: 0;
  list-style: none;
}

.messages li {
  margin: 0;
  padding: 0;
}


/* Links */
a {
  color: #0054a8;
}

/* Inputs + buttons */
input:not([type=checkbox]):not([type=radio]) {
  border: 1px solid #ddd;
  padding: 7px;
  width: 300px;
}

button,
a.button {
  padding: 10px 15px;
  color: white;
  font-size: 15px;
  background: #999;
  border: none;
  text-decoration: none;
  border-radius: 3px;
  outline: none;
  transition: opacity 0.2s;
  cursor: pointer;
}

button.primary,
a.button.primary {
  background: #0054a8;
}

button:hover,
a.button:hover {
  opacity: 0.85;
}

ul.errors {
  list-style: none;
  padding: 0;
  margin: 5px;
}

ul.errors li {
  color: red;
  font-size: 12px;
}

/* Tables */
table {
  border-collapse: collapse;
}

td, th {
  vertical-align: top;
  padding: 5px 10px;
  text-align: left;
}

td:first-child, th:first-child {
  padding-left: 0;
}

td:last-child, th:last-child {
  padding-right: 0;
}

table.data {
  width: 100%;
}

table.data tr:hover td {
  background: #fafafa;
}

table.data td,
table.data th {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 10px;
  padding-bottom: 10px;
}

table.data td {
  vertical-align: middle;
}

td.history, td.min, td.max {
  padding-top: 3px;
  padding-bottom: 0;
  line-height: 30px;
}

td.history svg, td.min svg, td.max svg {
  color: #0054a8;
  display: inline-block;
  vertical-align: middle;
}

td.min svg, td.max svg {
  width: 30px;
  height: 30px;
}

td.action-reached, td.action-reached svg {
  color: #f75500;
}

td.limit-reached, td.limit-reached svg {
  color: #b31919;
}

#privacy-policy .italics {
  font-style: italic;
}

#privacy-policy .bold {
  font-weight: bold;
}

#privacy-policy ul {
  list-style: none;
}