.nw-gmail {
  background-color: $gmail-blue;

  &[disabled] {
    opacity: 0.5;
    border: 0 !important;
    background-color: $gmail-blue !important;
  }
}

.nw-fb {
  float: right;
  background-color: $dark-blue;

  &[disabled] {
    opacity: 0.5;
    border: 0 !important;
    background-color: $dark-blue !important;
  }
}

.nw-login-reg-container {
  font-size: $font-size-xs;
  text-align: center;
}

.nw-login-reg-text {
  display: inline-block;
  margin: 0;
  padding: 0 5px;
}

.nw-login-reg-button {
  border: 0;
  border-bottom: 1px solid $body-background;
  padding: 0;
  background: $transparent;
  cursor: pointer;
  font-weight: 600;
  outline: 0;
}

.nw-login-or {
  position: relative;
  top: 20px;
  padding: 5px;
  background-color: $white;
  font-size: $font-size-xs;
  font-weight: 600;
}

.nw-login-divider {
  text-align: center;
}

.nw-divider {
  margin: 10px 15px 20px;
  border-top: 1px solid $default-color;
}

.nw-social-login {
  margin-top: 25px;
}

.nw-social-btn {
  position: relative;
  border: 0;
  width: 100%;
  height: 40px;
  cursor: pointer;
  outline: 0;

  @media screen and (max-width: 350px) {
    padding: 5px;
  }
}

.nw-slogin-buttons img {
  float: left;
  border-radius: 2px;
  width: 20px;
}

.nw-social-text {
  position: relative;
  display: inline-block;
  font-size: $font-size-xs;
  font-family: $secondary-font-family;
  color: $white;

  @media screen and (max-width: 350px) {
    font-size: $font-size-xxs;
  }
}

.nw-social-loader {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(230, 230, 230, 0.8);
}

.nw-sloader {
  position: absolute;
  z-index: 2;
  top: 42%;
  left: 42%;
}