@import url("https://p.typekit.net/p.css?s=1&k=sxk8nus&ht=tk&f=24538&a=26831550&app=typekit&e=css");

@font-face {
font-family:"sofia-pro-black-italic";
src:url("https://use.typekit.net/af/7b947d/00000000000000007735a14b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/7b947d/00000000000000007735a14b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/7b947d/00000000000000007735a14b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:900;
}
@font-face {
font-family:"sofia-pro";
src:url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/l?subset_id=2&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/d?subset_id=2&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/a?subset_id=2&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

.tk-sofia-pro { font-family: "sofia-pro-black-italic",sans-serif; }

html
{
height:100%;
}

body
{
	font-family: "sofia-pro", Calibri, Arial, Helvetica, sans-serif;
	/* font-size: 1.2em; */
	font-size: 15px;
	color: #222222;
	background-color:#ffffff;
}
td, th
{
	vertical-align:top;
	text-align:left;
	/*font-size: 1em;*/
	/*font-size: 0.875em;*/
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.template
{
	background-image:url(images/template.gif);
}
.functional
{
	background-image:url(images/functional.gif);
}
.beta
{
	background-image:url(images/beta.gif);
}

textarea, input, select, option
{
	font-family: "sofia-pro", Calibri, Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	font-size: 13px;
	padding:2px;
	border:1px solid #D8D8D8;
}
textarea
{
	padding:3px;
}
input[type=text], input[type=date], input[type=time], select
{
	
}
input[type=date]
{
	width:150px;
}
input[type=time]
{
	width:80px;
}
input[type=number]
{
	text-align:right;
}

input[type=submit], input[type=button], button
{
	padding-left:20px;
	padding-right:20px;
}
input[readonly], textarea[readonly], .readonly
{
	background-color:#dddddd;
	pointer-events:none;
	tabindex:0;
}
input:invalid {
    background-color: #ffeeee;
}
option.disabled
{
	color:#aaaaaa;
}
.imported
{
	background-color:#ddf0dd;
}

h1, h1#crumbs {
	font-family: "sofia-pro-black-italic", Century Gothic, Calibri, Arial, Helvetica, sans-serif;
	/*font-size: 1.3em;*/
	font-size: 60px;
	font-style: italic;
	font-weight: 900;
	font-size: 60px;
	line-height: 93px;
	letter-spacing: -0.02em;
	text-align:center;
	color: #1C345C;

}
	h1#crumbs {
		/*font-size: 1.0em;*/
		font-size: 1.0em;
	}
h2 {
	font-family: "sofia-pro-black-italic", Century Gothic, Calibri, Arial, Helvetica, sans-serif;
	/*font-size: 1.2em;*/
	font-size: 31px;
	font-weight:normal;
	padding:7px;
	color:#1C345C;
}
h3, h3#heading {
	font-family: "sofia-pro-black-italic", Century Gothic, Calibri, Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	font-size: 40pt;
	font-style: italic;
	line-height:50pt;
	color:#1C345C;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:3px;
	padding:6px;
}
h4
{
	font-family: "sofia-pro-black-italic", Century Gothic, Calibri, Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	font-size: 27pt;
	font-style: italic;
	line-height:29pt;
	letter-spacing: -0.4px;
	color:#1C345C;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:3px;
	padding:6px;
}
form
{
	padding:0;
	margin:0;
}
hr
{
	border:1px solid #333;
}
.number, .right
{
	text-align:right;
}
.left
{
	text-align:left;
}
.center
{
	text-align:center;
}


.menuTable td
{
	padding-top:15px;
	padding-bottom:15px;
	vertical-align:middle;
}

.dataTable
{
	border:1px solid #222222;
	border-collapse: collapse;
	empty-cells: show;
}
.dataTable td
{
	border:1px solid #222222;
	padding:4px;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:middle;
	line-height:15px;
	text-align:center;
}
.dataTable th
{
	border:1px solid #222222;
	vertical-align:middle;
	border-width:1px;
	border-style:solid;
	border-color:#222222;
	padding:4px;
	text-align:center;
}
.dataTable tr th.small
{
	font-size:70%;
}

.reportHeader td
{
	padding:4px;
}

.reportOuter td, .reportOuter th, .reportOuter h4, .reportOuter p
{
	font-size:10pt;
}


.smallTable
{
	border-collapse:collapse;
	border-width:0;
}
.smallTable td, .smallTable th
{
	border-width:0;
	padding:3px;
}

.spacedTable
{
	border-spacing: 8px;
	border-collapse: separate;
}
.spacedTable td
{
	padding:3px;
}

.spacedBigTable
{
	border-spacing: 16px;
	border-collapse: separate;
}
.spacedBigTable td
{
	padding:3px;
}

.listTable
{
	width:100%;
	border-collapse:collapse;
}
.listTable th
{
	background-color:#1C345C;
	color:#FFF;
	font-size:14px;
	font-weight:200;
	border-top:10px solid #ffffff;
	padding:7px;
	vertical-align:bottom;
}
.listTable th a
{
	color:#fff;
	text-decoration:underline;
}
.listTable .noTop th
{
	border-top:0;
}
.listTable td
{
	background-color:#ECF7FA;
	border-top:15px solid #ffffff;
	padding:7px;
}
.listTable tr.weekend td
{
	background-color:#eeeeee;
}
.listTable td clickable a
{
	text-decoration:none;
}
.listTable tr.light td, .smallTable tr.light td
{
	background-color:#f9f9f9;
}
.listTable tr.lightSteve td, .smallTable tr.lightSteve td
{
	background-color:#ECF7FA ;
}
.listTable tr.dark td, .smallTable tr.dark td
{
	background-color:#e0e0e0;
}
.listTable tr.darkSteve td, .smallTable tr.darkSteve td
{
	background-color:#e0e0e0;
}
.listTable tr.new td
{
	background-color:#d6e2be;
}
.listTable tr.newSteve td
{
	background-color:#d6e2be;
}
.listTable tr.tomorrow td
{
	background-color:#eeeeee;
	color:#999999;
}
.listTable .noTop td
{
	border-top:0;
}
.listTable h2
{
	margin-top:0px;
	padding:0;
	background-color:transparent;
}

.layoutTable
{
	margin-top:10px;
	margin-bottom:10px;
}
.layoutTable td {
    padding: 10px;
}

.layoutTable td:first-child {
    padding-left: 0px;
}

.layoutTable td:last-child {
    padding-right: 0px;
}

.layoutTable tr:first-child td {
    padding-top: 0px;
}

.layoutTable tr:last-child td {
    padding-bottom: 0px;
}


.headerRow th
{
	background-color:#969696;
	color:#ffffff;
	height:30px;
}
.headerRow a
{
	color:#ffffff;
}
.subHeaderRow td
{
	background-color:#98bcdc;
	color:#ffffff;
}
.totalRow th
{
	background-color:#858e4b;
	color:#ffffff;
}
.totalRow td
{
	background-color:#e0e3d2;
}
.totalSubRow th
{
	background-color:#a5ae6b;
	color:#ffffff;
}
.totalSubRow td
{
	background-color:#f0f3e2;
}

.filterRow td
{
	background-color:#e6e6e6;
	padding:2px;
	padding-right:5px;
	padding-left:5px;
	height:25px;
}


.headerTable
{
	width:100%;
	background-color:#80A1B6;
	color:#ffffff;
	margin:0;
}
.headerTable td
{
	padding:8px;
}
.headerTable td a
{
	color:#ffffff;
}
.headerTable td h2
{
	padding:0;
	margin:0;
}


.noTop
{
	padding-top:0;
	margin-top:0
}
.noBottom
{
	padding-bottom:0;
	margin-bottom:0
}
.padTop
{
	padding-top:15px;
}
.padBottom
{
	padding-bottom:15px;
}
.comment
{
	color: #666666;
}
.error, .error a
{
	color: #dd0000;
}
.warning, .warning a
{
	color: #777700;
}
.bold, .bold a
{
	font-weight:bold;
}
.message
{
	color: #009900;
}
.priority
{
	color: #BB0000;
}
.showPrint
{
	display:none;
}
.clickable
{
	cursor:pointer;
}
.incomplete, .incomplete td
{
	background-color:#f2dcda;
}
.complete, .complete td
{
	background-color:#ebf1df;
}

.headerButtonSelected
{
	color:#ffffff;
	background-color:#2d2d1f;
	text-decoration:none;
	padding:5px;
	width:85px;
	display:inline-block;
	text-align:center;
}
.headerButtonSelected:hover
{
	color:#eeeeee;
}
.headerButton
{
	background-color:#f1f1f1;
	text-decoration:none;
	padding:5px;
	width:85px;
	display:inline-block;
	text-align:center;
}
.headerButton:hover
{
	background-color:#eaeaea;
}

.button
{
	text-decoration:none;
	background-color:#FE5707;
	font-size:15px;
	border-width:0;
	color:#ffffff;
	padding:5px;
	width:120px;
	display:inline-block;
	text-align:center;
	
}
.button:hover
{
	background-color:#ffffff;
	border-style:1px solid #FE5707;
	color:#FE5707;
}
.buttonBlue
{
	text-decoration:none;
	background-color:#1C345C;
	border-width:0;
	color:#ffffff;
	padding:5px;
	width:120px;
	display:inline-block;
	text-align:center;
}
.buttonBlue:hover
{
	background-color:#ffffff;
	border-style:1px solid #FE5707;
	color:#FE5707;
}

.filterPanel
{
	background-color:#d7e3bf;
	padding:10px;
	margin-bottom:10px;
}
.filterPanel h2
{
	margin-top:0px;
	padding:0;
	background-color:transparent;
}
.filterPanel td
{
	background-color:#d7e3bf;
}

.additionPanel
{
	background-color:#c4d6a0;
	padding:10px;
	margin-bottom:10px;
}
.additionPanel h2
{
	margin-top:0px;
	padding:0;
	background-color:transparent;
}

.infoPanel
{
	background-color:#efb310;
	padding:10px;
	margin-bottom:10px;
}
.infoPanel h2
{
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	background-color:transparent;
}

.indicatorUrgent
{
	width:120px;
	height:10px;
	padding:5px;
	background:linear-gradient(white, red);
	border:1px solid #000000;
	display:inline-block;
}
.urgent
{
	color:red;
}
.crushUrgent
{
	padding:5px;
	margin-top:5px;
	background:linear-gradient(white, red);
	border:1px solid #000000;
	min-width:100px;
}

.indicatorNormal
{
	width:120px;
	height:10px;
	padding:5px;
	background:linear-gradient(white, #666600);
	border:1px solid #000000;
	display:inline-block;
}
.normal
{
	color:#666600;
}
.crushNormal
{
	padding:5px;
	margin-top:5px;
	background:linear-gradient(white, #666600);
	border:1px solid #000000;
	min-width:100px;
}

.indicatorNonUrgent
{
	width:120px;
	height:10px;
	padding:5px;
	background:linear-gradient(white, green);
	border:1px solid #000000;
	display:inline-block;
}
.nonUrgent
{
	color:green;
}
.crushNonUrgent
{
	padding:5px;
	margin-top:5px;
	background:linear-gradient(white, green);
	border:1px solid #000000;
	min-width:100px;
}

.crushDisabled
{
	padding:5px;
	margin-top:5px;
	background:linear-gradient(white, grey);
	border:1px solid #000000;
	min-width:100px;
}

.syncBox
{
	border:0px solid #333333;
	width:128px;
	height:64px;
	text-align:center;
}

.fieldTest td
{
	background-color:#D8D8FE;
}
.labTest td
{
	background-color:#E8D8D8;
}
.sample td
{
	background-color:#D8E8D8;
}

#buttonSection td
{
	text-align:center;
}

.tabOn
{
	background-color:#fff;
	padding:4px;
	border:1px solid #333;
	border-bottom-width:0px;
	display:inline-block;
	cursor:pointer;
}
.tabOff
{
	background-color:#eee;
	padding:4px;
	border:1px solid #333;
	border-bottom-width:0px;
	display:inline-block;
	cursor:pointer;
}

.tabContent
{
	/*position:relative;*/
	width:100%;
	border:1px solid #666;
	border-top:1px solid #666;
	margin-top:-1px;
	z-index:1;
}
.tabInner
{
	padding:2%;
	/*position:absolute;*/
	width:96%;
}
.tab
{
	cursor:pointer;
	border-width: 1px 1px 1px 1px;
	border-color: #999;
	border-bottom-color:#666;
	border-style: solid;
	background-color:#eeeeee;
	color:#333333;
	padding:3px;
	margin-right:-1px;
	display:inline-block;
	text-decoration:none;
}
.tabSelected
{
	border-width: 1px 1px 1px 1px;
	border-color: #666;
	border-bottom-color:#ffffff;
	border-bottom-width:0px;
	border-style: solid;
	background-color:#FFFFFF;
	color:#000000;
	padding:3px;
	padding-bottom:4px;
	margin-right:-1px;
	display:inline-block;
	position:relative;
	z-index:10;
	text-decoration:none;
}
.tabHidden
{
	display:none;
}
a
{
	color: #1C345C;
}
a:hover
{
	color: #1C345C;
}

.red
{
	background-color:#f00;
}
.green
{
	background-color:#0f0;
}
.amber
{
	background-color:#ff0;
}

.helpDiv
{
	border:1px solid #000;
	width:300px;
	position:absolute;
	padding:4px;
	background:rgba(255,255,200,0.95);
}

/* tim blacklock 2018-01-23 */

#crumbs a {
	color: #000;
}
.required
{
	color:#FE5707;
}
.instructionNumber
{
	font-size:50px;
	font-style:italic;
	font-weight:900;
	color:#FE5707;
}
.payItButton
{
	background-image:url(images/payit_default.svg);
	background-repeat:no-repeat;
	background-position:center;
	height:39px;
	padding-top:15px;
}
.payItButton:hover
{
	background-image:url(images/payit_secondary.svg);
}
.noBorderInput tr td input, .noBorderInput tr td select
{
	border-width:0px;
}
.noBorderInput 
{
	color:#1C345C;
}