/*
@media (min-width: 900px) { 
        body { font-size:20px; } 
} 
@media (max-width: 899px) { 
        body { font-size:18px; } 
}
@media (max-width: 400px) { 
        body { font-size:16px; } 
}
*/

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon-regular-webfont.eot');
    src: url('../fonts/karbon-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-regular-webfont.woff') format('woff'),
         url('../fonts/karbon-regular-webfont.ttf') format('truetype'),
         url('../fonts/karbon-regular-webfont.svg#karbonregular') format('svg');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon-medium-webfont.eot');
    src: url('../fonts/karbon-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-medium-webfont.woff') format('woff'),
         url('../fonts/karbon-medium-webfont.ttf') format('truetype'),
         url('../fonts/karbon-medium-webfont.svg#karbonmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon-bold-webfont.eot');
    src: url('../fonts/karbon-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-bold-webfont.woff') format('woff'),
         url('../fonts/karbon-bold-webfont.ttf') format('truetype'),
         url('../fonts/karbon-bold-webfont.svg#karbonbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
body {
	margin:0;
	font-family:'Karbon', Arial, Helvetica, sans-serif; 
	font-size: 20px;
}

html {
	width: 100%;
	height: 100%;
	margin: 0px;
}

.bio-color
{
    color: rgb(14, 92, 128);
}

.non-bio-color{
    color: rgb(32, 160, 220);
}

span.bio-patients{
    font-size: 110px;
    display: inline-block;
    vertical-align: middle;
}

span.non-bio-patients{
    font-size: 60px;
    display: inline-block;
    vertical-align: middle;
}

span.chart-desc{
    display: inline-block;
    width: 180px;
}

span.util-percent{
    font-size: 40px;
}

.list-group-item
{
    border: none;
}

.list-group-item .big-number{
    font-size: 60px;
}

.list-group-item .sub-text{
    margin-left: 35px;
}

.list-group.text-indent p{
    margin-left: 30px;
}

.list-group.text-indent img {
    height: 40px;
}

.list-group-item .label{
    vertical-align: top;
    margin-top: 8px;
    display: inline-block;
}

.label.remicade{
    background-color: #dfad48;
}

.label.simponi{
    background-color: #20a0dc;
}

.label.subcutaneous{
    background-color: #82bc46;
}

.label.ivbiologics{
    background-color: #5d2e81;
}

.row.header-data span
{
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.summary-first th, .summary-first td{
    font-size: 12px;
    font-weight: normal;
}

.glyphicon-ok
{
    color: #005c82;
}

.axis path,
.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.pieChart .slice text {
	font-size: 1.1em;
	font-family: Arial;
}

.pieChart .slice path {
	stroke: #eef3f7;
	stroke-width:5px;
}

.legend-table td{
    border: none !important;
    text-align: right;
}

.legend-table td img{
   height: 25px;
   width: 25px;
}

.lineGraph {
	fill:#005c82;
}

.lineGraph .axis path,
.lineGraph .axis line {
	stroke: #acb0b4;
}

.lineGraph .y.axis path {
	display: none;
}

.lineGraph .x.axis text {
	text-anchor:start !important;
}

.lineGraph .x.axis text.axis_header, .lineGraph .y.axis text.axis_header {
	text-anchor:middle !important;	
	font-size: 1.2em;
}

.lineGraph .line {
	fill: none;
	stroke: #00a0df;
	stroke-width: 2px;
}
.lineGraph .line.remicade {
	stroke: #e1ad40;
}
.lineGraph .overlay {
	fill: none;
	pointer-events: all;
}

.lineGraph .focus circle {
	fill: none;
	stroke: steelblue;
}

.lineGraph .axis path,
.lineGraph .axis line {
	stroke-width: 1;
}

.barGraph {
	fill:#4e5054;
	font-size: 0.8em;
}

.barGraph.large {
	font-size: 1.4em;
}

.barGraph .bar {
	fill: steelblue;
}

.barGraph .x.axis path, .barGraph .y.axis path{
	display: none;
}

.barGraph .x.axis text.axis_header {
	text-anchor:start !important;	
}

.barGraph .y.axis text.axis_header {
	text-anchor:middle !important;	
}

.barGraph .x.axis text.axis_header {
	font-size: 1em;	
}

.barGraph text.columnText {
	font-size: 1.2em;
	fill:#4E5054;	
}

th.set-width{
    width: 175px;
}

.float-right{
    float: right;
}

td.right-border{
    border-right: 8px solid #fff;
}

tbody.no-border-sep{
    background-color: #f5f5f5;

}

tbody.no-border-sep tr td{
    border-top: none !important;
}

tr.align-top th, img.align-top{
    vertical-align: top !important;
}

tr.no-border-bottom th{
    border-bottom: none !important;
}

tr.no-border th{
    border-top: none !important;
    border-bottom: none !important;
}

img.align-top {
    margin-top: 6px;
}

.row.bold-headers span{
    font-weight: bold;
}

.align-right{
    text-align: right;
}

.gantChart {
	width: 1040px;
    height: 100%;
    margin: 0 0 0 25px;
	fill: #005C82;
	background-color: #EEF4F7;
}
.gantChart .axis path,.gantChart .axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.gantChart .x.axis path, .gantChart .y.axis path{
	display: none;
}

.gantChart .x.axis text, .gantChart .y.axis text {
	text-anchor:start !important;
}

.gantChart .x.axis text {
	font-size: 0.9em;	
}

.gantChart text.axis_header {
	text-anchor:middle;	
	font-size: 1.2em;
}

.gantChart .y.axis text {
	fill:#4E5054;
}

.gantChart .bar {
	fill: #33b5e5;
}
 
.gantChart .bar-simponi {
	fill: #00a0df;
}
 
.gantChart .bar-remicade {
	fill: #e1ad40;
}

.gantChart .bar-subcutaneous {
	fill: #85bb3d;
}
 
.gantChart .bar-additionalrem {
	fill: #df5400;
}

.gantChart .bar-additionalsimp {
	fill: #ee82ee;
}
.gantChart .bar-prepost {
	fill: #b7b7b7;
}

.gantChart .bar-other {
	fill: #a300df;
}

.gantChart .spacer {
	height: 24px;
	width:100%;
	background-color:#fff;
}

.gantChart .chart{
    border-top: 20px solid #fff;
      margin-bottom: 15px;
}

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}