zentao/module/roadmap/css/browse.ui.css

.gantt_container, .gantt_tooltip {font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Source Han Sans CN", "Source Han Sans", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif}
.gantt_grid_scale .gantt_grid_head_cell,.gantt_task .gantt_task_scale .gantt_scale_cell {color: #838a9d;}
.gantt_task_line.gantt_selected {box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.045)}
.gantt_link_arrow_right {border-left-color: #2196F3;}
.gantt_link_arrow_left {border-right-color: #2196F3;}
.gantt_task_link .gantt_line_wrapper div{background-color: #2196F3;}
.gantt_critical_link .gantt_line_wrapper>div {background-color: #e63030 !important;}
.gantt_critical_link.start_to_start .gantt_link_arrow_right {border-left-color: #e63030 !important;}
.gantt_critical_link.finish_to_start .gantt_link_arrow_right {border-left-color: #e63030 !important;}
.gantt_critical_link.start_to_finish .gantt_link_arrow_left {border-right-color: #e63030 !important;}
.gantt_critical_link.finish_to_finish .gantt_link_arrow_left {border-right-color: #e63030 !important;}
.gantt_task_link.start_to_start .gantt_line_wrapper div { background-color: #DD55EA; }
.gantt_task_link.start_to_start:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #DD55EA; }
.gantt_task_link.start_to_start .gantt_link_arrow_right { border-left-color: #DD55EA; }
.gantt_task_link.finish_to_start .gantt_line_wrapper div { background-color: #7576ba; }
.gantt_task_link.finish_to_start:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #7576ba; }
.gantt_task_link.finish_to_start .gantt_link_arrow_right { border-left-color: #7576ba; }
.gantt_task_link.finish_to_finish .gantt_line_wrapper div { background-color: #55d822; }
.gantt_task_link.finish_to_finish:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #55d822; }
.gantt_task_link.finish_to_finish .gantt_link_arrow_left { border-right-color: #55d822; }
.gantt_task_link.start_to_finish .gantt_line_wrapper div { background-color: #975000; }
.gantt_task_link.start_to_finish:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0px #975000; }
.gantt_task_link.start_to_finish .gantt_link_arrow_left { border-right-color: #975000; }
.gantt_critical_task{background:#e63030 !important; border-color:#9d3a3a !important;}
.gantt_grid_head_cell.gantt_grid_head_text {overflow:visible;}

.gantt_cell .delayed {background: #FFEBEB; color: #FB2B2B;}
.gantt_task_content{color:#000000;}
.gantt_grid_head_cell .sort {position: relative;display: inline-block;padding-right: 16px;color: #3c4353;}
.gantt_grid_head_cell .sort:before,
.gantt_grid_head_cell .sort:after {font-family: ZentaoIcon; font-style: normal; font-variant: normal; font-weight: 400; font-size: 14px; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; content: "\f0dc"; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; bottom: 0; opacity: .3}
.gantt_grid_head_cell .sort.sort-up:after {content: "\f0de"; opacity: 1; z-index: 1;}
.gantt_grid_head_cell .sort.sort-down:after {content: "\f0dd"; opacity: 1; z-index: 1;}
.gantt_grid_head_cell, .gantt_scale_cell{color:#000000!important;}

.is-in-fullscreen #header,
.is-in-fullscreen #menuViewSwitcher,
.is-in-fullscreen #actionBar {display: none!important;}
.is-in-fullscreen #fullScreenBtn > .icon-fullscreen::before {content: "\e972";}
.is-in-fullscreen #myCover {height: calc(100vh - 72px)!important;}

#mainContainer {background: var(--zt-page-bg);}
#ganttHeader {display: none;}
#mainContent {--load-indicator-delay: 0}
#mainContent.loading {overflow: hidden; height: calc(100vh - 120px);}
#mainContent.loading::before {background: var(--color-canvas);}
#mainContent.loading #ganttHeader {display: flex;}
#mainContent.loading #ganttContainer {padding: 40px; background-color: var(--color-canvas);}
#mainContent.loading .scrollVer_cell,
#mainContent.loading .scrollVer_cell {display: none;}
#mainContent.loading #myCover {height: auto!important;}
#mainContent.loading .gantt_grid_head_cell .sort:before {display: none!important;}

.gantt_tree_content{color:#838A9D;}
.gantt_row > div:first-child .gantt_tree_content{color:#3C4353;}
.gantt_task_line.gantt_task_inline_color{border:0px;}
.gantt_grid_scale, .gantt_task_scale, .gantt_task_vscroll{background-color: #F2F7FF;}
.is-collapsed .gantt-toggle-icon .icon-collapse-alt:before {content: "\e6f1";}

.gantt_tree_content .btn {--btn-height: 1.5rem; line-height: 1rem; font-size: .75rem; color: rgba(var(--color-primary-500-rgb), var(--tw-text-opacity, 1)); --skin-text: inherit;     --skin-ghost-rgb: var(--color-fore-rgb); aspect-ratio: 1 / 1; padding-left: 0;     padding-right: 0; background-color: transparent; box-shadow: none;}
.gantt_task_content span.task-label, .gantt_task_content span.label-pri{display: none;}
.gantt_task_content {color: #fff}