*{
	padding:0; margin:0
}

body {
	background:#ffffff url('images/defra-logo.jpg') no-repeat center 30px;
} 

#login-page-content-container {
	margin:10px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}

#login-page-content-container a {
	color: #007bff;
    text-decoration: underline;
}

#login-page-content-container a:hover {
	color: #0056b3;
    text-decoration: underline;
}
	

/* form */
#login {
	padding: 0.375rem 0.75rem;
	font-size: 16px;
    font-weight: 400;
}
#login fieldset {
	border: none;
	font-size: 16px;
}
#clear {
	padding: 0.375rem 0.75rem;
	font-size: 16px;
	font-weight: 400;
	display: none;
}

#login-page-content-container form.hp-smartInsertForm .hp-form-item .hp-form-item-label {
    width: 90px;
}

#login-page-content-container p {
	margin:0 auto 1em; 
	width:30em;
}

div#login-page-content-container {
	margin-left: 35%;
	margin-top: 150px;
}

.errorMessage {
	color: red;
}


#login fieldset div.hp-form-text-block {
   margin-left: -25px;
   font-size: 16px;
}

#login-page-content-container .subscribe-link {
	display: none;
}

#login-page-content-container form.hp-smartInsertForm .hp-form-submit input {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    cursor: pointer;
	margin: 0 10px 0 0;
	padding: 0.375rem 0.75rem;
    text-shadow: none;
	min-width: 80px;
	border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#login-page-content-container form.hp-smartInsertForm .hp-form-submit input:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

#login-page-content-container .hp-form-item.hp-group.hp-form-input:nth-of-type(2)::after {
	content: "(CPH 9 digit number without \"/\")";
	clear: none;
	color: #ff0000;
	font-weight: 400;
}
#login-page-content-container .hp-form-item.hp-group.hp-form-input:nth-of-type(3)::after {
	content: "(postcode in CAPITALS with no space)";
	clear: none;
	color: #ff0000;
	font-weight: 400;
}

@media only screen and (max-width: 768px) {
    #login-page-content-container .hp-form-item.hp-group.hp-form-input:nth-of-type(2)::after {
		clear: both;
	}
	#login-page-content-container .hp-form-item.hp-group.hp-form-input:nth-of-type(3)::after {
		clear: both;
	}

	div#login-page-content-container {
		margin-left: 10%;
	}

	#login fieldset div.hp-form-text-block {
		margin-left: 0px;
	 }
}
