#backtotop {
    background-color: #505353 !important;
}
.navbar {
    background-color: rgba(0,0,0,0.5) !important;
}
.list-group-item {
    background-color: #2c2d2d !important;
    color: white;
}
.list-group-item:hover {
    background-color: #7f7f7f !important;
    color: white;
}
#postContentDiv h2 {
    color: white !important;
}
.navbar-collapse ul li {
    text-align: center;
    line-height: 2em;
}

/* timeline */
.main-timeline .description{
    padding: 15px;
    margin: 0;
    font-size: 14px;
    color: #656565;
    background: #fff;
    border-radius: 0 0 6px 6px;
}
.main-timeline .timeline:nth-child(1) .title,
.main-timeline .timeline:nth-child(1) .title:after{
    background: #3c3c3c;
}
.main-timeline .timeline:nth-child(2) .title,
.main-timeline .timeline:nth-child(2) .title:after{
    background: #3c4244;
}
.main-timeline .timeline:nth-child(3) .title,
.main-timeline .timeline:nth-child(3) .title:after{
    background: #2a2a2a;
}
.main-timeline .timeline:nth-child(4) .title,
.main-timeline .timeline:nth-child(4) .title:after{
    background: #525252;
}
.main-timeline .timeline:nth-child(5) .title,
.main-timeline .timeline:nth-child(5) .title:after{
    background: #3c3c3c;
}
.main-timeline .timeline:nth-child(6) .title,
.main-timeline .timeline:nth-child(6) .title:after{
    background: #3c4244;
}
.main-timeline .timeline:nth-child(7) .title,
.main-timeline .timeline:nth-child(7) .title:after{
    background: #2a2a2a;
}
.main-timeline .timeline:nth-child(8) .title,
.main-timeline .timeline:nth-child(8) .title:after{
    background: #525252;
}
.main-timeline .timeline:nth-child(9) .title,
.main-timeline .timeline:nth-child(9) .title:after{
    background: #525252;
}
.main-timeline .timeline:nth-child(10) .title,
.main-timeline .timeline:nth-child(10) .title:after{
    background: #3c3c3c;
}
.main-timeline .timeline:nth-child(11) .title,
.main-timeline .timeline:nth-child(11) .title:after{
    background: #3c4244;
}
.main-timeline .timeline:nth-child(12) .title,
.main-timeline .timeline:nth-child(12) .title:after{
    background: #2a2a2a;
}
.main-timeline:before{
    background: rgba(255,255,255,0.2);
}
.main-timeline .date{
    background: #323232;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

/* blockquote */
blockquote {
    color:#bebebe;
    background-color: #333333;
    border-left: 1em solid #4c4c4c;
}
blockquote:before {
    color: #bababa;

}
blockquote:after {
    color: #bababa;
}
#index-bannerimg1 {
    content: url(https://static.igem.wiki/teams/4325/wiki/page/index/homedark1.gif);
}
#index-bannerimg2 {
    content: url(https://static.igem.wiki/teams/4325/wiki/page/index/homedark2.gif);
}
#index-bannerimg3 {
    content: url(https://static.igem.wiki/teams/4325/wiki/page/index/homedark3.gif);
}
#index-bannerimg4 {
    content: url(https://static.igem.wiki/teams/4325/wiki/page/index/homedark4.gif);
}
#index-bannerimg5 {
    content: url(https://static.igem.wiki/teams/4325/wiki/page/index/homedark5.png);
}

#toc .nav-list > .active > a, .nav-list > .active > a:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 20%);
    background-color: #474747 !important;
    /* color: red; */
    /* border-left: 3px gray solid ; */
  }
  #toc .tocify-item a:hover {
    background-color: #404040;
  }
  #toc {
    background-color: #27292b;
    border: none;
  }
  #wiki-bottom {
    background-color: #242424;
} 
#wiki-bottom .bg {
    background-color: #303030;
  }
  @media only screen and (max-width: 762px){
    .linkright {
        background-color: #303030;
    }
    .mob-cir-con {
        background-color: #303030;
    }
    }
.card-header {
    background: #474747;
}

.diy-title2::after {
    background: #c8c8c8 !important;
}
.tea-say-title {
    border-bottom: 2px solid;
}
.pre-box {
    background-color: #202020;
}
path {
    stroke: #7c7c7c !important;
}
.head-bg-cover h1::after {
    background-color: #1c1c1cc2;
}
.head-bg-cover .banner::after{
    background-color: rgba(0, 0, 0, 0.25);
}
#postContentDiv h3 {
    
}
#postContentDiv b {
    color: #e3e3e3;
}
#postContentDiv strong {
    color: #e3e3e3;
}
.anthor-html {
    background-color: #212426;
  }
.wiki-title3 {
    color: white;
}
a {
    color: #7a9dff;
}
a:hover {
    color: #7a9dff;
}

.accordion .wiki-title3 {
    color: #d3d3d3;
}
.pi {
    /* background-color: #202020; */
}
.pink-tit {
    color: white;
    font-weight: 500 !important;
}
.card-header .wiki-title3 {
    color: white;
}
.hp-color1 .tip {
    background-color: #2c2e2f !important;
}   
#dialogue p {
    color: white;
}
.hp-color1 .hp-diacontent .right:after {
    border-left-color: #2c2e2f !important;
}
.hp-color1 .hp-diacontent .left:after {
    border-right-color: #2c2e2f !important;
}
.hp-color1 .hp-diaimg {
    border: 2px #ffe7e7 dashed !important;
}
#scroll_progress_bar {
    background: #d4d4d4;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,#555555 25%,transparent 25%,transparent 50%,#555555 50%,#555555 75%,transparent 75%,transparent) !important;
  }
  .progress-bar {
    background-color: #7b7b7b !important;
  }
  #wikimobiemenu a:first-child {
    background-color: #5e5e5e;
    color: white;
}
#wikimobiemenu {
    background-color: #ddddddf0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
#wikimobiemenu a {
    color: #161616;
}
#mobiemenuicon {
    background-color: #5c5c5c;

}