.qis_form {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.qis_form.none {border:0 solid #FFF;padding: 0;}
.qis_form.plain {border:1px solid #415063;padding:10px;margin: 0;}
.qis_form.rounded {border:1px solid #415063;padding:10px;-moz-border-radius: 10px;-webkit-box-shadow: 10px;border-radius: 10px;}
.qis_form.shadow {border:1px solid #415063;padding:10px;margin:0 10px 20px 0;-webkit-box-shadow: 5px 5px 5px #415063;-moz-box-shadow: 5px 5px 5px #415063;box-shadow: 5px 5px 5px #415063;}
.qis_form.roundshadow {border:1px solid #415063;padding:10px; margin:0 10px 20px 0;-webkit-box-shadow: 5px 5px 5px #415063;-moz-box-shadow: 5px 5px 5px #415063;box-shadow: 5px 5px 5px #415063;-moz-border-radius: 10px; -webkit-box-shadow: 10px; border-radius: 10px;}


.qis,
.qis__fill {
    background: #e6e6e6;display: block;height: 2em;
    -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    }

.qis {position: relative;height: 2em;width: 100%;margin:1em 0;}

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

.qis__fill {height: 2em;width: 100%;background: #00ff00;position: absolute;top: 0;}

.qis__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 3em;
    height: 3em;
    position: absolute;
    top: -0.5em;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


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

.qis-slideroutput:after, .range:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.qis-slideroutput .qis-sliderleft {float: left;width:33.3333%;text-align:left;}
.qis-slideroutput .qis-slidercenter {float: left;width:33.3333%;text-align:center;}
.qis-slideroutput .qis-sliderright {float: right;width:33.3333%;text-align:right;}

.qis_form table, .qis_form th, .qis_form td {border:none;}
.qis_form table {width:100%;}
.qis_form th, .qis_form td {padding:6px;font-size:100%;width:33.3333%;}
.qis_form th {color:#888888;background:#CCCCCC;text-align:left;}
.qis_form td {color:#000000;background:#CCCCCC;padding:6px;}

.qis_form .qis_label_tiny {
	position: relative;
}

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

.qis_form .qis_label_tiny.qis_input_content input, .qis_form .qis_label_tiny.qis_input_content textarea {
	padding-top: 1em;
}

.qis_form .qis_label_tiny label {
	position: absolute;
	top: 2px;
	left: 0;
	margin: 6px;
	font-size: 1em;
}

.qis_form .qis_label_tiny.qis_input_content label {
	font-size: 0.6em;
}

.qis-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/qis-arrow-down.png'),
		url('img/qis-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;
}

.qis-register select:focus {
	background-image:
		url('img/qis-arrow-down.png'),
		url('img/qis-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;
}

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

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

*,
*:before,
*:after {
    @include box-sizing(border-box);
}
  
.rangeslider__value-bubble {
  border: 1px solid #3D9BE9;
  display: block;
  padding: 2px;
  position: absolute;
  bottom: 100%;
  margin-bottom: 8px;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  text-align: center;
  background-color: #FFF;
  border-radius: 5px;
}

h2.toggle-qis, .qis-register input[type=text], .qis-register textarea, .qis-register select, .qis-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%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;line-height:normal;margin: 2px 0 3px 0;padding: 6px;
-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.qis-register input[type=text] .required {border:1px solid green;}
h2.toggle-qis {text-align: center;margin-top:18px;}
h2.toggle-qis a, .qis-register .submit {background: #343838;text-align: center;cursor: pointer;color:#FFFFFF;}
h2.toggle-qis a:link, h2.toggle-qis a:visited, h2.toggle-qis a:hover {color:#FFF;text-decoration:none !important;}
.qis-error-message {color:red;}

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

.qis-register {text-align: left;margin: 10px 0 10px 0;padding: 0; max-width:280px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.qis-rightregister {margin: 0px 0px 10px 0;}
.qis-register form, .qis-register p {margin: 0;padding: 0;}
.qis-register p {margin: 4px 0;}
.qis-register input[type=text] .required, .qis-register textarea .required {border:1px solid green;}
.qis-register #submit {color: #FFF;background: #343838;text-align: center;cursor: pointer;}
.qis-register .hidden { display: none }
.qis-register .shown { display: block }
.qis-register .validator {margin-left: -999px;height:0;}

.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 10px;}
.checklabel li.label {float: left;color:#343848; padding-left: 0;}

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

.qis_checkbox {width: 20px;height: 20px;display: inline-block;position: relative;top: 3px;margin-right: 10px;}
.qis_checkbox input {visibility: hidden; position: absolute; }
.qis_checkbox label {width: 100%; height: 100%; display: block; border-radius: 3px; border: 1px solid #339966; position: relative; background-color: white; cursor: pointer; }
.qis_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; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}

.qis_checkbox label:hover::after {
	opacity: 0.5;
}

.qis_checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}