html {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-family: Calibri,Verdana,Tahoma,sans-serif; 
	font-size: 12pt;
}

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

body {
	margin:0;
	padding:0;
	/*height:100%;
	width:100%;*/
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	width: 100%;
}

.new-box {
		color: darkred;
		background-color: #FFCC00;
		padding: 4px;
		margin-top: 1em;
		border-radius: 10px;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	}

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

a, a:visited {
 
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}

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

h2 {
	padding: 0;
	margin: 0;
	color: #0082bb;
	border-bottom: 3px solid #006269;
}
h3 {
	padding: 0;
	margin: 0;
	color: #1b2840;
}
h4 {
	padding: 0;
	margin: 0;
	color: #1b2840;
}
h5 {
	padding: 0;
	margin: 0;
	color: #007937;
}

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

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

#logox {
	/*position: relative;
	left: 0;
	top: 0;*/
	height: 5em;
	margin: 0 0 0 1em;
}

#titleBlock {
	margin: 0;
	padding: 0;
	border: 0 solid;
	clear: both;
	width: 100%;
}

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

#titleText {
	font-size: 2.5em;
	font-weight: bold;
	color: #0082bb;
}

#titleSubText {
	font-size: 1em;
	font-weight: bold;
	padding: 4px;
	color: #0082bb;
}

#titleRow {
	display: table;
	width: 100%;
}


#titleContainer {
	margin: 0 1em 0 1em;
	float: right;
	text-align: right;
	display: table-cell;
}

#titleMenuRow {
	background: rgb(21, 24, 27);
	color: #FFF;
}

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

#titleUser {
	padding-right: 15px;
	text-decoration: none;
}

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

#titleLogo {
  vertical-align: middle;
  display: table-cell;
}

.logoSpacer {
	width: 90px;
}


#page-wrapper {
	/*display: table;*/
	height: 100%;
	width: 100%;
}

/*
#head, #center-wrapper, #foot {
  display: table-row;
  height: 1px;
  > * {
    padding: 1em;
  }
}
*/

#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;
}

.content{
}

#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:#0082bb;
	font-weight:bold;
}

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. */
}


#left {
	width: 170px;
	background-color: #C7DCE9;
	padding: 4px; 
	margin: 0;
	/*height: 460px;*/
}

.centre {
	background-color: white;
	padding: 4px;
	/*height: 460px;*/
}

		 		 
#right {
	width: 170px;
	background-color: #C7DCE9;
	padding: 5px;
	margin: 0;
	/*height: 460px;*/
}

#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;
	padding:5;
}

#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;
}

#titleUser {
text-decoration: none;
}

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


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

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

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

.holderTable .tab {
padding: 0 5 0 5;
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;
}

/* --- SD --- */ 

#center-wrapper {
	overflow: hidden;
	padding: 10px;
	background-color: #1b2840;
	/*height: calc(100vh - 156px);*/
	height: 83.5%;
}

.leftMenu {
	color: #fff;
	float: left;
	vertical-align: top;
	width: 190px;
	height: 100%;
	padding-right: 10px;
}

.leftMenu a{
	color: #fff;
}

#content {
	background-color: white;
	overflow: hidden;
	height: 100%;
}

#container {
	height: 100%;
	width: 100%;
	background-color: white;
	overflow: hidden;
}

#hospital-typeahead {
	width: 100%;
	padding: 0px;
}

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

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

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 15px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    height: 80%;
    overflow: auto; /* Enable scroll if needed */
}

/* Modal Header */
#modal-header {
    padding: 2px 10px;
    /*background-color: #5cb85c;
    color: white;*/
}

/* Modal Body */
#modal-body {
	padding: 2px 10px;
}

/* Modal Footer */
.modal-footer {
	text-align: center;
}

/* The Close Button */
.close {
    color: #999;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/*floating divs*/
#floating-help {
	width: 90%;
	max-width: 1000px;
	height: 500px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 100;
	background-color: white;
	box-shadow: 0px 0px 30px 0px black;
	border: 1px solid black;
	padding: 5px;
}

#float-help-content {
	overflow: auto;
	width: 100%;
	height: 445px;
}

#floating-help-bar {
	height: 55px;
}

.inline-block {
  display: inline-block;
}

/* new 2020 */

.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}

.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-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}

/*END HOME.CSS END*/