﻿@font-face {
  font-family: 'Hidden';
  src: url('fonts/hide1.eot');
  src: url('fonts/hide1.woff') format('woff'), url('fonts/hide1.ttf') format('truetype'), url('fonts/hide1.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.blur {
    -webkit-filter:blur(2px);
    -moz-filter:blur(2px);
    -o-filter:blur(2px);
    filter: blur(2px);

    color: rgba(0,0,0,0.4);
    font-family: Hidden;
    font-size: 1.2em;
}




.reportTableWrapper{
    overflow-x:auto;
}

.reportTableWrapper .header-sort {
cursor:default;
}
.reportTable tbody tr td:nth-child(3) {
    color:rgba(0,0,0,0.4);/*historical data column*/
}

.header-sort span.ui-icon-carat-2-n-s {
    display:none;
}

.basicInfo {
    margin-top: 1em;
    font-size: 1em;
}
.basicInfo  p{
    color:#4F81BD;
    font-style:italic;
    clear:both;
}
.basicInfo span{
    clear:both;
    display:inline-block;
}
.basicInfo ul{
    list-style-type:none;
}

.basicInfo ul li:before{
    content:"\f105";
    font-family:FontAwesome;
    margin-right:0.7em;
    margin-left:-1.2em;
    color:#4F81BD;
}
.quickBox, .quickBox2 {
    margin-top: 1em;
    width: 23%;
    float: right;
}
.quickBox {
    border: 1px solid #EEE;
    border-radius:4px;
    padding:0.2em;   
}
.quickBox span{
    display:block;
    text-align:center;
    margin-top:0.4em;
}
.quickBox .qbHeader{
    color:#4F81BD;
    font-weight:normal;
}
.quickBoxTitle {
font-weight:bold;
}
.quickBox2 {
    text-align: center;
    font-weight: bold;
}

.coreData {
    margin: 1em 1em 0em 1em;
}
.summary {
    margin-left: 1em;
    margin-right: 1em;
}
.drugimg{
    height:1.1em;
    margin-left:1em;
    margin-right:-0.8em;
    float:right;
}
.summaryPoints {
    float:left;
    line-height: 1.3;
    margin-top:0.5em;
    border-radius:4px;
    padding:0.8em 0.8em 0.8em 1.5em;
    background:rgba(246, 247, 208, 0.4);
    border:thin solid rgba(246, 247, 208, 0.9);
}
.summaryPoints li {
    padding: 0.2em;  
}

.mainText {
    font-size: 1.2em;
}
.changeBox {
    margin-top: 1em;
    margin-bottom:2em;
   overflow-x:auto;
}
.recentChanges {
    width: 100%;
    box-sizing: border-box; 
    padding: 0.2em;
    font-size: 1.1em;
    margin-bottom: 0.5em;
    border-collapse: collapse;
    white-space: nowrap;
}
.recentChangesQuick {
    text-align: center;
    width: 100%;
    line-height: 1.4em;
    /*padding: 0em 0 0.5em 1em;*/
}
.recentChangesQuick td{
    background:rgba(79, 129, 189, 0.1);
    border-radius:3px;
}
.recentChanges tr {
    line-height: 1.5em;
}
.recentChanges td {
     width: 8em;
}
.recentChanges td:nth-child(2n+1){
    border-right:thin dashed #ddd;
}
.recentChanges td:nth-child(even){
    padding-left:1em;
}
.recentChanges th {
    /*width: 14.5%;*/
     border-bottom:thin solid #ddd;
     text-align:center;
}
.recentChanges tr td,.recentChanges tr th{
    padding-left:0.2em;
}
.recentChanges tbody td:first-child {
    font-weight: bold;
    text-align: left;
    padding-left: 0.2em;
}
.pb, .pr {
    font-size: 1em;
}

.recentChanges .pb::before, .recentChangesQuick .pb:before, .salesTable .pb:before {
    content:"\f062";
    font-family:"FontAwesome";
    margin-right: 0.2em;
}
.recentChanges .pr::before, .recentChangesQuick .pr:before, .salesTable .pr:before {
    content:"\f063";
    font-family:"FontAwesome";
    margin-right: 0.2em;
}
.daviewBox {
    line-height: 1.4em;
    text-align: justify;
    margin-top: 0.5em;
    margin-bottom:1.5em;
    font-size: 1.1em;
}
.keyPatents {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.keyPatents td {
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 0.2em 1em;
}
.devPhase i {
    margin-right: 1em;
    cursor: default;
}
.salesBox{
    overflow-x:auto;
    margin-bottom:2em;
    margin-top:1em;
}
.salesTable, .actualsTable {
    width: 100%;
    line-height: 1.5em;
    border-collapse: collapse;
}
.salesTable {
    font-size: 1.1em;
}
.salesTable tbody tr td {
   font-weight:normal;
   border-bottom: 1px dashed #DDD;
   line-height: 1.7em;
}
.salesTable tbody tr td.chartClick:hover{
    text-decoration:underline;
}
.actualsTable {
    margin-top: 0.5em;
    white-space:nowrap;
}
.actualsTable th {
    border-bottom: 1px solid #DDD;
}
.actualsTable tbody tr td {
    border-bottom: 1px dashed #DDD;
    padding-bottom:0.2em;
}
.salesTable th {
    width: 14.2%;
    border-bottom:1px solid #ddd;
    white-space:nowrap;
}
.salesTable td {
    border-right:1px dashed #ddd;
}
.salesTable td,.salesTable th{
   padding-right:0.5em;
}
.actualsTable tr td,
.actualsTable tr th{
    text-align:right;
    padding-right:0.5em;
}
 .recentChanges tr td, .actualsTable tr td:last-child,
 .recentChanges tr th,.actualsTable tr th:last-child{
    padding-right:0.2em;
}
.salesTable tr td, .actualsTable tr td:last-child,
.salesTable tr th, .actualsTable tr th:last-child{
    text-align:right;
}
.recentChanges tr td {
    border-bottom: 1px dashed #DDD;
}
.salesTable tr:nth-child(2), .salesTable tr:nth-child(3), .salesTable tr:nth-child(4) {
    font-size: 0.9em;
}
.salesTable tr td:first-child {
    text-align: left;
    font-weight: bold;
}
.consensusChart {
    margin-top: 1em;
}
#chartNav {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}
.navButton {
    display: inline-block;
    padding: 0.4em 0.8em;
    font-weight: bold;
    border-radius: 20px;
    border: 2px solid black;
    cursor: pointer;
    color: #000;
    margin:0.1em 0.4em 0.1em 0.1em;
}
.heatNA:after {
    content:"*";
}
.heat1 {
    background: rgba(0, 128, 255, 0.1);
}
.heat2 {
    background: rgba(0, 128, 255, 0.15);
}
.heat3 {
    background: rgba(0, 128, 255, 0.2);
}
.heat4 {
    background: rgba(0, 128, 255, 0.25);
}
.heat5 {
    background: rgba(0, 128, 255, 0.3);
}
.heat6 {
    background: rgba(0, 128, 255, 0.35);
}
.heat7 {
    background: rgba(0, 128, 255, 0.4);
}
.heat8 {
    background: rgba(0, 128, 255, 0.45);
}
.heat9 {
    background: rgba(0, 128, 255, 0.5);
}
.heat10 {
    background: rgba(0, 128, 255, 0.5);
}
.heat-1 {
    background: rgba(255, 0, 0, 0.1);
}
.heat-2 {
    background: rgba(255, 0, 0, 0.15);
}
.heat-3 {
    background: rgba(255, 0, 0, 0.2);
}
.heat-4 {
    background: rgba(255, 0, 0, 0.25);
}
.heat-5 {
    background: rgba(255, 0, 0, 0.3);
}
.heat-6 {
    background: rgba(255, 0, 0, 0.35);
}
.heat-7 {
    background: rgba(255, 0, 0, 0.4);
}
.heat-8 {
    background: rgba(255, 0, 0, 0.45);
}
.heat-9 {
    background: rgba(255, 0, 0, 0.5);
}
.heat-10 {
    background: rgba(255, 0, 0, 0.5);
}
.patentHigh {
    background: rgba(0, 255, 0, 0.1);
}
.patentMid {
    background: rgba(255, 128, 0, 0.1);
}
.patentLow {
    background: rgba(255, 0, 0, 0.1);
}
.patentNone {
    background: rgba(255, 0, 0, 0.5);
}

/*#region RESPONSIVE */
@media (max-width: 480px) { /*(min-width:320px)and */
    /* smartphones, iPhone, portrait 480x320 phones */
/*body {background:peru;}*/
.quickBox,.quickBox2 {
    width: 100%;
    float: left;
}
.basicInfo {
    width: 100%;
}
.salesTable th, .recentChanges th{
    font-family:'Arial Narrow', 'Nimbus Sans L', sans-serif;
    font-size:0.9em;
}
.salesBox, .changeBox{
     width: 100%;
}
}
@media (min-width:481px)and (max-width: 640px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
/*body { background:lightyellow;}*/
.quickBox, .quickBox2 {
    width: 100%;
    float: left;
}
.basicInfo {
    width: 100%;
}
}
@media (min-width:641px)and (max-width: 960px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
/*body {background:pink;}*/
.quickBox {
    width: 70%;
    float: left;
}
.quickBox2{
    float:right;
    width: 28%;
}
.basicInfo {
    width: 100%;
}
}
@media (min-width:961px)and (max-width: 1024px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    /*body{ background:lightblue;}*/
}
@media (min-width:1025px)and (max-width: 1280px) {
    /* big landscape tablets, laptops, and desktops */
    /*body{background:#C1DBA9;}*/
  /*lightgreen*/
}
@media (min-width:1281px) {
    /* hi-res laptops and desktops */
     /*body{background:#D4A9DB;}*/
  /*purple*/
}


/*#endregion */