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: #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_value.gantt_duration_value_formatted { 1295 width: 70px; 1296} 1297.gantt_duration .gantt_duration_dec, 1298.gantt_duration .gantt_duration_inc { 1299 width: 20px; 1300 padding: 1px; 1301 padding-bottom: 1px; 1302 background: #fff; 1303} 1304.gantt_duration .gantt_duration_dec { 1305 -moz-border-top-left-radius: 4px; 1306 -moz-border-bottom-left-radius: 4px; 1307 -webkit-border-top-left-radius: 4px; 1308 -webkit-border-bottom-left-radius: 4px; 1309 border-top-left-radius: 4px; 1310 border-bottom-left-radius: 4px; 1311} 1312.gantt_duration .gantt_duration_inc { 1313 margin-right: 4px; 1314 -moz-border-top-right-radius: 4px; 1315 -moz-border-bottom-right-radius: 4px; 1316 -webkit-border-top-right-radius: 4px; 1317 -webkit-border-bottom-right-radius: 4px; 1318 border-top-right-radius: 4px; 1319 border-bottom-right-radius: 4px; 1320} 1321.gantt_resources { 1322 max-height: 150px; 1323 height: auto; 1324 overflow-y: auto; 1325} 1326.gantt_resource_row { 1327 display: block; 1328 padding: 10px 0; 1329 border-bottom: 1px solid #ebebeb; 1330 cursor: pointer; 1331} 1332.gantt_resource_row input[type=checkbox]:not(:checked), 1333.gantt_resource_row input[type=checkbox]:not(:checked) ~ div { 1334 opacity: 0.5; 1335} 1336.gantt_resource_toggle { 1337 vertical-align: middle; 1338} 1339.gantt_resources_filter .gantt_resources_filter_input { 1340 padding: 1px 2px 1px 2px; 1341 box-sizing: border-box; 1342} 1343.gantt_resources_filter .switch_unsetted { 1344 vertical-align: middle; 1345} 1346.gantt_resource_cell { 1347 display: inline-block; 1348} 1349.gantt_resource_cell.gantt_resource_cell_checkbox { 1350 width: 24px; 1351 max-width: 24px; 1352 min-width: 24px; 1353 vertical-align: middle; 1354} 1355.gantt_resource_cell.gantt_resource_cell_label { 1356 width: 40%; 1357 max-width: 40%; 1358 vertical-align: middle; 1359} 1360.gantt_resource_cell.gantt_resource_cell_value { 1361 width: 30%; 1362 max-width: 30%; 1363 vertical-align: middle; 1364} 1365.gantt_resource_cell.gantt_resource_cell_value input, 1366.gantt_resource_cell.gantt_resource_cell_value select { 1367 width: 80%; 1368 vertical-align: middle; 1369 padding: 1px 2px 1px 2px; 1370 box-sizing: border-box; 1371} 1372.gantt_resource_cell.gantt_resource_cell_unit { 1373 width: 10%; 1374 max-width: 10%; 1375 vertical-align: middle; 1376} 1377.gantt_resource_early_value { 1378 opacity: 0.8; 1379 font-size: 0.9em; 1380} 1381/* Quick info */ 1382.gantt_cal_quick_info { 1383 border: 1px solid #CECECE; 1384 border-radius: 6px; 1385 position: absolute; 1386 z-index: 300; 1387 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 1388 background-color: #fff; 1389 width: 300px; 1390 transition: left 0.5s ease, right 0.5s; 1391 -moz-transition: left 0.5s ease, right 0.5s; 1392 -webkit-transition: left 0.5s ease, right 0.5s; 1393 -o-transition: left 0.5s ease, right 0.5s; 1394} 1395.gantt_no_animate { 1396 transition: none; 1397 -moz-transition: none; 1398 -webkit-transition: none; 1399 -o-transition: none; 1400} 1401.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon { 1402 float: right; 1403} 1404.gantt_cal_qi_title { 1405 -webkit-border-top-left-radius: 6px; 1406 -webkit-border-bottom-left-radius: 0; 1407 -webkit-border-top-right-radius: 6px; 1408 -webkit-border-bottom-right-radius: 0; 1409 -moz-border-radius-topleft: 6px; 1410 -moz-border-radius-bottomleft: 0; 1411 -moz-border-radius-topright: 6px; 1412 -moz-border-radius-bottomright: 0; 1413 border-top-left-radius: 6px; 1414 border-bottom-left-radius: 0; 1415 border-top-right-radius: 6px; 1416 border-bottom-right-radius: 0; 1417 padding: 5px 0px 8px 12px; 1418 color: #454545; 1419 background-color: #fff; 1420 border-bottom: 1px solid #CECECE; 1421} 1422.gantt_cal_qi_tdate { 1423 font-size: 14px; 1424 font-weight: bold; 1425} 1426.gantt_cal_qi_tcontent { 1427 font-size: 13px; 1428} 1429.gantt_cal_qi_content { 1430 padding: 16px 8px; 1431 font-size: 13px; 1432 color: #454545; 1433 overflow: hidden; 1434} 1435.gantt_cal_qi_controls { 1436 -webkit-border-top-left-radius: 0; 1437 -webkit-border-bottom-left-radius: 6px; 1438 -webkit-border-top-right-radius: 0; 1439 -webkit-border-bottom-right-radius: 6px; 1440 -moz-border-radius-topleft: 0; 1441 -moz-border-radius-bottomleft: 6px; 1442 -moz-border-radius-topright: 0; 1443 -moz-border-radius-bottomright: 6px; 1444 border-top-left-radius: 0; 1445 border-bottom-left-radius: 6px; 1446 border-top-right-radius: 0; 1447 border-bottom-right-radius: 6px; 1448 padding-left: 7px; 1449} 1450.gantt_cal_qi_controls .gantt_menu_icon { 1451 margin-top: 6px; 1452 background-repeat: no-repeat; 1453} 1454.gantt_cal_qi_controls .gantt_menu_icon.icon_edit { 1455 width: 20px; 1456 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC); 1457} 1458.gantt_cal_qi_controls .gantt_menu_icon.icon_delete { 1459 width: 20px; 1460 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=); 1461} 1462.gantt_qi_big_icon { 1463 font-size: 13px; 1464 border-radius: 4px; 1465 font-weight: bold; 1466 background: #fff; 1467 margin: 5px 9px 8px 0px; 1468 min-width: 60px; 1469 line-height: 32px; 1470 vertical-align: middle; 1471 padding: 0px 10px 0px 5px; 1472 cursor: pointer; 1473 border: 1px solid #CECECE; 1474} 1475.gantt_cal_qi_controls div { 1476 float: left; 1477 height: 32px; 1478 text-align: center; 1479 line-height: 32px; 1480} 1481.gantt_tooltip { 1482 padding: 10px; 1483 position: absolute; 1484 z-index: 50; 1485 white-space: nowrap; 1486} 1487.gantt_resource_marker { 1488 position: absolute; 1489 text-align: center; 1490 font-size: 14px; 1491 color: #FFF; 1492} 1493.gantt_resource_marker_ok { 1494 background: rgba(78, 208, 134, 0.75); 1495} 1496.gantt_resource_marker_overtime { 1497 background: rgba(255, 134, 134, 0.69); 1498} 1499.gantt_histogram_label { 1500 width: 100%; 1501 height: 100%; 1502 position: absolute; 1503 z-index: 1; 1504 font-weight: bold; 1505 font-size: 13px; 1506} 1507.gantt_histogram_fill { 1508 background-color: rgba(41, 157, 180, 0.2); 1509 width: 100%; 1510 position: absolute; 1511 bottom: 0; 1512} 1513.gantt_histogram_hor_bar { 1514 height: 1px; 1515 position: absolute; 1516 background: #299DB4; 1517 margin-top: -1px; 1518 margin-left: -1px; 1519} 1520.gantt_histogram_vert_bar { 1521 width: 1px; 1522 position: absolute; 1523 background: #299DB4; 1524 margin-left: -1px; 1525} 1526.gantt_histogram_cell { 1527 position: absolute; 1528 text-align: center; 1529 font-size: 13px; 1530 color: #000000; 1531} 1532.gantt_marker { 1533 height: 100%; 1534 width: 2px; 1535 top: 0; 1536 position: absolute; 1537 text-align: center; 1538 background-color: rgba(255, 0, 0, 0.4); 1539 -moz-box-sizing: border-box; 1540 -webkit-box-sizing: border-box; 1541 box-sizing: border-box; 1542} 1543.gantt_marker .gantt_marker_content { 1544 padding: 5px; 1545 background: inherit; 1546 color: white; 1547 position: absolute; 1548 font-size: 12px; 1549 line-height: 12px; 1550 opacity: 0.8; 1551} 1552.gantt_marker_area { 1553 position: absolute; 1554 top: 0; 1555 left: 0; 1556} 1557.gantt_grid_editor_placeholder { 1558 position: absolute; 1559} 1560.gantt_grid_editor_placeholder > div, 1561.gantt_grid_editor_placeholder input, 1562.gantt_grid_editor_placeholder select { 1563 width: 100%; 1564 height: 100%; 1565 box-sizing: border-box; 1566} 1567.gantt_row_placeholder div { 1568 opacity: 0.5; 1569} 1570.gantt_row_placeholder .gantt_file, 1571.gantt_row_placeholder .gantt_add { 1572 display: none; 1573} 1574.gantt_drag_marker.gantt_grid_dnd_marker { 1575 background-color: transparent; 1576 transition: all 0.1s ease ; 1577} 1578.gantt_grid_dnd_marker_line { 1579 height: 4px; 1580 width: 100%; 1581 background-color: #3498db; 1582} 1583.gantt_grid_dnd_marker_line::before { 1584 background: #fff; 1585 width: 12px; 1586 height: 12px; 1587 box-sizing: border-box; 1588 border: 3px solid #3498db; 1589 border-radius: 6px; 1590 content: ""; 1591 line-height: 1px; 1592 display: block; 1593 position: absolute; 1594 margin-left: -11px; 1595 margin-top: -4px; 1596 pointer-events: none; 1597} 1598.gantt_grid_dnd_marker_folder { 1599 height: 100%; 1600 width: 100%; 1601 position: absolute; 1602 pointer-events: none; 1603 box-sizing: border-box; 1604 box-shadow: 0 0 0px 2px #3f98db inset; 1605 background: transparent; 1606} 1607.gantt_overlay_area { 1608 position: absolute; 1609 height: inherit; 1610 width: inherit; 1611 top: 0; 1612 left: 0; 1613 display: none; 1614} 1615.gantt_overlay { 1616 position: absolute; 1617 left: 0; 1618 top: 0; 1619 height: inherit; 1620 width: inherit; 1621} 1622.gantt_click_drag_rect { 1623 position: absolute; 1624 left: 0; 1625 top: 0; 1626 outline: 1px solid #3f98db; 1627 background-color: rgba(52, 152, 219, 0.3); 1628} 1629.gantt_timeline_move_available, 1630.gantt_timeline_move_available * { 1631 cursor: move; 1632} 1633.gantt_layout_content { 1634 width: 100%; 1635 overflow: auto; 1636 box-sizing: border-box; 1637} 1638.gantt_layout_cell { 1639 position: relative; 1640 box-sizing: border-box; 1641} 1642.gantt_layout_cell > .gantt_layout_header { 1643 background: #33aae8; 1644 color: white; 1645 font-size: 17px; 1646 padding: 5px 10px; 1647 box-sizing: border-box; 1648} 1649.gantt_layout_header.collapsed_x { 1650 background: #a9a9a9; 1651} 1652.gantt_layout_header.collapsed_x .gantt_header_arrow:before { 1653 content: "\21E7"; 1654} 1655.gantt_layout_header.collapsed_y { 1656 background: #a9a9a9; 1657} 1658.gantt_layout_header.collapsed_y .gantt_header_arrow:before { 1659 content: "\21E9"; 1660} 1661.gantt_layout_header { 1662 cursor: pointer; 1663} 1664.gantt_layout_header .gantt_header_arrow { 1665 float: right; 1666 text-align: right; 1667} 1668.gantt_layout_header .gantt_header_arrow:before { 1669 content: "\21E6"; 1670} 1671.gantt_layout_header.vertical .gantt_header_arrow:before { 1672 content: "\21E7"; 1673} 1674.gantt_layout_outer_scroll_vertical .gantt_layout_content { 1675 overflow-y: hidden; 1676} 1677.gantt_layout_outer_scroll_horizontal .gantt_layout_content { 1678 overflow-x: hidden; 1679} 1680.gantt_layout_x > .gantt_layout_cell { 1681 display: inline-block; 1682 vertical-align: top; 1683} 1684.gantt_layout_x { 1685 white-space: nowrap; 1686} 1687.gantt_resizing { 1688 opacity: 0.7; 1689 background: #f2f2f2; 1690} 1691.gantt_layout_cell_border_right.gantt_resizer { 1692 overflow: visible; 1693 border-right: 0; 1694} 1695.gantt_resizer { 1696 cursor: e-resize; 1697 position: relative; 1698} 1699.gantt_resizer_y { 1700 cursor: n-resize; 1701} 1702.gantt_resizer_stick { 1703 background: #33aae8; 1704 z-index: 9999; 1705 position: absolute; 1706 top: 0; 1707 width: 100%; 1708} 1709.gantt_resizer_x .gantt_resizer_x { 1710 position: absolute; 1711 width: 20px; 1712 height: 100%; 1713 margin-left: -10px; 1714 top: 0; 1715 left: 0; 1716 z-index: 1; 1717} 1718.gantt_resizer_y .gantt_resizer_y { 1719 position: absolute; 1720 height: 20px; 1721 width: 100%; 1722 top: -10px; 1723 left: 0; 1724 z-index: 1; 1725} 1726.gantt_resizer_error { 1727 background: indianred!important; 1728} 1729.gantt_noselect { 1730 -webkit-user-select: none; 1731 user-select: none; 1732} 1733.gantt_layout_cell_border_left { 1734 border-left: 1px solid #CECECE; 1735} 1736.gantt_layout_cell_border_right { 1737 border-right: 1px solid #CECECE; 1738} 1739.gantt_layout_cell_border_top { 1740 border-top: 1px solid #CECECE; 1741} 1742.gantt_layout_cell_border_bottom { 1743 border-bottom: 1px solid #CECECE; 1744} 1745.gantt_layout_cell_border_transparent { 1746 border-color: transparent; 1747} 1748.gantt_window { 1749 position: absolute; 1750 top: 50%; 1751 left: 50%; 1752 z-index: 999999999; 1753 background: white; 1754} 1755.gantt_window_content { 1756 position: relative; 1757} 1758.gantt_window_content_header { 1759 background: #39c; 1760 color: #ffffff; 1761 height: 33px; 1762 padding: 10px 10px 0 10px; 1763 border-bottom: solid 2px #ffffff; 1764 position: relative; 1765} 1766.gantt_window_content_header_text { 1767 padding-left: 10%; 1768} 1769.gantt_window_content_header_buttons { 1770 position: absolute; 1771 top: 10px; 1772 right: 10px; 1773} 1774.gantt_window_content_header_buttons:hover { 1775 color: #000000; 1776 cursor: pointer; 1777} 1778.gantt_window_content_resizer { 1779 position: absolute; 1780 width: 15px; 1781 height: 15px; 1782 bottom: 0; 1783 line-height: 15px; 1784 right: -1px; 1785 text-align: center; 1786 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=); 1787 cursor: nw-resize; 1788 z-index: 999; 1789} 1790.gantt_window_content_frame { 1791 position: absolute; 1792 top: 0; 1793 left: 0; 1794 width: 100%; 1795 height: 100%; 1796 background: rgba(0, 0, 0, 0.1); 1797 z-index: 9999; 1798} 1799.gantt_window_drag { 1800 cursor: pointer!important; 1801} 1802.gantt_window_resizing { 1803 overflow: visible; 1804} 1805.gantt_window_resizing_body { 1806 overflow: hidden!important; 1807} 1808.gantt_window_modal { 1809 background: rgba(0, 0, 0, 0.1); 1810 z-index: 9999; 1811 top: 0; 1812 left: 0; 1813 width: 100%; 1814 height: 100%; 1815 position: fixed; 1816} 1817.gantt_container, 1818.gantt_cal_light, 1819.gantt_message_area, 1820.gantt_modal_box, 1821.gantt_cal_quick_info, 1822.gantt_tooltip { 1823 text-rendering: optimizeLegibility; 1824 -webkit-font-smoothing: antialiased; 1825 -moz-osx-font-smoothing: grayscale; 1826} 1827.gantt_noselect { 1828 -moz-user-select: -moz-none; 1829 -webkit-user-select: none; 1830 -ms-user-select: none; 1831 user-select: none; 1832} 1833.gantt_drag_marker { 1834 position: absolute; 1835 top: -1000px; 1836 left: -1000px; 1837 font-family: "Arial"; 1838 font-size: 13px; 1839 z-index: 1; 1840 white-space: nowrap; 1841} 1842.gantt_drag_marker .gantt_tree_indent, 1843.gantt_drag_marker .gantt_tree_icon.gantt_blank, 1844.gantt_drag_marker .gantt_tree_icon.gantt_open, 1845.gantt_drag_marker .gantt_tree_icon.gantt_close { 1846 display: none; 1847} 1848.gantt_drag_marker, 1849.gantt_drag_marker .gantt_row.odd { 1850 background-color: #FFFFFF; 1851} 1852.gantt_drag_marker .gantt_row { 1853 border-left: 1px solid #d2d2d2; 1854 border-top: 1px solid #d2d2d2; 1855} 1856.gantt_drag_marker .gantt_cell { 1857 border-color: #d2d2d2; 1858} 1859.gantt_row.gantt_over, 1860.gantt_task_row.gantt_over { 1861 background-color: #0070fe; 1862} 1863.gantt_row.gantt_transparent .gantt_cell { 1864 opacity: 0.7; 1865} 1866.gantt_task_row.gantt_transparent { 1867 background-color: #f8fdfd; 1868} 1869.gantt_popup_button.gantt_delete_button { 1870 background: #3db9d3; 1871 text-shadow: 0 -1px 0 #248a9f; 1872 color: #fff; 1873 font-weight: bold; 1874 border-width: 0; 1875} 1876.gantt_container_resize_watcher { 1877 background: transparent; 1878 width: 100%; 1879 height: 100%; 1880 position: absolute; 1881 top: 0px; 1882 left: 0px; 1883 z-index: -1; 1884 pointer-events: none; 1885 border: 0; 1886 box-sizing: border-box; 1887 opacity: 0; 1888} 1889 1890