html, body, div#app {
  height: 100%;
  margin: 0;
}

:root {
  --merlin-orange-10: #fef0e7;
  --merlin-orange-20: #fcd2b6;
  --merlin-orange-30: #fab585;
  --merlin-orange-40: #f89754;
  --merlin-orange-50: #eb660a;
  --merlin-orange-60: #dc6009;
  --merlin-orange-70: #ab4a07;
  --merlin-orange-80: #7a3505;
  --merlin-orange-90: #492003;
  --merlin-orange-100: #180b01;
}

.ag-theme-alpine, .ag-theme-alpine-dark {
  --ag-row-hover-color: var(--merlin-orange-10);
  --ag-selected-row-background-color: var(--merlin-orange-20);
  --ag-range-selection-border-color: var(--merlin-orange-40);
  --ag-value-change-value-highlight-background-color: var(--merlin-orange-30);
  --ag-font-family: 'Gudea';
  --ag-grid-size: 4px;
  --ag-font-size: 12px;
  --ag-checkbox-checked-color: var(--merlin-orange-50);
  --ag-checkbox-unchecked-color: var(--merlin-orange-80);
}

.ag-theme-alpine-dark {
  --ag-row-hover-color: var(--merlin-orange-80);
  --ag-selected-row-background-color: var(--merlin-orange-70);
  --ag-background-color: #1e1e1e;
}

.ag-cell-editable, .ag-cell-not-editable {
  text-align: right;
}

.ag-theme-alpine-dark .ag-row-hover.ag-row-even .ag-cell-not-editable {
  background-color: var(--merlin-orange-90);
}

.ag-theme-alpine-dark .ag-row-even .ag-cell-not-editable {
  background-color: black;
}

.ag-theme-alpine-dark .ag-row-hover.ag-row-odd .ag-cell-not-editable {
  background-color: var(--merlin-orange-90);
}

.ag-theme-alpine-dark .ag-row-odd .ag-cell-not-editable {
  background-color: #111111;
}

.ag-theme-alpine .ag-row-hover.ag-row-even .ag-cell-not-editable {
  background-color: var(--merlin-orange-20);
}

.ag-theme-alpine .ag-row-even .ag-cell-not-editable {
  background-color: #e1e1e1;
}

.ag-theme-alpine .ag-row-hover.ag-row-odd .ag-cell-not-editable {
  background-color: var(--merlin-orange-20);
}

.ag-theme-alpine .ag-row-odd .ag-cell-not-editable {
  background-color: #efefef;
}

div[data-cy-root] {
  width: 100vw;
  height: 100vh;
}

#auth-component {
  background-image: url("../img/auth-bg-black.webp");
  background-size: 100% auto;
}

.settings-unit-button {
  text-transform: none !important;
}

rect.wellbore-graphics {
  fill: var(--merlin-orange-80);
  stroke-width: 1px;
  stroke: var(--merlin-orange-80);
}


rect.drill-string-graphics {
  fill: var(--merlin-orange-60);
  stroke-width: 1px;
  stroke: var(--merlin-orange-60);
}


rect.drill-string-inner-graphics {
  fill: var(--merlin-orange-30);
  stroke-width: 1px;
  stroke: var(--merlin-orange-30);
}

.chart-menu {
  width: 1000px;
  height: 600px;
}

.MuiModal-backdrop {
  background-color: rgba(0,0,0,0.4) !important;
}

@keyframes spin {
  0% { transform: rotate(360deg); }
  100% {  transform: rotate(1deg); }
}

.sync-icon {
  animation: spin 0.5s linear infinite;
}

.ag-aria-description-container {
  display: none;
}

.ag-root-wrapper {
  overflow: visible;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.faded-in {
  animation: fadeIn 500ms;
}

tr.report-table-row-odd {
  background-color: #ffffff;
}

tr.report-table-row-even {
  background-color: #f1f1f1;
}

.Panel {
  color: transparent
}

.ResizeHandle {
  flex: 0 0 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  color: transparent;
}
.ResizeHandle:hover {
  color: transparent;
}
.ResizeHandle[data-resize-handle-active] {
  color: transparent;
}

.ResizeHandle .ResizeHandleThumb[data-direction="vertical"] {
  rotate: 90deg;
}

@media (pointer: coarse) {
  .ResizeHandle {
    flex: 0 0 2rem;
  }

  .ResizeHandle .ResizeHandleThumb {
    flex: 0 0 1.25rem;
    height: 1.25rem;
    width: 1.0rem;
  }
}

.input-helper {
  color: gray;
}