.t4 {
     position: relative;
     overflow: hidden;
     line-height: 46px;
     height: 46px;
     margin: 20px 0;
     padding: 0px;
 }

 .t4 b {
     position: relative;
     display: inline-block;
     padding: 0 20px;
     color: #048;
     font-size: 18px;
 }

 .t4 b:before,
 .t4 b:after {
     content: '';
     position: absolute;
     top: 50%;
     border-top: 1px solid #ddd;
     width: 2000px;
 }

 .t4 b:before {
     left: 100%;
 }

 .t4 b:after {
     right: 100%;
 }
.t2:before {
    background-color: #2d8fff;
}
.t2{
    color: #2d8fff;
}
 table.display th,
 table.display td {
     text-align: center;
     overflow: hidden;
     white-space: nowrap;
     word-break: keep-all;
     text-overflow: ellipsis;
 }

 table.display thead th {
     background-color: #f0f6fc;
     color: #048;
 }

 .dataTables_wrapper.no-footer .dataTables_scrollBody {
     border-bottom: 1px solid #06b;
 }

 .dataTables_length {
     padding: 10px;
 }

 #employeeButtonId {
     text-align: right;
 }

 .form-group {
     padding: 0 10px;
 }

 @media (max-width: 768px) {
     #employeeButtonId {
         text-align: center;
     }
 }
@media (min-width: 768px)
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: middle;
}
label {
    font-weight:100;
    font-size: 14px;
}