@charset "UTF-8";
/* CSS Document */

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

body{
	
	color:black;
	background:#ffffff;
	/*font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:100%;	
	padding:0;
	margin:0;
}

.fakespace{
	display: inline-block;
	width: 0;
	overflow: hidden;
}

label [type="checkbox"], .inputGroup input[type="checkbox"]{
	vertical-align:middle;	
}
#wrapper{
	
	width:100%;
	height:auto;	
	position:relative;
}

#secondRow{

	
}
#content{
	width:100%;
	height:auto;	
	position:relative;
}

#d3Container{
	position:fixed;	
	width:100%;
	bottom:0;
}	

#mapping{
	width:100%;
	height:100%;
}
.hidden{
	position: absolute;
	top:-9999999px;
	left:-99999999px;
}

svg{
	 position: relative;
	 
  
}

#mapWrapper{
	width:98%;	
	
}

#mainFilterMenu{
	position:relative;
	top:0;
	width:100%;	
	

}

.link {
  fill: none;
  stroke:#CCC;
  stroke-width: 1.5px;
}

#licensing {
  fill: #CCC;
  stroke: #CCC;
}

.link.licensing {
   stroke: #CCC;
    fill: #CCC;
 /* stroke-dasharray: 0,2 1;*/
}

.link.resolved {
  stroke-dasharray: 0,2 1;
}

circle {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1.5px;
  
}

text {
  font: 10px sans-serif;
  pointer-events: none;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}


/* Table Styles*/
#mainTable{
	background:#F0F0F0;
	border-bottom:solid 1px #666666;
	display: block;
    width: auto;
    bottom:0;
    top:220px;
    left:0;
    right:0;   
}
.reformatMainTable{
	height:25px;
	border-top:solid 1px #666666;
}

#expandTable{
	position: relative;
	z-index: 20000;
	width: 100px;
	bottom: 0;
	height: 35px;
	margin-left: 10px;	
}

.tableButtons{
	top:8px;
	position: absolute;
}

.tableButtons button{
	display: inline-block;
	margin-right: 5px;
}

body[data-panel-state="-1"] #mainTable{
	border-top:solid 1px #666666;
}
body[data-panel-state="-1"] #table01_wrapper{
	display: none;
}
body[data-panel-state="-1"] #expandTable{
	bottom:-4px;
}
body[data-panel-state="1"] #mainTable{
	top:2px !important;
	bottom:0px !important;
}
body[data-panel-state="1"] #mapping{ /*setting display:none causes issues with graph rendering*/
	position: absolute;
	left:-999999px;
	top:-9999999px;
}

.dataTable {
	table-layout: fixed;	
	width: 7000px !important;
}

.dataTables_info, .dataTables_paginate {
	padding-bottom:0px !important;
	padding-top: 7px !important;

	height:24px; 
	line-height:24px; 
	font-size:10px;
}

.dataTables_wrapper .dataTables_filter {
	position:absolute;
	right: 2%;
    top: -22px;
	z-index:20000;
	margin-top: 0;

	display:none;
}

.dataTables_info { 

    float: left;
    position: relative;

    left:10px;
    margin-right:12px;

}
.dataTables_paginate { 
	float:right;
	position: relative;

	padding:0; 
	margin:0;
	right:20px;

}
.dataTables_paginate span { height:24px; line-height:24px;  padding:0px !important; }

#table01_length.dataTables_length{display:none;}

.dataTable th, .dataTable thead td {
	padding-top:4px;
	padding-bottom:4px;
}
.dataTable td{
	word-break: break-word;
}
.dataTable th:last-child{
	background-position: 80px center !important;
}

.dataTable th[data-size="large"]{
	width: 100px !important;
}


.dataTable { 
   width: min-height:250px !important;
   border-collapse: collapse; 
}
/* Zebra striping */
.dataTable tr:nth-of-type(odd) { 
  background: #eee; 
}

.dataTable th { 
  background:#F0F0F0; 
  color: black; 
  font-weight: bold; 
}
.dataTable td, .dataTable th { 
  padding: 1px; 
  border: 1px solid #ccc; 
  text-align: left;  
}

.dataTables_wrapper:after{
	display: none !important;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding:5px;
}

#table01_filter > label
{

}
   
.styled-select 
{
   	width: 251px;
	height: 29px;
	overflow: hidden;
   	background:url(../images/down_arrow_select.jpg) no-repeat right #ddd;
  	border-right:1px solid #69A3D3
}

.clearDiv{
	clear:both;
	
}

.networkColor{
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	width:15px;
	height:15px;
	display: inline-block;
	vertical-align:middle;
		
}

.networkColor.alpha{
	background:#CC0000;
}

.networkColor.copd{
	background:#0080ff;
}

.networkColor.pcp{
	background:#ff8000;
}

.networkColor.pul{
	background:#8000ff;	
}


/***   Pop Up Alert ***/
.overlay{
	height:100%;
	width:100%;
	position:fixed;
	background-color:rgba(199,199,199,0.8);
	z-index:30000;
	display:none;
}

.popupMessage{
	margin: 0 auto 0 auto;
     top: 20%;
	position:relative;
	height:200px;
	width:300px;
	background:#FFF;
	border:solid 2px #666666;
	
}

.popupMessage .choices{
	position:relative;
    margin-left: 69px;
    margin-top: 26px;	
}

.choices > div{
	padding:5px 0 5px 0;	
}

.headerLabel{
	position:relative;
	top:0;
	background:#333;
	color:white;
	text-align:center;
	padding:5px 0 5px 0;	
}


.popupButtons{
	position:absolute !important; 
	width: 80%; 
	height:30px; 
	left:31px; 
	right:auto; 
	bottom:12px; 
	margin:auto;
}

.popupButtons > button{
	margin:10px 5px 0px 5px;
	
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table{
	
}

ul#sortable { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
ul#sortable li { 
	margin: 5px; 
	padding: 5px 5px 5px 15px; 
	color: #000;
	background: url(../images/drag_handle.gif) no-repeat 0px -4px #f6f6f6;
}

#exportOverlay .popupMessage {
	height: 459px;
	top:2%;
	width: 378px;
}

#exportOverlay .choices {
	margin: 0px;
	
	padding: 10px;
	height: 383px;
    overflow-y: scroll;
    overflow-x: hidden;
}


#exportOverlay .popupButtons {
	position: relative;
}

#noGraph{
	position: relative;
	padding-top:50px;

	width:100%;
	height:50px;
	text-align:center;
   	margin:auto;	
}

#print_page{
	background: #FFF;
	min-height: 300px;
	width: 8.5in;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10001;
	display: none;
}


#csvDownloadFrame{
    visibility:hidden;
	position:absolute;	
}

#table01_processing{display: none !important;}

.blocker{
	background: transparent;
	position: absolute;
	z-index:9999999999;
	width:100%;
	height: 100%;
	display: none;
	background-color: rgba(255,255,255,.6)
}

.loaderOverlay{
	height: 100px;
	width: 150px;
	position: absolute;
	z-index:9999999;
	background: #fcfcfc; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #fcfcfc 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcfcfc), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #fcfcfc 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #fcfcfc 0%,#f9f9f9 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #fcfcfc 0%,#f9f9f9 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #fcfcfc 0%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



	left:50%;
	top:55%;
	margin-left: -75px;
	margin-top: -50px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.opacity{
	opacity: .6;
}
.loaderOverlay h3{
	color: black;
	text-align: center;
	position:relative;
	font-weight: 400;

}
.spinner-box{
  width:30px;
  height:30px;
  position:relative;
  margin: 10px auto;
}
.spinner-box:before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  border:#e5e5e5 solid 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spinner-axis{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-animation: spin 0.8s steps(100, end) infinite;
   -moz-animation: spin 0.8s steps(100, end) infinite;
   -o-animation: spin 0.8s steps(100, end) infinite;
  animation: spin 0.8s steps(100, end) infinite;
}
.spinner{
  width:50%;
  height:50%;
  overflow:hidden;
}
.spinner-inner{
  width:200%;
  height:200%;
  border-radius:100%;
  border: rgb(63,146,255) solid 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  box-sizing: border-box;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

@media print{
	#print_page {display: block;}
	#wrapper{ display: none;}
	#mainGroupForm{display:none;}
	#mainTable{position:relative;top:0;}
	table{float:left;}
	#mapping{left:20%;top:2%;}
	.page-break	{ display: block; page-break-before: always; }
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */  
   #AutoDirectedGroup label{
		float:none;		
	}
	#AutoDirectedGroup label:nth-child(1){
		margin-right:13px;
	}
}