.ps {
	padding: 1rem;
}

.pm {
	padding: 2rem;
}

.pmv {
	padding: 2rem 0rem;
}

.pl {
	padding: 3rem;
}

.grayBG {
	background-color:#dadada;
}

.darkGrayBG {
	background-color:#800080;/* #616161   #4c5059;*/
	color: white;
}

.colourBG {
	background-color:#605DA9; /* #ea2f2c;*/
}

.pointFiveBG {
	background: #ffffe8;/*rgba(255,255,255,0.3);*/
  color:#000000;
}

.loanAmount {
	white-space: nowrap;
	font-family: Oswald;
	font-size: 4rem;
	margin-bottom: 2rem;
}

#calcSlider {
	margin-bottom: 3rem;
}

#yearSlider {
	margin-bottom: 2rem;
}

/* noUI Pips */

.noUi-pips {
	color: #fff;
}

.noUi-marker {
	color: #fff;
}

.noUi-marker-large, .noUi-marker-sub, .noUi-value-sub {
	color: #fff;
}

.calcTitle {
	font-size: 1.5rem;
	font-family: Oswald;
}

.form {
	background-color: white;
}

label {
	white-space: nowrap;
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 1.3rem;
}

input[data-toggle] {
  display: none; }

input[data-toggle]:checked + label,
input[data-toggle]:checked + label:active {
  background-color: #ea2f2c;
}

.button-group.toggle li:not(first-child) {
  display: inline; 
}

.button {
    background-color: #fff;
    color: #444;
}

.button:hover {
    background-color: #4c5059;
}

.underline {
	border-bottom: 1px dotted #fff;
}