.profipc_form {
	box-sizing: border-box;margin-bottom:20px;color:#454545;
	font-size:14px;

}

.profipc_form p {box-sizing: border-box;color:#454545}

.profipc, .profipc__fill {
	background: #e6e6e6;display: block;height: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	}

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

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

.profipc__fill {height: 10px;width: 100%;background: #db2032;position: absolute;top: 0;}

.profipc__handle {
	background: #db2032;
	border: 4px solid #ffffff;
	cursor: pointer;
	display: inline-block;
	width: 26px;
	height: 26px;
	position: absolute;
	top: -8px;
	border-radius: 50%;
}
.profipc-slider-step-wrapper {
	padding: 0 13px;
}
.profipc-slider-steps {
	position: relative;
	width: 100%;
	height: 30px;
}
.profipc-term-step {
	position: absolute;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	height: 30px;
	font-size: 14px;
}

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

.profipc-slideroutput:after, .range:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.profipc-slideroutput .profipc-sliderleft {float: left;width:50%;text-align:left;}
.profipc-slideroutput .profipc-sliderbuttonleft {float: left;width:10%;text-align:right;}
.profipc-slideroutput .profipc-sliderbuttonright {float: left;width:10%;text-align:left;}
.profipc-slideroutput .profipc-slidercenter {float: left;width:%;text-align:center;outline: 0;}
.profipc-slideroutput .profipc-sliderright {
	float: right;
	width: 35%;
	text-align: center;
	position: relative;
	padding: 0 30px;
	line-height: 25px;
	
}

.profipc-slideroutput .profipc-sliderleftleft {
	float: left;
	width: 50%;
	text-align: left;
	line-height: 17px;
	font-size:12px
	
}
.profipc-slideroutput .profipc-sliderrightright {
	float: right;
	width: 50%;
	text-align: right;
	line-height: 25px;
	font-size:14px
	
}

.profipc-outputs {color: #db2032;padding:2px;}
.profipc-outputs p {text-align: center;color:#db2032 !important;padding:0;font-size:16px;line-height:23px}
.profipc-outputs .profipc-repayments{font-size:38px;line-height:54px;font-weight: 900}

.profipc_form .profipc_label_tiny {
	position: relative;
}

.profipc_form .profipc_label_tiny * {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.profipc_form .profipc_label_tiny.profipc_input_content input, .profipc_form .profipc_label_tiny.profipc_input_content textarea {
	padding-top: 1em;
}

.profipc_form .profipc_label_tiny label {
	position: absolute;
	top: 2px;
	left: 0;
	margin: 6px;
	font-size: 14px;
}

.profipc_form .profipc_label_tiny.profipc_input_content label {
	font-size: 10px;
}

.profipc-register select {
	
	background-color: white;
	font: inherit;

	margin: 0;	  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	
	background-image:
		url('img/profipc-arrow-down.png'),
		url('img/profipc-arrow-up.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;
}

.profipc-register select:focus {
	background-image:
		url('img/profipc-arrow-down.png'),
		url('img/profipc-arrow-up.png'),
		linear-gradient(to right, rgba(203,0,28,1), rgba(187,2,28,1), rgba(203,0,28,1));
	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;
}

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

.profipc-slider-principal {margin-bottom: 20px;}

.profipc-slideroutput { position: relative;font-size:24px;line-height: 34px;}
.loanoutput {margin-bottom: 2em;font-size:2em;margin:0;text-align:left;width:100%;}

/* Outputs */

.profipc-repayments {margin-bottom: 1em;}
.profipc-total {margin-bottom: 1em;}

.profipc-float {display:grid;grid-template-columns:65% 33%;grid-gap:2%;}
.profipc-float-columns {min-height: 180px;}

@media only screen and (max-width:600px) {
	.profipc-float{display:block;}
	.profipc-float-columns {min-height: auto;}
}

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

/* H2 Toggle */

h2.toggle-profipc {margin: 18px 0 7px 0;padding:0;font-family: inherit;font-size: inherit;height:auto;width: 100%;box-sizing: border-box;line-height:normal;}
h2.toggle-profipc a {display:block;background: #343848;padding: 8px;text-align: center;cursor: pointer;color:#FFFFFF !important;}
h2.toggle-profipc a:link, h2.toggle-profipc a:visited, h2.toggle-profipc a:hover {color:#FFF;text-decoration:none !important;}

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

/* Application Form */

.profipc-register input[type=text], .profipc-register input[type=tel], .profipc-register textarea, .profipc-register select, .profipc-register .submit {margin: 5px 0 7px 0;padding: 8px;color: #465069;font-family: inherit;font-size: inherit;height:auto;border:1px solid #415063;width: 100%;box-sizing: border-box;line-height:normal;margin: 2px 0 3px 0;padding: 6px;}
.profipc-register {text-align: left;margin: 10px 0 10px 0;padding: 0;box-sizing: border-box;}
.profipc-rightregister {margin: 0px 0px 10px 0;}
.profipc-register form, .profipc-register p {margin: 0;padding: 0;}
.profipc-register p {margin: 4px 0;}
.profipc-register input[type=text] .required, .profipc-register input[type=tel] .required, .profipc-register textarea .required {border:1px solid green;}
.profipc-register .submit {color: #FFF;background: #343848;border:none;text-align: center;cursor: pointer;}
.profipc-register .hidden { display: none }
.profipc-register .shown { display: block }
.profipc-register .validator {margin-left: -999px;height:0;}
.profipc-error-message {color:red;}


.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;}

@media only screen and (max-width: 700px) {.checklabel li { width: 50%; float: left;padding: 5px 0 5px 0;}}

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

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

/* Waiting */

#filechecking {display:none;position: relative;top: 50%;left: 50%;}
.filecheckingcontent {left: -36px;position: relative;}

/* Tooltip */

.profipc_tooltip_toggle { position: relative; display: block; float: right; padding-left: 10px;}
.profipc_tooltip_toggle a { display: block; float: right; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; background-image: url(img/Info_icon.png);}
.profipc_tooltip_body { display: none; position: absolute; top: 13px; right: 13px; width: 300px; height: auto; border: 3px solid #3D9BE9; z-index: 998; background-color: #343848; border-radius: 10px; color: white; padding: 10px;font-size: 80%;overflow:visible !important; }
.profipc_tooltip_body .close {background-color: #FFF; border-radius: 50%; background-image: url(img/close.png); width:30px;height:30px;top:-15px;right: -15px;position: absolute;cursor: pointer; z-index:999; overflow:visible !important; }

/* Radio Buttons */

.checkradio ul, .checkradio li { list-style: none; position: relative;}
.checkradio ul {padding: 0 !important; margin: 0 !important;  width: 100%;}
.checkradio li {float: left;text-align: left; padding: 0 20px 10px 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: #888888;}

.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: #888888;}

/*
	Graph
*/
.profipc-graph-section { height: 100%;  
	float: left;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid black;
	border-right: none;
	margin-top: 12px;
}
.profipc-graph .first { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.profipc-graph .last { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid black; }
.profipc-graph { width: 100%; height: 30px; white-space: nowrap; }

@media only screen and (max-width: 500px) {.checkradio li.label { display:none;}}

/* Circle Rules */
.circle-down 	{ height: 25px; width: 25px; position: absolute; top: 0; left: 0; border-radius: 12.5px; border: 2px solid #db2032; }
.circle-down:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #db2032;
	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 #db2032; }
.circle-up:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #db2032;
	top: 50%;
	left: 50%; 
	margin-top: -1.5px;
	margin-left: -7.5px;
}
.circle-up:before {
	content: "";
	width: 3px;
	position: absolute;
	height: 15px;
	background-color: #db2032;
	top: 50%;
	left: 50%;
	margin-top: -7.5px;
	margin-left: -1.5px;
}

.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 */
}


@media only screen and (max-width:900px) {
	.profipc-slideroutput { position: relative;font-size:18px;}
}


@media only screen and (max-width:600px) {
	.profipc-float{display:block;}
	.profipc-float-columns {min-height: auto;}
	.profipc-slideroutput { position: relative;font-size:14px;}
	.profipc-slideroutput .profipc-sliderright {width:55%;}
	.profipc-slideroutput .profipc-sliderright {width:45%;}
	.profipc-slideroutput .profipc-sliderrightright {width:45%;}
}