:root {
	/*--api-data-background: rgb(255, 255, 255);*/
	--api-data-hover: #ffffff;/*rgb(249, 251, 241);*/
	--api-theme-blue: #000000 /*#000068 /*rgb(58, 47, 123)*/;
	--api-theme-action: #E3710D;
}

div.emb_htests {
	min-width:80%;
/*	min-height:30em;*/
	font-family:  "Helvetica Neue", Helvetica, sans-serif;
/*	font-size:18pt !important; */
}
/*-----------------------------*/
div.new-alert-box-screen{
   display: none;
   position: absolute;
   z-index: 98;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.25);
 }
div.new-alert-box-div{
   display: none;
   position: absolute;
   z-index: 99;
   left: 0;
   top: 0;
   box-sizing: border-box;
   background-color: #fff;
   color: #000;
   font-size: 1em;
   border: 1px solid #000;
   border-radius: 10px;
   padding: 1em;
   margin: 2em 2em 1em 1em;
   max-width: 500px;
   box-shadow: 0px 0px 9px 3px #333;
 }
/*------------------------*/


div.emb_htests a,
div.emb_htests br,
div.emb_htests strong,
div.emb_htests b,
div.emb_htests p,
div.emb_htests li,
div.emb_htests ul,
div.emb_htests ol,
div.emb_htests small {
	line-height: 100% !important;
	white-space: normal !important;
/*	
	font-size:12pt !important;
	height:48px !important;
	min-height:24px !important;
	margin-bottom:24px !important;
	padding-bottom:12px !important;
*/	
}
div.emb_htests div {
	line-height: 100% !important;
}
div.emb_htests h1,
div.emb_htests h2,
div.emb_htests h3,
div.emb_htests h4,
div.emb_htests h5,
div.emb_htests h6,
div.emb_htests p,
div.emb_htests blockquote,
div.emb_htests address,
div.emb_htests big,
div.emb_htests cite,
div.emb_htests code,
div.emb_htests em,
div.emb_htests font,
div.emb_htests img,
div.emb_htests small,
div.emb_htests strike,
div.emb_htests sub,
div.emb_htests sup,
div.emb_htests li,
div.emb_htests ol,
div.emb_htests ul,
div.emb_htests fieldset,
div.emb_htests form,
div.emb_htests label,
div.emb_htests legend,
div.emb_htests button,
div.emb_htests table,
div.emb_htests caption,
div.emb_htests tr,
div.emb_htests th,
div.emb_htests td {
	border: none !important;
	margin: 0 /* !important */;
	padding: 0 !important;
	font-weight:normal /* !important */;
	color:black /* !important */;
}
div.emb_htests thead {
	white-space: normal !important;
}
div.emb_htests p ,
div.emb_htests ul {
	line-height:125% !important;
	padding-top:1em !important;
}
div.emb_htests img {
	vertical-align:	baseline;
}
div.emb_htests table {
	width:auto;
	max-width:none;
	border-collapse:collapse;
}
div.emb_htests table td,
div.emb_htests table th {
	line-height:normal !important;
	background-color: transparent !important;
}
div.emb_htests table th {
	text-align:center;
}
div.emb_htests label,
div.emb_htests legend {
	display:inline;
	font-size: 100%;
	padding-right:0.5em !important;
	text-transform: none;
}
div.emb_htests li {
	display:list-item !important;
}
div.emb_htests li li {
	list-style-type: circle;
}
div.emb_htests caption {
	font-size: 70%;
}
div.emb_htests button.api_preset,
div.emb_htests button.api_action,
div.emb_htests input[type="submit"],
div.emb_htests input[type="button"],
div.emb_htests label.api_upload,
div.emb_htests input[type="reset"]{
	height:auto !important;
	border: none !important;
	margin: 0 0.5em 0.5em 0 !important;
	padding: 0.5em !important;
	background-color: var(--api-theme-action); /* %%ACTIONCOLOR%%  !important*/
	min-width:10em;
	border-radius: 5px;
	color:white; /*  !important */
	font-size:16px !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
div.emb_htests button.api_action[data-alt='Y'] {
	background-color: var(--api-theme-blue) !important; /* %%ACTIONCOLOR%% */
}
div.emb_htests button.api_action_icon {
	min-height:32px;
	min-width:32px;
	border: none !important;
	margin: 0 0.5em 0.5em 0 !important;
	padding: 0.25em !important;
	background-color: var(--api-theme-action) !important; /* %%ACTIONCOLOR%% */
	border-radius: 5px;
	color:white !important;
	font-size:16px !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
div.emb_htests button.api_action_icon img {
	height:24px;
}
div.emb_htests label.api_upload {
	color:white;
	display:inline-block;
	font-weight:bold;
}
div.emb_htests label.api_upload input[type='file'] {
	display:none;
}
	
div.emb_htests button.api_preset:hover,
div.emb_htests button.api_action:hover,
div.emb_htests input[type="submit"]:hover,
div.emb_htests input[type="button"]:hover,
div.emb_htests input[type="reset"]:hover {
	text-decoration:none !important;
	filter: brightness(115%);
}
@media only screen and (max-width:960px) {
div.emb_htests button.api_preset,
div.emb_htests button.api_action,
div.emb_htests input[type="submit"],
div.emb_htests input[type="button"],
div.emb_htests input[type="reset"] {
	min-width:5em;
/*	font-size:62% !important; */

	padding: 1em 0.25em 1em 0.25em !important;
}
}
div.emb_htests input[type="text"],
div.emb_htests input[type="email"],
div.emb_htests input[type="tel"],
div.emb_htests input[type="number"],
div.emb_htests input[type="date"],
div.emb_htests input[type="password"],
div.emb_htests select,
div.emb_htests textarea  {
	padding:0.25em 0.5em 0.25em 0.5em !important;
	padding-top:0.25em !important;
	padding-bottom:0.25em !important;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 4px -2px rgba(0, 0, 0, 0.32), inset 0 1px 5px 0px rgba(0, 0, 0, 0.1); 
/*	width:auto !important; */
/*	display:inline-block !important; */
	background: white;
	margin-bottom:0.25em !important;
	font-size:16px !important;
}
div.emb_htests input:read-only,
div.emb_htests textarea:read-only  {
	background: silver!important;

}
div.emb_htests select {
	background-color:white;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	margin-bottom:10px !important;
}
div.emb_htests select:focus {
	border-color:currentColor;
}
/*	
div.emb_htests input[type="date"] {
	display:inline !important;
	padding:0.5em !important;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 4px -2px rgba(0, 0, 0, 0.32), inset 0 1px 5px 0px rgba(0, 0, 0, 0.1); 
	width:9em !important;
	display:inline-block !important;
}
*/	
div.emb_htests input[type="checkbox"] {
/*	border-radius: 1px; */
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 4px -2px rgba(0, 0, 0, 0.32), inset 0 1px 5px 0px rgba(0, 0, 0, 0.1); 
}
div.emb_htests input[type="number"] {
	text-align:right;
	-moz-appearance: textfield !important;
}

div.emb_htests input[type="number"]::-webkit-inner-spin-button, 
div.emb_htests input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none !important; 
  margin: 0; 
}
div.emb_htests button.api_nav {
	background-color: var(--api-theme-action) !important; /* %%ACTIONCOLOR%% */
	margin: 0 0.5em 0.5em 0 !important;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
@media print {
div.emb_htests button.api_nav,
.noprint {
	display:none;
}
}div.emb_htests button.api_nav:hover {
	filter: brightness(115%);
}
div.emb_htests button.api_nav > img {
	height:40px;
	width:40px;
}
div.emb_htests input[type="button"]:focus, 
div.emb_htests input[type="button"]:hover, 
div.emb_htests input[type="reset"]:focus, 
div.emb_htests input[type="reset"]:hover, 
div.emb_htests input[type="submit"]:focus, 
div.emb_htests input[type="submit"]:hover {
    text-decoration: none !important;
}

@media print {
	div.emb_htests input[type="button"]:focus, 
	div.emb_htests input[type="button"]:hover, 
	div.emb_htests input[type="reset"]:focus, 
	div.emb_htests input[type="reset"]:hover, 
	div.emb_htests input[type="submit"]:focus, 
	div.emb_htests input[type="submit"]:hover,
	div.emb_htests button.api_nav {
		display:none;
	}
}
div.api_filter_elements,
div.api_filter_presets,
div.api_filter_footer {
	display:flex; 
	flex-wrap: wrap;
	resize:both;
}
div.api_filter_elements > div {
	border:thin solid gray;
	margin: 0 1em 1em 0 !important;
	padding: 0.5em;
	white-space:nowrap;
	background-color: var(--api-data-background);
}
@media only screen and (max-width:960px) {
div.api_filter_elements > div {
	max-width:800px;
}
div.api_filter_elements label {
	line-height:200% !important;
	padding-right:0.25em !important;
}
}
@media only screen and (max-width:540px) {
div.api_filter_elements > div {
	max-width:400px;
	overflow-x:auto;
}
}
div.api_filter_elements input[type='text'] {
width: auto !important;
min-width:10em !important;
}
div.api_filter_elements td {
	vertical-align:top !important;
}
div.api_filter_preset,
div#api_progress,
div#api_results,
div#api_detail,
div#api_detail_wrapped,
div#api_message,
div#api_payment,
div#api_alert {
	display:none;
}
div#api_results,
div#api_detail {
	overflow-x:scroll;
	white-space:nowrap !important;
}
div#api_detail_wrapped {
	overflow-x:scroll;
}
div.api_filter_elements input[type='checkbox'] {
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
}
table.api_datalist {
/*	border:thick solid red !important; */
	margin-bottom:0.5em !important;
}
table.api_datalist thead {
	background-color:var(--api-theme-blue); 
	border-top:thin solid gray;
	border-left:thin solid gray;
	border-right:thin solid gray;
}
table.api_datalist thead th {
	padding: 0.5em !important;
	vertical-align:bottom;
	color:white !important;
}
table.api_datalist thead th.api_table_sort::after {
	content: " \021F5";
	/* content: " \02965"; 
	background-color:cyan !important;
	padding:0 !important;
	margin:0 !important;*/
	font-size:80%;
}
table.api_datalist th.api_table_sort {
	cursor:ns-resize;
}
table.api_datalist tbody {
	background-color:var(--api-data-background); /* rgb(238, 238, 238);  */
}
table.api_datalist tbody tr:hover,
table.api_datalist_body tbody:hover {
	background-color:rgb(255, 255, 255);
}
table.api_datalist tbody td {
	padding: 0.5em !important;
	vertical-align:top;
	border:thin solid gray !important;
}
table.api_datalist tbody {
	border-bottom:thin solid gray;
	border-left:thin solid gray;
	border-right:thin solid gray;
}
div#api_message {
	font-size:125%;
	font-weight:bold;
	background-color:yellow;
	border:thin solid gray;
	padding:0.25em 0.5em 0.25em 0.5em !important;
}
button.api_datepick {
	height:24px;
	width:24px;
	background-image:
      url('https://online.ofa.org/ico/calendar.png');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
	background-color: var(--api-theme-action) !important; /* %%ACTIONCOLOR%% */
	margin: 0.5em !important;
	border-radius: 5px;
    vertical-align:middle;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
button.api_lookup {
	height:28px;
	width:28px;
	background-image:
      url('https://online.ofa.org/ico/search.png');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    margin:8px !important;
}
button.api_lookup[data-state='A'] {
	background-image:
      url('https://online.ofa.org/ico/spinner.svg');
}
button.api_lookup[data-state='OK'] {
	background-image:
      url('https://online.ofa.org/ico/searchok.png');
}
div.api_date_picker {
/*	height:250px; */
	width:225px;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
div.api_date_picker table {
	width:100%;
	height:100%;
	background-color: var(--api-theme-action) !important; /* %%ACTIONCOLOR%% */
}
div.api_date_picker table thead,
div.api_date_picker table tbody {
	border:none !important;
}
div.api_date_picker  td,
div.api_date_picker  th {
	color:white !important;
	text-align:center;
	width:14%;
	padding-top:0 !important;
	padding-bottom:0 !important;
	line-height:100%;
	vertical-align:middle;
	white-space:nowrap;
}
@media only screen and (max-width:960px) {
	div.api_date_picker  td,
	div.api_date_picker  th {
	line-height:200%;
	font-size:120%;
	}
}
div.api_date_picker tbody td {
	border:thin solid white !important;
}
div.api_date_picker tbody td[data-currentmonth='Y'] {
	font-weight:bolder;
}
div.api_date_picker tbody td[data-currentmonth='N'] {
	font-weight:lighter;
}
div.api_date_picker tbody td:hover {
	filter: brightness(115%);
}
div.api_date_picker tbody,
div.api_date_picker thead tr:nth-child(1),
div.api_date_picker thead tr:nth-child(2) {
	cursor:pointer;
}
div.emb_htests meter {
  --background: #dadada;
  --optimum: forestgreen;
  --sub-optimum: gold;
  --sub-sub-optimum: crimson;

  /* The gray background in Firefox */
  background: var(--background);
  display: block;
  margin-bottom: 1em;
}

/* The gray background in Chrome, etc. */
div.emb_htests meter::-webkit-meter-bar {
  background: var(--background);
}

/* The green (optimum) bar in Firefox */
div.emb_htests meter:-moz-meter-optimum::-moz-meter-bar {
  background: var(--api-theme-blue);
}

/* The green (optimum) bar in Chrome etc. */
div.emb_htests meter::-webkit-meter-optimum-value {
  background: var(--api-theme-blue);
}
@media print {
	/* The green (optimum) bar in Firefox */
	div.emb_htests meter:-moz-meter-optimum::-moz-meter-bar {
	  background: black;
	}
	
	/* The green (optimum) bar in Chrome etc. */
	div.emb_htests meter::-webkit-meter-optimum-value {
	  background: black;
	}
}
/* The yellow (sub-optimum) bar in Firefox */
div.emb_htests meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: var(--sub-optimum);
}

/* The yellow (sub-optimum) bar in Chrome etc. */
div.emb_htests meter::-webkit-meter-suboptimum-value {
  background: var(--sub-optimum);
}

/* The red (even less good) bar in Firefox */
div.emb_htests meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: var(--sub-sub-optimum);
}

/* The red (even less good) bar in Chrome etc. */
div.emb_htests meter::-webkit-meter-even-less-good-value {
  background: var(--sub-sub-optimum);
}
div.emb_htests meter + div {
	margin-top:5px;
	width:90px;
/*	height:14px;*/
	border:thin solid gray;
}
div.emb_htests meter + div span {
	height:13px;
	border:7px solid var(--api-theme-blue);
	display:block;
}
div.emb_htests meter + div img {
	height:13px;
    content:url('https://online.ofa.org/ico/blackdot.png');
}
@media print {
	div.emb_htests meter + div span {
		border:7px solid black;
	}
	button.api_nav {
		display:none;
	}
}
div.emb_htests meter {
	display:none;
}