/* Hidden elements	*/
div.templateId, div.id, span.codeSystem, .hl7datetime{
	display:none;
	background:#eee;
}

*{
box-sizing: border-box;
}
html{
  margin:0;
}
body {
  color: #003366;
  
  font-family: Verdana, Tahoma, sans-serif;
  font-family: "Open Sans",Arial, "Trebuchet MS";

  font-size: 80%;
  margin:0;
  background:#EEEEEE;
  background-color: #E3F4FF;
}
table{
	font-family: Verdana, Tahoma, sans-serif;
	font-family: "Open Sans",Arial, "Trebuchet MS";

}
div{
	font-family: Segoe UI,"Open Sans",Arial, "Trebuchet MS";
}
a {
  color: #003366;
  background-color: #FFFFFF;
}
p.h1{
	font-size:1.5em;
	font-weight: bold;
}
p.secth3 {
  font-size: 1.1em;
  font-weight: bold;
  margin:0;
  padding:0;
	color:#1f8dd6;
	white-space:nowrap;
	overflow:hidden;
}
div.sectiontext{
	margin-top:0.5em;
	clear:both;
}
#tocdiv .pure-button{
	font-size:80%;
	margin-right:2px;
}
h4 {
  font-size: 1em;
  font-weight: bold;
  margin:0.5em;
  margin-bottom:0;
  color:#1f8dd6;
  border:3px solid transparent;
  padding:0.25em;
}
h4.nest:hover{
	border:3px solid #BFE6FF;
	cursor:pointer;	
}
div.nest {
border-left:3px solid #BFE6FF;
padding-left:0.5em;
margin-top:0;
}
table {
	line-height: 10pt;
	border-collapse:collapse;
}
tr {
/*  background-color: #ccccff;*/
}
#viewcda td,th,th.narr_th{
  padding: 0.25em;
  vertical-align: top;
  border:1px solid white;
}
/*Turn on for table sorting
th.narr_th{
	cursor:ns-resize;
}
th.narr_th:hover{
	cursor:ns-resize;
	border:1px solid #E3F4FF;
	background:#E3F4FF;
}
*/
.h1center {
  font-weight: bold;
  text-align: center;
}
.narr_table {

}
.narr_tr {
  background-color: #ffffcc;
}
.narr_th {
  background-color: #ffd700;
}
.td_label{
  font-weight: bold;
  color: white;
}

div.section{
	border:1px solid #BFE6FF;
	display:inline-block;
	/*width:30em;*/
	margin:0;
	background:white;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	cursor:move;
}
div.recordTarget{
	cursor:default;
}
div.section.is-dragging,
div.section.is-positioning-post-drag {
  background: #C90;
  z-index: 2;
}

@media (min-width:400px){
	.section{
		width:99%;
	}
}
@media (min-width:600px){
	.section{
		width:48%;
	}
}
@media (min-width:1000px){
	.section{
		width:30em;
	}
}

/*rbView*/
.section{width:70%;}

.packery-drop-placeholder {
	background:white;
  outline: 3px dashed hsla(0, 0%, 0%, 0.5);
  outline-offset: -6px;
  -webkit-transition: -webkit-transform 0.2s;
          transition: transform 0.2s;
}
div.section_in{
	padding:2px;
	border:3px solid transparent;
}
div.section_in:hover,div.sectionhover{
	border:3px solid #BFE6FF;
}
i.controls{
	float:right;
/*	clear:right;*/
	cursor:pointer;
	display:none;
}
i.controls.true{
	display:inline-block;
}
i.btn{
	border-radius:0.25em;
	padding:0.2em;
	border: 1px solid #BFE6FF;
	width:1.5em;
}
.tocul {
    padding-left: 0;
	margin:0;
    margin-left: 0.5em;
    list-style-type: none;
	padding-right:0.5em;
}
.toc{
	margin-bottom:0.25em;
	overflow:hidden;
	text-align:left;
}
.hide{
}
#tocdiv{
	float:right;
	clear:right;
	border-right:none;
	background:#BFE6FF;
}
div.fadehighlight{
	border:1px solid red;
	border:3px solid #BFE6FF;
	font-weight:bold;
	z-index:1;
	background:#BFE6FF;
}
.tocX .fa-arrow-up{
	float:right;
}
/*border: 1px solid #1f8dd6;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(100, 100, 100, 0.3);*/
span.tocup,span.tocdown{
	padding:0.5em;
}
.intelsoft{
	display:block;width:100%;padding-left:1em;float:left;font-weight:bold;
	color:#1f8dd6;
	font-size:1em;padding-top:0.2em;padding-bottom:0.5em;text-decoration:none;
	background:white;
	border-top:2px solid transparent;
	margin-top:0.5em;
}
.intelsoft:hover{
	border-top:2px solid #1f8dd6;
}
.intelsoft:hover::after{
	content:' http://intelsoft.com.au ';
	float:right;
	padding-right:1em;
}
#cdabody{
	padding-left:0.25em;
}
i.thumb{
	float:left;padding:0.25em;margin-top:-0.4em;margin-left:-0.4em;background:white;margin-right:0.25em;font-size:1.5em;border-radius:10px;
	border-top:2px solid #BFE6FF;border-left:2px solid #BFE6FF;color:#1f8dd6;
}
tr.duplicatefirst{
	background:#eee;
}
tr.duplicate{
	background:white;
	display:none;
}

/* JSON data */
div.jsondata div.element:first-child{
	/*border:1px solid #BFE6FF;*/
}
div.ename{
	color:brown;
	display:inline-block;
	padding-left:0.25em;
	padding-right:0.25em;
	border:1px solid transparent;
	border-radius:0.25em;
}
div.ename.highlight{
	border:1px solid brown;
	background:none;
}
.elname:hover{
}
div.ename span.text{
	color:#444;
	padding-left:0.5em;
}
/*
span.elname{
	display:inline-flex;
}
span.elname:before{
	content:" ";
	width:12px;
}
span.elname:hover:before{
	content:"<";
	width:12px;
}
*/

div.elements{
	display:none;
	border-left:1px solid #ddd;
	margin-left:0.5em;
}
div.element{
	border-top:1px dotted #ddd;
	cursor:pointer;
	width:100%;
}
div.element:hover{
	border-top:1px dotted #777;
}
div.elements:hover{
	border-left:1px dotted #777;
}
div.elements:hover span.elname:first{
	color:green;
}
div.nochildren{
	padding-left:1.25em;
}
div.attributes{
	display:inline;	
	cursor:initial;
}
.attribute{
	display:inline-block;
	margin-left:0.5em;
}
.attname{
	margin-left:0.5em;
	color:red;

}
span.attvalue{
	color:blue;
}
div.sectiontext{
	cursor:default;
}
div.element i{
	margin-right:0em;
}
div.comment{
	font-style:italic;
}
tr.json{
	display:none;
}
td.lookup,.showjson{
	cursor:pointer;
}
tr.highlight td, td.highlight{
	background: #E3F4FF;
	border:1px solid #BFE6FF;
	font-weight:bold;
}
div.displayString{
	margin-left:1em;
}
#docheader td.label,#patientheader td.label{
	background-color:#1f8dd6;
	width:10em;
	text-align:right;
}
#docheader td,th,#patientheader td,th{
	border:1px solid #1f8dd6;
}
#patientheader table.header_table td:nth-child(2){
	width:auto;
}

table.header_table{
	border:1px solid #1f8dd6;
	margin:1px;
}
table.header_table td{
	border:1px solid #1f8dd6;
}
table.header_table td:nth-child(2){
	width:20em;
}
/* file drop styles */
#drop-zone {
    /*Sort of important*/
    width: 300px;
    /*Sort of important*/
    height: 200px;
    position:absolute;
    left:50%;
    top:100px;
    margin-left:-150px;
    border: 2px dashed rgba(0,0,0,.3);
    border-radius: 20px;
    font-family: Arial;
    text-align: center;
    position: relative;
    line-height: 180px;
    font-size: 20px;
    color: rgba(0,0,0,.3);
}

    #drop-zone input {
        /*Important*/
        position: absolute;
        /*Important*/
        cursor: pointer;
        left: 0px;
        top: 0px;
        /*Important This is only comment out for demonstration purposes.
        opacity:0; */
    }

    /*Important*/
    #drop-zone.mouse-over {
        border: 2px dashed rgba(0,0,0,.5);
        color: rgba(0,0,0,.5);
    }


/*If you dont want the button*/
#clickHere {
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: 20px;
    line-height: 26px;
    color: white;
    font-size: 12px;
    width: 100px;
    height: 26px;
    border-radius: 4px;
    background-color: #3b85c3;

}

    #clickHere:hover {
        background-color: #4499DD;

    }

textarea{
	border:2px solid #BFE6FF;
	border-radius:0.25em;
	width:97%;
	height:5em;
	padding:0.25em;margin:0.25em;
}
div.notes{
	background:#E3F4FF;
	padding:0.25em;
}
p.cb,p.rb{
	color:#777;
	margin:0em;
	padding:0.15em;
	padding-left:0.25em;
	cursor:pointer;
	border-radius:0.25em;
	border:1px solid transparent;
}
p.cb:hover,p.rb:hover{
	background:#E3F4FF;
	border:1px solid #EDF7FF;
}
p.cb[value='true'],p.rb[value='true']{
	color:#222;
}
p.cb[value='true'] span.checksq{
	border:2px solid #1F8DD6;
}
p.cb[value='false'] span.checksq{
	border:2px solid #1F8DD6;
}
p.rb[value='true'] span.checkrb{
	border:4px solid white;
	background:#1F8DD6;
}	
span.checksq,span.checkrb{
	transition: all 0.5s ease;
border:2px solid #BFE6FF;display:inline-block;border-radius:0.25em;
width:1.25em;
height:1.25em;
vertical-align:bottom;
}

span.checkrb {
    border-radius: 0.75em;
}
span.checksq i.fa,span.checkrb i.fa{
	color:#1F8DD6;
	vertical-align:top;
}