.chart {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.axis path,.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.bar {
    fill: #33b5e5;
}

.bar-cluster {
    fill: #CC0000 ;
    //fill-opacity: 0.3;
}

.bar-cluster-exonic {
    fill: #CC0000 ;
    //fill-opacity: 0.3;
}

.bar-cluster-transgenic {
    fill: #7733CC;
    //fill-opacity: 0.3;
}

.bar-cluster-intronic {
    fill: #00CC00 ;
    //fill-opacity: 0.3;
}

.bar-cluster-intergenic {
    fill: #0000CC ;
    //fill-opacity: 0.3;
}


.bar-cluster-downstream {
    fill: #CCCC00 ;
    //fill-opacity: 0.3;
}


.bar-cluster-upstream {
    fill: #CC00CC ;
    //fill-opacity: 0.3;
}

.bar-intron {
    fill: #000000;
}

.bar-exon {
    fill: #04b1d8; 
}

.bar-cds {
    fill: #44F1F8; 
}

.background-exonic {
    background: #CC0000 ;
}

.background-transgenic {
    background: #7733CC ;
}

.background-intronic {
    background: #00CC00 ;
}

.background-intergenic {
    background: #0000CC ;
}

.background-downstream {
    background: #CCCC00 ;
}

.background-upstream {
    background: #CC00CC ;
}

.background-intron {
    background: #000000;
}

.background-exon {
    background: #04b1d8;
}

.bar-killed {
    fill: #ffbb33;
}

#forkme_banner {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 10;
    padding: 10px 50px 10px 10px;
    color: #fff;
    background:
    url('http://dk8996.github.io/Gantt-Chart/images/blacktocat.png')
    #0090ff no-repeat 95% 50%;
    font-weight: 700;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    text-decoration: none;
}