/*
Dark grey:  #58595B
Orange:		#F48F17
*/

/* Colours */
#afrifinance {
	background-color: #eeeff1;color:#58595B;
}
.afrifinance {
	background: #e6e6e6;
}

.afrifinance-down:after,
.afrifinance-up:after,
.afrifinance-up:before,
.afrifinance__fill,
.toggle-afrifinance a,
.afrifinance-application .submit {
	background: #F48F17;
}
.afrifinance-down, .afrifinance-up, .afrifinance__handle {border: 2px solid #F48F17; }
.afrifinance-up:hover, .afrifinance-down:hover { background-color: #ffffff;}
.afrifinance-output-values output,
.afrifinance-outputs .outputvalue,
.afrifinance-error-message {
	color: #F48F17;
}
.afrifinance-outputs, .afrifinance__handle {background-color: #FFFFFF;}
.afrifinance-application input[type=text], 
.afrifinance-application textarea, 
.afrifinance-application select,
.afrifinance-application input[type="checkbox"] + label::before {
	border:1px solid #58595B;background:#FFF;
}
.toggle-afrifinance a, .afrifinance-application .submit {color:#FFFFFF;}
.afrifinance-application ::placeholder {color: #CCCCCC;}
.afrifinance-application input[type=text].warning, 
.afrifinance-application select.warning {border: 1px solid #F48F17;}

.afrifinance_slider sg {fill:#F48F17;}

/* Form Settings */
#afrifinance {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:20px;
	padding:24px;
}

/* Grid */
.afrifinance-grid {
	display:grid;
	grid-template-columns:60% 40%;
}

.afrifinance-inputs {margin-right:24px;}

/* Buttons */
.afrifinance-range {margin-bottom: 40px;}
.afrifinance_slider {display:grid;grid-template-columns:7% 86% 7%;grid-column-gap: 0;position: relative;}
.afrifinance_slider svg {cursor: pointer;width: 25px;height:25px;fill: #F48F17;}
.afrifinance_slider div.plus {text-align:right;}

.afrifinance-pad	{display:grid;grid-template-columns:50% 50%;line-height: 25px;margin-bottom: 12px;}
.afrifinance-pad .output-label {color: #585858;font-size:21px;text-align: left;}
.afrifinance-pad .output-value {color: #585858;font-weight: 500;font-size:21px;text-align: right;}

.circle-control {touch-action: none;}

/* Sliders */
.afrifinance,
.afrifinance__fill,
input[type=range] {
	background: #e6e6e6;display: block;
	box-sizing: border-box;
	border-radius: 3px;
}

.afrifinance {
	position: relative;
	height: 6px;
	width: 100%;
	margin:9px 0;
}

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

.afrifinance__fill {
	height: 6px;
	width: 100%;
	position: absolute;
	top: 0;
}

.afrifinance__handle {
	background: #fff;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #F48F17;
	width: 21px;
	height:21px;
	position: absolute;
	top: -9px;
	border-radius: 50%;
	box-sizing: content-box !important;
}

.afrifinance-slider-principal {margin-bottom: 24px;}

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

/* Slider outputs */
.afrifinance-slideroutput:after, .afrifinance-range:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.afrifinance-slideroutput { text-align: center; }
.afrifinance-slideroutput .afrifinance-sliderbuttonleft { position: relative; height: 30px; width: 10%; display: inline-block;text-align: left; }
.afrifinance-slideroutput .afrifinance-sliderbuttonright {position: relative; height: 30px; width:10%; display: inline-block;text-align: right; }
.afrifinance-slideroutput .afrifinance-slidercenter {margin: auto; width:40%; display: inline-block; text-align:center; outline: 0; }
.afrifinance-slidercenter input.output { width: 100%; text-align: center; }

/* Outputs */
.afrifinance-outputs {text-align: center;padding:12px 24px;}
.afrifinance-output-content {display:block}
.afrifinance-outputs .outputvalue {font-weight: 900;font-size: 30px;}
.afrifinance-outputs .outputcontent {font-size:12px;}

.applicationresponse {display: none;}

/* Application Form */
.afrifinance-application .input {margin-bottom: 12px;}
.afrifinance-application {width:100%;margin-top:24px;display:none;}
.afrifinance-application .intro {margin: 4px 0 12px 0;}
.afrifinance-application .fields {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-column-gap: 2%;grid-row-gap: 12px;}
.afrifinance-application input[type=text], .afrifinance-application textarea, .afrifinance-application select, .afrifinance-application .submit {-webkit-appearance: none;padding: 4px;font-family: inherit;font-size: inherit;height:auto!important;width: 100%;box-sizing: border-box;}
.afrifinance-application input[type=hidden] {display:none;}
.afrifinance-application input:focus {outline:none;}
.afrifinance-application .label{font-size:80%}

/* Checkbox */
.afrifinance-application input[type="checkbox"] {display:none;}
.afrifinance-application input[type="checkbox"] + label::before {
	width: 20px;
	height: 20px;
	background-color: #fff;
	display: block;
	content: "";
	float: left;
	margin-right: 5px;
}

.afrifinance-application input[type="checkbox"].warning + label::before {border-color: #F48F17;}
.afrifinance-application input[type="checkbox"].warning + label a {color:#F48F17}
.afrifinance-application input[type="checkbox"]:checked+label::before {box-shadow: inset 0 0 0 3px #fff;background-color: #58595B;}

/* Form Toggle and Submit */
.toggle-afrifinance {margin-top:24px;}
.toggle-afrifinance a, .afrifinance-application .submit {font-family: inherit;font-size: inherit;height:auto;border:none;width: 100%;box-sizing: border-box;line-height:normal;padding: 6px;text-align: center;margin:12px 0 0 0;display:block;cursor: pointer;text-decoration:none;}
.afrifinance-application .submit {clear:both;margin-top:12px;}
.validator {margin-left: -999px;height:0;clear: both;}

@keyframes fadeIn {from { opacity: 0; } }
.processing{display: none;text-align: center;animation: fadeIn 1s infinite alternate;}

/* Disclaimer */
.disclaimer {padding-top: 24px;font-size: 12px;}

/* The Modal */
#afrifinance .modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
#afrifinance .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
}

#afrifinance .modal-content p,
#afrifinance .modal-content h2,
#applicationform .modal-content li {
	color: #343848;
}

/* The Close Button */
#afrifinance .closemodal, #afrifinance .closefeesmodal {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

#afrifinance .closemodal:hover,
#afrifinance .closemodal:focus,
#afrifinance .closefeesmodal:hover,
#afrifinance .closefeesmodal:focus {
	color: #343848;
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (max-width:600px) {
	.afrifinance-grid{display:block;}
	.afrifinance_form {padding: 12px;}
	.afrifinance_slider {grid-template-columns:9% 82% 9%;}
	.afrifinance-inputs {margin-right:0;}
	.afrifinance-outputs {padding: 12px;margin-top:12px;}
	.afrifinance-output-values {font-size:16px;}
	.afrifinance-outputs .outputvalue {font-size:20px;}
	.toggle-afrifinance {margin-top:12px;}
	.afrifinance-application .fields {display:block;}
	.afrifinance-application {margin-top:12px;}
	.afrifinance-application .submit {margin-top:12px;}
	.afrifinance-application div.left{width:100%;text-align: left;margin: 1px 0;padding: 0;}
	.afrifinance-application div.right{width:100%;margin: 1px 0;padding: 0;}
	.afrifinance-application .submit {margin-top:6px;}
}