*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #2D2926;
	text-align: left;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

	ol ol,
	ul ul,
	ol ul,
	ul ol {
		margin-bottom: 0;
	}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: 0.5rem;
	margin-left: 0;
}

a {
	color: #003da5;
	text-decoration: none;
	background-color: transparent;
}

	a:hover {
		color: #002159;
		text-decoration: underline;
	}

	a:not([href]):not([tabindex]) {
		color: inherit;
		text-decoration: none;
	}

		a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
			color: inherit;
			text-decoration: none;
		}

		a:not([href]):not([tabindex]):focus {
			outline: 0;
		}

label {
	display: inline-block;
	/*margin-bottom: 0.5rem;*/
	font-weight: bold;
	font-size: 1.1em;
}

button {
	border-radius: 0;
}

	button:focus {
		outline: 1px dotted;
		outline: 5px auto -webkit-focus-ring-color;
	}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

select {
	word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

	button:not(:disabled),
	[type=button]:not(:disabled),
	[type=reset]:not(:disabled),
	[type=submit]:not(:disabled) {
		cursor: pointer;
	}

	button::-moz-focus-inner,
	[type=button]::-moz-focus-inner,
	[type=reset]::-moz-focus-inner,
	[type=submit]::-moz-focus-inner {
		padding: 0;
		border-style: none;
	}

input[type=radio],
input[type=checkbox] {
	box-sizing: border-box;
	padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
	-webkit-appearance: listbox;
}

html {
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
	font-size: 100%;
}

body {
	min-width: 320px;
	-webkit-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
	min-width: 520px;
}
header {
	text-align: center;
}
.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;			
}
.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;			
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

input[type="checkbox"].ios8-switch {
	position: absolute;
	margin: 0.3em 1.5em 0 0;
	opacity: 0;
	right: 0;
}

	input[type="checkbox"].ios8-switch + label {
		position: relative;
		padding: 0 5.45em 0 0;
		line-height: 1.75em;
		margin: 0;
	}

		input[type="checkbox"].ios8-switch + label:before {
			content: "Inch";
			text-align: right;
			padding-right: 0.25em;
			position: absolute;
			display: block;
			right: 0;
			top: 0;
			width: 5.2em; /* x*3 */
			height: 1.75em; /* x*5 */
			/*border-radius: 1.75em; /* x*2 */
			background-color: #545b62; /*#93272C;*/
			color: #d9d9d9;
			border: 1px solid #d9d9d9;
			will-change: background-color;
			-webkit-transition: background-color 250ms;
			-o-transition: background-color 250ms;
			transition: background-color 250ms;
		}

		input[type="checkbox"].ios8-switch + label:after {
			content: "cm";
			text-align: center;
			font-weight: bold;
			position: absolute;
			display: block;
			right: 0;
			top: 0.1em;
			width: 2.55em; /* x*3 */
			height: 1.55em; /* x*3 */
			/*border-radius: 1.55em; /* x*2 */
			background-color: #fff;
			color: #2D2926;
			border: 1px solid #d9d9d9;
			will-change: margin-right;
			-webkit-transition: margin-right 250ms;
			-o-transition: margin-right 250ms;
			transition: margin-right 250ms;
		}

		input[type="checkbox"].ios8-switch + label:hover:after {
			-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		}

		input[type="checkbox"].ios8-switch + label:after {
			margin-right: 2.5em;
		}

	input[type="checkbox"].ios8-switch:checked + label:after {
		content: "Inch";
		color: #2D2926;
		text-align: center;
		margin-right: 0.1em;
	}

	input[type="checkbox"].ios8-switch:checked + label:before {
		content: "cm";
		text-align: left;
		padding-left: 0.5em;
		color: #d9d9d9;
		/*background-color: #007749; /*#55D069;*/
	}

input[type="radio"] {
	position: absolute;
	opacity: 0;
}

	input[type="radio"] + label {
		background-color: #545b62;
		color: #d9d9d9;
		padding: 0.25em 0.5em;
	}

	input[type="radio"]:checked + label {
		background-color: #fff;
		color: #2D2926;
		font-weight: bold;
	}
button {
	border: none;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	display: inline-block;
	padding: 0.3rem 1rem;
	background-color: #007bff;
	color: #fff;
	transition: background-color 300ms ease-out;
	font-size: 0.875rem;
	border-radius: 0;
}

	button:focus {
		outline: none;
	}

	button.remove {
		background-color: #bd2130;
		padding: 0.05em 0.5em 0.2em ;
		margin-right: 1em;
		margin-top: -0.25em;
		font-weight: bold;
		font-size: 1em;
	}
	
		button.remove.round {
			border-radius: 2em;
		}

input:invalid, input:required:invalid, input:focus:invalid,
select:invalid, select:required:invalid, select:focus:invalid {
	border: 2px solid #a94442;
	outline: none;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
}

	input:invalid:focus, select:invalid:focus {
		border-color: #843534;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	}

/*form:invalid {
}

	form:invalid input[type="submit"],
	form:invalid button[type="submit"],
	form:invalid button.submit,
	form:invalid #btnSubmit {
		cursor: not-allowed !important;
	}*/

#frmMain {
	position: relative;
}

#content {
	position: relative;
	width: 100%;
	margin: 0;
	background-color: #f8f9fa;
	padding: 1.5rem;
}

.form-group {
	position: relative;
}

.panel {
	padding: 1em;
}

.tabs-panel {
	display: none;
	padding: 1em;
	border: 2px solid #2D2926;
}

	.tabs-panel.active {
		display: block;
		border-color: #007bff;
	}

.tabs {
	margin: 0 0 0 -0.25rem;
}

	.tabs dd {
		display: inline-block;
		margin: 0 0 0 0.25rem;
		background-color: #2D2926; /* #444 */
		color: #fff;
	}

		.tabs dd:hover {
			background-color: #000;
		}

		.tabs dd.active {
			background-color: #007bff;
		}

		.tabs dd span {
			padding: 0.3rem 2rem 0.2rem;
			display: block;
			cursor: pointer;
		}

		.tabs dd.active span {
		}

.box-minmax {
	margin-top: 30px;
	width: 608px;
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	color: #FFFFFF;
}

	.box-minmax span:first-child {
		margin-left: 10px;
	}

.range-slider {
	margin-top: 0;
}

.rs-range {
	margin-top: 1em;
	width: calc(100% - 9em);
	-webkit-appearance: none;
}

	.rs-range:focus {
		outline: none;
	}

	.rs-range::-webkit-slider-runnable-track {
		width: 100%;
		height: 0.5em;
		cursor: pointer;
		box-shadow: none;
		background: #2D2926;
		border-radius: 0px;
		border: 0px solid #010101;
	}

	.rs-range::-moz-range-track {
		width: 100%;
		height: 1px;
		cursor: pointer;
		box-shadow: none;
		background: #2D2926;
		border-radius: 0px;
		border: 0px solid #010101;
	}

	.rs-range::-webkit-slider-thumb {
		box-shadow: none;
		border: 0px solid #2D2926;
		box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
		height: 2em;
		width: 1.5em;
		/*border-radius: 22px;*/
		background: #2D2926;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -0.75em;
	}

	.rs-range::-moz-range-thumb {
		box-shadow: none;
		border: 0px solid #2D2926;
		box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
		height: 2em;
		width: 1.5em;
		/*border-radius: 22px;*/
		background: #2D2926;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -0.5em;
	}

	.rs-range::-moz-focus-outer {
		border: 0;
	}

.rs-label {
	position: relative;
	transform-origin: center center;
	display: inline-block;
	background: transparent;
	text-align: center;
	color: #2D2926;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-size: 1.25em;
}

	.rs-label::after {
		content: "%";
		font-size: 1em;
		letter-spacing: 0.07em;
		margin-top: -2px;
	}

.d-none {
	display: none;
}

@media only screen and (max-width: 64em) and (orientation: landscape) {
	html {
		-webkit-text-size-adjust: 100%;
	}
}

@media only screen and (orientation: portrait) and (max-width: 26.25em) {
}

@media only screen and (min-width: 47.0625em) {
	#content {
		width: 90%;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 60em) {
}
@media only screen and (min-width: 64.0625em) {
	#content {
		max-width: 80em;
		margin: 1em auto;
	}
	/*.rs-range {
		width: 20vw;
	}*/
}

@media print {
	@page {
		size: letter portrait;
		margin: 0.5in 0.5in;
	}

	html {
		font: 12pt/0.2in "Arial Narrow", Arial, Roboto, "Helvetica Neue", Helvetica, sans-serif !important;
	}

		html.print-view {
			font: 20pt/0.2in "Arial Narrow", Arial, Roboto, "Helvetica Neue", Helvetica, sans-serif !important;
		}

	body {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 100% !important;
		line-height: 1 !important;
		overflow: visible !important;
		background-color: initial;
		/*width: 7.5in; height: 10in;*/
	}

	form, button, .no-print {
		display: none;
	}
	
	.container {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#content {
		background-color: initial;
	}
}