@import url('../momentum/variables/momentum-variables.css');
@import url('variables/syncfusion-variables.css');

.e-spinner-pane{
    position: relative !important;
}

.e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
  background-color: transparent !important;
  border: none !important;
}

.gantt-container, .e-gantt, .SfDashboardLayout {
  overflow: visible !important;
}

.e-treeview {
  overflow: auto !important;
}

  .e-treeview .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: var(--Colors-Background-bg-brand-solid) !important;
    fill: var(--Colors-Background-bg-brand-solid) !important;
  }

@media(max-width:959px) {
  .e-dashboardlayout {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
  }

    .e-dashboardlayout.e-control .e-drag:hover {
      cursor: default !important;
    }

  .e-panel, .e-holder, .e-panel-container, .e-draggable {
    border-radius: 0px !important;
  }

  .e-panel {
    box-shadow: none !important;
  }

  .e-dashboardlayout .e-panel,
  .e-dashboardlayout .e-holder,
  .e-dashboardlayout .e-panel-container,
  .e-dashboardlayout .e-draggable {
    height: auto !important;
    position: static !important;
  }
}

@media(min-width:960px) {
  .e-panel, .e-holder, .e-panel-container, .e-draggable {
    border-radius: 4px !important;
  }

  .e-panel {
    box-shadow: 0px 1px 3px 0px var(--Colors-Effects-Shadows-shadow-sm_02) !important;
  }
}

.e-dashboardlayout {
  background: transparent !important;
}

.e-panel {
  border: none !important;
  background: var(--Colors-Background-bg-primary) !important;
  padding: 10px 12px !important;
}

.e-panel-container {
  overflow-y: hidden !important;
}

  .e-panel-container .e-resize {
    display: unset !important;
  }

    .e-panel-container .e-resize::before {
      bottom: -4px !important;
      right: 1px !important;
    }

.e-panel-header {
  height: var(--widget-header-height) !important;
  background: var(--Colors-Background-bg-primary) !important;
  border: none !important;
  padding: 0 !important;
}

.e-panel-content {
  --e-panel-content-margin-top: 10px;
  overflow: auto !important;
  background: var(--Colors-Background-bg-primary) !important;
  margin: var(--e-panel-content-margin-top) 0px 0px 0px !important;
  padding: 0 !important;
  height: calc(100% - var(--widget-header-height) - var(--e-panel-content-margin-top)) !important;
}

.e-dlg-header {
  font-weight: var(--Font-weight-bold) !important;
  text-wrap: wrap !important;
  font-size: var(--Font-size-text-md) !important;
}

.e-btn.e-primary {
  background: #00a0ff !important;
  border-color: #00a0ff !important;
}

  .e-btn.e-primary:hover {
    background: #0077BF !important;
    border-color: #0077BF !important;
  }

.e-dialog {
  border-radius: 4px !important;
  max-height: 100% !important;
}

  .e-dialog.e-dlg-resizable {
    padding-bottom: 0px !important;
  }

  .e-dialog .e-resize-handle::before {
    display: none !important;
  }

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
  stroke: var(--Colors-Background-bg-brand-solid) !important;
  fill: var(--Colors-Background-bg-brand-solid) !important;
}

.e-spin-label {
  color: var(--Colors-Background-bg-brand-solid) !important;
  font-family: var(--Font-family-font-family-body) !important;
  font-weight: var(--Font-weight-medium) !important;
  font-size: var(--Font-size-text-md) !important;
  line-height: var(--Line-height-text-md) !important;
}

.e-xlflmenu .e-btn {
  border: none !important;
}

.e-toolbar .e-toolbar-item .e-tbar-btn,
.e-tbar-btn .e-tbar-btn-text,
.e-btn:not(.e-toolbar-item .e-btn) {
  font-family: var(--Font-family-font-family-body) !important;
  font-weight: var(--Font-weight-medium) !important;
  font-size: var(--Font-size-text-sm) !important;
  line-height: var(--Line-height-text-sm) !important;
  border-radius: 8px !important;
  padding: 7px 14px 7px 14px !important;
  background: var(--Colors-Background-bg-primary) !important;
  background-color: var(--Colors-Background-bg-primary) !important;
  border-color: var(--Colors-Border-border-primary) !important;
  color: var(--Colors-Text-text-secondary) !important;
  height: 34px !important;
  box-shadow: none !important;
}

  .e-tbar-btn .e-tbar-btn-text:hover,
  .e-btn:hover:not(.e-toolbar-item .e-btn:hover) {
    border-color: var(--Colors-Border-border-primary) !important;
    background: var(--Colors-Background-bg-active) !important;
    background-color: var(--Colors-Background-bg-active) !important;
    color: var(--Colors-Text-text-secondary_hover) !important;
  }

  .e-tbar-btn .e-tbar-btn-text:disabled,
  .e-tbar-btn .e-tbar-btn-text:disabled:hover,
  .e-btn:disabled:not(.e-toolbar-item .e-btn:disabled),
  .e-btn:disabled:hover:not(.e-toolbar-item .e-btn:disabled:hover) {
    color: var(--Colors-Action-disabled) !important;
    border-color: var(--Colors-Border-border-primary) !important;
    background: var(--Colors-Background-bg-primary) !important;
    background-color: var(--Colors-Background-bg-primary) !important;
  }

.e-btn.e-primary:not(.e-toolbar-item .e-btn.e-primary) {
  background: var(--Colors-Background-bg-brand-solid) !important;
  background-color: var(--Colors-Background-bg-brand-solid) !important;
  border-color: var(--Colors-Background-bg-brand-solid) !important;
  color: var(--Colors-Text-text-white) !important;
}

.e-btn.e-primary:disabled:not(.e-toolbar-item .e-btn.e-primary:disabled),
.e-btn.e-primary:disabled:hover:not(.e-toolbar-item .e-btn.e-primary:disabled:hover) {
  color: var(--Colors-Action-disabled) !important;
  border: none !important;
  background: var(--Colors-Action-disabled-background) !important;
  background-color: var(--Colors-Action-disabled-background) !important;
}

.e-btn.e-primary:hover:not(.e-toolbar-item .e-btn.e-primary:hover) {
  background: var(--Colors-Background-bg-brand-solid_hover) !important;
  background-color: var(--Colors-Background-bg-brand-solid_hover) !important;
  border-color: var(--Colors-Background-bg-brand-solid_hover) !important;
  color: var(--Colors-Text-text-white) !important;
}

.e-control, .e-lib, .e-dropdownbase, .e-list-item, .e-searchinput, .e-btn, .e-label, .e-panel-header {
  font-family: var(--Font-family-font-family-body) !important;
}

.e-radio:checked + label::before {
  background-color: var(--Colors-Background-bg-brand-solid_hover) !important;
  border-color: var(--Colors-Background-bg-brand-solid_hover) !important;
}

.e-grid .e-headercelldiv {
  font-weight: var(--Font-weight-medium) !important;
}

.e-header-cell-label {
  font-weight: var(--Font-weight-medium) !important;
}

.e-pager .e-numericitem,
.e-pager div.e-icons {
  color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-check, .e-stop {
  background-color: var(--Colors-Background-bg-brand-solid) !important;
  border-color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-menu-item.e-selected {
  background-color: var(--Colors-Background-bg-brand-solid) !important;
  outline-color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-treeview .e-list-item.e-active > .e-fullrow {
  background-color: var(--Colors-Background-bg-brand-solid) !important;
  border-color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-grid .e-filtered::before {
  color: var(--Colors-Background-bg-brand-solid) !important;
}


.e-calendar .e-content td.e-selected span {
  background-color: var(--Colors-Background-bg-brand-solid) !important;
  border-color: var(--Colors-Background-bg-brand-solid) !important;
  box-shadow: none !important;
}

.e-calendar .e-content td.e-today:not(.e-selected) span {
  color: var(--Colors-Background-bg-brand-solid) !important;
  box-shadow: none !important;
  border-radius: 6px;
  border: 1px solid var(--Colors-Background-bg-brand-solid) !important;
}

.e-grid .e-focused {
  box-shadow: none !important;
}

.e-dropdownbase .e-list-item.e-active {
  background-color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-datetimepicker .e-list-item.e-active {
  background-color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-taskbar-main-container {
  margin-top: 3px !important;
}

.e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
  background-color: transparent !important;
  outline: none !important;
}

.e-split-bar-hover {
  background: var(--Colors-Background-bg-brand-solid) !important;
}

  .e-split-bar-hover .e-resize-handler {
    color: var(--Colors-Background-bg-brand-solid) !important;
  }

.e-schedule .e-vertical-view .e-header-cells.e-current-day {
  color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-schedule .e-vertical-view .e-current-time {
  color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-schedule .e-vertical-view .e-current-timeline {
  border-top-color: var(--Colors-Background-bg-brand-solid) !important;
}

.e-toolbar {
  background: var(--Colors-Background-bg-primary) !important;
  background-color: var(--Colors-Background-bg-primary) !important;
}

  .e-toolbar .e-toolbar-items {
    background: var(--Colors-Background-bg-primary) !important;
    background-color: var(--Colors-Background-bg-primary) !important;
  }

    .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay {
      background: transparent !important;
      background-color: transparent !important;
    }

::deep .e-gantt .e-taskbar {
  border-radius: 3px;
}

  ::deep .e-gantt .e-taskbar.e-gantt-parent-taskbar {
    height: 28px;
  }

  ::deep .e-gantt .e-taskbar.e-gantt-child-taskbar {
    height: 24px;
  }

::deep .e-gantt .e-gantt-tree-column-cell {
  font-weight: 500;
}

::deep .e-gantt .e-timeline-header-table {
  background-color: #f5f5f5;
}

::deep .e-gantt .e-timeline-day-header {
  font-weight: 500;
  color: #333;
}

::deep .e-gantt .e-timeline-month-header {
  font-weight: 500;
  color: #333;
}

::deep .e-gantt .e-weekend-header-cell {
  background-color: #f9f9f9;
}

::deep .e-gantt .e-weekend {
  background-color: #f9f9f9;
}

::deep .e-gantt .e-timeline-hour-header {
  font-weight: normal;
  color: #666;
}

::deep .e-gantt .e-row {
  border-color: #e0e0e0;
}

::deep .e-gantt .e-header-cell {
  font-weight: 500;
  color: #333;
}

::deep .e-gantt .e-resource-column-header {
  font-weight: 500;
  color: #333;
}

::deep .e-gantt .e-resource-cells {
  color: #666;
}

::deep .e-treeview {
  padding: 10px;
}

  ::deep .e-treeview .e-list-item {
    padding: 5px 0;
  }

  ::deep .e-treeview .e-list-text {
    color: #333;
  }

  ::deep .e-treeview .e-icon-collapsible,
  ::deep .e-treeview .e-icon-expandable {
    color: #666;
  }

  ::deep .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: #e3f2fd;
    border-color: #e3f2fd;
  }

  ::deep .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
    color: #1976d2;
  }

::deep .e-gantt-chart .e-chart-row-cell {
  border-right-color: #e0e0e0;
}

  ::deep .e-gantt-chart .e-chart-row-cell.e-weekend-cell {
    background-color: #f9f9f9;
  }

::deep .e-gantt .e-taskbar-main-container .e-right-resize-handler,
::deep .e-gantt .e-taskbar-main-container .e-left-resize-handler {
  width: 6px;
  height: 6px;
  background-color: white;
  border: 1px solid #ccc;
}

::deep .e-gantt .e-taskbar[data-item-name="Mayo Normal 6 pack"] {
  background-color: #8BC34A;
  border-color: #7CB342;
}

::deep .e-gantt .e-taskbar[style*="background-color: rgb(239, 83, 80)"] {
  background-color: #EF5350 !important;
  border-color: #E53935 !important;
}

::deep .e-gantt .e-taskbar[style*="background-color: rgb(66, 165, 245)"] {
  background-color: #42A5F5 !important;
  border-color: #1E88E5 !important;
}

::deep .e-gantt .e-taskbar[style*="background-color: rgb(139, 195, 74)"] {
  background-color: #8BC34A !important;
  border-color: #7CB342 !important;
}

::deep .e-gantt .e-taskbar .e-right-label {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 11px;
  right: 2px;
}

::deep .e-gantt .e-gantt-chart {
  border-left: 1px solid #e0e0e0;
}

::deep .e-gantt .e-gantt-tree-grid {
  border-right: 1px solid #e0e0e0;
}

::deep .e-gantt .e-taskbar {
  height: 20px !important;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

::deep .e-gantt .e-chart-row {
  height: 40px;
}

::deep .e-gantt .e-row {
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
}

  ::deep .e-gantt .e-row:hover {
    background-color: #f8f9fa;
  }

::deep .e-gantt .e-timeline-header-container {
  background-color: #fafafa;
  border-bottom: 2px solid #e0e0e0;
}

::deep .e-gantt .e-timeline-top-header-cell {
  background-color: #f5f5f5;
  border-right: 1px solid #e0e0e0;
  font-weight: 600;
  color: #333;
}

::deep .e-gantt .e-timeline-header-cell {
  background-color: #fafafa;
  border-right: 1px solid #e0e0e0;
  font-size: 12px;
  color: #666;
}

::deep .e-gantt .e-headercell {
  background-color: #f5f5f5;
  border-right: 1px solid #e0e0e0;
  font-weight: 600;
  color: #333;
  padding: 8px;
}

::deep .e-gantt .e-split-bar {
  background-color: #e0e0e0;
  width: 2px;
}

  ::deep .e-gantt .e-split-bar:hover {
    background-color: #1976d2;
  }

::deep .e-gantt .e-contextmenu {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-radius: 4px;
}

::deep .e-dialog {
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

  ::deep .e-dialog .e-dlg-header {
    background-color: #1976d2;
    color: white;
    font-weight: 600;
  }

  ::deep .e-dialog .e-dlg-content {
    padding: 20px;
  }

  ::deep .e-dialog .e-textbox,
  ::deep .e-dialog .e-numerictextbox,
  ::deep .e-dialog .e-datetimepicker {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
  }

    ::deep .e-dialog .e-textbox:focus,
    ::deep .e-dialog .e-numerictextbox:focus,
    ::deep .e-dialog .e-datetimepicker:focus {
      border-color: #1976d2;
      box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
    }

::deep .e-gantt .e-active {
  background-color: #e3f2fd !important;
}

::deep .e-gantt .e-rowcell.e-active {
  background-color: #e3f2fd;
  border-color: #1976d2;
}

::deep .e-gantt .e-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::deep .e-gantt .e-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::deep .e-gantt .e-content::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

  ::deep .e-gantt .e-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }

::deep .e-gantt {
  height: 100% !important;
  overflow: hidden;
}

  ::deep .e-gantt .e-gantt-chart {
    overflow: auto !important;
  }

  ::deep .e-gantt .e-gantt-tree-grid .e-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  ::deep .e-gantt .e-timeline-header-container {
    overflow-x: auto !important;
  }

  ::deep .e-gantt .e-chart-scroll-container {
    overflow: auto !important;
  }

  ::deep .e-gantt .e-gantt-chart .e-content {
    max-height: calc(100vh - 200px);
    overflow: auto !important;
  }