html, body{
    font-size: 11px;
    overflow: hidden;
}
body{
    padding-top: 10px;
}

/* scrollbar settings */
::-webkit-scrollbar{
    width: 20px;
    border: 1px solid rgba(0, 0, 50, .2);
}
::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 50, .5);
}

#problem-list-container{
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
}

#problem-list-container th.large-cell,
#problem-list-container td.large-cell{
    width: 24%;
}
#problem-list-container th.small-cell,
#problem-list-container td.small-cell{
    width: 14%;
}

#problem-list-container tr.problem-row,
#problem-list-container tr.problem-row td{
    cursor: pointer;
}

#problem-list-container tr.problem-row.q-selected{
    background-color: rgba(200, 100, 100, .3);
    border: 2px solid #888;
}
#problem-list-container tr.problem-row:hover{
    background-color: rgba(200, 100, 100, .15);
}

#problem-list-container tr.problem-row.solution-tried{
    background-color: rgba(200, 200, 100, 0.3);
}
#problem-list-container tr.problem-row.solution-solved{
    background-color: rgba(100, 200, 200, 0.3);
}
#problem-list-container tr.problem-row.solution-saved{
    background-color: rgba(100, 200, 100, 0.3);
}

#client-control-pane{
    height: calc(100vh - 20px);
    overflow-y: scroll;
}

#client-control-pane table th.large-cell,
#client-control-pane table td.large-cell{
    width: 40%;
}
#client-control-pane table th.small-cell,
#client-control-pane table td.small-cell{
    width: 20%;
}

#problem-control-pane h3{
    display: inline-block;
}

#solution-list-container tr.solution-detail-row.valid-solution, 
#solution-list-container tr.solution-detail-row.valid-solution td{
    cursor: pointer;
}

#solution-list-container tr.solution-detail-row:hover{
    background-color: rgba(200, 100, 100, .15);
}

#solution-list-container tr.solution-detail-row.submit-solution{
    background-color: rgba(100, 200, 100, .3);
}

#content-left h3{
    display: inline-block;
}

#content-right h4.inline-heading{
    display: inline-block;
}

#content-right #list-wrapper{
    height: calc(100vh - 55px);
    overflow-y: scroll;
}

#content-right h4#problem-status-title{
    vertical-align: bottom;
    margin-right: 10px;
}

#content-right #solution-list-container{
    /* height: calc(100vh - 55px); */
    /* overflow-y: scroll; */
}