Licitator/httpdocs/public/js/gantt-schedule-timeline-calendar/style.css

.gantt-schedule-timeline-calendar {
  display: flex;
  overflow: hidden;
  color: #606060;
  font-size: 14px;
  background-color: #fdfdfd;
  line-height: 1.2;
}
.gantt-schedule-timeline-calendar * {
  box-sizing: border-box;
}
.gantt-schedule-timeline-calendar__helper-center {
  text-align: center;
}
.gantt-schedule-timeline-calendar__helper-dark {
  background: #f9fafb;
}
.gantt-schedule-timeline-calendar__list-column-header-resizer--active {
  cursor: ew-resize;
}
.gantt-schedule-timeline-calendar__list-column-header-resizer--active * {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}
.gantt-schedule-timeline-calendar__vertical-scroll {
  overflow: hidden;
  overflow-y: visible;
  flex-shrink: 0;
  position: absolute;
  right: 0px;
}
.gantt-schedule-timeline-calendar__vertical-scroll > * {
  will-change: scroll-position;
}
.gantt-schedule-timeline-calendar__horizontal-scroll {
  overflow: hidden;
  overflow-x: scroll;
}
.gantt-schedule-timeline-calendar__horizontal-scroll > * {
  will-change: scroll-position;
}
.gantt-schedule-timeline-calendar__list {
  border-collapse: collapse;
  display: flex;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  user-select: none;
}
.gantt-schedule-timeline-calendar__list > * {
  touch-action: none;
}
.gantt-schedule-timeline-calendar__list-toggle {
  position: fixed;
  left: var(--compensation-x);
  top: var(--compensation-y);
  overflow: hidden;
  cursor: pointer;
  padding: 14px;
  background: #fff;
  transition: box-shadow 250ms;
  box-shadow: 0px 0px 0px rgba(0,0,0,0);
  border-bottom-right-radius: 4px;
}
.gantt-schedule-timeline-calendar__list-toggle:hover {
  box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}
.gantt-schedule-timeline-calendar__list-toggle img {
  opacity: 0.5;
}
.gantt-schedule-timeline-calendar__list-column-row-expander {
  display: flex;
  height: var(--height);
  width: calc(var(--expander-padding-width) + var(--expander-size));
  flex-shrink: 0;
  will-change: opacity;
}
.gantt-schedule-timeline-calendar__list-column-row-expander-toggle {
  padding-left: var(--expander-padding-width);
  display: block;
  flex-shrink: 0;
  height: var(--height);
  width: calc(var(--expander-size) + var(--expander-padding-width));
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  will-change: opacity;
}
.gantt-schedule-timeline-calendar__list-column-row-expander-toggle img {
  width: 16px;
  height: 16px;
  will-change: contents;
}
.gantt-schedule-timeline-calendar__list-column-row-expander-toggle-child {
  cursor: default;
}
.gantt-schedule-timeline-calendar__list-column-row-expander-toggle-open {
  cursor: pointer;
}
.gantt-schedule-timeline-calendar__list-column-row-expander-toggle-closed {
  cursor: pointer;
}
.gantt-schedule-timeline-calendar__list-column {
  width: var(--width);
  position: relative;
}
.gantt-schedule-timeline-calendar__list-column-rows {
  height: var(--height);
  width: var(--width);
  overflow: hidden;
}
.gantt-schedule-timeline-calendar__list-column-rows--scroll-compensation {
  height: var(--height);
  width: var(--width);
  overflow: hidden;
  will-change: transform;
}
.gantt-schedule-timeline-calendar__list-column-row,
.gantt-schedule-timeline-calendar__list-column-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: var(--height);
  line-height: var(--height);
  vertical-align: middle;
  font-size: 14px;
  display: flex;
}
.gantt-schedule-timeline-calendar__list-column-row * {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: var(--height);
}
.gantt-schedule-timeline-calendar__list-column-row {
  border-bottom: 1px solid rgba(237,241,242,0.75);
  border-right: 1px solid rgba(237,241,242,0.75);
  width: var(--width);
  will-change: height;
}
.gantt-schedule-timeline-calendar__list-column-row-content {
  width: calc(var(--width) - var(--expander-padding-width) - var(--expander-size));
  height: var(--height);
  overflow: hidden;
  padding-left: 6px;
  flex-shrink: 0;
  flex-grow: 1;
}
.gantt-schedule-timeline-calendar__list-column-header {
  background: #f9fafb;
  font-weight: 500;
  color: #707070;
  height: var(--height);
  width: var(--width);
  line-height: var(--height);
  display: flex;
}
.gantt-schedule-timeline-calendar__list-column-header-content {
  vertical-align: middle;
  line-height: calc(var(--height) - 2px);
  width: 100%;
  display: flex;
}
.gantt-schedule-timeline-calendar__list-column-header-resizer {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  background: transparent;
  vertical-align: middle;
  height: var(--height);
}
.gantt-schedule-timeline-calendar__list-column-header-resizer-container,
.gantt-schedule-timeline-calendar__list-column-header-resizer-dots {
  display: block;
}
.gantt-schedule-timeline-calendar__list-column-header-resizer-container {
  flex-grow: 1;
  padding-left: 6px;
}
.gantt-schedule-timeline-calendar__list-column-header-resizer-line {
  position: absolute;
  top: 0;
  width: 0px;
  height: 100%;
  border-right: 2px dashed #000;
  display: var(--display);
  left: var(--left);
  z-index: 1000;
}
.gantt-schedule-timeline-calendar__list-column-header-resizer-dots {
  cursor: ew-resize;
  background: transparent;
  padding-top: 12px;
  padding-left: 6px;
  padding-right: 2px;
}
.gantt-schedule-timeline-calendar__list-column-header-resizer-dots-dot {
  background: #e0eff2;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  margin-bottom: 6px;
  box-shadow: inset 1px 1px 0px rgba(0,0,0,0.05);
}
.gantt-schedule-timeline-calendar__chart {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.gantt-schedule-timeline-calendar__chart-calendar {
  background: #f9fafb;
  margin-right: -17px;
  display: flex;
  flex-direction: column;
}
.gantt-schedule-timeline-calendar__chart-calendar-dates {
  overflow: hidden;
  color: #747a81;
  user-select: none;
  display: flex;
}
.gantt-schedule-timeline-calendar__chart-calendar-dates--level-1 {
  flex-grow: 1;
}
.gantt-schedule-timeline-calendar__chart-calendar-date {
  flex-grow: 0;
  flex-shrink: 0;
  border: none;
  white-space: nowrap;
  border-right: 1px solid rgba(177,184,189,0.5);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.gantt-schedule-timeline-calendar__chart-calendar-date--month {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-schedule-timeline-calendar__chart-calendar-date--day,
.gantt-schedule-timeline-calendar__chart-calendar-date--week {
  text-align: center;
}
.gantt-schedule-timeline-calendar__chart-calendar-date--level-0 .gantt-schedule-timeline-calendar__chart-calendar-date-content {
  margin-left: 4px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date--level-1.gstc-current {
  box-shadow: inset 0px 0px 4px rgba(177,184,189,0.45);
}
.gantt-schedule-timeline-calendar__chart-calendar-date--level-1 .gantt-schedule-timeline-calendar__chart-calendar-date-content {
  margin: auto;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content {
  white-space: nowrap;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content .gstc-dash {
  line-height: 15px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-bold {
  font-weight: 500;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-thin {
  font-weight: 300;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-normal {
  font-weight: 400 !important;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-bottom {
  margin-top: 4px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-left {
  text-align: left;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-center {
  text-align: center;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-vertical {
  font-size: 14px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-vertical .gstc-date-top {
  margin-top: 2px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-small {
  font-size: 13px;
  font-weight: 300;
  line-height: 1em;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-extra-small {
  font-size: 9px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-medium {
  font-size: 16px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-month-level-1 {
  font-size: 16px;
  line-height: 1.6em;
  text-align: center;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content.gstc-date-big {
  text-align: center;
  font-size: 23px;
  height: var(--calendar-height);
  line-height: var(--calendar-height);
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content--hour {
  text-align: center;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content--day,
.gantt-schedule-timeline-calendar__chart-calendar-date-content--week {
  font-size: 18px;
  line-height: 1.7em;
  overflow: visible;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content--day.gstc-date-week-small,
.gantt-schedule-timeline-calendar__chart-calendar-date-content--week.gstc-date-week-small {
  line-height: 1.2em;
  height: calc(var(--calendar-height) - 20px);
  font-size: 14px;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content--day.current,
.gantt-schedule-timeline-calendar__chart-calendar-date-content--week.current {
  border-right: none;
}
.gantt-schedule-timeline-calendar__chart-calendar-date-content--day.previous,
.gantt-schedule-timeline-calendar__chart-calendar-date-content--week.previous {
  border-right: none;
}
.gantt-schedule-timeline-calendar__chart-timeline {
  overflow: hidden;
  position: relative;
}
.gantt-schedule-timeline-calendar__chart-timeline-inner {
  will-change: transform;
  overflow: hidden;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid {
  overflow: hidden;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid * {
  user-select: none;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid-row {
  display: flex;
  text-align: center;
  user-select: none;
  pointer-events: all;
  will-change: height;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid-row-block {
  pointer-events: all;
  flex-grow: 0;
  flex-shrink: 0;
  margin: auto 0;
  vertical-align: middle;
  overflow: hidden;
  border-right: 1px solid rgba(237,241,242,0.75);
  border-bottom: 1px solid rgba(237,241,242,0.75);
  touch-action: none;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid-row-block--selecting {
  background: rgba(0,119,192,0.5) !important;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid-row-block--selecting:last-child {
  border-right: 1px solid #f00;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid-row-block--selected {
  background: rgba(0,119,192,0.75) !important;
}
.gantt-schedule-timeline-calendar__chart-timeline-grid-row-block.current {
  background: rgba(241,196,15,0.1);
}
.gantt-schedule-timeline-calendar__chart-timeline-grid-row-block--weekend {
  background: #f9fafb;
}
.gantt-schedule-timeline-calendar__chart-timeline-dependency-lines-lines,
.gantt-schedule-timeline-calendar__chart-timeline-dependency-lines-handles {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: var(--width);
  height: var(--height);
  user-select: none;
}
.gantt-schedule-timeline-calendar__chart-timeline-dependency-lines-handle {
  position: absolute;
  border-radius: 100%;
  pointer-events: all;
  user-select: none;
  border: 2px dashed #e74c36;
}
.gantt-schedule-timeline-calendar__chart-timeline-dependency-lines-handle--connector {
  position: absolute;
  border-radius: 100%;
  pointer-events: all;
  user-select: none;
  border: 2px dashed #e74c36;
}
.gantt-schedule-timeline-calendar__chart-timeline-items {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none !important;
  overflow: hidden;
  touch-action: none;
}
.gantt-schedule-timeline-calendar__chart-timeline-items * {
  user-select: none;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row {
  overflow: hidden;
  pointer-events: none !important;
  will-change: opacity, height;
  touch-action: none;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item {
  touch-action: none;
  overflow: hidden;
  position: absolute;
  pointer-events: auto;
  padding: 4px 4px;
  user-select: none;
  background: #e74c3c;
  border-radius: 18px;
  color: #fff;
  display: flex;
  height: calc(var(--row-height) - 8px);
  margin-top: 4px;
  line-height: calc(var(--row-height) - 18px);
  will-change: contents;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item-cut {
  width: 10px;
  height: 100%;
  float: left;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item-cut svg {
  vertical-align: middle;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item-label {
  touch-action: none;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 4px;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item-resizer {
  touch-action: none;
  width: 8px;
  background: rgba(255,255,255,0.1);
  cursor: ew-resize;
  flex-shrink: 0;
  will-change: visibility;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item--selecting {
  box-shadow: 0px 0px 2px 2px rgba(0,119,192,0.5);
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item--selected {
  box-shadow: 0px 0px 2px 2px #0077c0;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item--moving {
  touch-action: none;
  opacity: 0.5;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item-dependency-line {
  position: absolute;
}
.gantt-schedule-timeline-calendar__chart-timeline-items-row-item-dependency-handle {
  position: absolute;
  border-radius: 100%;
  background: #e74c3c;
  box-shadow: 0px 4px 4px rgba(199,44,28,0.678);
}