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