1/* 2@license 3 4dhtmlxGantt v.6.3.5 Standard 5 6This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects. 7 8To use dhtmlxGantt in non-GPL projects (and get Pro version of the product), please obtain Commercial/Enterprise or Ultimate license on our site https://dhtmlx.com/docs/products/dhtmlxGantt/#licensing or contact us at sales@dhtmlx.com 9 10(c) XB Software Ltd. 11 12*/ 13.buttonBg { 14 background: #fff; 15} 16/* colors for items with inline styles assigned (task.color, link.color)*/ 17.gridHoverStyle { 18 background-color: #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_value.gantt_duration_value_formatted { 1272 width: 70px; 1273} 1274.gantt_duration .gantt_duration_dec, 1275.gantt_duration .gantt_duration_inc { 1276 width: 20px; 1277 padding: 1px; 1278 padding-bottom: 1px; 1279 background: #fff; 1280 background-color: #f8f8f8; 1281 background-image: -webkit-linear-gradient(top, #E6E6E6 0%, #FFFFFF 100%); 1282 background-image: -moz-linear-gradient(top, #E6E6E6 0%, #FFFFFF 100%); 1283 background-image: -ms-linear-gradient(top, #E6E6E6 0%, #FFFFFF 100%); 1284 background-image: linear-gradient(to top, #E6E6E6 0%, #FFFFFF 100%); 1285} 1286.gantt_duration .gantt_duration_dec { 1287 -moz-border-top-left-radius: 4px; 1288 -moz-border-bottom-left-radius: 4px; 1289 -webkit-border-top-left-radius: 4px; 1290 -webkit-border-bottom-left-radius: 4px; 1291 border-top-left-radius: 4px; 1292 border-bottom-left-radius: 4px; 1293} 1294.gantt_duration .gantt_duration_inc { 1295 margin-right: 4px; 1296 -moz-border-top-right-radius: 4px; 1297 -moz-border-bottom-right-radius: 4px; 1298 -webkit-border-top-right-radius: 4px; 1299 -webkit-border-bottom-right-radius: 4px; 1300 border-top-right-radius: 4px; 1301 border-bottom-right-radius: 4px; 1302} 1303.gantt_resources { 1304 max-height: 150px; 1305 height: auto; 1306 overflow-y: auto; 1307} 1308.gantt_resource_row { 1309 display: block; 1310 padding: 10px 0; 1311 border-bottom: 1px solid #ebebeb; 1312 cursor: pointer; 1313} 1314.gantt_resource_row input[type=checkbox]:not(:checked), 1315.gantt_resource_row input[type=checkbox]:not(:checked) ~ div { 1316 opacity: 0.5; 1317} 1318.gantt_resource_toggle { 1319 vertical-align: middle; 1320} 1321.gantt_resources_filter .gantt_resources_filter_input { 1322 padding: 1px 2px 1px 2px; 1323 box-sizing: border-box; 1324} 1325.gantt_resources_filter .switch_unsetted { 1326 vertical-align: middle; 1327} 1328.gantt_resource_cell { 1329 display: inline-block; 1330} 1331.gantt_resource_cell.gantt_resource_cell_checkbox { 1332 width: 24px; 1333 max-width: 24px; 1334 min-width: 24px; 1335 vertical-align: middle; 1336} 1337.gantt_resource_cell.gantt_resource_cell_label { 1338 width: 40%; 1339 max-width: 40%; 1340 vertical-align: middle; 1341} 1342.gantt_resource_cell.gantt_resource_cell_value { 1343 width: 30%; 1344 max-width: 30%; 1345 vertical-align: middle; 1346} 1347.gantt_resource_cell.gantt_resource_cell_value input, 1348.gantt_resource_cell.gantt_resource_cell_value select { 1349 width: 80%; 1350 vertical-align: middle; 1351 padding: 1px 2px 1px 2px; 1352 box-sizing: border-box; 1353} 1354.gantt_resource_cell.gantt_resource_cell_unit { 1355 width: 10%; 1356 max-width: 10%; 1357 vertical-align: middle; 1358} 1359.gantt_resource_early_value { 1360 opacity: 0.8; 1361 font-size: 0.9em; 1362} 1363/* Quick info */ 1364.gantt_cal_quick_info { 1365 border: 1px solid #a4bed4; 1366 border-radius: 0; 1367 position: absolute; 1368 z-index: 300; 1369 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); 1370 background-color: #fff; 1371 width: 300px; 1372 transition: left 0.5s ease, right 0.5s; 1373 -moz-transition: left 0.5s ease, right 0.5s; 1374 -webkit-transition: left 0.5s ease, right 0.5s; 1375 -o-transition: left 0.5s ease, right 0.5s; 1376} 1377.gantt_no_animate { 1378 transition: none; 1379 -moz-transition: none; 1380 -webkit-transition: none; 1381 -o-transition: none; 1382} 1383.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon { 1384 float: right; 1385} 1386.gantt_cal_qi_title { 1387 -webkit-border-top-left-radius: 0; 1388 -webkit-border-bottom-left-radius: 0; 1389 -webkit-border-top-right-radius: 0; 1390 -webkit-border-bottom-right-radius: 0; 1391 -moz-border-radius-topleft: 0; 1392 -moz-border-radius-bottomleft: 0; 1393 -moz-border-radius-topright: 0; 1394 -moz-border-radius-bottomright: 0; 1395 border-top-left-radius: 0; 1396 border-bottom-left-radius: 0; 1397 border-top-right-radius: 0; 1398 border-bottom-right-radius: 0; 1399 padding: 5px 0px 8px 12px; 1400 color: #1e2022; 1401 box-shadow: 0px 1px 1px #fff inset; 1402 background-color: #dfedff; 1403 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4f0ff), color-stop(50%, #dfedff), color-stop(100%, #d5e8ff)); 1404 /* old webkit */ 1405 background-image: -webkit-linear-gradient(top, #e4f0ff 0%, #dfedff 50%, #d5e8ff 100%); 1406 background-image: -moz-linear-gradient(top, #e4f0ff 0%, #dfedff 60%, #d5e8ff 100%); 1407 background-image: -ms-linear-gradient(top, #e4f0ff 0%, #dfedff 60%, #d5e8ff 100%); 1408 background-image: -o-linear-gradient(top, #e4f0ff 0%, #dfedff 60%, #d5e8ff 100%); 1409 background-position: 0px 1px; 1410 background-repeat: repeat-x; 1411 border-bottom: 1px solid #a4bed4; 1412} 1413.gantt_cal_qi_tdate { 1414 font-size: 14px; 1415 font-weight: bold; 1416} 1417.gantt_cal_qi_tcontent { 1418 font-size: 11px; 1419} 1420.gantt_cal_qi_content { 1421 padding: 16px 8px; 1422 font-size: 13px; 1423 color: #1e2022; 1424 overflow: hidden; 1425} 1426.gantt_cal_qi_controls { 1427 -webkit-border-top-left-radius: 0; 1428 -webkit-border-bottom-left-radius: 0; 1429 -webkit-border-top-right-radius: 0; 1430 -webkit-border-bottom-right-radius: 0; 1431 -moz-border-radius-topleft: 0; 1432 -moz-border-radius-bottomleft: 0; 1433 -moz-border-radius-topright: 0; 1434 -moz-border-radius-bottomright: 0; 1435 border-top-left-radius: 0; 1436 border-bottom-left-radius: 0; 1437 border-top-right-radius: 0; 1438 border-bottom-right-radius: 0; 1439 padding-left: 7px; 1440} 1441.gantt_cal_qi_controls .gantt_menu_icon { 1442 margin-top: 3px; 1443 background-repeat: no-repeat; 1444} 1445.gantt_cal_qi_controls .gantt_menu_icon.icon_edit { 1446 width: 20px; 1447 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFDhEuX3ujFgAAAFNJREFUOMvt0zEOACAIA0DksTyqn8XJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+sNUIROnQoAAAAAElFTkSuQmCC); 1448} 1449.gantt_cal_qi_controls .gantt_menu_icon.icon_delete { 1450 width: 20px; 1451 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==); 1452} 1453.gantt_qi_big_icon { 1454 font-size: 13px; 1455 border-radius: 4px; 1456 color: #42464b; 1457 background: #fff; 1458 background-color: #f8f8f8; 1459 background-image: -webkit-linear-gradient(top, #E6E6E6 0%, #FFFFFF 100%); 1460 background-image: -moz-linear-gradient(top, #E6E6E6 0%, #FFFFFF 100%); 1461 background-image: -ms-linear-gradient(top, #E6E6E6 0%, #FFFFFF 100%); 1462 background-image: linear-gradient(to top, #E6E6E6 0%, #FFFFFF 100%); 1463 margin: 5px 9px 8px 0px; 1464 min-width: 60px; 1465 line-height: 26px; 1466 vertical-align: middle; 1467 padding: 0px 10px 0px 5px; 1468 cursor: pointer; 1469 border: 1px solid #a4bed4; 1470} 1471.gantt_cal_qi_controls div { 1472 float: left; 1473 height: 26px; 1474 text-align: center; 1475 line-height: 26px; 1476} 1477.gantt_tooltip { 1478 padding: 10px; 1479 position: absolute; 1480 z-index: 50; 1481 white-space: nowrap; 1482} 1483.gantt_resource_marker { 1484 position: absolute; 1485 text-align: center; 1486 font-size: 14px; 1487 color: #FFF; 1488} 1489.gantt_resource_marker_ok { 1490 background: rgba(78, 208, 134, 0.75); 1491} 1492.gantt_resource_marker_overtime { 1493 background: rgba(255, 134, 134, 0.69); 1494} 1495.gantt_histogram_label { 1496 width: 100%; 1497 height: 100%; 1498 position: absolute; 1499 z-index: 1; 1500 font-weight: bold; 1501 font-size: 11px; 1502} 1503.gantt_histogram_fill { 1504 background-color: rgba(41, 157, 180, 0.2); 1505 width: 100%; 1506 position: absolute; 1507 bottom: 0; 1508} 1509.gantt_histogram_hor_bar { 1510 height: 1px; 1511 position: absolute; 1512 background: #299DB4; 1513 margin-top: -1px; 1514 margin-left: -1px; 1515} 1516.gantt_histogram_vert_bar { 1517 width: 1px; 1518 position: absolute; 1519 background: #299DB4; 1520 margin-left: -1px; 1521} 1522.gantt_histogram_cell { 1523 position: absolute; 1524 text-align: center; 1525 font-size: 11px; 1526 color: #000000; 1527} 1528.gantt_marker { 1529 height: 100%; 1530 width: 2px; 1531 top: 0; 1532 position: absolute; 1533 text-align: center; 1534 background-color: rgba(255, 0, 0, 0.4); 1535 -moz-box-sizing: border-box; 1536 -webkit-box-sizing: border-box; 1537 box-sizing: border-box; 1538} 1539.gantt_marker .gantt_marker_content { 1540 padding: 5px; 1541 background: inherit; 1542 color: white; 1543 position: absolute; 1544 font-size: 12px; 1545 line-height: 12px; 1546 opacity: 0.8; 1547} 1548.gantt_marker_area { 1549 position: absolute; 1550 top: 0; 1551 left: 0; 1552} 1553.gantt_grid_editor_placeholder { 1554 position: absolute; 1555} 1556.gantt_grid_editor_placeholder > div, 1557.gantt_grid_editor_placeholder input, 1558.gantt_grid_editor_placeholder select { 1559 width: 100%; 1560 height: 100%; 1561 box-sizing: border-box; 1562} 1563.gantt_row_placeholder div { 1564 opacity: 0.5; 1565} 1566.gantt_row_placeholder .gantt_file, 1567.gantt_row_placeholder .gantt_add { 1568 display: none; 1569} 1570.gantt_drag_marker.gantt_grid_dnd_marker { 1571 background-color: transparent; 1572 transition: all 0.1s ease ; 1573} 1574.gantt_grid_dnd_marker_line { 1575 height: 4px; 1576 width: 100%; 1577 background-color: #3498db; 1578} 1579.gantt_grid_dnd_marker_line::before { 1580 background: #fff; 1581 width: 12px; 1582 height: 12px; 1583 box-sizing: border-box; 1584 border: 3px solid #3498db; 1585 border-radius: 6px; 1586 content: ""; 1587 line-height: 1px; 1588 display: block; 1589 position: absolute; 1590 margin-left: -11px; 1591 margin-top: -4px; 1592 pointer-events: none; 1593} 1594.gantt_grid_dnd_marker_folder { 1595 height: 100%; 1596 width: 100%; 1597 position: absolute; 1598 pointer-events: none; 1599 box-sizing: border-box; 1600 box-shadow: 0 0 0px 2px #3f98db inset; 1601 background: transparent; 1602} 1603.gantt_overlay_area { 1604 position: absolute; 1605 height: inherit; 1606 width: inherit; 1607 top: 0; 1608 left: 0; 1609 display: none; 1610} 1611.gantt_overlay { 1612 position: absolute; 1613 left: 0; 1614 top: 0; 1615 height: inherit; 1616 width: inherit; 1617} 1618.gantt_click_drag_rect { 1619 position: absolute; 1620 left: 0; 1621 top: 0; 1622 outline: 1px solid #3f98db; 1623 background-color: rgba(52, 152, 219, 0.3); 1624} 1625.gantt_timeline_move_available, 1626.gantt_timeline_move_available * { 1627 cursor: move; 1628} 1629.gantt_layout_content { 1630 width: 100%; 1631 overflow: auto; 1632 box-sizing: border-box; 1633} 1634.gantt_layout_cell { 1635 position: relative; 1636 box-sizing: border-box; 1637} 1638.gantt_layout_cell > .gantt_layout_header { 1639 background: #33aae8; 1640 color: white; 1641 font-size: 17px; 1642 padding: 5px 10px; 1643 box-sizing: border-box; 1644} 1645.gantt_layout_header.collapsed_x { 1646 background: #a9a9a9; 1647} 1648.gantt_layout_header.collapsed_x .gantt_header_arrow:before { 1649 content: "\21E7"; 1650} 1651.gantt_layout_header.collapsed_y { 1652 background: #a9a9a9; 1653} 1654.gantt_layout_header.collapsed_y .gantt_header_arrow:before { 1655 content: "\21E9"; 1656} 1657.gantt_layout_header { 1658 cursor: pointer; 1659} 1660.gantt_layout_header .gantt_header_arrow { 1661 float: right; 1662 text-align: right; 1663} 1664.gantt_layout_header .gantt_header_arrow:before { 1665 content: "\21E6"; 1666} 1667.gantt_layout_header.vertical .gantt_header_arrow:before { 1668 content: "\21E7"; 1669} 1670.gantt_layout_outer_scroll_vertical .gantt_layout_content { 1671 overflow-y: hidden; 1672} 1673.gantt_layout_outer_scroll_horizontal .gantt_layout_content { 1674 overflow-x: hidden; 1675} 1676.gantt_layout_x > .gantt_layout_cell { 1677 display: inline-block; 1678 vertical-align: top; 1679} 1680.gantt_layout_x { 1681 white-space: nowrap; 1682} 1683.gantt_resizing { 1684 opacity: 0.7; 1685 background: #f2f2f2; 1686} 1687.gantt_layout_cell_border_right.gantt_resizer { 1688 overflow: visible; 1689 border-right: 0; 1690} 1691.gantt_resizer { 1692 cursor: e-resize; 1693 position: relative; 1694} 1695.gantt_resizer_y { 1696 cursor: n-resize; 1697} 1698.gantt_resizer_stick { 1699 background: #33aae8; 1700 z-index: 9999; 1701 position: absolute; 1702 top: 0; 1703 width: 100%; 1704} 1705.gantt_resizer_x .gantt_resizer_x { 1706 position: absolute; 1707 width: 20px; 1708 height: 100%; 1709 margin-left: -10px; 1710 top: 0; 1711 left: 0; 1712 z-index: 1; 1713} 1714.gantt_resizer_y .gantt_resizer_y { 1715 position: absolute; 1716 height: 20px; 1717 width: 100%; 1718 top: -10px; 1719 left: 0; 1720 z-index: 1; 1721} 1722.gantt_resizer_error { 1723 background: indianred!important; 1724} 1725.gantt_noselect { 1726 -webkit-user-select: none; 1727 user-select: none; 1728} 1729.gantt_layout_cell_border_left { 1730 border-left: 1px solid #a4bed4; 1731} 1732.gantt_layout_cell_border_right { 1733 border-right: 1px solid #a4bed4; 1734} 1735.gantt_layout_cell_border_top { 1736 border-top: 1px solid #a4bed4; 1737} 1738.gantt_layout_cell_border_bottom { 1739 border-bottom: 1px solid #a4bed4; 1740} 1741.gantt_layout_cell_border_transparent { 1742 border-color: transparent; 1743} 1744.gantt_window { 1745 position: absolute; 1746 top: 50%; 1747 left: 50%; 1748 z-index: 999999999; 1749 background: white; 1750} 1751.gantt_window_content { 1752 position: relative; 1753} 1754.gantt_window_content_header { 1755 background: #39c; 1756 color: #ffffff; 1757 height: 33px; 1758 padding: 10px 10px 0 10px; 1759 border-bottom: solid 2px #ffffff; 1760 position: relative; 1761} 1762.gantt_window_content_header_text { 1763 padding-left: 10%; 1764} 1765.gantt_window_content_header_buttons { 1766 position: absolute; 1767 top: 10px; 1768 right: 10px; 1769} 1770.gantt_window_content_header_buttons:hover { 1771 color: #000000; 1772 cursor: pointer; 1773} 1774.gantt_window_content_resizer { 1775 position: absolute; 1776 width: 15px; 1777 height: 15px; 1778 bottom: 0; 1779 line-height: 15px; 1780 right: -1px; 1781 text-align: center; 1782 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=); 1783 cursor: nw-resize; 1784 z-index: 999; 1785} 1786.gantt_window_content_frame { 1787 position: absolute; 1788 top: 0; 1789 left: 0; 1790 width: 100%; 1791 height: 100%; 1792 background: rgba(0, 0, 0, 0.1); 1793 z-index: 9999; 1794} 1795.gantt_window_drag { 1796 cursor: pointer!important; 1797} 1798.gantt_window_resizing { 1799 overflow: visible; 1800} 1801.gantt_window_resizing_body { 1802 overflow: hidden!important; 1803} 1804.gantt_window_modal { 1805 background: rgba(0, 0, 0, 0.1); 1806 z-index: 9999; 1807 top: 0; 1808 left: 0; 1809 width: 100%; 1810 height: 100%; 1811 position: fixed; 1812} 1813.gantt_container, 1814.gantt_cal_light, 1815.gantt_message_area, 1816.gantt_modal_box, 1817.gantt_cal_quick_info, 1818.gantt_tooltip { 1819 text-rendering: optimizeLegibility; 1820 -webkit-font-smoothing: antialiased; 1821 -moz-osx-font-smoothing: grayscale; 1822} 1823.gantt_noselect { 1824 -moz-user-select: -moz-none; 1825 -webkit-user-select: none; 1826 -ms-user-select: none; 1827 user-select: none; 1828} 1829.gantt_drag_marker { 1830 position: absolute; 1831 top: -1000px; 1832 left: -1000px; 1833 font-family: "Tahoma"; 1834 font-size: 11px; 1835 z-index: 1; 1836 white-space: nowrap; 1837} 1838.gantt_drag_marker .gantt_tree_indent, 1839.gantt_drag_marker .gantt_tree_icon.gantt_blank, 1840.gantt_drag_marker .gantt_tree_icon.gantt_open, 1841.gantt_drag_marker .gantt_tree_icon.gantt_close { 1842 display: none; 1843} 1844.gantt_drag_marker, 1845.gantt_drag_marker .gantt_row.odd { 1846 background-color: #FFFFFF; 1847} 1848.gantt_drag_marker .gantt_row { 1849 border-left: 1px solid #d2d2d2; 1850 border-top: 1px solid #d2d2d2; 1851} 1852.gantt_drag_marker .gantt_cell { 1853 border-color: #d2d2d2; 1854} 1855.gantt_row.gantt_over, 1856.gantt_task_row.gantt_over { 1857 background-color: #0070fe; 1858} 1859.gantt_row.gantt_transparent .gantt_cell { 1860 opacity: 0.7; 1861} 1862.gantt_task_row.gantt_transparent { 1863 background-color: #e4f0ff; 1864} 1865.gantt_container_resize_watcher { 1866 background: transparent; 1867 width: 100%; 1868 height: 100%; 1869 position: absolute; 1870 top: 0px; 1871 left: 0px; 1872 z-index: -1; 1873 pointer-events: none; 1874 border: 0; 1875 box-sizing: border-box; 1876 opacity: 0; 1877} 1878 1879