.wrap-collabsible{display: none}
body{
    font-size: 18px;
}
#chart {
    padding: 20px;
}

table.chart {
    width: 100%;
    height: 15em;
}

.charttitle {
    text-align: center;
}

.bars td {
    vertical-align: bottom;
}

.bars div:hover {
    opacity: 0.6;
}

.legend {
    vertical-align: bottom;
    padding-left: 20px;
    text-align: left;
}

.legbox {
    display: block;
    clear: both;
}

.xaxisname {
    margin: 5px;
    color: #fff;
    font-size: 77%;
    padding: 5px;
    float: left;
}


/*Flat UI colors*/

.one {
    background: #16A085;
}

.four {
    background: #2ECC71;
}

.seven {
    background: #27AE60;
}

.two {
    background: #3498DB;
}

.five {
    background: #2980B9;
}

.six {
    background: #9B59B6;
}

.three {
    background: #8E44AD;
}

.eleven {
    background: #34495E;
}

.nine {
    background: #2C3E50;
}

.ten {
    background: #22313f;
}

.eight {
    background: #F1C40F;
}

.twelve {
    background: #F39C12;
}

.fifteen {
    background: #E67E22;
}

.fourteen {
    background: #D35400;
}

.thirteen {
    background: #E74C3C;
}

.sixteen {
    background: #C0392B;
}

.seventeen {
    background: #ECF0F1;
}

.seventeen.clouds {
    color: #BDC3C7;
}

.eighteen {
    background: #BDC3C7;
}

.nineteen {
    background: #95A5A6;
}

.twenty {
    background: #7F8C8D;
}

.bars > td{
    height: 100%;
}