#loan-container {
		  text-align: left;
		  box-sizing: border-box;
		}
		
		.box-pane {
		  border: 1px solid #ddd;
		  /*background: #f5f5f5;*/
		  
		  border-radius: 3px;
		  padding: 25px;
		  box-sizing: border-box;
		  min-height: 600px;
		}
		
		#info-pane {
		  float: left;
		  width: 35%;
		}
		
		#graph-pane {
		  float: right;
		  width: 63%;
		}
		
		.heading-title {
		  font-size: 1.35em;
		  margin-bottom: 15px;
		}
		
		#repayment-total {
		  float: left;
		  width: 48%;
		}
		
		#repayment-cycle {
		  width: 48%;
		  float: right;
		  text-align: right;
		}
		
		.row-input {
		  margin-bottom: 20px;
		}
		
		.row-input label {
		  padding: 5px 0;
		  display: block;
		}
		
		.row-input input,
		.row-input select {
		  /*background-color: #fff;*/
		  /*border: 1px solid #ddd;*/
		  /*padding: 9px 15px 10px;*/
		  
		  outline: none;
		  /*border-radius: 5px;*/
		  /*font-size: 1em;*/
		}
		
		.input-wrap {
		  position: relative;
		}
		
		.currency-code {
		  position: absolute;
		  left: 3px;
		  top: 9px;
		}
		
		.percentage-code {
		  position: absolute;
		  left: 75px;
		  top: 9px;
		}
		
		.ul-buttons,
		.ul-buttons li {
		  margin: 0;
		  padding: 0;
		  list-style: none;
		}
		
		.ul-buttons li {
		  float: left;
		  background-color: #f1f1f1;
		  color: #6e6e6e;
		  padding: 8px 20px;
		  border-radius: 3px;
		  cursor: pointer;
		  font-size: 1rem;
		  line-height: 1.5;
		  width: 32%;
		  float: left;
		  box-sizing: border-box;
		  text-align: center;
		  margin-right: 6px;
		}
		
		.ul-buttons li:hover,
		.ul-buttons li.selected {
		  background-color: #5b66ca;
		  color: #ffffff;
		}
		
		.note-text {
		  font-size: 0.8em;
		  font-style: italic;
		  padding-top: 5px;
		}
		
		.range-slider {
		  margin: 15px 0 65px 0;
		}
		
		.noUi-value {
		  margin-top: 4px;
		  font-size: 1em;
		}
		
		.short-input {
		  width: 60px;
		}
		
		.bold {
		  font-weight: normal;
		}
		
		.loan-value {
		  font-size: 1.3em;
		  font-weight: bold;
		}
		
		.orange-text {
		  color: #f56a00;
		}
		
		#graph-chart {
		  width: 100%;
		  height: 450px;
		}
		
		.clear {
		  clear: both;
		}
		
		@media screen and (max-width: 992px) {
		  #info-pane,
		  #graph-pane {
		    float: none;
		    width: 100%;
		    margin-bottom: 20px;
		  }
		  .box-pane {
		    min-height: 500px;
		  }
		}
		
		.noUi-handle {
		  border: 0 !important;
		  background: #ea4775 !important;
		  box-shadow: none !important;
		}