/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent; }

.c3 path, .c3 line {
  fill: none;
  stroke: #000; }

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges; }

.c3-chart-arc path {
  stroke: #fff; }

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px; }

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa; }

.c3-grid text {
  fill: #aaa; }

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3; }

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em; }

/*-- Line --*/
.c3-line {
  stroke-width: 1px; }

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white; }

.c3-selected-circle {
  fill: white;
  stroke-width: 2px; }

/*-- Bar --*/
.c3-bar {
  stroke-width: 0; }

.c3-bar._expanded_ {
  fill-opacity: 0.75; }

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1; }

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px; }

.c3-target.c3-defocused {
  opacity: 0.3 !important; }

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: .1; }

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: .1; }

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px; }

.c3-legend-item-hidden {
  opacity: 0.15; }

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1; }

/*-- Title --*/
.c3-title {
  font: 14px sans-serif; }

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10; }

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9; }

.c3-tooltip tr {
  border: 1px solid #CCC; }

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF; }

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999; }

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px; }

.c3-tooltip td.value {
  text-align: right; }

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2; }

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em; }

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none; }

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px; }

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777; }

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777; }

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/ }


/*-- CDC Chart Overrides --*/
.c3-grid line {
	stroke: #e5e5e5;
}

.c3-xgrid, .c3-ygrid {
	stroke-dasharray: 0;
}

.chart-svg *,
.c3 * {
	font-family: "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 10px;
	-webkit-tap-highlight-color: transparent;
}

.chart-svg .glyphicon {
	font-family: 'Glyphicons Halflings';
}

.chart-svg {
	margin: 2px;
}

.chart-svg h3 {
	font-size: 14px;
	tont-weight: bold;
	margin: 15px 0 10px 0;
	text-align: center;
}

#chart-legend {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#chart-legend.raised {
	margin-top: 10px;
}

#reset-legend {
	display: inline-block;
	background-color: #666666;
	border-radius: 10px;
	color: white;
	padding: 0 8px;
	margin-left: 10px;
	text-decoration: none;
}

.c3-legend-item-tile {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0px 8px;
	border:1px solid #999;
}

.c3-legend-item {
	display: inline-block;
	opacity: 0.3;
	transition: opacity ease-in-out .1s;
	cursor:pointer;
	user-select: none;
	padding: 10px 0px;
}
.c3-legend-item span {font-size:9pt;}

.c3-legend-item.highlight {
	opacity: 1;
}

.chart-filters {
	padding: 5px;
}

.chart-filters label {
	margin-right: 5px;
	display: inline;
}

.chart-filters select {
	margin-right: 15px;
}

.chart-attribution,
.chart-data-table {
	margin: 10px 0 0 0;
}

.chart-data-table {
	width: 100%;
	max-width: 100%;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 10px;
	margin-top: 20px;
}

.chart-data-table table {
	width: 100%;
	border-collapse: collapse;
}

.c3-tooltip th,
.chart-data-table table th,
.chart-attribution strong {
	font-weight: bold;
}

.c3-tooltip th,
.chart-data-table table thead th {
	background: #e5e5e5 !important;
	color: #000;
}

.c3-tooltip th,
.c3-tooltip td,
.chart-attribution,
.chart-attribution *,
.chart-data-table table tr th,
.chart-data-table table tr td {
	font-size: 12px;
}

// Font xtra small

   .chart-svg.font-xsmall #reset-legend {
	   font-size: 9px;
   }
.chart-svg.font-xsmall .chart-filters label,
.chart-svg.font-xsmall .chart-filters select,
.chart-svg.font-xsmall table * {
	font-size: 9px !important;
}
.chart-svg.font-xsmall tspan,
.chart-svg.font-xsmall .c3-legend-item span,
.chart-svg.font-xsmall .chart-description,
.chart-svg.font-xsmall .chart-description * {
	font-size: 10px;
}
.chart-svg.font-xsmall text {
	font-size: 14px;
}
.chart-svg.font-xsmall .chart-title,
.chart-svg.font-xsmall .chart-title * {
	font-size: 28px;
}

// Font small

   .chart-svg.font-small #reset-legend {
	   font-size: 9px;
   }
.chart-svg.font-small .chart-filters label,
.chart-svg.font-small .chart-filters select,
.chart-svg.font-small table * {
	font-size: 11px !important;
}
.chart-svg.font-small tspan,
.chart-svg.font-small .c3-legend-item span,
.chart-svg.font-small .chart-description,
.chart-svg.font-small .chart-description * {
	font-size: 12px;
}
.chart-svg.font-small text {
	font-size: 16px;
}
.chart-svg.font-small .chart-title,
.chart-svg.font-small .chart-title * {
	font-size: 30px;
}

// Font medium

   .chart-svg.font-medium #reset-legend {
	   font-size: 11px;
   }
.chart-svg.font-medium .chart-filters label,
.chart-svg.font-medium .chart-filters select,
.chart-svg.font-medium table * {
	font-size: 13px !important;
}
.chart-svg.font-medium tspan,
.chart-svg.font-medium .c3-legend-item span,
.chart-svg.font-medium .chart-description,
.chart-svg.font-medium .chart-description * {
	font-size: 14px;
}
.chart-svg.font-medium text {
	font-size: 18px;
}
.chart-svg.font-medium .chart-title,
.chart-svg.font-medium .chart-title * {
	font-size: 32px;
}

// Font large

   .chart-svg.font-large #reset-legend {
	   font-size: 13px;
   }
.chart-svg.font-large .chart-filters label,
.chart-svg.font-large .chart-filters select,
.chart-svg.font-large table * {
	font-size: 15px !important;
}
.chart-svg.font-large tspan,
.chart-svg.font-large .c3-legend-item span,
.chart-svg.font-large .chart-description,
.chart-svg.font-large .chart-description * {
	font-size: 16px;
}
.chart-svg.font-large text {
	font-size: 20px;
}
.chart-svg.font-large .chart-title,
.chart-svg.font-large .chart-title * {
	font-size: 34px;
}

// Font xtra large

   .chart-svg.font-xlarge #reset-legend {
	   font-size: 15px;
   }

.chart-svg.font-xlarge .chart-filters label,
.chart-svg.font-xlarge .chart-filters select,
.chart-svg.font-xlarge table * {
	font-size: 17px !important;
}

.chart-svg.font-xlarge tspan,
.chart-svg.font-xlarge .c3-legend-item span,
.chart-svg.font-xlarge .chart-description,
.chart-svg.font-xlarge .chart-description * {
	font-size: 18px;
}

.chart-svg.font-xlarge text {
	font-size: 22px;
}

.chart-svg.font-xlarge .chart-title,
.chart-svg.font-xlarge .chart-title * {
	font-size: 36px;
}



.chart-svg.lines-thin .c3-line,
.chart-svg.lines-thin .c3-target.c3-focused path.c3-line {
	stroke-width: 1px;
}

.chart-svg.lines-thin circle {
	r: 3px;
}

.chart-svg.lines-default .c3-line,
.chart-svg.lines-default .c3-target.c3-focused path.c3-line {
	stroke-width: 3px;
}

.chart-svg.lines-default circle {
	r: 4px;
}

.chart-svg.lines-thick .c3-line,
.chart-svg.lines-thick .c3-target.c3-focused path.c3-line {
	stroke-width: 5px;
}

.chart-svg.lines-thick circle {
	r: 5px;
}

.chart-data-table table th,
.chart-data-table table td {
	white-space: nowrap;
	text-align: right;
	padding: 5px;
	margin: 0;
}

.chart-data-table table thead th {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	user-select: none;
	cursor: pointer;
}
.chart-data-table table tbody th {
	text-align: left;
}

.chart-data-table table tr th,
.chart-data-table table tr td {
	border: 1px solid #c0c0c0;
}

.chart-data-table table tr th:last-child,
.chart-data-table table tr td:last-child {
	/*border-right: none;*/
}

.chart-data-table tbody.data-rows col:first-child {background: #FFF !important;}
.chart-data-table tbody.data-rows col:nth-child(2n+3) {background: #f0f0f0 !important;}

.chart-data-table tbody tr:nth-child(even) {background: #f0f0f0 !important;}
.chart-data-table tbody tr:nth-child(odd) {background: #FFF !important;}

.chart-data-table thead tr th.active,
.chart-data-table tbody tr.active td {
	background-color: yellow !important;
}

.chart-data-table thead tr th.ascending:after,
.chart-data-table thead tr th.descending:after
{
	content: '\25BC';
	font-size: 10px;
	display: inline-block;
	position: relative;
	font-weight: normal;
	width: 0;
	left: 5px;
	transform-origin: 0 40%;
}

.chart-data-table thead tr th.ascending:after {
	transform: rotate(180deg);
	left: 15px
}

.chart-svg svg:focus {
	outline:2px solid #ffa500;
}

.chart-svg h3.c3-title {
	margin: 10px 0 10px 0;
	text-align: center;
}

/* CHART IFRAME BODY STYLES */
body.chart-iframe-body {
	margin: 0;
	padding: 0;

	width: 1px;
	min-width: 100%;
	*width: 100%;

	height: 1px;
	min-height: 100%;
	*height: 100%;
}

.scrollMsg {display:none;}
.tableHazScroll {position: relative;}
.tableHazScroll .scrollMsg .glyphicon {
	font-family: 'Glyphicons Halflings' !important;
	font-size: 10pt;
}
.tableHazScroll .scrollMsg {
	display:block;
	color:#666;
	text-align:right;
	font-size:11pt;
	height:100%;
	margin:8px 0;
}

.region-label {
	position: fixed;
	text-align: center;
	border-top: 1px solid black;
	text-shadow: 0 0 3px #fff;
	pointer-events: none;
}

.c3-xgrid-focus {z-index: -2;}

.region-label:before,
.region-label:after {
	position: absolute;
	content: '';
	height: 10px;
	top: -5px;
	border-left: 1px solid black;
}

.region-label:before {
	left: 0;
}

.region-label:after {
	right: 0;
}

.chart-syndication-footer {
	width: 100%;
	display: inline-block;
	background-color: #EEE;
	text-align: right;
}

.chart-syndication-footer .page-share, .cdc-info, #embed-section {
	margin-top: 5px;
	display: inline-block;
	padding-right: 5px;
}

.chart-syndication-footer .page-share {
	vertical-align: middle;
	margin-top: 0 !important;
	padding: 0 !important;
}

#tp-widget-info-modal {
	width: auto;
}

#embed-section {
	display: inline-block;
	margin-left: 5px;
	margin-right: 15px;
	vertical-align: middle;
	text-align: left;
}

#embed-section span {
	font-size: 12px;
}

#embed-section textarea {
	-ms-overflow-style: none;
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
	height: 2em;
	line-height: 2em;
	white-space: nowrap;
}

#embed-section textarea::-webkit-scrollbar {
	display: none;
}

#tp-widget-info-modal {
	top: 0;
}

.cdc-info {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	border-radius: 5px !important;
	background-color: #005eAA !important;
	border: 1px solid #005eAA !important;
	background-image: none;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.42857143;
	white-space: nowrap;
	width: 80px !important;
	padding: 3px 12px !important;
	color: white !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	margin-right: 10px;
	vertical-align: middle;
}

.tp-widget-share-code-wrapper, .chart-syndication-footer .page-share {
	display: inline-block;
}

.tp-widget-share-code-wrapper .page-share-syndication {
	display: none !important;
}

.hidden {
	display: none;
}

.visually-hidden {
	position: fixed;
	top: -10000px;
	left: -10000px;
}

.half {
	display: inline-block;
	width: 49%;
}

.cdc-logo {
	margin: 5px;
}

.tp-collapsible .chart-data-table {
	margin-top: 0;
	padding: 0;
}

.chart-data-table {
	margin-top: 0 !important;
}

#collapsible4 {
	padding: 0 10px;
	cursor: pointer;
}

.somemore {
	float: right;
	margin-bottom: 10px;
	margin-top: 0;
	border-radius: 3px;
	font-weight: normal;
	line-height: 25px;
}

.somemore span {
	background: #005eaa;
	font-size: 1.5em;
	margin: 0;
	color: #fff !important;
	clear: both;
	display: inline-block;
	padding: 3px 7px;
	text-align: right;
	text-decoration: none !important;
}

.chart-subtitle {
	text-align: center;
	text-transform: none;
	font-size: 16px;
	color: #555;
}

.chart-subtitle:empty {
	margin: 0;
	padding: 0;
}

.c3.loading:before {
	content: "";
	background: white  url( "loading.svg" ) no-repeat center;
	background-size: 30px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	padding-top: 150px;
}


/*
@white: #fff;
@black: #000;
@gray1: #f0f0f0;
@gray2: #e5e5e5;
@gray3: #c0c0c0;
@gray4: #404040;
*/