/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
















 */
/* line 32, /home/reform-apps/reform_production/app/assets/stylesheets/application.css.scss */
#loader {
  animation: loader 5s cubic-bezier(0.8, 0, 0.2, 1) infinite;
  height: 40px;
  width: 41px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

@keyframes loader {
  90% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
/* line 44, /home/reform-apps/reform_production/app/assets/stylesheets/application.css.scss */
#top {
  animation: top 5s linear infinite;
  border-top: 20px solid #1ab394;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  height: 0px;
  width: 1px;
  transform-origin: 50% 100%;
}

@keyframes top {
  90% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
/* line 57, /home/reform-apps/reform_production/app/assets/stylesheets/application.css.scss */
#bottom {
  animation: bottom 5s linear infinite;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #1ab394;
  border-left: 20px solid transparent;
  height: 0px;
  width: 1px;
  transform: scale(0);
  transform-origin: 50% 100%;
}

@keyframes bottom {
  10% {
    transform: scale(0);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/* line 72, /home/reform-apps/reform_production/app/assets/stylesheets/application.css.scss */
#line {
  animation: line 5s linear infinite;
  border-left: 1px dotted #1ab394;
  height: 0px;
  width: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
}

@keyframes line {
  10% {
    height: 20px;
  }
  100% {
    height: 20px;
  }
}