.lawfunder_form {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:20px;}

.lawfunder, .lawfunder__fill {
	background: #e6e6e6;display: block;height: 8px;
	border-radius: 4px;
	box-sizing: border-box;
	}

.lawfunder {position: relative;height: 8px;width: 100%;margin:1em 0 0.5em 0;}

.lawfunder--disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity: 0.4;}

.lawfunder__fill {height: 8px;width: 100%;background: #ff9900;position: absolute;top: 0;}

.lawfunder__handle {
	background: #ff9900;
	border: 2px solid #ff9900;
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -8px;
	border-radius: 50%;
}

.lawfunder-slider-principal {
	margin-bottom: 30px;text-align: center;
}

.lawfunder-slider-term {margin-bottom: 0;text-align: center;display: block;}

.clickable { cursor: pointer; }

input[type="range"]:focus + .lawfunder .lawfunder__handle {box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);}

.lawfunder-slideroutput:after, .range:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.lawfunder-slideroutput .lawfunder-sliderleft {float: left;width:30%;text-align:left;}
.lawfunder-slideroutput .lawfunder-sliderbuttonleft {float: left;width:10%;text-align:right;}
.lawfunder-slideroutput .lawfunder-sliderbuttonright {float: left;width:10%;text-align:left;}
.lawfunder-slideroutput .lawfunder-slidercenter {float: left;width:20%;text-align:center;outline: 0;}
.lawfunder-slideroutput .lawfunder-sliderright {float: right;width:25%;text-align:right;}

.lawfunder-slideroutput { position: relative;}
.loanoutput {margin-bottom: 2em;font-size:2em;margin:0;text-align:left;width:100%;}

.lawfunder-float {display:grid;grid-template-columns:65% 35%;}

/* Outputs */

.lawfunder_sliders { text-align: center; }

.lawfunder_slider_output { font-size: 100%;}
.lawfunder_slider_output div { line-height: 25px; }

.slider-section {background: #f4f4f4;padding: 20px;}

.lawfunder-outputs {background:#ff9900;padding:20px;text-align: center;color:#343848;}

.lawfunder-repayment-label {font-size: 14px;text-align: center;}
.lawfunder-repayment-monthly {font-weight: 900;font-size:36px;margin: 8px 0;text-align: center;}
.lawfunder-repayment-interest {font-size:14px;margin: 2px 0;}
.lawfunder-repayment-total {font-size:14px;margin: 0;}
.lawfunder-register .submit {padding: 8px;color:#1a82c7; background: #fff;font-family: inherit;font-size: 25px;height:auto;width: 100%;box-sizing: border-box;line-height:normal;margin: 10px 0 0 0;padding: 6px;cursor:pointer;border:none;}

.lawfunder-sections:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

table.output-table {width:100%;border-collapse: collapse;}
table.output-table td {padding: 4px 0;border-bottom: 1px solid #ccc !important;vertical-align: middle !important;}
table td.table-label {text-align: left;}
table td.table-output {text-align: right;}

/* H2 Toggle */

.toggle-lawfunder a {font-family: inherit;height:auto;width: 100%;box-sizing: border-box;line-height:normal;padding: 6px;text-align: center;margin-top:8px;}
.toggle-lawfunder a, .lawfunder-register .submit {display:block; background: #02b93a;text-align: center;cursor: pointer;color:#FFFFFF;}
.toggle-lawfunder a:link, .toggle-lawfunder a:visited, .toggle-lawfunder a:hover {color:#FFF;text-decoration:none !important;}

/* FILTERS */
.sorting-radio { display: block; }
.sorting-radio-container { display: inline-block; padding: 5px; width: 49%; color: #007fb9;background-color: #E3E3E3; margin: 1%; line-height: 30px; height: 30px; position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.sorting-radio-container:first-child {margin-left: 0;}
.sorting-radio-container:last-child {margin-right: 0;}
.sorting-radio-container input { position: absolute; top: 9px; left: 10px; margin: 0; z-index: 909; }
.sorting-radio-container label { width: 100%; height: 100%; background-color: white; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #1a82c7; color: #1a82c7;}
.sorting-radio-container input { display: none; }
.sorting-radio-container span { left: 0; }
.sorting-radio-container label { text-align: center; }
.sorting-radio-container label span { position: relative;z-index: 910; }
.sorting-radio-container input:checked + label { background: #1a82c7; color:#FFF}

@media only screen and (max-width:400px) {.sorting-radio-container {width:100%;margin: 1% 0;}}


/* Checkboxes */
.lawfunder-filterlabel {text-align:center;font-size: 100%;margin-bottom:20px;}
.lawfunder-filterlabel ul, .lawfunder-filterlabel li, .lawfunder_filter_content ul, .lawfunder_filter_content li { list-style: none; position: relative; font-size: 100%;}
.lawfunder-filterlabel ul {padding: 0 !important; margin: 0 !important;  width: 100%;}
.lawfunder-filterlabel li {float: left; text-align: left; }
.lawfunder-filterlabel li.label {float: left; font-weight: 600;color:#339966;}
.lawfunder-filterlabel li.check {padding-left: 10px; }
.lawfunder-filterlabel::after {clear: both; content: " "; display: block; }

.lawfunder_checkbox {width: 20px;height: 20px;display: inline-block;position: relative;top: 3px;margin-right: 10px;}
.lawfunder_checkbox input { visibility: hidden; position: absolute; }
.lawfunder_checkbox label { width: 100%; height: 100%; display: block; border-radius: 3px; border: 1px solid #339966; position: relative; background-color: white; cursor: pointer; }
.lawfunder_checkbox label::after { opacity: 0; border: 3px solid #339966; background: transparent; position: absolute; width: 9px; height: 5px; bottom: 7px; left: 5px; border-top: none; border-right: none; transform: rotate(-45deg);content: "";}
.lawfunder_checkbox label:hover::after {opacity: 0.5;}
.lawfunder_checkbox input[type=checkbox]:checked + label:after {opacity: 1;}

.lawfunder-slidercenter input.output { width: 100%; text-align: center; }

/* Circle Rules */
.circle-down 	{ height: 25px; width: 25px; position: absolute; top: 0; left: 0; border-radius: 12.5px; border: 2px solid #ff9900; }
.circle-down:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #ff9900;
	top: 50%;
	margin-top: -1.5px;
	left: 50%; 
	margin-left: -7.5px;
}
.circle-up 		{ height: 25px; width: 25px; position: absolute; right: 0; top: 0; border-radius: 12.5px; border: 2px solid #ff9900; }
.circle-up:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #ff9900;
	top: 50%;
	left: 50%; 
	margin-top: -1.5px;
	margin-left: -7.5px;
}
.circle-up:before {
	content: "";
	width: 3px;
	position: absolute;
	height: 15px;
	background-color: #ff9900;
	top: 50%;
	left: 50%;
	margin-top: -7.5px;
	margin-left: -1.5px;
}
.output-number	{ line-height: 25px; font-size:25px;color: #666666}
.output-number output {color: #ff9900;}
.output-pad		{ padding: 0 25px; line-height: 25px; min-height: 25px; position: relative; text-align: center;}
.circle-up:hover, .circle-down:hover { background-color: #e6e6e6; cursor: pointer; }
.circle-control {
  -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */
}

.applicationform select {
	background-color: white;	 
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:
		url('img/lawfunder-arrow-down.png'),
		url('img/lawfunder-arrow-down.png'),
		linear-gradient(to right, #343848, #343848);
	background-position:
		calc(100% - 18px) calc(50%),
		calc(100% + 18px) calc(50%),
		calc(100% + 4px) 0;
	background-size:
		8px,
		8px,
		51px calc(100% + 1px);
	background-repeat: no-repeat;
	outline: 0;
}

.applicationform select:focus {
	background-image:
		url('img/lawfunder-arrow-down.png'),
		url('img/lawfunder-arrow-down.png'),
		linear-gradient(to right, #343848, #343848);
	background-position:
		calc(100% + 18px) calc(50%),
		calc(100% - 18px) calc(50%),
		calc(100% + 4px) 0;
	background-size:
		8px,
		8px,
		51px calc(100% + 1px);
	background-repeat: no-repeat;
	outline: 0;
}

/* Application Form */
.applicationform {width:100%;}
.applicationform input[type=number], .applicationform input[type=text], .applicationform textarea, .applicationform select, .applicationform .submit, .applicationform .callback {margin: 0!important;padding: 4px!important;color: #343848!important;font-family: inherit;font-size: inherit;height:auto!important;border:1px solid #CCC;width: 100%;box-sizing: border-box;background:#FFF !important;border-radius: 0!important;}
.applicationform ::placeholder {color: #CCCCCC;}
.entry .applicationform p, .applicationform span {margin: 16px 0 4px 0;}
.applicationform input[type=text]:focus, .applicationform textarea:focus, .applicationform select:focus{border: 1px solid #1A82C7 !important;}
.applicationform fieldset {background:#f4f4f4;margin-bottom:20px;border: 1px solid #1a82c7;padding: 20px;}
.applicationform fieldset h2 {color:#1a82c7;padding: 0;}
.applicationform fieldset h3 {color:#1a82c7;padding: 16px 0 5px 0;}
.applicationform fieldset div.left{float:left;width:39%;padding: 0 4px;text-align: right;line-height: 1.1em;margin: 2px 0;}
.applicationform fieldset div.right{float:right;width:59%;padding: 0 4px;line-height: 1.5em;margin: 2px 0;}
.applicationform fieldset div.right .required {border-color:red;}

.applicationform .submit {background: #1a82c7 !important;color:#FFF !important;text-align: center;cursor: pointer;border:none;}
.applicationform .callback {background: #ff9900 !important;color:#343848 !important;text-align: center;cursor: pointer;border:none;margin-top:12px!important;}

.lawfunder-error-message {color:red !important;}

.lawfunder-register select::-ms-expand {
	display: none;
}

.checklabel ul, .checklabel li { list-style: none; position: relative;}
.checklabel ul {padding: 0 !important; margin: 0 !important;  width: 100%;}
.checklabel li {float: right;text-align: left; padding: 5px 0 5px 20px;}
.checklabel li.label {float: left;color:#343848; padding-left: 0;}

.lawfunder_checkbox {width: 20px;height: 20px;display: inline-block;position: relative;top: 3px;margin-right: 10px;}
.lawfunder_checkbox input {visibility: hidden; position: absolute; }
.lawfunder_checkbox label {width: 100%; height: 100%; display: block; border-radius: 3px; border: 1px solid #339966; position: relative; background-color: white; cursor: pointer; }
.lawfunder_checkbox label::after {opacity: 0; border: 3px solid #339966; background: transparent; position: absolute; width: 9px; height: 5px; bottom: 7px; left: 5px; border-top: none; border-right: none; transform: rotate(-45deg);content: "";
}
.lawfunder_checkbox label:hover::after {opacity: 0.5;}
.lawfunder_checkbox input[type=checkbox]:checked + label:after {opacity: 1;}

.slider-label {font-size:1.2em;color:#888888;font-style: oblique;}

.lawfunder-sample {margin: 12px 0;}
.lawfunder-sample img {max-width: 150px !important;margin-right: 12px;}

/* Waiting */

#filechecking {display:none;}
.filecheckingcontent {text-align: center;}
#noclose {display:none;}
.noclosecontent {font-weight:900;color:red;font-size:24px;text-align: center;}

/* Messages */

.basemessage {text-align: center; color: #666666 !important; font-style: italic;margin-top: 10px;margin-bottom: 20px;}

/* Radio Buttons */

.checkradio ul, .checkradio li { list-style: none; position: relative;}
.checkradio ul {padding: 0 !important; margin: 30px 0 0 0 !important;  width: 100%;}
.checkradio li {float: left;text-align: left; padding: 0 20px 0 0;}
.checkradio li.label {float: left;color:#343848; padding-left: 0;}

.checkradio input[type=radio]:not(old){width: 2em;margin: 0;padding: 0;font-size: 1em;opacity: 0;}
.checkradio input[type=radio]:not(old) + label{display: inline-block;margin-left: -2em;line-height: 1.5em;}
.checkradio input[type=radio]:not(old) + label > span{display: inline-block;width: 1em;height: 1em;margin: 0.25em 0.5em 0.25em 0.25em;border: 3px solid #888;border-radius: 0.5em;background: #FFF;vertical-align: bottom;}
.checkradio input[type=radio]:not(old):checked + label > span{background: #ff9900;}

.registerradio ul, .registerradio li { list-style: none; position: relative;}
.registerradio ul {padding: 0 !important; margin: 0 !important;  width: 100%;}
.registerradio li {float: right;text-align: left; padding: 0 0 10px 20px;}
.registerradio li.label {float: left;color:#343848; padding-left: 0;}

.registerradio input[type=radio]:not(old){width: 2em;margin: 0;padding: 0;font-size: 1em;opacity: 0;}
.registerradio input[type=radio]:not(old) + label{display: inline-block;margin-left: -2em;line-height: 1.5em;}
.registerradio input[type=radio]:not(old) + label > span{display: inline-block;width: 1em;height: 1em;margin: 0.25em 0.5em 0.25em 0.25em;border:1px solid #415063;border-radius: 0.5em;background: #FFF;vertical-align: bottom;}
.registerradio input[type=radio]:not(old):checked + label > span{background: #1a82c7;}

/* PlusMinus */

.cssCircle {
	color: #3D9BE9;
	line-height: 30px;
	font-size: 30px;
	display: inline-block;
	font-weight: bold;
}

.cssCircle:hover {
  cursor: pointer;
}


p.steps {color: #999999 !important;text-align: left;padding: 0 0 12px 0 !important;}
p.nextsteps {clear:both;color: #999999 !important;text-align: left;padding: 10px 0 0 0 !important;}

/* PreLoad Loading Gif */
.image_upload_preview { background-image: url('img/loading.gif'); }

/* Regular Rules Now */
.image_upload_preview { width: 108px; height: 108px; border: 1px solid black; background-color: #EEAAEE; cursor: pointer; background: url('img/upload.png') no-repeat center center; white-space: nowrap; position: relative; }
.image_upload_preview .helper { display: inline-block; height: 100%; width: 0px; vertical-align: middle; display: none; }
.image_upload_preview.has_image { background-color: black; text-align: center; background-image: url('img/loading.gif'); }
.image_upload_preview.has_pdf { background-image: url('img/pdf.png'); }
.image_upload_preview img { max-width: 100%; max-height: 100%; vertical-align: middle; display: none; }
.image_upload_preview.has_image img { display: block; margin: auto; }
.image_upload_preview .progress { display: none; width: 80%; height: 20px; opacity: .5; border: 1px solid green; border-radius: 5px; position: absolute; bottom: 10%; left: 10%; }
.image_upload_preview .progress .bar { background-color: green; width: 0; height: 100%;
	-webkit-transition: width .3s; /* Safari */
	transition: width .3s;
}


@media only screen and (max-width:600px) {
	.slider-section {padding: 8px;}
	.lawfunder-outputs {padding:8px;}
	.applicationform fieldset {padding: 8px;}
	.checkradio li.label { display:none;}
	.applicationform fieldset div.left{float:left;width:100%;padding: 7px 0 0 0;text-align: left;}
	.applicationform fieldset div.right{float:left;width:100%;padding: 0;}
	.applicationform .dc_border {padding: 8px;margin: 8px 0; }
	.child_float { width: 100% !important; }
	.lawfunder-float{display:block;}
	.output-number {font-size:14px;}
	.checklabel li { width: 50%; float: left;padding: 5px 0 5px 0;}
	.applicationform .dc_border {padding: 10px;margin: 10px 0; }
	.featured_block_inner {padding: 15px 0 !important;}
}