.neo-calendar-weekcomponent {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.neo-calendar-weekcomponent.neo-timeaxis-end .neo-c-w-column {
  border-left: 1px solid var(--c-w-border-color);
  border-right: none;
}
.neo-calendar-weekcomponent.neo-timeaxis-end .neo-c-w-column:first-child {
  border-left: 1px solid transparent;
}
.neo-calendar-weekcomponent.neo-timeaxis-end .neo-c-w-column:last-child {
  border-right: none;
}
.neo-calendar-weekcomponent.neo-timeaxis-end .neo-header-row {
  margin-left: unset;
  margin-right: 50px;
}
.neo-calendar-weekcomponent.neo-timeaxis-end .neo-scroll-overlay {
  left: unset;
  right: 0;
}
.neo-calendar-weekcomponent .neo-c-w-scrollcontainer {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  overflow: auto;
}
.neo-calendar-weekcomponent .neo-c-w-column {
  border-right: 1px solid var(--c-w-border-color);
  display: flex;
  flex: 1 0 4.7619047619%;
  flex-direction: column;
  position: relative;
}
.neo-calendar-weekcomponent .neo-c-w-column:last-child {
  border-right: 1px solid transparent;
}
.neo-calendar-weekcomponent .neo-c-w-column.neo-weekend {
  background-color: var(--c-w-weekend-background-color);
}
.neo-calendar-weekcomponent .neo-c-w-column-timeaxis-container {
  align-items: stretch;
  display: flex;
  min-width: calc(300% - 100px);
}
.neo-calendar-weekcomponent .neo-c-w-column-container {
  align-items: stretch;
  display: flex;
  flex: 1 1 100%;
}
.neo-calendar-weekcomponent .neo-event {
  border-right: 1px solid transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 0.8em;
  overflow: hidden;
  padding: 0.2em 0.4em;
  position: absolute;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, height 0.4s ease-out, top 0.4s ease-out, width 0.4s ease-out;
}
.neo-calendar-weekcomponent .neo-event.neo-focus {
  color: #fff;
  outline: 0;
}
.neo-calendar-weekcomponent .neo-event.neo-focus .neo-resizable {
  color: #fff;
}
.neo-calendar-weekcomponent .neo-event.neo-show-end-time.neo-overflow {
  flex-wrap: wrap;
}
.neo-calendar-weekcomponent .neo-event.neo-show-end-time.neo-overflow .neo-event-title {
  flex: 1 1 10%;
}
.neo-calendar-weekcomponent .neo-event.neo-overflow {
  flex-direction: row;
}
.neo-calendar-weekcomponent .neo-event.neo-overflow .neo-event-end-time {
  flex: 1 0 100%;
}
.neo-calendar-weekcomponent .neo-event.neo-overflow .neo-event-title {
  margin: 0 0 0 0.5em;
}
.neo-calendar-weekcomponent .neo-event-time,
.neo-calendar-weekcomponent .neo-event-title {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.neo-calendar-weekcomponent .neo-event-end-time {
  margin-top: auto;
  text-align: end;
}
.neo-calendar-weekcomponent .neo-event-title {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.neo-calendar-weekcomponent.neo-show-weekends .neo-header-row-item {
  flex: 1 0 14.2857142857%;
}
.neo-calendar-weekcomponent .neo-header-row-item {
  align-items: center;
  background-color: var(--c-w-header-background-color);
  border-bottom: 1px solid var(--c-w-border-color);
  cursor: pointer;
  display: flex;
  flex: 1 0 20%;
  flex-direction: column;
  height: 4.7em;
  justify-content: center;
  padding-bottom: 0.3125em;
  padding-top: 0.625em;
}
.neo-calendar-weekcomponent .neo-header-row-item:hover .neo-date {
  background-color: var(--c-w-header-date-background-color-hover);
  color: var(--c-w-header-date-color-hover);
}
.neo-calendar-weekcomponent .neo-header-row-item .neo-date {
  align-items: center;
  border-radius: 50%;
  color: var(--c-w-header-date-color);
  display: flex;
  font-size: 1.6em;
  height: 1.62em;
  justify-content: center;
  transition: background-color 100ms ease-out;
  width: 1.62em;
}
.neo-calendar-weekcomponent .neo-header-row-item .neo-date.neo-today {
  background-color: var(--c-w-header-today-background-color);
  color: var(--c-w-header-today-color);
}
.neo-calendar-weekcomponent .neo-header-row-item .neo-day {
  color: var(--c-w-header-day-color);
  font-size: 0.7em;
  margin-bottom: 0.3em;
}
.neo-calendar-weekcomponent .neo-header-row {
  display: flex;
  flex: none;
  margin-left: 50px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}
.neo-calendar-weekcomponent .neo-scroll-overlay {
  background-color: var(--c-w-header-background-color);
  height: 4.4em;
  left: 0;
  position: absolute;
  top: 0;
  width: 51px;
  z-index: 500;
}
/*# sourceMappingURL=Component.css.map */