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