div.form-login_form,
div.form-login_form_dynamic,
div.form-switch_language_form,
div.form-reset-password,
div.form-reset-password-ask
{

  box-shadow: none;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  background-color: rgba(34,34,34,0.4);
  border-radius: 0;

  div.dialogTitle{
    display: block !important;
    position: absolute;
    top: 0;
    height: 90% !important;
    right: -113%;
    background-color: transparent;
  }
  div.dialogContent{
    height: 100%;
    background-color: transparent;
    color: white;
    transition: padding-top 0.5s;
    -webkit-transition: padding-top 0.5s;

    select#language_selector{
      width: 280px !important
    }
    div#progressCustomMessage {
      font-size: 30px !important;
      text-align: center;
    }

    a.icon-flag {
      position:absolute;
      top:10px;
      right:10px;
      font-size:20px !important;
      color: white !important;
    }

    div.dialogLegend {
      text-align: center;
      font-style: italic;
      color: #ddd;
    }
    #switch_language_form div.dialogLegend{
      font-style: normal;
      text-align: left;
      margin-top: 16px;
      margin-bottom: 5px;
    }

    a.forgot-password-link {
      color: white !important;
      margin-right: 45px;
      margin-top: 6px;
      text-decoration: underline;
      font-size: 13px;
      text-align: right;
      display: block;
      float: right;
    }

    .captcha_container {
      text-align:center;
    }
    .captcha_container img{
      margin: 5px 0 0 2px;
      border: 1px solid #ddd;
    }

    .ajxp_login_error {
      margin: 12px 27px 6px;
      font-size: 14px !important;
      background-color: rgba(180, 57, 57, 0.45) !important;
      color: white !important;
      padding: 7px !important;
    }

    .ajxp_password_auth div.SF_element:first-of-type{
      display: none !important;
    }

    div.SF_element{
      padding-left: 20px;

      div.SF_label{
        padding-left: 4px;
        text-transform: uppercase;
      }
    }

    div.dialogButtons
    {
      margin-top: 30px;
      text-align: center;
      position: relative;
      input.dialogButton
      {
        padding: 0 15px;
        margin-right: 5px;
        background-color: rgba(255, 255, 255, 0.39);
        color: white;
        &:hover{
          background-color: rgba(255, 255, 255, 0.48);
        }
        &:focus{
          background-color: rgba(255, 255, 255, 0.48);
        }
      }
    }
  }
  &.overlay{
    opacity: 0;
    background-image: none !important;
    background-color: transparent !important;
    .ajxp_guest_enabled &{
      opacity: 1 !important;
      background-color: inherit !important;
    }
  }

}

div.dialogBox.form-login_form,
div.dialogBox.form-login_form_dynamic{

  form {
    margin: 0 40px;
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    &.no_placeholder div.SF_label {
      display: block;
      text-align: left;
      padding: 0 4px;
    }

    &.no_placeholder div.SF_input {
      clear: left;
    }

    div.SF_input > input{
      width: 280px !important;
      padding: 7px !important;
      font-size: 17px;
      height: inherit;
      border: 0 !important;
    }
  }
}
