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