header{
  background: url('/img/headerSeko.png');
  width: 100%;
  height: 130px;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #333;
}

table {
  text-align: left;
  line-height: 40px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #0075AF;
  width: 80%;
  margin: 50px auto;
  border-radius: .25rem;
}

thead tr:first-child {
  background: #0075AF;
  color: #fff;
  border: none;
}

th:first-child,
td:first-child {
  padding: 0 15px 0 20px;
}

th {
  font-weight: 500;
}

thead tr:last-child th {
  border-bottom: 3px solid #ddd;
}

tbody tr:hover {
  background-color: #f2f2f2;
  cursor: default;
}

tbody tr:last-child td {
  border: none;
}

tbody td {
  border-bottom: 1px solid #ddd;
}


td:last-child {
  text-align: right;
  padding-right: 10px;
}

.button {
  color: #aaa;
  cursor: pointer;
  vertical-align: middle;
  margin-top: -4px;
}

.edit:hover {
  color: #0a79df;
}

.delete:hover {
  color: #0075AF;
}


a:link {
  color: #0075AF;
}

/* visited link */
a:visited {
  color: #0075AF;
}

/* mouse over link */
a:hover {
  color: #0075AF;
}

/* selected link */
a:active {
  color: #0075AF;
}

.old, .future{

  opacity: 0.4;

 }

 .future{

  opacity: 0.7;

 }