smart-webcomponents-react 19.0.0 → 19.0.5

package/source/styles/default/smart.ganttchart.css

@@ -1,1595 +1,1595 @@
-smart-gantt-chart {
-  display: block;
-  width: var(--smart-gantt-chart-default-width);
-  height: var(--smart-gantt-chart-default-height);
-  contain: content;
-}
-
-smart-gantt-chart .smart-splitter,
-.smart-gantt-chart .smart-splitter {
-  width: 100%;
-  height: 100%;
-  border: none;
-  border-radius: initial;
-}
-smart-gantt-chart smart-table,
-.smart-gantt-chart smart-table {
-  width: 100%;
-  height: 100%;
-  --smart-table-row-height: var(--smart-gantt-chart-task-default-height);
-  --smart-table-header-footer-height: var(--smart-gantt-chart-filter-row-height);
-}
-
-smart-gantt-chart > .smart-container,
-.smart-gantt-chart.smart-container {
-  overflow: hidden;
-  --smart-scroll-bar-default-height: 100%;
-  --smart-scroll-bar-default-width: 100%;
-  --smart-gantt-chart-task-timeline-content-height: calc(2 * var(--smart-gantt-chart-task-default-height));
-  /* Default task Timeline content height. Needed as a FireFox bug fix*/
-  --smart-gantt-chart-task-splitter-bar-fit-size: var(--smart-gantt-chart-task-timeline-content-height);
-  --smart-gantt-chart-resource-splitter-bar-fit-size: calc(var(--smart-gantt-chart-resource-timeline-content-height) + var(--smart-gantt-chart-task-default-height));
-  --smart-gantt-chart-baseline-size: calc(var(--smart-gantt-chart-task-default-height) / var(--smart-gantt-chart-baseline-proportion));
-}
-smart-gantt-chart > .smart-container:not(.hscroll),
-.smart-gantt-chart.smart-container:not(.hscroll) {
-  margin-bottom: -1px;
-}
-smart-gantt-chart > .smart-container:not(.hscroll)[show-resource-panel],
-.smart-gantt-chart.smart-container:not(.hscroll)[show-resource-panel] {
-  margin-bottom: -4px;
-}
-smart-gantt-chart > .smart-container .smart-splitter > .smart-resize-trigger-container,
-.smart-gantt-chart.smart-container .smart-splitter > .smart-resize-trigger-container {
-  margin-bottom: -2px;
-}
-
-.smart-gantt-chart smart-splitter {
-  --smart-splitter-bar-size: 5px;
-}
-.smart-gantt-chart .smart-task-splitter smart-splitter-item > .smart-container,
-.smart-gantt-chart .smart-task-splitter smart-splitter-item > .smart-container > .smart-content {
-  overflow: hidden;
-}
-.smart-gantt-chart smart-splitter-bar .smart-splitter-resize-button {
-  display: none;
-}
-.smart-gantt-chart smart-scroll-viewer {
-  width: 100%;
-  height: 100%;
-  border: none;
-  padding: initial;
-}
-.smart-gantt-chart .smart-table {
-  --smart-table-cell-padding: var(--smart-gantt-chart-task-bar-fill-padding);
-}
-.smart-gantt-chart .smart-table.smart-task-table {
-  --smart-table-column-header-height: calc(2 * var(--smart-gantt-chart-task-default-height) - calc(var(--smart-border-width) / 2));
-}
-.smart-gantt-chart .smart-table.smart-resource-table {
-  --smart-table-column-header-height: calc(var(--smart-gantt-chart-task-default-height) - calc(var(--smart-border-width) / 2));
-}
-@-moz-document url-prefix() {
-  .smart-gantt-chart .smart-table.smart-task-table {
-    --smart-table-column-header-height: calc(2 * var(--smart-gantt-chart-task-default-height));
-  }
-  .smart-gantt-chart .smart-table.smart-resource-table {
-    --smart-table-column-header-height: var(--smart-gantt-chart-task-default-height);
-  }
-}
-.smart-gantt-chart .smart-table > .smart-container {
-  border: initial;
-}
-.smart-gantt-chart .smart-table[hide-selection-column] tr td {
-  background: inherit;
-}
-.smart-gantt-chart .smart-table[hide-selection-column] tr[aria-selected=true] td {
-  background: initial;
-}
-.smart-gantt-chart .smart-table .smart-table-virtualization-container .smart-scroll-viewer-content-container {
-  display: block;
-}
-.smart-gantt-chart .smart-table td.tree-cell > div .hierarchy-arrow::after {
-  display: initial;
-}
-.smart-gantt-chart .smart-table td div,
-.smart-gantt-chart .smart-table td span {
-  line-height: inherit;
-}
-.smart-gantt-chart .smart-table td.tree-cell > div div:nth-child(2) {
-  line-height: 1rem;
-}
-.smart-gantt-chart .smart-table thead tr th {
-  background-color: var(--smart-surface);
-  color: var(--smart-surface-color);
-  border-bottom: var(--smart-border-width) solid var(--smart-border);
-  font-size: var(--smart-font-size);
-}
-.smart-gantt-chart .smart-table thead tr th.smart-table-select-all.freeze-near {
-  background-color: var(--smart-surface);
-  color: var(--smart-surface-color);
-}
-.smart-gantt-chart .smart-table tbody tr {
-  cursor: pointer;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.smart-gantt-chart .smart-table tbody tr td {
-  line-height: 100%;
-}
-.smart-gantt-chart .smart-table tbody tr[unused] td {
-  border: initial;
-}
-.smart-gantt-chart .smart-table tbody tr[focus] {
-  border-color: var(--smart-ui-state-border-focus);
-  background-color: var(--smart-ui-state-focus);
-  color: var(--smart-ui-state-color-focus);
-}
-.smart-gantt-chart .smart-table tbody tr[hover] {
-  border-color: var(--smart-ui-state-border-hover);
-  background-color: var(--smart-ui-state-hover);
-  color: var(--smart-ui-state-color-hover);
-}
-.smart-gantt-chart .smart-table tbody tr[aria-selected=true] {
-  border-color: var(--smart-ui-state-border-selected);
-  background-color: var(--smart-ui-state-selected);
-  color: var(--smart-ui-state-color-selected);
-}
-.smart-gantt-chart .smart-table td {
-  border-bottom: var(--smart-border-width) solid var(--smart-border);
-  border-top: none;
-}
-.smart-gantt-chart .smart-table td[data-field=overdue]::after {
-  font-family: var(--smart-font-family-icon);
-  font-size: 1.25em;
-  color: var(--smart-gantt-chart-deadline-color);
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  pointer-events: none;
-  padding-left: var(--smart-table-cell-padding);
-  padding-right: var(--smart-table-cell-padding);
-}
-.smart-gantt-chart .smart-table td[data-field=overdue][overdue]::after {
-  content: var(--smart-gantt-chart-deadline-icon);
-}
-.smart-gantt-chart .smart-table[freeze-footer] .smart-table-container:focus td[focus]:after {
-  height: 100%;
-}
-@-moz-document url-prefix() {
-  .smart-gantt-chart .smart-table[freeze-footer] .smart-table-container:focus td[focus]:after {
-    top: 0;
-  }
-}
-.smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] {
-  background: var(--smart-background);
-  color: var(--smart-background-color);
-  cursor: initial;
-}
-.smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] .selection-checkbox {
-  background: var(--smart-background);
-  color: var(--smart-background-color);
-  cursor: initial;
-  border-color: var(--smart-border);
-}
-.smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] .selection-checkbox::before, .smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] .selection-checkbox::after {
-  content: initial;
-}
-.smart-gantt-chart > .smart-container, .smart-gantt-chart.smart-container {
-  position: relative;
-}
-.smart-gantt-chart > .smart-container.hscroll > smart-splitter, .smart-gantt-chart.smart-container.hscroll > smart-splitter {
-  height: calc(100% - var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart > .smart-container > .smart-popup-window-modal, .smart-gantt-chart.smart-container > .smart-popup-window-modal {
-  position: absolute;
-  opacity: 0.5;
-  background-color: var(--smart-disabled);
-  top: 0;
-  left: 0;
-  width: 100%;
-  min-height: 100%;
-  z-index: calc(var(--smart-editor-drop-down-z-index) - 1);
-}
-.smart-gantt-chart .smart-splitter > .smart-container > smart-splitter-bar > .smart-container {
-  transform: scaleX(5);
-  transform-origin: left;
-}
-.smart-gantt-chart .smart-splitter:not([dragged]) smart-splitter-bar.smart-element {
-  background-color: var(--smart-border);
-}
-.smart-gantt-chart .smart-splitter[orientation=horizontal] > .smart-container > smart-splitter-bar > .smart-container {
-  transform: scaleY(2.5);
-  transform-origin: center;
-}
-.smart-gantt-chart .smart-timeline {
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  text-align: center;
-  overflow: hidden;
-  height: 100%;
-}
-.smart-gantt-chart .smart-timeline[task-bar-hovered] {
-  cursor: e-resize;
-}
-.smart-gantt-chart .smart-timeline[task-bar-hovered] .smart-timeline-task.project .smart-timeline-task-fill,
-.smart-gantt-chart .smart-timeline[task-bar-hovered] .smart-timeline-task.task .smart-timeline-task-fill {
-  cursor: e-resize;
-}
-.smart-gantt-chart[task-filtering][hide-timeline-header-details] .smart-task-splitter .smart-timeline-view-cells .smart-timeline-view-cell {
-  border-top: initial;
-}
-.smart-gantt-chart[task-filtering][hide-timeline-header-details] .smart-task-splitter .smart-timeline-content-container {
-  height: calc(100% - var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-filter-row-height));
-}
-.smart-gantt-chart[task-filtering] .smart-task-splitter .smart-timeline-content-container {
-  height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-filter-row-height));
-}
-.smart-gantt-chart[task-filtering] .smart-task-splitter .smart-timeline-header::before {
-  content: "";
-}
-.smart-gantt-chart[resource-filtering] .smart-resource-splitter {
-  --smart-splitter-bar-fit-size: calc(var(--smart-gantt-chart-resource-splitter-bar-fit-size) + var(--smart-gantt-chart-filter-row-height));
-}
-.smart-gantt-chart[resource-filtering] .smart-resource-splitter .smart-timeline-header::before {
-  content: "";
-}
-.smart-gantt-chart[task-filtering][filter-row] .smart-task-splitter .smart-timeline-header::after {
-  content: "";
-}
-.smart-gantt-chart[task-filtering][filter-row] .smart-task-splitter .smart-timeline-header::before {
-  content: none;
-}
-.smart-gantt-chart .smart-timeline-header {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-}
-.smart-gantt-chart .smart-timeline-header::after, .smart-gantt-chart .smart-timeline-header::before {
-  width: 100%;
-  height: var(--smart-gantt-chart-filter-row-height);
-  display: block;
-  background: var(--smart-surface);
-  border-bottom: var(--smart-border) solid var(--smart-border-width);
-  box-sizing: border-box;
-  position: sticky;
-  left: 0;
-}
-.smart-gantt-chart .smart-timeline-header .smart-timeline-header-content {
-  width: 100%;
-}
-.smart-gantt-chart .smart-timeline-content-container {
-  width: 100%;
-  height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
-  position: relative;
-  overflow: hidden;
-}
-.smart-gantt-chart .smart-timeline-content {
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-.smart-gantt-chart .smart-timeline-content:empty:after {
-  content: "No Items";
-  height: var(--smart-gantt-chart-task-default-height);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.smart-gantt-chart .smart-timeline-content .smart-timeline-task:not(.milestone)[disable-resize]:after,
-.smart-gantt-chart .smart-timeline-content .smart-timeline-task:not(.milestone)[disable-resize] .smart-task-container:after {
-  content: none;
-}
-.smart-gantt-chart .smart-timeline-container {
-  display: inline-block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.smart-gantt-chart .smart-timeline-scroll-bar {
-  overflow: visible;
-  position: relative;
-  /*bottom: 0;*/
-  height: calc(var(--smart-scroll-bar-size));
-  width: 100%;
-}
-.smart-gantt-chart .smart-timeline-scroll-bar:after {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: var(--smart-scroll-bar-size);
-  background: var(--smart-scroll-bar-background);
-  left: 100%;
-  top: 0;
-  /*left:0;*/
-}
-.smart-gantt-chart .smart-timeline-scroll-bar.bottom-corner {
-  width: calc(100% - var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart .smart-timeline-scroll-bar.smart-resource-scroll-bar[orientation=vertical] {
-  height: calc(100% - var(--smart-gantt-chart-task-default-height));
-  top: var(--smart-gantt-chart-task-default-height);
-  z-index: 1;
-}
-.smart-gantt-chart .smart-timeline-scroll-bar.smart-resource-scroll-bar[orientation=vertical]:before {
-  top: calc(-1 * var(--smart-gantt-chart-task-default-height));
-  height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical] {
-  position: absolute;
-  right: 0;
-  top: calc(2 * var(--smart-gantt-chart-task-default-height));
-  height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
-  width: calc(var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical]:before {
-  position: absolute;
-  width: 100%;
-  background: var(--smart-scroll-bar-background);
-  content: "";
-  left: 0;
-  top: calc(-2 * var(--smart-gantt-chart-task-default-height));
-  height: calc(2 * var(--smart-gantt-chart-task-default-height));
-  border: 1px solid var(--smart-border);
-  border-top: none;
-  box-sizing: border-box;
-}
-.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical][disabled]:after {
-  left: 0;
-  height: 100%;
-}
-.smart-gantt-chart[show-baseline] .smart-timeline-task {
-  height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size));
-}
-.smart-gantt-chart[show-baseline] .smart-timeline-task .smart-task-container {
-  padding-bottom: calc(var(--smart-gantt-chart-task-bar-fill-padding) / 2);
-}
-.smart-gantt-chart[show-baseline] .smart-timeline-task.milestone .smart-task-container::after {
-  border-left: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid var(--smart-gantt-chart-milestone-color);
-  border-top: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
-  border-bottom: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
-}
-.smart-gantt-chart[show-baseline] .smart-timeline-task.milestone .smart-task-container::before {
-  left: calc(-1 * (var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2);
-  border-right: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid var(--smart-gantt-chart-milestone-color);
-  border-top: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
-  border-bottom: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
-}
-.smart-gantt-chart[show-baseline] .smart-task-connection-point {
-  top: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2);
-}
-.smart-gantt-chart[show-baseline] .smart-task-connection-point.end, .smart-gantt-chart[show-baseline] .smart-task-connection-point.start {
-  width: calc(var(--smart-gantt-chart-task-default-height) / 3);
-  height: calc(var(--smart-gantt-chart-task-default-height) / 3);
-}
-.smart-gantt-chart[show-baseline] .smart-task-connection-point.end {
-  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
-}
-.smart-gantt-chart[show-baseline] .smart-task-connection-point.start {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
-}
-.smart-gantt-chart .smart-timeline-task {
-  position: absolute;
-  height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart .smart-timeline-task:empty {
-  height: 0;
-}
-.smart-gantt-chart .smart-timeline-task .smart-timeline-task-progress-thumb:after {
-  content: "";
-  border-right: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid transparent;
-  border-left: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid transparent;
-  border-bottom: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid var(--smart-gantt-chart-task-thumb-color);
-  box-shadow: 0 1px 0 0 var(--smart-gantt-chart-task-thumb-color);
-  position: absolute;
-  bottom: calc(-1 * var(--smart-gantt-chart-task-bar-fill-padding) / 2);
-  left: calc(-1 * var(--smart-gantt-chart-timeline-task-progress-thumb-size));
-  z-index: 1;
-}
-.smart-gantt-chart .smart-timeline-task.task .smart-timeline-task-label {
-  color: var(--smart-gantt-chart-task-label-color);
-}
-.smart-gantt-chart .smart-timeline-task.task[selected] .smart-timeline-task-label {
-  color: var(--smart-gantt-chart-task-label-color-selected);
-}
-.smart-gantt-chart .smart-timeline-task.project .smart-timeline-task-label {
-  color: var(--smart-gantt-chart-project-label-color);
-}
-.smart-gantt-chart .smart-timeline-task.project[selected] .smart-timeline-task-label {
-  color: var(--smart-gantt-chart-project-label-color-selected);
-}
-.smart-gantt-chart .smart-timeline-task.project .smart-task-segments::before {
-  content: initial;
-}
-.smart-gantt-chart .smart-timeline-task:not(.milestone) {
-  min-width: var(--smart-gantt-chart-timeline-task-min-width);
-}
-.smart-gantt-chart .smart-timeline-task:not(.milestone):after {
-  content: "";
-  width: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
-  height: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
-  position: absolute;
-  top: calc(50% - var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
-  left: calc(100% - var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
-  background-color: var(--smart-gantt-chart-timeline-task-resize-indicator-color);
-  box-shadow: 0 0 0 1px var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);
-  transform: scale(0);
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-timeline-task:not(.milestone) .smart-task-container:after {
-  content: "";
-  width: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
-  height: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
-  position: absolute;
-  top: calc(50% - var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
-  left: calc(-1 * var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
-  background-color: var(--smart-gantt-chart-timeline-task-resize-indicator-color);
-  box-shadow: 0 0 0 1px var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);
-  transform: scale(0);
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-timeline-task[selected]:not([resource-group]) .smart-timeline-task-progress-thumb {
-  transform: scale(1);
-}
-.smart-gantt-chart .smart-timeline-task[selected]:not([disable-resize]):after {
-  transform: scale(1);
-}
-.smart-gantt-chart .smart-timeline-task[selected]:not([disable-resize]) .smart-task-container::after {
-  transform: scale(1);
-}
-.smart-gantt-chart .smart-timeline-task[selected]:not(.milestone) .smart-timeline-task-fill {
-  box-shadow: var(--smart-elevation-2);
-}
-.smart-gantt-chart .smart-timeline-task[connection-point=end] .smart-task-connection-feedback {
-  left: 100%;
-}
-.smart-gantt-chart .smart-timeline-task[disable-drag] {
-  cursor: pointer;
-}
-.smart-gantt-chart .smart-timeline-task[resource-group] {
-  cursor: initial;
-}
-.smart-gantt-chart .smart-timeline-task .smart-task-segments,
-.smart-gantt-chart .smart-timeline-task .smart-task-segment {
-  width: 100%;
-  height: 100%;
-}
-.smart-gantt-chart .smart-timeline-task .smart-task-segments {
-  position: relative;
-}
-.smart-gantt-chart .smart-timeline-task .smart-task-segments::before {
-  pointer-events: none;
-  content: "";
-  width: 100%;
-  border-bottom: var(--smart-gantt-chart-segment-link-size) dashed var(--smart-gantt-chart-segment-link-color);
-  box-sizing: border-box;
-  position: absolute;
-  top: calc(50% - var(--smart-gantt-chart-segment-link-size) / 2);
-  left: 0;
-}
-.smart-gantt-chart .smart-timeline-task .smart-task-segment {
-  position: absolute;
-  min-width: var(--smart-gantt-chart-timeline-task-min-width);
-}
-.smart-gantt-chart .smart-timeline-task .smart-task-segment[deadline]::after {
-  content: attr(deadline);
-  position: absolute;
-  height: 100%;
-  top: 0;
-  left: 100%;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  margin-inline-start: 10px;
-  font-size: 0.8em;
-  font-weight: 600;
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-timeline-task-progress {
-  width: 100%;
-  height: 100%;
-  transform-origin: left;
-  position: relative;
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-timeline-task-progress-thumb {
-  position: absolute;
-  right: 0;
-  cursor: e-resize;
-  transform: scale(0);
-  transform-origin: left bottom;
-}
-.smart-gantt-chart .smart-timeline-task-fill {
-  width: 100%;
-  height: 100%;
-  border-radius: var(--smart-gantt-chart-task-fill-border-radius);
-  overflow: hidden;
-}
-.smart-gantt-chart .smart-timeline-task-label {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--smart-gantt-chart-task-label-padding);
-  font-size: inherit;
-  font-family: inherit;
-  pointer-events: none;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.smart-gantt-chart .smart-timeline-task-label > div {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.smart-gantt-chart .smart-timeline-task-cells {
-  position: relative;
-}
-.smart-gantt-chart .smart-timeline-view-details {
-  display: flex;
-  width: 100%;
-  height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart .smart-timeline-view-details:empty {
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  background-color: var(--smart-surface);
-  color: var(--smart-surface-color);
-  border-bottom: var(--smart-border-width) solid var(--smart-border);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.smart-gantt-chart .smart-timeline-view-details:empty:after {
-  content: var(--smart-gantt-chart-header-placeholder);
-}
-.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell {
-  min-width: initial;
-  border-top: none;
-}
-.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell.middle {
-  border-top: 1px solid var(--smart-border);
-  border-bottom-color: var(--smart-border);
-}
-.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell:not(:first-of-type) {
-  border-left-color: transparent;
-}
-.smart-gantt-chart .smart-timeline-view-cells {
-  display: flex;
-  width: 100%;
-  height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart .smart-timeline-view-cells:empty {
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  background-color: var(--smart-surface);
-  color: var(--smart-surface-color);
-  border-bottom: var(--smart-border-width) solid var(--smart-border);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.smart-gantt-chart .smart-timeline-view-cells:empty:after {
-  content: var(--smart-gantt-chart-header-placeholder);
-}
-.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell:last-of-type:after {
-  border-right-color: transparent;
-}
-.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell:not(:first-of-type) {
-  border-left-color: transparent;
-}
-.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell[weekend] {
-  background: var(--smart-gantt-chart-timeline-weekend-color);
-}
-.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell[nonworking] {
-  background: var(--smart-gantt-chart-timeline-nonworking-color);
-}
-.smart-gantt-chart .smart-timeline-view-cells div {
-  border-bottom-color: var(--smart-border);
-}
-.smart-gantt-chart .smart-timeline-view-cell {
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--smart-surface);
-  color: var(--smart-surface-color);
-  border-top: var(--smart-border-width) solid var(--smart-border);
-  border-bottom: var(--smart-border-width) solid var(--smart-border);
-  border-left: var(--smart-border-width) solid var(--smart-border);
-  border-right: var(--smart-border-width) solid var(--smart-border);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  padding: var(--smart-gantt-chart-task-bar-fill-padding);
-  height: 100%;
-  border-bottom-color: transparent;
-  height: var(--smart-gantt-chart-task-default-height);
-  min-width: var(--smart-gantt-chart-timeline-cell-min-size);
-  width: var(--smart-gantt-chart-timeline-cell-size);
-}
-.smart-gantt-chart .smart-timeline-view-cell:first-of-type {
-  border-left: none;
-}
-.smart-gantt-chart .smart-timeline-view-cell:last-of-type {
-  border-right: none;
-}
-.smart-gantt-chart .smart-timeline-view-cell > div {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-timeline-cells-container {
-  width: 100%;
-}
-.smart-gantt-chart .smart-timeline-markers-container:empty,
-.smart-gantt-chart .smart-timeline-deadlines-container:empty,
-.smart-gantt-chart .smart-timeline-indicators-container:empty {
-  display: none;
-}
-.smart-gantt-chart .smart-gantt-chart-date-marker {
-  height: 100%;
-  top: 0;
-  position: absolute;
-  border-left: var(--smart-gantt-chart-date-marker-width) dashed var(--smart-gantt-chart-date-marker-color);
-  width: 0;
-  pointer-events: none;
-  background: var(--smart-gantt-chart-date-marker-background);
-  color: var(--smart-gantt-chart-date-marker-color);
-}
-.smart-gantt-chart .smart-gantt-chart-date-marker .smart-gantt-chart-marker-label {
-  position: sticky;
-  background: inherit;
-  top: var(--smart-gantt-chart-date-marker-v-offset);
-  height: var(--smart-gantt-chart-date-marker-height);
-  background: inherit;
-  color: inherit;
-  box-sizing: border-box;
-  white-space: nowrap;
-  display: inline-flex;
-  align-items: center;
-  border-radius: var(--smart-gantt-chart-task-fill-border-radius);
-  padding: 5px;
-  margin-inline-start: var(--smart-gantt-chart-date-marker-h-offset);
-}
-.smart-gantt-chart .smart-gantt-chart-date-marker .smart-gantt-chart-marker-label::before {
-  content: "";
-  position: absolute;
-  border-top: calc(var(--smart-gantt-chart-date-marker-height) / 2) solid transparent;
-  border-bottom: calc(var(--smart-gantt-chart-date-marker-height) / 2) solid transparent;
-  border-right: calc(var(--smart-gantt-chart-date-marker-height) / 2) solid var(--smart-gantt-chart-date-marker-background);
-  box-sizing: inherit;
-  right: 100%;
-}
-.smart-gantt-chart .smart-gantt-chart-task-indicator {
-  position: absolute;
-  height: var(--smart-gantt-chart-task-default-height);
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-}
-.smart-gantt-chart .smart-gantt-chart-task-indicator.icon::before {
-  content: var(--smart-gantt-chart-indicator-icon);
-  font-family: var(--smart-font-family-icon);
-  font-size: var(--smart-font-size);
-  margin-inline-end: 2.5px;
-}
-.smart-gantt-chart .smart-gantt-chart-task-deadline {
-  position: absolute;
-  height: var(--smart-gantt-chart-task-default-height);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1px;
-}
-.smart-gantt-chart .smart-gantt-chart-task-deadline::before {
-  content: var(--smart-gantt-chart-deadline-icon);
-  font-family: var(--smart-font-family-icon);
-  font-size: 1.25em;
-  color: var(--smart-gantt-chart-deadline-color);
-}
-.smart-gantt-chart .smart-gantt-chart-task-baseline {
-  position: absolute;
-  background: var(--smart-gantt-chart-baseline-background);
-  background-clip: content-box;
-  border-top: calc(var(--smart-gantt-chart-task-bar-fill-padding) / 2) solid transparent;
-  border-bottom: var(--smart-gantt-chart-task-bar-fill-padding) solid transparent;
-  height: var(--smart-gantt-chart-baseline-size);
-  max-height: var(--smart-gantt-chart-task-default-height);
-  transform: translateY(calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)));
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-gantt-chart-time-indicators-container {
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-gantt-chart-time-indicators-container .smart-gantt-chart-current-time-indicator {
-  position: absolute;
-  height: 100%;
-  width: var(--smart-gantt-chart-current-time-indicator-size);
-  background: var(--smart-gantt-chart-current-time-indicator-background);
-}
-.smart-gantt-chart .smart-gantt-chart-time-indicators-container .smart-gantt-chart-current-time-indicator:before {
-  position: absolute;
-  left: calc(-1 * var(--smart-gantt-chart-current-time-indicator-arrow-size) + var(--smart-gantt-chart-current-time-indicator-size) / 2);
-  border-right: var(--smart-gantt-chart-current-time-indicator-arrow-size) solid transparent;
-  border-left: var(--smart-gantt-chart-current-time-indicator-arrow-size) solid transparent;
-  border-top: var(--smart-gantt-chart-current-time-indicator-arrow-size) solid var(--smart-gantt-chart-current-time-indicator-background);
-}
-.smart-gantt-chart .smart-gantt-chart-time-indicators-container .smart-gantt-chart-current-time-shader {
-  position: absolute;
-  height: 100%;
-  background: var(--smart-gantt-chart-shader-background);
-}
-.smart-gantt-chart[current-time-indicator] .smart-gantt-chart-current-time-indicator::before {
-  content: "";
-}
-.smart-gantt-chart[current-time-indicator] .smart-timeline-view-cell[current] {
-  border-bottom: var(--smart-gantt-chart-current-time-indicator-header-size) solid var(--smart-gantt-chart-current-time-indicator-background);
-}
-.smart-gantt-chart .smart-timeline-row {
-  display: flex;
-  border-width: var(--smart-border-width);
-  border-style: solid;
-  border-top: initial;
-  border-bottom-color: var(--smart-border);
-  background: var(--smart-gantt-chart-timeline-task-background-color);
-  border-left: none;
-  border-right: none;
-  position: absolute;
-  left: 0;
-  width: inherit;
-  height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart .smart-timeline-row:first-of-type {
-  border-left-color: var(--smart-border);
-}
-.smart-gantt-chart .smart-timeline-row:last-of-type {
-  border-right-color: var(--smart-border);
-}
-.smart-gantt-chart .smart-timeline-row[hover] {
-  background: var(--smart-ui-state-hover);
-}
-.smart-gantt-chart .smart-timeline-row[selected] {
-  background: var(--smart-ui-state-selected);
-}
-.smart-gantt-chart .smart-timeline-row .smart-timeline-cell {
-  position: absolute;
-  padding: var(--smart-gantt-chart-task-bar-fill-padding);
-  height: 100%;
-  min-width: var(--smart-gantt-chart-timeline-cell-min-size);
-  width: var(--smart-gantt-chart-timeline-cell-size);
-}
-.smart-gantt-chart .smart-timeline-row .smart-timeline-cell:not(:last-of-type) {
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-gantt-chart .smart-timeline-row:not([hover]):not([selected]) .smart-timeline-cell[weekend] {
-  background: var(--smart-gantt-chart-timeline-weekend-color);
-}
-.smart-gantt-chart .smart-timeline-row:not([hover]):not([selected]) .smart-timeline-cell[nonworking] {
-  background: var(--smart-gantt-chart-timeline-nonworking-color);
-}
-.smart-gantt-chart .smart-resource-splitter {
-  --smart-splitter-bar-fit-size: var(--smart-gantt-chart-resource-splitter-bar-fit-size);
-}
-.smart-gantt-chart .smart-resource-splitter .smart-timeline-content {
-  overflow: hidden;
-  position: relative;
-}
-.smart-gantt-chart .smart-resource-splitter .smart-timeline-view-cells .smart-timeline-view-cell {
-  border-top: none;
-}
-.smart-gantt-chart .smart-resource-splitter .smart-timeline-content {
-  height: calc(100% - var(--smart-gantt-chart-task-default-height));
-}
-.smart-gantt-chart .smart-resource-splitter .smart-timeline-row .smart-timeline-cell {
-  padding: initial;
-}
-.smart-gantt-chart .smart-resource-splitter-item > .smart-container > .smart-content {
-  overflow: hidden;
-}
-.smart-gantt-chart .smart-resource-splitter-item .smart-timeline-view-cells .smart-timeline-view-cell:after {
-  height: var(--smart-gantt-chart-resource-timeline-content-height);
-}
-.smart-gantt-chart .smart-resource-splitter-item[show-header] .smart-resource-splitter {
-  height: calc(100% - var(--smart-gantt-chart-header-height));
-}
-.smart-gantt-chart .smart-resource-splitter-item .smart-timeline-cell:first-of-type .smart-resource-timeline-view-cell {
-  width: 100%;
-  left: 0;
-}
-.smart-gantt-chart .smart-resource-panel-header {
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  height: var(--smart-gantt-chart-header-height);
-  background: var(--smart-surface);
-  border-bottom: var(--smart-border) solid var(--smart-border-width);
-}
-.smart-gantt-chart .smart-resource-panel-header:empty {
-  display: none;
-}
-.smart-gantt-chart .smart-resource-timeline-view-cell {
-  position: absolute;
-  background: var(--smart-gantt-chart-timeline-task-background-color);
-  bottom: 0;
-  border: none;
-  width: calc(100% + var(--smart-border-width));
-  left: calc(-1 * var(--smart-border-width));
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.smart-gantt-chart .smart-resource-timeline-view-cell:after {
-  content: "";
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-  font-size: var(--smart-font-size);
-  font-family: var(--smart-font-family-icon);
-  box-sizing: border-box;
-}
-.smart-gantt-chart .smart-resource-timeline-view-cell[load]:after {
-  content: attr(load);
-  transform: scale(1) rotate(0deg);
-}
-.smart-gantt-chart .smart-resource-timeline-view-cell.warning[load]:after {
-  background: var(--smart-error);
-  color: var(--smart-error-color);
-  border-radius: 5px;
-}
-.smart-gantt-chart .smart-task-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  padding-top: var(--smart-gantt-chart-task-bar-fill-padding);
-  padding-bottom: var(--smart-gantt-chart-task-bar-fill-padding);
-}
-.smart-gantt-chart .smart-task-panel-header {
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  height: var(--smart-gantt-chart-header-height);
-  background: var(--smart-surface);
-}
-.smart-gantt-chart .smart-task-panel-header:empty {
-  display: none;
-}
-.smart-gantt-chart .smart-task-splitter {
-  --smart-splitter-bar-fit-size: var(--smart-gantt-chart-task-splitter-bar-fit-size);
-}
-.smart-gantt-chart .smart-task-splitter > .smart-resize-trigger-container {
-  margin-bottom: -2px;
-}
-.smart-gantt-chart .smart-task-splitter-item > .smart-container > .smart-content {
-  overflow: hidden;
-}
-.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-task-panel-header {
-  border-bottom: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-task-splitter {
-  height: calc(100% - var(--smart-gantt-chart-header-height));
-}
-.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-timeline-view-details .smart-timeline-view-cell {
-  border-top: initial;
-}
-.smart-gantt-chart .smart-task-connection {
-  cursor: pointer;
-  position: absolute;
-  border: var(--smart-gantt-chart-timeline-task-connection-width) var(--smart-gantt-chart-timeline-task-connection-style) var(--smart-gantt-chart-timeline-task-connection-color);
-  top: 50%;
-}
-.smart-gantt-chart .smart-task-connection:after {
-  content: "";
-  width: 100%;
-  height: 100%;
-  border: inherit;
-  position: absolute;
-  border-color: transparent;
-  border-width: 10px;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.smart-gantt-chart .smart-task-connection[arrow-direction]:before {
-  content: "";
-  position: absolute;
-  left: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
-  top: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width));
-  border-top: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
-  border-bottom: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
-  border-left: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
-}
-.smart-gantt-chart .smart-task-connection[arrow-direction=left]:before {
-  left: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width) / 2 + 1px);
-  border-right: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
-  border-left: none;
-}
-.smart-gantt-chart .smart-task-connection[hover] {
-  border-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
-  box-shadow: 0 0 2.5px 0 var(--smart-gantt-chart-timeline-task-connection-color);
-}
-.smart-gantt-chart .smart-task-connection[hover]:before {
-  border-left-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
-  border-right-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
-}
-.smart-gantt-chart .smart-task-connection-point {
-  cursor: pointer;
-  position: absolute;
-  border: 1px solid #A9A9A9;
-  border-radius: 50%;
-  width: calc(var(--smart-gantt-chart-task-default-height) / 2);
-  height: calc(var(--smart-gantt-chart-task-default-height) / 2);
-  top: calc(var(--smart-gantt-chart-task-default-height) / 2);
-  transform: scale(0);
-  background-color: #DEDEDE;
-}
-.smart-gantt-chart .smart-task-connection-point.start {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
-}
-.smart-gantt-chart .smart-task-connection-point.end {
-  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
-}
-.smart-gantt-chart .smart-task-connection-feedback {
-  position: absolute;
-  top: 50%;
-  transform-origin: left;
-  border: var(--smart-gantt-chart-timeline-task-connection-feedback-width) var(--smart-gantt-chart-timeline-task-connection-feedback-style) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
-  z-index: 1;
-  pointer-events: none;
-}
-.smart-gantt-chart .smart-task-connection-feedback:before {
-  content: "";
-  position: absolute;
-  left: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
-  top: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width));
-  border-top: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
-  border-bottom: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
-  border-left: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
-}
-.smart-gantt-chart .smart-task-bar-limiter {
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 1px;
-}
-.smart-gantt-chart .smart-task-bar-limiter.min {
-  border: var(--smart-border-width) dashed lightgreen;
-}
-.smart-gantt-chart .smart-task-bar-limiter.max {
-  border: var(--smart-border-width) dashed red;
-}
-.smart-gantt-chart .smart-task-bar-limiter.min-date, .smart-gantt-chart .smart-task-bar-limiter.max-date {
-  background-image: linear-gradient(135deg, rgba(255, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, 0.2) 50%, rgba(255, 0, 0, 0.2) 75%, transparent 75%, transparent);
-  background-size: 1rem 1rem;
-  border: 1px solid white;
-}
-.smart-gantt-chart .smart-task-bar-limiter.max-date {
-  right: 0;
-}
-.smart-gantt-chart .milestone {
-  height: var(--smart-gantt-chart-task-default-height);
-  padding: initial;
-}
-.smart-gantt-chart .milestone .smart-task-container {
-  padding: 0;
-}
-.smart-gantt-chart .milestone .smart-task-container:before, .smart-gantt-chart .milestone .smart-task-container:after {
-  content: "";
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-}
-.smart-gantt-chart .milestone .smart-task-container:before {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
-  border-right: calc(var(--smart-gantt-chart-task-default-height) / 2) solid var(--smart-gantt-chart-milestone-color);
-  border-top: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
-  border-bottom: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
-}
-.smart-gantt-chart .milestone .smart-task-container:after {
-  border-left: calc(var(--smart-gantt-chart-task-default-height) / 2) solid var(--smart-gantt-chart-milestone-color);
-  border-top: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
-  border-bottom: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
-}
-.smart-gantt-chart .milestone .smart-task-connection-point.start {
-  transform: translateX(calc(-1 * var(--smart-gantt-chart-task-default-height) / 2)) scale(0);
-}
-.smart-gantt-chart .milestone .smart-task-connection-point.end {
-  transform: translateX(calc(var(--smart-gantt-chart-task-default-height) / 2)) scale(0);
-}
-.smart-gantt-chart .milestone .smart-task-connection-feedback {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
-}
-.smart-gantt-chart .milestone[connection-point=end] .smart-task-connection-feedback {
-  left: calc(100% + var(--smart-gantt-chart-task-default-height) / 2);
-}
-.smart-gantt-chart .milestone .smart-task-segment {
-  min-width: initial;
-}
-.smart-gantt-chart .project .smart-timeline-task-fill {
-  background: var(--smart-gantt-chart-project-color);
-}
-.smart-gantt-chart .project .smart-timeline-task-progress {
-  background: var(--smart-gantt-chart-project-progress-color);
-}
-.smart-gantt-chart .task .smart-timeline-task-fill {
-  background: var(--smart-gantt-chart-task-color);
-}
-.smart-gantt-chart .task .smart-timeline-task-progress {
-  background: var(--smart-gantt-chart-task-progress-color);
-}
-.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task.milestone .smart-task-container::after,
-.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task.milestone .smart-task-container::before,
-.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task:not([disable-drag]) .smart-task-segment:not([disable-drag]) {
-  cursor: move;
-}
-.smart-gantt-chart:not([dragged]):not([resized]) .smart-timeline-task[selected]:not([resource-group]) .smart-task-connection-point,
-.smart-gantt-chart:not([dragged]):not([resized]) .smart-timeline-task[hover]:not([resource-group]) .smart-task-connection-point {
-  transform: translateY(-50%) scale(1);
-}
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[selected] .smart-task-connection-point.start,
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[hover] .smart-task-connection-point.start {
-  transform: translate(calc(-1 * var(--smart-gantt-chart-task-default-height) / 4), -50%) scale(1);
-}
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[selected] .smart-task-connection-point.end,
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[hover] .smart-task-connection-point.end {
-  transform: translate(calc(1 * var(--smart-gantt-chart-task-default-height) / 4), -50%) scale(1);
-}
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[selected] .smart-task-connection-point.start,
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[hover] .smart-task-connection-point.start {
-  transform: translate(calc(-1 * var(--smart-gantt-chart-task-default-height) / 2), -50%) scale(1);
-}
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[selected] .smart-task-connection-point.end,
-.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[hover] .smart-task-connection-point.end {
-  transform: translate(calc(1 * var(--smart-gantt-chart-task-default-height) / 2), -50%) scale(1);
-}
-.smart-gantt-chart:not([disable-task-progress-change]) .smart-timeline-task .smart-timeline-task-progress-thumb:after {
-  cursor: pointer;
-}
-.smart-gantt-chart:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical]::before {
-  border-right: none;
-}
-.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-resource-timeline-view-cell:not([load])::after {
-  transform: scale(0) rotate(360deg);
-}
-.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-resource-timeline-view-cell::after {
-  height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-task-bar-fill-padding));
-  width: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-task-bar-fill-padding));
-  border-radius: 50%;
-  background: var(--smart-success);
-  color: var(--smart-success-color);
-  line-height: 100%;
-}
-.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-timeline-row:first-of-type .smart-resource-timeline-view-cell {
-  border-top: none;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell {
-  /*border-color: var(--smart-primary);*/
-  border: var(--smart-border-width) solid var(--smart-primary);
-  border-bottom: none;
-  height: 0;
-  padding: 0;
-  background: rgba(var(--smart-primary-rgb), 0.15);
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell:after {
-  width: 100%;
-  height: calc(var(--smart-gantt-chart-task-default-height) - 2px);
-  bottom: 0;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell:not([load]):after {
-  content: "-";
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border:before, .smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border:before {
-  width: 100%;
-  content: "";
-  position: absolute;
-  height: 100%;
-  bottom: 0;
-  z-index: 1;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border.warning:before, .smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border.warning:before {
-  z-index: initial;
-  left: initial;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border {
-  border-right: none;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border:before {
-  border-right: 1px solid var(--smart-border);
-  left: 0;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border {
-  border-left: none;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border:before {
-  border-left: 1px solid var(--smart-border);
-  left: -1px;
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell[load] {
-  border-bottom: none;
-  /*border-left: none;
-      border-right: none;*/
-  border-top: var(--smart-border-width) solid var(--smart-primary);
-}
-.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.warning[load]::after {
-  border-radius: initial;
-}
-.smart-gantt-chart:not([animation=none]) .smart-resource-timeline-view-cell[load]:after {
-  transition: transform 0.2s cubic-bezier(0.4, 0, 0.6, 1), border-radius 0.2s cubic-bezier(0.4, 0, 0.6, 1);
-}
-.smart-gantt-chart:not([animation=none])[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell {
-  transition: height 0.2s cubic-bezier(0.4, 0, 0.6, 1);
-}
-.smart-gantt-chart:not([animation=none])[show-progress-label] .smart-timeline-task-progress::after {
-  transition: color 0.2s ease-in-out;
-}
-.smart-gantt-chart > .smart-container.vscroll .smart-timeline, .smart-gantt-chart.smart-container.vscroll .smart-timeline {
-  width: calc(100% - var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart[inverted] .smart-timeline-scroll-bar[orientation=vertical] {
-  right: initial;
-}
-.smart-gantt-chart[inverted] .smart-timeline-scroll-bar[orientation=vertical]:before {
-  border-left: none;
-}
-.smart-gantt-chart[inverted] > .smart-container.vscroll .smart-timeline, .smart-gantt-chart[inverted].smart-container.vscroll .smart-timeline {
-  margin-left: var(--smart-scroll-bar-size);
-}
-.smart-gantt-chart[inverted] > .smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]), .smart-gantt-chart[inverted].smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
-  left: calc(var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart[inverted] .smart-timeline-scroll-bar:after {
-  width: calc(var(--smart-scroll-bar-size));
-  left: calc(-1 * var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart[hide-timeline-header-details] > .smart-container, .smart-gantt-chart[hide-timeline-header-details].smart-container {
-  --smart-gantt-chart-task-timeline-content-height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-view-details {
-  display: none;
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-task-splitter-item[show-header] .smart-timeline-view-cell {
-  border-top: none;
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-view-cells {
-  height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-view-cells .smart-timeline-view-cell {
-  border-top: initial;
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-table {
-  --smart-table-column-header-height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-border-width));
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-content-container {
-  height: calc(100% - var(--smart-gantt-chart-task-default-height));
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-scroll-bar[orientation=vertical] {
-  top: var(--smart-gantt-chart-task-default-height);
-  height: calc(100% - var(--smart-gantt-chart-task-default-height));
-}
-.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-scroll-bar[orientation=vertical]:before {
-  top: calc(-1 * var(--smart-gantt-chart-task-default-height));
-  height: var(--smart-gantt-chart-task-default-height);
-}
-.smart-gantt-chart[show-progress-label] .smart-timeline-task-progress[value]:after {
-  display: flex;
-  height: 100%;
-  content: attr(value);
-  align-items: center;
-  padding: var(--smart-gantt-chart-progress-label-padding);
-  color: var(--smart-gantt-chart-task-label-color);
-  font-weight: var(--smart-font-weight);
-  font-size: var(--smart-font-size);
-}
-.smart-gantt-chart[show-progress-label] .task .smart-task-segment[show-progress-label] .smart-timeline-task-label,
-.smart-gantt-chart[show-progress-label] .project .smart-task-segment[show-progress-label] .smart-timeline-task-label {
-  padding-left: var(--smart-gantt-chart-progress-label-width);
-}
-.smart-gantt-chart[show-progress-label] [selected] .smart-timeline-task-progress::after {
-  color: var(--smart-gantt-chart-task-label-color-selected);
-}
-.smart-gantt-chart[show-progress-label] .project .smart-timeline-task-progress::after {
-  color: var(--smart-gantt-chart-project-label-color);
-}
-.smart-gantt-chart[show-progress-label] .project[selected] .smart-timeline-task-progress::after {
-  color: var(--smart-gantt-chart-project-label-color-selected);
-}
-.smart-gantt-chart[connecting-task] .smart-task-connection {
-  pointer-events: none;
-}
-.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline-task.milestone[connected] .smart-task-container::after,
-.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline-task.milestone[connected] .smart-task-container::before,
-.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline:not([task-bar-hovered]) .smart-timeline-task[connected] .smart-timeline-task-fill {
-  cursor: initial;
-}
-.smart-gantt-chart[dragged], .smart-gantt-chart[resized] {
-  touch-action: none;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.smart-gantt-chart[modal] {
-  pointer-events: none;
-}
-
-/* Popup Windows */
-.smart-window.smart-gantt-chart-popup-window {
-  --smart-window-header-height: var(--smart-gantt-chart-popup-window-header-height);
-  --smart-window-footer-height: var(--smart-gantt-chart-popup-window-footer-height);
-  --smart-window-header-footer-padding: 10px;
-  --smart-window-default-height: auto;
-  --smart-window-header-background: transparent;
-  --smart-window-content-padding: 10px;
-  min-height: 50px;
-  max-width: 97vw;
-  max-height: 97vh;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-content-container > .smart-content {
-  align-items: initial;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-content-container > .smart-footer smart-button {
-  width: 100%;
-  height: 100%;
-  --smart-button-padding: 0.2rem;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.ok {
-  grid-area: buttonOk;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.cancel {
-  grid-area: buttonCancel;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.cancel .smart-icon::after {
-  content: var(--smart-icon-cancel);
-}
-.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.delete {
-  grid-area: buttonDelete;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.delete .smart-icon::after {
-  content: var(--smart-icon-delete);
-}
-.smart-window.smart-gantt-chart-popup-window .smart-tabs {
-  min-height: initial;
-  height: 100%;
-  width: 100%;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tabs-header-section,
-.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tabs-content-section {
-  border: initial;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tabs-header-section {
-  background: inherit;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tab-item > .smart-container {
-  padding: 10px;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor {
-  display: grid;
-  grid-column-gap: 10px;
-  grid-row-gap: 10px;
-  flex: calc(50% - 10px);
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-gantt-chart-label-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-popup-window-editor-toggle {
-  text-align: center;
-  display: inline-flex;
-  vertical-align: middle;
-  cursor: pointer;
-  letter-spacing: 0.08929em;
-  overflow: hidden;
-  border-color: var(--smart-border);
-  border-top-left-radius: var(--smart-border-top-left-radius);
-  border-top-right-radius: var(--smart-border-top-right-radius);
-  border-bottom-left-radius: var(--smart-border-bottom-left-radius);
-  border-bottom-right-radius: var(--smart-border-bottom-right-radius);
-  border-width: var(--smart-border-width);
-  border-style: solid;
-  font-weight: 500;
-  padding: 5px 20px;
-  -webkit-font-smoothing: antialiased;
-  opacity: var(--smart-button-opacity);
-  white-space: nowrap;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-popup-window-editor-toggle:hover {
-  color: var(--smart-ui-state-color-hover);
-  border-color: var(--smart-ui-state-border-hover);
-  background-color: var(--smart-ui-state-hover);
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-popup-window-editor-toggle:active {
-  color: var(--smart-ui-state-color-active);
-  border-color: var(--smart-ui-state-border-active);
-  background-color: var(--smart-ui-state-active);
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-drop-down-list,
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-date-time-picker {
-  width: 100%;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor > b {
-  text-align: center;
-}
-.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor input {
-  height: var(--smart-editor-height);
-}
-
-.smart-window.smart-task-popup-window {
-  --smart-window-default-width: var(--smart-gantt-chart-task-popup-window-default-width);
-}
-.smart-window.smart-task-popup-window .smart-content-container > .smart-footer {
-  display: grid;
-  grid-template-columns: 23% 23% 23% 23%;
-  grid-column-gap: 2%;
-  grid-template-areas: "buttonOk buttonCancel . buttonDelete";
-}
-.smart-window.smart-task-popup-window .smart-content-container > .smart-footer .smart-icon {
-  position: relative;
-  height: 100%;
-  font-family: var(--smart-font-family-icon);
-  font-size: 18px;
-  margin-right: 2.5px;
-}
-.smart-window.smart-task-popup-window .smart-popup-window-button.ok .smart-icon::after {
-  content: var(--smart-icon-check);
-}
-.smart-window.smart-task-popup-window .smart-tab-item[value=general] > .smart-container {
-  display: flex;
-  grid-row-gap: 10px;
-  grid-column-gap: 10px;
-  flex-wrap: wrap;
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-table {
-  --smart-table-column-header-height: 40px;
-  --smart-table-row-height: 35px;
-  width: 100%;
-  height: 100%;
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-table th {
-  font-weight: 600;
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons {
-  display: grid;
-  justify-content: flex-end;
-  grid-template-columns: repeat(2, auto);
-  grid-column-gap: 5px;
-  margin-bottom: 5px;
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button {
-  --smart-button-padding: 8px 16px 8px 8px;
-  border: initial;
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button button::before {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  font-family: var(--smart-font-family-icon);
-  font-size: var(--smart-font-size);
-  padding-right: 5px;
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button[action=add] button::before {
-  content: var(--smart-icon-plus);
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button[action=delete] button::before {
-  content: var(--smart-icon-delete);
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-validation-message {
-  color: var(--smart-error);
-  font-style: italic;
-  margin-top: 5px;
-  display: inline-flex;
-  white-space: pre-wrap;
-}
-.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-validation-message:empty {
-  display: none;
-}
-
-.smart-confirm-popup-window {
-  --smart-window-default-width: var(--smart-gantt-chart-confirm-popup-window-default-width);
-}
-
-.smart-connection-popup-window {
-  --smart-window-default-width: var(--smart-gantt-chart-connection-popup-window-default-width);
-}
-
-.smart-confirm-popup-window .smart-content-container > .smart-content,
-.smart-connection-popup-window .smart-content-container > .smart-content {
-  justify-content: center;
-}
-.smart-confirm-popup-window .smart-content-container > .smart-footer,
-.smart-connection-popup-window .smart-content-container > .smart-footer {
-  display: grid;
-  grid-template-columns: 49% 49%;
-  grid-column-gap: 2%;
-  grid-template-areas: "buttonOk buttonCancel";
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  .smart-confirm-popup-window .smart-content-container > .smart-footer,
-  .smart-connection-popup-window .smart-content-container > .smart-footer {
-    align-content: start;
-  }
-}
-.smart-confirm-popup-window .smart-gantt-chart-popup-window-editor,
-.smart-connection-popup-window .smart-gantt-chart-popup-window-editor {
-  justify-items: center;
-}
-
-.smart-gantt-chart-popup-window-editor .smart-input[disabled] {
-  opacity: 0.55;
-  cursor: default;
-  pointer-events: none;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-
-.smart-gantt-chart-tooltip {
-  --smart-tooltip-padding: 10px;
-}
-.smart-gantt-chart-tooltip[visible] {
-  pointer-events: none;
-}
-.smart-gantt-chart-tooltip .smart-tooltip-content {
-  flex-direction: column;
-  text-align: left;
-  white-space: nowrap;
-}
-.smart-gantt-chart-tooltip .smart-tooltip-content label:not(:first-of-type) {
-  margin-top: 5px;
-}
-
-.smart-gantt-chart[right-to-left] .smart-timeline-task-label {
-  direction: rtl;
-}
-.smart-gantt-chart[right-to-left] .milestone .smart-task-container {
-  direction: initial;
-}
-.smart-gantt-chart[right-to-left] > .smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
-  left: calc(var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart[right-to-left] > .smart-container.vscroll .smart-timeline {
-  margin-left: var(--smart-scroll-bar-size);
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-view-cell {
-  direction: rtl;
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-view-cell:last-of-type {
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-view-cell:first-of-type {
-  border-right: none;
-  border-left: var(--smart-border-width) solid transparent;
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-row {
-  left: initial;
-  right: 0;
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-row .smart-timeline-cell:first-of-type {
-  border-right: initial;
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-row .smart-timeline-cell:not(:first-of-type) {
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-task[connection-point=end] .smart-task-connection-feedback {
-  left: initial;
-  right: 100%;
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-scroll-bar:after {
-  right: 100%;
-  left: initial;
-}
-.smart-gantt-chart[right-to-left] .smart-timeline-scroll-bar[orientation=vertical]:after {
-  left: calc(-1 * var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart[right-to-left] .smart-task-connection-point.end {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
-  right: initial;
-}
-.smart-gantt-chart[right-to-left] .smart-task-connection-point.start {
-  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
-  left: initial;
-}
-.smart-gantt-chart[right-to-left] .smart-task-connection-feedback {
-  transform-origin: right;
-}
-.smart-gantt-chart[right-to-left] .smart-task-connection-feedback:before {
-  left: initial;
-  right: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
-  border-right: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
-  border-left: initial;
-}
-.smart-gantt-chart[right-to-left] .smart-task-bar-limiter.min-date, .smart-gantt-chart[right-to-left] .smart-task-bar-limiter.max-date {
-  right: var(--smart-gantt-chart-timeline-column-border-width);
-  left: initial;
-}
-.smart-gantt-chart[right-to-left] .smart-task-bar-limiter.max-date {
-  left: 0;
-}
-.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-point.end {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15);
-  right: initial;
-}
-.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-point.start {
-  right: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15);
-  left: initial;
-}
-.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-feedback {
-  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
-  left: initial;
-}
-.smart-gantt-chart[right-to-left] .milestone[connection-point=end] .smart-task-connection-feedback {
-  right: calc(100% + var(--smart-gantt-chart-task-default-height) / 2);
-}
-.smart-gantt-chart[right-to-left][show-baseline] .smart-task-connection-point.end {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
-}
-.smart-gantt-chart[right-to-left][show-baseline] .smart-task-connection-point.start {
-  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
-}
-.smart-gantt-chart[right-to-left][show-baseline] .milestone .smart-task-connection-point.end {
-  left: calc(-1 * var(--smart-gantt-chart-task-default-height) * 0.75);
-}
-.smart-gantt-chart[right-to-left][show-baseline] .milestone .smart-task-connection-point.start {
-  right: calc(-1 * var(--smart-gantt-chart-task-default-height) * 0.75);
-}
-.smart-gantt-chart[right-to-left]:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical] {
-  right: initial;
-  left: 0;
-}
-.smart-gantt-chart[right-to-left]:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical]:before {
-  border-left: none;
-  border-right: 1px solid var(--smart-border);
-}
-.smart-gantt-chart[right-to-left][inverted] > .smart-container.vscroll .smart-timeline {
-  margin-right: var(--smart-scroll-bar-size);
-}
-.smart-gantt-chart[right-to-left][inverted] > .smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
-  left: initial;
-}
-.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar:after {
-  right: calc(-1 * var(--smart-scroll-bar-size));
-}
-.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar[orientation=vertical] {
-  right: 0;
-}
-.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar[orientation=vertical]:before {
-  border-right: none;
-  border-left: 1px solid var(--smart-border);
-}
-
-.smart-window.smart-task-popup-window .smart-tab-item[right-to-left] > .smart-container > .smart-footer .smart-icon {
-  margin-left: 2.5px;
+smart-gantt-chart {
+  display: block;
+  width: var(--smart-gantt-chart-default-width);
+  height: var(--smart-gantt-chart-default-height);
+  contain: content;
+}
+
+smart-gantt-chart .smart-splitter,
+.smart-gantt-chart .smart-splitter {
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: initial;
+}
+smart-gantt-chart smart-table,
+.smart-gantt-chart smart-table {
+  width: 100%;
+  height: 100%;
+  --smart-table-row-height: var(--smart-gantt-chart-task-default-height);
+  --smart-table-header-footer-height: var(--smart-gantt-chart-filter-row-height);
+}
+
+smart-gantt-chart > .smart-container,
+.smart-gantt-chart.smart-container {
+  overflow: hidden;
+  --smart-scroll-bar-default-height: 100%;
+  --smart-scroll-bar-default-width: 100%;
+  --smart-gantt-chart-task-timeline-content-height: calc(2 * var(--smart-gantt-chart-task-default-height));
+  /* Default task Timeline content height. Needed as a FireFox bug fix*/
+  --smart-gantt-chart-task-splitter-bar-fit-size: var(--smart-gantt-chart-task-timeline-content-height);
+  --smart-gantt-chart-resource-splitter-bar-fit-size: calc(var(--smart-gantt-chart-resource-timeline-content-height) + var(--smart-gantt-chart-task-default-height));
+  --smart-gantt-chart-baseline-size: calc(var(--smart-gantt-chart-task-default-height) / var(--smart-gantt-chart-baseline-proportion));
+}
+smart-gantt-chart > .smart-container:not(.hscroll),
+.smart-gantt-chart.smart-container:not(.hscroll) {
+  margin-bottom: -1px;
+}
+smart-gantt-chart > .smart-container:not(.hscroll)[show-resource-panel],
+.smart-gantt-chart.smart-container:not(.hscroll)[show-resource-panel] {
+  margin-bottom: -4px;
+}
+smart-gantt-chart > .smart-container .smart-splitter > .smart-resize-trigger-container,
+.smart-gantt-chart.smart-container .smart-splitter > .smart-resize-trigger-container {
+  margin-bottom: -2px;
+}
+
+.smart-gantt-chart smart-splitter {
+  --smart-splitter-bar-size: 5px;
+}
+.smart-gantt-chart .smart-task-splitter smart-splitter-item > .smart-container,
+.smart-gantt-chart .smart-task-splitter smart-splitter-item > .smart-container > .smart-content {
+  overflow: hidden;
+}
+.smart-gantt-chart smart-splitter-bar .smart-splitter-resize-button {
+  display: none;
+}
+.smart-gantt-chart smart-scroll-viewer {
+  width: 100%;
+  height: 100%;
+  border: none;
+  padding: initial;
+}
+.smart-gantt-chart .smart-table {
+  --smart-table-cell-padding: var(--smart-gantt-chart-task-bar-fill-padding);
+}
+.smart-gantt-chart .smart-table.smart-task-table {
+  --smart-table-column-header-height: calc(2 * var(--smart-gantt-chart-task-default-height) - calc(var(--smart-border-width) / 2));
+}
+.smart-gantt-chart .smart-table.smart-resource-table {
+  --smart-table-column-header-height: calc(var(--smart-gantt-chart-task-default-height) - calc(var(--smart-border-width) / 2));
+}
+@-moz-document url-prefix() {
+  .smart-gantt-chart .smart-table.smart-task-table {
+    --smart-table-column-header-height: calc(2 * var(--smart-gantt-chart-task-default-height));
+  }
+  .smart-gantt-chart .smart-table.smart-resource-table {
+    --smart-table-column-header-height: var(--smart-gantt-chart-task-default-height);
+  }
+}
+.smart-gantt-chart .smart-table > .smart-container {
+  border: initial;
+}
+.smart-gantt-chart .smart-table[hide-selection-column] tr td {
+  background: inherit;
+}
+.smart-gantt-chart .smart-table[hide-selection-column] tr[aria-selected=true] td {
+  background: initial;
+}
+.smart-gantt-chart .smart-table .smart-table-virtualization-container .smart-scroll-viewer-content-container {
+  display: block;
+}
+.smart-gantt-chart .smart-table td.tree-cell > div .hierarchy-arrow::after {
+  display: initial;
+}
+.smart-gantt-chart .smart-table td div,
+.smart-gantt-chart .smart-table td span {
+  line-height: inherit;
+}
+.smart-gantt-chart .smart-table td.tree-cell > div div:nth-child(2) {
+  line-height: 1rem;
+}
+.smart-gantt-chart .smart-table thead tr th {
+  background-color: var(--smart-surface);
+  color: var(--smart-surface-color);
+  border-bottom: var(--smart-border-width) solid var(--smart-border);
+  font-size: var(--smart-font-size);
+}
+.smart-gantt-chart .smart-table thead tr th.smart-table-select-all.freeze-near {
+  background-color: var(--smart-surface);
+  color: var(--smart-surface-color);
+}
+.smart-gantt-chart .smart-table tbody tr {
+  cursor: pointer;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.smart-gantt-chart .smart-table tbody tr td {
+  line-height: 100%;
+}
+.smart-gantt-chart .smart-table tbody tr[unused] td {
+  border: initial;
+}
+.smart-gantt-chart .smart-table tbody tr[focus] {
+  border-color: var(--smart-ui-state-border-focus);
+  background-color: var(--smart-ui-state-focus);
+  color: var(--smart-ui-state-color-focus);
+}
+.smart-gantt-chart .smart-table tbody tr[hover] {
+  border-color: var(--smart-ui-state-border-hover);
+  background-color: var(--smart-ui-state-hover);
+  color: var(--smart-ui-state-color-hover);
+}
+.smart-gantt-chart .smart-table tbody tr[aria-selected=true] {
+  border-color: var(--smart-ui-state-border-selected);
+  background-color: var(--smart-ui-state-selected);
+  color: var(--smart-ui-state-color-selected);
+}
+.smart-gantt-chart .smart-table td {
+  border-bottom: var(--smart-border-width) solid var(--smart-border);
+  border-top: none;
+}
+.smart-gantt-chart .smart-table td[data-field=overdue]::after {
+  font-family: var(--smart-font-family-icon);
+  font-size: 1.25em;
+  color: var(--smart-gantt-chart-deadline-color);
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  pointer-events: none;
+  padding-left: var(--smart-table-cell-padding);
+  padding-right: var(--smart-table-cell-padding);
+}
+.smart-gantt-chart .smart-table td[data-field=overdue][overdue]::after {
+  content: var(--smart-gantt-chart-deadline-icon);
+}
+.smart-gantt-chart .smart-table[freeze-footer] .smart-table-container:focus td[focus]:after {
+  height: 100%;
+}
+@-moz-document url-prefix() {
+  .smart-gantt-chart .smart-table[freeze-footer] .smart-table-container:focus td[focus]:after {
+    top: 0;
+  }
+}
+.smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] {
+  background: var(--smart-background);
+  color: var(--smart-background-color);
+  cursor: initial;
+}
+.smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] .selection-checkbox {
+  background: var(--smart-background);
+  color: var(--smart-background-color);
+  cursor: initial;
+  border-color: var(--smart-border);
+}
+.smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] .selection-checkbox::before, .smart-gantt-chart[group-by-resources] .smart-table tbody tr[role=group] .selection-checkbox::after {
+  content: initial;
+}
+.smart-gantt-chart > .smart-container, .smart-gantt-chart.smart-container {
+  position: relative;
+}
+.smart-gantt-chart > .smart-container.hscroll > smart-splitter, .smart-gantt-chart.smart-container.hscroll > smart-splitter {
+  height: calc(100% - var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart > .smart-container > .smart-popup-window-modal, .smart-gantt-chart.smart-container > .smart-popup-window-modal {
+  position: absolute;
+  opacity: 0.5;
+  background-color: var(--smart-disabled);
+  top: 0;
+  left: 0;
+  width: 100%;
+  min-height: 100%;
+  z-index: calc(var(--smart-editor-drop-down-z-index) - 1);
+}
+.smart-gantt-chart .smart-splitter > .smart-container > smart-splitter-bar > .smart-container {
+  transform: scaleX(5);
+  transform-origin: left;
+}
+.smart-gantt-chart .smart-splitter:not([dragged]) smart-splitter-bar.smart-element {
+  background-color: var(--smart-border);
+}
+.smart-gantt-chart .smart-splitter[orientation=horizontal] > .smart-container > smart-splitter-bar > .smart-container {
+  transform: scaleY(2.5);
+  transform-origin: center;
+}
+.smart-gantt-chart .smart-timeline {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  text-align: center;
+  overflow: hidden;
+  height: 100%;
+}
+.smart-gantt-chart .smart-timeline[task-bar-hovered] {
+  cursor: e-resize;
+}
+.smart-gantt-chart .smart-timeline[task-bar-hovered] .smart-timeline-task.project .smart-timeline-task-fill,
+.smart-gantt-chart .smart-timeline[task-bar-hovered] .smart-timeline-task.task .smart-timeline-task-fill {
+  cursor: e-resize;
+}
+.smart-gantt-chart[task-filtering][hide-timeline-header-details] .smart-task-splitter .smart-timeline-view-cells .smart-timeline-view-cell {
+  border-top: initial;
+}
+.smart-gantt-chart[task-filtering][hide-timeline-header-details] .smart-task-splitter .smart-timeline-content-container {
+  height: calc(100% - var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-filter-row-height));
+}
+.smart-gantt-chart[task-filtering] .smart-task-splitter .smart-timeline-content-container {
+  height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-filter-row-height));
+}
+.smart-gantt-chart[task-filtering] .smart-task-splitter .smart-timeline-header::before {
+  content: "";
+}
+.smart-gantt-chart[resource-filtering] .smart-resource-splitter {
+  --smart-splitter-bar-fit-size: calc(var(--smart-gantt-chart-resource-splitter-bar-fit-size) + var(--smart-gantt-chart-filter-row-height));
+}
+.smart-gantt-chart[resource-filtering] .smart-resource-splitter .smart-timeline-header::before {
+  content: "";
+}
+.smart-gantt-chart[task-filtering][filter-row] .smart-task-splitter .smart-timeline-header::after {
+  content: "";
+}
+.smart-gantt-chart[task-filtering][filter-row] .smart-task-splitter .smart-timeline-header::before {
+  content: none;
+}
+.smart-gantt-chart .smart-timeline-header {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+}
+.smart-gantt-chart .smart-timeline-header::after, .smart-gantt-chart .smart-timeline-header::before {
+  width: 100%;
+  height: var(--smart-gantt-chart-filter-row-height);
+  display: block;
+  background: var(--smart-surface);
+  border-bottom: var(--smart-border) solid var(--smart-border-width);
+  box-sizing: border-box;
+  position: sticky;
+  left: 0;
+}
+.smart-gantt-chart .smart-timeline-header .smart-timeline-header-content {
+  width: 100%;
+}
+.smart-gantt-chart .smart-timeline-content-container {
+  width: 100%;
+  height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
+  position: relative;
+  overflow: hidden;
+}
+.smart-gantt-chart .smart-timeline-content {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.smart-gantt-chart .smart-timeline-content:empty:after {
+  content: "No Items";
+  height: var(--smart-gantt-chart-task-default-height);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.smart-gantt-chart .smart-timeline-content .smart-timeline-task:not(.milestone)[disable-resize]:after,
+.smart-gantt-chart .smart-timeline-content .smart-timeline-task:not(.milestone)[disable-resize] .smart-task-container:after {
+  content: none;
+}
+.smart-gantt-chart .smart-timeline-container {
+  display: inline-block;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.smart-gantt-chart .smart-timeline-scroll-bar {
+  overflow: visible;
+  position: relative;
+  /*bottom: 0;*/
+  height: calc(var(--smart-scroll-bar-size));
+  width: 100%;
+}
+.smart-gantt-chart .smart-timeline-scroll-bar:after {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: var(--smart-scroll-bar-size);
+  background: var(--smart-scroll-bar-background);
+  left: 100%;
+  top: 0;
+  /*left:0;*/
+}
+.smart-gantt-chart .smart-timeline-scroll-bar.bottom-corner {
+  width: calc(100% - var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart .smart-timeline-scroll-bar.smart-resource-scroll-bar[orientation=vertical] {
+  height: calc(100% - var(--smart-gantt-chart-task-default-height));
+  top: var(--smart-gantt-chart-task-default-height);
+  z-index: 1;
+}
+.smart-gantt-chart .smart-timeline-scroll-bar.smart-resource-scroll-bar[orientation=vertical]:before {
+  top: calc(-1 * var(--smart-gantt-chart-task-default-height));
+  height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical] {
+  position: absolute;
+  right: 0;
+  top: calc(2 * var(--smart-gantt-chart-task-default-height));
+  height: calc(100% - 2 * var(--smart-gantt-chart-task-default-height));
+  width: calc(var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical]:before {
+  position: absolute;
+  width: 100%;
+  background: var(--smart-scroll-bar-background);
+  content: "";
+  left: 0;
+  top: calc(-2 * var(--smart-gantt-chart-task-default-height));
+  height: calc(2 * var(--smart-gantt-chart-task-default-height));
+  border: 1px solid var(--smart-border);
+  border-top: none;
+  box-sizing: border-box;
+}
+.smart-gantt-chart .smart-timeline-scroll-bar[orientation=vertical][disabled]:after {
+  left: 0;
+  height: 100%;
+}
+.smart-gantt-chart[show-baseline] .smart-timeline-task {
+  height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size));
+}
+.smart-gantt-chart[show-baseline] .smart-timeline-task .smart-task-container {
+  padding-bottom: calc(var(--smart-gantt-chart-task-bar-fill-padding) / 2);
+}
+.smart-gantt-chart[show-baseline] .smart-timeline-task.milestone .smart-task-container::after {
+  border-left: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid var(--smart-gantt-chart-milestone-color);
+  border-top: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
+  border-bottom: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
+}
+.smart-gantt-chart[show-baseline] .smart-timeline-task.milestone .smart-task-container::before {
+  left: calc(-1 * (var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2);
+  border-right: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid var(--smart-gantt-chart-milestone-color);
+  border-top: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
+  border-bottom: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2) solid transparent;
+}
+.smart-gantt-chart[show-baseline] .smart-task-connection-point {
+  top: calc((var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)) / 2);
+}
+.smart-gantt-chart[show-baseline] .smart-task-connection-point.end, .smart-gantt-chart[show-baseline] .smart-task-connection-point.start {
+  width: calc(var(--smart-gantt-chart-task-default-height) / 3);
+  height: calc(var(--smart-gantt-chart-task-default-height) / 3);
+}
+.smart-gantt-chart[show-baseline] .smart-task-connection-point.end {
+  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
+}
+.smart-gantt-chart[show-baseline] .smart-task-connection-point.start {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
+}
+.smart-gantt-chart .smart-timeline-task {
+  position: absolute;
+  height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart .smart-timeline-task:empty {
+  height: 0;
+}
+.smart-gantt-chart .smart-timeline-task .smart-timeline-task-progress-thumb:after {
+  content: "";
+  border-right: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid transparent;
+  border-left: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid transparent;
+  border-bottom: var(--smart-gantt-chart-timeline-task-progress-thumb-size) solid var(--smart-gantt-chart-task-thumb-color);
+  box-shadow: 0 1px 0 0 var(--smart-gantt-chart-task-thumb-color);
+  position: absolute;
+  bottom: calc(-1 * var(--smart-gantt-chart-task-bar-fill-padding) / 2);
+  left: calc(-1 * var(--smart-gantt-chart-timeline-task-progress-thumb-size));
+  z-index: 1;
+}
+.smart-gantt-chart .smart-timeline-task.task .smart-timeline-task-label {
+  color: var(--smart-gantt-chart-task-label-color);
+}
+.smart-gantt-chart .smart-timeline-task.task[selected] .smart-timeline-task-label {
+  color: var(--smart-gantt-chart-task-label-color-selected);
+}
+.smart-gantt-chart .smart-timeline-task.project .smart-timeline-task-label {
+  color: var(--smart-gantt-chart-project-label-color);
+}
+.smart-gantt-chart .smart-timeline-task.project[selected] .smart-timeline-task-label {
+  color: var(--smart-gantt-chart-project-label-color-selected);
+}
+.smart-gantt-chart .smart-timeline-task.project .smart-task-segments::before {
+  content: initial;
+}
+.smart-gantt-chart .smart-timeline-task:not(.milestone) {
+  min-width: var(--smart-gantt-chart-timeline-task-min-width);
+}
+.smart-gantt-chart .smart-timeline-task:not(.milestone):after {
+  content: "";
+  width: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
+  height: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
+  position: absolute;
+  top: calc(50% - var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
+  left: calc(100% - var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
+  background-color: var(--smart-gantt-chart-timeline-task-resize-indicator-color);
+  box-shadow: 0 0 0 1px var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);
+  transform: scale(0);
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-timeline-task:not(.milestone) .smart-task-container:after {
+  content: "";
+  width: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
+  height: var(--smart-gantt-chart-timeline-task-resize-indicator-width);
+  position: absolute;
+  top: calc(50% - var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
+  left: calc(-1 * var(--smart-gantt-chart-timeline-task-resize-indicator-width) / 2);
+  background-color: var(--smart-gantt-chart-timeline-task-resize-indicator-color);
+  box-shadow: 0 0 0 1px var(--smart-gantt-chart-timeline-task-resize-indicator-border-color);
+  transform: scale(0);
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-timeline-task[selected]:not([resource-group]) .smart-timeline-task-progress-thumb {
+  transform: scale(1);
+}
+.smart-gantt-chart .smart-timeline-task[selected]:not([disable-resize]):after {
+  transform: scale(1);
+}
+.smart-gantt-chart .smart-timeline-task[selected]:not([disable-resize]) .smart-task-container::after {
+  transform: scale(1);
+}
+.smart-gantt-chart .smart-timeline-task[selected]:not(.milestone) .smart-timeline-task-fill {
+  box-shadow: var(--smart-elevation-2);
+}
+.smart-gantt-chart .smart-timeline-task[connection-point=end] .smart-task-connection-feedback {
+  left: 100%;
+}
+.smart-gantt-chart .smart-timeline-task[disable-drag] {
+  cursor: pointer;
+}
+.smart-gantt-chart .smart-timeline-task[resource-group] {
+  cursor: initial;
+}
+.smart-gantt-chart .smart-timeline-task .smart-task-segments,
+.smart-gantt-chart .smart-timeline-task .smart-task-segment {
+  width: 100%;
+  height: 100%;
+}
+.smart-gantt-chart .smart-timeline-task .smart-task-segments {
+  position: relative;
+}
+.smart-gantt-chart .smart-timeline-task .smart-task-segments::before {
+  pointer-events: none;
+  content: "";
+  width: 100%;
+  border-bottom: var(--smart-gantt-chart-segment-link-size) dashed var(--smart-gantt-chart-segment-link-color);
+  box-sizing: border-box;
+  position: absolute;
+  top: calc(50% - var(--smart-gantt-chart-segment-link-size) / 2);
+  left: 0;
+}
+.smart-gantt-chart .smart-timeline-task .smart-task-segment {
+  position: absolute;
+  min-width: var(--smart-gantt-chart-timeline-task-min-width);
+}
+.smart-gantt-chart .smart-timeline-task .smart-task-segment[deadline]::after {
+  content: attr(deadline);
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 100%;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  margin-inline-start: 10px;
+  font-size: 0.8em;
+  font-weight: 600;
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-timeline-task-progress {
+  width: 100%;
+  height: 100%;
+  transform-origin: left;
+  position: relative;
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-timeline-task-progress-thumb {
+  position: absolute;
+  right: 0;
+  cursor: e-resize;
+  transform: scale(0);
+  transform-origin: left bottom;
+}
+.smart-gantt-chart .smart-timeline-task-fill {
+  width: 100%;
+  height: 100%;
+  border-radius: var(--smart-gantt-chart-task-fill-border-radius);
+  overflow: hidden;
+}
+.smart-gantt-chart .smart-timeline-task-label {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--smart-gantt-chart-task-label-padding);
+  font-size: inherit;
+  font-family: inherit;
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.smart-gantt-chart .smart-timeline-task-label > div {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.smart-gantt-chart .smart-timeline-task-cells {
+  position: relative;
+}
+.smart-gantt-chart .smart-timeline-view-details {
+  display: flex;
+  width: 100%;
+  height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart .smart-timeline-view-details:empty {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  background-color: var(--smart-surface);
+  color: var(--smart-surface-color);
+  border-bottom: var(--smart-border-width) solid var(--smart-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.smart-gantt-chart .smart-timeline-view-details:empty:after {
+  content: var(--smart-gantt-chart-header-placeholder);
+}
+.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell {
+  min-width: initial;
+  border-top: none;
+}
+.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell.middle {
+  border-top: 1px solid var(--smart-border);
+  border-bottom-color: var(--smart-border);
+}
+.smart-gantt-chart .smart-timeline-view-details .smart-timeline-view-cell:not(:first-of-type) {
+  border-left-color: transparent;
+}
+.smart-gantt-chart .smart-timeline-view-cells {
+  display: flex;
+  width: 100%;
+  height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart .smart-timeline-view-cells:empty {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  background-color: var(--smart-surface);
+  color: var(--smart-surface-color);
+  border-bottom: var(--smart-border-width) solid var(--smart-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.smart-gantt-chart .smart-timeline-view-cells:empty:after {
+  content: var(--smart-gantt-chart-header-placeholder);
+}
+.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell:last-of-type:after {
+  border-right-color: transparent;
+}
+.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell:not(:first-of-type) {
+  border-left-color: transparent;
+}
+.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell[weekend] {
+  background: var(--smart-gantt-chart-timeline-weekend-color);
+}
+.smart-gantt-chart .smart-timeline-view-cells .smart-timeline-view-cell[nonworking] {
+  background: var(--smart-gantt-chart-timeline-nonworking-color);
+}
+.smart-gantt-chart .smart-timeline-view-cells div {
+  border-bottom-color: var(--smart-border);
+}
+.smart-gantt-chart .smart-timeline-view-cell {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--smart-surface);
+  color: var(--smart-surface-color);
+  border-top: var(--smart-border-width) solid var(--smart-border);
+  border-bottom: var(--smart-border-width) solid var(--smart-border);
+  border-left: var(--smart-border-width) solid var(--smart-border);
+  border-right: var(--smart-border-width) solid var(--smart-border);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: var(--smart-gantt-chart-task-bar-fill-padding);
+  height: 100%;
+  border-bottom-color: transparent;
+  height: var(--smart-gantt-chart-task-default-height);
+  min-width: var(--smart-gantt-chart-timeline-cell-min-size);
+  width: var(--smart-gantt-chart-timeline-cell-size);
+}
+.smart-gantt-chart .smart-timeline-view-cell:first-of-type {
+  border-left: none;
+}
+.smart-gantt-chart .smart-timeline-view-cell:last-of-type {
+  border-right: none;
+}
+.smart-gantt-chart .smart-timeline-view-cell > div {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-timeline-cells-container {
+  width: 100%;
+}
+.smart-gantt-chart .smart-timeline-markers-container:empty,
+.smart-gantt-chart .smart-timeline-deadlines-container:empty,
+.smart-gantt-chart .smart-timeline-indicators-container:empty {
+  display: none;
+}
+.smart-gantt-chart .smart-gantt-chart-date-marker {
+  height: 100%;
+  top: 0;
+  position: absolute;
+  border-left: var(--smart-gantt-chart-date-marker-width) dashed var(--smart-gantt-chart-date-marker-color);
+  width: 0;
+  pointer-events: none;
+  background: var(--smart-gantt-chart-date-marker-background);
+  color: var(--smart-gantt-chart-date-marker-color);
+}
+.smart-gantt-chart .smart-gantt-chart-date-marker .smart-gantt-chart-marker-label {
+  position: sticky;
+  background: inherit;
+  top: var(--smart-gantt-chart-date-marker-v-offset);
+  height: var(--smart-gantt-chart-date-marker-height);
+  background: inherit;
+  color: inherit;
+  box-sizing: border-box;
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--smart-gantt-chart-task-fill-border-radius);
+  padding: 5px;
+  margin-inline-start: var(--smart-gantt-chart-date-marker-h-offset);
+}
+.smart-gantt-chart .smart-gantt-chart-date-marker .smart-gantt-chart-marker-label::before {
+  content: "";
+  position: absolute;
+  border-top: calc(var(--smart-gantt-chart-date-marker-height) / 2) solid transparent;
+  border-bottom: calc(var(--smart-gantt-chart-date-marker-height) / 2) solid transparent;
+  border-right: calc(var(--smart-gantt-chart-date-marker-height) / 2) solid var(--smart-gantt-chart-date-marker-background);
+  box-sizing: inherit;
+  right: 100%;
+}
+.smart-gantt-chart .smart-gantt-chart-task-indicator {
+  position: absolute;
+  height: var(--smart-gantt-chart-task-default-height);
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+.smart-gantt-chart .smart-gantt-chart-task-indicator.icon::before {
+  content: var(--smart-gantt-chart-indicator-icon);
+  font-family: var(--smart-font-family-icon);
+  font-size: var(--smart-font-size);
+  margin-inline-end: 2.5px;
+}
+.smart-gantt-chart .smart-gantt-chart-task-deadline {
+  position: absolute;
+  height: var(--smart-gantt-chart-task-default-height);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1px;
+}
+.smart-gantt-chart .smart-gantt-chart-task-deadline::before {
+  content: var(--smart-gantt-chart-deadline-icon);
+  font-family: var(--smart-font-family-icon);
+  font-size: 1.25em;
+  color: var(--smart-gantt-chart-deadline-color);
+}
+.smart-gantt-chart .smart-gantt-chart-task-baseline {
+  position: absolute;
+  background: var(--smart-gantt-chart-baseline-background);
+  background-clip: content-box;
+  border-top: calc(var(--smart-gantt-chart-task-bar-fill-padding) / 2) solid transparent;
+  border-bottom: var(--smart-gantt-chart-task-bar-fill-padding) solid transparent;
+  height: var(--smart-gantt-chart-baseline-size);
+  max-height: var(--smart-gantt-chart-task-default-height);
+  transform: translateY(calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-baseline-size)));
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-gantt-chart-time-indicators-container {
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-gantt-chart-time-indicators-container .smart-gantt-chart-current-time-indicator {
+  position: absolute;
+  height: 100%;
+  width: var(--smart-gantt-chart-current-time-indicator-size);
+  background: var(--smart-gantt-chart-current-time-indicator-background);
+}
+.smart-gantt-chart .smart-gantt-chart-time-indicators-container .smart-gantt-chart-current-time-indicator:before {
+  position: absolute;
+  left: calc(-1 * var(--smart-gantt-chart-current-time-indicator-arrow-size) + var(--smart-gantt-chart-current-time-indicator-size) / 2);
+  border-right: var(--smart-gantt-chart-current-time-indicator-arrow-size) solid transparent;
+  border-left: var(--smart-gantt-chart-current-time-indicator-arrow-size) solid transparent;
+  border-top: var(--smart-gantt-chart-current-time-indicator-arrow-size) solid var(--smart-gantt-chart-current-time-indicator-background);
+}
+.smart-gantt-chart .smart-gantt-chart-time-indicators-container .smart-gantt-chart-current-time-shader {
+  position: absolute;
+  height: 100%;
+  background: var(--smart-gantt-chart-shader-background);
+}
+.smart-gantt-chart[current-time-indicator] .smart-gantt-chart-current-time-indicator::before {
+  content: "";
+}
+.smart-gantt-chart[current-time-indicator] .smart-timeline-view-cell[current] {
+  border-bottom: var(--smart-gantt-chart-current-time-indicator-header-size) solid var(--smart-gantt-chart-current-time-indicator-background);
+}
+.smart-gantt-chart .smart-timeline-row {
+  display: flex;
+  border-width: var(--smart-border-width);
+  border-style: solid;
+  border-top: initial;
+  border-bottom-color: var(--smart-border);
+  background: var(--smart-gantt-chart-timeline-task-background-color);
+  border-left: none;
+  border-right: none;
+  position: absolute;
+  left: 0;
+  width: inherit;
+  height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart .smart-timeline-row:first-of-type {
+  border-left-color: var(--smart-border);
+}
+.smart-gantt-chart .smart-timeline-row:last-of-type {
+  border-right-color: var(--smart-border);
+}
+.smart-gantt-chart .smart-timeline-row[hover] {
+  background: var(--smart-ui-state-hover);
+}
+.smart-gantt-chart .smart-timeline-row[selected] {
+  background: var(--smart-ui-state-selected);
+}
+.smart-gantt-chart .smart-timeline-row .smart-timeline-cell {
+  position: absolute;
+  padding: var(--smart-gantt-chart-task-bar-fill-padding);
+  height: 100%;
+  min-width: var(--smart-gantt-chart-timeline-cell-min-size);
+  width: var(--smart-gantt-chart-timeline-cell-size);
+}
+.smart-gantt-chart .smart-timeline-row .smart-timeline-cell:not(:last-of-type) {
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-gantt-chart .smart-timeline-row:not([hover]):not([selected]) .smart-timeline-cell[weekend] {
+  background: var(--smart-gantt-chart-timeline-weekend-color);
+}
+.smart-gantt-chart .smart-timeline-row:not([hover]):not([selected]) .smart-timeline-cell[nonworking] {
+  background: var(--smart-gantt-chart-timeline-nonworking-color);
+}
+.smart-gantt-chart .smart-resource-splitter {
+  --smart-splitter-bar-fit-size: var(--smart-gantt-chart-resource-splitter-bar-fit-size);
+}
+.smart-gantt-chart .smart-resource-splitter .smart-timeline-content {
+  overflow: hidden;
+  position: relative;
+}
+.smart-gantt-chart .smart-resource-splitter .smart-timeline-view-cells .smart-timeline-view-cell {
+  border-top: none;
+}
+.smart-gantt-chart .smart-resource-splitter .smart-timeline-content {
+  height: calc(100% - var(--smart-gantt-chart-task-default-height));
+}
+.smart-gantt-chart .smart-resource-splitter .smart-timeline-row .smart-timeline-cell {
+  padding: initial;
+}
+.smart-gantt-chart .smart-resource-splitter-item > .smart-container > .smart-content {
+  overflow: hidden;
+}
+.smart-gantt-chart .smart-resource-splitter-item .smart-timeline-view-cells .smart-timeline-view-cell:after {
+  height: var(--smart-gantt-chart-resource-timeline-content-height);
+}
+.smart-gantt-chart .smart-resource-splitter-item[show-header] .smart-resource-splitter {
+  height: calc(100% - var(--smart-gantt-chart-header-height));
+}
+.smart-gantt-chart .smart-resource-splitter-item .smart-timeline-cell:first-of-type .smart-resource-timeline-view-cell {
+  width: 100%;
+  left: 0;
+}
+.smart-gantt-chart .smart-resource-panel-header {
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  height: var(--smart-gantt-chart-header-height);
+  background: var(--smart-surface);
+  border-bottom: var(--smart-border) solid var(--smart-border-width);
+}
+.smart-gantt-chart .smart-resource-panel-header:empty {
+  display: none;
+}
+.smart-gantt-chart .smart-resource-timeline-view-cell {
+  position: absolute;
+  background: var(--smart-gantt-chart-timeline-task-background-color);
+  bottom: 0;
+  border: none;
+  width: calc(100% + var(--smart-border-width));
+  left: calc(-1 * var(--smart-border-width));
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.smart-gantt-chart .smart-resource-timeline-view-cell:after {
+  content: "";
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  font-size: var(--smart-font-size);
+  font-family: var(--smart-font-family-icon);
+  box-sizing: border-box;
+}
+.smart-gantt-chart .smart-resource-timeline-view-cell[load]:after {
+  content: attr(load);
+  transform: scale(1) rotate(0deg);
+}
+.smart-gantt-chart .smart-resource-timeline-view-cell.warning[load]:after {
+  background: var(--smart-error);
+  color: var(--smart-error-color);
+  border-radius: 5px;
+}
+.smart-gantt-chart .smart-task-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding-top: var(--smart-gantt-chart-task-bar-fill-padding);
+  padding-bottom: var(--smart-gantt-chart-task-bar-fill-padding);
+}
+.smart-gantt-chart .smart-task-panel-header {
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  height: var(--smart-gantt-chart-header-height);
+  background: var(--smart-surface);
+}
+.smart-gantt-chart .smart-task-panel-header:empty {
+  display: none;
+}
+.smart-gantt-chart .smart-task-splitter {
+  --smart-splitter-bar-fit-size: var(--smart-gantt-chart-task-splitter-bar-fit-size);
+}
+.smart-gantt-chart .smart-task-splitter > .smart-resize-trigger-container {
+  margin-bottom: -2px;
+}
+.smart-gantt-chart .smart-task-splitter-item > .smart-container > .smart-content {
+  overflow: hidden;
+}
+.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-task-panel-header {
+  border-bottom: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-task-splitter {
+  height: calc(100% - var(--smart-gantt-chart-header-height));
+}
+.smart-gantt-chart .smart-task-splitter-item[show-header] .smart-timeline-view-details .smart-timeline-view-cell {
+  border-top: initial;
+}
+.smart-gantt-chart .smart-task-connection {
+  cursor: pointer;
+  position: absolute;
+  border: var(--smart-gantt-chart-timeline-task-connection-width) var(--smart-gantt-chart-timeline-task-connection-style) var(--smart-gantt-chart-timeline-task-connection-color);
+  top: 50%;
+}
+.smart-gantt-chart .smart-task-connection:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  border: inherit;
+  position: absolute;
+  border-color: transparent;
+  border-width: 10px;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.smart-gantt-chart .smart-task-connection[arrow-direction]:before {
+  content: "";
+  position: absolute;
+  left: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
+  top: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width));
+  border-top: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
+  border-bottom: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
+  border-left: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
+}
+.smart-gantt-chart .smart-task-connection[arrow-direction=left]:before {
+  left: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width) / 2 + 1px);
+  border-right: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
+  border-left: none;
+}
+.smart-gantt-chart .smart-task-connection[hover] {
+  border-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
+  box-shadow: 0 0 2.5px 0 var(--smart-gantt-chart-timeline-task-connection-color);
+}
+.smart-gantt-chart .smart-task-connection[hover]:before {
+  border-left-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
+  border-right-color: var(--smart-gantt-chart-timeline-task-connection-color-hover);
+}
+.smart-gantt-chart .smart-task-connection-point {
+  cursor: pointer;
+  position: absolute;
+  border: 1px solid #A9A9A9;
+  border-radius: 50%;
+  width: calc(var(--smart-gantt-chart-task-default-height) / 2);
+  height: calc(var(--smart-gantt-chart-task-default-height) / 2);
+  top: calc(var(--smart-gantt-chart-task-default-height) / 2);
+  transform: scale(0);
+  background-color: #DEDEDE;
+}
+.smart-gantt-chart .smart-task-connection-point.start {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
+}
+.smart-gantt-chart .smart-task-connection-point.end {
+  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
+}
+.smart-gantt-chart .smart-task-connection-feedback {
+  position: absolute;
+  top: 50%;
+  transform-origin: left;
+  border: var(--smart-gantt-chart-timeline-task-connection-feedback-width) var(--smart-gantt-chart-timeline-task-connection-feedback-style) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
+  z-index: 1;
+  pointer-events: none;
+}
+.smart-gantt-chart .smart-task-connection-feedback:before {
+  content: "";
+  position: absolute;
+  left: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
+  top: calc(-1 * var(--smart-gantt-chart-timeline-task-connection-arrow-width));
+  border-top: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
+  border-bottom: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) transparent;
+  border-left: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
+}
+.smart-gantt-chart .smart-task-bar-limiter {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 1px;
+}
+.smart-gantt-chart .smart-task-bar-limiter.min {
+  border: var(--smart-border-width) dashed lightgreen;
+}
+.smart-gantt-chart .smart-task-bar-limiter.max {
+  border: var(--smart-border-width) dashed red;
+}
+.smart-gantt-chart .smart-task-bar-limiter.min-date, .smart-gantt-chart .smart-task-bar-limiter.max-date {
+  background-image: linear-gradient(135deg, rgba(255, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, 0.2) 50%, rgba(255, 0, 0, 0.2) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem;
+  border: 1px solid white;
+}
+.smart-gantt-chart .smart-task-bar-limiter.max-date {
+  right: 0;
+}
+.smart-gantt-chart .milestone {
+  height: var(--smart-gantt-chart-task-default-height);
+  padding: initial;
+}
+.smart-gantt-chart .milestone .smart-task-container {
+  padding: 0;
+}
+.smart-gantt-chart .milestone .smart-task-container:before, .smart-gantt-chart .milestone .smart-task-container:after {
+  content: "";
+  position: absolute;
+  box-sizing: border-box;
+  top: 0;
+}
+.smart-gantt-chart .milestone .smart-task-container:before {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
+  border-right: calc(var(--smart-gantt-chart-task-default-height) / 2) solid var(--smart-gantt-chart-milestone-color);
+  border-top: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
+  border-bottom: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
+}
+.smart-gantt-chart .milestone .smart-task-container:after {
+  border-left: calc(var(--smart-gantt-chart-task-default-height) / 2) solid var(--smart-gantt-chart-milestone-color);
+  border-top: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
+  border-bottom: calc(var(--smart-gantt-chart-task-default-height) / 2) solid transparent;
+}
+.smart-gantt-chart .milestone .smart-task-connection-point.start {
+  transform: translateX(calc(-1 * var(--smart-gantt-chart-task-default-height) / 2)) scale(0);
+}
+.smart-gantt-chart .milestone .smart-task-connection-point.end {
+  transform: translateX(calc(var(--smart-gantt-chart-task-default-height) / 2)) scale(0);
+}
+.smart-gantt-chart .milestone .smart-task-connection-feedback {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
+}
+.smart-gantt-chart .milestone[connection-point=end] .smart-task-connection-feedback {
+  left: calc(100% + var(--smart-gantt-chart-task-default-height) / 2);
+}
+.smart-gantt-chart .milestone .smart-task-segment {
+  min-width: initial;
+}
+.smart-gantt-chart .project .smart-timeline-task-fill {
+  background: var(--smart-gantt-chart-project-color);
+}
+.smart-gantt-chart .project .smart-timeline-task-progress {
+  background: var(--smart-gantt-chart-project-progress-color);
+}
+.smart-gantt-chart .task .smart-timeline-task-fill {
+  background: var(--smart-gantt-chart-task-color);
+}
+.smart-gantt-chart .task .smart-timeline-task-progress {
+  background: var(--smart-gantt-chart-task-progress-color);
+}
+.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task.milestone .smart-task-container::after,
+.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task.milestone .smart-task-container::before,
+.smart-gantt-chart:not([disable-task-drag]) .smart-timeline-task:not([disable-drag]) .smart-task-segment:not([disable-drag]) {
+  cursor: move;
+}
+.smart-gantt-chart:not([dragged]):not([resized]) .smart-timeline-task[selected]:not([resource-group]) .smart-task-connection-point,
+.smart-gantt-chart:not([dragged]):not([resized]) .smart-timeline-task[hover]:not([resource-group]) .smart-task-connection-point {
+  transform: translateY(-50%) scale(1);
+}
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[selected] .smart-task-connection-point.start,
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[hover] .smart-task-connection-point.start {
+  transform: translate(calc(-1 * var(--smart-gantt-chart-task-default-height) / 4), -50%) scale(1);
+}
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[selected] .smart-task-connection-point.end,
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left])[show-baseline] .smart-timeline-task.milestone[hover] .smart-task-connection-point.end {
+  transform: translate(calc(1 * var(--smart-gantt-chart-task-default-height) / 4), -50%) scale(1);
+}
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[selected] .smart-task-connection-point.start,
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[hover] .smart-task-connection-point.start {
+  transform: translate(calc(-1 * var(--smart-gantt-chart-task-default-height) / 2), -50%) scale(1);
+}
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[selected] .smart-task-connection-point.end,
+.smart-gantt-chart:not([dragged]):not([resized]):not([right-to-left]) .smart-timeline-task.milestone[hover] .smart-task-connection-point.end {
+  transform: translate(calc(1 * var(--smart-gantt-chart-task-default-height) / 2), -50%) scale(1);
+}
+.smart-gantt-chart:not([disable-task-progress-change]) .smart-timeline-task .smart-timeline-task-progress-thumb:after {
+  cursor: pointer;
+}
+.smart-gantt-chart:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical]::before {
+  border-right: none;
+}
+.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-resource-timeline-view-cell:not([load])::after {
+  transform: scale(0) rotate(360deg);
+}
+.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-resource-timeline-view-cell::after {
+  height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-task-bar-fill-padding));
+  width: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-gantt-chart-task-bar-fill-padding));
+  border-radius: 50%;
+  background: var(--smart-success);
+  color: var(--smart-success-color);
+  line-height: 100%;
+}
+.smart-gantt-chart:not([resource-timeline-mode=histogram]) .smart-timeline-row:first-of-type .smart-resource-timeline-view-cell {
+  border-top: none;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell {
+  /*border-color: var(--smart-primary);*/
+  border: var(--smart-border-width) solid var(--smart-primary);
+  border-bottom: none;
+  height: 0;
+  padding: 0;
+  background: rgba(var(--smart-primary-rgb), 0.15);
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell:after {
+  width: 100%;
+  height: calc(var(--smart-gantt-chart-task-default-height) - 2px);
+  bottom: 0;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell:not([load]):after {
+  content: "-";
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border:before, .smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border:before {
+  width: 100%;
+  content: "";
+  position: absolute;
+  height: 100%;
+  bottom: 0;
+  z-index: 1;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border.warning:before, .smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border.warning:before {
+  z-index: initial;
+  left: initial;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border {
+  border-right: none;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-right-border:before {
+  border-right: 1px solid var(--smart-border);
+  left: 0;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border {
+  border-left: none;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.hide-left-border:before {
+  border-left: 1px solid var(--smart-border);
+  left: -1px;
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell[load] {
+  border-bottom: none;
+  /*border-left: none;
+      border-right: none;*/
+  border-top: var(--smart-border-width) solid var(--smart-primary);
+}
+.smart-gantt-chart[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell.warning[load]::after {
+  border-radius: initial;
+}
+.smart-gantt-chart:not([animation=none]) .smart-resource-timeline-view-cell[load]:after {
+  transition: transform 0.2s cubic-bezier(0.4, 0, 0.6, 1), border-radius 0.2s cubic-bezier(0.4, 0, 0.6, 1);
+}
+.smart-gantt-chart:not([animation=none])[resource-timeline-mode=histogram] .smart-resource-timeline-view-cell {
+  transition: height 0.2s cubic-bezier(0.4, 0, 0.6, 1);
+}
+.smart-gantt-chart:not([animation=none])[show-progress-label] .smart-timeline-task-progress::after {
+  transition: color 0.2s ease-in-out;
+}
+.smart-gantt-chart > .smart-container.vscroll .smart-timeline, .smart-gantt-chart.smart-container.vscroll .smart-timeline {
+  width: calc(100% - var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart[inverted] .smart-timeline-scroll-bar[orientation=vertical] {
+  right: initial;
+}
+.smart-gantt-chart[inverted] .smart-timeline-scroll-bar[orientation=vertical]:before {
+  border-left: none;
+}
+.smart-gantt-chart[inverted] > .smart-container.vscroll .smart-timeline, .smart-gantt-chart[inverted].smart-container.vscroll .smart-timeline {
+  margin-left: var(--smart-scroll-bar-size);
+}
+.smart-gantt-chart[inverted] > .smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]), .smart-gantt-chart[inverted].smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
+  left: calc(var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart[inverted] .smart-timeline-scroll-bar:after {
+  width: calc(var(--smart-scroll-bar-size));
+  left: calc(-1 * var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart[hide-timeline-header-details] > .smart-container, .smart-gantt-chart[hide-timeline-header-details].smart-container {
+  --smart-gantt-chart-task-timeline-content-height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-view-details {
+  display: none;
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-task-splitter-item[show-header] .smart-timeline-view-cell {
+  border-top: none;
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-view-cells {
+  height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-view-cells .smart-timeline-view-cell {
+  border-top: initial;
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-table {
+  --smart-table-column-header-height: calc(var(--smart-gantt-chart-task-default-height) - var(--smart-border-width));
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-content-container {
+  height: calc(100% - var(--smart-gantt-chart-task-default-height));
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-scroll-bar[orientation=vertical] {
+  top: var(--smart-gantt-chart-task-default-height);
+  height: calc(100% - var(--smart-gantt-chart-task-default-height));
+}
+.smart-gantt-chart[hide-timeline-header-details] .smart-timeline-scroll-bar[orientation=vertical]:before {
+  top: calc(-1 * var(--smart-gantt-chart-task-default-height));
+  height: var(--smart-gantt-chart-task-default-height);
+}
+.smart-gantt-chart[show-progress-label] .smart-timeline-task-progress[value]:after {
+  display: flex;
+  height: 100%;
+  content: attr(value);
+  align-items: center;
+  padding: var(--smart-gantt-chart-progress-label-padding);
+  color: var(--smart-gantt-chart-task-label-color);
+  font-weight: var(--smart-font-weight);
+  font-size: var(--smart-font-size);
+}
+.smart-gantt-chart[show-progress-label] .task .smart-task-segment[show-progress-label] .smart-timeline-task-label,
+.smart-gantt-chart[show-progress-label] .project .smart-task-segment[show-progress-label] .smart-timeline-task-label {
+  padding-left: var(--smart-gantt-chart-progress-label-width);
+}
+.smart-gantt-chart[show-progress-label] [selected] .smart-timeline-task-progress::after {
+  color: var(--smart-gantt-chart-task-label-color-selected);
+}
+.smart-gantt-chart[show-progress-label] .project .smart-timeline-task-progress::after {
+  color: var(--smart-gantt-chart-project-label-color);
+}
+.smart-gantt-chart[show-progress-label] .project[selected] .smart-timeline-task-progress::after {
+  color: var(--smart-gantt-chart-project-label-color-selected);
+}
+.smart-gantt-chart[connecting-task] .smart-task-connection {
+  pointer-events: none;
+}
+.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline-task.milestone[connected] .smart-task-container::after,
+.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline-task.milestone[connected] .smart-task-container::before,
+.smart-gantt-chart[auto-schedule][auto-schedule-strict-mode] .smart-timeline:not([task-bar-hovered]) .smart-timeline-task[connected] .smart-timeline-task-fill {
+  cursor: initial;
+}
+.smart-gantt-chart[dragged], .smart-gantt-chart[resized] {
+  touch-action: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.smart-gantt-chart[modal] {
+  pointer-events: none;
+}
+
+/* Popup Windows */
+.smart-window.smart-gantt-chart-popup-window {
+  --smart-window-header-height: var(--smart-gantt-chart-popup-window-header-height);
+  --smart-window-footer-height: var(--smart-gantt-chart-popup-window-footer-height);
+  --smart-window-header-footer-padding: 10px;
+  --smart-window-default-height: auto;
+  --smart-window-header-background: transparent;
+  --smart-window-content-padding: 10px;
+  min-height: 50px;
+  max-width: 97vw;
+  max-height: 97vh;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-content-container > .smart-content {
+  align-items: initial;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-content-container > .smart-footer smart-button {
+  width: 100%;
+  height: 100%;
+  --smart-button-padding: 0.2rem;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.ok {
+  grid-area: buttonOk;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.cancel {
+  grid-area: buttonCancel;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.cancel .smart-icon::after {
+  content: var(--smart-icon-cancel);
+}
+.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.delete {
+  grid-area: buttonDelete;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-popup-window-button.delete .smart-icon::after {
+  content: var(--smart-icon-delete);
+}
+.smart-window.smart-gantt-chart-popup-window .smart-tabs {
+  min-height: initial;
+  height: 100%;
+  width: 100%;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tabs-header-section,
+.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tabs-content-section {
+  border: initial;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tabs-header-section {
+  background: inherit;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-tabs .smart-tab-item > .smart-container {
+  padding: 10px;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor {
+  display: grid;
+  grid-column-gap: 10px;
+  grid-row-gap: 10px;
+  flex: calc(50% - 10px);
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-gantt-chart-label-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-popup-window-editor-toggle {
+  text-align: center;
+  display: inline-flex;
+  vertical-align: middle;
+  cursor: pointer;
+  letter-spacing: 0.08929em;
+  overflow: hidden;
+  border-color: var(--smart-border);
+  border-top-left-radius: var(--smart-border-top-left-radius);
+  border-top-right-radius: var(--smart-border-top-right-radius);
+  border-bottom-left-radius: var(--smart-border-bottom-left-radius);
+  border-bottom-right-radius: var(--smart-border-bottom-right-radius);
+  border-width: var(--smart-border-width);
+  border-style: solid;
+  font-weight: 500;
+  padding: 5px 20px;
+  -webkit-font-smoothing: antialiased;
+  opacity: var(--smart-button-opacity);
+  white-space: nowrap;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-popup-window-editor-toggle:hover {
+  color: var(--smart-ui-state-color-hover);
+  border-color: var(--smart-ui-state-border-hover);
+  background-color: var(--smart-ui-state-hover);
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-popup-window-editor-toggle:active {
+  color: var(--smart-ui-state-color-active);
+  border-color: var(--smart-ui-state-border-active);
+  background-color: var(--smart-ui-state-active);
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-drop-down-list,
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor .smart-date-time-picker {
+  width: 100%;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor > b {
+  text-align: center;
+}
+.smart-window.smart-gantt-chart-popup-window .smart-gantt-chart-popup-window-editor input {
+  height: var(--smart-editor-height);
+}
+
+.smart-window.smart-task-popup-window {
+  --smart-window-default-width: var(--smart-gantt-chart-task-popup-window-default-width);
+}
+.smart-window.smart-task-popup-window .smart-content-container > .smart-footer {
+  display: grid;
+  grid-template-columns: 23% 23% 23% 23%;
+  grid-column-gap: 2%;
+  grid-template-areas: "buttonOk buttonCancel . buttonDelete";
+}
+.smart-window.smart-task-popup-window .smart-content-container > .smart-footer .smart-icon {
+  position: relative;
+  height: 100%;
+  font-family: var(--smart-font-family-icon);
+  font-size: 18px;
+  margin-right: 2.5px;
+}
+.smart-window.smart-task-popup-window .smart-popup-window-button.ok .smart-icon::after {
+  content: var(--smart-icon-check);
+}
+.smart-window.smart-task-popup-window .smart-tab-item[value=general] > .smart-container {
+  display: flex;
+  grid-row-gap: 10px;
+  grid-column-gap: 10px;
+  flex-wrap: wrap;
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-table {
+  --smart-table-column-header-height: 40px;
+  --smart-table-row-height: 35px;
+  width: 100%;
+  height: 100%;
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-table th {
+  font-weight: 600;
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons {
+  display: grid;
+  justify-content: flex-end;
+  grid-template-columns: repeat(2, auto);
+  grid-column-gap: 5px;
+  margin-bottom: 5px;
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button {
+  --smart-button-padding: 8px 16px 8px 8px;
+  border: initial;
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button button::before {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  font-family: var(--smart-font-family-icon);
+  font-size: var(--smart-font-size);
+  padding-right: 5px;
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button[action=add] button::before {
+  content: var(--smart-icon-plus);
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-table-buttons smart-button[action=delete] button::before {
+  content: var(--smart-icon-delete);
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-validation-message {
+  color: var(--smart-error);
+  font-style: italic;
+  margin-top: 5px;
+  display: inline-flex;
+  white-space: pre-wrap;
+}
+.smart-window.smart-task-popup-window .smart-tab-item .smart-gantt-window-validation-message:empty {
+  display: none;
+}
+
+.smart-confirm-popup-window {
+  --smart-window-default-width: var(--smart-gantt-chart-confirm-popup-window-default-width);
+}
+
+.smart-connection-popup-window {
+  --smart-window-default-width: var(--smart-gantt-chart-connection-popup-window-default-width);
+}
+
+.smart-confirm-popup-window .smart-content-container > .smart-content,
+.smart-connection-popup-window .smart-content-container > .smart-content {
+  justify-content: center;
+}
+.smart-confirm-popup-window .smart-content-container > .smart-footer,
+.smart-connection-popup-window .smart-content-container > .smart-footer {
+  display: grid;
+  grid-template-columns: 49% 49%;
+  grid-column-gap: 2%;
+  grid-template-areas: "buttonOk buttonCancel";
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .smart-confirm-popup-window .smart-content-container > .smart-footer,
+  .smart-connection-popup-window .smart-content-container > .smart-footer {
+    align-content: start;
+  }
+}
+.smart-confirm-popup-window .smart-gantt-chart-popup-window-editor,
+.smart-connection-popup-window .smart-gantt-chart-popup-window-editor {
+  justify-items: center;
+}
+
+.smart-gantt-chart-popup-window-editor .smart-input[disabled] {
+  opacity: 0.55;
+  cursor: default;
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+.smart-gantt-chart-tooltip {
+  --smart-tooltip-padding: 10px;
+}
+.smart-gantt-chart-tooltip[visible] {
+  pointer-events: none;
+}
+.smart-gantt-chart-tooltip .smart-tooltip-content {
+  flex-direction: column;
+  text-align: left;
+  white-space: nowrap;
+}
+.smart-gantt-chart-tooltip .smart-tooltip-content label:not(:first-of-type) {
+  margin-top: 5px;
+}
+
+.smart-gantt-chart[right-to-left] .smart-timeline-task-label {
+  direction: rtl;
+}
+.smart-gantt-chart[right-to-left] .milestone .smart-task-container {
+  direction: initial;
+}
+.smart-gantt-chart[right-to-left] > .smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
+  left: calc(var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart[right-to-left] > .smart-container.vscroll .smart-timeline {
+  margin-left: var(--smart-scroll-bar-size);
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-view-cell {
+  direction: rtl;
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-view-cell:last-of-type {
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-view-cell:first-of-type {
+  border-right: none;
+  border-left: var(--smart-border-width) solid transparent;
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-row {
+  left: initial;
+  right: 0;
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-row .smart-timeline-cell:first-of-type {
+  border-right: initial;
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-row .smart-timeline-cell:not(:first-of-type) {
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-task[connection-point=end] .smart-task-connection-feedback {
+  left: initial;
+  right: 100%;
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-scroll-bar:after {
+  right: 100%;
+  left: initial;
+}
+.smart-gantt-chart[right-to-left] .smart-timeline-scroll-bar[orientation=vertical]:after {
+  left: calc(-1 * var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart[right-to-left] .smart-task-connection-point.end {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
+  right: initial;
+}
+.smart-gantt-chart[right-to-left] .smart-task-connection-point.start {
+  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 1.5);
+  left: initial;
+}
+.smart-gantt-chart[right-to-left] .smart-task-connection-feedback {
+  transform-origin: right;
+}
+.smart-gantt-chart[right-to-left] .smart-task-connection-feedback:before {
+  left: initial;
+  right: calc(100% - var(--smart-gantt-chart-timeline-task-connection-arrow-width) + 1px);
+  border-right: var(--smart-gantt-chart-timeline-task-connection-arrow-width) var(--smart-gantt-chart-timeline-task-connection-arrow-type) var(--smart-gantt-chart-timeline-task-connection-feedback-color);
+  border-left: initial;
+}
+.smart-gantt-chart[right-to-left] .smart-task-bar-limiter.min-date, .smart-gantt-chart[right-to-left] .smart-task-bar-limiter.max-date {
+  right: var(--smart-gantt-chart-timeline-column-border-width);
+  left: initial;
+}
+.smart-gantt-chart[right-to-left] .smart-task-bar-limiter.max-date {
+  left: 0;
+}
+.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-point.end {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15);
+  right: initial;
+}
+.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-point.start {
+  right: calc(-1 * var(--smart-gantt-chart-task-default-height) * 1.15);
+  left: initial;
+}
+.smart-gantt-chart[right-to-left] .milestone .smart-task-connection-feedback {
+  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
+  left: initial;
+}
+.smart-gantt-chart[right-to-left] .milestone[connection-point=end] .smart-task-connection-feedback {
+  right: calc(100% + var(--smart-gantt-chart-task-default-height) / 2);
+}
+.smart-gantt-chart[right-to-left][show-baseline] .smart-task-connection-point.end {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
+}
+.smart-gantt-chart[right-to-left][show-baseline] .smart-task-connection-point.start {
+  right: calc(-1 * var(--smart-gantt-chart-task-default-height) / 2);
+}
+.smart-gantt-chart[right-to-left][show-baseline] .milestone .smart-task-connection-point.end {
+  left: calc(-1 * var(--smart-gantt-chart-task-default-height) * 0.75);
+}
+.smart-gantt-chart[right-to-left][show-baseline] .milestone .smart-task-connection-point.start {
+  right: calc(-1 * var(--smart-gantt-chart-task-default-height) * 0.75);
+}
+.smart-gantt-chart[right-to-left]:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical] {
+  right: initial;
+  left: 0;
+}
+.smart-gantt-chart[right-to-left]:not([inverted]) .smart-timeline-scroll-bar[orientation=vertical]:before {
+  border-left: none;
+  border-right: 1px solid var(--smart-border);
+}
+.smart-gantt-chart[right-to-left][inverted] > .smart-container.vscroll .smart-timeline {
+  margin-right: var(--smart-scroll-bar-size);
+}
+.smart-gantt-chart[right-to-left][inverted] > .smart-container.vscroll .smart-timeline-scroll-bar:not([orientation=vertical]) {
+  left: initial;
+}
+.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar:after {
+  right: calc(-1 * var(--smart-scroll-bar-size));
+}
+.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar[orientation=vertical] {
+  right: 0;
+}
+.smart-gantt-chart[right-to-left][inverted] .smart-timeline-scroll-bar[orientation=vertical]:before {
+  border-right: none;
+  border-left: 1px solid var(--smart-border);
+}
+
+.smart-window.smart-task-popup-window .smart-tab-item[right-to-left] > .smart-container > .smart-footer .smart-icon {
+  margin-left: 2.5px;
 }