@charset "utf-8";
/* CSS Document */

	body{
	background-color: transparent;
	}
		
	/* Removes scrollbar when iframe resizes */
	html, body {
		overflow-x: hidden;
		overflow-y: hidden !important;
	}

	/* Stops header and footer being pushed off screen on mobiles */
	input, select, textarea {
		font-size: 16px !important;
		padding: 12px;
	}
	
	.jf-form{
	margin-top: 28px;
	}

	.jf-form > form{
	margin-bottom: 32px;
		max-width: 100%;
	}

	.jf-option-box{
	display: none;
	margin-left: 8px;
	}

	.jf-hide{
	display: none;
	}

	.jf-disabled {
	background-color: #eeeeee;
	opacity: 0.6;
	pointer-events: none;
	}

	/* 
	overwrite bootstrap default margin-left, because the <label> doesn't contain the <input> element.
	*/
	.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position: absolute;
	margin-top: 4px;
	margin-left: 0px;
	}

	div.form-group{
	  padding: 8px 8px 4px 8px;
	}

	.mainDescription{
	  margin-bottom: 10px;
	}

	p.description{
	  margin:0px;
	}

	.responsive img{
	  width: 100%;
	}

	p.error, p.validation-error{
	  padding: 5px;
	}

	p.error{
	  margin-top: 10px;
	  color:#a94442;
	}

	p.server-error{
	  font-weight: bold;
	}

	div.thumbnail{
	  position: relative;
	  text-align: center;
	}

	div.thumbnail.selected p{
	  color: #ffffff;
	}

	div.thumbnail .glyphicon-ok-circle{
	  position: absolute;
	  top: 16px;
	  left: 16px;
	  color: #ffffff;
	  font-size: 32px;
	}

	.jf-copyright{color: #888888; display: inline-block; margin: 16px;display:none;}

	.form-group.required .control-label:after {
		color: #dd0000;
		content: "*";
		margin-left: 6px;
	}

	.submit .btn.disabled, .submit .btn[disabled]{
	  background: transparent;
	  opacity: 0.75;
	}

	/* for image option with span text */
	.checkbox label > span, .radio label > span{
	  display: block;
	}

	.form-group.inline .control-label,
	.form-group.col-1 .control-label,
	.form-group.col-2 .control-label,
	.form-group.col-3 .control-label
	{
	  display: block;
	}

	.form-group.inline div.radio,
	.form-group.inline div.checkbox{
	  display: inline-block;
	}

	.form-group.col-1 div.radio,
	.form-group.col-1 div.checkbox{
	  display: block;
	}

	.form-group.col-2 div.radio,
	.form-group.col-2 div.checkbox{
	  display: inline-flex;
	  width: 48%;
	}

	.form-group.col-3 div.radio,
	.form-group.col-3 div.checkbox{
	  display: inline-flex;
	  width: 30%;
	}

	.clearfix:after {
	   content: ".";
	   visibility: hidden;
	   display: block;
	   height: 0;
	   clear: both;
	}
		
	/* overwrite bootstrap styles */
	.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
		position: relative;
		margin-top: 0px;
		margin-left: 2px;
	}

	.checkbox label, .radio label {
	   padding-left: 4px;
	}
		
	.select2-hidden-accessible{
		opacity: 0;
		width:1% !important;
	}
	.select2-container .select2-selection--single{
	  height: 45px !important;
	  padding-top: 8px;
	  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	  border: 1px solid #ccc;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow{
	  top: 10px !important;
	}


/* custom css */

body{
	font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.control-label{
    color: #353f4f;
    line-height: 1.6666;
	font-size: 18px;
    font-weight: 700;
}

p.description, p {
	color: #6c757d;
    margin: 0px;
	font-style: italic;
	font-size: 1.4rem;
	line-height: 1.5;
}
	
.checkbox, .radio {
    font-size: 16px;
}
	
.select2-container .select2-selection--single {
	font-size: 1.8rem;
}
	
.form-control{
	height: 45px;
	font-size: 18px;
}
	
.bg-info {
	background-color: #ffffff;
}

.select2-results__option {
	font-size: 16px;
}
	
.btn-primary {
	background-image: none;
	color: #fff;
    border-color: #386387;
    background-color: #386387;
	font-weight: 600;
}

.btn-primary:hover {
	color: #4e87b6!important;
  	background-color: #eaf3f8!important;
  	border-color: #eaf3f8!important;
}

.select2-search__field {
  autocomplete: off !important;
}