.message-enter {
   transform: translate(0,-50px);
   transform: translate3d(0,-50px,0);
   opacity: 0.1 !important;
}

.message-enter.message-enter-active {
  transform: translate(0,0);
	transform: translate3d(0,0,0);
  opacity: 1.0 !important;
  transition: opacity 0.5s ease;
  transition-property: transform, opacity;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.175, 0.665, 0.320, 1), linear;
}

.message-leave {
  transform: translate(0,0);
  transform: translate3d(0,0,0);
  opacity: 1 !important;
}

.message-leave.message-leave-active {
  transform: translate(0,-50px);
	transform: translate3d(0,-50px,0);
  opacity: 0.1 !important;
  transition: opacity 0.5s ease;
  transition-property: transform, opacity;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.175, 0.665, 0.320, 1), linear;
}

.messages-global .message {
  opacity: unset;
}

/* Spinner */
.loader {
  position: absolute;
  height: 40px;
  width: 144px;
  top: 40%;
  left: 50%;
  margin-left: -72px;
  margin-top: -60px;
}
.loader-logo {
  height: 40px;
  width: 144px;
  background-color: transparent;
  background-size: cover;
}
@keyframes loading {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.loader-progress {
  position: absolute;
  top: 125%;
  left: -35px;
  height: 4px;
  width: 214px;
  background: #eaeaea;
}
.loader-progress:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: #61a4f6;
  animation-duration: 8s;
  animation-name: loading;
  animation-timing-function: cubic-bezier(.2,.84,.38,.87);
}

.dialog-title {
  font-size: 1.5em;
}

.powerform-dialog-instructions {
  white-space: pre-wrap;
}

.powerform-dialog-role {
  font-size: 1.17em;
}