#tableContainer {
    overflow-y: auto;
    margin: 20px 0;
    height: 560px;
}
#tableContainer.half {
    height: 280px;
}

#recordSummaryContent #tableContainer {
    overflow-y: scroll;
    margin-bottom: 0;
}
#recordSummaryContent .tableContainerFooter {
    padding-right: 17px;
}

table {
    text-align: center;
    width: 100%;
    overflow-y: scroll;
}

thead {
    background-color: #fff;
}

.remarks, .taglist, .id, .locked, .schId, .modified, .empId, .initialHours, .initialPlanned, .initialAdHoc, .initialLate,
.initialEarly, .initialActual, .initialPayStart, .initialPayEnd, .initialReason, .initialTagList, .balance, .fullPayRule,
.dynamic, .initialScheduleStart, .initialScheduleEnd, .initialShiftType, .unplannedId, .initialRole {
    display: none;
}

.man-hour-transfer-from.label-success, .man-hour-transfer-to.label-danger {
    color: #ffffff;
}

/* Set width for pop-up report */
#recordSummary > .modal-dialog {
    width: 1600px;
}
.modal-open #recordSummary.modal {
    overflow-x: auto;
}
.modal.fade#orgFilter {
    z-index: 1053;
}
div.modal-header div.org-filter-container {
    padding-right: 15px; /*  for float button  */
}
div.body-content > div.org-filter-container form.org-filter-form #get-btn1,
div.body-content > div.org-filter-container form.org-filter-form #summary-btn1 {
    display: inline-block;
}
div.body-content > div.org-filter-container form.org-filter-form #get-btn2 {
    display: none;
}
div.modal-header div.org-filter-container form.org-filter-form #get-btn1,
div.modal-header div.org-filter-container form.org-filter-form #summary-btn1 {
    display: none;
}

div.modal-header div.org-filter-container form.org-filter-form #get-btn2 {
    display: inline-block;
}