/*  templates/index.html  */
#easterEgg {
  display: none;
}

#main-content {
  margin-top: 10px;
}

#id_date {
  padding-left: 10px;
}

#main-content::after {
  content: "";
  background-image: url('/static/logo.png');
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: bottom right;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: -1;
}

.table.overview {
  width: 100%;
}

/*  templates/processes/index.html  */
#processes tr.process-current {
}

#processes tr.process-obsolete {
  opacity: 0.25;
  text-decoration: line-through;
}

#processes tr.process-future a.valid_from {
  color: rgb(0, 100, 0);
  font-style: italic;
}

/*  templates/processes/details.html  */
.input-holiday, .input-weekdays {
  display: none;
}

/* templates/about/about.html */
.about {
  background-color:black;
  overflow: hidden;
  padding:50px;
  text-align:center;
}

.about span {
  font:bold 30px Times,Serif;
  margin:0 0;
  padding:0 0;
}

.about .flash {
  animation-direction: alternate;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  animation-name: flash;
  animation-play-state: running;
  animation-timing-function: linear;
}
.about .flash:nth-child(odd) {
  animation-duration: 0.5s;
}

@keyframes flash {
  from {color: red;}
  to {color: white;}
}

.about h1 {
   animation: fire .8s infinite;
   color: black;
   font: 100px bold;
}

@keyframes fire {
  0%{text-shadow:   0 0 2px white, 0 -5px 4px #ff3,    2px -10px 6px #fd3, -2px -15px 11px #f80, -2px -25px 18px #f20;}
  25%{text-shadow:  0 0 3px white, 1px -6px 5px #ff3,  1px -11px 7px #fd3, -2px -16px 13px #f80, -0px -26px 20px #f20;}
  50%{text-shadow:  0 0 3px white, -1px -4px 6px #ff3, 0px -12px 6px #fd3, -3px -16px 15px #f80, -1px -28px 22px #f20;}
  75%{text-shadow:  0 0 2px white, 1px -7px 4px #ff3,  1px -11px 8px #fd3, -1px -14px 12px #f80, -2px -25px 21px #f20;}
  100%{text-shadow: 0 0 2px white, 0 -5px 4px #ff3,    2px -10px 6px #fd3, -2px -15px 11px #f80, -2px -25px 18px #f20;}
}

.about .credits {
  font: 30px bold;
  height: 50vh;
  text-align: center;
}
.about .credits div {
  margin-bottom: 10px;
}