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