@font-face {
	font-family: DIN;
	src: url(../Assets/fonts/DIN-Light.otf)
		format("otf");
	font-weight: 300;
}

@font-face {
	font-family: DIN;
	src: url(../Assets/fonts/DIN-Regular.otf)
		format("otf");
	font-weight: 400;
}

@font-face {
	font-family: DIN;
	src: url(../Assets/fonts/DIN-Medium.otf)
		format("otf");
	font-weight: 500;
}

@font-face {
	font-family: DIN;
	src: url(../Assets/fonts/DIN-Bold.otf)
		format("otf");
	font-weight: 700;
}

.forceConverter, .hardnessConverter, .pressureConverter, .lengthConverter, .metricInchConverter, .torqueConverter, .pilotHoleEcosyn, .threadEngagementLength, .torquePreloadCalculator, .potentialSavings, .torquePreloadCustomized, #calculator-root, .costSavings, .discSpring, .estimationBoltSize, .torquePreloadFrictionScatter, .pilotDesignThreadFromers, .weightCalcualtor, .metricThread, .torquePreloadNutFactorInch, .drillHoleSize, .torquePreloadNutFactorMetric {
	font-family: DIN, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
.forceConverter, .hardnessConverter, .pressureConverter, .lengthConverter, .metricInchConverter, .torqueConverter, .pilotHoleEcosyn, .threadEngagementLength, .torquePreloadCalculator, .potentialSavings, .torquePreloadCustomized, .costSavings, .discSpring, .estimationBoltSize, .torquePreloadFrictionScatter, .weightCalcualtor, .pilotDesignThreadFromers, .metricThread, .torquePreloadNutFactorInch, .drillHoleSize, .torquePreloadNutFactorMetric, #calculator-root{
	padding:40px;
}

.forceConverter #introduction p {
	font-size: large;
}
.forceConverter #introduction em {
	font-size: small;
}
.forceConverter .unitSelectBox {
	width: 158px;
}
/* Begin Text box */
.forceConverter #lengthCal div div input {
	border: 1px solid gray;
	height: 24px;
	line-height: 24px;
	padding: 2px 1px;
	margin: 2px 0px;
}
.hardnessConverter input {
	border: 1px solid gray;
	height: 24px;
	line-height: 24px;
	padding: 2px 5px;
	margin: 2px 0px;
	text-align:right;
}
.hardnessConverter table {
	width: 580px;
}



@media screen and (min-width: 600px) {
	.forceConverter #quantity,
	.forceConverter #newresult,
	.forceConverter .unitSelectBox {
		width: 191px;
	}
}
@media screen and (max-width: 600px) and (min-width: 375px) {
	.forceConverter #quantity,
	.forceConverter #newresult,
	.unitSelectBox {
		width: 148px;
	}
}
@media screen and (max-width: 374px) {
	.forceConverter #quantity,
	.forceConverter #newresult,
	.forceConverter .unitSelectBox {
		width: 120px;
	}
}