.grayedOut {
	background-color: #4CAF50; /* Green */
}


/*--- Error ----*/

label.invalid {
	text-indent:35px;
	padding:4px;
	width: 100%;
	display:block;
	font-size:1.1em;
	margin-bottom:5px;
	background-color: rgba(210, 70, 70, 0.16);
	border-style: solid;
	border-width: thin;
	border-color: rgba(210, 70, 70, 1);
	border-radius: 4px;
}

.invalid {
	text-indent:35px;
	padding:4px;
	width: 100%;
	display:block;
	font-size:1.1em;
	margin-bottom:5px;
	background-color: rgba(210, 70, 70, 0.16);
	border-style: solid;
	border-width: thin;
	border-color: rgba(210, 70, 70, 1);
	border-radius: 4px;
}


/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-header:after {
	display:block;
	clear:both;
	content:'';
}

.tab-header {
	margin-top: 0px;
	margin-bottom: 0px;
}

.tab-header li {
	margin:0px 5px;
	float:left;
	list-style:none;
}

.tab-header p {
	padding:9px 15px;
	display:inline-block;
	border-radius:3px 3px 0px 0px;
	background:#AF0000;
	font-size:16px;
	font-weight:600;
	color:#FAFFFF;
	transition:all linear 0.15s;
	margin-top: 1px;
	margin-bottom: 0px;
}

/* Hide inactive tabs on mobile */
@media (max-width:991px) {
	.tab-header p {
		display: none;
	}
}

.tab-links p:hover {
	background:#A0A0A0;
	text-decoration:none;
}

li.active p, li.active p:hover {
	background:#777;
	color:#FAFFFF;
	display:block;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding:15px;
	border-radius:5px;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
	background-color:rgba(229, 229, 229, 0.3);
}

.tab {
	display:none;
}

.tab.active {
	display:block;
}

/*---- Form Buttons ----*/

.form-button a {
	color:#FAFFFF;
	text-decoration:none;
}

.form-button {
	box-align: right;
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 7px 17px 7px 17px;
	text-decoration: none;
}


/*---- popup Divs ----*/
#popup_background {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: .8;
	z-index: 1;
	cursor: pointer;
	display: none;
}

.popup_box {
	position: absolute;
	background: #fff;
	max-width: 50%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 25%;
	padding: 20px;
	z-index: 2;
	display: none;
}

.close {
	float: right;
	cursor: pointer;
	font-size: 17px;
}

.help {
	color: #097F7F;
	font-size: 17px;
	padding-left: 5px;
}

label {
	font-size: 14px;
	font-weight: bold;
}

/*------ Error Div ------*/
.error-div {
	display: none;
	padding:15px;
	border-radius:5px;
	border: 2px solid rgba(255, 77, 77, .25);
	background-color:rgba(255,194,194,0.3);
}

/*---- phone popup Divs ----*/
@media screen and (max-width: 720px) {
	.popup_box {
		max-width: 100%;
		top: 15%;
	}

	.help {
		font-size: 22px;
	}

	.close {
		font-size: 22px;
	}

	label {
		font-size: 16px;
	}
}


/*------ Form style ----------*/

/* Standard Forms */
form {
	margin: 0 0 1rem;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
	margin: 0 -0.5rem;
}
form .row .row .column,
form .row .row .columns {
	padding: 0 0.5rem;
}
form .row .row.collapse {
	margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
	padding: 0;
}
form .row .row.collapse input {
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
	padding-left: 0.5rem;
}

/* Label Styles */
label {
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 0;
	/* Styles for required inputs */
}
label.right {
	float: none !important;
	text-align: right;
}
label.inline {
	margin: 0 0 1rem 0;
	padding: 0.5625rem 0;
}
label small {
	text-transform: capitalize;
	color: #676767;
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 0.875rem;
	height: 2.3125rem;
	line-height: 2.3125rem;
	overflow: visible;
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
	border-color: true;
}

.prefix.button {
	border: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	text-align: center;
}

.prefix.button.radius {
	border-radius: 0;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.postfix.button.radius {
	border-radius: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.prefix.button.round {
	border-radius: 0;
	-webkit-border-bottom-left-radius: 1000px;
	-webkit-border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	border-top-left-radius: 1000px;
}

.postfix.button.round {
	border-radius: 0;
	-webkit-border-bottom-right-radius: 1000px;
	-webkit-border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
	border-top-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
	background: #f2f2f2;
	border-right: none;
	color: #333333;
	border-color: #cccccc;
}

span.postfix, label.postfix {
	background: #f2f2f2;
	color: #333333;
	border-color: #cccccc;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-family: inherit;
	font-size: 0.875rem;
	height: 2.3125rem;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color 0.15s linear, background 0.15s linear;
	-moz-transition: border-color 0.15s linear, background 0.15s linear;
	-ms-transition: border-color 0.15s linear, background 0.15s linear;
	-o-transition: border-color 0.15s linear, background 0.15s linear;
	transition: border-color 0.15s linear, background 0.15s linear;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
	background: #fafafa;
	border-color: #999999;
	outline: none;
}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
	background-color: #DDDDDD;
	cursor: default;
}
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
	background-color: #DDDDDD;
	cursor: default;
}
input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
	border-radius: 3px;
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
	border-radius: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
form .row .prefix-radius.row.collapse .prefix {
	border-radius: 0;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
	border-radius: 0;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
form .row .postfix-radius.row.collapse .postfix {
	border-radius: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
	border-radius: 0;
	-webkit-border-bottom-right-radius: 1000px;
	-webkit-border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
	border-top-right-radius: 1000px;
}
form .row .prefix-round.row.collapse .prefix {
	border-radius: 0;
	-webkit-border-bottom-left-radius: 1000px;
	-webkit-border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
	border-radius: 0;
	-webkit-border-bottom-left-radius: 1000px;
	-webkit-border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse .postfix {
	border-radius: 0;
	-webkit-border-bottom-right-radius: 1000px;
	-webkit-border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
	border-top-right-radius: 1000px;
}

input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
	height: auto;
}

/* Not allow resize out of parent */
textarea {
	max-width: 100%;
}

::-webkit-input-placeholder {
	color: #cccccc;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #cccccc;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #cccccc;
}

:-ms-input-placeholder {
	color: #cccccc;
}

/* Add height value for select elements to match text input height */
select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-color: #FAFAFA;
	border-radius: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position: 100% center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	color: rgba(0, 0, 0, 0.75);
	font-family: inherit;
	font-size: 0.875rem;
	line-height: normal;
	padding: 0.5rem;
	border-radius: 0;
	height: 2.3125rem;
}
select::-ms-expand {
	display: none;
}
select.radius {
	border-radius: 3px;
}
select:hover {
	background-color: #f3f3f3;
	border-color: #999999;
}
select:disabled {
	background-color: #DDDDDD;
	cursor: default;
}
select[multiple] {
	height: auto;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
	margin: 0 0 1rem 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
	width: 100%;
}

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
	border: 1px solid #DDDDDD;
	margin: 1.125rem 0;
	padding: 1.25rem;
}
fieldset legend {
    background: #FFFFFF;
    font-weight: bold;
    margin-left: -0.1875rem;
    margin: 0;
    padding: 0 0.1875rem;
}

/* ------ From Validation Style -----*/

.badField {
	outline: none;
	background-color: rgba(255, 77, 77, .25) !important;
    border-color: rgba(255, 77, 77, .25)!important;
}

input {
	border: 2px solid #dadada;
    border-radius: 7px;
}

input:focus {
    outline: none;
    border-color: #7eb8e7;
    box-shadow: 0 0 12px #7eb8e7;
}