//*****************************************************************************
//*****************************************************************************
// Non-logged In Pages
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Login
//=============================================================================
.login {
    .post_form {
        margin-top: 20px;
    }
}

//=============================================================================
// Simple Page / No Auth Page
//=============================================================================
.scq-simple-page,
.page-no-auth {
    background: #fff;
    max-width: 599px;
    margin: 10px auto;
    padding: 20px 20px;
    border-radius: 3px;

    //-------------------------------------------------------------------------
    // Sizes
    //-------------------------------------------------------------------------
    &.scq-size-full {
        width: auto;
        margin: 0;
        border-radius: 0;
    }
    &.scq-size-xl {
        // 1920 - Infinity
        width: auto;
    }
    &.scq-size-lg {
        // 1440px - 1919.99px
        max-width: 1919px;
    }
    &.scq-size-md {
        // 1024px - 1439.99px
        max-width: 1439px;
    }
    &.scq-size-sm {
        // 600px - 1023.99px
        max-width: 1023px;
    }
    &.scq-size-xs {
        // 0px - 599.99px
        max-width: 599px;
    }

    //-------------------------------------------------------------------------
    // Device / Size Specific Styles
    //-------------------------------------------------------------------------
    @media (max-width: 550px) {
        margin: 0 auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    //-------------------------------------------------------------------------
    // Header
    //-------------------------------------------------------------------------
    .header-logo {
        img {
            display: block;
            margin: 0 auto;
            max-width: 250px;
        }
    }

    //-------------------------------------------------------------------------
    // Form
    //-------------------------------------------------------------------------
    .form {
        margin-top: 50px;

        .title {
            margin-bottom: 30px;
        }

        .q-banner {
            margin-bottom: 20px;
        }

        .scq-form-actions {
            margin-top: 50px;

            .q-btn {
                margin-right: 5px;
            }

        }

    }

}