/* Custom styles for the Timeline */  
div.timeline-frame {  
    border-color: #5D99C3;  
    border-radius: 5px;  
}  

div.timeline-axis {  
    border-color: #5D99C3;  
    background-color: #5D99C3;  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D99C3', endColorstr='#3A6DA0') alpha(opacity = 100);  
    background: -webkit-gradient(linear, left top, left bottom, from(#5D99C3), to(#3A6DA0));  
    background: -moz-linear-gradient(top,  #5D99C3,  #3A6DA0);  
    -khtml-opacity: 1;  
    -moz-opacity: 1;  
    opacity: 1;  
}  

div.timeline-groups-axis {  
    border-color: #5D99C3;  
}  

div.timeline-groups-axis-onleft {  
    border-style: none solid none none;  
}  

div.timeline-axis-text {  
    color: white;  
}  

div.timeline-event {  
    color: white !important;  
    border-radius: 5px !important;  
}  

div.timeline-event-content {  
    padding: 5px;  
    text-shadow: none;  
}  

div.done-work {  
    background: #AAAAAA none !important;  
    border-color: black !important;  
} 

div.future-work {  
    background: #3D7AD5 none !important;  
    border-color: black !important;  
} 

div.available-work {  
    background: #77B300 none !important;  
    border-color: black !important;  
} 

div.free-day {  
    background: magenta none !important;  
    border-color: black !important;  
}  

div.timeline-event-selected {  
    filter: brightness(75%) !important;
    border-color: black !important;  
}