/* line 2, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-portal h1 {
  color: #EFEFEF;
  font-weight: bold !important;
}

/* line 7, app/assets/stylesheets/integrations/v1/authentication.scss */
.powered-by {
  bottom: 3rem !important;
  right: 3rem !important;
  position: absolute !important;
}

/* line 13, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-form .barter-logo {
  margin-left: 35px !important;
}

/* line 16, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-form label {
  font-size: 0.9em !important;
  color: #4460ff !important;
}

/* line 20, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-form input[type=password] {
  letter-spacing: 5px !important;
  font-weight: bolder !important;
  -webkit-text-security: square !important;
}

/* line 25, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-form input[type=text], .login-form input[type=password] {
  background: #F2F2F2 !important;
  color: #5b5f74 !important;
  width: 100% !important;
  border: 0px !important;
  padding: 15px !important;
}

/* line 32, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-form input[type=text]:not([name="mapping[settings][email_recipients]"]) {
  background: transparent !important;
}

/* line 35, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-form .btn-submit {
  font-size: 90% !important;
  width: 40% !important;
}

/* line 39, app/assets/stylesheets/integrations/v1/authentication.scss */
.login-form .login-credits {
  opacity: 0.7 !important;
  bottom: 3rem !important;
  font-size: 0.9em !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* line 48, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles {
  pointer-events: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 58, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animateBoxes 25s linear infinite;
  bottom: -150px;
}

/* line 70, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

/* line 78, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

/* line 86, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

/* line 93, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

/* line 101, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

/* line 108, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

/* line 115, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

/* line 122, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

/* line 130, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

/* line 138, app/assets/stylesheets/integrations/v1/authentication.scss */
.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animateBoxes {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}