#dosing-calc-settings{
}

h4.dosing-calc-title{
	display: none;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-left: 6px;
}

.dosing-calc label{
	margin-left: 3px;
	display: block!important;
}

.dosing-calc label.weight{
	display: block!important;
}

.dosing-calc .form-field{
	display: inline-block!important;
	margin-right: 20px;
}

.dosing-calc .form-field.small{
	margin-right: 0px;
}

/* .dosing-calc a#reset{
	display: block!important;
	margin-top: -15px;
	font-size: 13px;
	text-transform: uppercase;
} */

.dosing-calc input#filter{
	display: inline-block!important;
}

.dosing-calc input#reset{
	display: inline-block!important;
	font-weight: 500;
	font-size: 15px;
	border-radius: 3px;
}

.dosing-calc input#reset:disabled{
	opacity: .33;
	cursor: default;
}

table.dosing-calc{
	margin-top:0px;
	margin-bottom:0px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

table.dosing-calc.displayed,
table.dosing-calc.debug{
	margin-top:0px;
	margin-bottom:0px;
}

table.dosing-calc thead{
	display:none;
}

table.dosing-calc tbody tr{
	display:none;
	background-color: #ffffff!important;
}

table.dosing-calc th{
	color: #333333;
	font-size: 13px;
	line-height: 18px;
}

table.dosing-calc td{
	color: #333333;
	font-size: 15px;
	line-height: 28px;
	border-bottom: 1px solid #e1e1e1;
	white-space: break-spaces!important;
}

table.dosing-calc.displayed th,
table.dosing-calc.displayed td{
	width: 50%!important;
}

table.dosing-calc tr th.dose{
	text-align: left;
}

table.dosing-calc tr td.dose{
	font-weight: 500;
	background-color: rgba(255, 255, 96, .7);
	text-align: left;
	/* white-space: nowrap; */
}

table.dosing-calc th:first-child,
table.dosing-calc td:first-child{
	display: none;
}

table.dosing-calc.debug th:first-child,
table.dosing-calc.debug td:first-child{
	display: table-cell;
}

table.dosing-calc strong{
	white-space: break-spaces!important;
}

#dosing-calc-instructions{
	font-weight: 600;
}

.dosing-calc input[type=radio]{
	display: inline-block!important;
}


@media only screen and (max-width: 500px) { 

	table.dosing-calc.displayed th,
	table.dosing-calc.displayed td{
		font-size: 1em!important;
		line-height: 1.5em!important;
	}

}

@media only screen and (max-width: 400px) { 

	table.dosing-calc.displayed th,
	table.dosing-calc.displayed td{
		font-size: .85em!important;
	}

}