body {
    background:none;
    color:#ccc;
}

a {
    color:white;
    text-decoration:underline;
}

a:hover{text-decoration:none;}

html
{
    background: url(../images/login-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

::-webkit-input-placeholder
{ /* WebKit, Blink, Edge */
    color: white !important;
}

:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
    color: white !important;
    opacity: 1;
}

::-moz-placeholder
{ /* Mozilla Firefox 19+ */
    color: white !important;
    opacity: 1;
}

:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
    color: white !important;
}

::-ms-input-placeholder
{ /* Microsoft Edge */
    color: white !important;
}

#loginForm
{
    margin: auto;
    margin-top: 80px;
    width: 320px;
}

    #loginForm a
    {
        color: white;
    }

    #loginForm img
    {
        margin: auto;
        margin-bottom: 60px;
        max-width:300px;
    }

    #loginForm .form-group
    {
        margin: 20px;
    }

    #loginForm .btn {
        background-color: white;
        color: #0093d0;
        text-transform: uppercase;
        border: 0;
        border-radius: 25px;
        padding: 12px;
        width: 100%;
    }

    #loginForm input, #loginForm select
    {
        max-width: 500px;
    }

        #loginForm input[type=text], #loginForm input[type=password], #loginForm input[type=email]
        {
            background: rgba(255,255,255,0.4);
            color: white;
            border: 0;
            border-radius: 25px;
            padding: 12px;
            height: 44px;
            padding-left: 22px;
            background-position: 14px 8px;
            padding-left: 45px;
            background-size: 25px;
        }

        #loginForm input[type=email]
        {
            background-image: url('../images/icon-user.png');
            background-repeat: no-repeat;
        }
        #loginForm input[type=password]
        {
            background-image: url('../images/icon-padlock.png');
            background-repeat: no-repeat;
        }

    #loginForm .text-danger
    {
        color: white;
        text-align: left;
    }

    #loginForm .validation-summary-errors
    {
        background-color: rgba(255,255,255,0.3);
    }

        #loginForm .validation-summary-errors ul
        {
            list-style: none;
        }


/* Change the white to any color ;) Does not support transparency */
/*input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0 30px white inset;
}
*/
    #loginForm input[type=email]:-webkit-autofill
    {
        padding-left:22px;
    }
    #loginForm input[type=password]:-webkit-autofill
    {
        padding-left: 22px;
    }

@media (max-width:768px)
{
    #loginForm
    {
        margin-top: 20px;
        width: 420px;
    }

    .body-content {
        padding:0;
    }
}


@media (max-width:420px)
{
    #loginForm
    {
        margin-top: 20px;
        width:350px;
    }
}

@media (max-width:375px)
{
    #loginForm
    {
        margin-top: 20px;
        width: 340px;
    }
}

@media (max-width:320px)
{
    #loginForm
    {
        width: 300px;
    }

        #loginForm a
        {
            display: block;
            float: left !important;
            margin-bottom: 5px;
        }
}

@media (max-width:320px)
{
    #loginForm {
        width: 300px;
    }
    #loginForm a
    {
        display:block;
        float:left !important;
        margin-bottom:5px;
    }
}

@media (min-width:768px)
{
    #loginForm
    {
        width: 330px;
    }
}

@media (min-width:1024px)
{
    #loginForm
    {
        width: 330px;
    }
}

#errorForm .text-danger {
    color: white;
    text-align: left;
}

#errorForm .validation-summary-errors {
    background-color: rgba(255,255,255,0.3);
}

    #errorForm .validation-summary-errors ul {
        list-style: none;
    }