1/* 2@license 3 4dhtmlxGantt v.6.3.5 Standard 5 6This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects. 7 8To use dhtmlxGantt in non-GPL projects (and get Pro version of the product), please obtain Commercial/Enterprise or Ultimate license on our site https://dhtmlx.com/docs/products/dhtmlxGantt/#licensing or contact us at sales@dhtmlx.com 9 10(c) XB Software Ltd. 11 12*/ 13.buttonBg { 14 background: #FFFFFF; 15} 16.gantt_task_line.gantt_critical_task { 17 background-color: #FF5252; 18 border: 1px solid #FF5252; 19} 20.gantt_task_line.gantt_critical_task .gantt_task_progress { 21 background-color: rgba(0, 0, 0, 0.15); 22} 23.gantt_task_line.gantt_critical_task.gantt_milestone, 24.gantt_task_line.gantt_critical_task.gantt_project { 25 border-color: #FF5252; 26} 27.gantt_links_area .gantt_task_link:hover .gantt_line_wrapper div { 28 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); 29} 30.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_right:before, 31.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_left:before { 32 content: ""; 33 position: absolute; 34 width: 0px; 35 height: 0px; 36 border: 3px solid; 37 transform-origin: center; 38 box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); 39} 40.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_right:before { 41 border-color: transparent transparent #87A4BC #87A4BC; 42 transform: skewY(-40deg); 43 top: -3px; 44 left: -7px; 45} 46.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_left:before { 47 border-color: transparent #87A4BC #87A4BC transparent; 48 transform: skewY(40deg); 49 top: -3px; 50 left: 1px; 51} 52.gantt_task_link.gantt_critical_link:hover .gantt_line_wrapper div { 53 box-shadow: 0 2px 4px 0px rgba(255, 82, 82, 0.2); 54} 55.gantt_task_link.gantt_critical_link:hover .gantt_link_arrow_left:before, 56.gantt_task_link.gantt_critical_link:hover .gantt_link_arrow_right:before { 57 border-color: transparent; 58 box-shadow: 0px 2px 3px 0px rgba(255, 82, 82, 0.4), 0 1px 1px 0 rgba(255, 82, 82, 0.25); 59} 60.gridHoverStyle { 61 background-color: rgba(0, 199, 181, 0.2); 62} 63.gridSelection { 64 background-color: rgba(0, 199, 181, 0.2); 65} 66.timelineSelection { 67 background-color: rgba(0, 199, 181, 0.2); 68} 69.gantt_layout_cell.grid_cell { 70 border-right: none; 71} 72.gantt_grid .gantt_row { 73 border-right: 1px solid #D7D7D7; 74} 75.gantt_grid .gantt_grid_scale { 76 border-right: 1px solid #D7D7D7; 77} 78.gantt_grid .gantt_grid_scale .gantt_grid_head_cell.gantt_grid_head_text { 79 text-align: left; 80 padding-left: 15px; 81} 82.gantt_grid .gantt_grid_scale .gantt_grid_head_cell { 83 color: rgba(0, 0, 0, 0.54); 84 border: none; 85 text-transform: uppercase; 86 font-weight: 500; 87} 88.gantt_grid .gantt_grid_scale .gantt_grid_column_resize_wrap { 89 opacity: 0; 90} 91.gantt_grid .gantt_grid_scale:hover .gantt_grid_column_resize_wrap { 92 opacity: 1; 93} 94/* Shadow under header */ 95div.gantt_grid_scale::after, 96div.gantt_scale_line:last-child::after { 97 content: ""; 98 width: 100%; 99 display: block; 100 height: 1px; 101 background-color: transparent; 102 position: absolute; 103 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1); 104 z-index: 1; 105} 106div.gantt_scale_line:last-child::after { 107 bottom: -1px; 108} 109.gantt_grid_data .gantt_cell { 110 border-right: none; 111 border-left: none; 112 color: rgba(0, 0, 0, 0.8); 113 font-weight: 400; 114} 115.gantt_grid_data .gantt_row:last-child { 116 border-bottom: 1px solid #D7D7D7; 117} 118.gantt_data_area .gantt_task_row:last-child { 119 border-bottom: 1px solid #D7D7D7; 120} 121/* 122 Animation 123*/ 124.gantt_task_line:hover .gantt_link_control div, 125.gantt_task_line:hover .gantt_task_progress_drag, 126.gantt_task_line:hover .gantt_task_drag { 127 animation: gantt_fade_in 0.15s; 128} 129.gantt_task_line.gantt_drag_progress .gantt_link_control div, 130.gantt_task_line.gantt_drag_move .gantt_link_control div, 131.gantt_task_line.gantt_drag_resize .gantt_link_control div, 132.gantt_task_line.gantt_drag_animation .gantt_link_control div, 133.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag, 134.gantt_task_line.gantt_drag_move .gantt_task_progress_drag, 135.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag, 136.gantt_task_line.gantt_drag_animation .gantt_task_progress_drag, 137.gantt_task_line.gantt_drag_progress .gantt_task_drag, 138.gantt_task_line.gantt_drag_move .gantt_task_drag, 139.gantt_task_line.gantt_drag_resize .gantt_task_drag, 140.gantt_task_line.gantt_drag_animation .gantt_task_drag { 141 animation: gantt_fade_in 0; 142} 143.gantt_task_line.gantt_selected .gantt_link_control div, 144.gantt_task_line.gantt_selected:hover .gantt_link_control div, 145.gantt_task_line.gantt_selected .gantt_task_progress_drag, 146.gantt_task_line.gantt_selected:hover .gantt_task_progress_drag, 147.gantt_task_line.gantt_selected .gantt_task_drag, 148.gantt_task_line.gantt_selected:hover .gantt_task_drag { 149 animation: none; 150} 151.gantt_grid_data .gantt_row, 152.gantt_grid_data .gantt_row.odd { 153 transition: background 0.15s; 154} 155.gantt_grid_column_resize_wrap { 156 transition: opacity 0.15s; 157} 158.gantt_link_line_down, 159.gantt_link_line_up, 160.gantt_link_line_right, 161.gantt_link_line_left { 162 transition: box-shadow 0.15s; 163} 164@keyframes gantt_fade_in { 165 0% { 166 opacity: 0; 167 } 168 100% { 169 opacity: 1; 170 } 171} 172/* 173 Tasks 174*/ 175.gantt_task_link .gantt_link_arrow_right { 176 border-width: 6px 7px 6px 7px; 177 margin-left: -2px; 178 margin-top: -3px; 179} 180.gantt_task_link .gantt_link_arrow_left { 181 border-width: 6px 7px 6px 7px; 182 margin-left: -6px; 183 margin-top: -3px; 184} 185.gantt_task_link .gantt_link_arrow_up { 186 border-width: 6px 6px 6px 6px; 187} 188.gantt_task_link .gantt_link_arrow_down { 189 border-width: 6px 6px 6px 6px; 190} 191.gantt_task_line.gantt_milestone { 192 margin-top: -1px; 193} 194.gantt_task_line.gantt_milestone .gantt_link_control.task_left { 195 left: -21px; 196} 197.gantt_task_line.gantt_milestone .gantt_link_control.task_right { 198 right: -19px; 199} 200.gantt_task_line.gantt_milestone .gantt_side_content { 201 color: rgba(0, 0, 0, 0.8); 202} 203.gantt_task_line.gantt_milestone .gantt_side_content.gantt_right { 204 margin-left: 3px; 205} 206.gantt_task_line.gantt_milestone .gantt_side_content.gantt_left { 207 margin-right: 3px; 208} 209.gantt_task_line.gantt_milestone .gantt_task_content { 210 padding: 0; 211} 212.gantt_task_line { 213 font-weight: 500; 214} 215.gantt_task_line .gantt_task_drag { 216 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQYV2NkQAOMIP6vX7/+g2g2NjZG7ALIugAfzQgFD7inoAAAAABJRU5ErkJggg==); 217 opacity: 0.95; 218} 219.gantt_task_line .gantt_task_drag.task_left { 220 left: 9px; 221} 222.gantt_task_line .gantt_task_drag.task_right { 223 right: 9px; 224} 225.gantt_task_line .gantt_link_point { 226 border: 2px solid; 227 border-color: inherit; 228 height: 15px; 229 background-color: #FAFAFA; 230 width: 15px; 231 border-radius: 100%; 232 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1); 233} 234.gantt_task_line .gantt_link_control { 235 top: -1px; 236 border-color: inherit; 237} 238.gantt_task_line .gantt_link_control.task_left { 239 left: -17px; 240} 241.gantt_task_line .gantt_link_control.task_right { 242 right: -15px; 243} 244.chartHeaderBg { 245 background-color: #fff; 246} 247.gantt_task .gantt_task_scale .gantt_scale_cell { 248 color: rgba(0, 0, 0, 0.54); 249 text-transform: uppercase; 250 font-weight: 500; 251} 252/* 253 project highlight 254*/ 255.gantt_row.gantt_project { 256 background-color: #edfffb; 257} 258.gantt_task_row.gantt_project { 259 background-color: #f5fffc; 260} 261.gantt_task_line.gantt_project { 262 background-color: #1DE9B6; 263 border-color: #16e1ae; 264} 265.gantt_task_line.gantt_project .gantt_task_content { 266 color: rgba(0, 0, 0, 0.6); 267 font-weight: 500; 268} 269.gantt_task_content { 270 text-overflow: ellipsis; 271 -moz-box-sizing: border-box; 272 -webkit-box-sizing: border-box; 273 box-sizing: border-box; 274 padding: 0 17px; 275} 276/* 277 lightbox 278*/ 279div.gantt_cal_light { 280 border: 0px; 281 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 282 width: 500px; 283 padding: 25px; 284} 285div.gantt_cal_light .gantt_cal_ltitle { 286 text-overflow: ellipsis; 287 font-size: 16px; 288 margin: -15px 0px 0px 0px; 289 padding: 16px 5px 9px 7px; 290 color: rgba(0, 0, 0, 0.8); 291} 292div.gantt_cal_light .gantt_cal_ltitle .gantt_mark { 293 display: none; 294} 295div.gantt_cal_light .gantt_cal_ltitle .gantt_time { 296 font-weight: 500; 297} 298div.gantt_cal_light .gantt_cal_ltitle .gantt_title { 299 font-weight: 400; 300} 301div.gantt_cal_light .gantt_cal_ltext { 302 padding: 7px; 303} 304div.gantt_cal_light .gantt_cal_ltext textarea { 305 padding: 6px 8px; 306} 307div.gantt_cal_light .gantt_cal_ltext textarea:focus { 308 outline-color: rgba(68, 138, 255, 0.9); 309 box-shadow: none; 310} 311div.gantt_cal_light .gantt_cal_ltext:focus { 312 outline-color: rgba(68, 138, 255, 0.9); 313 box-shadow: none; 314} 315div.gantt_cal_light .gantt_cal_lsection { 316 padding: 12px 0 5px 7px; 317 color: rgba(0, 0, 0, 0.8); 318 font-size: 14px; 319 font-weight: 500; 320} 321div.gantt_cal_light .gantt_cal_larea { 322 border: 0px; 323 padding: 2px 0px 0px 0px; 324 color: rgba(0, 0, 0, 0.8); 325} 326div.gantt_cal_light .gantt_section_time { 327 padding: 10px 7px; 328} 329div.gantt_cal_light .gantt_section_time *:focus { 330 outline-color: rgba(68, 138, 255, 0.9); 331 box-shadow: none; 332} 333div.gantt_cal_light .gantt_btn_set { 334 margin: 10px 7px 10px 7px; 335 text-transform: uppercase; 336 height: 32px; 337 padding: 7px 15px; 338} 339div.gantt_cal_light select, 340div.gantt_cal_light .gantt_section_time select { 341 height: 30px; 342} 343div.gantt_cal_light select:focus { 344 outline-color: rgba(68, 138, 255, 0.9); 345 box-shadow: none; 346} 347.gantt_popup_button { 348 float: right; 349 text-transform: uppercase; 350 font-weight: 500; 351} 352.gantt_cal_quick_info .gantt_qi_big_icon { 353 font-weight: 500; 354 height: 32px; 355 text-transform: uppercase; 356} 357.gantt_cal_quick_info .gantt_qi_big_icon div { 358 padding-top: 1px; 359} 360.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set { 361 background: #FFFFFF; 362 color: #116aff; 363} 364.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set .gantt_cancel_btn { 365 display: none; 366} 367.gantt_popup_button.gantt_cancel_button { 368 color: #116aff; 369} 370.gantt_popup_button.gantt_cancel_button:hover, 371.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set:hover { 372 background: rgba(17, 106, 255, 0.25); 373 color: #005cf7; 374} 375.gantt_popup_button.gantt_cancel_button:focus, 376.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set:focus { 377 background: rgba(17, 106, 255, 0.35); 378 color: #0053dd; 379 outline: none; 380 box-shadow: none; 381} 382.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set { 383 background: #FFFFFF; 384 color: #FF584C; 385} 386.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set .gantt_delete_btn { 387 display: none; 388} 389.gantt_qi_big_icon.icon_delete { 390 background: #FFFFFF; 391 color: #FF584C; 392} 393.gantt_qi_big_icon.icon_delete .gantt_menu_icon { 394 display: none; 395} 396.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set:hover, 397.gantt_qi_big_icon.icon_delete:hover { 398 background: rgba(255, 88, 76, 0.25); 399} 400.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set:focus, 401.gantt_qi_big_icon.icon_delete:focus { 402 background: rgba(255, 88, 76, 0.35); 403 color: #ff4032; 404 outline: none; 405 box-shadow: none; 406} 407.gantt_qi_big_icon.icon_edit .gantt_menu_icon { 408 display: none; 409} 410.gantt_cal_light .gantt_btn_set.gantt_save_btn_set .gantt_save_btn { 411 display: none; 412} 413.gantt_cal_light .gantt_btn_set.gantt_save_btn_set, 414.gantt_qi_big_icon.icon_edit, 415.gantt_popup_button.gantt_ok_button { 416 background-color: #448AFF; 417 color: #FFFFFF; 418} 419.gantt_qi_big_icon.icon_edit:hover, 420.gantt_popup_button.gantt_ok_button:hover, 421.gantt_cal_light .gantt_btn_set.gantt_save_btn_set:hover { 422 background-color: #005cf6; 423} 424.gantt_popup_button.gantt_ok_button:focus, 425.gantt_qi_big_icon.icon_edit:focus, 426.gantt_cal_light .gantt_btn_set.gantt_save_btn_set:focus { 427 background-color: #005cf6; 428 outline: none; 429 box-shadow: none; 430} 431.gantt_duration { 432 color: rgba(0, 0, 0, 0.54); 433 font-weight: 500; 434} 435.gantt_duration .gantt_duration_dec { 436 color: transparent; 437} 438.gantt_duration .gantt_duration_inc { 439 color: transparent; 440 margin-right: 2px; 441} 442div.gantt_duration .gantt_duration_dec { 443 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAM0lEQVQ4T2NkoBAwUqifYdQABiqFgcaMDf/JiY0bGQGM4Fig2ABybIfpGU0H1EoHlMQCAIgYCBGYGr9NAAAAAElFTkSuQmCC); 444 background-repeat: no-repeat; 445 background-position: center; 446} 447div.gantt_duration .gantt_duration_inc { 448 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAO0lEQVQ4T2NkoBAw4tOvMWPDf5D8jYwAnOpGDWBgoE4YwEKb1BgFxQ7YBRQbgMvm0XSACNyBywvEpAsA12c4ER3FU64AAAAASUVORK5CYII=); 449 background-repeat: no-repeat; 450 background-position: center; 451} 452/* 453 milestone 454*/ 455.gantt_task_line.gantt_milestone { 456 border-radius: 2px; 457} 458/* 459 Message 460*/ 461.gantt-info.dhtmlx-info, 462.gantt-info.dhtmlx-error { 463 border-radius: 2px; 464 border-width: 0px; 465 width: 237px; 466} 467.gantt-info.dhtmlx-info div, 468.gantt-info.dhtmlx-error div { 469 border: 0px; 470 padding: 11px; 471} 472/* 473 Quick info 474*/ 475.gantt_cal_quick_info { 476 padding: 15px 25px; 477 min-width: 210px; 478 max-width: 400px; 479 font-size: 16px; 480} 481.gantt_cal_quick_info .gantt_cal_qi_title { 482 padding: 5px 0px 10px 0px; 483 border-bottom: 0px; 484} 485.gantt_cal_quick_info .gantt_cal_qi_title .gantt_cal_qi_tcontent { 486 display: none; 487} 488.gantt_cal_quick_info .gantt_cal_qi_title .gantt_cal_qi_tdate { 489 font-size: 16px; 490 font-weight: 500; 491} 492.gantt_cal_quick_info .gantt_cal_qi_content { 493 padding: 8px 0px; 494 font-size: 14px; 495 text-overflow: ellipsis; 496} 497.gantt_cal_quick_info .gantt_cal_qi_controls { 498 padding: 5px 0px 0px 0px; 499 float: right; 500} 501/*links dnd*/ 502.gantt_tooltip { 503 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 504 background-color: #FFFFFF; 505 border: 0px; 506 font-family: "Roboto", arial, sans-serif; 507 font-size: 14px; 508 color: rgba(0, 0, 0, 0.8); 509 line-height: 1.5em; 510 max-width: 400px; 511 text-overflow: ellipsis; 512 overflow: hidden; 513} 514.gantt_modal_box { 515 max-width: 400px; 516 padding: 15px 25px; 517 text-overflow: ellipsis; 518 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 519 color: rgba(0, 0, 0, 0.8); 520} 521.gantt_modal_box .gantt_popup_text { 522 font-size: 14px; 523 line-height: 1.5; 524 text-align: left; 525 padding: 1px 0px; 526 margin: 0px; 527} 528.gantt_modal_box .gantt_popup_title { 529 background-color: #fff; 530 margin: 0px; 531 padding: 4px 0px 14px 0px; 532 text-align: left; 533 font-weight: 500; 534} 535.gantt_tree_icon.gantt_folder_open { 536 display: none; 537} 538.gantt_tree_icon.gantt_folder_closed { 539 display: none; 540} 541.gantt_tree_icon.gantt_file { 542 display: none; 543} 544.gantt_popup_shadow { 545 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 546} 547.gantt_task_line .gantt_side_content { 548 font-size: 14px; 549 color: rgba(0, 0, 0, 0.54); 550} 551div.gantt_drag_marker { 552 z-index: 4; 553} 554div.gantt_drag_marker .gantt_link_tooltip { 555 font-size: 14px; 556 font-family: Roboto; 557 border-width: 0px; 558 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 559} 560.switch_unsetted { 561 display: none; 562} 563.matherial_checkbox_icon { 564 background-size: cover; 565 height: 1.3em; 566 width: 1.3em; 567 display: inline-block; 568 vertical-align: -0.3em; 569} 570.matherial_checkbox_checked, 571.switch_unsetted:checked + .matherial_checkbox_icon, 572label.gantt_resource_row input[type=checkbox]:checked + div.gantt_resource_cell_checkbox .matherial_checkbox_icon { 573 background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Bounding_Boxes%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Outline_1_%22%3E%3Cg%3E%3Cpath%20d%3D%22M19%2C3H5C3.9%2C3%2C3%2C3.9%2C3%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2V5C21%2C3.9%2C20.1%2C3%2C19%2C3z%20M19%2C19H5V5h14V19z%22%20fill-opacity%3D%220.8%22%2F%3E%3Cpolygon%20points%3D%2217.99%2C9%2016.58%2C7.58%209.99%2C14.17%207.41%2C11.6%205.99%2C13.01%209.99%2C17%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A); 574} 575.matherial_checkbox_unchecked, 576.switch_unsetted + .matherial_checkbox_icon, 577label.gantt_resource_row input[type=checkbox] + div.gantt_resource_cell_checkbox .matherial_checkbox_icon { 578 background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Bounding_Boxes%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Outline_1_%22%3E%3Cpath%20d%3D%22M19%2C5v14H5V5H19%20M19%2C3H5C3.9%2C3%2C3%2C3.9%2C3%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2V5C21%2C3.9%2C20.1%2C3%2C19%2C3z%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); 579} 580label.gantt_resource_row input[type=checkbox] { 581 display: none; 582} 583label.gantt_resource_row select { 584 height: calc(1.3em + 4px); 585 border-width: 0.5px; 586} 587.gantt_container { 588 background-color: #FFFFFF; 589 font-family: "Roboto", arial, sans-serif; 590 font-size: 14px; 591 border: 1px solid #D7D7D7; 592 position: relative; 593 white-space: nowrap; 594 overflow-x: hidden; 595 overflow-y: hidden; 596} 597.gantt_task_scroll { 598 overflow-x: scroll; 599} 600.gantt_task, 601.gantt_grid { 602 position: relative; 603 overflow-x: hidden; 604 overflow-y: hidden; 605 display: inline-block; 606 vertical-align: top; 607} 608.gantt_grid_scale, 609.gantt_task_scale { 610 color: rgba(31, 31, 31, 0.8); 611 font-size: 14px; 612 border-bottom: 1px solid #D7D7D7; 613 -moz-box-sizing: border-box; 614 box-sizing: border-box; 615} 616.gantt_grid_scale { 617 background-color: #fff; 618} 619.gantt_task_scale { 620 background-color: #fff; 621} 622.gantt_task_vscroll { 623 background-color: #fff; 624} 625.gantt_scale_line { 626 box-sizing: border-box; 627 -moz-box-sizing: border-box; 628 border-top: 1px solid #D7D7D7; 629} 630.gantt_scale_line:first-child { 631 border-top: none; 632} 633.gantt_grid_head_cell { 634 display: inline-block; 635 vertical-align: top; 636 border-right: 1px solid #D7D7D7; 637 text-align: center; 638 position: relative; 639 cursor: default; 640 height: 100%; 641 box-sizing: border-box; 642 -moz-box-sizing: border-box; 643 line-height: 35px; 644 -moz-user-select: -moz-none; 645 -webkit-user-select: none; 646 user-select: none; 647 overflow: hidden; 648} 649.gantt_scale_line { 650 clear: both; 651} 652.gantt_grid_data { 653 width: 100%; 654 overflow: hidden; 655 position: relative; 656} 657.gantt_row { 658 position: relative; 659 -webkit-user-select: none; 660 -moz-user-select: none; 661 -moz-user-select: -moz-none; 662} 663.gantt_add, 664.gantt_grid_head_add { 665 width: 100%; 666 height: 100%; 667 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAO0lEQVQ4T2NkoBAw4tMvuGHWf5D8+4A0nOpGDWBgoE4YwEKb1BgFxQ7YBRQbgMvm0XSACNyBywvEpAsAxlc4EbYmh6oAAAAASUVORK5CYII=); 668 background-position: center center; 669 background-repeat: no-repeat; 670 cursor: pointer; 671 position: relative; 672 -moz-opacity: 0.6; 673 opacity: 0.6; 674} 675.gantt_grid_head_cell.gantt_grid_head_add { 676 -moz-opacity: 0.6; 677 opacity: 0.6; 678 top: 0; 679} 680.gantt_grid_head_cell.gantt_grid_head_add:hover { 681 -moz-opacity: 1; 682 opacity: 1; 683} 684.gantt_grid_data .gantt_row:hover, 685.gantt_grid_data .gantt_row.odd:hover { 686 background-color: rgba(0, 199, 181, 0.2); 687} 688.gantt_grid_data .gantt_row:hover .gantt_add, 689.gantt_grid_data .gantt_row.odd:hover .gantt_add { 690 -moz-opacity: 1; 691 opacity: 1; 692} 693.gantt_task_row, 694.gantt_row { 695 border-bottom: 0px; 696} 697.gantt_row, 698.gantt_task_row { 699 background-color: #FFFFFF; 700} 701.gantt_row.odd, 702.gantt_task_row.odd { 703 background-color: #FFFFFF; 704} 705.gantt_row, 706.gantt_cell, 707.gantt_task_row, 708.gantt_task_cell, 709.gantt_grid_head_cell, 710.gantt_scale_cell { 711 box-sizing: border-box; 712 -moz-box-sizing: border-box; 713} 714.gantt_grid_head_cell, 715.gantt_scale_cell { 716 line-height: inherit; 717} 718.gantt_grid_scale .gantt_grid_column_resize_wrap { 719 cursor: col-resize; 720 position: absolute; 721 width: 13px; 722 margin-left: -7px; 723} 724.gantt_grid_column_resize_wrap .gantt_grid_column_resize { 725 background-color: #D7D7D7; 726 height: 100%; 727 width: 1px; 728 margin: 0 auto; 729} 730.gantt_drag_marker.gantt_grid_resize_area { 731 background-color: rgba(231, 231, 231, 0.5); 732 border-left: 1px solid #D7D7D7; 733 border-right: 1px solid #D7D7D7; 734 height: 100%; 735 width: 100%; 736 -moz-box-sizing: border-box; 737 -webkit-box-sizing: border-box; 738 box-sizing: border-box; 739} 740.gantt_cell { 741 display: inline-block; 742 vertical-align: top; 743 border-right: 1px solid #D7D7D7; 744 padding-left: 6px; 745 padding-right: 6px; 746 height: 100%; 747 overflow: hidden; 748 white-space: nowrap; 749 font-size: 14px; 750 font-weight: 500; 751} 752.gantt_grid_scale .gantt_last_cell, 753.gantt_grid_data .gantt_last_cell, 754.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell, 755.gantt_task_bg .gantt_last_cell { 756 border-right-width: 0px; 757} 758.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell { 759 border-right-width: 1px; 760} 761.gantt_task_bg { 762 overflow: hidden; 763} 764.gantt_scale_cell { 765 display: inline-block; 766 white-space: nowrap; 767 overflow: hidden; 768 border-right: 1px solid #D7D7D7; 769 text-align: center; 770 height: 100%; 771} 772.gantt_task_cell { 773 display: inline-block; 774 height: 100%; 775 border-right: 1px solid #D7D7D7; 776} 777.gantt_layout_cell.gantt_ver_scroll { 778 width: 0px; 779 background-color: transparent; 780 height: 1px; 781 overflow-x: hidden; 782 overflow-y: scroll; 783 position: absolute; 784 right: 0px; 785 z-index: 1; 786} 787.gantt_ver_scroll > div { 788 width: 1px; 789 height: 1px; 790} 791.gantt_hor_scroll { 792 height: 0px; 793 background-color: transparent; 794 width: 100%; 795 clear: both; 796 overflow-x: scroll; 797 overflow-y: hidden; 798} 799.gantt_layout_cell .gantt_hor_scroll { 800 position: absolute; 801} 802.gantt_hor_scroll > div { 803 width: 5000px; 804 height: 1px; 805} 806.gantt_tree_indent { 807 width: 15px; 808 height: 100%; 809 display: inline-block; 810} 811.gantt_tree_content, 812.gantt_tree_icon { 813 vertical-align: top; 814} 815.gantt_tree_icon { 816 width: 28px; 817 height: 100%; 818 display: inline-block; 819 background-repeat: no-repeat; 820 background-position: center center; 821} 822.gantt_tree_content { 823 height: 100%; 824 display: inline-block; 825} 826.gantt_tree_icon.gantt_open { 827 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAAuUAAALlAF37bb0AAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAH/SURBVHgBAO8BEP4B////AAAAAAB1dXWV2NjYa+7u7gAJCQkA////AAAAAAAAAAAAvb29AAAAAAACAAAAAAAAAAAGBgZqKysrvREREQD7+/sACAgIAAgICAAICAgAAAAAAAAAAAACAAAAAAAAAAD6+vr1BAQEQisrK8YQEBAA9vb2AP39/QD9/f0AAAAAAAAAAAACAAAAAAAAAAABAQEA+fn5AAUFBTkqKirWCAgIBPLy8gD5+fkAAAAAAAAAAAACAAAAAAAAAAAAAAAAAQEBAPn5+QADAwMpMjIy3xkZGRsEBAQAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAEBAQD4+PgABQUFHCQkJKoVFRUwAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAP///wAICAgA+/v76N3d3Vvx8fHgAAAAAAAAAAAEAAAAAAAAAAAAAAAA////AAcHBwD9/f3b0dHRLfDw8PkGBgYAAAAAAAAAAAAEAAAAAAAAAAD///8ABwcHAPv7+8vY2Ng29/f3AA4ODgAAAAAAAAAAAAAAAAACAAAAAAAAAAAGBgYL+/v7w9LS0jbu7u4ACAgIAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAD4+Pia2traPvj4+AAMDAwA////AAAAAAAAAAAAAAAAAAAAAAABAAD//z9HdQMRW/QpAAAAAElFTkSuQmCC); 828 width: 18px; 829 cursor: pointer; 830} 831.gantt_tree_icon.gantt_close { 832 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAAuUAAALlAF37bb0AAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAH/SURBVHgBAO8BEP4B////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcnJymQgICGb6+vr1AQEBAAAAAAAAAAAAAAAAAAAAAAD///8ABgYGC/r6+pYDFxcXtBEREUMGBgYk/Pz8BgEBAQYAAAAGAAAABv///wYHBwcG/f39vtfX11cC8PDwANLS0j77+/vLBwcHAP///wAAAAAA////AAcHBwD7+/vH1NTUQ+7u7gACCAgIAPT09ADY2Ng2/f392wcHBwD+/v4ABwcHAP39/dfY2Ng68/PzAAkJCQAC////AAwMDADy8vIA0dHRLf///+gMDAwA////5NDQ0C7y8vIADAwMAP///wACAAAAAP///wAHBwcA8PDw+dnZ2Tn39/fG2NjYOPHx8fwHBwcAAAAAAAAAAAADJCQkAAAAAAAAAAAA////APv7+/D8/PzO7+/v2wICAgAEBAQAAgICAPz8/AAB////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAD//4RfjvnDJoM6AAAAAElFTkSuQmCC); 833 width: 18px; 834 cursor: pointer; 835} 836.gantt_tree_icon.gantt_blank { 837 width: 18px; 838} 839.gantt_tree_icon.gantt_folder_open { 840 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 841} 842.gantt_tree_icon.gantt_folder_closed { 843 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 844} 845.gantt_tree_icon.gantt_file { 846 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 847} 848.gantt_grid_head_cell .gantt_sort { 849 position: absolute; 850 right: 5px; 851 top: 8px; 852 width: 7px; 853 height: 13px; 854 background-repeat: no-repeat; 855 background-position: center center; 856} 857.gantt_grid_head_cell .gantt_sort.gantt_asc { 858 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC); 859} 860.gantt_grid_head_cell .gantt_sort.gantt_desc { 861 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC); 862} 863.gantt_inserted, 864.gantt_updated { 865 font-weight: bold; 866} 867.gantt_deleted { 868 text-decoration: line-through; 869} 870.gantt_invalid { 871 background-color: #FFE0E0; 872} 873.gantt_error { 874 color: red; 875} 876.gantt_status { 877 right: 1px; 878 padding: 5px 10px; 879 background: rgba(155, 155, 155, 0.1); 880 position: absolute; 881 top: 1px; 882 -webkit-transition: opacity 0.2s; 883 transition: opacity 0.2s; 884 opacity: 0; 885} 886.gantt_status.gantt_status_visible { 887 opacity: 1; 888} 889#gantt_ajax_dots span { 890 -webkit-transition: opacity 0.2s; 891 transition: opacity 0.2s; 892 background-repeat: no-repeat; 893 opacity: 0; 894} 895#gantt_ajax_dots span.gantt_dot_visible { 896 opacity: 1; 897} 898.gantt_message_area { 899 position: fixed; 900 right: 5px; 901 width: 250px; 902 z-index: 1000; 903} 904.gantt-info { 905 min-width: 120px; 906 padding: 4px 4px 4px 20px; 907 font-family: "Roboto", arial, sans-serif; 908 z-index: 10000; 909 margin: 5px; 910 margin-bottom: 10px; 911 -webkit-transition: all .5s ease; 912 -moz-transition: all .5s ease; 913 -o-transition: all .5s ease; 914 transition: all .5s ease; 915} 916.gantt-info.hidden { 917 height: 0px; 918 padding: 0px; 919 border-width: 0px; 920 margin: 0px; 921 overflow: hidden; 922} 923.gantt_modal_box { 924 overflow: hidden; 925 display: inline-block; 926 min-width: 210px; 927 width: 210px; 928 text-align: center; 929 position: fixed; 930 z-index: 20000; 931 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 932 font-family: "Roboto", arial, sans-serif; 933 border-radius: 2px; 934 border: 0px; 935 background: #FFFFFF; 936} 937.gantt_popup_title { 938 border-top-left-radius: 2px; 939 border-top-right-radius: 2px; 940 border-width: 0px; 941} 942.gantt_button, 943.gantt_popup_button { 944 border: 0px; 945 height: 32px; 946 line-height: 32px; 947 display: inline-block; 948 margin: 4px 0px 4px 14px; 949 border-radius: 2px; 950 background: #FFFFFF; 951} 952.gantt-info, 953.gantt_popup_button, 954.gantt_button { 955 user-select: none; 956 -webkit-user-select: none; 957 -moz-user-select: -moz-none; 958 cursor: pointer; 959} 960.gantt_popup_text { 961 overflow: hidden; 962} 963.gantt_popup_controls { 964 border-radius: 6px; 965 padding: 4px 0px 0px 0px; 966} 967.gantt_popup_button { 968 min-width: 80px; 969} 970div.dhx_modal_cover { 971 background-color: #000; 972 cursor: default; 973 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); 974 opacity: 0.2; 975 position: fixed; 976 z-index: 19999; 977 left: 0px; 978 top: 0px; 979 width: 100%; 980 height: 100%; 981 border: none; 982 zoom: 1; 983} 984.gantt-info img, 985.gantt_modal_box img { 986 float: left; 987 margin-right: 20px; 988} 989.gantt-alert-error, 990.gantt-confirm-error { 991 border: 1px solid #ff0000; 992} 993/*Skin section*/ 994.gantt_button input, 995.gantt_popup_button div { 996 border-radius: 2px; 997 font-size: 14px; 998 -moz-box-sizing: content-box; 999 box-sizing: content-box; 1000 padding: 1px; 1001 margin: 0px; 1002 vertical-align: top; 1003} 1004.gantt_popup_title { 1005 border-bottom: 0px; 1006 height: auto; 1007 line-height: 16px; 1008 font-size: 16px; 1009} 1010.gantt_popup_text { 1011 margin: 15px 15px 5px 15px; 1012 font-size: 14px; 1013 color: rgba(0, 0, 0, 0.8); 1014 min-height: 30px; 1015 border-radius: 2px; 1016} 1017.gantt-info, 1018.gantt-error { 1019 font-size: 14px; 1020 color: #000; 1021 box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2); 1022 padding: 0px; 1023 background-color: #FFFFFF; 1024 border-radius: 3px; 1025 border: 1px solid #FFFFFF; 1026} 1027.gantt-info div { 1028 padding: 5px 10px 5px 10px; 1029 background-color: #FFFFFF; 1030 border-radius: 3px; 1031 border: 1px solid #D7D7D7; 1032} 1033.gantt-error { 1034 background-color: #FF5252; 1035 border: 1px solid #FF5252; 1036} 1037.gantt-error div { 1038 background-color: #FF5252; 1039 border: 1px solid #FF5252; 1040 color: #FFFFFF; 1041} 1042.gantt-warning { 1043 background-color: #FFAB00; 1044 border: 1px solid #FFAB00; 1045} 1046.gantt-warning div { 1047 background-color: #FFAB00; 1048 border: 1px solid #FFAB00; 1049 color: #FFFFFF; 1050} 1051.gantt_grid div, 1052.gantt_data_area div { 1053 -ms-touch-action: none; 1054 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1055} 1056.gantt_data_area { 1057 position: relative; 1058 overflow-x: hidden; 1059 overflow-y: hidden; 1060 -moz-user-select: -moz-none; 1061 -webkit-user-select: none; 1062 user-select: none; 1063} 1064.gantt_links_area { 1065 position: absolute; 1066 left: 0px; 1067 top: 0px; 1068} 1069.gantt_task_content, 1070.gantt_task_progress, 1071.gantt_side_content { 1072 line-height: inherit; 1073 overflow: hidden; 1074 height: 100%; 1075} 1076.gantt_task_content { 1077 font-size: 14px; 1078 color: #fff; 1079 width: 100%; 1080 top: 0; 1081 cursor: pointer; 1082 position: absolute; 1083 white-space: nowrap; 1084 text-align: center; 1085} 1086.gantt_task_progress { 1087 text-align: center; 1088 z-index: 0; 1089 background: rgba(0, 0, 0, 0.15); 1090} 1091.gantt_task_progress_wrapper { 1092 border-radius: inherit; 1093 position: relative; 1094 width: 100%; 1095 height: 100%; 1096 overflow: hidden; 1097} 1098.gantt_task_line { 1099 -webkit-border-radius: 50px; 1100 -moz-border-radius: 50px; 1101 border-radius: 50px; 1102 position: absolute; 1103 -moz-box-sizing: border-box; 1104 box-sizing: border-box; 1105 background-color: #448AFF; 1106 border: 1px solid #448AFF; 1107 -webkit-user-select: none; 1108 -moz-user-select: none; 1109 -moz-user-select: -moz-none; 1110} 1111.gantt_task_line.gantt_drag_move div { 1112 cursor: move; 1113} 1114.gantt_touch_move, 1115.gantt_touch_progress .gantt_touch_resize { 1116 -moz-transform: scale(1.02, 1.1); 1117 -o-transform: scale(1.02, 1.1); 1118 -webkit-transform: scale(1.02, 1.1); 1119 transform: scale(1.02, 1.1); 1120 -moz-transform-origin: 50%; 1121 -o-transform-origin: 50%; 1122 -webkit-transform-origin: 50%; 1123 transform-origin: 50%; 1124} 1125.gantt_touch_progress .gantt_task_progress_drag, 1126.gantt_touch_resize .gantt_task_drag { 1127 -moz-transform: scaleY(1.3); 1128 -o-transform: scaleY(1.3); 1129 -webkit-transform: scaleY(1.3); 1130 transform: scaleY(1.3); 1131 -moz-transform-origin: 50%; 1132 -o-transform-origin: 50%; 1133 -webkit-transform-origin: 50%; 1134 transform-origin: 50%; 1135} 1136.gantt_side_content { 1137 position: absolute; 1138 white-space: nowrap; 1139 color: #6e6e6e; 1140 top: 0; 1141 font-size: 11px; 1142 font-size: 13px; 1143} 1144.gantt_side_content.gantt_left { 1145 right: 100%; 1146 padding-right: 20px; 1147} 1148.gantt_side_content.gantt_right { 1149 left: 100%; 1150 padding-left: 20px; 1151} 1152.gantt_side_content.gantt_link_crossing { 1153 bottom: 8px; 1154 top: auto; 1155} 1156.gantt_task_link .gantt_line_wrapper, 1157.gantt_link_arrow { 1158 position: absolute; 1159 cursor: pointer; 1160} 1161.gantt_line_wrapper div { 1162 background-color: #87A4BC; 1163} 1164.gantt_task_link:hover .gantt_line_wrapper div { 1165 box-shadow: 0 0 5px 0px #87A4BC; 1166} 1167.gantt_task_link div.gantt_link_arrow { 1168 background-color: transparent; 1169 border-style: solid; 1170 width: 0px; 1171 height: 0px; 1172} 1173.gantt_link_control { 1174 position: absolute; 1175 width: 20px; 1176 top: 0px; 1177} 1178.gantt_link_control div { 1179 display: none; 1180 cursor: pointer; 1181 box-sizing: border-box; 1182 position: relative; 1183 top: 50%; 1184 margin-top: -7.5px; 1185 vertical-align: middle; 1186 border: 1px solid #929292; 1187 -webkit-border-radius: 6.5px; 1188 -moz-border-radius: 6.5px; 1189 border-radius: 6.5px; 1190 height: 13px; 1191 width: 13px; 1192 background-color: #f0f0f0; 1193} 1194.gantt_link_control.task_right div.gantt_link_point { 1195 margin-left: 7px; 1196} 1197.gantt_link_control div:hover { 1198 background-color: #FFF; 1199} 1200.gantt_link_control.task_left { 1201 left: -20px; 1202} 1203.gantt_link_control.task_right { 1204 right: -20px; 1205} 1206.gantt_task_line.gantt_selected .gantt_link_control div, 1207.gantt_task_line:hover .gantt_link_control div, 1208.gantt_task_line.gantt_drag_progress .gantt_link_control div, 1209.gantt_task_line.gantt_drag_move .gantt_link_control div, 1210.gantt_task_line.gantt_drag_resize .gantt_link_control div, 1211.gantt_task_line.gantt_selected .gantt_task_progress_drag, 1212.gantt_task_line:hover .gantt_task_progress_drag, 1213.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag, 1214.gantt_task_line.gantt_drag_move .gantt_task_progress_drag, 1215.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag, 1216.gantt_task_line.gantt_selected .gantt_task_drag, 1217.gantt_task_line:hover .gantt_task_drag, 1218.gantt_task_line.gantt_drag_progress .gantt_task_drag, 1219.gantt_task_line.gantt_drag_move .gantt_task_drag, 1220.gantt_task_line.gantt_drag_resize .gantt_task_drag { 1221 display: block; 1222} 1223.gantt_link_target .gantt_link_control div { 1224 display: block; 1225} 1226.gantt_link_source, 1227.gantt_link_target { 1228 box-shadow: 0px 0px 3px #448AFF; 1229} 1230.gantt_link_target.link_start_allow, 1231.gantt_link_target.link_finish_allow { 1232 box-shadow: 0px 0px 3px #b8c9d7; 1233} 1234.gantt_link_target.link_start_deny, 1235.gantt_link_target.link_finish_deny { 1236 box-shadow: 0px 0px 3px #FF5252; 1237} 1238.link_start_allow .gantt_link_control.task_start_date div, 1239.link_finish_allow .gantt_link_control.task_end_date div { 1240 background-color: #b8c9d7; 1241 border-color: #87a4bc; 1242} 1243.link_start_deny .gantt_link_control.task_start_date div, 1244.link_finish_deny .gantt_link_control.task_end_date div { 1245 background-color: #FF5252; 1246 border-color: #ff0505; 1247} 1248.gantt_link_arrow_right { 1249 border-width: 6px 0 6px 6px; 1250 border-top-color: transparent !important; 1251 border-right-color: transparent !important; 1252 border-bottom-color: transparent !important; 1253 border-left-color: #87A4BC; 1254 margin-top: -1px; 1255} 1256.gantt_link_arrow_left { 1257 border-width: 6px 6px 6px 0; 1258 margin-top: -1px; 1259 border-top-color: transparent !important; 1260 border-right-color: #87A4BC; 1261 border-bottom-color: transparent !important; 1262 border-left-color: transparent !important; 1263} 1264.gantt_link_arrow_up { 1265 border-width: 0 6px 6px 6px; 1266 border-color: transparent transparent #87A4BC transparent; 1267 border-top-color: transparent !important; 1268 border-right-color: transparent !important; 1269 border-bottom-color: #87A4BC; 1270 border-left-color: transparent !important; 1271} 1272.gantt_link_arrow_down { 1273 border-width: 6px 6px 0 6px; 1274 border-top-color: #87A4BC; 1275 border-right-color: transparent !important; 1276 border-bottom-color: transparent !important; 1277 border-left-color: transparent !important; 1278} 1279.gantt_task_drag, 1280.gantt_task_progress_drag { 1281 cursor: ew-resize; 1282 display: none; 1283 position: absolute; 1284} 1285.gantt_task_drag.task_right { 1286 cursor: e-resize; 1287} 1288.gantt_task_drag.task_left { 1289 cursor: w-resize; 1290} 1291.gantt_task_drag { 1292 height: 80%; 1293 width: 8px; 1294 z-index: 1; 1295 top: 10%; 1296} 1297.gantt_task_drag.task_left { 1298 left: -7px; 1299} 1300.gantt_task_drag.task_right { 1301 right: -7px; 1302} 1303.gantt_task_progress_drag { 1304 height: 19px; 1305 width: 25px; 1306 bottom: -10px; 1307 margin-left: -14px; 1308 background-position: bottom; 1309 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAAABGdBTUEAALGPC/xhBQAAAeNJREFUOBGlU0tOAkEQdQAHiIpDjPGz87fxCu400Wt4C1gRbsAhPARbbsCKxISFsjDqUiMfgRl8r+WRYmCExEoeVV1d9V51N+NtrG/ektLJktxCalmjLVq1b2sTBf8isXuKrY+mCpbcxrMBUrNoPrBkjFmXBjaBfL1evxyPx412u32CtWoRzsVcJxqb4sRZ5LaAvVqtdjUajV4msDAMn1ut1jnyHICDqBdhsqnITp5D+Q5wUK1WrweDwSsFZBRqNpsX2F9LKEmgAIKjcrl82+/330Ru/bpCfwkcl0qlu16v926J4/EqIQnQ63F5RTzBWgISNG+08D4S4UYG8IFt4JBXtOoEEpBPEpKITpGHwH6lUrlJegMRJvkoip46nc4peBy3BOQpxJMUG43Gve/7Z/g3+ZguDUKPwJ4zz/MmQiqVijKZTJjNZodBEHSLxWI3l8s9FgqFBxS7JgnQU4TfRADsArw2ijLP66SxTl82v/rQ4BvxF/ABfAJDYMI3sMZmNnWnng0kp4iGQeiMtURciMSDaR5uvpFkOg1JOYBycQFsOZOQhosLMu+Ifsvnr0ATWnLGcXMkSKre+lmtJWFSaxHG/azRBFaIaa4FV5ZEorwrwk98rTy9RJRbWNtmG6vhv94J/gATDnWOR2FfEQAAAABJRU5ErkJggg==); 1310 background-repeat: no-repeat; 1311 z-index: 1; 1312} 1313.gantt_task_progress_drag:hover { 1314 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAAABGdBTUEAALGPC/xhBQAAAeNJREFUOBGlU0tOAkEQdQAHiIpDjPGz87fxCu400Wt4C1gRbsAhPARbbsCKxISFsjDqUiMfgRl8r+WRYmCExEoeVV1d9V51N+NtrG/ektLJktxCalmjLVq1b2sTBf8isXuKrY+mCpbcxrMBUrNoPrBkjFmXBjaBfL1evxyPx412u32CtWoRzsVcJxqb4sRZ5LaAvVqtdjUajV4msDAMn1ut1jnyHICDqBdhsqnITp5D+Q5wUK1WrweDwSsFZBRqNpsX2F9LKEmgAIKjcrl82+/330Ru/bpCfwkcl0qlu16v926J4/EqIQnQ63F5RTzBWgISNG+08D4S4UYG8IFt4JBXtOoEEpBPEpKITpGHwH6lUrlJegMRJvkoip46nc4peBy3BOQpxJMUG43Gve/7Z/g3+ZguDUKPwJ4zz/MmQiqVijKZTJjNZodBEHSLxWI3l8s9FgqFBxS7JgnQU4TfRADsArw2ijLP66SxTl82v/rQ4BvxF/ABfAJDYMI3sMZmNnWnng0kp4iGQeiMtURciMSDaR5uvpFkOg1JOYBycQFsOZOQhosLMu+Ifsvnr0ATWnLGcXMkSKre+lmtJWFSaxHG/azRBFaIaa4FV5ZEorwrwk98rTy9RJRbWNtmG6vhv94J/gATDnWOR2FfEQAAAABJRU5ErkJggg==); 1315} 1316.gantt_link_tooltip { 1317 box-shadow: 3px 3px 3px #888888; 1318 background-color: #FFFFFF; 1319 border-left: 1px solid #cecece; 1320 border-top: 1px solid #cecece; 1321 font-family: Tahoma; 1322 font-size: 14px; 1323 color: rgba(0, 0, 0, 0.8); 1324 padding: 11px; 1325 line-height: 20px; 1326} 1327.gantt_link_direction { 1328 height: 0px; 1329 border: 0px none #87A4BC; 1330 border-bottom-style: dashed; 1331 border-bottom-width: 2px; 1332 transform-origin: 0% 0%; 1333 -ms-transform-origin: 0% 0%; 1334 -webkit-transform-origin: 0% 0%; 1335 z-index: 2; 1336 margin-left: 1px; 1337 position: absolute; 1338} 1339.gantt_grid_data .gantt_row.gantt_selected, 1340.gantt_grid_data .gantt_row.odd.gantt_selected { 1341 background-color: rgba(0, 199, 181, 0.2); 1342} 1343.gantt_task_row.gantt_selected { 1344 background-color: rgba(0, 199, 181, 0.2); 1345} 1346.gantt_task_row.gantt_selected .gantt_task_cell { 1347 border-right-color: rgba(145, 210, 210, 0.7); 1348} 1349.gantt_task_line.gantt_selected { 1350 box-shadow: none; 1351} 1352.gantt_task_line.gantt_project.gantt_selected { 1353 box-shadow: none; 1354} 1355.gantt_task_line.gantt_milestone { 1356 visibility: hidden; 1357 background-color: #FFC107; 1358 border: 0px solid #FFC107; 1359 box-sizing: content-box; 1360 -moz-box-sizing: content-box; 1361} 1362.gantt_task_line.gantt_milestone div { 1363 visibility: visible; 1364} 1365.gantt_task_line.gantt_milestone .gantt_task_content { 1366 background: inherit; 1367 border: inherit; 1368 border-width: 1px; 1369 border-radius: inherit; 1370 box-sizing: border-box; 1371 -moz-box-sizing: border-box; 1372 -webkit-transform: rotate(45deg); 1373 -moz-transform: rotate(45deg); 1374 -ms-transform: rotate(45deg); 1375 -o-transform: rotate(45deg); 1376 transform: rotate(45deg); 1377} 1378.gantt_task_line.gantt_task_inline_color { 1379 border-color: #999999; 1380} 1381.gantt_task_line.gantt_task_inline_color .gantt_task_progress { 1382 background-color: #363636; 1383 opacity: 0.2; 1384} 1385.gantt_task_line.gantt_task_inline_color.gantt_selected { 1386 box-shadow: 0 0 5px #999999; 1387} 1388.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected { 1389 box-shadow: 0 0 5px #999999; 1390} 1391.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div { 1392 box-shadow: 0 0 5px 0px #999999; 1393} 1394.gantt_critical_task { 1395 background-color: #FF5252; 1396 border-color: #9d3a3a; 1397} 1398.gantt_critical_task .gantt_task_progress { 1399 background-color: rgba(0, 0, 0, 0.4); 1400} 1401.gantt_critical_link .gantt_line_wrapper > div { 1402 background-color: #FF5252; 1403} 1404.gantt_critical_link .gantt_link_arrow { 1405 border-color: #FF5252; 1406} 1407.gantt_row:focus, 1408.gantt_cell:focus, 1409.gantt_btn_set:focus, 1410.gantt_qi_big_icon:focus, 1411.gantt_popup_button:focus, 1412.gantt_grid_head_cell:focus { 1413 -moz-box-shadow: inset 0px 0px 1px 1px #4d90fe; 1414 -webkit-box-shadow: inset 0px 0px 1px 1px #4d90fe; 1415 box-shadow: inset 0px 0px 1px 1px #4d90fe; 1416} 1417.gantt_split_parent { 1418 opacity: 0.1; 1419 pointer-events: none; 1420} 1421.gantt_unselectable, 1422.gantt_unselectable div { 1423 -webkit-user-select: none; 1424 -moz-user-select: none; 1425 -moz-user-select: -moz-none; 1426} 1427.gantt_cal_light { 1428 -webkit-tap-highlight-color: transparent; 1429 background: #FFFFFF; 1430 border-radius: 2px; 1431 font-family: "Roboto", arial, sans-serif; 1432 border: 1px solid #D7D7D7; 1433 color: rgba(31, 31, 31, 0.8); 1434 font-size: 14px; 1435 position: absolute; 1436 z-index: 10001; 1437 width: 550px; 1438 height: 250px; 1439 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 1440} 1441.gantt_cal_light_wide { 1442 width: 650px; 1443} 1444.gantt_cal_light select { 1445 font-family: "Roboto", arial, sans-serif; 1446 border: 1px solid #D7D7D7; 1447 font-size: 14px; 1448 padding: 2px; 1449 margin: 0px; 1450} 1451.gantt_cal_ltitle { 1452 padding: 7px 10px; 1453 overflow: hidden; 1454 white-space: nowrap; 1455 -webkit-border-top-left-radius: 2px; 1456 -webkit-border-bottom-left-radius: 0; 1457 -webkit-border-top-right-radius: 2px; 1458 -webkit-border-bottom-right-radius: 0; 1459 -moz-border-radius-topleft: 2px; 1460 -moz-border-radius-bottomleft: 0; 1461 -moz-border-radius-topright: 2px; 1462 -moz-border-radius-bottomright: 0; 1463 border-top-left-radius: 2px; 1464 border-bottom-left-radius: 0; 1465 border-top-right-radius: 2px; 1466 border-bottom-right-radius: 0; 1467} 1468.gantt_cal_ltitle span { 1469 white-space: nowrap; 1470} 1471.gantt_cal_lsection { 1472 color: #727272; 1473 font-weight: bold; 1474 padding: 12px 0px 5px 10px; 1475} 1476.gantt_cal_lsection .gantt_fullday { 1477 float: right; 1478 margin-right: 5px; 1479 font-size: 12px; 1480 font-weight: normal; 1481 line-height: 20px; 1482 vertical-align: top; 1483 cursor: pointer; 1484} 1485.gantt_cal_lsection { 1486 font-size: 13px; 1487} 1488.gantt_cal_ltext { 1489 padding: 2px 10px; 1490 overflow: hidden; 1491} 1492.gantt_cal_ltext textarea { 1493 overflow-y: auto; 1494 overflow-x: hidden; 1495 font-family: "Roboto", arial, sans-serif; 1496 font-size: 14px; 1497 -moz-box-sizing: border-box; 1498 -webkit-box-sizing: border-box; 1499 box-sizing: border-box; 1500 border: 1px solid #D7D7D7; 1501 height: 100%; 1502 width: 100%; 1503 outline: none !important; 1504 resize: none; 1505} 1506.gantt_section_constraint [data-constraint-time-select] { 1507 margin-left: 20px; 1508} 1509.gantt_time { 1510 font-weight: bold; 1511} 1512.gantt_cal_light .gantt_title { 1513 padding-left: 10px; 1514} 1515.gantt_cal_larea { 1516 border: 1px solid #D7D7D7; 1517 border-left: none; 1518 border-right: none; 1519 background-color: #FFFFFF; 1520 overflow: hidden; 1521 height: 1px; 1522} 1523.gantt_btn_set { 1524 margin: 10px 7px 5px 10px; 1525 padding: 6px 15px 6px 15px; 1526 float: left; 1527 -webkit-border-radius: 2px; 1528 -moz-border-radius: 2px; 1529 border-radius: 2px; 1530 border-width: 0px; 1531 border-color: #D7D7D7; 1532 border-style: solid; 1533 height: 32px; 1534 font-weight: 500; 1535 background: #FFFFFF; 1536 -moz-box-sizing: border-box; 1537 -webkit-box-sizing: border-box; 1538 box-sizing: border-box; 1539 cursor: pointer; 1540} 1541.gantt_hidden { 1542 display: none; 1543} 1544.gantt_btn_set div { 1545 float: left; 1546 font-size: 14px; 1547 height: 20px; 1548 line-height: 20px; 1549 background-repeat: no-repeat; 1550 vertical-align: middle; 1551} 1552.gantt_save_btn { 1553 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 1554 margin-top: 2px; 1555 width: 21px; 1556} 1557.gantt_cancel_btn { 1558 margin-top: 2px; 1559 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 1560 width: 20px; 1561} 1562.gantt_delete_btn { 1563 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 1564 margin-top: 2px; 1565 width: 20px; 1566} 1567.gantt_cal_cover { 1568 width: 100%; 1569 height: 100%; 1570 position: absolute; 1571 z-index: 10000; 1572 top: 0px; 1573 left: 0px; 1574 background-color: black; 1575 opacity: 0.1; 1576 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); 1577} 1578.gantt_custom_button { 1579 padding: 0px 3px 0px 3px; 1580 font-family: "Roboto", arial, sans-serif; 1581 font-size: 14px; 1582 font-weight: normal; 1583 margin-right: 10px; 1584 margin-top: -5px; 1585 cursor: pointer; 1586 float: right; 1587 height: 21px; 1588 width: 90px; 1589 border: 1px solid #CECECE; 1590 text-align: center; 1591 -webkit-border-radius: 4px; 1592 -moz-border-radius: 4px; 1593 -ms-border-radius: 4px; 1594 -o-border-radius: 4px; 1595 border-radius: 4px; 1596} 1597.gantt_custom_button div { 1598 cursor: pointer; 1599 float: none; 1600 height: 21px; 1601 line-height: 21px; 1602 vertical-align: middle; 1603} 1604.gantt_custom_button div:first-child { 1605 display: none; 1606} 1607.gantt_cal_light_wide { 1608 width: 580px; 1609 padding: 2px 4px; 1610} 1611.gantt_cal_light_wide .gantt_cal_larea { 1612 -moz-box-sizing: border-box; 1613 -webkit-box-sizing: border-box; 1614 box-sizing: border-box; 1615 border: 1px solid #D7D7D7; 1616} 1617.gantt_cal_light_wide .gantt_cal_lsection { 1618 border: 0px; 1619 float: left; 1620 text-align: right; 1621 width: 80px; 1622 height: 20px; 1623 padding: 5px 10px 0px 0px; 1624} 1625.gantt_cal_light_wide .gantt_wrap_section { 1626 position: relative; 1627 padding: 10px 0; 1628 overflow: hidden; 1629 border-bottom: 1px solid #D7D7D7; 1630} 1631.gantt_cal_light_wide .gantt_section_time { 1632 overflow: hidden; 1633 padding-top: 2px !important; 1634 padding-right: 0px; 1635 height: 20px !important; 1636} 1637.gantt_cal_light_wide .gantt_cal_ltext { 1638 padding-right: 0px; 1639} 1640.gantt_cal_light_wide .gantt_cal_larea { 1641 padding: 0 10px; 1642 width: 100%; 1643} 1644.gantt_cal_light_wide .gantt_section_time { 1645 background: transparent; 1646} 1647.gantt_cal_light_wide .gantt_cal_checkbox label { 1648 padding-left: 0px; 1649} 1650.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday { 1651 float: none; 1652 margin-right: 0px; 1653 font-weight: bold; 1654 cursor: pointer; 1655} 1656.gantt_cal_light_wide .gantt_custom_button { 1657 position: absolute; 1658 top: 0; 1659 right: 0; 1660 margin-top: 2px; 1661} 1662.gantt_cal_light_wide .gantt_repeat_right { 1663 margin-right: 55px; 1664} 1665.gantt_cal_light_wide.gantt_cal_light_full { 1666 width: 738px; 1667} 1668.gantt_cal_wide_checkbox input { 1669 margin-top: 8px; 1670 margin-left: 14px; 1671} 1672.gantt_cal_light input { 1673 font-size: 14px; 1674} 1675.gantt_section_time { 1676 background-color: white; 1677 white-space: nowrap; 1678 padding: 2px 10px 5px; 1679 padding-top: 2px !important; 1680} 1681.gantt_section_time .gantt_time_selects { 1682 float: left; 1683 height: 25px; 1684} 1685.gantt_section_time .gantt_time_selects select { 1686 height: 23px; 1687 padding: 2px; 1688 border: 1px solid #D7D7D7; 1689} 1690.gantt_duration { 1691 width: 100px; 1692 height: 30px; 1693 float: left; 1694 white-space: nowrap; 1695 margin-left: 20px; 1696 line-height: 32px; 1697} 1698.gantt_duration .gantt_duration_value, 1699.gantt_duration .gantt_duration_dec, 1700.gantt_duration .gantt_duration_inc { 1701 -moz-box-sizing: border-box; 1702 -webkit-box-sizing: border-box; 1703 box-sizing: border-box; 1704 text-align: center; 1705 vertical-align: top; 1706 height: 100%; 1707 border: 1px solid #D7D7D7; 1708} 1709.gantt_duration .gantt_duration_value { 1710 width: 36px; 1711 padding: 3px 4px; 1712 border-left-width: 0; 1713 border-right-width: 0; 1714} 1715.gantt_duration .gantt_duration_value.gantt_duration_value_formatted { 1716 width: 66px; 1717} 1718.gantt_duration .gantt_duration_dec, 1719.gantt_duration .gantt_duration_inc { 1720 width: 30px; 1721 padding: 1px; 1722 padding-bottom: 1px; 1723 background: #FFFFFF; 1724} 1725.gantt_duration .gantt_duration_dec { 1726 -moz-border-top-left-radius: 2px; 1727 -moz-border-bottom-left-radius: 2px; 1728 -webkit-border-top-left-radius: 2px; 1729 -webkit-border-bottom-left-radius: 2px; 1730 border-top-left-radius: 2px; 1731 border-bottom-left-radius: 2px; 1732} 1733.gantt_duration .gantt_duration_inc { 1734 margin-right: 4px; 1735 -moz-border-top-right-radius: 2px; 1736 -moz-border-bottom-right-radius: 2px; 1737 -webkit-border-top-right-radius: 2px; 1738 -webkit-border-bottom-right-radius: 2px; 1739 border-top-right-radius: 2px; 1740 border-bottom-right-radius: 2px; 1741} 1742.gantt_resources { 1743 max-height: 150px; 1744 height: auto; 1745 overflow-y: auto; 1746} 1747.gantt_resource_row { 1748 display: block; 1749 padding: 10px 0; 1750 border-bottom: 1px solid #D7D7D7; 1751 cursor: pointer; 1752} 1753.gantt_resource_row input[type=checkbox]:not(:checked), 1754.gantt_resource_row input[type=checkbox]:not(:checked) ~ div { 1755 opacity: 0.5; 1756} 1757.gantt_resource_toggle { 1758 vertical-align: middle; 1759} 1760.gantt_resources_filter .gantt_resources_filter_input { 1761 padding: 1px 2px 1px 2px; 1762 box-sizing: border-box; 1763} 1764.gantt_resources_filter .switch_unsetted { 1765 vertical-align: middle; 1766} 1767.gantt_resource_cell { 1768 display: inline-block; 1769} 1770.gantt_resource_cell.gantt_resource_cell_checkbox { 1771 width: 24px; 1772 max-width: 24px; 1773 min-width: 24px; 1774 vertical-align: middle; 1775} 1776.gantt_resource_cell.gantt_resource_cell_label { 1777 width: 40%; 1778 max-width: 40%; 1779 vertical-align: middle; 1780} 1781.gantt_resource_cell.gantt_resource_cell_value { 1782 width: 30%; 1783 max-width: 30%; 1784 vertical-align: middle; 1785} 1786.gantt_resource_cell.gantt_resource_cell_value input, 1787.gantt_resource_cell.gantt_resource_cell_value select { 1788 width: 80%; 1789 vertical-align: middle; 1790 padding: 1px 2px 1px 2px; 1791 box-sizing: border-box; 1792} 1793.gantt_resource_cell.gantt_resource_cell_unit { 1794 width: 10%; 1795 max-width: 10%; 1796 vertical-align: middle; 1797} 1798.gantt_resource_early_value { 1799 opacity: 0.8; 1800 font-size: 0.9em; 1801} 1802/* Quick info */ 1803.gantt_cal_quick_info { 1804 border: 0px; 1805 border-radius: 2px; 1806 position: absolute; 1807 z-index: 300; 1808 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1); 1809 background-color: #FFFFFF; 1810 width: auto; 1811 transition: left 0.5s ease, right 0.5s; 1812 -moz-transition: left 0.5s ease, right 0.5s; 1813 -webkit-transition: left 0.5s ease, right 0.5s; 1814 -o-transition: left 0.5s ease, right 0.5s; 1815} 1816.gantt_no_animate { 1817 transition: none; 1818 -moz-transition: none; 1819 -webkit-transition: none; 1820 -o-transition: none; 1821} 1822.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon { 1823 float: right; 1824} 1825.gantt_cal_qi_title { 1826 -webkit-border-top-left-radius: 2px; 1827 -webkit-border-bottom-left-radius: 0; 1828 -webkit-border-top-right-radius: 2px; 1829 -webkit-border-bottom-right-radius: 0; 1830 -moz-border-radius-topleft: 2px; 1831 -moz-border-radius-bottomleft: 0; 1832 -moz-border-radius-topright: 2px; 1833 -moz-border-radius-bottomright: 0; 1834 border-top-left-radius: 2px; 1835 border-bottom-left-radius: 0; 1836 border-top-right-radius: 2px; 1837 border-bottom-right-radius: 0; 1838 padding: 5px 0px 8px 12px; 1839 color: rgba(0, 0, 0, 0.8); 1840 background-color: #fff; 1841 border-bottom: 1px solid #D7D7D7; 1842} 1843.gantt_cal_qi_tdate { 1844 font-size: 14px; 1845 font-weight: bold; 1846} 1847.gantt_cal_qi_tcontent { 1848 font-size: 14px; 1849} 1850.gantt_cal_qi_content { 1851 padding: 16px 8px; 1852 font-size: 14px; 1853 color: rgba(0, 0, 0, 0.8); 1854 overflow: hidden; 1855} 1856.gantt_cal_qi_controls { 1857 -webkit-border-top-left-radius: 0; 1858 -webkit-border-bottom-left-radius: 2px; 1859 -webkit-border-top-right-radius: 0; 1860 -webkit-border-bottom-right-radius: 2px; 1861 -moz-border-radius-topleft: 0; 1862 -moz-border-radius-bottomleft: 2px; 1863 -moz-border-radius-topright: 0; 1864 -moz-border-radius-bottomright: 2px; 1865 border-top-left-radius: 0; 1866 border-bottom-left-radius: 2px; 1867 border-top-right-radius: 0; 1868 border-bottom-right-radius: 2px; 1869 padding-left: 7px; 1870} 1871.gantt_cal_qi_controls .gantt_menu_icon { 1872 margin-top: 6px; 1873 background-repeat: no-repeat; 1874} 1875.gantt_cal_qi_controls .gantt_menu_icon.icon_edit { 1876 width: 20px; 1877 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 1878} 1879.gantt_cal_qi_controls .gantt_menu_icon.icon_delete { 1880 width: 20px; 1881 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=); 1882} 1883.gantt_qi_big_icon { 1884 font-size: 14px; 1885 border-radius: 2px; 1886 font-weight: 500; 1887 background: #FFFFFF; 1888 margin: 4px 0px 4px 14px; 1889 min-width: auto; 1890 line-height: 32px; 1891 vertical-align: middle; 1892 padding: 0px 16px 0px 16px; 1893 cursor: pointer; 1894 border: 0px; 1895} 1896.gantt_cal_qi_controls div { 1897 float: left; 1898 height: 32px; 1899 text-align: center; 1900 line-height: 32px; 1901} 1902.gantt_tooltip { 1903 padding: 10px; 1904 position: absolute; 1905 z-index: 50; 1906 white-space: nowrap; 1907} 1908.gantt_resource_marker { 1909 position: absolute; 1910 text-align: center; 1911 font-size: 14px; 1912 color: #FFF; 1913} 1914.gantt_resource_marker_ok { 1915 background: rgba(78, 208, 134, 0.75); 1916} 1917.gantt_resource_marker_overtime { 1918 background: rgba(255, 134, 134, 0.69); 1919} 1920.gantt_histogram_label { 1921 width: 100%; 1922 height: 100%; 1923 position: absolute; 1924 z-index: 1; 1925 font-weight: bold; 1926 font-size: 14px; 1927} 1928.gantt_histogram_fill { 1929 background-color: rgba(41, 157, 180, 0.2); 1930 width: 100%; 1931 position: absolute; 1932 bottom: 0; 1933} 1934.gantt_histogram_hor_bar { 1935 height: 1px; 1936 position: absolute; 1937 background: #299DB4; 1938 margin-top: -1px; 1939 margin-left: -1px; 1940} 1941.gantt_histogram_vert_bar { 1942 width: 1px; 1943 position: absolute; 1944 background: #299DB4; 1945 margin-left: -1px; 1946} 1947.gantt_histogram_cell { 1948 position: absolute; 1949 text-align: center; 1950 font-size: 14px; 1951 color: #000000; 1952} 1953.gantt_marker { 1954 height: 100%; 1955 width: 2px; 1956 top: 0; 1957 position: absolute; 1958 text-align: center; 1959 background-color: rgba(255, 0, 0, 0.4); 1960 -moz-box-sizing: border-box; 1961 -webkit-box-sizing: border-box; 1962 box-sizing: border-box; 1963} 1964.gantt_marker .gantt_marker_content { 1965 padding: 5px; 1966 background: inherit; 1967 color: white; 1968 position: absolute; 1969 font-size: 12px; 1970 line-height: 12px; 1971 opacity: 0.8; 1972} 1973.gantt_marker_area { 1974 position: absolute; 1975 top: 0; 1976 left: 0; 1977} 1978.gantt_grid_editor_placeholder { 1979 position: absolute; 1980} 1981.gantt_grid_editor_placeholder > div, 1982.gantt_grid_editor_placeholder input, 1983.gantt_grid_editor_placeholder select { 1984 width: 100%; 1985 height: 100%; 1986 box-sizing: border-box; 1987} 1988.gantt_row_placeholder div { 1989 opacity: 0.5; 1990} 1991.gantt_row_placeholder .gantt_file, 1992.gantt_row_placeholder .gantt_add { 1993 display: none; 1994} 1995.gantt_drag_marker.gantt_grid_dnd_marker { 1996 background-color: transparent; 1997 transition: all 0.1s ease ; 1998} 1999.gantt_grid_dnd_marker_line { 2000 height: 4px; 2001 width: 100%; 2002 background-color: #3498db; 2003} 2004.gantt_grid_dnd_marker_line::before { 2005 background: #fff; 2006 width: 12px; 2007 height: 12px; 2008 box-sizing: border-box; 2009 border: 3px solid #3498db; 2010 border-radius: 6px; 2011 content: ""; 2012 line-height: 1px; 2013 display: block; 2014 position: absolute; 2015 margin-left: -11px; 2016 margin-top: -4px; 2017 pointer-events: none; 2018} 2019.gantt_grid_dnd_marker_folder { 2020 height: 100%; 2021 width: 100%; 2022 position: absolute; 2023 pointer-events: none; 2024 box-sizing: border-box; 2025 box-shadow: 0 0 0px 2px #3f98db inset; 2026 background: transparent; 2027} 2028.gantt_overlay_area { 2029 position: absolute; 2030 height: inherit; 2031 width: inherit; 2032 top: 0; 2033 left: 0; 2034 display: none; 2035} 2036.gantt_overlay { 2037 position: absolute; 2038 left: 0; 2039 top: 0; 2040 height: inherit; 2041 width: inherit; 2042} 2043.gantt_click_drag_rect { 2044 position: absolute; 2045 left: 0; 2046 top: 0; 2047 outline: 1px solid #3f98db; 2048 background-color: rgba(52, 152, 219, 0.3); 2049} 2050.gantt_timeline_move_available, 2051.gantt_timeline_move_available * { 2052 cursor: move; 2053} 2054.gantt_layout_content { 2055 width: 100%; 2056 overflow: auto; 2057 box-sizing: border-box; 2058} 2059.gantt_layout_cell { 2060 position: relative; 2061 box-sizing: border-box; 2062} 2063.gantt_layout_cell > .gantt_layout_header { 2064 background: #33aae8; 2065 color: white; 2066 font-size: 17px; 2067 padding: 5px 10px; 2068 box-sizing: border-box; 2069} 2070.gantt_layout_header.collapsed_x { 2071 background: #a9a9a9; 2072} 2073.gantt_layout_header.collapsed_x .gantt_header_arrow:before { 2074 content: "\21E7"; 2075} 2076.gantt_layout_header.collapsed_y { 2077 background: #a9a9a9; 2078} 2079.gantt_layout_header.collapsed_y .gantt_header_arrow:before { 2080 content: "\21E9"; 2081} 2082.gantt_layout_header { 2083 cursor: pointer; 2084} 2085.gantt_layout_header .gantt_header_arrow { 2086 float: right; 2087 text-align: right; 2088} 2089.gantt_layout_header .gantt_header_arrow:before { 2090 content: "\21E6"; 2091} 2092.gantt_layout_header.vertical .gantt_header_arrow:before { 2093 content: "\21E7"; 2094} 2095.gantt_layout_outer_scroll_vertical .gantt_layout_content { 2096 overflow-y: hidden; 2097} 2098.gantt_layout_outer_scroll_horizontal .gantt_layout_content { 2099 overflow-x: hidden; 2100} 2101.gantt_layout_x > .gantt_layout_cell { 2102 display: inline-block; 2103 vertical-align: top; 2104} 2105.gantt_layout_x { 2106 white-space: nowrap; 2107} 2108.gantt_resizing { 2109 opacity: 0.7; 2110 background: #f2f2f2; 2111} 2112.gantt_layout_cell_border_right.gantt_resizer { 2113 overflow: visible; 2114 border-right: 0; 2115} 2116.gantt_resizer { 2117 cursor: e-resize; 2118 position: relative; 2119} 2120.gantt_resizer_y { 2121 cursor: n-resize; 2122} 2123.gantt_resizer_stick { 2124 background: #33aae8; 2125 z-index: 9999; 2126 position: absolute; 2127 top: 0; 2128 width: 100%; 2129} 2130.gantt_resizer_x .gantt_resizer_x { 2131 position: absolute; 2132 width: 20px; 2133 height: 100%; 2134 margin-left: -10px; 2135 top: 0; 2136 left: 0; 2137 z-index: 1; 2138} 2139.gantt_resizer_y .gantt_resizer_y { 2140 position: absolute; 2141 height: 20px; 2142 width: 100%; 2143 top: -10px; 2144 left: 0; 2145 z-index: 1; 2146} 2147.gantt_resizer_error { 2148 background: indianred!important; 2149} 2150.gantt_noselect { 2151 -webkit-user-select: none; 2152 user-select: none; 2153} 2154.gantt_layout_cell_border_left { 2155 border-left: 1px solid #D7D7D7; 2156} 2157.gantt_layout_cell_border_right { 2158 border-right: 1px solid #D7D7D7; 2159} 2160.gantt_layout_cell_border_top { 2161 border-top: 1px solid #D7D7D7; 2162} 2163.gantt_layout_cell_border_bottom { 2164 border-bottom: 1px solid #D7D7D7; 2165} 2166.gantt_layout_cell_border_transparent { 2167 border-color: transparent; 2168} 2169.gantt_window { 2170 position: absolute; 2171 top: 50%; 2172 left: 50%; 2173 z-index: 999999999; 2174 background: white; 2175} 2176.gantt_window_content { 2177 position: relative; 2178} 2179.gantt_window_content_header { 2180 background: #39c; 2181 color: #ffffff; 2182 height: 33px; 2183 padding: 10px 10px 0 10px; 2184 border-bottom: solid 2px #ffffff; 2185 position: relative; 2186} 2187.gantt_window_content_header_text { 2188 padding-left: 10%; 2189} 2190.gantt_window_content_header_buttons { 2191 position: absolute; 2192 top: 10px; 2193 right: 10px; 2194} 2195.gantt_window_content_header_buttons:hover { 2196 color: #000000; 2197 cursor: pointer; 2198} 2199.gantt_window_content_resizer { 2200 position: absolute; 2201 width: 15px; 2202 height: 15px; 2203 bottom: 0; 2204 line-height: 15px; 2205 right: -1px; 2206 text-align: center; 2207 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=); 2208 cursor: nw-resize; 2209 z-index: 999; 2210} 2211.gantt_window_content_frame { 2212 position: absolute; 2213 top: 0; 2214 left: 0; 2215 width: 100%; 2216 height: 100%; 2217 background: rgba(0, 0, 0, 0.1); 2218 z-index: 9999; 2219} 2220.gantt_window_drag { 2221 cursor: pointer!important; 2222} 2223.gantt_window_resizing { 2224 overflow: visible; 2225} 2226.gantt_window_resizing_body { 2227 overflow: hidden!important; 2228} 2229.gantt_window_modal { 2230 background: rgba(0, 0, 0, 0.1); 2231 z-index: 9999; 2232 top: 0; 2233 left: 0; 2234 width: 100%; 2235 height: 100%; 2236 position: fixed; 2237} 2238.gantt_container, 2239.gantt_cal_light, 2240.gantt_message_area, 2241.gantt_modal_box, 2242.gantt_cal_quick_info, 2243.gantt_tooltip { 2244 text-rendering: optimizeLegibility; 2245 -webkit-font-smoothing: antialiased; 2246 -moz-osx-font-smoothing: grayscale; 2247} 2248.gantt_noselect { 2249 -moz-user-select: -moz-none; 2250 -webkit-user-select: none; 2251 -ms-user-select: none; 2252 user-select: none; 2253} 2254.gantt_drag_marker { 2255 position: absolute; 2256 top: -1000px; 2257 left: -1000px; 2258 font-family: "Roboto", arial, sans-serif; 2259 font-size: 14px; 2260 z-index: 1; 2261 white-space: nowrap; 2262} 2263.gantt_drag_marker .gantt_tree_indent, 2264.gantt_drag_marker .gantt_tree_icon.gantt_blank, 2265.gantt_drag_marker .gantt_tree_icon.gantt_open, 2266.gantt_drag_marker .gantt_tree_icon.gantt_close { 2267 display: none; 2268} 2269.gantt_drag_marker, 2270.gantt_drag_marker .gantt_row.odd { 2271 background-color: #FFFFFF; 2272} 2273.gantt_drag_marker .gantt_row { 2274 border-left: 1px solid #bebebe; 2275 border-top: 1px solid #bebebe; 2276} 2277.gantt_drag_marker .gantt_cell { 2278 border-color: #bebebe; 2279} 2280.gantt_row.gantt_over, 2281.gantt_task_row.gantt_over { 2282 background-color: #0070fe; 2283} 2284.gantt_row.gantt_transparent .gantt_cell { 2285 opacity: 0.7; 2286} 2287.gantt_task_row.gantt_transparent { 2288 background-color: #ffffff; 2289} 2290.gantt_popup_button.gantt_delete_button { 2291 background-color: #448AFF; 2292 color: #FFFFFF; 2293} 2294.gantt_container_resize_watcher { 2295 background: transparent; 2296 width: 100%; 2297 height: 100%; 2298 position: absolute; 2299 top: 0px; 2300 left: 0px; 2301 z-index: -1; 2302 pointer-events: none; 2303 border: 0; 2304 box-sizing: border-box; 2305 opacity: 0; 2306} 2307 2308