html body #root .app .app > div .AuthenticatedApp {
  height: 100%;
}

.ios-padding {
  height: 1.25rem;
  height: constant(safe-area-inset-top);
  height: env(safe-area-inset-top);
}

.AppOld {
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
}

.icon-col-ectool {
  width: 52px;
}

.content-ectool {
  width: 100%;
}

.icon-ectool {
  height: 32px;
  width: 32px;
}

.icon-small-ectool {
  height: 24px;
  width: 24px;
}

.ectool-scroll {
  margin: 0 auto;
  width: 100%;
  overflow: auto;
}

.react-time-picker__wrapper {
  border: none !important;
}

@layer base {
  :root {
    --chart-1: oklch(93.2% 0.032 255.585);
    --chart-2: oklch(88.2% 0.059 254.128);
    --chart-3: oklch(80.9% 0.105 251.813);
    --chart-4: oklch(70.7% 0.165 254.624);
    --chart-5: oklch(62.3% 0.214 259.815);
    --chart-6: oklch(54.6% 0.245 262.881);
    --chart-7: oklch(48.8% 0.243 264.376);
    --chart-8: oklch(42.4% 0.199 265.638);
    --chart-9: oklch(37.9% 0.146 265.522);
    --chart-10: oklch(28.2% 0.091 267.935);
  }

  .dark {
    --chart-1: oklch(93.2% 0.032 255.585);
    --chart-2: oklch(88.2% 0.059 254.128);
    --chart-3: oklch(80.9% 0.105 251.813);
    --chart-4: oklch(70.7% 0.165 254.624);
    --chart-5: oklch(62.3% 0.214 259.815);
    --chart-6: oklch(54.6% 0.245 262.881);
    --chart-7: oklch(48.8% 0.243 264.376);
    --chart-8: oklch(42.4% 0.199 265.638);
    --chart-9: oklch(37.9% 0.146 265.522);
    --chart-10: oklch(28.2% 0.091 267.935);
  }
}