/* brought over from home.css 30/12/2016 */

#content{
	overflow: auto;
	margin: 0;
	padding: 8px;
	white-space: normal;
	width: 99%;
}

.content2 {
	overflow: auto;
	white-space: normal;
	word-break: break-all; 
	word-wrap: break-word;
	width: 99%; /*needed to wrap text*/
}

#content2 {
	overflow: auto;
	white-space: normal;
	word-break: break-all; 
	word-wrap: break-word;
	width: 99%; /*needed to wrap text*/
}

.vwBtns {
padding: 10px;
}

.record-header {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.half {
    float: left;
    width: 50%;
}

.half-left {
    float: left;
   /* width: 50%;*/
}
.half-right {
    float: right;
    /*width: 50%;*/
}

.xBorder {
	border:0;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.data-table {
	border-collapse: collapse;
}

.data-table thead {
	border: 1px solid black;
	text-align: left;
}

.data-table tbody {
	border: 1px solid black;
}

.data-table td {
	vertical-align: top;
	padding: 3px 5px;
	font-size: 95%;
	/*white-space: nowrap;*/
}

.fLeft {
	float: left;
}

.float-container {
	overflow: hidden;
}

/* =================
NHFD COMBINED CSS
(home & hipfracmain)
v10 - Nov 2016
====================*/

html {
	box-sizing: border-box;
}

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

html, body, form { 
	margin:0; 
	padding:0;
	height: 100%;
	width: 100%;
}

html { 
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

body {
	/* SD 30/08/2017 - changed for fmReportTable(Unit)
	overflow: hidden;
	overflow-x: hidden;
	*/
	overflow-y: auto;
}

a, a:visited {
	color: blue;
}

h1 {
	padding: 0;
	margin: 0;
	color: #006269;
}

h2 {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	color: #006269;
	border-bottom: 3px solid #006269;
}
h3 {
	padding: 0;
	margin: 0;
	color: #006269;
}
h4 {
	padding: 0;
	margin: 0;
	color: #006269;
}
h5 {
	padding: 0;
	margin: 0;
	color: #006269;
}

ul{	padding-left:0px;
	margin:0px;
	}

li{
	padding-left:0px;
	list-style-type:none;
}

#header{
	background-color:#00A499;
	color:#FFF;	
	padding:5px 10px 10px 5px;
}

#title, .active{
	font-size:16pt;
	xcolor:#007F80;
	font-weight:bold;
}

#spinner{
	position:absolute;
	top:200px;
	left:200px;
	z-index:4;
}

#docContent{
	/*overflow: hidden;
	width: 100%;
	height: 100%;*/
}

thead {
	text-align:centre;
	/*font-weight:bolder;*/
	padding:20px;
}

.content thead td {
	text-align:centre;
	/*font-weight:bolder;*/
	padding:5px;
	background-color:#00A499;
	color: white;
}

.content thead a {
	text-align:centre;
	/*font-weight:bolder;*/
	padding:5px;
	background-color:#00A499;
	color: white;
}


.content tbody {
	text-align:centre;
	padding:5px;
	/*background-color:#00A499;
	font-size: 86%;*/
}

.title{
	color:#007F80;
	font-weight:bold;
	padding-bottom: 8px;
}

p.datawarning{
	font-size:10pt;	
}
#header a{
	text-decoration:none;
	color:#FFF;
	padding-left:5px;
	text-decoration:none;
	display:inline-block;
}
#Xfooter li{
	display:inline;
	list-style-type:none;
}

#Xfooter ul{
	xclear:both;
	padding-left:0px;
}
#header a:hover {
	color:#000;
}
#header a:active, .current {
	color:#007F80;
	text-decoration:underline;
}
#login{
	float:right;
	font-size:75%;
	text-align:right;
}

/* DISABLED */
.XXXcentre {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	min-width: 120px;
	border-bottom-style: none; 
	background-color: white;
	padding: 4px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.leftMenu, .rightMenu {
	/*width: 8em;*/
	min-width: 5%;
	width: 150px;
}

.leftMenu li {
	cursor: pointer;
	margin-bottom: 4px;
	text-decoration: none;
}

.leftMenu a {
  text-decoration: none;
  color: #007F80;
}

.leftMenu li:hover {
	text-decoration: underline;	
}

#left {
	width: 170px;
	min-width: 170px;
	background-color: #C4E3E0;
	padding: 5px; 
	margin: 0;
}
	 
#right {
	width: 170px;
	min-width: 170px;
	background-color: #C4E3E0;
	padding: 5px;
	margin: 0;
}

.centre {
	background-color: white;
    padding: 0.5em;
    width: 99%;
}

#footer{
	border-top: 0px solid grey;
	background-color: #006269;
	color:white;
	padding:5px;
	margin:0px;
	margin-right:-10pt;
}

#footer a:visited, #footer a {
	color: white;
	text-decoration: none;
	margin: 0 5px;
    padding: 5px;
}

#footer  ul{
	margin-left:0;
}

#footer  li{
	display:inline;
	list-style-type:none;
	font-size:10pt;
}
.fRight {
	float:right;
}
.redcell {
	background-color: #F09999;	
}
#m{
	border: 0px;
	width:175px;
	height:380px;
	font-size:13;
	/* Again, the ugly brilliant hack. */ 
	/* voice-family: "\"}\""; */
	/* voice-family:inherit; */
}

#current{
	/*color:#007F80;*/
}

.ndate{ 
	color:#007F80; 
	text-align:right;
	 font-size:10px;
}

p.nifty{
	margin:0;
	padding: 5px 10px;
	line-height: 1.3;
	text-align: justify;
	overflow:auto;
	/*max-height:380px;*/
	scrollbar-highlight-color: #b3b3b1;
		height: expression( this.scrollHeight > 350 ? "350px" : "auto" );
	scrollbar-face-color: #b3b3b1;
	scrollbar-3dlight-color: #b3b3b1;
	scrollbar-darkshadow-color: #b0b0b0;
	scrollbar-shadow-color: #b3b3b1;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #F0F0F0;
	scrollbar-highlight-color: #b3b3b1;
	scrollbar-highlight-color: #b3b3b1;
}

.datahdr {
	background-color: #D8E9EC;
}

/* NEW HEADER */

#logox {
position: relative;
left: 5px;
top: 3px;
margin: 0px;
padding: 0px;
padding-bottom: 4px;
}

#titleBlock {
margin: 0;
padding: 0;
border: 0 solid;
clear: both;
width: 100%;
padding-left: 0;
padding-right: 0;
background-color:#00A499;
table-layout: fixed;
}

#titleBlock a:visited {
color: #fff;
}

#titleText {
font-size: 18pt;
padding: 0;
color:#006269;
}
#titleSubText {
color: white;
font-size: 12pt;
}
#titleMenuRow {
background: #006269;
color: #FFF;
}

#titleMenu {
padding: 6px;
text-decoration: none;
color: #FFF;
}

#titleUser {
text-decoration: none;
}

#titleUser a:hover {
text-decoration: underline;
}

#logoSpacer {
width: 350px;
padding: 10px;
}

.holderTable {
width: 100%;
padding: 0;
color: #FFF;
}

.holderTable td a {
	text-decoration: none;
	color: #FFF;
    padding: 0 5px 0 5px;
}

.holderTable td a:hover {
text-decoration: underline;
}

.holderTable .tab {
padding: 0 5px 0 5px;
text-decoration: none;
}

td.topTabNormal {
margin: 0px;
padding: 5px;
white-space:nowrap;
color: #FFF;
}

td.topTabNormal a.topMenuLink {	
text-decoration: none;
font-weight: bold;
color: #FFF;
}

td.topTabSelected a.topMenuLink {
text-decoration: none;
font-weight: bold;
color: #FFF;
}

td.topTabSelected {
margin: 0px;
padding: 5px;
white-space:nowrap;
color: #FFF;
}

#chart-wrapper {
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	height: calc(100vh - 143px);
}

.leftMenu {
	float: left;
	vertical-align: top;
	width: 200px;
	padding: 10px;
	height: 100%;
}

#typeahead-and-charts {
	overflow: hidden;
	height: 100%;
}

#container {
	height: 100%;
}

#hospital-typeahead {
	width: 210px;
}

.selectize-dropdown {
	width: 500px !important;
}

.selectize-dropdown .active {
	font-size: inherit;
	font-weight: inherit;
}

/* === V10 updates ===*/

input {
	font-style: normal;
}

.note {
	font-style: italic;
	font-size: 85%;
	font-weight: normal;
	padding: 4px 10px;
	border-left: 2px solid #aaa;
	margin: 4px;
}

.note1 {
	font-style: italic;
	font-size: 85%;
	font-weight: normal;
	padding: 4px 10px;
	margin: 4px;
}

.btnPrev {
	float: left;
}

.btnNext {
	float: right;
}

.bottom-nav-bar {
	overflow: hidden;
	text-align: center;
	padding: 0px;
	margin: 10px;
}

.bottom-nav-note {
	font-style: italic;
	font-size: 85%;
}

/* error-panel */
.error-panel {
	border: 1px solid red;
	background-color: #FFCB00;
	padding: 0.5em;
	display: none;
}

.error-panel button {
	margin-left: 1em;
}

.table_item_label_r {
	width: 40%;
	font-weight:normal;
	/*font-size:13px;*/
	padding:8px;
	vertical-align:top;
	text-align:right;
}

#FormNav ul {
	width:100%;
	margin-left:0px;
	overflow:hidden;
	/* -------------
	font-family:"Tahoma";
	font-size:60%;
	font-weight: 400; 
	---------------- */
	list-style:none;
	border:1px solid #e0e0e0;
	background:url(/003/CSWComps.nsf/vwImg/MenuBarBackGround/$FILE/main_nav_bg.jpg?Open ) repeat-x;

}
	#FormNav ul li {
		float:left;}

	#FormNav ul li a {
		display:block;
		text-decoration:none;
		padding:6px 0 6px 20px;
		color:#666;
		font-size:115%;
		font-weight:bold;
		}

	#FormNav ul li a:hover {
		color:#008284;}

	#FormNav ul li a.active {
		color:#4494D1;}


.SectionHead_First{
	/* ------------
	font-size:80%;
	width:70%;
	--------------- */
}

.SectionHead_Last{
	/*-------------
	font-family:"Tahoma";
	font-size:80%;
	float:right;
	width:15%;
	---------------*/
}

.table_item_label {
	width:40%;
	padding:10px;
	vertical-align:top;
	/*-------------
	font-size:11pt;
	font-weight:700;
	font-size:11px;
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#ECECEC', gradientType='1');
	---------------*/
}

.table_item_value {
	/* ---------------
	width:32%; 
	font-size:12px;
	font-size:11pt;
	------------------ */
	padding: 4px;
	margin: 4px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}

.table_item_label_FreeTxt {
	width:30%;
	font-weight:700;
	font-size:11px;	
	padding:8px;
	vertical-align:top;
	text-align: left;	
}

.table_item_value_FreeTxt {
	width:70%;
	/*font-size:12px;*/
	padding:8px;
	vertical-align:top;
	text-align: left;
}

.table_item_value2 {
	width:20%;
	/*font-size:11px;*/
	padding:1px;
	vertical-align:top;
	text-align: left;
}
.table_item_value3 {
	/*font-size:11px;*/
	padding:1px;
	vertical-align:top;
	text-align: left;
}

#viewposition {
	position: relative;
	top: 20px;
}

/*Moved from main form*/

.ui-datepicker-trigger {
	margin: 0 0 0 6px;
	padding: 0 0 0 0px;
	vertical-align: middle;
}
select, input, textarea {
	font-family: Calibri,Arial !important; 
	font-size: 12pt !important;
}
#dobdatepicker {
	width: 7em;
}
.datepicker, .datepick1, .DateOfBirth {
	width: 7em;
}
.timepicker {
	width: 7em;
}
.datetimepicker {
	width: 10em;
}

[type="checkbox"], [type="radio"] {
    margin: 5px;
    padding: 5px;
    cursor: pointer;
}

/*
select option:disabled {
	color: red;
}
*/

select option[disabled] {
	color: #666;
	background-color:#CCC;
}

td.ui-state-highlight {
	border: 2px solid green !important;
}

.unclickable {
	pointer-events: none;
}

.hidden {
	display: none;	
}

.record-header {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

.record-header * {
	box-sizing: inherit;
}

.half {
	width: 50%;
	float: left;
}

.bpt-status {
	font-size: 1.5em;	
}

.full-width {
	width: 100%;	
}

label, select, option, .ui-datepicker-trigger {
	cursor: pointer;
}

.col1-left td:nth-child(1) {text-align: left}
.col2-left td:nth-child(2) {text-align: left}
.col3-left td:nth-child(3) {text-align: left}
.col4-left td:nth-child(4) {text-align: left}
.col5-left td:nth-child(5) {text-align: left}
.col6-left td:nth-child(6) {text-align: left}
.col7-left td:nth-child(7) {text-align: left}
.col8-left td:nth-child(8) {text-align: left}
.col9-left td:nth-child(9) {text-align: left}
.col10-left td:nth-child(10) {text-align: left}
.col11-left td:nth-child(11) {text-align: left}
.col12-left td:nth-child(12) {text-align: left}
.col13-left td:nth-child(13) {text-align: left}
.col14-left td:nth-child(14) {text-align: left}
.col15-left td:nth-child(15) {text-align: left}

.col1-ctr td:nth-child(1) {text-align: center}
.col2-ctr td:nth-child(2) {text-align: center}
.col3-ctr td:nth-child(3) {text-align: center}
.col4-ctr td:nth-child(4) {text-align: center}
.col5-ctr td:nth-child(5) {text-align: center}
.col6-ctr td:nth-child(6) {text-align: center}
.col7-ctr td:nth-child(7) {text-align: center}
.col8-ctr td:nth-child(8) {text-align: center}
.col9-ctr td:nth-child(9) {text-align: center}
.col10-ctr td:nth-child(10) {text-align: center}
.col11-ctr td:nth-child(11) {text-align: center}
.col12-ctr td:nth-child(12) {text-align: center}
.col13-ctr td:nth-child(13) {text-align: center}
.col14-ctr td:nth-child(14) {text-align: center}
.col15-ctr td:nth-child(15) {text-align: center}

.col1-right td:nth-child(1) {text-align: right}
.col2-right td:nth-child(2) {text-align: right}
.col3-right td:nth-child(3) {text-align: right}
.col4-right td:nth-child(4) {text-align: right}
.col5-right td:nth-child(5) {text-align: right}
.col6-right td:nth-child(6) {text-align: right}
.col7-right td:nth-child(7) {text-align: right}
.col8-right td:nth-child(8) {text-align: right}
.col9-right td:nth-child(9) {text-align: right}
.col10-right td:nth-child(10) {text-align: right}
.col11-right td:nth-child(11) {text-align: right}
.col12-right td:nth-child(12) {text-align: right}
.col13-right td:nth-child(13) {text-align: right}
.col14-right td:nth-child(14) {text-align: right}
.col15-right td:nth-child(15) {text-align: right}

.file-attach a {
	background-color:#FFF;
	border: solid 1px black;
	/*color: black;*/
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    min-width:15em;
    display: inline-block;
	/*box-shadow: 5px 5px 5px #888888;*/
	-webkit-box-shadow: 5px 5px 5px rgba(128,128,128,0.75);
	-moz-box-shadow: 5px 5px 5px rgba(128,128,128,0.75);
	box-shadow: 5px 5px 5px rgba(128,128,128,0.75);
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Calibri,Verdana,Arial,sans-serif;
}

.ui-widget-overlay {
	position: fixed;
}

.ui-datepicker-current {
	display: none;
}

.fixed-modal {
	position: fixed;
}

.passed-validation {
    border: 1px solid black;
    background-color: #dff0d8;
    padding: 0.5em;
    display: none;
}

.alert {
	color: #990033;
}

#error0 {
	color: white;
	background-color: red;
}

.inline-warning {
	padding: 3px;
	border-radius: 3px;
	color: white;
	background-color: red;
}

.space-left {
	margin-left: 1em;
}

.bad-field {
	border: 1px solid red;
}

.text-danger {
	color: rgb(255, 50, 50);
}

.text-success {
	color: rgb(50, 255, 50);
}

/* == REPORTS == */

/* Pattern 1 - Red to Green */
.quantile-p1-q1 { background-color: rgb(240, 50, 50) }
.quantile-p1-q2 { background-color: rgb(240, 135, 135) }
.quantile-p1-q3 { background-color: rgb(100, 255, 100) }
.quantile-p1-q4 { background-color: rgb(0, 150, 0) }

/* Pattern 2 - white/red */
.quantile-p2-q1 { background-color: rgb(240, 50, 50) }
.quantile-p2-q2 { background-color: #ffffff }

/* Pattern 3 - Green to Red */
.quantile-p3-q1 { background-color: rgb(0, 150, 0) }
.quantile-p3-q2 { background-color: rgb(100, 255, 100) }
.quantile-p3-q3 { background-color: rgb(240, 135, 135) }
.quantile-p3-q4 { background-color: rgb(240, 50, 50) }

/* KPI COLOURS - Blue to Yellow */
/*
.rating-none { background-color: rgb(255, 255, 255) }
.rating-below { background-color: rgb(51, 204, 255) }
.rating-ave { background-color: rgb(255, 255, 128) }
.rating-above { background-color: rgb(252, 193, 17) }
*/
/* KPI COLOURS - EXCEL/AJ COLOURS */
/*
.rating-none { background-color: rgb(255, 255, 255) }
.rating-below { background-color: #FF575b }
.rating-ave { background-color: #CCFFFF }
.rating-above { background-color: #33CCCC }
*/

/* KPI COLOURS */
.rating-none { background-color: #FFFFFF }
.rating-below { background-color: #DD0033D0 }
.rating-ave { background-color: #FFB000D0 }
.rating-above { background-color: #57C4ADD0 }



.icon-red { color: rgb(240, 50, 50) }
.icon-green { color: rgb(0, 150, 0) }

.report-totals-table {
	width: 100%;
	border-collapse: collapse; 
}
.report-totals-table tr {
	border-bottom: 1px solid #ddd;
}

.table-key {
	text-align: center;
}
.table-key-item {
	display: inline-block;
	margin: 0.2em;
}
.table-key-icon {
	margin-right: 0.5em;
}

/* Enter metrics modal */

.enter-metrics-modal input {
	display: block;
}
.enter-metrics-field {
	margin: 0.5em 0 0.5em 0;
}

/**** NEW FOOTER ****/

footer {
    background-color: #AAA;
    display: table;
    width: 100%;
}
footer a, footer a:visited {
    color: #333;
}
footer .footer-copyright {
    color: #555;
    display: table-cell;
}
@media (max-width: 900px) {
	footer .copyright {
		float: none;
		display: block;
		margin-top: 0.5em;
	}
}
@media (max-width: 600px) {
	footer .crown-logo {
		float: none;
		display: block;
	}
}
footer .links a {
	display: inline-block;
}
footer .links a:not(:last-child) {
		margin-right: 1em;
}
footer .row {
		padding: 0.5em 1em 0.5em 1em; 
		overflow: hidden;
}
.footer-logo {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.footer-logo a {
	display: inline-block;
	margin: auto 1em;
	vertical-align: middle;
}
.footer-logo img {
	height: 36px;
	display: block;
	margin: 0 auto;
}


/*== CSS END ==*/