/* CSS for Display*/
/*
 * Basic color setting
 *
 * border-color: #dfd9c3
 * background:   #26453D
 * button background: #ffb11b
 * font color: #465d4c
 * accent color: #ab3b3a
 * link color: #268785
 *
*/
:root {
    --main-bg-color: #26453D;
    --main-text-color: #26453D;
    --link-color: #20604F;
    --title-color: #26453D;
    --border-color: #26453D;
}

body {
    margin: 0;
    padding: 0;
    font-family: "HelveticaNeue-Light", Avenir, Arial, Helvetica;
    color: var(--main-text-color);
    background: #fff;
}

header {
    margin: 0;
    height: 52px;
    transition: .3s;
    background-color: var(--main-bg-color);
}

a {
    margin: 0;
    padding: 0;
    color: var(--link-color);
}
a:hover {
    color: #ab3b3a;
    text-decoration: none;
}

en {
    font-family: "CooperMd", "HelveticaNeue";
}

footer {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    height: 30px;
    background-color: var(--main-bg-color);
}
footer p {
    padding: 5px 10px;
    color: #fff;
    text-align: left;
    font-size: 100%;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #ddd;
}
footer #copyright {
    font-size: 100%;
}

h1#title {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
    font-family: "HelveticaNeue-Light", Avenir, Arial, Helvetica;
    font-weight: bold;
    color: var(--title-color);
    text-align: center;
}
h4 {
    margin: 0;
}
div.result_table {
    margin: 3px;
    max-height: 900px;
    overflow: scroll;
}

.symbol {
    font-size: 100%;
}
.gene-name {
    font-size: 80%;
}

ul {
    list-style: none;
}
i.white {
    color: #fff;
}

/** overwrite bootstrap css **/
.container {
    color: var(--main-text-color);
}
.jumbotron {
    background-color: #fff;
}
.navbar {
    margin-bottom: 0;
}
.navbar-default {
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color);
    font-weight: bold;
}
.navbar-default .navbar-brand {
    color: #fff;
    font-family: Cursive;
    font-size: 28px;
    display: flex;
    align-items: center;
}
.navbar-default .navbar-brand:hover {
    color: #ddd;
}
.navbar-default .navbar-brand span {
    font-size: 60%;
    color: #f40;
    font-family: HelveticaNeue, Arial, Verdana, Serif;
}
.navbar-default .navbar-brand>img {
    width: 45px;
    padding: 25px 10px 25px 0;
}
.navbar-default .navbar-nav li a {
    color: #fff;
    font-size: 1.2em;
}
.navbar-default .navbar-nav li a:hover {
    color: #eee;
}

.navbar-default .navbar-nav>.open>a {
    background-color: #2c6849;
}
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #2c6849;
}
.navbar-default .navbar-nav .dropdown-menu {
    min-width: 200px;
}
.navbar-default .navbar-nav .dropdown-menu li a {
    color: #2c6849;
    white-space: normal;
}

#dpopt {
    left: -150px;
}

#wrapper {
    height: 100%;
    padding-left: 1px;
    transition: all .4s ease 0s;
}
#wrapper.active {
    padding-left: 250px;
}

#sidebar {
    margin-left: -250px;
    position: fixed;
    width: 250px;
    height: 100%;
    background: #fff;
    color: #465d4c;
    z-index: 11;
    border-right: 1px solid #ccc;
    transition: all 0.3s;
}

@media (min-width: 768px){
  #sidebar
  {height: calc(100vh - 48px);
   overflow: scroll;}
}

.tab-content {
    border: 1px #ccc solid;
    border-radius: 0 5px 5px 5px;
    padding: 5px;
}
.tab-table-wrap {
    margin-top: 2px;
}
.nav-tabs {
    border-bottom: none;
}

/*
.nav-tabs>li.active>a {
    border-color: #dfd9c3;
}
*/
.btn-default {
    color: #2d6d4b;
    border-color: #2d6d4b;
    background-color: #fafaf4;
}
.btn-default:hover {
    color: #2d6d4b;
    border-color: #2d6d4b;
    background-color: #eaeaea;
}
.btn-default.active {
    color: #eee;
    border-color: #ffb11b;
    background-color: #ffb11b;
}
.btn-default.active:hover {
    color: #eee;
    border-color: #ffb11b;
    background-color: #ffb11b;
}
.btn-default.active.focus {
    color: #eee;
    border-color: #ffb11b;
    background-color: #ffb11b;
}
.btn-disease {
    color: #d0104c;
    border-color: #d0104c;
    background-color: #fafaf4;
}
.btn-disease:hover {
    color: #d0104c;
    border-color: #9f353a;
    background-color: #fedfe1;
}
.btn-disease.active {
    color: #d0104c;
    border-color: #9f353a;
    background-color: #fedfe1;
}
.btn-disease.active.focus {
    color: #d0104c;
    border-color: #9f353a;
    background-color: #fedfe1;
}
.btn-users {
    color: #4a225d;
    border-color: #4a225d;
    background-color: #fafaf4;
}
.btn-search {
    color: #fff;
    border-color: #c7802d;
    background-color: #ffb11b;
}
.btn-search:hover {
    color: #eee;
    border-color: #c7802d;
    background-color: #ffb11b;
}
.btn-go {
    color: var(--border-color);
    border-color: var(--border-color);
    background-color: #fafaf4;
}
.btn-go:hover {
    color: #2d6d4b;
    border-color: var(--border-color);
    background-color: #eaeae4;
}
.btn-on {
    color: #eee;
    border-color: #ffb11b;
    background-color: #ffb11b;
}
.btn-off {
    color: #2d6d4b;
    border-color: #2d6d4b;
    background-color: #fafaf4;
}
.form-control {
    color: #2d6d4b;
    border: 1px solid #2d6d4b;
    background-color: #fafaf4;
}

.dropdown-menu {
    margin-top: 12px;
    box-shadow: none;
    border-color: #dfd9c3;
    border-radius: 4px;
    min-width: 300px;
    background-color: rgba(253,254,253,0.92);
}
.dropdown-menu li a {
    color: #2d6d4b;
    white-space: normal;
}
.dropdown-menu li ul {
    margin: 0;
    padding: 0;
}
.dropdown-menu li label {
    margin: 5px 0 0 5px;
}
.dropdown-menu li ul li {
    margin: 0 5px 0 5px;
}
.dropdown-menu li ul li input {
    margin: 5px 0 0 5px;
}
.dropdown-menu li ul li span.label_box {
    padding: 2px;
    border-radius: 4px;
}

.badge-default {
    background-color: #ab3b3a;
}
.badge-effect {
    background-color: #ab3b3a;
}
.badge-users {
    background-color: #4a225d;
}
.badge-pathogenic {
    background-color: #ab3b3a;
}
.badge-benign {
    background-color: #7ba23f;
}
.badge-damaging {
    background-color: #ab3b3a;
}
.badge-tolerated {
    background-color: #7ba23f;
}

/* snippet: http://www.bootply.com/128062 */
.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);}
}

/** mutation@a glance **/
#content {
    margin-bottom: 30px;
    background-color: #fff;
}
.container h1.title {
    font-size: 200%;
}

#gene-header {
    width: 100%;
    margin-bottom: 3px;
}
#gene-header>h3 {
    margin-top: 2px;
    margin-bottom: 2px;
}
#genome-build {
    margin: 0;
}
#genome-build p {
    color: #ccc;
}
#menu-toggle {
    cursor: pointer;
}
#menu-toggle:hover {
    cursor: pointer;
    color: #ccc;
}
#menu dl.gene-info {
    margin: 5px 15px;
}
#menu dl.gene-info dt {
    margin-left: 10px;
}
#menu dl.gene-info dd {
    margin-left: 20px;
}
#gene-main {
    margin: 0;
}
#gene-main .map-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 125px;
    overflow: hidden;
    background-color: #fff;
}
#gene-main .panel-group .panel+.panel {
    margin-top: 3px;
}
.panel-heading {
    padding: 6px 15px;
}

.map-container rect.selected {
    fill: #fafaf4;
    stroke: #2d6d4b;
    opacity: 0.9;
}

#protein-map-canvas {
    background: #fff;
}
#protein-var-canvas,
#protein-dom-canvas {
    margin: 0;
}

.sequence-header {
    margin: 0;
}
.view-title {
    color: #465d4c;
    font-weight: bold;
}

#gene-main .sequence-container {
   /*overflow: scroll;*/
   overflow: hidden;
   width: 100%;
}
.sequence-container .heading {
   font-size: 100%;
   border-top: 1px solid #ccc;
   padding-top: 8px;
}

/*
#gene-main .data-loading {
    position: absolute;
    z-index: 999;
}
*/
#variant-data-loading {
    position: absolute;
    z-index: 999;
    top: 120px;
    left: 370px;
}
#variant-table-loading {
    position: absolute;
    z-index: 999;
    top: 220px;
    left: 370px;
    display: none;
}
#gene-main .rounded {
    border-radius: 8px;
}
#gene-main .map-clip {
    overflow: hidden;
}
#genome-clip {
    z-index: 5;
}
#protein-clip {
    z-index: 2;
}
span#genome-location {
    font-size: 80%;
}

#dna-layer,
#pep-layer {
    border: none;
    width: 100%;
    height: 100%;
}
#dna-layer {
    z-index: 3;
    background: #fff;
    /*display: none; *//* default */
}
#pep-layer {
    z-index: 2;
    /*display: none; *//* default */
}
.pep-col .col-sm-6 {
    padding-right: 5px;
}

.sequence-content {
    overflow: scroll;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    border: 1px #dfd9c3 solid;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.sequence-content div {
    margin: 0;
    margin-bottom: 10px;
}
.sequence-content div p {
    margin-left: 10px;
}
.sequence-content .dna {
    font-family: Courier, Monospace;
    margin: 2px 5px;
    padding: 4px 0;
    font-size: 100%;
    float: left;
}
.sequence-content .pep {
    font-family: Courier, Monospace;
    margin: 5px;
    padding: 4px 0;
    font-size: 100%;
    float: left;
}
.sequence-content .dna div {
    margin: 0;
    padding: 0;
}
.sequence-content .orf {
    margin: 0;
    padding: 0;
    display: none;
}
.organism {
    font-style: italic;
}
.sequence-content .msa-pep {
    font-family: Courier, Monospace;
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 0.9;
}
.sequence-content span {
    margin: 0;
    padding: 0;
}
.sequence-content span.amino {
    margin: 1px 0;
    padding: 1px 0;
    border-bottom: 2px solid #fff;
    border-top: 3px solid #fff;
}
.sequence-content .exon {
    color: #040;
}
.sequence-content .cds {
    color: #165e83;
}
.sequence-content .utr {
    color: #f15a22;
}
.sequence-content .intron {
    color: #aaa;
}
.sequence-content .flank {
    color: #aaa;
}
.sequence-content .amino {
    color: #001201;
    cursor: pointer;
}
.sequence-content label.residue {
    font-weight: normal;
    cursor: pointer;
    padding: 0;
    margin-bottom: 0;
}
.sequence-content span.msa_amino {
    margin: 0;
    padding: 0;
    border: none;
}
.sequence-content .dna span {
    cursor: pointer;
}
.sequence-content .orf span.peptide {
    cursor: pointer;
}
.sequence-content span.gap {
    color: #ccc;
}
.sequence-content .somatic_off,
.sequence-content .variant_off,
.sequence-content .mutant_off {
    background-color: #fff;
    color: #00816d;
    cursor: pointer;
}
.sequence-content .pid_on {
    color: #fff; background-color: #592C63; cursor: pointer; }
.sequence-content .exacvar_on {
    color: #fff; background-color: #0089a7; cursor: pointer; }
.sequence-content .gnomvar_on,
.sequence-content .gn_c_on,
.sequence-content .gn_r_on {
    color: #fff; background-color: #0089a7; cursor: pointer; }
.sequence-content .kgp3var_on {
    color: #fff; background-color: #0089a7; cursor: pointer; }
.sequence-content .tommvar_on,
.sequence-content .to_c_on,
.sequence-content .to_r_on {
    color: #fff; background-color: #113285; cursor: pointer; }
.sequence-content .clinvar_on,
.sequence-content .cl_p_on,
.sequence-content .cl_b_on,
.sequence-content .cl_u_on,
.sequence-content .cl_o_on,
.sequence-content .cl_k_on,
.sequence-content .cl_d_on,
.sequence-content .cl_r_on,
.sequence-content .cl_f_on,
.sequence-content .cl_w_on {
    color: #fff; background-color: #d0104c; cursor: pointer; }
.sequence-content .cosmvar_on {
    color: #fff; background-color: #8a6bbe; cursor: pointer; }

.medgen_0,
.sequence-content .medvar_0_on {
    color: #fff; background: #86473f; }
.medgen_1,
.sequence-content .medvar_1_on {
    color: #fff; background: #e83015; }
.medgen_2,
.sequence-content .medvar_2_on {
    color: #fff; background: #227d51; }
.medgen_3,
.sequence-content .medvar_3_on {
    color: #fff; background: #261e47; }
.medgen_4,
.sequence-content .medvar_4_on {
    color: #fff; background: #855b32; }
.omim_0,
.sequence-content .omimvar_0_on {
    color: #fff; background: #f05e1c; }
.omim_1,
.sequence-content .omimvar_1_on {
    color: #fff; background: #e83015; }
.omim_2,
.sequence-content .omimvar_2_on {
    color: #fff; background: #227d51; }
.omim_3,
.sequence-content .omimvar_3_on {
    color: #fff; background: #261e47; }
.omim_4,
.sequence-content .omimvar_4_on {
    color: #fff; background: #855b32; }
.omim_5,
.sequence-content .omimvar_5_on {
    color: #fff; background: #787878; }
.omim_6,
.sequence-content .omimvar_6_on {
    color: #fff; background: #ca7a2c; }
.omim_7,
.sequence-content .omimvar_7_on {
    color: #fff; background: #c1328e; }
.omim_8,
.sequence-content .omimvar_8_on {
    color: #fff; background: #26453d; }
.omim_9,
.sequence-content .omimvar_9_on {
    color: #fff; background: #0b346e; }
.omim_10,
.sequence-content .omimvar_10_on {
    color: #fff; background: #6c6024; }
.omim_11,
.sequence-content .omimvar_11_on {
    color: #fff; background: #1c1c1c; }
.sequence-content .uservar_on {
    color: #fff; background: #4a225d; }
.sequence-content .p_selected,
.sequence-content .d_selected {
    color: #00816d;
    background: #ff0;
    /*
    box-shadow: -1px 0px 6px 3px #585329;
    -moz-box-shadow: -1px 0px 6px 3px #585329;
    -webkit-box-shadow: -1px 0px 6px 3px #585329;
    /*border:1px solid #ff0;*/
    */
}
.sequence-content .uniprot_ft {
    border-top: 2px solid #f4a7b9;
}

.sequence-content .a_basic {
    color: #000;
    background: #7db9de;
    cursor: pointer;
}
.sequence-content .a_acidic {
    color: #000;
    background: #eb7a77;
    cursor: pointer;
}
.sequence-content .a_aroma {
    color: #000;
    background: #e98b2a;
    cursor: pointer;
}
.sequence-content .a_aliph {
    color: #000;
    background: #fbe251;
    cursor: pointer;
}
.sequence-content .a_small {
    color: #000;
    background: #b5caa0;
    cursor: pointer;
}
.sequence-content .a_cysteine {
    color: #000;
    background: #ffc408;
    cursor: pointer;
}


#protein-msa-main {
    display: none;
    margin-top: 5px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#protein-msa-main .residue {
    cursor: pointer;
}
#protein-msa-main table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}
#protein-msa-main tr {
    margin: 0;
    padding: 0;
    border: none;
    height: 18px;
}
#protein-msa-main td {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    border: none;
    height: 18px;
}
#protein-msa-main td span label.others {
    margin: 0;
    padding: 0;
    border: none;
    font-weight: normal;
    text-decoration: none;
    display:inline;
}
#protein-seq-main {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.toggle-group label {
    line-height: 18px;
}

#external-link {
    margin-left: 20px;
}
#external-link dl dd {
    margin-left: 20px;
}

#disease-link {
    margin-left: 20px;
}
#disease-link dl dd {
    margin-left: 20px;
}

#variant-filter-group {
    color: #465d4c;
}
.variant-filter {
    padding-left: 5px;
}
.variant-filter p {
    margin-bottom: 0;
    font-weight: bold;
}
.variant-filter .label {
    font-size: 100%;
}
.variant-filter label {
    font-weight: normal;
    margin-bottom: 0
}
.variant-filter label.last {
    font-weight: normal;
    margin-bottom: 5px;
}

.variant-filter-checkbox {
    padding-left: 0px;
}

/* Drop-pins */
#pin_pep, #pin_dna {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    display: none;
    width: 25px;
}
/* Mutation effects */
.indel {
    color: #9f353a;
    font-weight: bold;
}
.missense {
    color: #fff;
    background: #f05e1c;
}
.synonym {
    color: #fff;
    background: #90b44b;
}
.lof {
    color: #fff;
    background: #e83015;
}
.success {
    color: #fff;
    background: #7ba23f;
}
.error {
    color: #fff;
    background: #9f353a;
}
/* Data sources */
.clinvar {
    color: #fff; background: #d0576b; }
.omim {
    color: #fff; background: #86c166; }
.cosmic {
    color: #fff; background: #8a6bbe; }
.orphanet {
    color: #fff; background: #005caf; }
.rapid {
    color: #fff; background: #592C63; }
.pharmvar {
    color: #fff; background: #81c7d4; }
.drug-target {
    color: #fff; background: #0089a7; }
.has3d {
    color: #fff; background: #DDD23B; }
.no3d {
    color: #fff; background: #878787; }
.exacvar {
    color: #fff; background: #0089a7; }
.kgp3var {
    color: #fff; background: #0089a7; }
.exac {
    color: #fff; background: #0089a7; }
.gnomad {
    color: #fff; background: #0089a7; }
.tommo {
    color: #fff; background: #113285; }
.jpn {
    color: #fff; background: #0089a7; }
.kgp3 {
    color: #fff; background: #0089a7; }
.dbsnp {
    color: #47885e; }
.pid {
    color: #fff; background: #592C63; }
.uniprot {
    color: #fff; background: #f4a7b9; }
.drug {
    color: #fff; background: #33a6b8; }
.autosomal-dominant {
    color: #fff; background: #db4d6d; }
.autosomal-recessive {
    color: #fff; background: #f05e1c; }
.multifactorial,
.somatic-mutation,
.somatic-mosaicism {
    color: #fff; background: #516e41; }
.x-linked-recessive,
.x-linked-dominant,
.x-linked {
    color: #fff; background: #3c2f41; }
.unknown {
    color: #fff; background: #cdcdcd; }
.panel-group {
    margin-bottom: 5px; }
.panel-heading h4 {
    color: #465d4c; }
.counts {
    font-weight: bold; }

.errorlist {
    color: #e00; }
.exposed {
    padding: 0 5px;
    background: #81C7D4; }
.buried {
    padding: 0 5px;
    background: #876633; }
.interface {
    padding: 0 5px;
    background: #B5495B; }

.map-container #genome-map-canvas {
    height: 160px;
    overflow: scroll;
}

#protein-structure-container {
    margin: 0;
    padding: 0;
    background: #fff;
}
#protein-structure-viewer {
    margin: 0;
    padding: 0;
    height: 30px;
}
#viewport {
    position: relative;
    /*width: auto;*/
    /*height: 380px;*/
    width: 100%;
    height: 100%;
}
#ngl-ref {
    position: relative;
    right: 0;
    bottom: 5px;
}
#loaded3d-info {
    position: absolute;
    /*background-color: rgba(223,240,216,0.3); */
    border-radius: 6px;
    z-index: 99;
    width: 80%;
}
#loaded3d-info p {
    margin: 5px 15px;
}
#ngl-ref p {
    text-align: right;
}
#protein-structure-controller-wrap {
    position: absolute;
    z-index: 1;
    width:300px;
    top: 45px;
    margin-left: -2px;
    padding-right: 10px;
    background: #fafaf4;
}
#protein-structure-controller-panel {
    float: right;
    margin: 0;
    padding: 5px 10px;
    height: 100%;
    width: 280px;
    background: #fafaf4;
    border-top: 1px solid #dfd9c3;
    border-bottom: 1px solid #dfd9c3;
    overflow: scroll;
}
#protein-structure-controller-panel h3 {
    font-size: 100%;
    margin: 0;
    padding: 12px 0;
    color: #00816d;
    text-shadow: 1px 1px 0 #fff;
}
#protein-structure-controller-tab {
    margin: 0;
    width: 15px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-left: 1px solid #dfd9c3;
    border-top: 1px solid #dfd9c3;
    border-bottom: 1px solid #dfd9c3;
    background: #b7ac84;
    margin-left: -5px;
    height: 100%;
}
#protein-structure-controller-tab #tab-slider {
    float: left;
    cursor: pointer;
    padding-left: 0;
    line-height: 1em;
}
#protein-structure-switch-options {
    margin-left: 5px;
}

.structure-header {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: -10px;
    background: #fff;
}

/* Popup-window */
#popup-info-wrap {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 6;
}
.pecker {
    margin: 0;
    width: 100%;
    height: 250px;
    border-radius: 8px;
    border: 2px solid #2d6d4b;
}

#popup-info-wrap #popup-info-handle {
    position: absolute;
    margin: 0;
    margin-left: 10px;
    height: 20px;
    background-repeat: no-repeat;
}
#popup-info-wrap #popup-info {
    margin: 0 10px;
    padding: 0;
    height: 240px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
}
#popup-info table caption {
    color: #465d4c;
    font-weight: bold;
}
.table-caption {
    margin: 5px 0;
}

.modal-table {
    margin: 0;
    margin-bottom: 15px;
}

#resinfo {
    margin: 0;
    display: none;
    top: 200px;
    left: 20px;
    z-index: 1010;
    position: fixed;
    font-family: "HelveticaNeue", "Arial";
    background-color: rgba(253,254,253,0.92);
    border: 2px solid var(--border-color);
    border-radius: 4px;
    min-width: 300px;
    padding: 0;
    overflow: hidden;
}
#resinfo #resinfo-header {
    background-color: rgba(242,240,242,0.92);
    height: 18px;
    margin: 0 auto;
    padding: 0 5px;
    cursor: move;
}
#resinfo #resinfo-body {
    margin: 0 auto;
}
#resinfo #resinfo-body #resinfo-title {
    margin: 0 auto;
    margin-bottom:10px;
    padding-left: 10px;
    height: 20px;
}

#resinfo .table-wrap {
    padding-left: 10px;
    overflow: auto;
}
#resinfo h3 {
    margin: 3px 5px;
    font-size: 120%;
    border-bottom: solid 1px #465d4c;
}
#resinfo h3 em {
    font-size: 120%;
    font-style: normal;
    font-weight: bold;
}
#resinfo caption {
    font-size: 120%;
    margin: 3px 5px;
    padding-top: 0;
}
#resinfo caption #resinfo-variants {
    font-weight: 500;
}
#resinfo table th,
#resinfo table td {
    font-size: 90%;
    padding: 2px 10px;
    vertical-align: top;
}
#resinfo .dbnsfp_pred {
    cursor: pointer;
}
#resinfo .dbnsfp-cell {
    width: 100%;
}
#resinfo .list-group-item {
    background-color: rgba(253,254,253,0.92);
    padding: 2px 5px;
    border: none;
}
#resinfo .list-group {
    margin-bottom: 2px;
}
#resinfo-table {
    /*width: 100%;*/
}
/*
#resinfo td.left,
#resinfo th.left {
    text-align: left;
}
#resinfo td.right,
#resinfo th.right {
    text-align: right;
}
#resinfo td.center,
#resinfo th.center {
    text-align: center;
}
#resinfo .table th {
    width: 180px;
}
*/

span.damaging {
    background: #cb1b45;
    cursor: default;
}
span.tolerated {
    background: #1b813e;
    cursor: default;
}
span.pathogenic {
    background: #cb1b45;
    cursor: default;
}
span.benign {
    background: #1b813e;
    cursor: default;
}
span.predict {
    background: #77428D; /* 江戸紫 */
    cursor: default;
}

#tooltipRes {
    position: absolute;
    padding: 2px;
    font: 14px Helvetica;
    background: #ffb11b;
    color: #fff;
    border: 0px;
    border-radius: 4px;
    pointer-events: none;
}
#tooltipRes ul {
    margin: 2px;
    padding: 0;
}

#monomer-table,
#biounit-table {
    overflow: scroll;
    max-height: 350px;
}
#variants_table {
    background: #fff;
}
.tabulator {
    background: #fafaf4;
    border-color: #2d6d4b;
    border-radius: 4px;
    font-size: 90%;
}
.tabulator-header {
    background: #fafaf4;
    border-color: #cdcdcd;
    border-bottom-color: #cdcdcd;
}
.tabulator .tabulator-header {
    border-bottom-color: #cdcdcd;
}
.tabulator .tabulator-header-filter input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}
.tabulator-col {
    background: #fafaf4;
    border-color: #cdcdcd;
}
.tabulator .tabulator-header .tabulator-col {
    background: #fafaf4;
    border-color: #cdcdcd;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-title {
    color: #465d4c;
}
.tabulator .tabulator-row .tabulator-cell {
    border-color: #cdcdcd;
    vertical-align: middle;
}
.tabulator .tabulator-row:hover {
    background: #fafaf4;
}
.tabulator h4 {
    font-size: 100%;
    margin: 5px 0;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    white-space: normal;
}

.bs-docs-section p {
    font-size: 120%;
}
.bs-docs-section h1 span.small-label {
    font-size: 60%;
}
.nav.bs-docs-sidenav li a {
    font-size: 150%;
}
.nav.bs-docs-sidenav li a:hover {
    background: #fff;
}

canvas.struct-cov {
    width: 100%;
    height: 100%;
}

form.drug-form {
    margin: 15px 45px;
}

.label-AR {
  background: #86473f;
}
.label-AD {
  background: #db4d6d;
}
.label-XL,
.label-XLR,
.label-XLD {
  background: #4a225d;
}
.label-LoF {
  background: #6a4c9c;
}
.label-HI {
  background: #ba9132;
}
.label-GoF {
  background: #d0104c;
}
.label-DNE {
  background: #42602d;
}
.label-Un {
  background: #ccc;
}
.label-protein {
  margin-top: 2px;
  background: #f05e1c;
}
.label-lncrna {
  margin-top: 2px;
  background: #fc9f4d;
}
.label-pseudo {
  margin-top: 2px;
  background: #acacac;
}

.dataTables_info {
    color: #465d4c;
}

.dataTables_paginate .pagination .page-item a,
.dataTables_paginate .pagination li a {
  color: #465d4c;
}
.dataTables_paginate .pagination .active a {
  background-color: #465d4c;
  border-color: #465d4c;
  color: #fff;
}
table.dataTable label {
  margin-bottom: 0;
}

.table .dt-body-right {
  text-align: right;
}
.table .dt-body-center {
  text-align: center;
}

.table-g2p th {
  color: #454545;
  font-weight: normal;
}
.table-g2p td {
  font-family: "HelveticaNeue Light"
  font-weight: bold;
}

.filter-menu {
  padding-left: 0;
}
.filter-menu-list {
  padding-left: 10px;
}

.changelog {
  padding: 5px 20px;
}
.changelog h3 {
  padding-bottom: 2px;
  border-bottom: 1px solid #dfd9c3;
}
/* eof */