.selectedApplication { color: red !important; font-weight: bold !important; } .priorityApplication { color: green !important; } .npeApplication { color: orange !important; } .pctNpeApplication { color: green !important; } .selectedApplication .cell-wrapper a{ color: red !important; font-weight: bold !important; } .parrentApplication{ font-weight:bold; background:#e7e7e7; } .childApplication{ background:#fafafa; } div.timeline-event{background:#ededed !important;} .timeline-event.timeline-event-box.ui-widget.ui-state-default.selectedApplication:hover { background:#ffd4d4 !important; border-color:#ffd4d4!important;} .timeline-event.timeline-event-box.ui-widget.ui-state-default.priorityApplication:hover, .timeline-event.timeline-event-box.ui-widget.ui-state-default.pctNpeApplication:hover { background:#cdffce !important; border-color:#cdffce!important;} .timeline-event.timeline-event-box.ui-widget.ui-state-default.npeApplication:hover { background:#ffe0ce !important; border-color:#ffe0ce!important; } .timeline-event.timeline-event-box.ui-widget.ui-state-default:hover{ background:#d9e5ff !important; border-color:#d9e5ff!important;} .noAccess { color: #AFAFAF !important; } .timeline-navigation span { display: inline !important; } /* this is give custom width and height to navigation bar of time line*/ div .timeline-navigation-new,div .timeline-navigation-delete,div .timeline-navigation-zoom-in,div .timeline-navigation-zoom-out,div .timeline-navigation-move-left,div .timeline-navigation-move-right { height:20px; width: 36px; } .timeline-event-selected {background-color:#fff785!important; border-color:#ffc200!important; z-index:9;color:red !important;} .timeline-event-box{ cursor:pointer!important} .btn:hover{ background:#223a6e!important} input:hover, select:hover{ border:1px solid #7D8180!important} .timelinecss {border-top: 0; height:auto !important; overflow-y:hidden !important;} .hide-content{display: none;}