/*
*  XY Leap less file for reports and dash - used by public and admin :);
*/
.xy-pill {
  display: inline-block;
  color: #fff;
  padding: 3px 4px 1px 5px;
  margin: 2px 3px 2px 0;
  border: 1px solid #fff;
}
.help-btn {
  background-color: #bce8f1;
  color: #3a87ad;
  font-size: 14px;
}
/*
* Dashboard
*/
.dash-genomes .genome {
  margin-top: 35px;
  border-bottom: 2px solid #ea9e12;
  padding-bottom: 10px;
}
.dash-genomes .genome h3 {
  margin-top: 0px;
}
.admin-only {
  background-color: #f0b23f;
  color: #fff;
  font-size: 10px;
  padding: 3px 6px;
  margin-left: 7px;
}
.reportIndex {
  text-align: center;
}
.reportIndex .header {
  margin-bottom: 30px;
}
.reportIndex .header h1 {
  margin-bottom: 4px;
}
.reportIndex .reportTile {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 150px;
  background-color: #fff;
  box-shadow: 0px 4px 35px -2px #c7c1c7;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 10px;
  border-radius: 8px;
}
.reportIndex .reportTile a {
  height: 100%;
  width: 100%;
  display: flex;
}
.reportIndex .reportTile a .glyphicon {
  position: absolute;
  top: 7px;
  right: 9px;
  display: none;
  font-size: 2em;
  color: #d45500;
}
.reportIndex .reportTile a:hover {
  background-color: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}
.reportIndex .reportTile a:hover .glyphicon {
  display: block;
}
.reportIndex .reportTile a button {
  align-self: flex-end;
  margin: 8px;
  font-size: 12px;
}
.reportIndex .reportTile.pharmaSmall .btn {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  border-radius: 5px;
}
.reportIndex .reportTile.pharmaSmall a,
.reportIndex .reportTile.pharmaSmall a:hover,
.reportIndex .reportTile.pharmaSmall a:visited {
  color: #3a87ad;
}
.reportIndex .reportTile.weightLoss {
  background-image: url(../../img/report_tiles/weightLoss.png);
}
.reportIndex .reportTile.performanceSport {
  background-image: url(../../img/report_tiles/performanceSport.png);
}
.reportIndex .reportTile.diabetes {
  background-image: url(../../img/report_tiles/diabetes.png);
}
.reportIndex .reportTile.surgery {
  background-image: url(../../img/report_tiles/surgery.png);
}
.reportIndex .reportTile.smoking {
  background-image: url(../../img/report_tiles/smoking.png);
}
.reportIndex .reportTile.cardiovascularDisease {
  background-image: url(../../img/report_tiles/cardiovascularDisease.png);
}
.reportIndex .reportTile.pediatrics {
  background-image: url(../../img/report_tiles/pediatrics.png);
}
.reportIndex .reportTile.sportsMedicine {
  background-image: url(../../img/report_tiles/sportsMedicine.png);
}
.reportIndex .reportTile.neurosurgery {
  background-image: url(../../img/report_tiles/neurosurgery.png);
}
.reportIndex .reportTile.infectious {
  background-image: url(../../img/report_tiles/infectious.png);
}
.reportIndex .reportTile.pharma {
  background-image: url(../../img/report_tiles/pharma.png);
}
.reportIndex .reportTile.pharmaFamily {
  background-image: url(../../img/report_tiles/pharmaFamily.png);
}
.reportIndex .reportTile.pharmaPrimary {
  background-image: url(../../img/report_tiles/pharmaPrimary.png);
}
.reportIndex .reportTile.pharmaSecondary {
  background-image: url(../../img/report_tiles/pharmaSecondary.png);
}
.reportIndex .reportTile.pharmaTertiary {
  background-image: url(../../img/report_tiles/pharmaTertiary.png);
}
/*
* Drug -> haplotype -> condition table
*/
.drug_table .btn.green {
  background-color: #2ea02e;
  color: #fff;
}
.drug_table .panel-body img {
  width: auto;
  margin-top: auto;
}
.drug_table .panel-title > a {
  color: #000000;
}
.drug_table .panel.drug .panel-heading {
  background-image: none;
}
.drug_table .panel.drug.ph_EM .panel-heading {
  background-color: #bddbbd;
}
.drug_table .panel.drug.ph_RM .panel-heading,
.drug_table .panel.drug.ph_IM .panel-heading,
.drug_table .panel.drug.ph_REM .panel-heading {
  background-color: #f7d89e;
}
.drug_table .panel.drug.ph_URM .panel-heading,
.drug_table .panel.drug.ph_PM .panel-heading,
.drug_table .panel.drug.ph_none .panel-heading,
.drug_table .panel.drug.ph_NM .panel-heading {
  background-color: #f7a4a4;
}
.drug_table .panel.drug .drug-result {
  padding: 5px 7px 5px;
  margin-left: 12px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}
.drug_table .panel.drug .drug-result.ph_EM {
  background-color: #2ea02e;
}
.drug_table .panel.drug .drug-result.ph_RM {
  background-color: #f0b23f;
}
.drug_table .panel.drug .drug-result.ph_IM {
  background-color: #f0b23f;
}
.drug_table .panel.drug .drug-result.ph_REM {
  background-color: #f0b23f;
}
.drug_table .panel.drug .drug-result.ph_PM {
  background-color: #ef4646;
}
.drug_table .panel.drug .drug-result.ph_URM {
  background-color: #ef4646;
}
.drug_table .panel.drug .drug-result.ph_NM {
  background-color: #ef4646;
}
.drug_table .panel.drug .drug-result.ph_outside_range {
  background-color: rgba(46, 160, 46, 0.52);
}
.drug_table .panel.drug .drug-result.ph_none {
  background-color: rgba(255, 255, 255, 0.3);
}
.drug_table .panel.drug .drug-result.drug_red {
  background-color: #ef4646;
}
.drug_table .panel.drug .drug-result.drug_orange {
  background-color: #f0b23f;
}
.drug_table .panel.drug .drug-result.drug_green {
  background-color: #2ea02e;
}
.drug_table .panel.drug .drug-result img {
  height: 14px;
  margin-bottom: 2px;
}
.drug_table .panel.drug .panel.effector.pathway_major .panel-heading,
.drug_table .panel.drug .panel.effector.pathway_major_metabolite .panel-heading,
.drug_table .panel.drug .panel.effector.fda .panel-heading {
  background-color: #ded7d7;
}
.drug_table .panel.drug .panel.effector.pathway_minor .panel-heading,
.drug_table .panel.drug .panel.effector.pathway_minor_metabolite .panel-heading {
  /*					border-bottom: 4px solid @green; */
  background-color: #F5F3F3;
}
.drug_table .panel.drug .panel.effector .pathway-icon {
  margin-right: 3px;
}
.drug_table .panel.drug .panel.effector .pathway-icon.major {
  color: #2ea02e;
}
.drug_table .panel.drug .panel.effector .pathway-icon.minor {
  color: #D8D3C8;
}
.drug_table .panel.drug .panel.effector .metabolite-icon {
  margin-right: 5px;
}
.drug_table .panel.drug .panel.effector .metabolite-icon.toxic {
  color: #000000;
}
.drug_table .panel.drug .panel.effector .metabolite-icon.non-toxic {
  color: #008000;
}
.drug_table .panel.drug .panel.effector img.fda {
  width: 32px;
  margin-bottom: 3px;
}
.drug_table .panel.drug .markers-analyzed {
  text-align: right;
  padding-bottom: 4px;
}
.drug_table .glyphicon-plus {
  float: right;
}
.drug_table tr.passed {
  color: #008000;
}
.drug_table tr.condition.invalid {
  color: #cccccc;
}
.drug_table tr.failed {
  color: #ccc;
}
.drug_table tr.condition.result-positive {
  color: #008000;
}
/* Drug haplotype ctable */
.drug_table tr.condition td {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  font-size: 12px;
}
.drug_table tr.condition td .glyphicon {
  color: inherit;
}
.drug_table tr.condition td:first-child {
  padding-left: 20px;
}
.drug_table tr.condition.valid {
  color: #d7a448;
}
.drug_table .drug_table .panel-body img {
  width: auto;
  height: auto;
  margin-top: 0px;
}
.drug_table .btn.phenotype {
  font-size: 11px;
  margin-left: 12px;
}
/* D table */
.d-table {
  table-layout: fixed;
}
.d-icon {
  height: 34px;
  width: 34px;
  background: pink;
  display: block;
  float: left;
}
.d-icon.d-major {
  background: transparent url('../img/report/d-table/major.png') center center no-repeat;
  background-size: 100%;
}
.d-icon.d-minor {
  background: transparent url('../img/report/d-table/major.png') center center no-repeat;
  background-size: 60%;
  opacity: 0.6;
}
.d-icon.d-major-meta {
  background: transparent url('../img/report/d-table/major_meta.png') center center no-repeat;
  background-size: 100%;
}
.d-icon.d-minor-meta {
  background: transparent url('../img/report/d-table/major_meta.png') center center no-repeat;
  background-size: 60%;
  opacity: 0.6;
}
.d-table col {
  border-right: 3px solid #fff;
}
.d-table .result {
  background-color: rgba(240, 227, 205, 0.8);
}
.no-result {
  background-color: #fff;
}
/*
*   Reports all a bit of a mess down there.. old ...
*/
h2 {
  margin-top: 40px;
}
.overlay .marker.active {
  background-color: orange;
  font-weight: bold;
}
.overlay .right.active:before,
.overlay .left.active:after {
  border-top-color: #ffa500;
}
.scrollToTop {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  padding-top: 5px;
  text-align: center;
  font-weight: 700;
  background-color: #d45500;
  display: none;
  color: #fff;
  text-decoration: none;
}
/* Menu */
.reports_menu div a {
  text-align: center;
  background-color: #ccc;
  display: block;
  padding: 10px 0;
  border: 1px solid #666;
}
.reports_menu div.active a {
  background-color: #fff;
}
.glyphicon-circle-arrow-down,
.glyphicon.red {
  color: red;
}
.glyphicon-circle-arrow-up,
.glyphicon.green {
  color: green;
}
.glyphicon-minus,
.glyphicon.orange {
  color: orange;
}
/*
* Basic report table
*/
.basic_report .q1 {
  color: #ff0000;
}
.basic_report .av {
  color: #ffa500;
}
.basic_report .q4 {
  color: #008000;
}
/*
* Insight stuff
* these should be used standard across the reports
*/
.insights {
  border: 1px solid #EE8A22;
  padding: 0 30px 30px;
  border-radius: 20px;
}
.insights h2,
.insights h3 {
  color: #d45500;
  border-bottom: solid 1px #d45500;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.insights h3 {
  margin-bottom: 20px;
}
.insight_wrap {
  padding-bottom: 12px;
}
.insight {
  padding: 8px 13px 9px;
  margin-bottom: 12px;
  border: 1px solid #99c9db;
  font-size: 17px;
}
.insight .insight_head {
  font-size: 23px;
}
.insightText {
  background: #f8f8f8;
  padding: 10px;
  border-radius: 0 0 5px 5px;
  font-style: italic;
  font-size: 18px;
}
.insight.q4 {
  color: #d82a2a;
}
.insight.q4 span.insight_title_glyp:before {
  content: "\e093";
}
.insight.av {
  color: orange;
}
.insight.av span.insight_title_glyp:before {
  content: "\e092";
}
.insight.q1 {
  color: #72b2d6;
}
.insight.q1 span.insight_title_glyp:before {
  content: "\e094";
}
.insight_ext {
  display: block;
  color: #333;
  background-color: rgba(183, 214, 241, 0.3);
  border: 1px solid #99c9db;
  padding: 15px 18px 10px;
  margin-top: 10px;
  font-size: 14px;
}
.insight_ext_toggle {
  float: right;
  font-size: 14px;
}
.alignR {
  text-align: right;
}
.percent {
  border: 1px solid #ff6600;
  padding: 15px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 42px;
  border-radius: 10px;
  color: #ff6600;
}
.insights .bigger .percent {
  border: 1px solid green;
  color: green;
}
.pmid_wrap {
  margin-top: 20px;
  border: 1px solid #ccc;
  padding: 10px 15px 15px;
  border-radius: 10px;
}
.pmid_wrap a.get_pmids,
.pmid_wrap a.get_map_pmids {
  margin-right: 10px;
  margin-bottom: 10px;
}
.pmid_wrap a.get_pmids.selected {
  background-color: #d45500;
  color: #fff;
}
.get_pmids {
  margin-bottom: 10px;
}
/* to clean up*/
.chart {
  height: 400px;
  text-align: center;
  margin: 50px 0 50px 0;
}
.donut {
  height: 150px;
  width: 150px;
  margin: 150px auto 0 auto;
}
.injury_risk {
  width: 600px;
  height: 800px;
  margin: 0 auto;
}
.dl-horizontal dt {
  width: 275px;
}
.dl-horizontal dd {
  margin-left: 300px;
}
/* Injury */
#figure {
  height: 600px;
  position: relative;
  background: url(/img/report/skel.png) top center no-repeat;
}
/* report plate */
#plate {
  height: 550px;
  background: url(../../../img/report/plate.png) center top no-repeat;
  position: relative;
}
/* recovery clock */
#clock {
  height: 600px;
  position: relative;
  background: url(/img/report/clock.png) center 60px no-repeat;
}
#optimised {
  height: 350px;
  position: relative;
  background: url(/img/report/performance.png) center 60px no-repeat;
}
#travel {
  height: 350px;
  position: relative;
  background: url(/img/report/plane.png) center 60px no-repeat;
}
/* Markers for image overlays */
.left .icon,
.right .icon {
  background-color: red;
  padding: 7px;
  top: 0px;
  position: absolute;
}
.left .icon {
  left: -28px;
  border-radius: 5px 0 0 5px;
}
.right .icon {
  right: -28px;
  border-radius: 0 5px 5px 0 ;
}
.overlay .marker {
  position: absolute;
  background-color: #ff6600;
  font-size: 15px;
  color: #fff;
  padding: 6px;
  cursor: pointer;
  cursor: hand;
}
.overlay .marker.current {
  background-color: red;
}
.overlay .left:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 32px solid #ff6600;
  border-bottom: 30px solid transparent;
  border-left: 0px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  top: 0;
  right: -30px;
}
.overlay .right:before {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 32px solid #ff6600;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
  border-right: 0px solid transparent;
  position: absolute;
  top: 0;
  left: -30px;
}
.overlay .current.left:after {
  border-top: 32px solid red;
}
.overlay .current.right:before {
  border-top: 32px solid red;
}
.overlay .insight {
  display: none;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
  margin-bottom: 10px;
}
.overlay .insightTag {
  position: absolute;
  background-color: red;
  color: #fff;
  font-size: 11px;
  padding: 3px 6px;
  top: -12px;
}
/* profile */
/*.ancestry .checkbox {
    background-color: #fff;
    padding: 10px 20px 10px 40px;
    min-height: 60px;
    display: inline-block;
    width: 30%;

} */
.ancestry .checkboxx input {
  margin-left: 15px;
}
/* new sections */
.report {
  margin-bottom: 30px;
}
section.report {
  padding-bottom: 20px;
}
section.report h2 {
  font-weight: 700;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #fff;
}
section.report .insights,
section.report .box {
  border: 1px solid #f0b23f;
  border-radius: 20px;
  background-color: #fff;
  padding: 0 25px 25px 25px;
  margin-bottom: 25px;
}
section.report .insights h3,
section.report .box h3 {
  color: #d45500;
  border-bottom: solid 1px #d45500;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
section.pretty {
  border-radius: 30px;
  background-color: #ea9e12;
  padding-left: 15px;
  padding-right: 15px;
}
/* DNAex report */
/*.dnaex section {
  margin-top: -60px;
  padding-top: 80px;
}

.dnaex {
    margin-top: 30px;
}

.dnaex h2 {
    color:#EE8A22;
    margin-bottom: 30px;
}

.dnaex h1 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    border: 0px;
}

.dnaex h2, .dnaex h3 {
    text-transform: capitalize;
    margin-top: 20px;
}

.dnaex_report_rhs .menu {
  padding: 0px;
  margin: 0px;
}

.dnaex_report_rhs .insight_ext ul, .dnaex_report_rhs .insight_ext ol  {
    padding-left: 20px;
}

.dnaex_report_rhs .menu li {
  display: block;
  margin-bottom: 15px;
}

.dnaex_report_rhs li.active {
    font-weight: 700;
    background-color: #EE8A22;
    color: #fff;
    border-color: #d45500;
}*/
/* insights on partner */
.partner_default_insight,
.xy_insight_ext {
  margin-top: 10px;
  margin-bottom: 3px;
  padding: 10px 10px 10px 100px;
  border: 1px solid #ccc;
  font-size: 14px;
  min-height: 80px;
}
.partner_default_insight {
  background: url(/img/partners/dnaex-logo.gif) 10px 10px no-repeat;
  background-size: 80px 60px;
}
.xy_insight_ext {
  background: url(/img/xy_logo_small.svg) 10px 10px no-repeat;
  background-size: 80px 60px;
}
/* D table */
.d-table {
  table-layout: fixed;
}
.d-icon {
  height: 34px;
  width: 34px;
  background: pink;
  display: block;
  float: left;
}
.d-icon.d-major {
  background: transparent url('../../img/report/d-table/major.png') center center no-repeat;
  background-size: 100%;
}
.d-icon.d-minor {
  background: transparent url('../../img/report/d-table/major.png') center center no-repeat;
  background-size: 60%;
  opacity: 0.6;
}
.d-icon.d-major-meta {
  background: transparent url('../../img/report/d-table/major_meta.png') center center no-repeat;
  background-size: 100%;
}
.d-icon.d-minor-meta {
  background: transparent url('../../img/report/d-table/major_meta.png') center center no-repeat;
  background-size: 60%;
  opacity: 0.6;
}
.d-table col {
  border-right: 3px solid #fff;
}
.d-table .result {
  background-color: rgba(240, 227, 205, 0.8);
}
.no-result {
  background-color: #fff;
}