//Global Styles.
@import "react-big-calendar/lib/sass/styles";

.ant-menu-item-divider {
  border-bottom: 1px solid #74695c !important;
}

.imex-table-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  &__search {
    flex: 1;
  }
}

.imex-flex-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;

  &__grow {
    flex: 1;
  }

  &__margin {
    margin: 0.2rem 0.2rem;
  }

  &__margin-large {
    margin: 0.5rem 0.5rem;
  }

  &__flex-space-around {
    justify-content: space-around;
  }
}

.ellipses {
  display: inline-block; /* for em, a, span, etc (inline by default) */
  text-overflow: ellipsis;
  width: calc(95%);
  overflow: hidden;
  white-space: nowrap;
}

.tight-antd-rows {
  .ant-row {
    margin: 0rem;
    line-height: 1rem;
  }
}

// ::-webkit-scrollbar-track {
//   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
//   border-radius: 0.2rem;
//   background-color: #f5f5f5;
// }

// ::-webkit-scrollbar {
//   width: 0.25rem;
//   max-height: 0.25rem;
//   background-color: #f5f5f5;
// }

// ::-webkit-scrollbar-thumb {
//   border-radius: 0.2rem;
//   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
//   background-color: #188fff;
// }

.ant-input-number-input,
.ant-input-number,
.ant-picker-input,
.ant-picker,
.ant-select {
  width: 100% !important;
}

.production-alert {
  animation: alertBlinker 1s linear infinite;
  color: blue;
}

@keyframes alertBlinker {
  50% {
    color: red;
    opacity: 100;
    //opacity: 0;
  }
}

.blue {
  color: blue;
}

.production-completion-soon {
  color: rgba(255, 140, 0, 0.8);
  font-weight: bold;
}

.production-completion-past {
  color: rgba(255, 0, 0, 0.8);
  font-weight: bold;
}

.react-resizable {
  position: relative;
  background-clip: padding-box;
}

.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}

.production-list-min-height {
  min-height: 19px;
}

#noticeable-widget {
  iframe {
    z-index: 2 !important;
  }
}

.react-kanban-column {
  background-color: #ddd !important;
}

.production-list-table {
  td.ant-table-column-sort {
    background: unset;
  }
}

.ReactGridGallery_tile-icon-bar {
  div {
    svg {
      fill: #1890ff;
    }
  }
}

.job-line-manual {
  color: tomato;
  font-style: italic;
}

.ant-table-tbody > tr.ant-table-row:nth-child(2n) > td {
  background-color: #f4f4f4;
}

.rowWithColor > td {
  background-color: var(--bgColor) !important;
}
