#grip-strength-percentile-calculator {
	margin: 4rem 0;
}

#grip-strength-percentile-calculator .container {
	background: -moz-linear-gradient(93deg, #194f90 36%, #022957 100%);
	background: -webkit-gradient(linear, 93deg, color-stop(36%, 194f90), color-stop(100%, 022957));
	background: -webkit-linear-gradient(93deg, #194f90 36%, #022957 100%);
	background: -o-linear-gradient(93deg, #194f90 36%, #022957 100%);
	background: -ms-linear-gradient(93deg, #194f90 36%, #022957 100%);
	background: linear-gradient(93deg, #194f90 36%, #022957 100%);
	border-radius: 5px;
	-moz-box-shadow: 0px 3px 20px 0px rgba(66, 66, 66, 0.75);
	-webkit-box-shadow: 0px 3px 20px 0px rgba(66, 66, 66, 0.75);
	box-shadow: 0px 3px 20px 0px rgba(66, 66, 66, 0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#194f90", endColorstr="#022957", GradientType="1");
	margin: 0 auto;
	max-width: 720px;
	min-width: 260px;
	padding: 25px;
}

#grip-strength-percentile-calculator .label {
	display: block;
	margin-bottom: 1rem;
}

#grip-strength-percentile-calculator .radio-container {
	margin-bottom: 2rem;
}

#grip-strength-percentile-calculator .radio-wrap {
	display: inline-block;
	width: 48%;
}

#grip-strength-percentile-calculator .radios label {
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	position: relative;
}

#grip-strength-percentile-calculator input[type="radio"] {
	display: none !important;
	visibility: hidden;
	position: absolute;
	opacity: 0;
}

#grip-strength-percentile-calculator .radio-inline span {
	border: 1px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 15px;
	margin-bottom: -3px;
	margin-right: 5px;
	position: relative;
	width: 15px;
}

#grip-strength-percentile-calculator input[type="radio"]:checked ~ .radio-inline > span:before {
	background: #36b0c9;
	border-radius: 50%;
	content: " ";
	height: 10px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
}

#grip-strength-percentile-calculator .form-control {
	background-color: rgba(255, 255, 255, .15);
	border-radius: 2px;
	border: 1px solid #fff;
	color: #ffffff;
	font-size: 2.25rem;
}

#grip-strength-percentile-calculator input {
	display: block;
}

#grip-strength-percentile-calculator form {
	margin-top: 20px;
	margin-bottom: 30px;
}

#grip-strength-percentile-calculator .form-group {
	margin-bottom: 2rem;
}

#grip-strength-percentile-calculator .form-group label {
	color: #fff;
	font-size: 1.5rem;
	display: block;
	margin-bottom: 1.5rem;
}

#grip-strength-percentile-calculator .help-text {
	color: rgba(255, 255, 255, 0.65);
	margin-bottom: 0;
}

#grip-strength-percentile-calculator input[type=number]:focus {
	border: 2px solid rgb(248, 248, 248);
	box-shadow: 0 1px 10px rgb(165, 134, 144);

}

#grip-strength-percentile-calculator input[type=number]::-webkit-inner-spin-button {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

#grip-strength-percentile-calculator .btn {
	background-color: transparent;
	border: 2px solid #022957;
	border-radius: 25px;
	-moz-box-shadow: 0px 3px 20px 0px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 3px 20px 0px rgba(22, 22, 22, 0.75);
	box-shadow: 0px 3px 20px 0px rgba(22, 22, 22, 0.75);
	color: #e3e3e3;
	transition: all 0.5s ease;
	font-size: 1.5rem;
	padding: .5rem 1.5rem;
}

#grip-strength-percentile-calculator .btn:hover {
	background-color: #36b0c9;
	border: 2px solid #022957;
	color: #fff;
	cursor: pointer;
}

#grip-strength-percentile-calculator .btn:active:hover {
	background-color: #36b0c9;
	border: 2px solid #03469c;
	color: #fff;
	cursor: pointer;
}

#grip-strength-percentile-calculator .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: no-wrap;
	flex-wrap: no-wrap;
	margin-left: -15px;
	margin-right: -15px;
}

#grip-strength-percentile-calculator #ageError {
	color: rgba(255, 255, 255, .65);
}

#grip-strength-percentile-calculator .resultsTable {
	background-color: rgba(255, 255, 255, .15);
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	color: #ffffff;
}

#grip-strength-percentile-calculator .resultsTable > .row > div {
	display: inline-flex;
	flex-wrap: wrap;
	padding: 1rem;
	width: calc((100% / 3) - 1px);
}

#grip-strength-percentile-calculator .resultsHand {
	border-top: 1px solid #ccc;
}

#grip-strength-percentile-calculator .demographicLabel {
	border-right: 1px solid #ccc;
}

#grip-strength-percentile-calculator .resultsHand {
	border-right: 1px solid #ccc;
}

#grip-strength-percentile-calculator .demographicAverage {
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#grip-strength-percentile-calculator .percentileResults {
	border-top: 1px solid #ccc;
}