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: #FFFFFF;
15}
16.gantt_task_line.gantt_critical_task {
17  background-color: #FF5252;
18  border: 1px solid #FF5252;
19}
20.gantt_task_line.gantt_critical_task .gantt_task_progress {
21  background-color: rgba(0, 0, 0, 0.15);
22}
23.gantt_task_line.gantt_critical_task.gantt_milestone,
24.gantt_task_line.gantt_critical_task.gantt_project {
25  border-color: #FF5252;
26}
27.gantt_links_area .gantt_task_link:hover .gantt_line_wrapper div {
28  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
29}
30.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_right:before,
31.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_left:before {
32  content: "";
33  position: absolute;
34  width: 0px;
35  height: 0px;
36  border: 3px solid;
37  transform-origin: center;
38  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
39}
40.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_right:before {
41  border-color: transparent transparent #87A4BC #87A4BC;
42  transform: skewY(-40deg);
43  top: -3px;
44  left: -7px;
45}
46.gantt_links_area .gantt_task_link:hover .gantt_link_arrow_left:before {
47  border-color: transparent #87A4BC #87A4BC transparent;
48  transform: skewY(40deg);
49  top: -3px;
50  left: 1px;
51}
52.gantt_task_link.gantt_critical_link:hover .gantt_line_wrapper div {
53  box-shadow: 0 2px 4px 0px rgba(255, 82, 82, 0.2);
54}
55.gantt_task_link.gantt_critical_link:hover .gantt_link_arrow_left:before,
56.gantt_task_link.gantt_critical_link:hover .gantt_link_arrow_right:before {
57  border-color: transparent;
58  box-shadow: 0px 2px 3px 0px rgba(255, 82, 82, 0.4), 0 1px 1px 0 rgba(255, 82, 82, 0.25);
59}
60.gridHoverStyle {
61  background-color: rgba(0, 199, 181, 0.2);
62}
63.gridSelection {
64  background-color: rgba(0, 199, 181, 0.2);
65}
66.timelineSelection {
67  background-color: rgba(0, 199, 181, 0.2);
68}
69.gantt_layout_cell.grid_cell {
70  border-right: none;
71}
72.gantt_grid .gantt_row {
73  border-right: 1px solid #D7D7D7;
74}
75.gantt_grid .gantt_grid_scale {
76  border-right: 1px solid #D7D7D7;
77}
78.gantt_grid .gantt_grid_scale .gantt_grid_head_cell.gantt_grid_head_text {
79  text-align: left;
80  padding-left: 15px;
81}
82.gantt_grid .gantt_grid_scale .gantt_grid_head_cell {
83  color: rgba(0, 0, 0, 0.54);
84  border: none;
85  text-transform: uppercase;
86  font-weight: 500;
87}
88.gantt_grid .gantt_grid_scale .gantt_grid_column_resize_wrap {
89  opacity: 0;
90}
91.gantt_grid .gantt_grid_scale:hover .gantt_grid_column_resize_wrap {
92  opacity: 1;
93}
94/* Shadow under header */
95div.gantt_grid_scale::after,
96div.gantt_scale_line:last-child::after {
97  content: "";
98  width: 100%;
99  display: block;
100  height: 1px;
101  background-color: transparent;
102  position: absolute;
103  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
104  z-index: 1;
105}
106div.gantt_scale_line:last-child::after {
107  bottom: -1px;
108}
109.gantt_grid_data .gantt_cell {
110  border-right: none;
111  border-left: none;
112  color: rgba(0, 0, 0, 0.8);
113  font-weight: 400;
114}
115.gantt_grid_data .gantt_row:last-child {
116  border-bottom: 1px solid #D7D7D7;
117}
118.gantt_data_area .gantt_task_row:last-child {
119  border-bottom: 1px solid #D7D7D7;
120}
121/*
122	Animation
123*/
124.gantt_task_line:hover .gantt_link_control div,
125.gantt_task_line:hover .gantt_task_progress_drag,
126.gantt_task_line:hover .gantt_task_drag {
127  animation: gantt_fade_in 0.15s;
128}
129.gantt_task_line.gantt_drag_progress .gantt_link_control div,
130.gantt_task_line.gantt_drag_move .gantt_link_control div,
131.gantt_task_line.gantt_drag_resize .gantt_link_control div,
132.gantt_task_line.gantt_drag_animation .gantt_link_control div,
133.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,
134.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,
135.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,
136.gantt_task_line.gantt_drag_animation .gantt_task_progress_drag,
137.gantt_task_line.gantt_drag_progress .gantt_task_drag,
138.gantt_task_line.gantt_drag_move .gantt_task_drag,
139.gantt_task_line.gantt_drag_resize .gantt_task_drag,
140.gantt_task_line.gantt_drag_animation .gantt_task_drag {
141  animation: gantt_fade_in 0;
142}
143.gantt_task_line.gantt_selected .gantt_link_control div,
144.gantt_task_line.gantt_selected:hover .gantt_link_control div,
145.gantt_task_line.gantt_selected .gantt_task_progress_drag,
146.gantt_task_line.gantt_selected:hover .gantt_task_progress_drag,
147.gantt_task_line.gantt_selected .gantt_task_drag,
148.gantt_task_line.gantt_selected:hover .gantt_task_drag {
149  animation: none;
150}
151.gantt_grid_data .gantt_row,
152.gantt_grid_data .gantt_row.odd {
153  transition: background 0.15s;
154}
155.gantt_grid_column_resize_wrap {
156  transition: opacity 0.15s;
157}
158.gantt_link_line_down,
159.gantt_link_line_up,
160.gantt_link_line_right,
161.gantt_link_line_left {
162  transition: box-shadow 0.15s;
163}
164@keyframes gantt_fade_in {
165  0% {
166    opacity: 0;
167  }
168  100% {
169    opacity: 1;
170  }
171}
172/*
173	Tasks
174*/
175.gantt_task_link .gantt_link_arrow_right {
176  border-width: 6px 7px 6px 7px;
177  margin-left: -2px;
178  margin-top: -3px;
179}
180.gantt_task_link .gantt_link_arrow_left {
181  border-width: 6px 7px 6px 7px;
182  margin-left: -6px;
183  margin-top: -3px;
184}
185.gantt_task_link .gantt_link_arrow_up {
186  border-width: 6px 6px 6px 6px;
187}
188.gantt_task_link .gantt_link_arrow_down {
189  border-width: 6px 6px 6px 6px;
190}
191.gantt_task_line.gantt_milestone {
192  margin-top: -1px;
193}
194.gantt_task_line.gantt_milestone .gantt_link_control.task_left {
195  left: -21px;
196}
197.gantt_task_line.gantt_milestone .gantt_link_control.task_right {
198  right: -19px;
199}
200.gantt_task_line.gantt_milestone .gantt_side_content {
201  color: rgba(0, 0, 0, 0.8);
202}
203.gantt_task_line.gantt_milestone .gantt_side_content.gantt_right {
204  margin-left: 3px;
205}
206.gantt_task_line.gantt_milestone .gantt_side_content.gantt_left {
207  margin-right: 3px;
208}
209.gantt_task_line.gantt_milestone .gantt_task_content {
210  padding: 0;
211}
212.gantt_task_line {
213  font-weight: 500;
214}
215.gantt_task_line .gantt_task_drag {
216  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQYV2NkQAOMIP6vX7/+g2g2NjZG7ALIugAfzQgFD7inoAAAAABJRU5ErkJggg==);
217  opacity: 0.95;
218}
219.gantt_task_line .gantt_task_drag.task_left {
220  left: 9px;
221}
222.gantt_task_line .gantt_task_drag.task_right {
223  right: 9px;
224}
225.gantt_task_line .gantt_link_point {
226  border: 2px solid;
227  border-color: inherit;
228  height: 15px;
229  background-color: #FAFAFA;
230  width: 15px;
231  border-radius: 100%;
232  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
233}
234.gantt_task_line .gantt_link_control {
235  top: -1px;
236  border-color: inherit;
237}
238.gantt_task_line .gantt_link_control.task_left {
239  left: -17px;
240}
241.gantt_task_line .gantt_link_control.task_right {
242  right: -15px;
243}
244.chartHeaderBg {
245  background-color: #fff;
246}
247.gantt_task .gantt_task_scale .gantt_scale_cell {
248  color: rgba(0, 0, 0, 0.54);
249  text-transform: uppercase;
250  font-weight: 500;
251}
252/*
253	project highlight
254*/
255.gantt_row.gantt_project {
256  background-color: #edfffb;
257}
258.gantt_task_row.gantt_project {
259  background-color: #f5fffc;
260}
261.gantt_task_line.gantt_project {
262  background-color: #1DE9B6;
263  border-color: #16e1ae;
264}
265.gantt_task_line.gantt_project .gantt_task_content {
266  color: rgba(0, 0, 0, 0.6);
267  font-weight: 500;
268}
269.gantt_task_content {
270  text-overflow: ellipsis;
271  -moz-box-sizing: border-box;
272  -webkit-box-sizing: border-box;
273  box-sizing: border-box;
274  padding: 0 17px;
275}
276/*
277	lightbox
278*/
279div.gantt_cal_light {
280  border: 0px;
281  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
282  width: 500px;
283  padding: 25px;
284}
285div.gantt_cal_light .gantt_cal_ltitle {
286  text-overflow: ellipsis;
287  font-size: 16px;
288  margin: -15px 0px 0px 0px;
289  padding: 16px 5px 9px 7px;
290  color: rgba(0, 0, 0, 0.8);
291}
292div.gantt_cal_light .gantt_cal_ltitle .gantt_mark {
293  display: none;
294}
295div.gantt_cal_light .gantt_cal_ltitle .gantt_time {
296  font-weight: 500;
297}
298div.gantt_cal_light .gantt_cal_ltitle .gantt_title {
299  font-weight: 400;
300}
301div.gantt_cal_light .gantt_cal_ltext {
302  padding: 7px;
303}
304div.gantt_cal_light .gantt_cal_ltext textarea {
305  padding: 6px 8px;
306}
307div.gantt_cal_light .gantt_cal_ltext textarea:focus {
308  outline-color: rgba(68, 138, 255, 0.9);
309  box-shadow: none;
310}
311div.gantt_cal_light .gantt_cal_ltext:focus {
312  outline-color: rgba(68, 138, 255, 0.9);
313  box-shadow: none;
314}
315div.gantt_cal_light .gantt_cal_lsection {
316  padding: 12px 0 5px 7px;
317  color: rgba(0, 0, 0, 0.8);
318  font-size: 14px;
319  font-weight: 500;
320}
321div.gantt_cal_light .gantt_cal_larea {
322  border: 0px;
323  padding: 2px 0px 0px 0px;
324  color: rgba(0, 0, 0, 0.8);
325}
326div.gantt_cal_light .gantt_section_time {
327  padding: 10px 7px;
328}
329div.gantt_cal_light .gantt_section_time *:focus {
330  outline-color: rgba(68, 138, 255, 0.9);
331  box-shadow: none;
332}
333div.gantt_cal_light .gantt_btn_set {
334  margin: 10px 7px 10px 7px;
335  text-transform: uppercase;
336  height: 32px;
337  padding: 7px 15px;
338}
339div.gantt_cal_light select,
340div.gantt_cal_light .gantt_section_time select {
341  height: 30px;
342}
343div.gantt_cal_light select:focus {
344  outline-color: rgba(68, 138, 255, 0.9);
345  box-shadow: none;
346}
347.gantt_popup_button {
348  float: right;
349  text-transform: uppercase;
350  font-weight: 500;
351}
352.gantt_cal_quick_info .gantt_qi_big_icon {
353  font-weight: 500;
354  height: 32px;
355  text-transform: uppercase;
356}
357.gantt_cal_quick_info .gantt_qi_big_icon div {
358  padding-top: 1px;
359}
360.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set {
361  background: #FFFFFF;
362  color: #116aff;
363}
364.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set .gantt_cancel_btn {
365  display: none;
366}
367.gantt_popup_button.gantt_cancel_button {
368  color: #116aff;
369}
370.gantt_popup_button.gantt_cancel_button:hover,
371.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set:hover {
372  background: rgba(17, 106, 255, 0.25);
373  color: #005cf7;
374}
375.gantt_popup_button.gantt_cancel_button:focus,
376.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set:focus {
377  background: rgba(17, 106, 255, 0.35);
378  color: #0053dd;
379  outline: none;
380  box-shadow: none;
381}
382.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set {
383  background: #FFFFFF;
384  color: #FF584C;
385}
386.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set .gantt_delete_btn {
387  display: none;
388}
389.gantt_qi_big_icon.icon_delete {
390  background: #FFFFFF;
391  color: #FF584C;
392}
393.gantt_qi_big_icon.icon_delete .gantt_menu_icon {
394  display: none;
395}
396.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set:hover,
397.gantt_qi_big_icon.icon_delete:hover {
398  background: rgba(255, 88, 76, 0.25);
399}
400.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set:focus,
401.gantt_qi_big_icon.icon_delete:focus {
402  background: rgba(255, 88, 76, 0.35);
403  color: #ff4032;
404  outline: none;
405  box-shadow: none;
406}
407.gantt_qi_big_icon.icon_edit .gantt_menu_icon {
408  display: none;
409}
410.gantt_cal_light .gantt_btn_set.gantt_save_btn_set .gantt_save_btn {
411  display: none;
412}
413.gantt_cal_light .gantt_btn_set.gantt_save_btn_set,
414.gantt_qi_big_icon.icon_edit,
415.gantt_popup_button.gantt_ok_button {
416  background-color: #448AFF;
417  color: #FFFFFF;
418}
419.gantt_qi_big_icon.icon_edit:hover,
420.gantt_popup_button.gantt_ok_button:hover,
421.gantt_cal_light .gantt_btn_set.gantt_save_btn_set:hover {
422  background-color: #005cf6;
423}
424.gantt_popup_button.gantt_ok_button:focus,
425.gantt_qi_big_icon.icon_edit:focus,
426.gantt_cal_light .gantt_btn_set.gantt_save_btn_set:focus {
427  background-color: #005cf6;
428  outline: none;
429  box-shadow: none;
430}
431.gantt_duration {
432  color: rgba(0, 0, 0, 0.54);
433  font-weight: 500;
434}
435.gantt_duration .gantt_duration_dec {
436  color: transparent;
437}
438.gantt_duration .gantt_duration_inc {
439  color: transparent;
440  margin-right: 2px;
441}
442div.gantt_duration .gantt_duration_dec {
443  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAM0lEQVQ4T2NkoBAwUqifYdQABiqFgcaMDf/JiY0bGQGM4Fig2ABybIfpGU0H1EoHlMQCAIgYCBGYGr9NAAAAAElFTkSuQmCC);
444  background-repeat: no-repeat;
445  background-position: center;
446}
447div.gantt_duration .gantt_duration_inc {
448  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAO0lEQVQ4T2NkoBAw4tOvMWPDf5D8jYwAnOpGDWBgoE4YwEKb1BgFxQ7YBRQbgMvm0XSACNyBywvEpAsA12c4ER3FU64AAAAASUVORK5CYII=);
449  background-repeat: no-repeat;
450  background-position: center;
451}
452/*
453	milestone
454*/
455.gantt_task_line.gantt_milestone {
456  border-radius: 2px;
457}
458/*
459	Message
460*/
461.gantt-info.dhtmlx-info,
462.gantt-info.dhtmlx-error {
463  border-radius: 2px;
464  border-width: 0px;
465  width: 237px;
466}
467.gantt-info.dhtmlx-info div,
468.gantt-info.dhtmlx-error div {
469  border: 0px;
470  padding: 11px;
471}
472/*
473	Quick info
474*/
475.gantt_cal_quick_info {
476  padding: 15px 25px;
477  min-width: 210px;
478  max-width: 400px;
479  font-size: 16px;
480}
481.gantt_cal_quick_info .gantt_cal_qi_title {
482  padding: 5px 0px 10px 0px;
483  border-bottom: 0px;
484}
485.gantt_cal_quick_info .gantt_cal_qi_title .gantt_cal_qi_tcontent {
486  display: none;
487}
488.gantt_cal_quick_info .gantt_cal_qi_title .gantt_cal_qi_tdate {
489  font-size: 16px;
490  font-weight: 500;
491}
492.gantt_cal_quick_info .gantt_cal_qi_content {
493  padding: 8px 0px;
494  font-size: 14px;
495  text-overflow: ellipsis;
496}
497.gantt_cal_quick_info .gantt_cal_qi_controls {
498  padding: 5px 0px 0px 0px;
499  float: right;
500}
501/*links dnd*/
502.gantt_tooltip {
503  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
504  background-color: #FFFFFF;
505  border: 0px;
506  font-family: "Roboto", arial, sans-serif;
507  font-size: 14px;
508  color: rgba(0, 0, 0, 0.8);
509  line-height: 1.5em;
510  max-width: 400px;
511  text-overflow: ellipsis;
512  overflow: hidden;
513}
514.gantt_modal_box {
515  max-width: 400px;
516  padding: 15px 25px;
517  text-overflow: ellipsis;
518  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
519  color: rgba(0, 0, 0, 0.8);
520}
521.gantt_modal_box .gantt_popup_text {
522  font-size: 14px;
523  line-height: 1.5;
524  text-align: left;
525  padding: 1px 0px;
526  margin: 0px;
527}
528.gantt_modal_box .gantt_popup_title {
529  background-color: #fff;
530  margin: 0px;
531  padding: 4px 0px 14px 0px;
532  text-align: left;
533  font-weight: 500;
534}
535.gantt_tree_icon.gantt_folder_open {
536  display: none;
537}
538.gantt_tree_icon.gantt_folder_closed {
539  display: none;
540}
541.gantt_tree_icon.gantt_file {
542  display: none;
543}
544.gantt_popup_shadow {
545  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
546}
547.gantt_task_line .gantt_side_content {
548  font-size: 14px;
549  color: rgba(0, 0, 0, 0.54);
550}
551div.gantt_drag_marker {
552  z-index: 4;
553}
554div.gantt_drag_marker .gantt_link_tooltip {
555  font-size: 14px;
556  font-family: Roboto;
557  border-width: 0px;
558  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
559}
560.switch_unsetted {
561  display: none;
562}
563.matherial_checkbox_icon {
564  background-size: cover;
565  height: 1.3em;
566  width: 1.3em;
567  display: inline-block;
568  vertical-align: -0.3em;
569}
570.matherial_checkbox_checked,
571.switch_unsetted:checked + .matherial_checkbox_icon,
572label.gantt_resource_row input[type=checkbox]:checked + div.gantt_resource_cell_checkbox .matherial_checkbox_icon {
573  background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Bounding_Boxes%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Outline_1_%22%3E%3Cg%3E%3Cpath%20d%3D%22M19%2C3H5C3.9%2C3%2C3%2C3.9%2C3%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2V5C21%2C3.9%2C20.1%2C3%2C19%2C3z%20M19%2C19H5V5h14V19z%22%20fill-opacity%3D%220.8%22%2F%3E%3Cpolygon%20points%3D%2217.99%2C9%2016.58%2C7.58%209.99%2C14.17%207.41%2C11.6%205.99%2C13.01%209.99%2C17%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
574}
575.matherial_checkbox_unchecked,
576.switch_unsetted + .matherial_checkbox_icon,
577label.gantt_resource_row input[type=checkbox] + div.gantt_resource_cell_checkbox .matherial_checkbox_icon {
578  background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Bounding_Boxes%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Outline_1_%22%3E%3Cpath%20d%3D%22M19%2C5v14H5V5H19%20M19%2C3H5C3.9%2C3%2C3%2C3.9%2C3%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2V5C21%2C3.9%2C20.1%2C3%2C19%2C3z%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
579}
580label.gantt_resource_row input[type=checkbox] {
581  display: none;
582}
583label.gantt_resource_row select {
584  height: calc(1.3em + 4px);
585  border-width: 0.5px;
586}
587.gantt_container {
588  background-color: #FFFFFF;
589  font-family: "Roboto", arial, sans-serif;
590  font-size: 14px;
591  border: 1px solid #D7D7D7;
592  position: relative;
593  white-space: nowrap;
594  overflow-x: hidden;
595  overflow-y: hidden;
596}
597.gantt_task_scroll {
598  overflow-x: scroll;
599}
600.gantt_task,
601.gantt_grid {
602  position: relative;
603  overflow-x: hidden;
604  overflow-y: hidden;
605  display: inline-block;
606  vertical-align: top;
607}
608.gantt_grid_scale,
609.gantt_task_scale {
610  color: rgba(31, 31, 31, 0.8);
611  font-size: 14px;
612  border-bottom: 1px solid #D7D7D7;
613  -moz-box-sizing: border-box;
614  box-sizing: border-box;
615}
616.gantt_grid_scale {
617  background-color: #fff;
618}
619.gantt_task_scale {
620  background-color: #fff;
621}
622.gantt_task_vscroll {
623  background-color: #fff;
624}
625.gantt_scale_line {
626  box-sizing: border-box;
627  -moz-box-sizing: border-box;
628  border-top: 1px solid #D7D7D7;
629}
630.gantt_scale_line:first-child {
631  border-top: none;
632}
633.gantt_grid_head_cell {
634  display: inline-block;
635  vertical-align: top;
636  border-right: 1px solid #D7D7D7;
637  text-align: center;
638  position: relative;
639  cursor: default;
640  height: 100%;
641  box-sizing: border-box;
642  -moz-box-sizing: border-box;
643  line-height: 35px;
644  -moz-user-select: -moz-none;
645  -webkit-user-select: none;
646  user-select: none;
647  overflow: hidden;
648}
649.gantt_scale_line {
650  clear: both;
651}
652.gantt_grid_data {
653  width: 100%;
654  overflow: hidden;
655  position: relative;
656}
657.gantt_row {
658  position: relative;
659  -webkit-user-select: none;
660  -moz-user-select: none;
661  -moz-user-select: -moz-none;
662}
663.gantt_add,
664.gantt_grid_head_add {
665  width: 100%;
666  height: 100%;
667  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAO0lEQVQ4T2NkoBAw4tMvuGHWf5D8+4A0nOpGDWBgoE4YwEKb1BgFxQ7YBRQbgMvm0XSACNyBywvEpAsAxlc4EbYmh6oAAAAASUVORK5CYII=);
668  background-position: center center;
669  background-repeat: no-repeat;
670  cursor: pointer;
671  position: relative;
672  -moz-opacity: 0.6;
673  opacity: 0.6;
674}
675.gantt_grid_head_cell.gantt_grid_head_add {
676  -moz-opacity: 0.6;
677  opacity: 0.6;
678  top: 0;
679}
680.gantt_grid_head_cell.gantt_grid_head_add:hover {
681  -moz-opacity: 1;
682  opacity: 1;
683}
684.gantt_grid_data .gantt_row:hover,
685.gantt_grid_data .gantt_row.odd:hover {
686  background-color: rgba(0, 199, 181, 0.2);
687}
688.gantt_grid_data .gantt_row:hover .gantt_add,
689.gantt_grid_data .gantt_row.odd:hover .gantt_add {
690  -moz-opacity: 1;
691  opacity: 1;
692}
693.gantt_task_row,
694.gantt_row {
695  border-bottom: 0px;
696}
697.gantt_row,
698.gantt_task_row {
699  background-color: #FFFFFF;
700}
701.gantt_row.odd,
702.gantt_task_row.odd {
703  background-color: #FFFFFF;
704}
705.gantt_row,
706.gantt_cell,
707.gantt_task_row,
708.gantt_task_cell,
709.gantt_grid_head_cell,
710.gantt_scale_cell {
711  box-sizing: border-box;
712  -moz-box-sizing: border-box;
713}
714.gantt_grid_head_cell,
715.gantt_scale_cell {
716  line-height: inherit;
717}
718.gantt_grid_scale .gantt_grid_column_resize_wrap {
719  cursor: col-resize;
720  position: absolute;
721  width: 13px;
722  margin-left: -7px;
723}
724.gantt_grid_column_resize_wrap .gantt_grid_column_resize {
725  background-color: #D7D7D7;
726  height: 100%;
727  width: 1px;
728  margin: 0 auto;
729}
730.gantt_drag_marker.gantt_grid_resize_area {
731  background-color: rgba(231, 231, 231, 0.5);
732  border-left: 1px solid #D7D7D7;
733  border-right: 1px solid #D7D7D7;
734  height: 100%;
735  width: 100%;
736  -moz-box-sizing: border-box;
737  -webkit-box-sizing: border-box;
738  box-sizing: border-box;
739}
740.gantt_cell {
741  display: inline-block;
742  vertical-align: top;
743  border-right: 1px solid #D7D7D7;
744  padding-left: 6px;
745  padding-right: 6px;
746  height: 100%;
747  overflow: hidden;
748  white-space: nowrap;
749  font-size: 14px;
750  font-weight: 500;
751}
752.gantt_grid_scale .gantt_last_cell,
753.gantt_grid_data .gantt_last_cell,
754.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell,
755.gantt_task_bg .gantt_last_cell {
756  border-right-width: 0px;
757}
758.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell {
759  border-right-width: 1px;
760}
761.gantt_task_bg {
762  overflow: hidden;
763}
764.gantt_scale_cell {
765  display: inline-block;
766  white-space: nowrap;
767  overflow: hidden;
768  border-right: 1px solid #D7D7D7;
769  text-align: center;
770  height: 100%;
771}
772.gantt_task_cell {
773  display: inline-block;
774  height: 100%;
775  border-right: 1px solid #D7D7D7;
776}
777.gantt_layout_cell.gantt_ver_scroll {
778  width: 0px;
779  background-color: transparent;
780  height: 1px;
781  overflow-x: hidden;
782  overflow-y: scroll;
783  position: absolute;
784  right: 0px;
785  z-index: 1;
786}
787.gantt_ver_scroll > div {
788  width: 1px;
789  height: 1px;
790}
791.gantt_hor_scroll {
792  height: 0px;
793  background-color: transparent;
794  width: 100%;
795  clear: both;
796  overflow-x: scroll;
797  overflow-y: hidden;
798}
799.gantt_layout_cell .gantt_hor_scroll {
800  position: absolute;
801}
802.gantt_hor_scroll > div {
803  width: 5000px;
804  height: 1px;
805}
806.gantt_tree_indent {
807  width: 15px;
808  height: 100%;
809  display: inline-block;
810}
811.gantt_tree_content,
812.gantt_tree_icon {
813  vertical-align: top;
814}
815.gantt_tree_icon {
816  width: 28px;
817  height: 100%;
818  display: inline-block;
819  background-repeat: no-repeat;
820  background-position: center center;
821}
822.gantt_tree_content {
823  height: 100%;
824  display: inline-block;
825}
826.gantt_tree_icon.gantt_open {
827  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAAuUAAALlAF37bb0AAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAH/SURBVHgBAO8BEP4B////AAAAAAB1dXWV2NjYa+7u7gAJCQkA////AAAAAAAAAAAAvb29AAAAAAACAAAAAAAAAAAGBgZqKysrvREREQD7+/sACAgIAAgICAAICAgAAAAAAAAAAAACAAAAAAAAAAD6+vr1BAQEQisrK8YQEBAA9vb2AP39/QD9/f0AAAAAAAAAAAACAAAAAAAAAAABAQEA+fn5AAUFBTkqKirWCAgIBPLy8gD5+fkAAAAAAAAAAAACAAAAAAAAAAAAAAAAAQEBAPn5+QADAwMpMjIy3xkZGRsEBAQAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAEBAQD4+PgABQUFHCQkJKoVFRUwAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAP///wAICAgA+/v76N3d3Vvx8fHgAAAAAAAAAAAEAAAAAAAAAAAAAAAA////AAcHBwD9/f3b0dHRLfDw8PkGBgYAAAAAAAAAAAAEAAAAAAAAAAD///8ABwcHAPv7+8vY2Ng29/f3AA4ODgAAAAAAAAAAAAAAAAACAAAAAAAAAAAGBgYL+/v7w9LS0jbu7u4ACAgIAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAD4+Pia2traPvj4+AAMDAwA////AAAAAAAAAAAAAAAAAAAAAAABAAD//z9HdQMRW/QpAAAAAElFTkSuQmCC);
828  width: 18px;
829  cursor: pointer;
830}
831.gantt_tree_icon.gantt_close {
832  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAAuUAAALlAF37bb0AAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAH/SURBVHgBAO8BEP4B////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcnJymQgICGb6+vr1AQEBAAAAAAAAAAAAAAAAAAAAAAD///8ABgYGC/r6+pYDFxcXtBEREUMGBgYk/Pz8BgEBAQYAAAAGAAAABv///wYHBwcG/f39vtfX11cC8PDwANLS0j77+/vLBwcHAP///wAAAAAA////AAcHBwD7+/vH1NTUQ+7u7gACCAgIAPT09ADY2Ng2/f392wcHBwD+/v4ABwcHAP39/dfY2Ng68/PzAAkJCQAC////AAwMDADy8vIA0dHRLf///+gMDAwA////5NDQ0C7y8vIADAwMAP///wACAAAAAP///wAHBwcA8PDw+dnZ2Tn39/fG2NjYOPHx8fwHBwcAAAAAAAAAAAADJCQkAAAAAAAAAAAA////APv7+/D8/PzO7+/v2wICAgAEBAQAAgICAPz8/AAB////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAD//4RfjvnDJoM6AAAAAElFTkSuQmCC);
833  width: 18px;
834  cursor: pointer;
835}
836.gantt_tree_icon.gantt_blank {
837  width: 18px;
838}
839.gantt_tree_icon.gantt_folder_open {
840  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
841}
842.gantt_tree_icon.gantt_folder_closed {
843  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
844}
845.gantt_tree_icon.gantt_file {
846  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
847}
848.gantt_grid_head_cell .gantt_sort {
849  position: absolute;
850  right: 5px;
851  top: 8px;
852  width: 7px;
853  height: 13px;
854  background-repeat: no-repeat;
855  background-position: center center;
856}
857.gantt_grid_head_cell .gantt_sort.gantt_asc {
858  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC);
859}
860.gantt_grid_head_cell .gantt_sort.gantt_desc {
861  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC);
862}
863.gantt_inserted,
864.gantt_updated {
865  font-weight: bold;
866}
867.gantt_deleted {
868  text-decoration: line-through;
869}
870.gantt_invalid {
871  background-color: #FFE0E0;
872}
873.gantt_error {
874  color: red;
875}
876.gantt_status {
877  right: 1px;
878  padding: 5px 10px;
879  background: rgba(155, 155, 155, 0.1);
880  position: absolute;
881  top: 1px;
882  -webkit-transition: opacity 0.2s;
883  transition: opacity 0.2s;
884  opacity: 0;
885}
886.gantt_status.gantt_status_visible {
887  opacity: 1;
888}
889#gantt_ajax_dots span {
890  -webkit-transition: opacity 0.2s;
891  transition: opacity 0.2s;
892  background-repeat: no-repeat;
893  opacity: 0;
894}
895#gantt_ajax_dots span.gantt_dot_visible {
896  opacity: 1;
897}
898.gantt_message_area {
899  position: fixed;
900  right: 5px;
901  width: 250px;
902  z-index: 1000;
903}
904.gantt-info {
905  min-width: 120px;
906  padding: 4px 4px 4px 20px;
907  font-family: "Roboto", arial, sans-serif;
908  z-index: 10000;
909  margin: 5px;
910  margin-bottom: 10px;
911  -webkit-transition: all .5s ease;
912  -moz-transition: all .5s ease;
913  -o-transition: all .5s ease;
914  transition: all .5s ease;
915}
916.gantt-info.hidden {
917  height: 0px;
918  padding: 0px;
919  border-width: 0px;
920  margin: 0px;
921  overflow: hidden;
922}
923.gantt_modal_box {
924  overflow: hidden;
925  display: inline-block;
926  min-width: 210px;
927  width: 210px;
928  text-align: center;
929  position: fixed;
930  z-index: 20000;
931  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
932  font-family: "Roboto", arial, sans-serif;
933  border-radius: 2px;
934  border: 0px;
935  background: #FFFFFF;
936}
937.gantt_popup_title {
938  border-top-left-radius: 2px;
939  border-top-right-radius: 2px;
940  border-width: 0px;
941}
942.gantt_button,
943.gantt_popup_button {
944  border: 0px;
945  height: 32px;
946  line-height: 32px;
947  display: inline-block;
948  margin: 4px 0px 4px 14px;
949  border-radius: 2px;
950  background: #FFFFFF;
951}
952.gantt-info,
953.gantt_popup_button,
954.gantt_button {
955  user-select: none;
956  -webkit-user-select: none;
957  -moz-user-select: -moz-none;
958  cursor: pointer;
959}
960.gantt_popup_text {
961  overflow: hidden;
962}
963.gantt_popup_controls {
964  border-radius: 6px;
965  padding: 4px 0px 0px 0px;
966}
967.gantt_popup_button {
968  min-width: 80px;
969}
970div.dhx_modal_cover {
971  background-color: #000;
972  cursor: default;
973  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
974  opacity: 0.2;
975  position: fixed;
976  z-index: 19999;
977  left: 0px;
978  top: 0px;
979  width: 100%;
980  height: 100%;
981  border: none;
982  zoom: 1;
983}
984.gantt-info img,
985.gantt_modal_box img {
986  float: left;
987  margin-right: 20px;
988}
989.gantt-alert-error,
990.gantt-confirm-error {
991  border: 1px solid #ff0000;
992}
993/*Skin section*/
994.gantt_button input,
995.gantt_popup_button div {
996  border-radius: 2px;
997  font-size: 14px;
998  -moz-box-sizing: content-box;
999  box-sizing: content-box;
1000  padding: 1px;
1001  margin: 0px;
1002  vertical-align: top;
1003}
1004.gantt_popup_title {
1005  border-bottom: 0px;
1006  height: auto;
1007  line-height: 16px;
1008  font-size: 16px;
1009}
1010.gantt_popup_text {
1011  margin: 15px 15px 5px 15px;
1012  font-size: 14px;
1013  color: rgba(0, 0, 0, 0.8);
1014  min-height: 30px;
1015  border-radius: 2px;
1016}
1017.gantt-info,
1018.gantt-error {
1019  font-size: 14px;
1020  color: #000;
1021  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2);
1022  padding: 0px;
1023  background-color: #FFFFFF;
1024  border-radius: 3px;
1025  border: 1px solid #FFFFFF;
1026}
1027.gantt-info div {
1028  padding: 5px 10px 5px 10px;
1029  background-color: #FFFFFF;
1030  border-radius: 3px;
1031  border: 1px solid #D7D7D7;
1032}
1033.gantt-error {
1034  background-color: #FF5252;
1035  border: 1px solid #FF5252;
1036}
1037.gantt-error div {
1038  background-color: #FF5252;
1039  border: 1px solid #FF5252;
1040  color: #FFFFFF;
1041}
1042.gantt-warning {
1043  background-color: #FFAB00;
1044  border: 1px solid #FFAB00;
1045}
1046.gantt-warning div {
1047  background-color: #FFAB00;
1048  border: 1px solid #FFAB00;
1049  color: #FFFFFF;
1050}
1051.gantt_grid div,
1052.gantt_data_area div {
1053  -ms-touch-action: none;
1054  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1055}
1056.gantt_data_area {
1057  position: relative;
1058  overflow-x: hidden;
1059  overflow-y: hidden;
1060  -moz-user-select: -moz-none;
1061  -webkit-user-select: none;
1062  user-select: none;
1063}
1064.gantt_links_area {
1065  position: absolute;
1066  left: 0px;
1067  top: 0px;
1068}
1069.gantt_task_content,
1070.gantt_task_progress,
1071.gantt_side_content {
1072  line-height: inherit;
1073  overflow: hidden;
1074  height: 100%;
1075}
1076.gantt_task_content {
1077  font-size: 14px;
1078  color: #fff;
1079  width: 100%;
1080  top: 0;
1081  cursor: pointer;
1082  position: absolute;
1083  white-space: nowrap;
1084  text-align: center;
1085}
1086.gantt_task_progress {
1087  text-align: center;
1088  z-index: 0;
1089  background: rgba(0, 0, 0, 0.15);
1090}
1091.gantt_task_progress_wrapper {
1092  border-radius: inherit;
1093  position: relative;
1094  width: 100%;
1095  height: 100%;
1096  overflow: hidden;
1097}
1098.gantt_task_line {
1099  -webkit-border-radius: 50px;
1100  -moz-border-radius: 50px;
1101  border-radius: 50px;
1102  position: absolute;
1103  -moz-box-sizing: border-box;
1104  box-sizing: border-box;
1105  background-color: #448AFF;
1106  border: 1px solid #448AFF;
1107  -webkit-user-select: none;
1108  -moz-user-select: none;
1109  -moz-user-select: -moz-none;
1110}
1111.gantt_task_line.gantt_drag_move div {
1112  cursor: move;
1113}
1114.gantt_touch_move,
1115.gantt_touch_progress .gantt_touch_resize {
1116  -moz-transform: scale(1.02, 1.1);
1117  -o-transform: scale(1.02, 1.1);
1118  -webkit-transform: scale(1.02, 1.1);
1119  transform: scale(1.02, 1.1);
1120  -moz-transform-origin: 50%;
1121  -o-transform-origin: 50%;
1122  -webkit-transform-origin: 50%;
1123  transform-origin: 50%;
1124}
1125.gantt_touch_progress .gantt_task_progress_drag,
1126.gantt_touch_resize .gantt_task_drag {
1127  -moz-transform: scaleY(1.3);
1128  -o-transform: scaleY(1.3);
1129  -webkit-transform: scaleY(1.3);
1130  transform: scaleY(1.3);
1131  -moz-transform-origin: 50%;
1132  -o-transform-origin: 50%;
1133  -webkit-transform-origin: 50%;
1134  transform-origin: 50%;
1135}
1136.gantt_side_content {
1137  position: absolute;
1138  white-space: nowrap;
1139  color: #6e6e6e;
1140  top: 0;
1141  font-size: 11px;
1142  font-size: 13px;
1143}
1144.gantt_side_content.gantt_left {
1145  right: 100%;
1146  padding-right: 20px;
1147}
1148.gantt_side_content.gantt_right {
1149  left: 100%;
1150  padding-left: 20px;
1151}
1152.gantt_side_content.gantt_link_crossing {
1153  bottom: 8px;
1154  top: auto;
1155}
1156.gantt_task_link .gantt_line_wrapper,
1157.gantt_link_arrow {
1158  position: absolute;
1159  cursor: pointer;
1160}
1161.gantt_line_wrapper div {
1162  background-color: #87A4BC;
1163}
1164.gantt_task_link:hover .gantt_line_wrapper div {
1165  box-shadow: 0 0 5px 0px #87A4BC;
1166}
1167.gantt_task_link div.gantt_link_arrow {
1168  background-color: transparent;
1169  border-style: solid;
1170  width: 0px;
1171  height: 0px;
1172}
1173.gantt_link_control {
1174  position: absolute;
1175  width: 20px;
1176  top: 0px;
1177}
1178.gantt_link_control div {
1179  display: none;
1180  cursor: pointer;
1181  box-sizing: border-box;
1182  position: relative;
1183  top: 50%;
1184  margin-top: -7.5px;
1185  vertical-align: middle;
1186  border: 1px solid #929292;
1187  -webkit-border-radius: 6.5px;
1188  -moz-border-radius: 6.5px;
1189  border-radius: 6.5px;
1190  height: 13px;
1191  width: 13px;
1192  background-color: #f0f0f0;
1193}
1194.gantt_link_control.task_right div.gantt_link_point {
1195  margin-left: 7px;
1196}
1197.gantt_link_control div:hover {
1198  background-color: #FFF;
1199}
1200.gantt_link_control.task_left {
1201  left: -20px;
1202}
1203.gantt_link_control.task_right {
1204  right: -20px;
1205}
1206.gantt_task_line.gantt_selected .gantt_link_control div,
1207.gantt_task_line:hover .gantt_link_control div,
1208.gantt_task_line.gantt_drag_progress .gantt_link_control div,
1209.gantt_task_line.gantt_drag_move .gantt_link_control div,
1210.gantt_task_line.gantt_drag_resize .gantt_link_control div,
1211.gantt_task_line.gantt_selected .gantt_task_progress_drag,
1212.gantt_task_line:hover .gantt_task_progress_drag,
1213.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,
1214.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,
1215.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,
1216.gantt_task_line.gantt_selected .gantt_task_drag,
1217.gantt_task_line:hover .gantt_task_drag,
1218.gantt_task_line.gantt_drag_progress .gantt_task_drag,
1219.gantt_task_line.gantt_drag_move .gantt_task_drag,
1220.gantt_task_line.gantt_drag_resize .gantt_task_drag {
1221  display: block;
1222}
1223.gantt_link_target .gantt_link_control div {
1224  display: block;
1225}
1226.gantt_link_source,
1227.gantt_link_target {
1228  box-shadow: 0px 0px 3px #448AFF;
1229}
1230.gantt_link_target.link_start_allow,
1231.gantt_link_target.link_finish_allow {
1232  box-shadow: 0px 0px 3px #b8c9d7;
1233}
1234.gantt_link_target.link_start_deny,
1235.gantt_link_target.link_finish_deny {
1236  box-shadow: 0px 0px 3px #FF5252;
1237}
1238.link_start_allow .gantt_link_control.task_start_date div,
1239.link_finish_allow .gantt_link_control.task_end_date div {
1240  background-color: #b8c9d7;
1241  border-color: #87a4bc;
1242}
1243.link_start_deny .gantt_link_control.task_start_date div,
1244.link_finish_deny .gantt_link_control.task_end_date div {
1245  background-color: #FF5252;
1246  border-color: #ff0505;
1247}
1248.gantt_link_arrow_right {
1249  border-width: 6px 0 6px 6px;
1250  border-top-color: transparent !important;
1251  border-right-color: transparent !important;
1252  border-bottom-color: transparent !important;
1253  border-left-color: #87A4BC;
1254  margin-top: -1px;
1255}
1256.gantt_link_arrow_left {
1257  border-width: 6px 6px 6px 0;
1258  margin-top: -1px;
1259  border-top-color: transparent !important;
1260  border-right-color: #87A4BC;
1261  border-bottom-color: transparent !important;
1262  border-left-color: transparent !important;
1263}
1264.gantt_link_arrow_up {
1265  border-width: 0 6px 6px 6px;
1266  border-color: transparent transparent #87A4BC transparent;
1267  border-top-color: transparent !important;
1268  border-right-color: transparent !important;
1269  border-bottom-color: #87A4BC;
1270  border-left-color: transparent !important;
1271}
1272.gantt_link_arrow_down {
1273  border-width: 6px 6px 0 6px;
1274  border-top-color: #87A4BC;
1275  border-right-color: transparent !important;
1276  border-bottom-color: transparent !important;
1277  border-left-color: transparent !important;
1278}
1279.gantt_task_drag,
1280.gantt_task_progress_drag {
1281  cursor: ew-resize;
1282  display: none;
1283  position: absolute;
1284}
1285.gantt_task_drag.task_right {
1286  cursor: e-resize;
1287}
1288.gantt_task_drag.task_left {
1289  cursor: w-resize;
1290}
1291.gantt_task_drag {
1292  height: 80%;
1293  width: 8px;
1294  z-index: 1;
1295  top: 10%;
1296}
1297.gantt_task_drag.task_left {
1298  left: -7px;
1299}
1300.gantt_task_drag.task_right {
1301  right: -7px;
1302}
1303.gantt_task_progress_drag {
1304  height: 19px;
1305  width: 25px;
1306  bottom: -10px;
1307  margin-left: -14px;
1308  background-position: bottom;
1309  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAAABGdBTUEAALGPC/xhBQAAAeNJREFUOBGlU0tOAkEQdQAHiIpDjPGz87fxCu400Wt4C1gRbsAhPARbbsCKxISFsjDqUiMfgRl8r+WRYmCExEoeVV1d9V51N+NtrG/ektLJktxCalmjLVq1b2sTBf8isXuKrY+mCpbcxrMBUrNoPrBkjFmXBjaBfL1evxyPx412u32CtWoRzsVcJxqb4sRZ5LaAvVqtdjUajV4msDAMn1ut1jnyHICDqBdhsqnITp5D+Q5wUK1WrweDwSsFZBRqNpsX2F9LKEmgAIKjcrl82+/330Ru/bpCfwkcl0qlu16v926J4/EqIQnQ63F5RTzBWgISNG+08D4S4UYG8IFt4JBXtOoEEpBPEpKITpGHwH6lUrlJegMRJvkoip46nc4peBy3BOQpxJMUG43Gve/7Z/g3+ZguDUKPwJ4zz/MmQiqVijKZTJjNZodBEHSLxWI3l8s9FgqFBxS7JgnQU4TfRADsArw2ijLP66SxTl82v/rQ4BvxF/ABfAJDYMI3sMZmNnWnng0kp4iGQeiMtURciMSDaR5uvpFkOg1JOYBycQFsOZOQhosLMu+Ifsvnr0ATWnLGcXMkSKre+lmtJWFSaxHG/azRBFaIaa4FV5ZEorwrwk98rTy9RJRbWNtmG6vhv94J/gATDnWOR2FfEQAAAABJRU5ErkJggg==);
1310  background-repeat: no-repeat;
1311  z-index: 1;
1312}
1313.gantt_task_progress_drag:hover {
1314  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAAABGdBTUEAALGPC/xhBQAAAeNJREFUOBGlU0tOAkEQdQAHiIpDjPGz87fxCu400Wt4C1gRbsAhPARbbsCKxISFsjDqUiMfgRl8r+WRYmCExEoeVV1d9V51N+NtrG/ektLJktxCalmjLVq1b2sTBf8isXuKrY+mCpbcxrMBUrNoPrBkjFmXBjaBfL1evxyPx412u32CtWoRzsVcJxqb4sRZ5LaAvVqtdjUajV4msDAMn1ut1jnyHICDqBdhsqnITp5D+Q5wUK1WrweDwSsFZBRqNpsX2F9LKEmgAIKjcrl82+/330Ru/bpCfwkcl0qlu16v926J4/EqIQnQ63F5RTzBWgISNG+08D4S4UYG8IFt4JBXtOoEEpBPEpKITpGHwH6lUrlJegMRJvkoip46nc4peBy3BOQpxJMUG43Gve/7Z/g3+ZguDUKPwJ4zz/MmQiqVijKZTJjNZodBEHSLxWI3l8s9FgqFBxS7JgnQU4TfRADsArw2ijLP66SxTl82v/rQ4BvxF/ABfAJDYMI3sMZmNnWnng0kp4iGQeiMtURciMSDaR5uvpFkOg1JOYBycQFsOZOQhosLMu+Ifsvnr0ATWnLGcXMkSKre+lmtJWFSaxHG/azRBFaIaa4FV5ZEorwrwk98rTy9RJRbWNtmG6vhv94J/gATDnWOR2FfEQAAAABJRU5ErkJggg==);
1315}
1316.gantt_link_tooltip {
1317  box-shadow: 3px 3px 3px #888888;
1318  background-color: #FFFFFF;
1319  border-left: 1px solid #cecece;
1320  border-top: 1px solid #cecece;
1321  font-family: Tahoma;
1322  font-size: 14px;
1323  color: rgba(0, 0, 0, 0.8);
1324  padding: 11px;
1325  line-height: 20px;
1326}
1327.gantt_link_direction {
1328  height: 0px;
1329  border: 0px none #87A4BC;
1330  border-bottom-style: dashed;
1331  border-bottom-width: 2px;
1332  transform-origin: 0% 0%;
1333  -ms-transform-origin: 0% 0%;
1334  -webkit-transform-origin: 0% 0%;
1335  z-index: 2;
1336  margin-left: 1px;
1337  position: absolute;
1338}
1339.gantt_grid_data .gantt_row.gantt_selected,
1340.gantt_grid_data .gantt_row.odd.gantt_selected {
1341  background-color: rgba(0, 199, 181, 0.2);
1342}
1343.gantt_task_row.gantt_selected {
1344  background-color: rgba(0, 199, 181, 0.2);
1345}
1346.gantt_task_row.gantt_selected .gantt_task_cell {
1347  border-right-color: rgba(145, 210, 210, 0.7);
1348}
1349.gantt_task_line.gantt_selected {
1350  box-shadow: none;
1351}
1352.gantt_task_line.gantt_project.gantt_selected {
1353  box-shadow: none;
1354}
1355.gantt_task_line.gantt_milestone {
1356  visibility: hidden;
1357  background-color: #FFC107;
1358  border: 0px solid #FFC107;
1359  box-sizing: content-box;
1360  -moz-box-sizing: content-box;
1361}
1362.gantt_task_line.gantt_milestone div {
1363  visibility: visible;
1364}
1365.gantt_task_line.gantt_milestone .gantt_task_content {
1366  background: inherit;
1367  border: inherit;
1368  border-width: 1px;
1369  border-radius: inherit;
1370  box-sizing: border-box;
1371  -moz-box-sizing: border-box;
1372  -webkit-transform: rotate(45deg);
1373  -moz-transform: rotate(45deg);
1374  -ms-transform: rotate(45deg);
1375  -o-transform: rotate(45deg);
1376  transform: rotate(45deg);
1377}
1378.gantt_task_line.gantt_task_inline_color {
1379  border-color: #999999;
1380}
1381.gantt_task_line.gantt_task_inline_color .gantt_task_progress {
1382  background-color: #363636;
1383  opacity: 0.2;
1384}
1385.gantt_task_line.gantt_task_inline_color.gantt_selected {
1386  box-shadow: 0 0 5px #999999;
1387}
1388.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected {
1389  box-shadow: 0 0 5px #999999;
1390}
1391.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div {
1392  box-shadow: 0 0 5px 0px #999999;
1393}
1394.gantt_critical_task {
1395  background-color: #FF5252;
1396  border-color: #9d3a3a;
1397}
1398.gantt_critical_task .gantt_task_progress {
1399  background-color: rgba(0, 0, 0, 0.4);
1400}
1401.gantt_critical_link .gantt_line_wrapper > div {
1402  background-color: #FF5252;
1403}
1404.gantt_critical_link .gantt_link_arrow {
1405  border-color: #FF5252;
1406}
1407.gantt_row:focus,
1408.gantt_cell:focus,
1409.gantt_btn_set:focus,
1410.gantt_qi_big_icon:focus,
1411.gantt_popup_button:focus,
1412.gantt_grid_head_cell:focus {
1413  -moz-box-shadow: inset 0px 0px 1px 1px #4d90fe;
1414  -webkit-box-shadow: inset 0px 0px 1px 1px #4d90fe;
1415  box-shadow: inset 0px 0px 1px 1px #4d90fe;
1416}
1417.gantt_split_parent {
1418  opacity: 0.1;
1419  pointer-events: none;
1420}
1421.gantt_unselectable,
1422.gantt_unselectable div {
1423  -webkit-user-select: none;
1424  -moz-user-select: none;
1425  -moz-user-select: -moz-none;
1426}
1427.gantt_cal_light {
1428  -webkit-tap-highlight-color: transparent;
1429  background: #FFFFFF;
1430  border-radius: 2px;
1431  font-family: "Roboto", arial, sans-serif;
1432  border: 1px solid #D7D7D7;
1433  color: rgba(31, 31, 31, 0.8);
1434  font-size: 14px;
1435  position: absolute;
1436  z-index: 10001;
1437  width: 550px;
1438  height: 250px;
1439  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
1440}
1441.gantt_cal_light_wide {
1442  width: 650px;
1443}
1444.gantt_cal_light select {
1445  font-family: "Roboto", arial, sans-serif;
1446  border: 1px solid #D7D7D7;
1447  font-size: 14px;
1448  padding: 2px;
1449  margin: 0px;
1450}
1451.gantt_cal_ltitle {
1452  padding: 7px 10px;
1453  overflow: hidden;
1454  white-space: nowrap;
1455  -webkit-border-top-left-radius: 2px;
1456  -webkit-border-bottom-left-radius: 0;
1457  -webkit-border-top-right-radius: 2px;
1458  -webkit-border-bottom-right-radius: 0;
1459  -moz-border-radius-topleft: 2px;
1460  -moz-border-radius-bottomleft: 0;
1461  -moz-border-radius-topright: 2px;
1462  -moz-border-radius-bottomright: 0;
1463  border-top-left-radius: 2px;
1464  border-bottom-left-radius: 0;
1465  border-top-right-radius: 2px;
1466  border-bottom-right-radius: 0;
1467}
1468.gantt_cal_ltitle span {
1469  white-space: nowrap;
1470}
1471.gantt_cal_lsection {
1472  color: #727272;
1473  font-weight: bold;
1474  padding: 12px 0px 5px 10px;
1475}
1476.gantt_cal_lsection .gantt_fullday {
1477  float: right;
1478  margin-right: 5px;
1479  font-size: 12px;
1480  font-weight: normal;
1481  line-height: 20px;
1482  vertical-align: top;
1483  cursor: pointer;
1484}
1485.gantt_cal_lsection {
1486  font-size: 13px;
1487}
1488.gantt_cal_ltext {
1489  padding: 2px	10px;
1490  overflow: hidden;
1491}
1492.gantt_cal_ltext textarea {
1493  overflow-y: auto;
1494  overflow-x: hidden;
1495  font-family: "Roboto", arial, sans-serif;
1496  font-size: 14px;
1497  -moz-box-sizing: border-box;
1498  -webkit-box-sizing: border-box;
1499  box-sizing: border-box;
1500  border: 1px solid #D7D7D7;
1501  height: 100%;
1502  width: 100%;
1503  outline: none !important;
1504  resize: none;
1505}
1506.gantt_section_constraint [data-constraint-time-select] {
1507  margin-left: 20px;
1508}
1509.gantt_time {
1510  font-weight: bold;
1511}
1512.gantt_cal_light .gantt_title {
1513  padding-left: 10px;
1514}
1515.gantt_cal_larea {
1516  border: 1px solid #D7D7D7;
1517  border-left: none;
1518  border-right: none;
1519  background-color: #FFFFFF;
1520  overflow: hidden;
1521  height: 1px;
1522}
1523.gantt_btn_set {
1524  margin: 10px 7px 5px 10px;
1525  padding: 6px 15px 6px 15px;
1526  float: left;
1527  -webkit-border-radius: 2px;
1528  -moz-border-radius: 2px;
1529  border-radius: 2px;
1530  border-width: 0px;
1531  border-color: #D7D7D7;
1532  border-style: solid;
1533  height: 32px;
1534  font-weight: 500;
1535  background: #FFFFFF;
1536  -moz-box-sizing: border-box;
1537  -webkit-box-sizing: border-box;
1538  box-sizing: border-box;
1539  cursor: pointer;
1540}
1541.gantt_hidden {
1542  display: none;
1543}
1544.gantt_btn_set div {
1545  float: left;
1546  font-size: 14px;
1547  height: 20px;
1548  line-height: 20px;
1549  background-repeat: no-repeat;
1550  vertical-align: middle;
1551}
1552.gantt_save_btn {
1553  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
1554  margin-top: 2px;
1555  width: 21px;
1556}
1557.gantt_cancel_btn {
1558  margin-top: 2px;
1559  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
1560  width: 20px;
1561}
1562.gantt_delete_btn {
1563  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
1564  margin-top: 2px;
1565  width: 20px;
1566}
1567.gantt_cal_cover {
1568  width: 100%;
1569  height: 100%;
1570  position: absolute;
1571  z-index: 10000;
1572  top: 0px;
1573  left: 0px;
1574  background-color: black;
1575  opacity: 0.1;
1576  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
1577}
1578.gantt_custom_button {
1579  padding: 0px 3px 0px 3px;
1580  font-family: "Roboto", arial, sans-serif;
1581  font-size: 14px;
1582  font-weight: normal;
1583  margin-right: 10px;
1584  margin-top: -5px;
1585  cursor: pointer;
1586  float: right;
1587  height: 21px;
1588  width: 90px;
1589  border: 1px solid #CECECE;
1590  text-align: center;
1591  -webkit-border-radius: 4px;
1592  -moz-border-radius: 4px;
1593  -ms-border-radius: 4px;
1594  -o-border-radius: 4px;
1595  border-radius: 4px;
1596}
1597.gantt_custom_button div {
1598  cursor: pointer;
1599  float: none;
1600  height: 21px;
1601  line-height: 21px;
1602  vertical-align: middle;
1603}
1604.gantt_custom_button div:first-child {
1605  display: none;
1606}
1607.gantt_cal_light_wide {
1608  width: 580px;
1609  padding: 2px 4px;
1610}
1611.gantt_cal_light_wide .gantt_cal_larea {
1612  -moz-box-sizing: border-box;
1613  -webkit-box-sizing: border-box;
1614  box-sizing: border-box;
1615  border: 1px solid #D7D7D7;
1616}
1617.gantt_cal_light_wide .gantt_cal_lsection {
1618  border: 0px;
1619  float: left;
1620  text-align: right;
1621  width: 80px;
1622  height: 20px;
1623  padding: 5px 10px 0px 0px;
1624}
1625.gantt_cal_light_wide .gantt_wrap_section {
1626  position: relative;
1627  padding: 10px 0;
1628  overflow: hidden;
1629  border-bottom: 1px solid #D7D7D7;
1630}
1631.gantt_cal_light_wide .gantt_section_time {
1632  overflow: hidden;
1633  padding-top: 2px !important;
1634  padding-right: 0px;
1635  height: 20px !important;
1636}
1637.gantt_cal_light_wide .gantt_cal_ltext {
1638  padding-right: 0px;
1639}
1640.gantt_cal_light_wide .gantt_cal_larea {
1641  padding: 0 10px;
1642  width: 100%;
1643}
1644.gantt_cal_light_wide .gantt_section_time {
1645  background: transparent;
1646}
1647.gantt_cal_light_wide .gantt_cal_checkbox label {
1648  padding-left: 0px;
1649}
1650.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday {
1651  float: none;
1652  margin-right: 0px;
1653  font-weight: bold;
1654  cursor: pointer;
1655}
1656.gantt_cal_light_wide .gantt_custom_button {
1657  position: absolute;
1658  top: 0;
1659  right: 0;
1660  margin-top: 2px;
1661}
1662.gantt_cal_light_wide .gantt_repeat_right {
1663  margin-right: 55px;
1664}
1665.gantt_cal_light_wide.gantt_cal_light_full {
1666  width: 738px;
1667}
1668.gantt_cal_wide_checkbox input {
1669  margin-top: 8px;
1670  margin-left: 14px;
1671}
1672.gantt_cal_light input {
1673  font-size: 14px;
1674}
1675.gantt_section_time {
1676  background-color: white;
1677  white-space: nowrap;
1678  padding: 2px 10px 5px;
1679  padding-top: 2px !important;
1680}
1681.gantt_section_time .gantt_time_selects {
1682  float: left;
1683  height: 25px;
1684}
1685.gantt_section_time .gantt_time_selects select {
1686  height: 23px;
1687  padding: 2px;
1688  border: 1px solid #D7D7D7;
1689}
1690.gantt_duration {
1691  width: 100px;
1692  height: 30px;
1693  float: left;
1694  white-space: nowrap;
1695  margin-left: 20px;
1696  line-height: 32px;
1697}
1698.gantt_duration .gantt_duration_value,
1699.gantt_duration .gantt_duration_dec,
1700.gantt_duration .gantt_duration_inc {
1701  -moz-box-sizing: border-box;
1702  -webkit-box-sizing: border-box;
1703  box-sizing: border-box;
1704  text-align: center;
1705  vertical-align: top;
1706  height: 100%;
1707  border: 1px solid #D7D7D7;
1708}
1709.gantt_duration .gantt_duration_value {
1710  width: 36px;
1711  padding: 3px 4px;
1712  border-left-width: 0;
1713  border-right-width: 0;
1714}
1715.gantt_duration .gantt_duration_value.gantt_duration_value_formatted {
1716  width: 66px;
1717}
1718.gantt_duration .gantt_duration_dec,
1719.gantt_duration .gantt_duration_inc {
1720  width: 30px;
1721  padding: 1px;
1722  padding-bottom: 1px;
1723  background: #FFFFFF;
1724}
1725.gantt_duration .gantt_duration_dec {
1726  -moz-border-top-left-radius: 2px;
1727  -moz-border-bottom-left-radius: 2px;
1728  -webkit-border-top-left-radius: 2px;
1729  -webkit-border-bottom-left-radius: 2px;
1730  border-top-left-radius: 2px;
1731  border-bottom-left-radius: 2px;
1732}
1733.gantt_duration .gantt_duration_inc {
1734  margin-right: 4px;
1735  -moz-border-top-right-radius: 2px;
1736  -moz-border-bottom-right-radius: 2px;
1737  -webkit-border-top-right-radius: 2px;
1738  -webkit-border-bottom-right-radius: 2px;
1739  border-top-right-radius: 2px;
1740  border-bottom-right-radius: 2px;
1741}
1742.gantt_resources {
1743  max-height: 150px;
1744  height: auto;
1745  overflow-y: auto;
1746}
1747.gantt_resource_row {
1748  display: block;
1749  padding: 10px 0;
1750  border-bottom: 1px solid #D7D7D7;
1751  cursor: pointer;
1752}
1753.gantt_resource_row input[type=checkbox]:not(:checked),
1754.gantt_resource_row input[type=checkbox]:not(:checked) ~ div {
1755  opacity: 0.5;
1756}
1757.gantt_resource_toggle {
1758  vertical-align: middle;
1759}
1760.gantt_resources_filter .gantt_resources_filter_input {
1761  padding: 1px 2px 1px 2px;
1762  box-sizing: border-box;
1763}
1764.gantt_resources_filter .switch_unsetted {
1765  vertical-align: middle;
1766}
1767.gantt_resource_cell {
1768  display: inline-block;
1769}
1770.gantt_resource_cell.gantt_resource_cell_checkbox {
1771  width: 24px;
1772  max-width: 24px;
1773  min-width: 24px;
1774  vertical-align: middle;
1775}
1776.gantt_resource_cell.gantt_resource_cell_label {
1777  width: 40%;
1778  max-width: 40%;
1779  vertical-align: middle;
1780}
1781.gantt_resource_cell.gantt_resource_cell_value {
1782  width: 30%;
1783  max-width: 30%;
1784  vertical-align: middle;
1785}
1786.gantt_resource_cell.gantt_resource_cell_value input,
1787.gantt_resource_cell.gantt_resource_cell_value select {
1788  width: 80%;
1789  vertical-align: middle;
1790  padding: 1px 2px 1px 2px;
1791  box-sizing: border-box;
1792}
1793.gantt_resource_cell.gantt_resource_cell_unit {
1794  width: 10%;
1795  max-width: 10%;
1796  vertical-align: middle;
1797}
1798.gantt_resource_early_value {
1799  opacity: 0.8;
1800  font-size: 0.9em;
1801}
1802/* Quick info */
1803.gantt_cal_quick_info {
1804  border: 0px;
1805  border-radius: 2px;
1806  position: absolute;
1807  z-index: 300;
1808  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 0 3px 1px rgba(0, 0, 0, 0.1);
1809  background-color: #FFFFFF;
1810  width: auto;
1811  transition: left 0.5s ease, right 0.5s;
1812  -moz-transition: left 0.5s ease, right 0.5s;
1813  -webkit-transition: left 0.5s ease, right 0.5s;
1814  -o-transition: left 0.5s ease, right 0.5s;
1815}
1816.gantt_no_animate {
1817  transition: none;
1818  -moz-transition: none;
1819  -webkit-transition: none;
1820  -o-transition: none;
1821}
1822.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon {
1823  float: right;
1824}
1825.gantt_cal_qi_title {
1826  -webkit-border-top-left-radius: 2px;
1827  -webkit-border-bottom-left-radius: 0;
1828  -webkit-border-top-right-radius: 2px;
1829  -webkit-border-bottom-right-radius: 0;
1830  -moz-border-radius-topleft: 2px;
1831  -moz-border-radius-bottomleft: 0;
1832  -moz-border-radius-topright: 2px;
1833  -moz-border-radius-bottomright: 0;
1834  border-top-left-radius: 2px;
1835  border-bottom-left-radius: 0;
1836  border-top-right-radius: 2px;
1837  border-bottom-right-radius: 0;
1838  padding: 5px 0px 8px 12px;
1839  color: rgba(0, 0, 0, 0.8);
1840  background-color: #fff;
1841  border-bottom: 1px solid #D7D7D7;
1842}
1843.gantt_cal_qi_tdate {
1844  font-size: 14px;
1845  font-weight: bold;
1846}
1847.gantt_cal_qi_tcontent {
1848  font-size: 14px;
1849}
1850.gantt_cal_qi_content {
1851  padding: 16px 8px;
1852  font-size: 14px;
1853  color: rgba(0, 0, 0, 0.8);
1854  overflow: hidden;
1855}
1856.gantt_cal_qi_controls {
1857  -webkit-border-top-left-radius: 0;
1858  -webkit-border-bottom-left-radius: 2px;
1859  -webkit-border-top-right-radius: 0;
1860  -webkit-border-bottom-right-radius: 2px;
1861  -moz-border-radius-topleft: 0;
1862  -moz-border-radius-bottomleft: 2px;
1863  -moz-border-radius-topright: 0;
1864  -moz-border-radius-bottomright: 2px;
1865  border-top-left-radius: 0;
1866  border-bottom-left-radius: 2px;
1867  border-top-right-radius: 0;
1868  border-bottom-right-radius: 2px;
1869  padding-left: 7px;
1870}
1871.gantt_cal_qi_controls .gantt_menu_icon {
1872  margin-top: 6px;
1873  background-repeat: no-repeat;
1874}
1875.gantt_cal_qi_controls .gantt_menu_icon.icon_edit {
1876  width: 20px;
1877  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
1878}
1879.gantt_cal_qi_controls .gantt_menu_icon.icon_delete {
1880  width: 20px;
1881  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=);
1882}
1883.gantt_qi_big_icon {
1884  font-size: 14px;
1885  border-radius: 2px;
1886  font-weight: 500;
1887  background: #FFFFFF;
1888  margin: 4px 0px 4px 14px;
1889  min-width: auto;
1890  line-height: 32px;
1891  vertical-align: middle;
1892  padding: 0px 16px 0px 16px;
1893  cursor: pointer;
1894  border: 0px;
1895}
1896.gantt_cal_qi_controls div {
1897  float: left;
1898  height: 32px;
1899  text-align: center;
1900  line-height: 32px;
1901}
1902.gantt_tooltip {
1903  padding: 10px;
1904  position: absolute;
1905  z-index: 50;
1906  white-space: nowrap;
1907}
1908.gantt_resource_marker {
1909  position: absolute;
1910  text-align: center;
1911  font-size: 14px;
1912  color: #FFF;
1913}
1914.gantt_resource_marker_ok {
1915  background: rgba(78, 208, 134, 0.75);
1916}
1917.gantt_resource_marker_overtime {
1918  background: rgba(255, 134, 134, 0.69);
1919}
1920.gantt_histogram_label {
1921  width: 100%;
1922  height: 100%;
1923  position: absolute;
1924  z-index: 1;
1925  font-weight: bold;
1926  font-size: 14px;
1927}
1928.gantt_histogram_fill {
1929  background-color: rgba(41, 157, 180, 0.2);
1930  width: 100%;
1931  position: absolute;
1932  bottom: 0;
1933}
1934.gantt_histogram_hor_bar {
1935  height: 1px;
1936  position: absolute;
1937  background: #299DB4;
1938  margin-top: -1px;
1939  margin-left: -1px;
1940}
1941.gantt_histogram_vert_bar {
1942  width: 1px;
1943  position: absolute;
1944  background: #299DB4;
1945  margin-left: -1px;
1946}
1947.gantt_histogram_cell {
1948  position: absolute;
1949  text-align: center;
1950  font-size: 14px;
1951  color: #000000;
1952}
1953.gantt_marker {
1954  height: 100%;
1955  width: 2px;
1956  top: 0;
1957  position: absolute;
1958  text-align: center;
1959  background-color: rgba(255, 0, 0, 0.4);
1960  -moz-box-sizing: border-box;
1961  -webkit-box-sizing: border-box;
1962  box-sizing: border-box;
1963}
1964.gantt_marker .gantt_marker_content {
1965  padding: 5px;
1966  background: inherit;
1967  color: white;
1968  position: absolute;
1969  font-size: 12px;
1970  line-height: 12px;
1971  opacity: 0.8;
1972}
1973.gantt_marker_area {
1974  position: absolute;
1975  top: 0;
1976  left: 0;
1977}
1978.gantt_grid_editor_placeholder {
1979  position: absolute;
1980}
1981.gantt_grid_editor_placeholder > div,
1982.gantt_grid_editor_placeholder input,
1983.gantt_grid_editor_placeholder select {
1984  width: 100%;
1985  height: 100%;
1986  box-sizing: border-box;
1987}
1988.gantt_row_placeholder div {
1989  opacity: 0.5;
1990}
1991.gantt_row_placeholder .gantt_file,
1992.gantt_row_placeholder .gantt_add {
1993  display: none;
1994}
1995.gantt_drag_marker.gantt_grid_dnd_marker {
1996  background-color: transparent;
1997  transition: all 0.1s ease ;
1998}
1999.gantt_grid_dnd_marker_line {
2000  height: 4px;
2001  width: 100%;
2002  background-color: #3498db;
2003}
2004.gantt_grid_dnd_marker_line::before {
2005  background: #fff;
2006  width: 12px;
2007  height: 12px;
2008  box-sizing: border-box;
2009  border: 3px solid #3498db;
2010  border-radius: 6px;
2011  content: "";
2012  line-height: 1px;
2013  display: block;
2014  position: absolute;
2015  margin-left: -11px;
2016  margin-top: -4px;
2017  pointer-events: none;
2018}
2019.gantt_grid_dnd_marker_folder {
2020  height: 100%;
2021  width: 100%;
2022  position: absolute;
2023  pointer-events: none;
2024  box-sizing: border-box;
2025  box-shadow: 0 0 0px 2px #3f98db inset;
2026  background: transparent;
2027}
2028.gantt_overlay_area {
2029  position: absolute;
2030  height: inherit;
2031  width: inherit;
2032  top: 0;
2033  left: 0;
2034  display: none;
2035}
2036.gantt_overlay {
2037  position: absolute;
2038  left: 0;
2039  top: 0;
2040  height: inherit;
2041  width: inherit;
2042}
2043.gantt_click_drag_rect {
2044  position: absolute;
2045  left: 0;
2046  top: 0;
2047  outline: 1px solid #3f98db;
2048  background-color: rgba(52, 152, 219, 0.3);
2049}
2050.gantt_timeline_move_available,
2051.gantt_timeline_move_available * {
2052  cursor: move;
2053}
2054.gantt_layout_content {
2055  width: 100%;
2056  overflow: auto;
2057  box-sizing: border-box;
2058}
2059.gantt_layout_cell {
2060  position: relative;
2061  box-sizing: border-box;
2062}
2063.gantt_layout_cell > .gantt_layout_header {
2064  background: #33aae8;
2065  color: white;
2066  font-size: 17px;
2067  padding: 5px 10px;
2068  box-sizing: border-box;
2069}
2070.gantt_layout_header.collapsed_x {
2071  background: #a9a9a9;
2072}
2073.gantt_layout_header.collapsed_x .gantt_header_arrow:before {
2074  content: "\21E7";
2075}
2076.gantt_layout_header.collapsed_y {
2077  background: #a9a9a9;
2078}
2079.gantt_layout_header.collapsed_y .gantt_header_arrow:before {
2080  content: "\21E9";
2081}
2082.gantt_layout_header {
2083  cursor: pointer;
2084}
2085.gantt_layout_header .gantt_header_arrow {
2086  float: right;
2087  text-align: right;
2088}
2089.gantt_layout_header .gantt_header_arrow:before {
2090  content: "\21E6";
2091}
2092.gantt_layout_header.vertical .gantt_header_arrow:before {
2093  content: "\21E7";
2094}
2095.gantt_layout_outer_scroll_vertical .gantt_layout_content {
2096  overflow-y: hidden;
2097}
2098.gantt_layout_outer_scroll_horizontal .gantt_layout_content {
2099  overflow-x: hidden;
2100}
2101.gantt_layout_x > .gantt_layout_cell {
2102  display: inline-block;
2103  vertical-align: top;
2104}
2105.gantt_layout_x {
2106  white-space: nowrap;
2107}
2108.gantt_resizing {
2109  opacity: 0.7;
2110  background: #f2f2f2;
2111}
2112.gantt_layout_cell_border_right.gantt_resizer {
2113  overflow: visible;
2114  border-right: 0;
2115}
2116.gantt_resizer {
2117  cursor: e-resize;
2118  position: relative;
2119}
2120.gantt_resizer_y {
2121  cursor: n-resize;
2122}
2123.gantt_resizer_stick {
2124  background: #33aae8;
2125  z-index: 9999;
2126  position: absolute;
2127  top: 0;
2128  width: 100%;
2129}
2130.gantt_resizer_x .gantt_resizer_x {
2131  position: absolute;
2132  width: 20px;
2133  height: 100%;
2134  margin-left: -10px;
2135  top: 0;
2136  left: 0;
2137  z-index: 1;
2138}
2139.gantt_resizer_y .gantt_resizer_y {
2140  position: absolute;
2141  height: 20px;
2142  width: 100%;
2143  top: -10px;
2144  left: 0;
2145  z-index: 1;
2146}
2147.gantt_resizer_error {
2148  background: indianred!important;
2149}
2150.gantt_noselect {
2151  -webkit-user-select: none;
2152  user-select: none;
2153}
2154.gantt_layout_cell_border_left {
2155  border-left: 1px solid #D7D7D7;
2156}
2157.gantt_layout_cell_border_right {
2158  border-right: 1px solid #D7D7D7;
2159}
2160.gantt_layout_cell_border_top {
2161  border-top: 1px solid #D7D7D7;
2162}
2163.gantt_layout_cell_border_bottom {
2164  border-bottom: 1px solid #D7D7D7;
2165}
2166.gantt_layout_cell_border_transparent {
2167  border-color: transparent;
2168}
2169.gantt_window {
2170  position: absolute;
2171  top: 50%;
2172  left: 50%;
2173  z-index: 999999999;
2174  background: white;
2175}
2176.gantt_window_content {
2177  position: relative;
2178}
2179.gantt_window_content_header {
2180  background: #39c;
2181  color: #ffffff;
2182  height: 33px;
2183  padding: 10px 10px 0 10px;
2184  border-bottom: solid 2px #ffffff;
2185  position: relative;
2186}
2187.gantt_window_content_header_text {
2188  padding-left: 10%;
2189}
2190.gantt_window_content_header_buttons {
2191  position: absolute;
2192  top: 10px;
2193  right: 10px;
2194}
2195.gantt_window_content_header_buttons:hover {
2196  color: #000000;
2197  cursor: pointer;
2198}
2199.gantt_window_content_resizer {
2200  position: absolute;
2201  width: 15px;
2202  height: 15px;
2203  bottom: 0;
2204  line-height: 15px;
2205  right: -1px;
2206  text-align: center;
2207  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
2208  cursor: nw-resize;
2209  z-index: 999;
2210}
2211.gantt_window_content_frame {
2212  position: absolute;
2213  top: 0;
2214  left: 0;
2215  width: 100%;
2216  height: 100%;
2217  background: rgba(0, 0, 0, 0.1);
2218  z-index: 9999;
2219}
2220.gantt_window_drag {
2221  cursor: pointer!important;
2222}
2223.gantt_window_resizing {
2224  overflow: visible;
2225}
2226.gantt_window_resizing_body {
2227  overflow: hidden!important;
2228}
2229.gantt_window_modal {
2230  background: rgba(0, 0, 0, 0.1);
2231  z-index: 9999;
2232  top: 0;
2233  left: 0;
2234  width: 100%;
2235  height: 100%;
2236  position: fixed;
2237}
2238.gantt_container,
2239.gantt_cal_light,
2240.gantt_message_area,
2241.gantt_modal_box,
2242.gantt_cal_quick_info,
2243.gantt_tooltip {
2244  text-rendering: optimizeLegibility;
2245  -webkit-font-smoothing: antialiased;
2246  -moz-osx-font-smoothing: grayscale;
2247}
2248.gantt_noselect {
2249  -moz-user-select: -moz-none;
2250  -webkit-user-select: none;
2251  -ms-user-select: none;
2252  user-select: none;
2253}
2254.gantt_drag_marker {
2255  position: absolute;
2256  top: -1000px;
2257  left: -1000px;
2258  font-family: "Roboto", arial, sans-serif;
2259  font-size: 14px;
2260  z-index: 1;
2261  white-space: nowrap;
2262}
2263.gantt_drag_marker .gantt_tree_indent,
2264.gantt_drag_marker .gantt_tree_icon.gantt_blank,
2265.gantt_drag_marker .gantt_tree_icon.gantt_open,
2266.gantt_drag_marker .gantt_tree_icon.gantt_close {
2267  display: none;
2268}
2269.gantt_drag_marker,
2270.gantt_drag_marker .gantt_row.odd {
2271  background-color: #FFFFFF;
2272}
2273.gantt_drag_marker .gantt_row {
2274  border-left: 1px solid #bebebe;
2275  border-top: 1px solid #bebebe;
2276}
2277.gantt_drag_marker .gantt_cell {
2278  border-color: #bebebe;
2279}
2280.gantt_row.gantt_over,
2281.gantt_task_row.gantt_over {
2282  background-color: #0070fe;
2283}
2284.gantt_row.gantt_transparent .gantt_cell {
2285  opacity: 0.7;
2286}
2287.gantt_task_row.gantt_transparent {
2288  background-color: #ffffff;
2289}
2290.gantt_popup_button.gantt_delete_button {
2291  background-color: #448AFF;
2292  color: #FFFFFF;
2293}
2294.gantt_container_resize_watcher {
2295  background: transparent;
2296  width: 100%;
2297  height: 100%;
2298  position: absolute;
2299  top: 0px;
2300  left: 0px;
2301  z-index: -1;
2302  pointer-events: none;
2303  border: 0;
2304  box-sizing: border-box;
2305  opacity: 0;
2306}
2307
2308