smart-webcomponents/source/styles/default/smart.scheduler.css

Web Components & Custom Elements for Professional Web Applications

smart-scheduler {
  --smart-scheduler-event-size: var(--smart-scheduler-event-size-basic);
  display: block;
  width: var(--smart-scheduler-default-width);
  height: var(--smart-scheduler-default-height);
  contain: content;
}
smart-scheduler > .smart-container, smart-scheduler.smart-container {
  overflow: hidden;
  display: grid;
  grid-template-rows: var(--smart-scheduler-header-height) minmax(0, 1fr);
  grid-template-columns: 100%;
  margin-bottom: -2px;
}
smart-scheduler > .smart-container[show-footer], smart-scheduler.smart-container[show-footer] {
  grid-template-rows: var(--smart-scheduler-header-height) minmax(0, 1fr) var(--smart-scheduler-footer-height);
}
smart-scheduler > .smart-container.hscroll .smart-scheduler-view, smart-scheduler.smart-container.hscroll .smart-scheduler-view {
  height: calc(100% - var(--smart-scroll-bar-size));
}
smart-scheduler > .smart-container.vscroll .smart-scheduler-view, smart-scheduler.smart-container.vscroll .smart-scheduler-view {
  width: calc(100% - var(--smart-scroll-bar-size));
}
smart-scheduler .smart-scheduler-nav[today], smart-scheduler .smart-scheduler-nav[prev], smart-scheduler .smart-scheduler-nav[current], smart-scheduler .smart-scheduler-nav[next] {
  width: var(--smart-scheduler-header-navigation-button-size);
  min-width: var(--smart-scheduler-header-navigation-button-size);
  height: 100%;
  position: relative;
  font-size: initial;
  display: inline-block;
  font-weight: inherit;
  font-family: var(--smart-font-family-icon);
  border: var(--smart-border-width) solid var(--smart-border);
  text-transform: initial;
}
smart-scheduler .smart-scheduler-nav[current]:after, smart-scheduler .smart-scheduler-nav[prev]:after, smart-scheduler .smart-scheduler-nav[next]:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: var(--smart-font-family-icon);
  font-size: var(--smart-arrow-size);
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
smart-scheduler .smart-scheduler-nav[current]:after {
  width: var(--smart-editor-addon-width);
  min-width: var(--smart-editor-addon-width);
  left: initial;
  right: 0;
  content: var(--smart-icon-arrow-down);
  background: transparent;
  color: inherit;
}
smart-scheduler .smart-scheduler-nav[today] {
  width: var(--smart-scheduler-header-today-button-size);
  --smart-button-padding: 0 10px 0 10px;
  border-top-left-radius: var(--smart-item-border-top-left-radius);
  border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
  border-top-right-radius: var(--smart-item-border-top-right-radius);
  border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
  margin-right: 10px;
}
smart-scheduler .smart-scheduler-nav[today] button {
  text-overflow: ellipsis;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-nav[prev][focus] button, smart-scheduler .smart-scheduler-nav[prev][focus] button, smart-scheduler .smart-scheduler-nav[next][focus] button, smart-scheduler .smart-scheduler-nav[next][focus] button {
  background-color: var(--smart-background-focus);
  outline: none;
}
smart-scheduler .smart-scheduler-nav[prev] .smart-button, smart-scheduler .smart-scheduler-nav[next] .smart-button {
  font-family: var(--smart-font-family-icon);
  padding: 0px;
  border-radius: 0px;
  border: none;
  min-height: initial;
}
smart-scheduler .smart-scheduler-nav[prev]:after {
  content: var(--smart-icon-arrow-left);
}
smart-scheduler .smart-scheduler-nav[next]:after {
  content: var(--smart-icon-arrow-right);
}
smart-scheduler .smart-scheduler-header {
  width: 100%;
  height: var(--smart-scheduler-header-height);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 100%;
  grid-template-areas: "date view";
  align-items: center;
  justify-content: start;
  background: var(--smart-surface);
  border-bottom: var(--smart-border-width) solid var(--smart-border);
}
smart-scheduler .smart-scheduler-header:empty {
  display: none;
}
smart-scheduler .smart-scheduler-header[responsive-mode] {
  grid-template-columns: repeat(2, auto);
}
smart-scheduler .smart-scheduler-footer {
  width: 100%;
  height: var(--smart-scheduler-footer-height);
  border-top: var(--smart-border-width) solid var(--smart-border);
  justify-content: center;
  align-items: center;
  background: var(--smart-surface);
  z-index: 9;
}
smart-scheduler .smart-scheduler-footer:empty {
  display: none;
}
smart-scheduler .smart-scheduler-view {
  text-align: center;
  overflow: hidden;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-areas: "hHeader hHeader" "vHeader content";
  grid-template-columns: auto minmax(0, 1fr);
  outline: none;
  position: relative;
}
smart-scheduler .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-cell[group-separator]:not(:last-of-type) {
  border-bottom: var(--smart-border-width) solid var(--smart-border);
}
smart-scheduler .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-header-vertical {
  display: grid;
  grid-template-columns: repeat(2, auto);
}
smart-scheduler .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-header-groups-container {
  flex-direction: row;
}
smart-scheduler .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-cell[group-separator]:not(:last-of-type),
smart-scheduler .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-cell:not(.scale)[group-separator]:not(:last-of-type),
smart-scheduler .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-cell-container[group-separator]:not(:last-of-type),
smart-scheduler .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-cell[group-separator]:not(:last-of-type) {
  border-bottom-color: var(--smart-scheduler-timeline-group-separator-background);
  border-bottom-width: var(--smart-scheduler-timeline-group-separator-size);
}
smart-scheduler .smart-scheduler-view[show-group-header=horizontal] .smart-scheduler-view-header-groups-container {
  flex-direction: column;
}
smart-scheduler .smart-scheduler-view[show-group-header=horizontal] .smart-scheduler-view-header-groups-container .smart-scheduler-cell-container:not(:last-of-type) > .smart-scheduler-cell {
  border-bottom: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-horizontal-line-color);
}
smart-scheduler .smart-scheduler-view[show-group-header=horizontal] .smart-scheduler-cell[group-separator]:not(:last-of-type),
smart-scheduler .smart-scheduler-view[show-group-header=horizontal] .smart-scheduler-cell:not(.scale)[group-separator]:not(:last-of-type),
smart-scheduler .smart-scheduler-view[show-group-header=horizontal] .smart-scheduler-cell-container[group-separator]:not(:last-of-type) {
  border-right-color: var(--smart-scheduler-timeline-group-separator-background);
  border-right-width: var(--smart-scheduler-timeline-group-separator-size);
  border-right-style: solid;
}
smart-scheduler .smart-scheduler-view[focus] .smart-scheduler-cell:not(.scale)[selected], smart-scheduler .smart-scheduler-view:focus .smart-scheduler-cell:not(.scale)[selected] {
  background: var(--smart-ui-state-selected);
  color: var(--smart-ui-state-color-selected);
}
smart-scheduler .smart-scheduler-view[focus] .smart-scheduler-cell:not(.scale)[selected=start], smart-scheduler .smart-scheduler-view:focus .smart-scheduler-cell:not(.scale)[selected=start] {
  background: var(--smart-ui-state-active);
  color: var(--smart-ui-state-color-active);
}
smart-scheduler .smart-scheduler-view[event-hovered=left], smart-scheduler .smart-scheduler-view[event-hovered=right], smart-scheduler .smart-scheduler-view[event-hovered=left] .smart-scheduler-event-content, smart-scheduler .smart-scheduler-view[event-hovered=right] .smart-scheduler-event-content {
  cursor: e-resize;
}
smart-scheduler .smart-scheduler-view[event-hovered=top], smart-scheduler .smart-scheduler-view[event-hovered=bottom], smart-scheduler .smart-scheduler-view[event-hovered=top] .smart-scheduler-event-content, smart-scheduler .smart-scheduler-view[event-hovered=bottom] .smart-scheduler-event-content {
  cursor: n-resize;
}
smart-scheduler .smart-scheduler-view[mobile] .smart-scheduler-content:not(.hide-overlay):after {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
}
smart-scheduler .smart-scheduler-view[mobile] .smart-scheduler-event[collector] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-view[mobile] .smart-scheduler-event[collector] .smart-scheduler-event-content {
  width: var(--smart-scheduler-event-collector-mobile-size);
  height: var(--smart-scheduler-event-collector-mobile-size);
}
smart-scheduler .smart-scheduler-view-nav {
  grid-area: view;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-view-nav .smart-scheduler-nav[prev],
smart-scheduler .smart-scheduler-view-nav .smart-scheduler-nav[next] {
  border: initial;
  border-radius: initial;
  --smart-background: transparent;
  --smart-disabled: transparent;
}
smart-scheduler .smart-scheduler-view-nav[show-menu] {
  padding: var(--smart-scheduler-header-padding);
}
smart-scheduler .smart-scheduler-view-nav.no-overflowing .smart-scheduler-items-container {
  overflow: hidden;
}
smart-scheduler .smart-scheduler-view-header {
  box-shadow: var(--smart-scheduler-header-box-shadow);
  position: relative;
}
smart-scheduler .smart-scheduler-view-header-vertical {
  height: 100%;
  grid-area: vHeader;
  display: grid;
  grid-template-columns: repeat(2, auto);
}
smart-scheduler .smart-scheduler-view-header-vertical .smart-scheduler-view-details {
  width: var(--smart-scheduler-timeline-header-vertical-details-size);
}
smart-scheduler .smart-scheduler-view-header-vertical .smart-scheduler-groups-container {
  width: var(--smart-scheduler-timeline-header-vertical-group-size);
}
smart-scheduler .smart-scheduler-view-header-vertical .smart-scheduler-cells {
  width: var(--smart-scheduler-timeline-header-vertical-cells-size);
  border: none;
  background: var(--smart-background);
  position: relative;
}
smart-scheduler .smart-scheduler-view-header-vertical .smart-scheduler-cell {
  width: 100%;
  min-width: initial;
  align-items: flex-start;
}
smart-scheduler .smart-scheduler-view-header-vertical .smart-scheduler-cell > div {
  overflow: hidden;
  text-overflow: ellipsis;
  background: inherit;
  padding: var(--smart-scheduler-timeline-header-vertical-label-padding);
}
smart-scheduler .smart-scheduler-view-header-vertical-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}
smart-scheduler .smart-scheduler-view-header-horizontal {
  width: 100%;
  display: grid;
  grid-area: hHeader;
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-view-details {
  height: var(--smart-scheduler-timeline-header-horizontal-details-size);
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-groups-container {
  height: var(--smart-scheduler-timeline-header-horizontal-group-size);
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-view-time-container {
  display: grid;
  width: 100%;
  overflow: hidden;
  border-bottom: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-horizontal-line-color);
  grid-template-columns: auto minmax(0, 1fr);
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-cells {
  height: var(--smart-scheduler-timeline-header-horizontal-cells-size);
  position: relative;
  display: flex;
  width: 100%;
  min-height: inherit;
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-cells .smart-scheduler-cell {
  width: 100%;
  min-height: inherit;
  display: flex;
  height: 100%;
  border-left: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
  border-right: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-cells .smart-scheduler-cell > div {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--smart-scheduler-timeline-header-horizontal-label-padding);
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-cells .smart-scheduler-cell:first-of-type {
  border-left: none;
}
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-view-groups-content {
  border-bottom: var(--smart-border-width) solid var(--smart-border);
}
smart-scheduler .smart-scheduler-view-header-horizontal-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
smart-scheduler .smart-scheduler-view-header-groups-container {
  width: 100%;
  display: flex;
  position: relative;
}
smart-scheduler .smart-scheduler-view-header-groups-container .smart-scheduler-cell-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: initial;
  min-width: initial;
}
smart-scheduler .smart-scheduler-view-header-groups-container .smart-scheduler-cell {
  height: 100%;
  border-right: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
}
smart-scheduler .smart-scheduler-view-time {
  display: flex;
  position: relative;
}
smart-scheduler .smart-scheduler-view-all-day {
  grid-template-columns: auto minmax(0, 1fr);
  border-bottom: var(--smart-scheduler-day-week-view-hour-size) solid var(--smart-scheduler-day-week-view-hour-color);
  height: var(--smart-scheduler-timeline-header-all-day-cells-size);
  display: grid;
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-cell[all-day] {
  height: 100%;
  border-left: initial;
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-event {
  padding: var(--smart-scheduler-event-padding-all-day);
  height: var(--smart-scheduler-event-size);
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-event:after {
  top: calc(50% - var(--smart-scheduler-event-resize-indicator-size) / 4);
  left: calc(100% - var(--smart-scheduler-event-resize-indicator-size));
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-event:before {
  top: calc(50% - var(--smart-scheduler-event-resize-indicator-size) / 4);
  left: 0;
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-event .smart-scheduler-event-button {
  display: none;
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-event[repeating] .smart-scheduler-event-content[single-line] {
  grid-template-columns: repeat(2, auto) var(--smart-scheduler-event-icon-size);
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-event-content {
  grid-template-columns: minmax(auto, 1fr);
}
smart-scheduler .smart-scheduler-view-all-day .smart-scheduler-event-content[single-line] {
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  grid-column-gap: 5px;
  justify-content: space-between;
}
smart-scheduler .smart-scheduler-view-all-day[exception] .smart-scheduler-event-content, smart-scheduler .smart-scheduler-view-all-day[repeating] .smart-scheduler-event-content {
  grid-template-columns: minmax(auto, 1fr) var(--smart-scheduler-event-icon-size);
}
smart-scheduler .smart-scheduler-view-all-day-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
smart-scheduler .smart-scheduler-view-all-day-label {
  display: flex;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  min-width: var(--smart-scheduler-timeline-header-vertical-cells-size);
  font-weight: var(--smart-scheduler-timeline-all-day-label-font-weight);
  padding: var(--smart-scheduler-timeline-header-cell-padding);
}
smart-scheduler .smart-scheduler-view-all-day-label > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
smart-scheduler .smart-scheduler-view-all-day-label-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-view-details {
  display: flex;
  position: relative;
}
smart-scheduler .smart-scheduler-view-details .smart-scheduler-cell {
  border-bottom: var(--smart-border-width) solid var(--smart-border);
  height: 100%;
  min-height: inherit;
  min-width: inherit;
}
smart-scheduler .smart-scheduler-view-details .smart-scheduler-cell:not(:first-of-type) {
  border-left: none;
}
smart-scheduler .smart-scheduler-view-container {
  position: relative;
  transition: width cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
}
smart-scheduler .smart-scheduler-view-label-container {
  display: flex;
  height: 100%;
}
smart-scheduler .smart-scheduler-view-groups-label-container {
  display: flex;
  height: 100%;
}
smart-scheduler .smart-scheduler-view-groups-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}
smart-scheduler .smart-scheduler-view-list-button,
smart-scheduler .smart-scheduler-view-items-button {
  --smart-button-text-transform: initial;
  transform: scale(1);
  height: 100%;
  width: var(--smart-scheduler-header-menu-button-size);
  border-top-left-radius: var(--smart-item-border-top-left-radius);
  border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
  border-top-right-radius: var(--smart-item-border-top-right-radius);
  border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
  overflow: hidden;
}
smart-scheduler .smart-scheduler-view-list-button:after,
smart-scheduler .smart-scheduler-view-items-button:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: var(--smart-font-family-icon);
  font-size: var(--smart-arrow-size);
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  width: var(--smart-editor-addon-width);
  min-width: var(--smart-editor-addon-width);
  left: initial;
  right: 0;
  content: var(--smart-icon-arrow-down);
  background: transparent;
}
smart-scheduler .smart-scheduler-view-list-button button,
smart-scheduler .smart-scheduler-view-items-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: initial;
}
smart-scheduler .smart-scheduler-view-list-button button > span,
smart-scheduler .smart-scheduler-view-items-button button > span {
  text-overflow: ellipsis;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-view-list-button:not([active]) button:active,
smart-scheduler .smart-scheduler-view-items-button:not([active]) button:active {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
smart-scheduler .smart-scheduler-view-list-button.smart-visibility-hidden,
smart-scheduler .smart-scheduler-view-items-button.smart-visibility-hidden {
  transform: scale(0);
}
smart-scheduler .smart-scheduler-view-list-button {
  background: transparent;
  margin-left: 10px;
}
smart-scheduler .smart-scheduler-view-list-button:not(.smart-hidden) {
  display: block !important;
}
smart-scheduler .smart-scheduler-view-list-button.active:not(:hover) {
  background-color: var(--smart-primary);
  color: var(--smart-primary-color);
}
smart-scheduler .smart-scheduler-view-list-button:after {
  right: 2px;
  content: var(--smart-icon-menu);
}
smart-scheduler[hide-other-month-days] .smart-scheduler-cell[other-month] {
  background: var(--smart-surface) !important;
}
smart-scheduler[hide-other-month-days] .smart-scheduler-cell[other-month] > div {
  visibility: hidden;
}
smart-scheduler .smart-scheduler-list-container {
  position: absolute;
  top: 0px;
  right: 0px;
  background: var(--smart-surface);
  color: var(--smart-surface-color);
  height: 100%;
  width: 0px;
  transform: scaleX(0);
  opacity: 0;
  transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s, opacity cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--smart-border);
  transform-origin: right;
}
smart-scheduler .smart-scheduler-list-container.open {
  transform: scaleX(1);
  opacity: 1;
}
smart-scheduler .smart-scheduler-cells .smart-scheduler-cell:empty {
  display: none;
}
smart-scheduler .smart-scheduler-cells .smart-scheduler-cell:not(:first-of-type) {
  border-left: none;
}
smart-scheduler .smart-scheduler-cells div {
  border-bottom-color: var(--smart-border);
  white-space: nowrap;
  pointer-events: none;
}
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell.scale {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: initial;
  min-width: initial;
}
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell:not(.scale)[restricted] {
  background: var(--smart-scheduler-restricted-background);
}
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell[nonworking] {
  background: var(--smart-scheduler-timeline-nonworking-color);
}
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell[nonworking] .smart-scheduler-cell {
  background: var(--smart-scheduler-timeline-nonworking-color);
}
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell[weekend] {
  background: var(--smart-scheduler-timeline-weekend-color);
}
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: initial;
  display: flex;
  flex-direction: column;
}
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell:not(.scale) {
  width: 100%;
  height: 100%;
  min-height: initial;
  min-width: initial;
}
smart-scheduler .smart-scheduler-cell {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--smart-background);
  color: var(--smart-surface-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: var(--smart-scheduler-timeline-header-cell-padding);
  border-bottom-color: transparent;
  height: var(--smart-scheduler-timeline-cell-height);
  min-height: var(--smart-scheduler-timeline-cell-min-height);
  width: var(--smart-scheduler-timeline-cell-width);
  min-width: var(--smart-scheduler-timeline-cell-min-size);
}
smart-scheduler .smart-scheduler-cell.smart-scheduler-feedback:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px dashed var(--smart-primary);
  pointer-events: none;
  background: var(--smart-scheduler-cell-feedback-background);
}
smart-scheduler .smart-scheduler-cell[other-month] {
  background: var(--smart-background);
  color: var(--smart-background-color);
  border-color: var(--smart-border);
}
smart-scheduler .smart-scheduler-cell[other-month] > div {
  opacity: 0.5;
}
smart-scheduler .smart-scheduler-cell.smart-scheduler-view-header-cell-feedback {
  width: initial;
  height: initial;
  visibility: hidden;
}
smart-scheduler .smart-scheduler-cell-container {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--smart-background);
  color: var(--smart-surface-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: var(--smart-scheduler-timeline-header-cell-padding);
  border-bottom-color: transparent;
  height: var(--smart-scheduler-timeline-cell-height);
  min-height: var(--smart-scheduler-timeline-cell-min-height);
  width: var(--smart-scheduler-timeline-cell-width);
  min-width: var(--smart-scheduler-timeline-cell-min-size);
}
smart-scheduler .smart-scheduler-events-container .smart-scheduler-event .smart-scheduler-event-button {
  display: none;
}
smart-scheduler .smart-scheduler-event {
  position: absolute;
  padding: var(--smart-scheduler-event-padding-basic);
  outline: none;
  -webkit-tap-highlight-color: transparent;
  border-radius: var(--smart-scheduler-event-border-radius);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
smart-scheduler .smart-scheduler-event:after {
  left: calc(50% - var(--smart-scheduler-event-resize-indicator-size) / 4);
  top: calc(100% - var(--smart-scheduler-event-resize-indicator-size));
}
smart-scheduler .smart-scheduler-event:before {
  left: calc(50% - var(--smart-scheduler-event-resize-indicator-size) / 4);
  top: 0;
}
smart-scheduler .smart-scheduler-event[hover]:not([collector]):before, smart-scheduler .smart-scheduler-event[hover]:not([collector]):after, smart-scheduler .smart-scheduler-event[focus]:not([collector]):before, smart-scheduler .smart-scheduler-event[focus]:not([collector]):after {
  transform: scale(1);
}
smart-scheduler .smart-scheduler-event:not([resized])[focus] .smart-scheduler-event-content {
  background: var(--smart-scheduler-event-focus);
  color: var(--smart-scheduler-event-color-focus);
}
smart-scheduler .smart-scheduler-event:not([resized])[hover] .smart-scheduler-event-content {
  background: var(--smart-scheduler-event-hover);
  color: var(--smart-scheduler-event-color-hover);
}
smart-scheduler .smart-scheduler-event:not([collector]):after, smart-scheduler .smart-scheduler-event:not([collector]):before {
  content: "";
  width: var(--smart-scheduler-event-resize-indicator-size);
  height: var(--smart-scheduler-event-resize-indicator-size);
  position: absolute;
  background-color: var(--smart-scheduler-event-resize-indicator-color);
  box-shadow: 0 0 0 1px var(--smart-scheduler-event-resize-indicator-border-color);
  transform: scale(0);
  pointer-events: none;
  z-index: 1;
}
smart-scheduler .smart-scheduler-event .smart-scheduler-event-button {
  display: none;
}
smart-scheduler .smart-scheduler-event .smart-scheduler-event-label {
  font-weight: var(--smart-scheduler-event-label-font-weight);
  font-size: var(--smart-scheduler-event-label-font-size);
  pointer-events: none;
  white-space: nowrap;
}
smart-scheduler .smart-scheduler-event .smart-scheduler-event-time {
  font-weight: var(--smart-scheduler-event-time-font-weight);
  font-size: var(--smart-scheduler-event-time-font-size);
  opacity: var(--smart-scheduler-event-time-opacity);
  pointer-events: none;
  white-space: pre-wrap;
}
smart-scheduler .smart-scheduler-event .smart-scheduler-event-content > div {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: flex-start;
}
smart-scheduler .smart-scheduler-event .smart-scheduler-event-content > div:first-of-type {
  align-self: center;
}
smart-scheduler .smart-scheduler-event .smart-scheduler-event-content:not([single-line]) > div:not(:first-of-type) {
  grid-column: 1/span 2;
}
smart-scheduler .smart-scheduler-event .smart-scheduler-event-content[single-line] > div {
  align-self: initial;
}
smart-scheduler .smart-scheduler-event[resized] {
  opacity: 0.75;
  z-index: 10000;
}
smart-scheduler .smart-scheduler-event[cut] .smart-scheduler-event-content {
  opacity: 0.75;
}
smart-scheduler .smart-scheduler-event[collector] {
  width: var(--smart-scheduler-event-collector-size);
  height: var(--smart-scheduler-event-collector-size);
  border-radius: var(--smart-scheduler-event-collector-border-radius);
}
smart-scheduler .smart-scheduler-event[collector] .smart-scheduler-event-content {
  padding: 1px 5px;
  justify-items: center;
  background: var(--smart-scheduler-event-collector-background);
  color: var(--smart-scheduler-event-collector-color);
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-column-gap: 5px;
}
smart-scheduler .smart-scheduler-event[collector] .smart-scheduler-event-content > div {
  align-self: initial;
  white-space: nowrap;
}
smart-scheduler .smart-scheduler-event[collector][focus] .smart-scheduler-event-content {
  background: var(--smart-scheduler-event-collector-focus);
  color: var(--smart-scheduler-event-collector-color-focus);
}
smart-scheduler .smart-scheduler-event[collector][hover] .smart-scheduler-event-content {
  background: var(--smart-scheduler-event-collector-hover);
  color: var(--smart-scheduler-event-collector-color-hover);
}
smart-scheduler .smart-scheduler-event[repeating] .smart-scheduler-event-content:after {
  content: var(--smart-icon-spin);
  width: var(--smart-scheduler-event-icon-size);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  font-family: var(--smart-font-family-icon);
  font-size: var(--smart-font-size);
  padding: var(--smart-scheduler-event-content-padding);
  box-sizing: border-box;
  line-height: 1rem;
}
smart-scheduler .smart-scheduler-event[repeating] .smart-scheduler-event-content[single-line] {
  grid-template-columns: repeat(2, auto) var(--smart-scheduler-event-icon-size);
}
smart-scheduler .smart-scheduler-event[repeating][exception] .smart-scheduler-event-content:after {
  content: var(--smart-icon-attention-circled);
}
smart-scheduler .smart-scheduler-event[status] .smart-scheduler-event-content::before {
  content: "";
  position: absolute;
  display: block;
  width: var(--smart-scheduler-status-size);
  height: 100%;
  background: var(--smart-scheduler-status-background);
  box-shadow: 0 0 0 0.5px var(--smart-background);
  border: 1px solid var(--smart-border);
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
}
smart-scheduler .smart-scheduler-event[status=free] .smart-scheduler-event-content::before {
  background: var(--smart-scheduler-status-free-background);
}
smart-scheduler .smart-scheduler-event[status=busy] .smart-scheduler-event-content::before {
  background: var(--smart-scheduler-status-busy-background);
}
smart-scheduler .smart-scheduler-event[status=outOfOffice] .smart-scheduler-event-content::before {
  background: var(--smart-scheduler-status-out-of-office-background);
}
smart-scheduler .smart-scheduler-event[status=tentative] .smart-scheduler-event-content::before {
  background: var(--smart-scheduler-status-tentative-background);
}
smart-scheduler .smart-scheduler-event[exception] .smart-scheduler-event-button, smart-scheduler .smart-scheduler-event[repeating] .smart-scheduler-event-button {
  display: none;
}
smart-scheduler .smart-scheduler-event[exception] .smart-scheduler-event-content, smart-scheduler .smart-scheduler-event[repeating] .smart-scheduler-event-content {
  grid-template-columns: minmax(auto, 1fr) var(--smart-scheduler-event-icon-size);
}
smart-scheduler .smart-scheduler-event:not([repeating]) .smart-scheduler-event-content:not([single-line]) > div {
  grid-column: 1/span 2;
}
smart-scheduler .smart-scheduler-event-content {
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: grid;
  grid-template-rows: min-content minmax(auto, 1fr);
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  overflow: hidden;
  padding: var(--smart-scheduler-event-content-padding);
  color: var(--smart-scheduler-event-color);
  background: var(--smart-scheduler-event-background);
  cursor: pointer;
  position: relative;
  border-radius: inherit;
  grid-row-gap: 2px;
  grid-template-columns: minmax(auto, 1fr);
}
smart-scheduler .smart-scheduler-event-content[single-line] {
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 100%;
  grid-column-gap: 5px;
  justify-content: space-between;
}
smart-scheduler .smart-scheduler-date-nav {
  grid-area: date;
  display: flex;
  align-items: center;
  height: 100%;
  padding: var(--smart-scheduler-header-padding);
  background: var(--smart-surface);
  background-clip: content-box;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-date-nav .smart-scheduler-nav[current] {
  --smart-button-padding: 0 10px 0 10px;
  width: auto;
  max-width: var(--smart-scheduler-header-date-button-max-size);
  border-top-right-radius: var(--smart-item-border-top-right-radius);
  border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
  border-top-left-radius: var(--smart-item-border-top-left-radius);
  border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
}
smart-scheduler .smart-scheduler-date-nav .smart-scheduler-nav[current] .smart-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
smart-scheduler .smart-scheduler-time-zone {
  width: var(--smart-scheduler-timeline-header-vertical-cells-size);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--smart-scheduler-timeline-header-cell-padding);
}
smart-scheduler .smart-scheduler-time-zone > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
smart-scheduler .smart-scheduler-time-zone-container {
  display: flex;
  height: 100%;
  align-items: center;
}
smart-scheduler .smart-scheduler-time-zone-container:empty {
  display: none;
}
smart-scheduler .smart-scheduler-current-time-indicator {
  position: absolute;
  pointer-events: none;
  width: var(--smart-scheduler-current-time-indicator-size);
  height: var(--smart-scheduler-current-time-indicator-size);
  background: var(--smart-scheduler-current-time-indicator-background);
}
smart-scheduler .smart-scheduler-items-container {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  outline: none;
}
smart-scheduler .smart-scheduler-items-container .smart-scheduler-item[selected] {
  background: var(--smart-background);
  border-left: var(--smart-border-width) solid var(--smart-border);
  border-right: var(--smart-border-width) solid var(--smart-border);
  border-top: var(--smart-border-width) solid var(--smart-border);
}
smart-scheduler .smart-scheduler-items-container[focus] .smart-scheduler-item[selected], smart-scheduler .smart-scheduler-items-container:focus .smart-scheduler-item[selected] {
  background-color: var(--smart-ui-state-focus);
  border-color: var(--smart-ui-state-border-focus);
  color: var(--smart-ui-state-color-focus);
}
smart-scheduler .smart-scheduler-items-container .smart-scheduler-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  width: var(--smart-scheduler-item-size);
  padding: var(--smart-scheduler-header-padding);
  border: var(--smart-border-width) solid transparent;
}
smart-scheduler .smart-scheduler-items-container .smart-scheduler-item:last-of-type {
  border-right: none;
}
smart-scheduler .smart-scheduler-item > div {
  position: relative;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
smart-scheduler .smart-scheduler-groups-container {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-groups-container .smart-scheduler-cell {
  font-weight: var(--smart-scheduler-timeline-all-day-label-font-weight);
  white-space: var(--smart-scheduler-timeline-group-white-space);
  min-height: inherit;
  min-width: inherit;
}
smart-scheduler .smart-scheduler-groups-container .smart-scheduler-cell > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
smart-scheduler .smart-scheduler-groups-container .smart-scheduler-cell:not(:first-of-type) {
  border-left: none;
}
smart-scheduler .smart-scheduler-scrollable-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-area: content;
  height: 100%;
  background: var(--smart-scheduler-view-background);
}
smart-scheduler .smart-scheduler-content {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
smart-scheduler .smart-scheduler-content .smart-scheduler-cell[nonworking] {
  background: var(--smart-scheduler-timeline-nonworking-color);
}
smart-scheduler .smart-scheduler-content .smart-scheduler-cell[weekend] {
  background: var(--smart-scheduler-timeline-weekend-color);
}
smart-scheduler .smart-scheduler-view-scroll-bar {
  overflow: visible;
  position: relative;
  height: var(--smart-scroll-bar-size);
  width: 100%;
}
smart-scheduler .smart-scheduler-view-scroll-bar:after {
  position: absolute;
  content: "";
  width: 100%;
  height: var(--smart-scroll-bar-size);
  background: var(--smart-scroll-bar-background);
  left: 100%;
  top: 0;
}
smart-scheduler .smart-scheduler-view-scroll-bar.bottom-corner {
  width: calc(100% - var(--smart-scroll-bar-size));
}
smart-scheduler .smart-scheduler-view-scroll-bar[orientation=vertical] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: var(--smart-scroll-bar-size);
}
smart-scheduler .smart-scheduler-view-scroll-bar[orientation=vertical].bottom-corner {
  height: calc(100% - var(--smart-scroll-bar-size));
}
smart-scheduler .smart-scheduler-tooltip {
  pointer-events: none;
  transform: scale(0);
}
smart-scheduler .smart-toast-container-custom.smart-toast-container {
  width: var(--smart-scheduler-toast-default-width);
  top: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
smart-scheduler .smart-toast-container-custom.smart-toast-container .smart-toast-item {
  border-radius: 5px;
  height: var(--smart-scheduler-toast-default-height);
}
smart-scheduler .smart-toast-container-custom.smart-toast-container .smart-toast-item > .smart-container {
  display: flex;
  flex-direction: row-reverse;
}
smart-scheduler .smart-toast-container-custom.smart-toast-container .smart-toast-item .smart-toast-item-container {
  padding: initial;
  top: initial;
  width: 100%;
}
smart-scheduler .smart-scheduler-legend {
  width: 100%;
  height: 100%;
  display: flex;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-area: legend;
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-list {
  width: 30px;
  background: transparent;
  border: none;
  font-family: var(--smart-font-family-icon);
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-list input {
  display: none;
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-list .smart-container::before {
  content: var(--smart-icon-menu);
  background: var(--smart-surface);
  position: absolute;
  width: 100%;
  height: 100%;
  left: calc(50% - 8px);
  top: calc(50% - 8px);
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
  padding: var(--smart-scheduler-header-padding);
  overflow: hidden;
  grid-row-gap: 2px;
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-res-items {
  display: flex;
  /* grid-column-gap: 20px; */
  /* Safari does not support column-gap with Flexbox */
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-res-item {
  position: relative;
  display: flex;
  align-items: center;
  grid-column-gap: 5px;
  white-space: nowrap;
  outline: initial;
  overflow: hidden;
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-res-item:hover {
  color: var(--smart-ui-state-color-hover);
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-res-item:before {
  content: "";
  width: var(--smart-check-box-default-size);
  min-width: var(--smart-check-box-default-size);
  height: var(--smart-check-box-default-size);
  min-height: var(--smart-check-box-default-size);
  display: flex;
  border: var(--smart-border-width) solid var(--smart-border);
  box-sizing: border-box;
  background-color: var(--smart-scheduler-legend-item-background);
  border-radius: var(--smart-border-radius);
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-res-item:not(:first-of-type) {
  margin-left: 20px;
}
smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-res-item > span {
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 900px) {
  smart-scheduler .smart-scheduler-legend .smart-scheduler-legend-res-item > span {
    width: 0;
  }
}
smart-scheduler .smart-scheduler-event-list-event:hover .smart-event-actions {
  opacity: 1;
}
smart-scheduler .smart-scheduler-event-list-event .smart-event-actions {
  display: inline-flex;
  position: absolute;
  right: 10px;
  column-gap: 5px;
  opacity: 0;
  transition: opacity ease-in-out 0.2s;
}
smart-scheduler .smart-scheduler-event-list-event .smart-event-actions .smart-icon-edit {
  font-family: var(--smart-font-family-icon);
  font-style: normal;
  font-weight: normal;
  font-size: var(--smart-arrow-size);
}
smart-scheduler .smart-scheduler-event-list-event .smart-event-actions .smart-icon-edit:after {
  content: var(--smart-icon-mode-edit);
}
smart-scheduler .smart-scheduler-event-list-event .smart-event-actions .smart-icon-navigate {
  font-family: var(--smart-font-family-icon);
  font-style: normal;
  font-weight: normal;
  font-size: var(--smart-arrow-size);
}
smart-scheduler .smart-scheduler-event-list-event .smart-event-actions .smart-icon-navigate::after {
  content: var(--smart-icon-link-ext);
}
smart-scheduler .smart-scheduler-window-modal {
  position: absolute;
  opacity: 0.5;
  background-color: var(--smart-disabled);
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  z-index: calc(var(--smart-editor-drop-down-z-index) - 1);
}
smart-scheduler .smart-scheduler-shade-section {
  position: absolute;
  pointer-events: none;
  background: var(--smart-scheduler-shader-background);
}
smart-scheduler .smart-scheduler-item > div,
smart-scheduler .smart-scheduler-view-header-horizontal .smart-scheduler-cell,
smart-scheduler .smart-scheduler-view-header-vertical .smart-scheduler-cell,
smart-scheduler .smart-scheduler-cells-container .smart-scheduler-cell:not(.scale) > div,
smart-scheduler .smart-scheduler-view-all-day-label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
smart-scheduler:not([animation=none]) .smart-scheduler-legend .smart-scheduler-legend-res-item:before {
  transition: background linear 0.2s, border linear 0.2s;
}
smart-scheduler:not([animation=none]) .smart-scheduler-event:after, smart-scheduler:not([animation=none]) .smart-scheduler-event:before,
smart-scheduler:not([animation=none]) .smart-scheduler-event:after,
smart-scheduler:not([animation=none]) .smart-scheduler-event:before {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}
smart-scheduler:not([animation=none]) .smart-scheduler-view-items-button {
  transition: transform 0.2s ease-in-out;
}
smart-scheduler:not([animation=none]) .smart-scheduler-items-container .smart-scheduler-item {
  transition: border-top 0.2s ease-in-out;
}
smart-scheduler:not([event-render-mode=classic]) .smart-scheduler-event {
  padding-right: initial;
}
smart-scheduler:not([disable-date-menu]):not([right-to-left]) .smart-scheduler-nav[current] button {
  padding-right: var(--smart-editor-addon-width);
}
smart-scheduler:not([disable-view-menu]):not([right-to-left]) .smart-scheduler-view-items-button button {
  padding-right: var(--smart-editor-addon-width);
}
smart-scheduler:not([view-type^=timeline]) .smart-scheduler-cells-container .smart-scheduler-cell:not(.scale):not(:last-of-type) {
  border-right: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
}
smart-scheduler:not([view-type^=timeline]) .smart-scheduler-cells-container .smart-scheduler-cell.scale:not(:last-of-type) {
  border-bottom: var(--smart-border-width) solid rgba(var(--smart-border-rgb), .5);
}
smart-scheduler:not([view-type^=timeline]) .smart-scheduler-cells-container .smart-scheduler-cell-container:not(:last-of-type) {
  border-bottom: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-horizontal-line-color);
}
smart-scheduler:not([view-type^=timeline]) .smart-scheduler-view-header-horizontal .smart-scheduler-time-zone {
  width: var(--smart-scheduler-timeline-header-vertical-cells-size);
  height: 100%;
}
smart-scheduler:not([view-type^=timeline]) .smart-scheduler-current-time-indicator:before {
  left: 0;
  top: calc(-1 * var(--smart-scheduler-current-time-indicator-arrow-size) + var(--smart-scheduler-current-time-indicator-size) / 2);
  border-top: var(--smart-scheduler-current-time-indicator-arrow-size) solid transparent;
  border-bottom: var(--smart-scheduler-current-time-indicator-arrow-size) solid transparent;
  border-left: var(--smart-scheduler-current-time-indicator-arrow-size) solid var(--smart-scheduler-current-time-indicator-background);
}
smart-scheduler:not([view-type^=timeline]) .smart-scheduler-event {
  width: var(--smart-scheduler-event-size);
}
smart-scheduler:not([view-type=timelineDay]) .smart-scheduler-view-header-horizontal .smart-scheduler-cells:not(:last-of-type) .smart-scheduler-cell {
  border-bottom: var(--smart-border-width) solid var(--smart-border);
}
smart-scheduler:not([view-type=timelineWeek]) .smart-scheduler-view-details {
  display: none;
}
smart-scheduler:not([view-type=timelineWeek]) .smart-scheduler-view-details-label:empty {
  display: none;
}
smart-scheduler:not([view-type=day]) .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-header-groups-container .smart-scheduler-cell-container:not(:last-of-type) > .smart-scheduler-cell {
  border-right: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
}
smart-scheduler:not([view-type=day]):not([view-type^=timeline]) .smart-scheduler-view-label-container:empty, smart-scheduler:not([view-type=day]):not([view-type=agenda]) .smart-scheduler-view-header-vertical .smart-scheduler-cell,
smart-scheduler:not([view-type=day]) .smart-scheduler-view-header-cell-feedback {
  border-right: var(--smart-border-width) solid var(--smart-border);
}
smart-scheduler:not([view-type=month]) .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-label-container:before {
  content: "";
  width: var(--smart-scheduler-timeline-header-vertical-group-size);
  height: 100%;
  display: flex;
}
smart-scheduler:not([view-type=month]) .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-all-day-label-container {
  margin-left: var(--smart-scheduler-timeline-header-vertical-group-size);
}
smart-scheduler:not([view-type=agenda]) .smart-scheduler-view-header-vertical-content .smart-scheduler-cell:not(:first-of-type) > div {
  transform: translateY(calc(-50% - var(--smart-scheduler-timeline-header-cell-padding)));
}
smart-scheduler:not([view-type=agenda]) .smart-scheduler-event[status] .smart-scheduler-event-content {
  padding-left: calc(var(--smart-scheduler-status-size) + var(--smart-scheduler-status-padding));
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
smart-scheduler:not([view-type=agenda]) .smart-scheduler-cells-container .smart-scheduler-cell:not(.scale):hover,
smart-scheduler:not([view-type=agenda]) .smart-scheduler-view-all-day .smart-scheduler-cell:hover {
  background: var(--smart-ui-state-hover);
  color: var(--smart-ui-state-color-hover);
}
smart-scheduler:not([view-type=agenda])[group-by-date] .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-header-vertical .smart-scheduler-view-time .smart-scheduler-cell:not([group-separator]) > div {
  display: none;
}
smart-scheduler[view-type]:not([view-type=day]) .smart-scheduler-view-all-day-label, smart-scheduler[view-type]:not([view-type=day]):not([view-type=agenda]) .smart-scheduler-time-zone:last-of-type {
  border-right: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
}
smart-scheduler[view-type^=timeline] {
  --smart-scheduler-event-size: var(--smart-scheduler-event-size-timeline);
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view-label-container {
  flex-direction: column;
}
smart-scheduler[view-type^=timeline] .smart-scheduler-cells .smart-scheduler-cell > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
smart-scheduler[view-type^=timeline][group-by-date] .smart-scheduler-view-header-horizontal-content .smart-scheduler-cell {
  overflow: initial;
}
smart-scheduler[view-type^=timeline] .smart-scheduler-time-zone {
  height: var(--smart-scheduler-timeline-header-horizontal-cells-size);
  border-right: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view:not([show-vertical-header]) {
  --smart-scheduler-timeline-header-vertical-cells-size: 0;
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view[show-vertical-header][show-group-header=horizontal] .smart-scheduler-view-details-label {
  border-right: var(--smart-scheduler-view-line-size) solid var(--smart-scheduler-view-vertical-line-color);
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-label-container {
  border-right: var(--smart-border-width) solid var(--smart-border);
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-header-vertical {
  grid-template-columns: auto 0;
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-view-header-horizontal .smart-scheduler-view-time-container {
  grid-template-columns: var(--smart-scheduler-timeline-header-vertical-group-size) minmax(0, 1fr);
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view[show-group-header=vertical] .smart-scheduler-current-time-indicator:not(:first-of-type)::before {
  content: none;
}
smart-scheduler[view-type^=timeline] .smart-scheduler-time-zone-container {
  height: auto;
  flex-direction: column;
}
smart-scheduler[view-type^=timeline] .smart-scheduler-view-time {
  flex-direction: column;
}
smart-scheduler[view-type^=timeline] .smart-scheduler-event {
  padding: var(--smart-scheduler-event-padding-timeline);
  height: var(--smart-scheduler-event-size);
}
smart-scheduler[view-type^=timeline] .smart-scheduler-event:after