.loginpage {
    background: url(/img/swat-login-bg-min.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 100px;
}

    .loginpage .ui[class*="left icon"].input > i.icon {
        color: #fff;
        font-size: 16px;
        opacity: 1;
        width: 2em;
    }

.swatlogo {
    max-width: 90% !important;
}

.loginpage .ui.fluid.input > input {
    background: transparent;
    border-bottom: 2px solid #fff;
    color: #fff;
    border-radius: 0px;
}

.loginpage .forgot {
    text-align: center;
    padding: 20px 0 40px 0;
}

    .loginpage .forgot a {
        color: #fff;
        font-style: italic;
    }

        .loginpage .forgot a:hover {
            color: #fff;
            font-style: italic;
            font-weight: bold;
        }

.loginpage .sslogo img {
    opacity: 0.8;
    max-width: 150px;
}

@media screen and (max-width: 800px) {
    .swatlogo {
        max-width: 55% !important;
    }

    .loginpage {
        padding-top: 16%;
    }
}