1/* 2@license 3 4dhtmlxGantt v.6.2.7 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: #fff; 15} 16/* colors for items with inline styles assigned (task.color, link.color)*/ 17.gridHoverStyle { 18 background-color: #FFF3A1; 19} 20.gridSelection { 21 background-color: #FFF3A1; 22} 23.timelineSelection { 24 background-color: #FFF3A1; 25} 26.gantt_grid_scale .gantt_grid_head_cell { 27 color: #a6a6a6; 28 border-top: none !important; 29 border-right: none !important; 30} 31.gantt_grid_data .gantt_cell { 32 border-right: none; 33 color: #454545; 34} 35/* 36 Tasks 37*/ 38.gantt_task_link .gantt_link_arrow_right { 39 border-width: 6px 6px 6px 6px; 40 margin-top: -3px; 41} 42.gantt_task_link .gantt_link_arrow_left { 43 border-width: 6px 6px 6px 6px; 44 margin-left: -6px; 45 margin-top: -3px; 46} 47.gantt_task_link .gantt_link_arrow_up { 48 border-width: 6px 6px 6px 6px; 49} 50.gantt_task_link .gantt_link_arrow_down { 51 border-width: 6px 6px 6px 6px; 52} 53.gantt_task_line .gantt_task_progress_drag { 54 bottom: -4px; 55 height: 10px; 56 margin-left: -8px; 57 width: 16px; 58} 59.chartHeaderBg { 60 background-color: #fff; 61} 62.gantt_task .gantt_task_scale .gantt_scale_cell { 63 color: #a6a6a6; 64 border-right: 1px solid #ebebeb; 65} 66/* 67 project highlight 68*/ 69.gantt_row.gantt_project, 70.gantt_row.odd.gantt_project { 71 background-color: #edffef; 72} 73.gantt_task_row.gantt_project, 74.gantt_task_row.odd.gantt_project { 75 background-color: #f5fff6; 76} 77.gantt_task_line.gantt_project { 78 background-color: #65c16f; 79 border: 1px solid #3c9445; 80} 81.gantt_task_line.gantt_project .gantt_task_progress { 82 background-color: #46ad51; 83} 84/* 85 milestone 86*/ 87/* 88 lightbox 89*/ 90.buttonBg { 91 background: #fff; 92} 93.gantt_cal_light .gantt_btn_set { 94 margin: 5px 10px; 95} 96.gantt_btn_set.gantt_cancel_btn_set { 97 background: #fff; 98 color: #454545; 99 border: 1px solid #CECECE; 100} 101.gantt_btn_set.gantt_save_btn_set { 102 background: #3db9d3; 103 text-shadow: 0 -1px 0 #248a9f; 104 color: #fff; 105} 106.gantt_btn_set.gantt_delete_btn_set { 107 text-shadow: 0 -1px 0 #6F6F6F; 108 background: #ec8e00; 109 text-shadow: 0 -1px 0 #aa6600; 110 color: #fff; 111} 112.gantt_delete_btn { 113 margin-top: 2px; 114 width: 20px; 115} 116.gantt_cal_light_wide { 117 padding-left: 0 !important; 118 padding-right: 0 !important; 119} 120.gantt_cal_light_wide .gantt_cal_larea { 121 border-left: none !important; 122 border-right: none !important; 123} 124/* 125 Message 126*/ 127.gantt_popup_button.gantt_ok_button { 128 background: #3db9d3; 129 text-shadow: 0 -1px 0 #248a9f; 130 color: #fff; 131 font-weight: bold; 132 border-width: 0; 133} 134.gantt_popup_button.gantt_cancel_button { 135 font-weight: bold; 136 color: #454544; 137} 138.gantt_popup_title { 139 background-color: #fff; 140} 141.gantt_popup_shadow { 142 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 143} 144/* 145 Quick info 146*/ 147.gantt_qi_big_icon.icon_edit { 148 color: #454545; 149 background: #fff; 150} 151.gantt_qi_big_icon.icon_delete { 152 text-shadow: 0 -1px 0 #aa6600; 153 background: #ec8e00; 154 color: #fff; 155 border-width: 0; 156} 157/*links dnd*/ 158.gantt_tooltip { 159 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 160 background-color: white; 161 border-left: 1px solid rgba(0, 0, 0, 0.07); 162 border-top: 1px solid rgba(0, 0, 0, 0.07); 163 font-family: "Arial"; 164 font-size: 8pt; 165 color: #454545; 166} 167.gantt_container { 168 background-color: #FFFFFF; 169 font-family: "Arial"; 170 font-size: 13px; 171 border: 1px solid #CECECE; 172 position: relative; 173 white-space: nowrap; 174 overflow-x: hidden; 175 overflow-y: hidden; 176} 177.gantt_task_scroll { 178 overflow-x: scroll; 179} 180.gantt_task, 181.gantt_grid { 182 position: relative; 183 overflow-x: hidden; 184 overflow-y: hidden; 185 display: inline-block; 186 vertical-align: top; 187} 188.gantt_grid_scale, 189.gantt_task_scale { 190 color: #6b6b6b; 191 font-size: 12px; 192 border-bottom: 1px solid #CECECE; 193 -moz-box-sizing: border-box; 194 box-sizing: border-box; 195} 196.gantt_grid_scale { 197 background-color: #fff; 198} 199.gantt_task_scale { 200 background-color: #fff; 201} 202.gantt_task_vscroll { 203 background-color: #fff; 204} 205.gantt_scale_line { 206 box-sizing: border-box; 207 -moz-box-sizing: border-box; 208 border-top: 1px solid #CECECE; 209} 210.gantt_scale_line:first-child { 211 border-top: none; 212} 213.gantt_grid_head_cell { 214 display: inline-block; 215 vertical-align: top; 216 border-right: 1px solid #CECECE; 217 text-align: center; 218 position: relative; 219 cursor: default; 220 height: 100%; 221 box-sizing: border-box; 222 -moz-box-sizing: border-box; 223 line-height: 33px; 224 -moz-user-select: -moz-none; 225 -webkit-user-select: none; 226 user-select: none; 227 overflow: hidden; 228} 229.gantt_scale_line { 230 clear: both; 231} 232.gantt_grid_data { 233 width: 100%; 234 overflow: hidden; 235 position: relative; 236} 237.gantt_row { 238 position: relative; 239 -webkit-user-select: none; 240 -moz-user-select: none; 241 -moz-user-select: -moz-none; 242} 243.gantt_add, 244.gantt_grid_head_add { 245 width: 100%; 246 height: 100%; 247 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC); 248 background-position: center center; 249 background-repeat: no-repeat; 250 cursor: pointer; 251 position: relative; 252 -moz-opacity: 0.3; 253 opacity: 0.3; 254} 255.gantt_grid_head_cell.gantt_grid_head_add { 256 -moz-opacity: 0.6; 257 opacity: 0.6; 258 top: 0; 259} 260.gantt_grid_head_cell.gantt_grid_head_add:hover { 261 -moz-opacity: 1; 262 opacity: 1; 263} 264.gantt_grid_data .gantt_row:hover, 265.gantt_grid_data .gantt_row.odd:hover { 266 background-color: #FFF3A1; 267} 268.gantt_grid_data .gantt_row:hover .gantt_add, 269.gantt_grid_data .gantt_row.odd:hover .gantt_add { 270 -moz-opacity: 1; 271 opacity: 1; 272} 273.gantt_task_row, 274.gantt_row { 275 border-bottom: 1px solid #ebebeb; 276} 277.gantt_row, 278.gantt_task_row { 279 background-color: #FFFFFF; 280} 281.gantt_row.odd, 282.gantt_task_row.odd { 283 background-color: #FFFFFF; 284} 285.gantt_row, 286.gantt_cell, 287.gantt_task_row, 288.gantt_task_cell, 289.gantt_grid_head_cell, 290.gantt_scale_cell { 291 box-sizing: border-box; 292 -moz-box-sizing: border-box; 293} 294.gantt_grid_head_cell, 295.gantt_scale_cell { 296 line-height: inherit; 297} 298.gantt_grid_scale .gantt_grid_column_resize_wrap { 299 cursor: col-resize; 300 position: absolute; 301 width: 13px; 302 margin-left: -7px; 303} 304.gantt_grid_column_resize_wrap .gantt_grid_column_resize { 305 background-color: #CECECE; 306 height: 100%; 307 width: 1px; 308 margin: 0 auto; 309} 310.gantt_drag_marker.gantt_grid_resize_area { 311 background-color: rgba(231, 231, 231, 0.5); 312 border-left: 1px solid #CECECE; 313 border-right: 1px solid #CECECE; 314 height: 100%; 315 width: 100%; 316 -moz-box-sizing: border-box; 317 -webkit-box-sizing: border-box; 318 box-sizing: border-box; 319} 320.gantt_cell { 321 display: inline-block; 322 vertical-align: top; 323 border-right: 1px solid #ebebeb; 324 padding-left: 6px; 325 padding-right: 6px; 326 height: 100%; 327 overflow: hidden; 328 white-space: nowrap; 329 font-size: 13px; 330} 331.gantt_grid_scale .gantt_last_cell, 332.gantt_grid_data .gantt_last_cell, 333.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell, 334.gantt_task_bg .gantt_last_cell { 335 border-right-width: 0px; 336} 337.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell { 338 border-right-width: 1px; 339} 340.gantt_task_bg { 341 overflow: hidden; 342} 343.gantt_scale_cell { 344 display: inline-block; 345 white-space: nowrap; 346 overflow: hidden; 347 border-right: 1px solid #CECECE; 348 text-align: center; 349 height: 100%; 350} 351.gantt_task_cell { 352 display: inline-block; 353 height: 100%; 354 border-right: 1px solid #ebebeb; 355} 356.gantt_layout_cell.gantt_ver_scroll { 357 width: 0px; 358 background-color: transparent; 359 height: 1px; 360 overflow-x: hidden; 361 overflow-y: scroll; 362 position: absolute; 363 right: 0px; 364 z-index: 1; 365} 366.gantt_ver_scroll > div { 367 width: 1px; 368 height: 1px; 369} 370.gantt_hor_scroll { 371 height: 0px; 372 background-color: transparent; 373 width: 100%; 374 clear: both; 375 overflow-x: scroll; 376 overflow-y: hidden; 377} 378.gantt_layout_cell .gantt_hor_scroll { 379 position: absolute; 380} 381.gantt_hor_scroll > div { 382 width: 5000px; 383 height: 1px; 384} 385.gantt_tree_indent { 386 width: 15px; 387 height: 100%; 388 display: inline-block; 389} 390.gantt_tree_content, 391.gantt_tree_icon { 392 vertical-align: top; 393} 394.gantt_tree_icon { 395 width: 28px; 396 height: 100%; 397 display: inline-block; 398 background-repeat: no-repeat; 399 background-position: center center; 400} 401.gantt_tree_content { 402 height: 100%; 403 display: inline-block; 404} 405.gantt_tree_icon.gantt_open { 406 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC); 407 width: 18px; 408 cursor: pointer; 409} 410.gantt_tree_icon.gantt_close { 411 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==); 412 width: 18px; 413 cursor: pointer; 414} 415.gantt_tree_icon.gantt_blank { 416 width: 18px; 417} 418.gantt_tree_icon.gantt_folder_open { 419 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=); 420} 421.gantt_tree_icon.gantt_folder_closed { 422 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==); 423} 424.gantt_tree_icon.gantt_file { 425 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC); 426} 427.gantt_grid_head_cell .gantt_sort { 428 position: absolute; 429 right: 5px; 430 top: 8px; 431 width: 7px; 432 height: 13px; 433 background-repeat: no-repeat; 434 background-position: center center; 435} 436.gantt_grid_head_cell .gantt_sort.gantt_asc { 437 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC); 438} 439.gantt_grid_head_cell .gantt_sort.gantt_desc { 440 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC); 441} 442.gantt_inserted, 443.gantt_updated { 444 font-weight: bold; 445} 446.gantt_deleted { 447 text-decoration: line-through; 448} 449.gantt_invalid { 450 background-color: #FFE0E0; 451} 452.gantt_error { 453 color: red; 454} 455.gantt_status { 456 right: 1px; 457 padding: 5px 10px; 458 background: rgba(155, 155, 155, 0.1); 459 position: absolute; 460 top: 1px; 461 -webkit-transition: opacity 0.2s; 462 transition: opacity 0.2s; 463 opacity: 0; 464} 465.gantt_status.gantt_status_visible { 466 opacity: 1; 467} 468#gantt_ajax_dots span { 469 -webkit-transition: opacity 0.2s; 470 transition: opacity 0.2s; 471 background-repeat: no-repeat; 472 opacity: 0; 473} 474#gantt_ajax_dots span.gantt_dot_visible { 475 opacity: 1; 476} 477.gantt_message_area { 478 position: fixed; 479 right: 5px; 480 width: 250px; 481 z-index: 1000; 482} 483.gantt-info { 484 min-width: 120px; 485 padding: 4px 4px 4px 20px; 486 font-family: "Arial"; 487 z-index: 10000; 488 margin: 5px; 489 margin-bottom: 10px; 490 -webkit-transition: all .5s ease; 491 -moz-transition: all .5s ease; 492 -o-transition: all .5s ease; 493 transition: all .5s ease; 494} 495.gantt-info.hidden { 496 height: 0px; 497 padding: 0px; 498 border-width: 0px; 499 margin: 0px; 500 overflow: hidden; 501} 502.gantt_modal_box { 503 overflow: hidden; 504 display: inline-block; 505 min-width: 250px; 506 width: 250px; 507 text-align: center; 508 position: fixed; 509 z-index: 20000; 510 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 511 font-family: "Arial"; 512 border-radius: 6px; 513 border: 1px solid #CECECE; 514 background: #fff; 515} 516.gantt_popup_title { 517 border-top-left-radius: 6px; 518 border-top-right-radius: 6px; 519 border-width: 0px; 520} 521.gantt_button, 522.gantt_popup_button { 523 border: 1px solid #CECECE; 524 height: 30px; 525 line-height: 30px; 526 display: inline-block; 527 margin: 0 5px; 528 border-radius: 4px; 529 background: #fff; 530} 531.gantt-info, 532.gantt_popup_button, 533.gantt_button { 534 user-select: none; 535 -webkit-user-select: none; 536 -moz-user-select: -moz-none; 537 cursor: pointer; 538} 539.gantt_popup_text { 540 overflow: hidden; 541} 542.gantt_popup_controls { 543 border-radius: 6px; 544 padding: 10px; 545} 546.gantt_popup_button { 547 min-width: 100px; 548} 549div.dhx_modal_cover { 550 background-color: #000; 551 cursor: default; 552 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); 553 opacity: 0.2; 554 position: fixed; 555 z-index: 19999; 556 left: 0px; 557 top: 0px; 558 width: 100%; 559 height: 100%; 560 border: none; 561 zoom: 1; 562} 563.gantt-info img, 564.gantt_modal_box img { 565 float: left; 566 margin-right: 20px; 567} 568.gantt-alert-error, 569.gantt-confirm-error { 570 border: 1px solid #ff0000; 571} 572/*Skin section*/ 573.gantt_button input, 574.gantt_popup_button div { 575 border-radius: 4px; 576 font-size: 14px; 577 -moz-box-sizing: content-box; 578 box-sizing: content-box; 579 padding: 0px; 580 margin: 0px; 581 vertical-align: top; 582} 583.gantt_popup_title { 584 border-bottom: 1px solid #CECECE; 585 height: 40px; 586 line-height: 40px; 587 font-size: 20px; 588} 589.gantt_popup_text { 590 margin: 15px 15px 5px 15px; 591 font-size: 14px; 592 color: #000; 593 min-height: 30px; 594 border-radius: 6px; 595} 596.gantt-info, 597.gantt-error { 598 font-size: 14px; 599 color: #000; 600 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 601 padding: 0px; 602 background-color: #FFFFFF; 603 border-radius: 3px; 604 border: 1px solid #FFFFFF; 605} 606.gantt-info div { 607 padding: 5px 10px 5px 10px; 608 background-color: #FFFFFF; 609 border-radius: 3px; 610 border: 1px solid #CECECE; 611} 612.gantt-error { 613 background-color: #d81b1b; 614 border: 1px solid #ff3c3c; 615} 616.gantt-error div { 617 background-color: #d81b1b; 618 border: 1px solid #940000; 619 color: #FFFFFF; 620} 621.gantt-warning { 622 background-color: #FF9000; 623 border: 1px solid #ffa633; 624} 625.gantt-warning div { 626 background-color: #FF9000; 627 border: 1px solid #b36500; 628 color: #FFFFFF; 629} 630.gantt_grid div, 631.gantt_data_area div { 632 -ms-touch-action: none; 633 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 634} 635.gantt_data_area { 636 position: relative; 637 overflow-x: hidden; 638 overflow-y: hidden; 639 -moz-user-select: -moz-none; 640 -webkit-user-select: none; 641 user-select: none; 642} 643.gantt_links_area { 644 position: absolute; 645 left: 0px; 646 top: 0px; 647} 648.gantt_task_content, 649.gantt_task_progress, 650.gantt_side_content { 651 line-height: inherit; 652 overflow: hidden; 653 height: 100%; 654} 655.gantt_task_content { 656 font-size: 12px; 657 color: #fff; 658 width: 100%; 659 top: 0; 660 cursor: pointer; 661 position: absolute; 662 white-space: nowrap; 663 text-align: center; 664} 665.gantt_task_progress { 666 text-align: center; 667 z-index: 0; 668 background: #299cb4; 669} 670.gantt_task_progress_wrapper { 671 border-radius: inherit; 672 position: relative; 673 width: 100%; 674 height: 100%; 675 overflow: hidden; 676} 677.gantt_task_line { 678 -webkit-border-radius: 2px; 679 -moz-border-radius: 2px; 680 border-radius: 2px; 681 position: absolute; 682 -moz-box-sizing: border-box; 683 box-sizing: border-box; 684 background-color: #3db9d3; 685 border: 1px solid #2898b0; 686 -webkit-user-select: none; 687 -moz-user-select: none; 688 -moz-user-select: -moz-none; 689} 690.gantt_task_line.gantt_drag_move div { 691 cursor: move; 692} 693.gantt_touch_move, 694.gantt_touch_progress .gantt_touch_resize { 695 -moz-transform: scale(1.02, 1.1); 696 -o-transform: scale(1.02, 1.1); 697 -webkit-transform: scale(1.02, 1.1); 698 transform: scale(1.02, 1.1); 699 -moz-transform-origin: 50%; 700 -o-transform-origin: 50%; 701 -webkit-transform-origin: 50%; 702 transform-origin: 50%; 703} 704.gantt_touch_progress .gantt_task_progress_drag, 705.gantt_touch_resize .gantt_task_drag { 706 -moz-transform: scaleY(1.3); 707 -o-transform: scaleY(1.3); 708 -webkit-transform: scaleY(1.3); 709 transform: scaleY(1.3); 710 -moz-transform-origin: 50%; 711 -o-transform-origin: 50%; 712 -webkit-transform-origin: 50%; 713 transform-origin: 50%; 714} 715.gantt_side_content { 716 position: absolute; 717 white-space: nowrap; 718 color: #6e6e6e; 719 top: 0; 720 font-size: 11px; 721} 722.gantt_side_content.gantt_left { 723 right: 100%; 724 padding-right: 20px; 725} 726.gantt_side_content.gantt_right { 727 left: 100%; 728 padding-left: 20px; 729} 730.gantt_side_content.gantt_link_crossing { 731 bottom: 8.75px; 732 top: auto; 733} 734.gantt_task_link .gantt_line_wrapper, 735.gantt_link_arrow { 736 position: absolute; 737 cursor: pointer; 738} 739.gantt_line_wrapper div { 740 background-color: #FFA011; 741} 742.gantt_task_link:hover .gantt_line_wrapper div { 743 box-shadow: 0 0 5px 0px #FFA011; 744} 745.gantt_task_link div.gantt_link_arrow { 746 background-color: transparent; 747 border-style: solid; 748 width: 0px; 749 height: 0px; 750} 751.gantt_link_control { 752 position: absolute; 753 width: 20px; 754 top: 0px; 755} 756.gantt_link_control div { 757 display: none; 758 cursor: pointer; 759 box-sizing: border-box; 760 position: relative; 761 top: 50%; 762 margin-top: -7.5px; 763 vertical-align: middle; 764 border: 1px solid #929292; 765 -webkit-border-radius: 6.5px; 766 -moz-border-radius: 6.5px; 767 border-radius: 6.5px; 768 height: 13px; 769 width: 13px; 770 background-color: #f0f0f0; 771} 772.gantt_link_control.task_right div.gantt_link_point { 773 margin-left: 7px; 774} 775.gantt_link_control div:hover { 776 background-color: #FFF; 777} 778.gantt_link_control.task_left { 779 left: -20px; 780} 781.gantt_link_control.task_right { 782 right: -20px; 783} 784.gantt_task_line.gantt_selected .gantt_link_control div, 785.gantt_task_line:hover .gantt_link_control div, 786.gantt_task_line.gantt_drag_progress .gantt_link_control div, 787.gantt_task_line.gantt_drag_move .gantt_link_control div, 788.gantt_task_line.gantt_drag_resize .gantt_link_control div, 789.gantt_task_line.gantt_selected .gantt_task_progress_drag, 790.gantt_task_line:hover .gantt_task_progress_drag, 791.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag, 792.gantt_task_line.gantt_drag_move .gantt_task_progress_drag, 793.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag, 794.gantt_task_line.gantt_selected .gantt_task_drag, 795.gantt_task_line:hover .gantt_task_drag, 796.gantt_task_line.gantt_drag_progress .gantt_task_drag, 797.gantt_task_line.gantt_drag_move .gantt_task_drag, 798.gantt_task_line.gantt_drag_resize .gantt_task_drag { 799 display: block; 800} 801.gantt_link_target .gantt_link_control div { 802 display: block; 803} 804.gantt_link_source, 805.gantt_link_target { 806 box-shadow: 0px 0px 3px #3db9d3; 807} 808.gantt_link_target.link_start_allow, 809.gantt_link_target.link_finish_allow { 810 box-shadow: 0px 0px 3px #ffbf5e; 811} 812.gantt_link_target.link_start_deny, 813.gantt_link_target.link_finish_deny { 814 box-shadow: 0px 0px 3px #e87e7b; 815} 816.link_start_allow .gantt_link_control.task_start_date div, 817.link_finish_allow .gantt_link_control.task_end_date div { 818 background-color: #ffbf5e; 819 border-color: #ffa011; 820} 821.link_start_deny .gantt_link_control.task_start_date div, 822.link_finish_deny .gantt_link_control.task_end_date div { 823 background-color: #e87e7b; 824 border-color: #dd3e3a; 825} 826.gantt_link_arrow_right { 827 border-width: 4px 0 4px 6px; 828 border-top-color: transparent !important; 829 border-right-color: transparent !important; 830 border-bottom-color: transparent !important; 831 border-left-color: #FFA011; 832 margin-top: -1px; 833} 834.gantt_link_arrow_left { 835 border-width: 4px 6px 4px 0; 836 margin-top: -1px; 837 border-top-color: transparent !important; 838 border-right-color: #FFA011; 839 border-bottom-color: transparent !important; 840 border-left-color: transparent !important; 841} 842.gantt_link_arrow_up { 843 border-width: 0 4px 6px 4px; 844 border-color: transparent transparent #FFA011 transparent; 845 border-top-color: transparent !important; 846 border-right-color: transparent !important; 847 border-bottom-color: #FFA011; 848 border-left-color: transparent !important; 849} 850.gantt_link_arrow_down { 851 border-width: 4px 6px 0 4px; 852 border-top-color: #FFA011; 853 border-right-color: transparent !important; 854 border-bottom-color: transparent !important; 855 border-left-color: transparent !important; 856} 857.gantt_task_drag, 858.gantt_task_progress_drag { 859 cursor: ew-resize; 860 display: none; 861 position: absolute; 862} 863.gantt_task_drag.task_right { 864 cursor: e-resize; 865} 866.gantt_task_drag.task_left { 867 cursor: w-resize; 868} 869.gantt_task_drag { 870 height: 100%; 871 width: 8px; 872 z-index: 1; 873 top: -1px; 874} 875.gantt_task_drag.task_left { 876 left: -7px; 877} 878.gantt_task_drag.task_right { 879 right: -7px; 880} 881.gantt_task_progress_drag { 882 height: 8px; 883 width: 8px; 884 bottom: -4px; 885 margin-left: -4px; 886 background-position: bottom; 887 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=); 888 background-repeat: no-repeat; 889 z-index: 1; 890} 891.gantt_task_progress_drag:hover { 892 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=); 893} 894.gantt_link_tooltip { 895 box-shadow: 3px 3px 3px #888888; 896 background-color: #fff; 897 border-left: 1px dotted #cecece; 898 border-top: 1px dotted #cecece; 899 font-family: Tahoma; 900 font-size: 8pt; 901 color: #444; 902 padding: 6px; 903 line-height: 20px; 904} 905.gantt_link_direction { 906 height: 0px; 907 border: 0px none #FFA011; 908 border-bottom-style: dashed; 909 border-bottom-width: 2px; 910 transform-origin: 0% 0%; 911 -ms-transform-origin: 0% 0%; 912 -webkit-transform-origin: 0% 0%; 913 z-index: 2; 914 margin-left: 1px; 915 position: absolute; 916} 917.gantt_grid_data .gantt_row.gantt_selected, 918.gantt_grid_data .gantt_row.odd.gantt_selected { 919 background-color: #FFF3A1; 920} 921.gantt_task_row.gantt_selected { 922 background-color: #FFF3A1; 923} 924.gantt_task_row.gantt_selected .gantt_task_cell { 925 border-right-color: #ffec6e; 926} 927.gantt_task_line.gantt_selected { 928 box-shadow: 0 0 5px #299cb4; 929} 930.gantt_task_line.gantt_project.gantt_selected { 931 box-shadow: 0 0 5px #46ad51; 932} 933.gantt_task_line.gantt_milestone { 934 visibility: hidden; 935 background-color: #D33DAF; 936 border: 0px solid #61164f; 937 box-sizing: content-box; 938 -moz-box-sizing: content-box; 939} 940.gantt_task_line.gantt_milestone div { 941 visibility: visible; 942} 943.gantt_task_line.gantt_milestone .gantt_task_content { 944 background: inherit; 945 border: inherit; 946 border-width: 1px; 947 border-radius: inherit; 948 box-sizing: border-box; 949 -moz-box-sizing: border-box; 950 -webkit-transform: rotate(45deg); 951 -moz-transform: rotate(45deg); 952 -ms-transform: rotate(45deg); 953 -o-transform: rotate(45deg); 954 transform: rotate(45deg); 955} 956.gantt_task_line.gantt_task_inline_color { 957 border-color: #999999; 958} 959.gantt_task_line.gantt_task_inline_color .gantt_task_progress { 960 background-color: #363636; 961 opacity: 0.2; 962} 963.gantt_task_line.gantt_task_inline_color.gantt_selected { 964 box-shadow: 0 0 5px #999999; 965} 966.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected { 967 box-shadow: 0 0 5px #999999; 968} 969.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div { 970 box-shadow: 0 0 5px 0px #999999; 971} 972.gantt_critical_task { 973 background-color: #e63030; 974 border-color: #9d3a3a; 975} 976.gantt_critical_task .gantt_task_progress { 977 background-color: rgba(0, 0, 0, 0.4); 978} 979.gantt_critical_link .gantt_line_wrapper > div { 980 background-color: #e63030; 981} 982.gantt_critical_link .gantt_link_arrow { 983 border-color: #e63030; 984} 985.gantt_row:focus, 986.gantt_cell:focus, 987.gantt_btn_set:focus, 988.gantt_qi_big_icon:focus, 989.gantt_popup_button:focus, 990.gantt_grid_head_cell:focus { 991 -moz-box-shadow: inset 0px 0px 1px 1px #4d90fe; 992 -webkit-box-shadow: inset 0px 0px 1px 1px #4d90fe; 993 box-shadow: inset 0px 0px 1px 1px #4d90fe; 994} 995.gantt_split_parent { 996 opacity: 0.1; 997 pointer-events: none; 998} 999.gantt_unselectable, 1000.gantt_unselectable div { 1001 -webkit-user-select: none; 1002 -moz-user-select: none; 1003 -moz-user-select: -moz-none; 1004} 1005.gantt_cal_light { 1006 -webkit-tap-highlight-color: transparent; 1007 background: #fff; 1008 border-radius: 6px; 1009 font-family: "Arial"; 1010 font-size: 13px; 1011 border: 1px solid #CECECE; 1012 color: #6b6b6b; 1013 font-size: 12px; 1014 position: absolute; 1015 z-index: 10001; 1016 width: 550px; 1017 height: 250px; 1018 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 1019} 1020.gantt_cal_light_wide { 1021 width: 650px; 1022} 1023.gantt_cal_light select { 1024 font-family: "Arial"; 1025 border: 1px solid #CECECE; 1026 font-size: 13px; 1027 padding: 2px; 1028 margin: 0px; 1029} 1030.gantt_cal_ltitle { 1031 padding: 7px 10px; 1032 overflow: hidden; 1033 white-space: nowrap; 1034 -webkit-border-top-left-radius: 6px; 1035 -webkit-border-bottom-left-radius: 0; 1036 -webkit-border-top-right-radius: 6px; 1037 -webkit-border-bottom-right-radius: 0; 1038 -moz-border-radius-topleft: 6px; 1039 -moz-border-radius-bottomleft: 0; 1040 -moz-border-radius-topright: 6px; 1041 -moz-border-radius-bottomright: 0; 1042 border-top-left-radius: 6px; 1043 border-bottom-left-radius: 0; 1044 border-top-right-radius: 6px; 1045 border-bottom-right-radius: 0; 1046} 1047.gantt_cal_ltitle span { 1048 white-space: nowrap; 1049} 1050.gantt_cal_lsection { 1051 color: #727272; 1052 font-weight: bold; 1053 padding: 12px 0px 5px 10px; 1054} 1055.gantt_cal_lsection .gantt_fullday { 1056 float: right; 1057 margin-right: 5px; 1058 font-size: 12px; 1059 font-weight: normal; 1060 line-height: 20px; 1061 vertical-align: top; 1062 cursor: pointer; 1063} 1064.gantt_cal_lsection { 1065 font-size: 13px; 1066} 1067.gantt_cal_ltext { 1068 padding: 2px 10px; 1069 overflow: hidden; 1070} 1071.gantt_cal_ltext textarea { 1072 overflow-y: auto; 1073 overflow-x: hidden; 1074 font-family: "Arial"; 1075 font-size: 13px; 1076 -moz-box-sizing: border-box; 1077 -webkit-box-sizing: border-box; 1078 box-sizing: border-box; 1079 border: 1px solid #CECECE; 1080 height: 100%; 1081 width: 100%; 1082 outline: none !important; 1083 resize: none; 1084} 1085.gantt_section_constraint [data-constraint-time-select] { 1086 margin-left: 20px; 1087} 1088.gantt_time { 1089 font-weight: bold; 1090} 1091.gantt_cal_light .gantt_title { 1092 padding-left: 10px; 1093} 1094.gantt_cal_larea { 1095 border: 1px solid #CECECE; 1096 border-left: none; 1097 border-right: none; 1098 background-color: #fff; 1099 overflow: hidden; 1100 height: 1px; 1101} 1102.gantt_btn_set { 1103 margin: 10px 7px 5px 10px; 1104 padding: 5px 15px 5px 10px; 1105 float: left; 1106 -webkit-border-radius: 4px; 1107 -moz-border-radius: 4px; 1108 border-radius: 4px; 1109 border-width: 0; 1110 border-color: #CECECE; 1111 border-style: solid; 1112 height: 32px; 1113 font-weight: bold; 1114 background: #fff; 1115 -moz-box-sizing: border-box; 1116 -webkit-box-sizing: border-box; 1117 box-sizing: border-box; 1118 cursor: pointer; 1119} 1120.gantt_hidden { 1121 display: none; 1122} 1123.gantt_btn_set div { 1124 float: left; 1125 font-size: 13px; 1126 height: 22px; 1127 line-height: 22px; 1128 background-repeat: no-repeat; 1129 vertical-align: middle; 1130} 1131.gantt_save_btn { 1132 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=); 1133 margin-top: 2px; 1134 width: 21px; 1135} 1136.gantt_cancel_btn { 1137 margin-top: 2px; 1138 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=); 1139 width: 20px; 1140} 1141.gantt_delete_btn { 1142 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=); 1143 margin-top: 2px; 1144 width: 20px; 1145} 1146.gantt_cal_cover { 1147 width: 100%; 1148 height: 100%; 1149 position: absolute; 1150 z-index: 10000; 1151 top: 0px; 1152 left: 0px; 1153 background-color: black; 1154 opacity: 0.1; 1155 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); 1156} 1157.gantt_custom_button { 1158 padding: 0px 3px 0px 3px; 1159 font-family: "Arial"; 1160 font-size: 13px; 1161 font-weight: normal; 1162 margin-right: 10px; 1163 margin-top: -5px; 1164 cursor: pointer; 1165 float: right; 1166 height: 21px; 1167 width: 90px; 1168 border: 1px solid #CECECE; 1169 text-align: center; 1170 -webkit-border-radius: 4px; 1171 -moz-border-radius: 4px; 1172 -ms-border-radius: 4px; 1173 -o-border-radius: 4px; 1174 border-radius: 4px; 1175} 1176.gantt_custom_button div { 1177 cursor: pointer; 1178 float: none; 1179 height: 21px; 1180 line-height: 21px; 1181 vertical-align: middle; 1182} 1183.gantt_custom_button div:first-child { 1184 display: none; 1185} 1186.gantt_cal_light_wide { 1187 width: 580px; 1188 padding: 2px 4px; 1189} 1190.gantt_cal_light_wide .gantt_cal_larea { 1191 -moz-box-sizing: border-box; 1192 -webkit-box-sizing: border-box; 1193 box-sizing: border-box; 1194 border: 1px solid #CECECE; 1195} 1196.gantt_cal_light_wide .gantt_cal_lsection { 1197 border: 0px; 1198 float: left; 1199 text-align: right; 1200 width: 80px; 1201 height: 20px; 1202 padding: 5px 10px 0px 0px; 1203} 1204.gantt_cal_light_wide .gantt_wrap_section { 1205 position: relative; 1206 padding: 10px 0; 1207 overflow: hidden; 1208 border-bottom: 1px solid #ebebeb; 1209} 1210.gantt_cal_light_wide .gantt_section_time { 1211 overflow: hidden; 1212 padding-top: 2px !important; 1213 padding-right: 0px; 1214 height: 20px !important; 1215} 1216.gantt_cal_light_wide .gantt_cal_ltext { 1217 padding-right: 0px; 1218} 1219.gantt_cal_light_wide .gantt_cal_larea { 1220 padding: 0 10px; 1221 width: 100%; 1222} 1223.gantt_cal_light_wide .gantt_section_time { 1224 background: transparent; 1225} 1226.gantt_cal_light_wide .gantt_cal_checkbox label { 1227 padding-left: 0px; 1228} 1229.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday { 1230 float: none; 1231 margin-right: 0px; 1232 font-weight: bold; 1233 cursor: pointer; 1234} 1235.gantt_cal_light_wide .gantt_custom_button { 1236 position: absolute; 1237 top: 0; 1238 right: 0; 1239 margin-top: 2px; 1240} 1241.gantt_cal_light_wide .gantt_repeat_right { 1242 margin-right: 55px; 1243} 1244.gantt_cal_light_wide.gantt_cal_light_full { 1245 width: 738px; 1246} 1247.gantt_cal_wide_checkbox input { 1248 margin-top: 8px; 1249 margin-left: 14px; 1250} 1251.gantt_cal_light input { 1252 font-size: 13px; 1253} 1254.gantt_section_time { 1255 background-color: white; 1256 white-space: nowrap; 1257 padding: 2px 10px 5px; 1258 padding-top: 2px !important; 1259} 1260.gantt_section_time .gantt_time_selects { 1261 float: left; 1262 height: 25px; 1263} 1264.gantt_section_time .gantt_time_selects select { 1265 height: 23px; 1266 padding: 2px; 1267 border: 1px solid #CECECE; 1268} 1269.gantt_duration { 1270 width: 100px; 1271 height: 23px; 1272 float: left; 1273 white-space: nowrap; 1274 margin-left: 20px; 1275 line-height: 23px; 1276} 1277.gantt_duration .gantt_duration_value, 1278.gantt_duration .gantt_duration_dec, 1279.gantt_duration .gantt_duration_inc { 1280 -moz-box-sizing: border-box; 1281 -webkit-box-sizing: border-box; 1282 box-sizing: border-box; 1283 text-align: center; 1284 vertical-align: top; 1285 height: 100%; 1286 border: 1px solid #CECECE; 1287} 1288.gantt_duration .gantt_duration_value { 1289 width: 40px; 1290 padding: 3px 4px; 1291 border-left-width: 0; 1292 border-right-width: 0; 1293} 1294.gantt_duration .gantt_duration_dec, 1295.gantt_duration .gantt_duration_inc { 1296 width: 20px; 1297 padding: 1px; 1298 padding-bottom: 1px; 1299 background: #fff; 1300} 1301.gantt_duration .gantt_duration_dec { 1302 -moz-border-top-left-radius: 4px; 1303 -moz-border-bottom-left-radius: 4px; 1304 -webkit-border-top-left-radius: 4px; 1305 -webkit-border-bottom-left-radius: 4px; 1306 border-top-left-radius: 4px; 1307 border-bottom-left-radius: 4px; 1308} 1309.gantt_duration .gantt_duration_inc { 1310 margin-right: 4px; 1311 -moz-border-top-right-radius: 4px; 1312 -moz-border-bottom-right-radius: 4px; 1313 -webkit-border-top-right-radius: 4px; 1314 -webkit-border-bottom-right-radius: 4px; 1315 border-top-right-radius: 4px; 1316 border-bottom-right-radius: 4px; 1317} 1318.gantt_resources { 1319 max-height: 150px; 1320 height: auto; 1321 overflow-y: auto; 1322} 1323.gantt_resource_row { 1324 display: block; 1325 padding: 10px 0; 1326 border-bottom: 1px solid #ebebeb; 1327 cursor: pointer; 1328} 1329.gantt_resource_row input[type=checkbox]:not(:checked), 1330.gantt_resource_row input[type=checkbox]:not(:checked) ~ div { 1331 opacity: 0.5; 1332} 1333.gantt_resource_toggle { 1334 vertical-align: middle; 1335} 1336.gantt_resources_filter .gantt_resources_filter_input { 1337 padding: 1px 2px 1px 2px; 1338 box-sizing: border-box; 1339} 1340.gantt_resources_filter .switch_unsetted { 1341 vertical-align: middle; 1342} 1343.gantt_resource_cell { 1344 display: inline-block; 1345} 1346.gantt_resource_cell.gantt_resource_cell_checkbox { 1347 width: 24px; 1348 max-width: 24px; 1349 min-width: 24px; 1350 vertical-align: middle; 1351} 1352.gantt_resource_cell.gantt_resource_cell_label { 1353 width: 40%; 1354 max-width: 40%; 1355 vertical-align: middle; 1356} 1357.gantt_resource_cell.gantt_resource_cell_value { 1358 width: 30%; 1359 max-width: 30%; 1360 vertical-align: middle; 1361} 1362.gantt_resource_cell.gantt_resource_cell_value input, 1363.gantt_resource_cell.gantt_resource_cell_value select { 1364 width: 80%; 1365 vertical-align: middle; 1366 padding: 1px 2px 1px 2px; 1367 box-sizing: border-box; 1368} 1369.gantt_resource_cell.gantt_resource_cell_unit { 1370 width: 10%; 1371 max-width: 10%; 1372 vertical-align: middle; 1373} 1374.gantt_resource_early_value { 1375 opacity: 0.8; 1376 font-size: 0.9em; 1377} 1378/* Quick info */ 1379.gantt_cal_quick_info { 1380 border: 1px solid #CECECE; 1381 border-radius: 6px; 1382 position: absolute; 1383 z-index: 300; 1384 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 1385 background-color: #fff; 1386 width: 300px; 1387 transition: left 0.5s ease, right 0.5s; 1388 -moz-transition: left 0.5s ease, right 0.5s; 1389 -webkit-transition: left 0.5s ease, right 0.5s; 1390 -o-transition: left 0.5s ease, right 0.5s; 1391} 1392.gantt_no_animate { 1393 transition: none; 1394 -moz-transition: none; 1395 -webkit-transition: none; 1396 -o-transition: none; 1397} 1398.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon { 1399 float: right; 1400} 1401.gantt_cal_qi_title { 1402 -webkit-border-top-left-radius: 6px; 1403 -webkit-border-bottom-left-radius: 0; 1404 -webkit-border-top-right-radius: 6px; 1405 -webkit-border-bottom-right-radius: 0; 1406 -moz-border-radius-topleft: 6px; 1407 -moz-border-radius-bottomleft: 0; 1408 -moz-border-radius-topright: 6px; 1409 -moz-border-radius-bottomright: 0; 1410 border-top-left-radius: 6px; 1411 border-bottom-left-radius: 0; 1412 border-top-right-radius: 6px; 1413 border-bottom-right-radius: 0; 1414 padding: 5px 0px 8px 12px; 1415 color: #454545; 1416 background-color: #fff; 1417 border-bottom: 1px solid #CECECE; 1418} 1419.gantt_cal_qi_tdate { 1420 font-size: 14px; 1421 font-weight: bold; 1422} 1423.gantt_cal_qi_tcontent { 1424 font-size: 13px; 1425} 1426.gantt_cal_qi_content { 1427 padding: 16px 8px; 1428 font-size: 13px; 1429 color: #454545; 1430 overflow: hidden; 1431} 1432.gantt_cal_qi_controls { 1433 -webkit-border-top-left-radius: 0; 1434 -webkit-border-bottom-left-radius: 6px; 1435 -webkit-border-top-right-radius: 0; 1436 -webkit-border-bottom-right-radius: 6px; 1437 -moz-border-radius-topleft: 0; 1438 -moz-border-radius-bottomleft: 6px; 1439 -moz-border-radius-topright: 0; 1440 -moz-border-radius-bottomright: 6px; 1441 border-top-left-radius: 0; 1442 border-bottom-left-radius: 6px; 1443 border-top-right-radius: 0; 1444 border-bottom-right-radius: 6px; 1445 padding-left: 7px; 1446} 1447.gantt_cal_qi_controls .gantt_menu_icon { 1448 margin-top: 6px; 1449 background-repeat: no-repeat; 1450} 1451.gantt_cal_qi_controls .gantt_menu_icon.icon_edit { 1452 width: 20px; 1453 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC); 1454} 1455.gantt_cal_qi_controls .gantt_menu_icon.icon_delete { 1456 width: 20px; 1457 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=); 1458} 1459.gantt_qi_big_icon { 1460 font-size: 13px; 1461 border-radius: 4px; 1462 font-weight: bold; 1463 background: #fff; 1464 margin: 5px 9px 8px 0px; 1465 min-width: 60px; 1466 line-height: 32px; 1467 vertical-align: middle; 1468 padding: 0px 10px 0px 5px; 1469 cursor: pointer; 1470 border: 1px solid #CECECE; 1471} 1472.gantt_cal_qi_controls div { 1473 float: left; 1474 height: 32px; 1475 text-align: center; 1476 line-height: 32px; 1477} 1478.gantt_tooltip { 1479 padding: 10px; 1480 position: absolute; 1481 z-index: 50; 1482 white-space: nowrap; 1483} 1484.gantt_resource_marker { 1485 position: absolute; 1486 text-align: center; 1487 font-size: 14px; 1488 color: #FFF; 1489} 1490.gantt_resource_marker_ok { 1491 background: rgba(78, 208, 134, 0.75); 1492} 1493.gantt_resource_marker_overtime { 1494 background: rgba(255, 134, 134, 0.69); 1495} 1496.gantt_histogram_label { 1497 width: 100%; 1498 height: 100%; 1499 position: absolute; 1500 z-index: 1; 1501 font-weight: bold; 1502 font-size: 13px; 1503} 1504.gantt_histogram_fill { 1505 background-color: rgba(41, 157, 180, 0.2); 1506 width: 100%; 1507 position: absolute; 1508 bottom: 0; 1509} 1510.gantt_histogram_hor_bar { 1511 height: 1px; 1512 position: absolute; 1513 background: #299DB4; 1514 margin-top: -1px; 1515 margin-left: -1px; 1516} 1517.gantt_histogram_vert_bar { 1518 width: 1px; 1519 position: absolute; 1520 background: #299DB4; 1521 margin-left: -1px; 1522} 1523.gantt_histogram_cell { 1524 position: absolute; 1525 text-align: center; 1526 font-size: 13px; 1527 color: #000000; 1528} 1529.gantt_marker { 1530 height: 100%; 1531 width: 2px; 1532 top: 0; 1533 position: absolute; 1534 text-align: center; 1535 background-color: rgba(255, 0, 0, 0.4); 1536 -moz-box-sizing: border-box; 1537 -webkit-box-sizing: border-box; 1538 box-sizing: border-box; 1539} 1540.gantt_marker .gantt_marker_content { 1541 padding: 5px; 1542 background: inherit; 1543 color: white; 1544 position: absolute; 1545 font-size: 12px; 1546 line-height: 12px; 1547 opacity: 0.8; 1548} 1549.gantt_marker_area { 1550 position: absolute; 1551 top: 0; 1552 left: 0; 1553} 1554.gantt_grid_editor_placeholder { 1555 position: absolute; 1556} 1557.gantt_grid_editor_placeholder > div, 1558.gantt_grid_editor_placeholder input, 1559.gantt_grid_editor_placeholder select { 1560 width: 100%; 1561 height: 100%; 1562 box-sizing: border-box; 1563} 1564.gantt_row_placeholder div { 1565 opacity: 0.5; 1566} 1567.gantt_row_placeholder .gantt_file, 1568.gantt_row_placeholder .gantt_add { 1569 display: none; 1570} 1571.gantt_drag_marker.gantt_grid_dnd_marker { 1572 background-color: transparent; 1573 transition: all 0.1s ease ; 1574} 1575.gantt_grid_dnd_marker_line { 1576 height: 4px; 1577 width: 100%; 1578 background-color: #3498db; 1579} 1580.gantt_grid_dnd_marker_line::before { 1581 background: #fff; 1582 width: 12px; 1583 height: 12px; 1584 box-sizing: border-box; 1585 border: 3px solid #3498db; 1586 border-radius: 6px; 1587 content: ""; 1588 line-height: 1px; 1589 display: block; 1590 position: absolute; 1591 margin-left: -11px; 1592 margin-top: -4px; 1593 pointer-events: none; 1594} 1595.gantt_grid_dnd_marker_folder { 1596 height: 100%; 1597 width: 100%; 1598 position: absolute; 1599 pointer-events: none; 1600 box-sizing: border-box; 1601 box-shadow: 0 0 0px 2px #3f98db inset; 1602 background: transparent; 1603} 1604.gantt_overlay_area { 1605 position: absolute; 1606 height: inherit; 1607 width: inherit; 1608 top: 0; 1609 left: 0; 1610 display: none; 1611} 1612.gantt_overlay { 1613 position: absolute; 1614 left: 0; 1615 top: 0; 1616 height: inherit; 1617 width: inherit; 1618} 1619.gantt_click_drag_rect { 1620 position: absolute; 1621 left: 0; 1622 top: 0; 1623 outline: 1px solid #3f98db; 1624 background-color: rgba(52, 152, 219, 0.3); 1625} 1626.gantt_layout_content { 1627 width: 100%; 1628 overflow: auto; 1629 box-sizing: border-box; 1630} 1631.gantt_layout_cell { 1632 position: relative; 1633 box-sizing: border-box; 1634} 1635.gantt_layout_cell > .gantt_layout_header { 1636 background: #33aae8; 1637 color: white; 1638 font-size: 17px; 1639 padding: 5px 10px; 1640 box-sizing: border-box; 1641} 1642.gantt_layout_header.collapsed_x { 1643 background: #a9a9a9; 1644} 1645.gantt_layout_header.collapsed_x .gantt_header_arrow:before { 1646 content: "\21E7"; 1647} 1648.gantt_layout_header.collapsed_y { 1649 background: #a9a9a9; 1650} 1651.gantt_layout_header.collapsed_y .gantt_header_arrow:before { 1652 content: "\21E9"; 1653} 1654.gantt_layout_header { 1655 cursor: pointer; 1656} 1657.gantt_layout_header .gantt_header_arrow { 1658 float: right; 1659 text-align: right; 1660} 1661.gantt_layout_header .gantt_header_arrow:before { 1662 content: "\21E6"; 1663} 1664.gantt_layout_header.vertical .gantt_header_arrow:before { 1665 content: "\21E7"; 1666} 1667.gantt_layout_outer_scroll_vertical .gantt_layout_content { 1668 overflow-y: hidden; 1669} 1670.gantt_layout_outer_scroll_horizontal .gantt_layout_content { 1671 overflow-x: hidden; 1672} 1673.gantt_layout_x > .gantt_layout_cell { 1674 display: inline-block; 1675 vertical-align: top; 1676} 1677.gantt_layout_x { 1678 white-space: nowrap; 1679} 1680.gantt_resizing { 1681 opacity: 0.7; 1682 background: #f2f2f2; 1683} 1684.gantt_layout_cell_border_right.gantt_resizer { 1685 overflow: visible; 1686 border-right: 0; 1687} 1688.gantt_resizer { 1689 cursor: e-resize; 1690 position: relative; 1691} 1692.gantt_resizer_y { 1693 cursor: n-resize; 1694} 1695.gantt_resizer_stick { 1696 background: #33aae8; 1697 z-index: 9999; 1698 position: absolute; 1699 top: 0; 1700 width: 100%; 1701} 1702.gantt_resizer_x .gantt_resizer_x { 1703 position: absolute; 1704 width: 20px; 1705 height: 100%; 1706 margin-left: -10px; 1707 top: 0; 1708 left: 0; 1709 z-index: 1; 1710} 1711.gantt_resizer_y .gantt_resizer_y { 1712 position: absolute; 1713 height: 20px; 1714 width: 100%; 1715 top: -10px; 1716 left: 0; 1717 z-index: 1; 1718} 1719.gantt_resizer_error { 1720 background: indianred!important; 1721} 1722.gantt_noselect { 1723 -webkit-user-select: none; 1724 user-select: none; 1725} 1726.gantt_layout_cell_border_left { 1727 border-left: 1px solid #CECECE; 1728} 1729.gantt_layout_cell_border_right { 1730 border-right: 1px solid #CECECE; 1731} 1732.gantt_layout_cell_border_top { 1733 border-top: 1px solid #CECECE; 1734} 1735.gantt_layout_cell_border_bottom { 1736 border-bottom: 1px solid #CECECE; 1737} 1738.gantt_layout_cell_border_transparent { 1739 border-color: transparent; 1740} 1741.gantt_window { 1742 position: absolute; 1743 top: 50%; 1744 left: 50%; 1745 z-index: 999999999; 1746 background: white; 1747} 1748.gantt_window_content { 1749 position: relative; 1750} 1751.gantt_window_content_header { 1752 background: #39c; 1753 color: #ffffff; 1754 height: 33px; 1755 padding: 10px 10px 0 10px; 1756 border-bottom: solid 2px #ffffff; 1757 position: relative; 1758} 1759.gantt_window_content_header_text { 1760 padding-left: 10%; 1761} 1762.gantt_window_content_header_buttons { 1763 position: absolute; 1764 top: 10px; 1765 right: 10px; 1766} 1767.gantt_window_content_header_buttons:hover { 1768 color: #000000; 1769 cursor: pointer; 1770} 1771.gantt_window_content_resizer { 1772 position: absolute; 1773 width: 15px; 1774 height: 15px; 1775 bottom: 0; 1776 line-height: 15px; 1777 right: -1px; 1778 text-align: center; 1779 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=); 1780 cursor: nw-resize; 1781 z-index: 999; 1782} 1783.gantt_window_content_frame { 1784 position: absolute; 1785 top: 0; 1786 left: 0; 1787 width: 100%; 1788 height: 100%; 1789 background: rgba(0, 0, 0, 0.1); 1790 z-index: 9999; 1791} 1792.gantt_window_drag { 1793 cursor: pointer!important; 1794} 1795.gantt_window_resizing { 1796 overflow: visible; 1797} 1798.gantt_window_resizing_body { 1799 overflow: hidden!important; 1800} 1801.gantt_window_modal { 1802 background: rgba(0, 0, 0, 0.1); 1803 z-index: 9999; 1804 top: 0; 1805 left: 0; 1806 width: 100%; 1807 height: 100%; 1808 position: fixed; 1809} 1810.gantt_container, 1811.gantt_cal_light, 1812.gantt_message_area, 1813.gantt_modal_box, 1814.gantt_cal_quick_info, 1815.gantt_tooltip { 1816 text-rendering: optimizeLegibility; 1817 -webkit-font-smoothing: antialiased; 1818 -moz-osx-font-smoothing: grayscale; 1819} 1820.gantt_noselect { 1821 -moz-user-select: -moz-none; 1822 -webkit-user-select: none; 1823 -ms-user-select: none; 1824 user-select: none; 1825} 1826.gantt_drag_marker { 1827 position: absolute; 1828 top: -1000px; 1829 left: -1000px; 1830 font-family: "Arial"; 1831 font-size: 13px; 1832 z-index: 1; 1833 white-space: nowrap; 1834} 1835.gantt_drag_marker .gantt_tree_indent, 1836.gantt_drag_marker .gantt_tree_icon.gantt_blank, 1837.gantt_drag_marker .gantt_tree_icon.gantt_open, 1838.gantt_drag_marker .gantt_tree_icon.gantt_close { 1839 display: none; 1840} 1841.gantt_drag_marker, 1842.gantt_drag_marker .gantt_row.odd { 1843 background-color: #FFFFFF; 1844} 1845.gantt_drag_marker .gantt_row { 1846 border-left: 1px solid #d2d2d2; 1847 border-top: 1px solid #d2d2d2; 1848} 1849.gantt_drag_marker .gantt_cell { 1850 border-color: #d2d2d2; 1851} 1852.gantt_row.gantt_over, 1853.gantt_task_row.gantt_over { 1854 background-color: #0070fe; 1855} 1856.gantt_row.gantt_transparent .gantt_cell { 1857 opacity: 0.7; 1858} 1859.gantt_task_row.gantt_transparent { 1860 background-color: #f8fdfd; 1861} 1862.gantt_popup_button.gantt_delete_button { 1863 background: #3db9d3; 1864 text-shadow: 0 -1px 0 #248a9f; 1865 color: #fff; 1866 font-weight: bold; 1867 border-width: 0; 1868} 1869.gantt_container_resize_watcher { 1870 background: transparent; 1871 width: 100%; 1872 height: 100%; 1873 position: absolute; 1874 top: 0px; 1875 left: 0px; 1876 z-index: -1; 1877 pointer-events: none; 1878 border: 0; 1879 box-sizing: border-box; 1880 opacity: 0; 1881} 1882 1883