.ablefinance_form {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:20px;max-width:450px;background-color: #2b6297;padding:20px;border-radius: 20px;margin: 0 auto;}

.ablefinance, .ablefinance__fill {
    background: #144d82;display: block;height: 2em;
    border-radius: 1em;
    box-sizing: border-box;
    }

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

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

.ablefinance__fill {height: 1em;width: 100%;background: #FFF;position: absolute;top: 0;border-radius: 1em 0 0 1em;}

.ablefinance__handle {
    background: white;
    border: 1px solid #FFF;
    cursor: pointer;
    display: inline-block;
    width: 2em;
    height: 2em;
    position: absolute;
    top: -0.5em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.range {
    margin-bottom: 2em;
}

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

.ablefinance-slideroutput:after, .range:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.ablefinance-slideroutput { text-align: center; }
.ablefinance-slideroutput .ablefinance-sliderleft {position: absolute; top: 0; left: 0; width:30%;text-align:left;}

.ablefinance-slideroutput .ablefinance-sliderbuttonleft { position: relative; float: left; height: 30px; width: 40%; display: inline-block; text-align:right;}
.circle-no-option.ablefinance-slideroutput .ablefinance-sliderbuttonleft { text-align: left; }

.ablefinance-slideroutput .ablefinance-sliderbuttonright {position: relative; float: right; height: 30px; width:40%; display: inline-block; text-align:left;}
.circle-no-option.ablefinance-slideroutput .ablefinance-sliderbuttonright { text-align: right; }

.ablefinance-slideroutput .ablefinance-slidercenter {margin: auto; width:20%; display: inline-block; text-align:center; outline: 0; font-size: 20px;font-weight: 900; }
.ablefinance-slideroutput .ablefinance-sliderright {position: absolute; top: 0; right: 0; width:25%;text-align:right;}

.ablefinance-slideroutput { position: relative;height:1em;color:#FFF;}
.loanoutput {margin-bottom: 2em;font-size:2em;margin:0;text-align:left;width:100%;}
 
/* Outputs */
.ablefinance-repayments {margin-bottom: 1em;}

.ablefinance-repayments table {border-collapse: collapse;width:100%}
.ablefinance-repayments td {padding: 5px 0 !important;border-bottom: 1px solid #3cd15d !important;}
.ablefinance-repayments {margin-bottom: 1em;font-size:18px;}
.ablefinance-repayments .tablelabel {color:#3cd15d;}
.ablefinance-repayments .tableoutput {color:#FFF;text-align: right}

.ablefinance-repayments .totaloutput {font-size:22px;}

.ablefinance-sections:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
div.second_container {display:none !important;}

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

/* Circle Rules */
.circle-down 	{ height: 25px; width: 25px; position: absolute; right: 0; border-radius: 12.5px; border: 2px solid #369e71; }
.circle-no-option.ablefinance-slideroutput .circle-down { right: auto; left: 0; }
.circle-down:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #369e71;
	top: 50%;
	margin-top: -1.5px;
	left: 50%; 
	margin-left: -7.5px;
}
.circle-up 		{ height: 25px; width: 25px; position: absolute; border-radius: 12.5px; border: 2px solid #369e71; }
.circle-no-option.ablefinance-slideroutput .circle-up { right: 0; }

.circle-up:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #369e71;
	top: 50%;
	left: 50%; 
	margin-top: -1.5px;
	margin-left: -7.5px;
}
.circle-up:before {
	content: "";
	width: 3px;
	position: absolute;
	height: 15px;
	background-color: #369e71;
	top: 50%;
	left: 50%;
	margin-top: -7.5px;
	margin-left: -1.5px;
}

/* NewButtons */

.output-pad		{ padding: 0 25px; line-height: 25px; min-height: 25px; position: relative; }
.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 */
}

/* Term Buttons */
.ablefinance_form .term-buttons { display: block; width: 100%;  

  -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 */
	background-color: #144d82;
    border-radius: 10px;
}

.ablefinance_form .term-buttons div:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.ablefinance_form .term-buttons div:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
    
.ablefinance_form .termbutton {display: inline-block; text-align: center; height: 50px; line-height: 50px; color:#FFF; cursor: pointer;width:16.66666666667%}

.ablefinance_form .termbutton.selected { background-color: #3cd15d; } 

/* @media only screen and (max-width: 500px) { */
    .ablefinance_form .termbutton {width:33.3333333333%}
    .ablefinance_form .term-buttons div:first-child {border-bottom-left-radius: 0;border-top-left-radius: 10px;}
    .ablefinance_form .term-buttons div:nth-child(3) {border-top-right-radius: 10px;}
    .ablefinance_form .term-buttons div:nth-child(4) {border-bottom-left-radius: 10px;}
    .ablefinance_form .term-buttons div:last-child {border-bottom-right-radius: 10px;border-top-right-radius: 0;}
/* } */