﻿/*$button-sizes: ( tiny: 0.6rem, small: 0.75rem, default: 0.9rem, large: 1.25rem);*/
input[type=text] {
  height: 4.4rem;
  padding-left: 1.3rem;
  font-size: 1.1875rem;
  box-shadow: none;
  background-color: white;
  border-color: #CCCCCC;
  outline: none;
  z-index: 2;
  position: relative;
}

button {
  height: 4.4rem;
}

.form-error {
  background-color: #ed6564;
  padding-left: 1.3rem;
  border-radius: 0.3125rem;
  z-index: 1;
  margin-top: -1.5rem;
  padding-top: 1rem;
  padding-bottom: 0.4rem;
}

._form {
  background-color: #FFFFFF;
}

.fa_spinner {
  display: none;
}

/********************Captcha Block*********************/
.translate-arrow {
  color: #3E3453;
  font-size: 2.5rem;
  position: absolute;
  left: 13.5rem;
  top: 0.8rem;
  animation: translate_arrow 2s infinite linear;
}

@keyframes translate_arrow {
  0% {
    transform: translateX(0.5rem);
  }
  50% {
    transform: translateX(-0.25rem);
  }
  100% {
    transform: translateX(0.5rem);
  }
}
.g-recaptcha > * {
  border: 1px solid #3E3453;
  border-radius: 4px;
}

.g-recaptchac {
  position: absolute;
  right: -1.3rem;
  bottom: 0;
  height: 100%;
  transform-origin: 0 0;
  transform: scale(0.9);
  display: inline-flex;
}

@media screen and (max-width: 780px) {
  .g-recaptchac {
    transform: scale(0.61);
    right: -7.1rem;
  }

  .translate-arrow {
    font-size: 2.5rem;
    top: 0.3rem;
  }
}
@media screen and (max-width: 500px) {
  .translate-arrow {
    left: 1.5rem;
  }

  #CaptchaLabel {
    color: #FFFFFF !important;
  }
}
/********************Captcha Block*********************/
@media screen and (max-width: 48.81125em) {
  input[type=text], input[type=password], select, button {
    height: 3rem;
  }
}
