.side-col{width: 160px;}
.table tbody>tr>td, .table thead>tr>th{padding: 0px;}

.table-bordered > thead > tr > th.c-name{min-width: 70px;}
.table-bordered > thead > tr > th.c-dept{min-width: 50px;}

.attend-normal   {color: #38B03F;}
.attend-late     {color: #EA644A;}
.attend-early    {color: #FF8A65;}
.attend-both     {color: #FF5722;}
.attend-absent   {color: #F1A325;}
.attend-leave    {color: #9E9E9E;}
.attend-lieu     {color: #9E9E9E;}
.attend-overtime {color: #006600;}
.attend-makeup   {color: #006600;}
.attend-trip     {color: #8668B8;}
.attend-egress   {color: #8668B8;}
.attend-rest     {color: #3280FC;}
.attend-status   {font-weight: bold; font-size: 14px;}

.legend-item {margin-right: 15px;}
.legend-i {padding: 5px;}