/* These styles are generated from project.scss. */

.blue_bg {
  background-color: lightblue;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.bottom-right-img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  animation: 3s linear 1s infinite alternate slidein;
}

.bottom-left-img {
  position:absolute;
  bottom:0;
  right: 0;
  animation: bounce;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: 2;
}

.border-5{
  border-style: solid;
  border-width: 5px;
  border-color: green;
}

/* prevent empty table rows from 'collapsing' */
td:empty::after{
  content: "\00a0";
}

/*.bottom-left-img {*/
/*  position:absolute;*/
/*  bottom:0;*/
/*  right:-55px;*/
/*  animation-name: vslide_up;*/
/*  animation-duration: 6s;*/
/*  !*animation: shake 0.5s;*!*/
/*  animation-iteration-count: infinite;*/
/*  z-index: -1;*/
/*;*/
/*}*/

/*.top-right-img {*/
/*  position:absolute;*/
/*  left:-55px;*/
/*  z-index: -1;*/
/*  animation-name: vslide_down;*/
/*  animation-duration: 4s;*/
/*  animation-iteration-count: infinite;*/
/*}*/

/*@keyframes vslide_down {*/
/*  !*0% {transform: translateY(-10px);}*!*/
/*  50% {transform: translateY(100px);}*/
/*  100% {transform: translateY(0px);}*/
/*}*/

/*@keyframes vslide_up {*/
/*  !*0% {transform: translateY(-10px);}*!*/
/*  50% {transform: translateY(-100px);}*/
/*  100% {transform: translateY(0px);}*/
/*}*/

/*@keyframes shake {*/
/*  0% { transform: translate(1px, 1px) rotate(0deg); }*/
/*  10% { transform: translate(-1px, -2px) rotate(-1deg); }*/
/*  !*20% { transform: translate(-3px, 0px) rotate(1deg); }*!*/
/*  30% { transform: translate(3px, 2px) rotate(0deg); }*/
/*  40% { transform: translate(1px, -1px) rotate(1deg); }*/
/*  50% { transform: translate(-1px, 2px) rotate(-1deg); }*/
/*  !*60% { transform: translate(-3px, 1px) rotate(0deg); }*!*/
/*  !*70% { transform: translate(3px, 1px) rotate(-1deg); }*!*/
/*  !*80% { transform: translate(-1px, -1px) rotate(1deg); }*!*/
/*  !*90% { transform: translate(1px, 2px) rotate(0deg); }*!*/
/*  !*100% { transform: translate(1px, -2px) rotate(-1deg); }*!*/
/*}*/

/*@keyframes example {*/
/*!*0%   {background-color:red; left:0px; top:0px;}*!*/
/*  !*25%  {background-color:yellow; left:200px; top:0px;}*!*/
/*  !*50%  {background-color:blue; left:200px; top:200px;}*!*/
/*  !*75%  {background-color:green; left:0px; top:200px;}*!*/
/*  !*100% {background-color:red; left:0px; top:0px;}*!}*/

/*@keyframes spin {*/
/*  0% {left:200px}*/
/*  100% { transform:rotate(360deg); left:800px; } }*/


@keyframes slidein {
  0% { margin-left: 0;}
  10% { margin-left: -40%;}
  100% { margin-left: 75%;}
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}