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