body:not(.elementor-editor-active) #validation-code {
  display: none; }
body:not(.elementor-editor-active) .fluent_form_sms_wrapper .validation-screen, body:not(.elementor-editor-active) .fluent_form_sms_wrapper .codes .mf-error-message {
  display: none; }

.fluent_form_sms_wrapper.loading:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #2d644a8f;
  content: " Bitte warten... ";
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff; }
.fluent_form_sms_wrapper .fluentform .ff1-phone-number-error {
  margin: 0; }
.fluent_form_sms_wrapper .codes .sms-widget-wrap {
  display: flex;
  justify-content: center;
  width: 400px;
  max-width: 100%;
  margin: 0 auto; }
.fluent_form_sms_wrapper .small-container {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
  display: table; }
.fluent_form_sms_wrapper .codes .validation-code-child {
  width: 14% !important;
  margin: 0 5px;
  text-align: center; }
  .fluent_form_sms_wrapper .codes .validation-code-child input {
    border: 1px solid;
    background: #88888842;
    border-radius: 15px !important;
    width: 45px;
    height: 45px;
    border-color: rgba(66, 66, 66, 0.4);
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    padding: 5px; }
.fluent_form_sms_wrapper .custom-html {
  color: #7A7A7A;
  font-family: "Open Sans", Sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  width: 100%; }
.fluent_form_sms_wrapper .elementor-widget-mf-text .mf-input {
  font-family: inherit; }
.fluent_form_sms_wrapper #verification-code-error {
  color: #f44336;
  font-weight: 600; }

@keyframes ff1-sms-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
.ff1-sms-shake {
  display: inline-block; }
  .ff1-sms-shake.in {
    border-color: red !important;
    color: red !important;
    animation: ff1-sms-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px; }

/*# sourceMappingURL=main.css.map */