/* Following media queries are based on Bootstrap 3.x breakpoints */
.step-1,
.step-2 {
  display: none;
}

[data-step="1"] .step-1 {
  display: block;
}

[data-step="2"] .step-2 {
  display: block;
}

input.error {
  border-color: #d32f2f;
}

.fs-auth {
  /*& > ul {
      &:first-child {
          border-bottom: 0;
          font-size: 14px;

          @media (min-width: 991px) {
              display: none;
          }

          @media (max-width: 991px) {
              &.tabify {
                  background-color: #fff;
                  border-left: 1px solid #c9d6d9;

                  &.tabify__theme-default {
                      & > li {
                          &.tabify__active {
                              background-color: #fff;
                              color: inherit;
                              box-shadow: unset;
                          }

                          &:first-child {
                              &.tabify__active {
                                  border-top: 2px solid #ff4059;
                              }
                          }

                          &:last-child {
                              &.tabify__active {
                                  border-top: 2px solid #009cfe;
                              }
                          }
                      }
                  }
              }
          }

          & > li {
              color: inherit;
              margin: 0;
              border-radius: 0;
              border: 0;
              background-color: #f1f1f1;
              padding: 0 35px;
          }

          & + ul {
              padding: 0;
              box-shadow: unset;

              @media (min-width: 991px) {
                  display: flex;
                  background-color: unset;
                  box-shadow: unset;
                  padding: 0;
                  border: none;

                  > li {
                      width: 50%;
                      display: inline-block !important;
                  }
              }
          }
      }
  }*/
}
.fs-auth .btn-back {
  font-size: 22px;
  margin-bottom: 20px;
}

.fs-auth__register {
  display: none;
}
.fs-auth__register.active {
  display: block;
}
@media (min-width: 768px) {
  .fs-auth__register {
    padding-inline-end: 10px;
  }
}

[data-full-registeration=true] .fs-auth__register[data-step="1"] .fs-auth__body {
  flex-direction: column;
}
[data-full-registeration=true] .fs-auth__register[data-step="1"] .fs-auth__image {
  width: 100%;
}
[data-full-registeration=true] .fs-auth__register[data-step="1"] .fs-auth__form {
  width: 100%;
}

.fs-auth__form .btn-edit-mobile {
  background-color: white;
  color: #787a87;
  border: 1px solid #787a87;
}
.fs-auth__form .btn-edit-mobile:hover {
  color: white;
  background-color: #787a87;
}