/* Font Sizing */

.table-score {
  display: inline-block;
    margin: 0 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: white;
    font-size: 18;
    font-weight: 700;
}

.tier1-table-score {
    background-color: #0f2a8f;
    fill: #0f2a8f;
}

.tier2-table-score {
    background-color: #2f5492;
    fill: #2f5492;
}

.tier3-table-score {
    background-color: #527f9e;
    fill: #527f9e;
}

.tier4-table-score {
    background-color: #7e888a;
    fill: #7e888a;
}

.ar-table-score {
    background-color: #7C5F2C;
    fill: #7C5F2C;
}

.text-gene-title {
  font-size: 60px;
  margin: 0px;
  font-weight: 100 !important;
}
.tbborder {
    border-right: 1px solid lightgray;
}
/* Misc Positioning */
.gene-nav-links {
  margin-top: 10px;
}
.margin-bottom-none {
  margin-bottom: 0px;
}
.padding-none {
  padding: 0px;
}
.padding-bottom {
  padding-bottom: 10px;
}
.padding-top {
  padding-top: 10px;
}
.panel-heading {
  padding: 8px;
}
.panel-title {
    margin: 0px !important;
    font-size: 20px !important;
}
.btn-tier1 {
    color: white;
    background-color: #0f2a8f;
    border-color: #0f2a8f;
}
.btn-tier1:hover, .btn-tier1:focus, {
    color: black !important;
    background-color: lightgray !important;
    border-color: black !important;
}
.btn-tier2 {
    color: white;
    background-color: #2f5492;
    border-color: #2f5492;
}
.btn-tier3 {
    color: white;
    background-color: #527f9e;
    border-color: #527f9e;
}
.btn-tier4 {
    color: white;
    background-color: #7e888a;
    border-color: #7e888a;
}
.btn-ar {
    color: white;
    background-color: #7C5F2C;
    border-color: #7C5F2C;
}
/* Tier UI Colors */
.badge.ui-tier1 {
  background-color: #0f2a8f !important;
}
.badge.ui-tier2 {
  background-color: #2f5492 !important;
}
.badge.ui-tier3 {
  background-color: #527f9e !important;
}
.badge.ui-tier4 {
  background-color: #7e888a !important;
}
.badge.ui-ar {
  background-color: #7C5F2C !important;
}
.badge.ui-sing {
  background-color: #17CFBF !important;
}
.badge.ui-smis {
  background-color: #7a49a5 !important;
}
.badge.ui-slof {
  background-color: #CF1727 !important;
}
.badge.gene-score {
  background-color: #33cccc !important;
}
.badge.sfari-score0,  .badge.sfari-score {
  background-color: #a0aec0 !important;
    margin-left: 8px;
    width: 60px;
}
.badge.sfari-score1 {
  background-color: #ff7631 !important;
    margin-left: 8px;
    width: 60px;
}
.badge.sfari-score2 {
  background-color: #ffb100 !important;
    margin-left: 8px;
    width: 60px;
}
.badge.sfari-score3 {
  background-color: #e8e328 !important;
    margin-left: 8px;
    width: 60px;
}
.badge.sfari-scoreS {
  background-color: #dc2641 !important;
    margin-left: 8px;
    width: 60px;
}

.sfari-table-score0,  .sfari-table-score {
    background-color: #a0aec0 !important;
    // border: medium solid #a0aec0 !important;
    fill: #a0aec0 !important;
    vertical-align: top !important;
    line-height: 30px;
    font-weight: 700;
    margin-left: 8px;
}
.sfari-table-score1 {
    background-color: #ff7631 !important;
    color: white;
    // border: medium solid #ff7631 !important;
    fill: #ff7631 !important;
    vertical-align: top !important;
    font-weight: 700;
    margin-left: 8px;
}
.sfari-table-score2 {
    background-color: #ffb100 !important;
    // border: medium solid #ffb100 !important;
    fill: #ffb100 !important;
    vertical-align: top !important;
    line-height: 30px;
    font-weight: 700;
    margin-left: 8px;
}
.sfari-table-score3 {
    background-color: #e8e328 !important;
    // border: medium solid #e8e328 !important;
    fill: #e8e328 !important;
    vertical-align: top !important;
    line-height: 30px;
    font-weight: 700;
    margin-left: 8px;
}
.sfari-table-scoreS {
    background-color: #dc2641 !important;
    // border: medium solid #dc2641 !important;
    fill: #dc2641 !important;
    vertical-align: top !important;
    line-height: 30px;
    font-weight: 700;
    margin-left: 8px;
}

.badge.sig-gene-score {
  background-color: #cc0000 !important;

}
.badge.hi-score-high {
  background-color: #cc0000 !important;
    width: 60px;
}
.badge.hi-score-low {
  background-color: #38a169 !important;
    width: 60px;
}
.badge.pli-score-high {
    background-color: #cc0000 !important;
    vertical-align: top !important;
    margin-left: 8px;
    width: 60px;
}
.badge.pli-score-med {
    background-color: #F5B041 !important;
    vertical-align: top !important;
    margin-left: 8px;
    width: 60px;
}
.badge.pli-score-low {
    background-color: #38a169 !important;
    vertical-align: top !important;
    margin-left: 8px;
    width: 60px;
}
.badge.loeuf-score-high {
    background-color: #cc0000 !important;
    vertical-align: top !important;
    margin-left: 8px;
    width: 60px;
}
.badge.loeuf-score-low {
    background-color: #38a169 !important;
    vertical-align: top !important;
    margin-left: 8px;
    width: 60px;
}
.badge.gencc-definitive, .badge.gencc-Definitive {
    background-color: #276749 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-strong, .badge.gencc-Strong {
    background-color: #38a169 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-moderate, .badge.gencc-Moderate {
    background-color: #68d391 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-supportive, .badge.gencc-Supportive {
    background-color: #63b3ed !important;
    vertical-align: top !important;
text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-limited, .badge.gencc-Limited {
    background-color: #fc8181 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-disputed, .badge.gencc-Disputed {
    background-color: #e53e3e !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-refuted, .badge.gencc-Refuted {
    background-color: #9b2c2c !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-animal, .badge.gencc-Animal {
    background-color: #f6ad55 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.gencc-unknown,.badge.gencc-Unknown {
    background-color: #a0aec0 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}

.gencc-table-definitive, .gencc-table-Definitive {
    background-color: #276749 !important;
    fill: #276749 !important;
    //border: thin solid #276749 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}
.gencc-table-strong, .gencc-table-Strong {
    background-color: #38a169 !important;
    fill: #38a169 !important;
    //border: thin solid #38a169 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}
.gencc-table-moderate, .gencc-table-Moderate {
    background-color: #68d391 !important;
    fill: #68d391 !important;
    //border: thin solid #68d391 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}
.gencc-table-supportive, .gencc-table-Supportive {
    background-color: #63b3ed !important;
    fill: #63b3ed !important;
    //border: thin solid #63b3ed !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.gencc-table-limited, .gencc-table-Limited {
    background-color: #fc8181 !important;
    fill: #fc8181 !important;
    //border: thin solid #fc8181 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.gencc-table-disputed, .gencc-table-Disputed {
    background-color: #e53e3e !important;
    fill: #e53e3e !important;
    //border: thin solid #e53e3e !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.gencc-table-refuted, .gencc-table-Refuted {
    background-color: #9b2c2c !important;
    fill: #9b2c2c !important;
    //border: thin solid #9b2c2c !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.gencc-table-animal, .gencc-table-Animal {
    background-color: #f6ad55 !important;
    fill: #f6ad55 !important;
    //border: thin solid #f6ad55 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}
.gencc-table-unknown, .gencc-table-Unknown {
    background-color: #a0aec0 !important;
    fill: #a0aec0 !important;
    //border: thin solid #a0aec0 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}


.cg-table-definitive, .cg-table-Definitive {
    background-color: #276749 !important;
    fill: #276749 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.cg-table-strong, .cg-table-Strong {
    background-color: #38a169 !important;
    fill: #38a169 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.cg-table-moderate, .cg-table-Moderate {
    background-color: #68d391 !important;
    fill: #68d391 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.cg-table-limited, .cg-table-Limited {
    background-color: #fc8181 !important;
    fill: #fc8181 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.cg-table-disputed, .cg-table-Disputed {
    background-color: #e53e3e !important;
    fill: #e53e3e !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.cg-table-refuted, .cg-table-Refuted {
    background-color: #9b2c2c !important;
    fill: #9b2c2c !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}
.cg-table-unknown, .cg-table-Unknown {
    background-color: #a0aec0 !important;
    fill: #a0aec0 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}

.badge.cg-definitive, .badge.cg-Definitive {
    background-color: #276749 !important;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.cg-strong, .badge.cg-Strong {
    background-color: #38a169 !important;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.cg-moderate, .badge.cg-Moderate {
    background-color: #68d391 !important;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.cg-limited, .badge.cg-Limited {
    background-color: #fc8181 !important;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.cg-disputed, .badge.cg-Disputed {
    background-color: #e53e3e !important;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.cg-refuted, .badge.cg-Refuted {
    background-color: #9b2c2c !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}
.badge.cg-unknown, .badge.cg-Unknown {
    background-color: #a0aec0 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    margin-left: 8px;
}

.badge.ddg2p-confirm {
    background-color: #38a169 !important;
    text-transform: capitalize;
    color: white;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.ddg2p-probable {
    background-color: #F5B041 !important;
    text-transform: capitalize;
    color: white;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.ddg2p-possible {
    background-color: red !important;
    text-transform: capitalize;
    color: white;
    vertical-align: top !important;
    margin-left: 8px;
}
.badge.ddg2p-unknown {
    background-color: #a0aec0 !important;
    vertical-align: top !important;
    text-transform: capitalize;
    color: white;
    margin-left: 8px;
}

.ddg2p-table-definitive, .ddg2p-table-Definitive {
    background-color: #276749 !important;
    fill: #276749 !important;
    //border: thin solid #276749 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}

.ddg2p-table-strong, .ddg2p-table-Strong {
    background-color: #38a169 !important;
    fill: #38a169 !important;
    //border: thin solid #38a169 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}

.ddg2p-table-moderate, .ddg2p-table-Moderate {
    background-color: #68d391 !important;
    fill: #68d391 !important;
    //border: thin solid #68d391 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}

.ddg2p-table-limited, .ddg2p-table-Limited {
    background-color: #fc8181 !important;
    fill: #fc8181 !important;
    //border: thin solid #fc8181 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    vertical-align: top !important;
    padding: 0px 8px;
    text-transform: capitalize;
    font-weight: 300;
    margin-left: 8px;
}

/* original */
.ddg2p-table-confirmed {
    background-color: #ab47ac !important;
    fill: #ab47ac;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 0px 8px;
    vertical-align: top !important;
    color: white;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}
.ddg2p-table-probable {
    background-color: #F5B041 !important;
    fill: #F5B041;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 0px 8px;
    vertical-align: top !important;
    color: white;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}
.ddg2p-table-possible {
    background-color: red !important;
    fill: red;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 0px 8px;
    //border: thin solid red !important;
    vertical-align: top !important;
    color: white;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}
.ddg2p-table-unknown {
    background-color: #a0aec0 !important;
    fill: #a0aec0;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 0px 8px;
    //border: thin solid #a0aec0 !important;
    vertical-align: top !important;
    color: white;
    font-weight: 300;
    margin-left: 8px;
    text-transform: capitalize;
}

.badge.hi-score-low, .badge.hi-score-high, .badge.sig-gene-score, .badge.gene-score, .badge.ui-ar, .badge.ui-tier4, .badge.ui-tier3, .badge.ui-tier2, .badge.ui-tier1 {
vertical-align: top !important;
margin-left: 8px;
}

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

/* Code to properly format floating table headers */
body {
    margin: 0 auto;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
table {
    border: 0;
    padding: 0;
    margin: 0 0 20px 0;
    border-collapse: collapse;
}
th {
    padding: 5px;
    /* NOTE: th padding must be set explicitly in order to support IE */
    font-weight: bold;
    line-height: 2em;
    background-color: #FFF;
}
tbody td {
    padding: 10px;
    line-height: 1.43rem;  /* 18px */
    border-top: 1px;
}
td:first-child, th:first-child {
    text-align: left;
}
/* To put space between the buttons on the main page */
button {
  margin-right: 0;
}
/* To add space between the bottom of the drop-down menu and the top of the table on the ind. genes pages */
#show-hide-menu {
  margin-bottom: 2%;
}
/* To adjust the size of the search box and button at the top of the individual genes pages */
#page-jump,
#page-jump-button,
  font-size: 14px;
}
/* Align main page figure column header and tier column header to the left */
.data-sort-figure {
  text-align: left;
}
/* Set the colors of the boxes in the main page legend (in figure column header) */
.legend-design {
  margin-bottom: 0px;
}
.legend-color {
  width: 11px;
  height: 11px;
  display: inline-block;
}
#legend-id {
  background-color: #1b9e77;
}
#legend-asd {
  background-color: #d95f02;
}
#legend-ep {
  background-color: #7570b3;
}
#legend-adhd {
  background-color: #e7298a;
}
#legend-scz {
  background-color: #66a61e;
}
#legend-bd {
  background-color: #e6ab02;
}
/* Set spacing between items in main page figures column header legend */
.space-span,
.space-span-id,
.space-span-asd,
.space-span-ep,
.space-span-adhd,
.space-span-scz,
.space-span-bd {
  margin-left: 0.6em;
  margin-right: 0.6em;
}
/* Horizontally center the figures on the gene detail pages (for cases with small screen sizes) */
.graph-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
label {
  font-weight: normal !important;
}
.new-cases {
  color: gray !important;
}
.new-genes {
  color: black !important;
}
.gene-tray-enter-active {
  transition: all 1s ease;
}
.gene-tray-leave-active {
  transition: all 1s ease;
}
.gene-tray-enter, .gene-tray-leave-active {
  transform: 1s;
  opacity: 0;
}
input[type=checkbox] {
    font-size: x-large;
    vertical-align: top;
    margin-top: 3px; /* change to center it */
}
/* Remove space between rows in tables of filter options (checkboxes) */
.dfl {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #sort-info {
    margin-top: 1%;
    float: left !important;
  }
  .hide-show,
  #hide-all,
  #show-all {
    margin-bottom: 1%;
  }
  #export-detail-table,
  #detail-filter-button {
    margin-bottom: 1%;
  }
}
@media (min-width: 768px) {
  .sort-inst {
    display: none;
  }
  #sort-info {
    float: right !important;
  }
  #table-top-panel {
    padding-bottom: 0;
  }
  #export-detail-table {
    margin-bottom: 10px;
  }
  #detail-filter-button {
    margin-bottom: 10px;
  }
  #cite-please {
    width: 50%;
  }
}
@media (max-width: 768px) {
  #page-jump-group {
    margin-bottom: 1%;
  }
  #main-page-table {
    margin-top: 2%;
  }
  #cite-please {
    width: 100%;
  }
  #detail-downloads,
  #detail-contacts {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #disorders-label {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #main-page-table {
    margin-top: 1%;
  }
}
@media (max-width: 992px) {
  .small-space-add {
    margin-top: 2%;
  }
}
.non-fig-cell {
  padding-top: 8px !important;
  padding-bottom: 2px !important;
}
.fig-cell {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
/*.auto-comp-sug:hover {
  background-color: red;
}*/
/*body.waiting * {
  cursor: progress !important;
}*/
.add-pointer {
  cursor: pointer;
}
.admi-footer {
	position: fixed;
	padding: 10px 10px 0px 10px;
	bottom: 0;
	width: 100%;
	/* Height of the footer*/
//	height: 40px;
//	background: grey;
}