.background-cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-size: cover;
}

.background-image {
    background-image: url(images/LogOnBgrnd.jpg);
}

.background-color {
    background-color: rgba(0,0,0,0.25);
}

.zone-messages {
    z-index: 99 !important;
    position: relative;
}

.logon {
    background-color: white;
    padding: 8px;
    margin: 0 auto;
    margin-top: 70px;
    width: 320px;
    position: relative;
}

.g-recaptcha {
	margin-bottom: 5px;
}


@media screen and (max-height: 700px) {
    .logon {
        margin-top: 0;
    }
	
	.well {
		padding-top: 5px !important;
	}
}

@media screen and (max-width: 360px) {
	.well {
		padding: 5px !important;
	}
}

    .logon > h1 {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 24px;
    }

    .logon > form {
        margin-bottom: 8px;
    }

.login-form > div {
    text-align: left;
}

.login-form  label {
    margin-bottom: 0px;
}

.login-form .form-group {
    margin-bottom: 5px;
}

.login-form > legend {
    font-size: 18px;
    margin-bottom: 5px;
}


.login-form .form-control {
    text-align: left;
    border-radius: 0;
}

.login-form .btn {
    /*	min-width: 150px ; */
    width: 49%;
    border-radius: 0;
}

.login-form .btn-primary {
    background-color: #0067b8;
    border-color: #0067b8;
    color: #fff;
}

.login-form .forcheckbox {
    margin-left: 3px;
}