/* Colours:
Bakcground: #ffffff
Green:  #3E908F
Pink:   #FC4F76
*/

/* With border
#moneylineapp {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:20px;border:1px solid #FC4F76;background-color: #ffffff; padding:20px;border-radius: 20px;}
*/

/* Without border */
#moneylineapp {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:20px;
	color: #666666;
}

.repayment-label {
	line-height: 20px;
	font-size:20px;
	color: #666666;
	text-align: center;
	margin: 12px auto;
}

/* Output Buttons */
#moneylineapp .checkradio {
	display: grid;
	grid-template-columns: 24% 24% 24% 24%;
	grid-gap: 1.3%;
	cursor: pointer;
}

#moneylineapp .checkradio input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

#moneylineapp .checkradio label {
	display: inline-block;
	text-align: center;
	padding: 6px 0;
	line-height: 20px;
	font-size: 20px;
	opacity: .5;
	background-color: #3E908F;
	cursor: pointer;
	color:#fff;
	border-radius: 10px;
}

#moneylineapp .checkradio label span {
	font-weight: 900;
}

#moneylineapp .checkradio input[type="radio"]:checked + label {
	opacity: 1;
}

#moneylineapp .checkradio label:hover {
	opacity: .7;
}

#moneylineapp input[type=text] {margin: 5px auto;color: #465069;font-family: inherit;font-size: inherit;height:auto;border:1px solid #415063;width: 100px;box-sizing: border-box;line-height:normal;margin: 2px 0 3px 0;padding: 6px;outline: none;text-align: center}

/* Total to Pay */
#moneylineapp .currentschedule, #moneylineapp .monthlyoutput {
	line-height: 22px;
	font-size:20px;
	color: #666666;
	text-align: center;
	margin-top: 12px;
}

#moneylineapp .monthlyoutput {
	
}

#moneylineapp .holidayblock, #moneylineapp .monthlyblock {
	line-height: 22px;
	font-size:20px;
	text-align: center;
	margin: 12px 0;
}

/* Application Button */
#moneylineapp .submit {
	margin: 25px 0 0 0;
	padding: 8px;
	font-family: inherit;
	font-size: inherit;
	height:auto;
	width: 100%;
	box-sizing: border-box;
	line-height:normal;
	background-color:#FC4F76;
	border:none;
	-webkit-appearance: none;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
}

#moneylineapp .submit a {
	text-decoration: none;
	display:block;
	color: #ffffff;
}

#moneylineapp .disclaimer {
	font-size: 10px;
	color: #666666;
	text-align: center;
	margin-top:12px;
}

/* Cell Phone */
@media only screen and (max-width: 700px) {
#moneylineapp{padding: 12px;}
#moneylineapp .output-values, #moneylineapp .currentschedule, #moneylineapp .repayment-label {font-size: 21px;}
#moneylineapp .checkradio label {font-size:14px;}
}