html,body,#container{
    height: 100%;
}
#container{
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: 31.5% 31.5% 37%;
    background: #fff;
}
.grid-1 {
    grid-column: 1 / 4;
    border-bottom:1px solid #ccc
}
.grid-2 {
    border: 0;
    grid-column: 1 / 3;
    background-color: #f0f3f4;
}
.grid-3 {
    border: 0;
    grid-column: 3 / 4;
}
.grid, .grid-1, .grid-2, .grid-3, .grid-4{
    text-align: left;
    /*padding: 10px 0;*/
}
.con{
    display: grid;
    grid-template-columns: 20px 80px auto 40px 40px;
    grid-template-rows: 26px 26px 26px 26px 26px;
    line-height: 21px;
}
.separator{
    margin-top: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ced4da;
    text-align: center;
}
.date{
    position: relative;
    top: 10px;
    margin: 0 auto;
    padding: 0 10px;
    font-weight: bold;
    background: white;
}
.list{
    /*background-color: rgba(222, 226, 230, 0.5);*/
    border-bottom: 1px solid #ced4da;
    padding: 10px 10px 10px 5px;
}
.flex{
    display: flex;
    color:#008787;
}
.flex1{
    flex: 3;
    text-align: center;
    line-height: 20px;

}
.flex2{
    flex: auto;
    text-align: center;
    line-height: 20px;
}