/******************************************
	login.css
	Copyright 2015-2019 Derek Erb
	http://www.cabinetderekerb.com

	For www.ssr.horse
******************************************/

#loginform {
    width: 85%;
    height: 50%;
	margin: 0 auto 0 auto;
    padding-top: 10%;
}

    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-width: 320px) and (max-width: 480px) {
        #loginform {
            width: 95%;
            height: 50%;
            margin: 0 auto 0 auto;
            padding-top: 5%;
        }
    }

    /* Tablets */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        #loginform {
            width: 85%;
            height: 50%;
            margin: 0 auto 0 auto;
            padding-top: 10%;
        }
    }

    /* Desktop */
    @media screen and (min-width: 1025px) and (max-width: 1919px) {
        #loginform {
            width: 50%;
            height: 50%;
            margin: 0 auto 0 auto;
            padding-top: 5%;
        }
    }

    /* Big Screen */
    @media screen and (min-width: 1920px) {
        #loginform {
            width: 50%;
            height: 50%;
            margin: 0 auto 0 auto;
            padding-top: 2%;
        }
    }

#loginmsg {
    margin: 2% auto -4% auto;
    text-align: center;
    font-style: italic;
}

#loginpass {
    font-family: monospace;
}

#lblloginremem {
    white-space: nowrap;
}

#loginforgot {
    text-align: center;
    margin: 0 auto 0 auto;
    font-size: 0.8em;
    padding: 2% 0% 2% 0%;

    background: #f8e0e6;
    opacity: 0.9;
}

#loginforgot a:link, #loginforgot a:active, #loginforgot a:visited {
    color: #696969;
    background-color: transparent;
    text-decoration: underline;
    font-weight: normal;
}

#loginforgot a:hover {
    color: #990000;
    background-color: transparent;
}