html.loginform,
body.loginform {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.login-form-container {
    display: table;
    width: 100%;
    height: 100%;
}
.login-form-content {
    display: table-cell;
    vertical-align: middle;
}
.login-form {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 40em;
    border: 1px solid #DCDCDE;
    background: #ffffff;
    border-radius: 8px;
}

.login-form div.logo {
    max-width: 250px;
    margin: 0 auto 3em;
}

.login-form div.logo img {
    display: block;
    width: 100%;
}

.login-form .middle-box {
    padding: 2em 1em;
    max-width: 80%;
    width: auto;
}

.login-form .form-horizontal {
    margin: 2em 0 0;
}


/* ADMIN PAGE */

.uploadedLogo {
    max-width: 150px;
}

.navbar-static-top {
	z-index: 100 !important;
}

#SearchStartDate:-moz-read-only,
#SearchEndDate:-moz-read-only { /* For Firefox */
    background-color: #ffffff;
}

#SearchStartDate:read-only,
#SearchEndDate:read-only {
    background-color: #ffffff;
}

@media only screen and (max-width: 1238px) {
    .joinedButtons {
        clear: both;
        display: block !important;
        float: none;
        padding-top: 0.5em;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .joinedButtons {
        padding-top: 0.5em;
    }
}

.validation-summary-valid { display:none; }