html {
    min-height: 100%;
}

body {
    font-family: Arial, sans-serif;
    background: #abd2c9; /* Old browsers */
    background: -moz-linear-gradient(top, #abd2c9 0%, #bed9cc 5%, #efe7cf 28%, #e2d8bf 58%, #99a3a5 100%); /* FF3.6-15*/
    background: -webkit-linear-gradient(top, #abd2c9 0%,#bed9cc 5%,#efe7cf 28%,#e2d8bf 58%,#99a3a5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #abd2c9 0%,#bed9cc 5%,#efe7cf 28%,#e2d8bf 58%,#99a3a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd2c9', endColorstr='#99a3a5',GradientType=0 );
}

.cookie-message {
    text-align: center;
    font-size: 10pt;
    top: 100px;
    position: relative;
    background: #d0e3ed;
    width: 800px;
    margin: 0 auto;
    border-radius: 16px;
    padding: 4px;
}

#cookie-policy-wrap {
    display: none;
    width: 50%;
}

#cookie-policy-wrap h1 {
    color: #00afdb;
}

.logo {
    width: 170px;
    height: 33px;
    background: url('../images/login/hanwell-ems_2.png') no-repeat;
    margin: 180px auto 30px auto;
}

.login-block {
    width: 340px;
    padding: 20px;
    border-radius: 5px;
    margin: 0 auto;
}
.login-footer{
	width: 209px;
	height: 44px;
	background: url('../images/login/hanwell-ellab-footer-login.svg') no-repeat;
	margin: 50px auto 30px auto;
}

.login-block h1, .login-block h2, .login-block p{
    text-align: center;
    color: #676a6c;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-block h1{
    font-size: 18px;
}

.login-block h2{
    font-size: 16px;
}

.login-block p, label, a{
    font-size: 12px;
}

.login-block #username, .login-block #password, .login-block #idUserPassword,
.login-block #secQuestion, .login-block #secAnswer,
.login-block #idNewUserPassword, .login-block #idConfirmNewUserPassword,
.login-block #email, .login-block #email{
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: Montserrat;
    padding: 0 20px 0 50px;
    outline: none;
}

.login-block #secQuestion, .login-block #secAnswer {
    padding: 0 0 0 5px !important;
}

.login-block input#username {
    margin-bottom: 22px;
}

.login-block input#password {
    margin-top: 22px;
    margin-bottom: 32px;
}

.login-block input#username,
.login-block input#email {
    background: #fff url('../images/login/user.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:focus,
.login-block input#email:focus {
    background: #fff url('../images/login/user.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#password,
.login-block input#idNewUserPassword,
.login-block input#idConfirmNewUserPassword {
    background: #fff url('../images/login/lock.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus,
.login-block input#idNewUserPassword:focus,
.login-block input#idConfirmNewUserPassword:focus {
    background: #fff url('../images/login/lock.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:active, .login-block input#username:focus,
.login-block input#password:active, .login-block input#password:focus,
.login-block input#idNewUserPassword:active, .login-block input#idNewUserPassword:focus,
.login-block input#idConfirmNewUserPassword:active, .login-block input#idConfirmNewUserPassword:focus,
.login-block select#secQuestion:active, .login-block select#secQuestion:focus,
.login-block input#secAnswer:active, .login-block input#secAnswer:focus,
.login-block input#email:active, .login-block input#email:focus {
    border: 1px solid #00add3;
}

.login-block button, .login-block input#login-button,
.login-block input#skip-button {
    width: 100%;
    height: 40px;
    background: #00add3;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #00add3;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat;
    outline: none;
    cursor: pointer;
}

.login-block button:hover, .login-block input#login-button:hover,
.login-block input#skip-button:hover {
    background: #009DC5;
    border: 1px solid #009DC5;
}

.remember-checkbox{
    vertical-align: middle;
}

.form-checkbox {
    margin-top: 0;
    margin-bottom: 20px;
}

.form-href {
    text-align: center;
    margin-top: 20px;
}

.copyright-block {
    margin-top: 20px;
}

.copyright-block p {
    margin-bottom: 5px;
}

.login-block a{
    text-decoration: none;
    color: #00add3;
}

.login-block a:hover {
    text-decoration: underline;
}

.validation-errors ul, .validation-success ul {
    list-style-type: none;
    padding: 0;
}

.validation-errors li, .validation-errors p{
    color: #ff0000;
}

.validation-success li{
    color: #4a7615;
}

.validation-errors li, .validation-errors p,
.validation-success li, .validation-success p{
    font-size: 14px;
    text-align: center;
}


.skip-button {
    margin-top: 10px;
    background-color: #0fc7ff !important;
}