#chart {
    padding: 20px;
}

#chart>div>table {
    width: 100%;
    height: 293px;
    border-collapse: collapse;
    table-layout: fixed;
    color: white;
}

#chart>div>table tr:first-child {
    background-size: 25% 25%;
    background-image: linear-gradient(to bottom, grey 1px, transparent 1px);
}

#chart>div>table tr:last-child {
    height: 20px;
}

#chart>div>table>tbody>tr>td{
    width: auto;
}

#chart>div>table>tbody>tr>td table{
    border-collapse: collapse;
    width: auto;
}

#chart>div>table>tbody>tr>td table td{
    width: 8px;
}

.bars div{
    width: 100%;
    border-radius: 50px;
}

#chart table {
    width: 100%;
    height: 100%;
}

.bars td {
    vertical-align: bottom;
}

.bars .mobile-grid-data {
    /*height: 25%;*/
    /*width: 25px;*/
    /*margin-left: 94%;*/
}

.one {
    background: linear-gradient(#57e3dc, #377b7a);
}

.two {
    background: linear-gradient(#bf84bc, #30315d);
}