#app {
	background: transparent;
}

.maxWidth--form {
    max-width: 600px;
}

.invalid-input {
	color: #ffffff !important;
}

.form-error {
	border-color: #ffffff !important;
}

.form-control.cft-invalid {
    border-color: red;
}

.text-muted {
	color: #ffffff !important;
}

.madform-label-wrapper {
	color: #2c3e50;
}

.madform-submit {
	border-color: #162256;
	background: #162256;
	color: #ffffff;
	border-radius: 5px;
}
.madform-el-wrapper > h1 {
	font-family: SFProDisplay, "Avenir", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.madform-label-wrapper,
input,
.fileInputText {
	font-family: SFProDisplay, "Avenir", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.madform-submit {
	font-family: SFProDisplay, "Avenir", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.madform-el-wrapper > h2 {
	font-family: SFProDisplay, "Avenir", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.madform-el-wrapper > h3 {
	font-family: SFProDisplay, "Avenir", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.madform-el-wrapper > p {
	font-family: SFProDisplay, "Avenir", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

/* Custom CSS below this line */

#app {
	background: #ffffff;
	padding: 20px;
	box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	margin: 12px;
}

/* Input Field Styles */
#madForm .form-control {
	border-radius: 0;
}

.madform-submit {
	color: #ffffff;
	background-image: linear-gradient(to top, #162256, #162256);
	border: none;
	padding: 10px;
	border-radius: 0px;
	width: 100%;
}
.madform-submit span {
	text-transform: uppercase;
	font-weight: 800;
}

.madform-submit:hover,
.madform-submit:active,
.madform-submit:focus {
	color: #ffffff;
	background-image: linear-gradient(to bottom, #138d9d, #138d9d);
}

label {
	color: #464646;
	font-size: 14px;
}

.h2-field-wrapper {
	border-bottom: 1px solid #b1b1b1;
	padding-top: 1rem;
}