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);
}

#question-table-wrapper{
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
}

#question-table-wrapper th.large-cell,
#question-table-wrapper td.large-cell{
    width: 24%;
}
#question-table-wrapper th.small-cell,
#question-table-wrapper td.small-cell{
    width: 14%;
}

#question-table-wrapper tr.question-row,
#question-table-wrapper tr.question-row td{
    cursor: pointer;
}

#question-table-wrapper tr.question-row.q-selected{
    background-color: rgba(200, 100, 100, .3);
}
#question-table-wrapper tr.question-row:hover{
    background-color: rgba(200, 100, 100, .15);
}

#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%;
}

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

#client-control-pane tr.answer-detail-row, 
#client-control-pane tr.answer-detail-row td{
    cursor: pointer;
}

#client-control-pane tr.answer-detail-row:hover{
    background-color: rgba(200, 100, 100, .15);
}

#client-control-pane tr.answer-detail-row.submit-answer{
    background-color: rgba(100, 200, 100, .3);
}