/*******************************************************************************************************************
 /$$$$$$$$ /$$$$$$  /$$$$$$$  /$$      /$$       /$$$$$$$  /$$   /$$ /$$$$$$ /$$       /$$$$$$$  /$$$$$$$$ /$$$$$$$
| $$_____//$$__  $$| $$__  $$| $$$    /$$$      | $$__  $$| $$  | $$|_  $$_/| $$      | $$__  $$| $$_____/| $$__  $$
| $$     | $$  \ $$| $$  \ $$| $$$$  /$$$$      | $$  \ $$| $$  | $$  | $$  | $$      | $$  \ $$| $$      | $$  \ $$
| $$$$$  | $$  | $$| $$$$$$$/| $$ $$/$$ $$      | $$$$$$$ | $$  | $$  | $$  | $$      | $$  | $$| $$$$$   | $$$$$$$/
| $$__/  | $$  | $$| $$__  $$| $$  $$$| $$      | $$__  $$| $$  | $$  | $$  | $$      | $$  | $$| $$__/   | $$__  $$
| $$     | $$  | $$| $$  \ $$| $$\  $ | $$      | $$  \ $$| $$  | $$  | $$  | $$      | $$  | $$| $$      | $$  \ $$
| $$     |  $$$$$$/| $$  | $$| $$ \/  | $$      | $$$$$$$/|  $$$$$$/ /$$$$$$| $$$$$$$$| $$$$$$$/| $$$$$$$$| $$  | $$
|__/      \______/ |__/  |__/|__/     |__/      |_______/  \______/ |______/|________/|_______/ |________/|__/  |__/
*******************************************************************************************************************/
.form-builder-container
{
    /* margin-bottom: 40px; */
	width: 500px;
	max-width: 100%;
    position: relative;
}

@media screen and (max-width:1200px)
{
	.form-builder-container
	{
		padding-left: 0;
	}
}

/* @media screen and (max-width:991px)
{
	.form-builder-container
	{
		background: rgba(0, 0, 0, 0.2)
	}
} */

.form-title h2
{
	padding-left: 105px;
	margin-top: 50px;
	color: #ffffff;
}

@media screen and (max-width:800px)
{
	.form-title h2
	{
		padding-left: 0;
	}
}

.required-marker
{
	color: #E60000;
}

/* .form-builder-container form
{
	border: 1px solid #dedede;
    padding: 30px;
    border-radius: 5px;
} */

.form-builder-container form [class^="col"],
.form-builder-container form div.validation-column
{
	width: 100%;
}

.form-builder-container form .col-md-3
{
	clear: both;
}

.form-builder-container form label
{
	font-family: barlow, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: 500;
	margin-bottom: 3px;
    margin-top: 10px;
}

.form-builder-container form label.checkbox-label,
.form-builder-container form label.radio-button-label
{
	font-weight: normal;
	display: block;
}

.form-builder-container form em
{
	display: block;
	font-size: 10pt;
	font-weight: normal;
	color: #828282;
}

.form-builder-container form div.section-title
{
	padding: 15px 15px 0 15px;
	font-size: 16pt;
	margin: 0;
}

.form-builder-container form div.section-title hr
{
	margin: 5px 0 15px 0;
	background-color: #dedede;
}

.form-builder-container form input[type="text"],
.form-builder-container form input[type="email"],
.form-builder-container form input[type="password"]
{
	width: 100%;
	padding: 9px;
	margin-top: 5px;
	border-radius: 3px;
}

.form-builder-container form textarea
{
	width: 100%;
	height: 120px;
	border: 1px solid #D1D1D1;
	border-radius: 3px;
	padding: 7px 10px;
}

.form-builder-container form select
{
	border: 1px solid #D1D1D1;
	border-radius: 3px;
	padding: 5px;
}

.form-builder-container form input[type="text"],
.form-builder-container form input[type="email"],
.form-builder-container form input[type="password"],
.form-builder-container form textarea,
.form-builder-container form select
{
	transition: background-color 150ms;
	font-family: barlow, sans-serif !important;
	font-size: 16pt !important;
	color: #414042;
	background-color: #F1F3F7;
}

.form-builder-container form input[type="text"]:hover,
.form-builder-container form input[type="text"]:focus,
.form-builder-container form input[type="email"]:hover,
.form-builder-container form input[type="email"]:focus,
.form-builder-container form input[type="password"]:hover,
.form-builder-container form input[type="password"]:focus,
.form-builder-container form textarea:hover,
.form-builder-container form textarea:focus,
.form-builder-container form select:hover,
.form-builder-container form select:focus
{
	background-color: #ffffff;
}


.form-builder-container form input:hover.text_box::placeholder,
.form-builder-container form textarea:hover.text_area::placeholder
{
	color: #636466 !important;
}

.form-builder-container form .checkbox
{
	display: inline-block;
}

.form-builder-container form input[type="file"]
{
	outline: 1px solid transparent;
	border: 1px solid transparent;
}

.form-builder-container form div.attachment_status_cell label
{
	font-size: 10pt;
    color: #303030;
    font-weight: normal;
    padding: 5px 10px;
    margin: 2px auto;
    background-color: #efefef;
}

.form-builder-container form div.attachment_status_cell label.error
{
    color: #FF0000;
}

.form-builder-container form div.attachment_status_cell label.error a
{
	color: #FF0000;
	text-decoration: underline;
	transition: color 150ms;
}

.form-builder-container form div.attachment_status_cell label.error a:hover
{
	color: #DB0000;
}

.form-builder-container form div.input-column
{
	position: relative;
}

@media screen and (max-width:992px)
{
	.form-builder-container form .row div.validation-column:first-of-type,
	.form-builder-container form .row div.validation-column:nth-of-type(3n),
	.form-builder-container form div.label-column
	{
		margin-bottom: 0;
	}

	.form-builder-container form .row div.validation-column:nth-of-type(2n),
	.form-builder-container form div.input-column
	{
		margin-top: 0;
	}
}

.form-builder-container form .captcha-container
{
	display: flex;
	justify-content: center;
}

.form-builder-container form .submit-container
{
	text-align: left;
	margin-top: 30px;
}

.form-builder-container form .submit-container input[type="submit"]
{
	border: 1px solid transparent;
}

.input-column
{
	max-width: 490px;
	width: 100%;
}

@media screen and (max-width:576px)
{
	.input-column
	{
		width: 290px;
	}
}

.invalid-tooltip
{
	right: 0;
}

.recaptcha
{
	color: #ffffff;
}

.recaptcha a
{
	color: #ffffff;
	text-align: left;
}

.form-container
{
	background: #ffffff;
    /* width: 570px;
	max-width: 100%; */
	padding: 60px 35px 30px 40px;
    position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

@media screen and (max-width:1200px)
{
    .form-container
	{
		max-width: 520px;
		width: 100%;
	}
}

@media screen and (max-width:991px)
{
    .form-container
	{
		margin: auto;
	}
}


.description-container .form-title
{
	padding-bottom: 35px;
	margin-bottom: 30px;
	border-bottom: 2px solid #000000;
	font-family: questrial, sans-serif;
	font-size: 37px;
	color: #000000;
	font-weight: 500;
}

.description-container p
{
	font-family: barlow, sans-serif;
	font-size: 19px;
	color: #000000;
	font-weight: normal;
}