body.action-login{

 @extend %splash-screen;

  #easy_quote_container {
    @media screen and (max-height: 400px) {
      display: none!important;
    }
  }

  blockquote{
    margin: $gap 0 $box-padding;
    padding-bottom: 1.5*$box-padding;
    text-align: left;
    position: relative;
    @if(lightness($color-main) < .2 ){
      border-color: lighten($color-main, 15%);
      &:before {
        color: lighten(rgba($color-main, 0.5), 15%);
      }
    }@else{
      border-color: darken($color-main, 15%);
      &:before {
        color: darken(rgba($color-main, 0.5), 15%);
      }
    }

    span{
      @include small;
      float: right;
      font-style: italic;
      position: absolute;
      bottom: 0.5*$gap;
      right: $gap;
      color: darken($color-main-border,10%);
    }
    div{
      overflow: hidden;
    }
  }
}

#login-form{
  p{
    margin-bottom: $gap;
  }
  td{
    background: $color-main-border;
  }
}

#easy_quote_container{
  font-size: $font-size;
}

#login_form_container{
  text-align: center;
  td{
    border: none !important;
    text-align: center;
    background: none;
  }
  form{
    td{
      &:first-child{
       // background: $color-main-border;
      }
    }
    label{
      color: $color-login-text;
    }
  }
  a{
    @include small;
    color: $white;
  }
  button{
    @extend %button-positive;
    margin-top: $gap;
    border-color: darken($color-positive-border,10%);
  }
  input{
    border-color: $color-main-border;
  }
  .easy-social-login{
    a{
      font-size: 3em;
      margin: .5*$gap;
    }
  }
}

.demo-login{
  padding-top: $gap;
  text-align: center;
  &-buttons{
    a{
      @extend %button-positive;
      @extend %button-large;
      margin-bottom: 0.5*$gap;
      display: block;
      span{
        @include smaller;
        display: block;
        font-weight: normal;
      }
    }
    .easy-tabs + & {
      a{
        @extend %button-important;
        display: block;
      }
    }
  }

  &-tabs {
    @include tab-parent(transparent, rgba(white, 0.4), white, $tab-height, $gap, white);
    margin-bottom: $box-padding;
    & > ul {
      @extend %justify-content-center;
    }
  }

  &-type-toggle{
    text-align: center;
    padding-top: $gap;
    margin-top: $box-padding;
    border-top: 1px solid rgba(white, 0.4);

    a {
      color: $white;
    }
  }
}