/*
 * animations css stylesheet
 */
.closed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(0deg);
}
.closed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(0deg);
  opacity: 1;
}
.opened {
  opacity: 1;
}
.opened .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}
.opened .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(180deg);
  /*opacity: 0;*/
}
.plus-container {
  height: 32px;
  width: 32px;
  font-size: 16px;
  left: -5px;
  float: left;
  position: relative;
}
.plus-container .horizontal {
  position: absolute;
  background-color: #b3b3b3;
  width: 20px;
  height: 5px;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -3px;
}
.plus-container .vertical {
  position: absolute;
  background-color: #b3b3b3;
  width: 5px;
  height: 20px;
  left: 50%;
  margin-left: -2px;
  top: 50%;
  margin-top: -10px;
}
@media (min-width: 768px) {
  .plus-container {
    left: -45px;
    position: absolute;
  }
}
.resource-item.ng-enter,
.resource-item.ng-leave,
.resource-item.ng-move {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.resource-item.ng-enter,
.resource-item.ng-move {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.resource-item.ng-move.ng-move-active,
.resource-item.ng-enter.ng-enter-active {
  opacity: 1;
  height: 120px;
}
.resource-item.ng-leave {
  opacity: 1;
  overflow: hidden;
}
.resource-item.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
/* cross fading between routes with ngView */
.view-container {
  /* position: relative;*/
}
.view-frame.ng-enter,
.view-frame.ng-leave {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.view-frame.ng-enter {
  -webkit-animation: 0.5s fade-in;
  -moz-animation: 0.5s fade-in;
  -o-animation: 0.5s fade-in;
  animation: 0.5s fade-in;
  z-index: 100;
}
.view-frame.ng-leave {
  -webkit-animation: 0.5s fade-out;
  -moz-animation: 0.5s fade-out;
  -o-animation: 0.5s fade-out;
  animation: 0.5s fade-out;
  z-index: 99;
}
.startup-tip.ng-hide,
.startup-screen.ng-hide,
.startup-content.ng-hide {
  opacity: 0;
}
.startup-tip.ng-hide-add,
.startup-tip.ng-hide-remove,
.startup-screen.ng-hide-add,
.startup-screen.ng-hide-remove,
.startup-content.ng-hide-add,
.startup-content.ng-hide-remove {
  transition: all linear 0.5s;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*# sourceMappingURL=animations.css.map */