form {
	border: 2px solid #ddd;
	padding: 0.75em;
	margin: 1em 0;
}

legend {
	font-weight: bold;
}

form dd {
	margin: 0 2em;
}

.success { color: green; font-weight: bold; }
.error { color: red; font-weight: bold; }

  /* form styles */

form input[type=text],
form input[type=password],
form input[type=email],
form input[type=number] {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0.5em 0;
	padding: 0 0.5em;
	background: transparent;
	width: 100%;
	border-style: solid;
	border-width: 0 0 1px;
	border-color: #ccc;
	-webkit-appearance: none;
	border-radius: 0;
}

form select,
form option {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0.5em 0;
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	line-height: 1.5em;
}

input[type=submit], button, a.button {
	color: #fff;
	border: none;
	background-color: #006084;
	border-radius: 0.5em;
	padding: 0.75em 1.5em;
	font-size: 1em;
	font-weight: bold;
	margin: 0 1em 0 0;
	display: inline-block;
	-webkit-appearance: none;
}

input[type=submit]:hover,
input[type=submit]:focus {
	text-decoration: underline;
	cursor: pointer;
}

footer form.invert{
	border: none;
}

div.cfx-form-wrapper{
	max-width: 1000px;
	margin: 1em auto;
	background-color: #eeeeee;
}

form input[type=text][disabled],
form input[type=email][disabled],
form input[type=number][disabled]{
	background-color: #cccccc;
	cursor: not-allowed;
}


/* ----------------------------------- CUSTOM FORMS ----------------------------------- */
.cancel-margin{ margin: 0; }
.cancel-margin-bottom{ margin-bottom: 0; }

p.descr{ margin: 0; }

.members-form-wrapper{
	max-width: 49em;
	border: 1px solid #7f7f7f;
	padding: 0.5em 1.5em;
	margin: 2.5em auto 0;
}

.members-form-h1{
	color: #006084;
}

.members-form{
	background: #e1e4f0;
}

.members-form h2{
	color: #006084;
	margin-bottom: 0.5em;
	border: none;
}

.members-form h3{
	color: #006084;
	margin-bottom: 0;
}

.members-form hr{
	border: none;
	border-bottom: 1px solid #006084;
}

.members-form .form-group{
	margin-bottom: 1em;
}

.members-form .form-label{
	font-weight: 700;
}

.members-form-wrapper .error-msg{
	color: #cc0000;
	font-size: 1em;
	margin: 0.25em 0 0;
	/* background-color: #ffffe0;
	padding: 0.3em;
	border: 1px solid #cc0000;
	display: inline-block; */
}

.members-form-wrapper{
	padding: 0.5rem 1.25rem;
}

.manual-link-wrapper{
	display: flex;
	align-items: center;
	background-color:#e1e4f0;
	padding: 0.5em;
	margin-bottom: 2em;
}

.manual-link-wrapper > img{
	width: 160px;
}

.manual-link-wrapper h2{
	border: none;
	margin: 0;
}

.manual-link-wrapper > p{
	font-size: 1.5em;
	font-weight: 700;
}


.registration-form .freeform-row .freeform-column{
	padding: 0 0 10px; /* Overwrite Freeform Lite plugin's css */
}

.registration-form .freeform-instructions{
	margin: 0 0 5px;
	font-size: 13px;
}

/* For Login Form */
.login-form-links{
	max-width: 49em;
	margin: 0 auto;
}

.login-form > .checkbox{
	margin-top: -1em;
	padding: 0 5% 0.5em;
}

/* For Restore and Set Password Forms */
.restore-password-form dl > div, .set-password-form dl > div{
	width: 100%;
}

p.restore-password{
	max-width: 780px;
	margin: 1em auto 0;
}

/* Icon Links to the forms, on Client Area landing page */
.edit-profile-wrapper{
	display: flex;
	padding: 1em 0;
}

.edit-profile{
	width: 50%;
	padding: 0 0.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.edit-profile-single{
	width: 50%;
}

.edit-profile-double{
	width: 100%;
}

.edit-profile a{
	text-align: center;
}

.edit-profile a > i{
	color: #404040;
}

/* User Profile Form */
.form-group.c-password{
	display: none;
}

/* Document Submission Form */
.ds-form .dso-comment{
	background-color: #ffffff;
	padding: 0 0.25em;
	min-height: 1.5em;
}

.ds-form span.file-uploaded, .pa-form span.file-uploaded{
	color: #007700;
	display: none;
}

.dsf-section-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.dsf-section-left{
	flex-grow: 10;
	padding-right: 1em;
}

.dsf-section-right{
	background-color: #ffffff;
	margin-top: 1em;
	padding: 0 1em 1em;
	border: 1px solid #006084;
	text-align: center;
	line-height: 1em;
}

.dsf-section-right > i { margin: 1rem 0; }
.dsf-section-right > .fa-check-square { color: #446a31; }
.dsf-section-right > .fa-exclamation-triangle { color: #ffa500; }
.dsf-section-right > .fa-clock { color: #777777; }
.dsf-section-right > span.icon-text { font-size: 0.8em; }

.dsf-section-bottom { width: 100%; }

body#form_ds-form .fold_trigger::after { color: #006084; }


/* DL Asset Form */
.button-dl-asset {
	background: #006084;
	color: #fff;
	padding: 0.75em 1.5em;
	font-weight: bold;
	margin: 0 1em 0 0;
	display: inline-block;
}


/* freeform alterations */
label.freeform-required::after {
	display: inline;
	content: " * ";
	color: red;
}


/* ===== Eligibility Letter page ===== */
div.eligibility-letter h2 {
	font-size: 1.2em;
	border: none;
}


/* ===== Contact Form ===== */
/* Override default css of freeform plugin */
form > .freeform-row .freeform-column .freeform-instructions{
	color: #404040;
}

form > .freeform-form-has-errors {
    color: red;
}
/* ===== */

#postalcode-override {
	padding: 0em 0.5em;
	margin-right: 0;
	font-weight: 400;
	border-radius: 0.5em;
}

/* DSO to Contact */
#form-field-dsoCounty{
	display: none;
}

.freeform-row:nth-of-type(6) > .freeform-column,
.freeform-row:nth-of-type(7) > .freeform-column{
	padding: 0;
}


@media (max-width: 55em) {
	.members-form-wrapper, .login-form-links{
		margin-left: 1em;
		margin-right: 1em;
	}

	.dsf-section-wrapper{
		justify-content: center;
	}

	.dsf-section-right{
		margin-bottom: 1em;
	}
}


@media (max-width: 35em) {
	/* Icon Links to the forms, on Client Area landing page */
	.edit-profile-wrapper{
		flex-direction: column;
	}

	.edit-profile, .edit-profile-single{
		width: 100%;
		padding-bottom: 2em;
	}
}