.mantine-Drawer-title {
  font-weight: 600;
}

svg.shadow {
  color: #f2f2f2;
  filter: drop-shadow(0px 0px 1px black);
}

.underline-on-hover:hover {
  text-decoration: underline;
}

:root {
  --font-family: 'IBM Plex Sans';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--mantine-font-family-headings);
  font-weight: 600;
}

:root {
  background: #dbdbdb !important;
}

html,
body {
  overflow-x: clip;
}

.mantine-Text-root {
  font-size: var(--text-fz);
  word-break: break-word;
}

.mantine-Text-root,
.mantine-InputWrapper-label {
  word-break: break-word;
}

.mantine-InputBase-input {
  text-overflow: ellipsis;
}

.mantine-InputClearButton-root {
  &:hover {
    border-radius: var(--mantine-radius-xl);
    background-color: var(--mantine-color-gray-1) !important;
  }
}

.hover-title .hover-title--on,
.hover-title:hover .hover-title--off {
  display: none;
}
.hover-title:hover .hover-title--on {
  display: flex;
}

.hover-title-on {
  background-color: blue;
}

.row-marked-for-deletion {
  color: var(--mantine-color-red-7) !important;
  text-decoration: line-through !important;
}

.row-marked-for-deletion .ag-cell {
  text-decoration: line-through !important;
}

:root {
  --mantine-radius-default: 6px;
}
.full-width-label .mantine-InputWrapper-label {
  width: 100%;
}

.part-card {
  background-color: var(--mantine-color-gray-1);
}

.part-card-selectable {
  cursor: pointer;
  &:hover {
    background-color: var(--mantine-color-gray-3);
  }
}

.category-nav {
  overflow: hidden;
  &:hover {
    overflow: visible;
    z-index: 20;
  }
}
.upload-overlay {
  opacity: 0;
  &:hover {
    opacity: 0.5;
  }
}
.attachment-link {
  user-select: initial;
  color: black;
  cursor: pointer;

  &:hover {
    color: var(--mantine-primary-color);
  }
}
.file-upload-box {
  border: 1px dashed var(--mantine-color-gray-4);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;

  &:hover {
    background-color: var(--mantine-color-gray-0);
  }
}
._root_x9ras_1 {
    cursor: pointer;
    user-select: none;

    &:hover {
        background-color: var(--mantine-color-gray-0);
    }
}

._iconOnly_x9ras_10 {
    margin-inline-end: 0;
}
.hover-node .hover-node--on,
.hover-node:hover .hover-node--off {
  opacity: 0;
}
.hover-node:hover .hover-node--on {
  opacity: 1;
}

.hover-node {
  border-width: 2px;
  border-style: dashed;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
}
.selected .hover-node {
  border-color: var(--mantine-primary-color-8);
}

.connectingfrom {
  visibility: visible !important;
}
.selectable-spool .visibility-toggle {
  opacity: 0;
}
.selectable-spool .visibility-toggle.inactive {
  opacity: 0.4;
}
.selectable-spool:hover .visibility-toggle {
  opacity: 1;
}
._colorBox_a6hur_1 {
  min-height: 100%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;

  &:hover,
  &._active_a6hur_7 {
    width: 1.1em;
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #000;
    z-index: var(--mantine-z-index-popover);
  }
}
.time-tracking-member {
  user-select: none;
  cursor: pointer;

  &:hover {
    background-color: var(--mantine-color-gray-1);
  }

  &.selected {
    background-color: var(--mantine-primary-color-0);
    cursor: unset;
  }
}
.activity-feed .mantine-Timeline-item {
  margin-top: var(--mantine-spacing-lg);
}
.activity-feed .mantine-Timeline-item:first-of-type {
  margin-top: 0;
}
.active-table {
  --ag-header-background-color: var(--mantine-color-gray-3);
}
.draft-table {
  --ag-header-background-color: var(--mantine-primary-color-1);
}

.work-cell-setup .ag-row-selected {
  box-shadow: inset 0 1px 0 #444;
  --ag-selected-row-background-color: initial;
}

.dragged-to-end .ag-row-last {
  box-shadow: inset 0 -1px 0 #444;
}
.big-calendar div[data-month-level='true'],
.big-calendar div[data-year-level='true'],
.big-calendar div[data-decade-level='true'] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.big-calendar .mantine-Calendar-pickerControl,
.big-calendar .mantine-PickerControl-pickerControl {
  font-size: 16;
  font-weight: 500;
}
.kanban-work-order-link {
  color: var(--mantine-color-gray-7);
  text-decoration: none;
  &:hover {
    color: var(--mantine-color-gray-9);
    text-decoration: underline;
  }
}

.kanban-work-order-small-link {
  color: var(--mantine-color-gray-6);
}
.nav-link-icon-collapsed {
  color: var(--mantine-color-app-shell-gray-5);
  transition: color 0.2s ease-in;
}


.nav-container-thumb {
  opacity: 0;
  transition: opacity 0.2s;
  &.visible {
    opacity: 0.5;
  }
  &:hover {
    opacity: 0.9;
  }

  &:active {
    opacity: 0.7;
  }
}

.nav-bar-collapsed .nav-container-thumb {
  &.visible {
    opacity: 0.2;
  }
  &:hover {
    opacity: 0.7;
  }
  &:active {
    opacity: 0.5;
  }
}

.ad-spot {
  cursor: pointer;
  background-color: #0f1013;
  color: var(--mantine-primary-color-5);

  &:hover {
    background-color: #2a292c;
    color: var(--mantine-primary-color-4);
  }
}
._navDropdown_1bqqj_1 {
  border-radius: var(--mantine-radius-lg);
  border-color: var(--mantine-color-app-shell-gray-8);
  border-width: 0.5px;
}

._navDropdown_1bqqj_1[data-position='right'], ._navDropdown_1bqqj_1[data-position='right-start'], ._navDropdown_1bqqj_1[data-position='right-end'] {
  margin-left: 9px;
}._text_230it_1 {
  color: var(--mantine-color-app-shell-gray-5);
  text-wrap: nowrap;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

._section_230it_9[data-position='left'] {
  margin-inline-end: 5px;
}

._section_230it_9[data-position='right'] {
  margin-inline-start: 5px;
}

._collapseCaret_230it_17 {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}

button:hover ._collapseCaret_230it_17 {
  opacity: 1;
}._navLink_q5vqb_1 {
  color: var(--mantine-color-app-shell-gray-3);
  &:hover * {
    color: var(--mantine-color-app-shell-gray-0);
    transition: color 0.2s ease-in;
  }
}

._navStackItem_q5vqb_9 {
  transition: border-left-color 300ms ease-in;
  border-left: 1px solid;
  border-left-color: var(--mantine-color-dark-6);
  padding-left: 8px;
  &._activeItem_q5vqb_14 {
    border-left-color: var(--mantine-color-dark-2);
  }
}

._newMarker_q5vqb_19 {
  color: var(--mantine-primary-color-4);
}

._root_q5vqb_23 {
  border-radius: 6px;
}

._body_q5vqb_27 {
  text-overflow: clip;
}

._label_q5vqb_31 {
  text-wrap: nowrap;
  text-overflow: clip;
  white-space: nowrap;
}