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