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