/*=========================================================
SGS ERP FRAMEWORK
=========================================================*/

@import url("../base/reset.css");
@import url("../base/variables.css");
@import url("../base/typography.css");
@import url("../base/utilities.css");

@import url("../components/button.css");
@import url("../components/card.css");
@import url("../components/input.css");
@import url("../components/login-card.css");

@import url("../layout/login-layout.css");
@import url("../layout/login-responsive.css");
@import url("../components/login-brand.css");
@import url("../components/login-header.css");


/*=========================================================
SHAKE
=========================================================*/

@keyframes loginShake
{
    0%
    {
        transform:translateX(0);
    }

    20%
    {
        transform:translateX(-8px);
    }

    40%
    {
        transform:translateX(8px);
    }

    60%
    {
        transform:translateX(-8px);
    }

    80%
    {
        transform:translateX(8px);
    }

    100%
    {
        transform:translateX(0);
    }
}

.login-card.shake
{
    animation:loginShake .35s ease;
}



/*=========================================================
ERROR
=========================================================*/

.login-error
{
    background:

        rgba(220,53,69,.15);

    color:#ffffff;

    border:

        1px solid

        rgba(255,255,255,.18);

    padding:15px;

    border-radius:14px;

    margin-bottom:25px;

    text-align:center;
}

/*=========================================================
FOOTER
=========================================================*/

.login-footer
{
    margin-top:35px;

    text-align:center;

    color:rgba(255,255,255,.82);

    font-size:15px;

    line-height:1.8;
}

.login-footer strong
{
    color:#ffffff;
}