.jobTimeTable {
    width: 100%;
}

.jobTimeTable th, .jobTimeTable td {
    text-align: center;
    width: 14%;
    vertical-align: middle;
    position: relative;
}

.jobTimeTable th {
    font-size: 12px;
    font-weight: normal;
    position: relative;
    padding: 10px 0;
    border-bottom: 2px solid #8cd232;
    border-bottom-color: rgb(140, 210, 50);
    vertical-align: bottom;
}

.jobTimeTable th.active {
    border-bottom-color: #8cd232;
    border-radius: 2px 2px 0 0;
    background-color: #c8e1aa;
    box-shadow: 0 1px 0 #c8e1aa, 2px 1px 0 #fff, -2px 1px 0 #fff;
}

.jobTimeTable th.active.no-work {
    border-bottom-color: #ffc8be;
    background-color: #ffc8be;
    box-shadow: 0 1px 0 #ffc8be, 2px 1px 0 #fff, -2px 1px 0 #fff;
}

.jobTimeTable th.no-work {
    border-bottom-color: #c86478;
    box-shadow: 0 1px 0 #c86478, -2px 2px 0 #fff;
}

.jobTimeTable td {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    padding: 5px 10px;
}

.jobTimeTable td .glyphicon-remove {
    color: #666;
}

.jobTimeTable .timeout {

}

.jobTimeTable .timeout .active:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: -8px 2px 0 0;
    color: #666;
    content: attr(data-label);
    text-align: center;
    font-size: 9px;
}

.JobTimeInfo {
    color: #666;
}

.JobTimeInfo:before {
    font-family: 'Glyphicons Halflings';
    content: "\e023";
    padding-right: 5px;
    font-size: 11px;
}

.JobTimeInfo.green:before, .JobTimeInfo.green span {
    color: green;
}

.JobTimeInfo.red:before, .JobTimeInfo.red span {
    color: red;
}