.form-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000;
  width: 100%;
  max-width: 700px;
  padding: 0;
  background: white;
  margin: 0 auto; }
  .form-container a {
    color: #007bff;
    text-decoration: none; }
    .form-container a:hover {
      text-decoration: underline; }
  .form-container form {
    position: relative; }
  .form-container .hr-w-text {
    position: relative;
    text-align: center;
    border-top: 1px solid #ccc;
    margin: 30px 0; }
    .form-container .hr-w-text span {
      color: #666;
      font-size: .75rem;
      text-transform: uppercase;
      letter-spacing: .04em;
      position: absolute;
      padding: 0 10px;
      transform: translateX(-50%) translateY(-50%);
      background-color: white; }
  .form-container .text-secondary {
    color: #666; }
  .form-container .header {
    margin-bottom: 16px;
    text-align: center; }
  .form-container label {
    display: block;
    margin-bottom: 8px;
    position: relative; }
    .form-container label.required {
      padding-right: 20px; }
      .form-container label.required:after {
        content: " *";
        color: #ff4d4f;
        font-size: 39px;
        top: -5px;
        margin-left: 5px;
        position: absolute;
        right: 0; }
  .form-container input[type="text"],
  .form-container input[type="email"],
  .form-container input[type="password"] {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 16px; }
  .form-container .flex-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between; }
  .form-container .password-reset {
    margin-bottom: 18px; }
  .form-container .checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
    .form-container .checkbox-container input[type="checkbox"] {
      width: 20px;
      height: 20px;
      margin-right: 10px;
      cursor: pointer;
      vertical-align: sub; }
  .form-container .password-input {
    position: relative; }
    .form-container .password-input .toggle-visibility {
      position: absolute;
      right: 12px;
      top: 10px;
      height: 20px;
      cursor: pointer; }
  .form-container button {
    background: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px; }
    .form-container button:hover {
      background: #0062cc; }
    .form-container button:disabled {
      background: #d0d0d0;
      color: #969696;
      cursor: not-allowed; }
  .form-container .social-registration {
    text-align: center;
    margin-bottom: 16px; }
    .form-container .social-registration button {
      background-size: 30px;
      background-position: 10px;
      background-repeat: no-repeat;
      padding-left: 55px; }
      .form-container .social-registration button.google {
        background-color: #db4437;
        background-image: url(/i/app/viralby/login/google.svg); }
  .form-container .messages {
    margin-bottom: 16px; }
    .form-container .messages div {
      padding: 8px;
      margin-bottom: 8px; }
    .form-container .messages .error {
      color: #ff4d4f;
      background-color: #ffe6e6; }
      .form-container .messages .error.hidden {
        display: none; }
    .form-container .messages .info {
      color: #007bff;
      background-color: #e6f2ff; }
  .form-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; }
    .form-container .overlay.hidden {
      display: none; }
    .form-container .overlay .spinner {
      border: 8px solid rgba(255, 255, 255, 0.3);
      border-top: 8px solid #c9c9c9;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

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