@charset "UTF-8";
/* CSS Document */

.text-red {
  color: #FD3823;
}

.text-green {
  color: #44DB5E;
}

.text-blue {
  color: blue;
}

.text-gray {
  color: #ccc;
}

.debug-box {
  /*display: none;*/
  opacity: 0.4;
  margin: 10px 0;
  padding: 5px 10px;
  border: #f00 2px dashed;
}

.debug-box:after {
  color: #f00;
  content: "***This area should be invisibled after production!***";
}

.admin-only,
.login-only {
  display: none;
}

body.authenticated .login-only {
  display: block;
}

body.administrator .admin-only {
  display: block;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.flip {
	transition-duration: .5s;
	transform: rotateY(90deg);
}