.vuecal { height: 100%; box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.08); } .vuecal * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vuecal--has-touch *:not(.vuecal__event-title--edit) { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vuecal .clickable { cursor: pointer; } .vuecal--resizing-event, .vuecal--drag-creating-event { cursor: ns-resize; } .vuecal--dragging-event { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .vuecal .dragging-helper { position: absolute; width: 60px; height: 40px; background: rgba(138, 190, 230, 0.8); border: 1px solid #61a9e0; z-index: 10; } .vuecal--xsmall { font-size: 0.9em; } .vuecal__flex { display: flex; flex-direction: row; } .vuecal__flex[column] { flex-direction: column; flex: 1 1 auto; } .vuecal__flex[grow] { flex: 1 1 auto; width: 100%; } .vuecal__flex[wrap] { flex-wrap: wrap; } .vuecal__split-days-headers.slide-fade--right-leave-active { display: none; } .vuecal--week-numbers.vuecal--month-view .vuecal__split-days-headers { margin-left: 3em; } .vuecal--day-view:not(.vuecal--overflow-x) .vuecal__split-days-headers { margin-left: 3em; height: 2.2em; } .vuecal--day-view.vuecal--twelve-hour:not(.vuecal--overflow-x) .vuecal__split-days-headers { margin-left: 4em; } .vuecal__split-days-headers .day-split-header { display: flex; flex-grow: 1; flex-basis: 0; justify-content: center; align-items: center; height: 100%; } .vuecal__split-days-headers .vuecal--day-view.vuecal--overflow-x.vuecal--sticky-split-labels .day-split-header { height: 1.5em; } .vuecal__body { position: relative; overflow: hidden; } .vuecal__all-day { min-height: 1.7em; margin-bottom: -1px; flex-shrink: 0; } .vuecal__all-day-text { width: 3em; box-sizing: border-box; color: #999; padding-right: 2px; display: flex; flex-shrink: 0; align-items: center; justify-content: flex-end; border-bottom: 1px solid #ddd; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .vuecal__all-day-text span { font-size: 0.85em; text-align: right; line-height: 1.1; } .vuecal--twelve-hour .vuecal__all-day > span { width: 4em; } .vuecal__bg { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; min-height: 60px; position: relative; width: 100%; } .vuecal--no-time .vuecal__bg { display: flex; flex: 1 1 auto; overflow: auto; } .vuecal__week-numbers { width: 3em; flex-shrink: 0 !important; } .vuecal__week-numbers .vuecal__week-number-cell { opacity: 0.4; font-size: 0.9em; align-items: center; justify-items: center; justify-content: center; } .vuecal__scrollbar-check { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; visibility: hidden; z-index: -1; } .vuecal__scrollbar-check div { height: 120%; } .vuecal__time-column { width: 3em; height: 100%; flex-shrink: 0; } .vuecal--twelve-hour .vuecal__time-column { width: 4em; font-size: 0.9em; } .vuecal--overflow-x.vuecal--week-view .vuecal__time-column { margin-top: 4em; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .vuecal--overflow-x.vuecal--week-view.vuecal--sticky-split-labels .vuecal__time-column { margin-top: 3.4em; } .vuecal--overflow-x.vuecal--day-view.vuecal--sticky-split-labels .vuecal__time-column { margin-top: 1.5em; } .vuecal__time-column .vuecal__time-cell { color: #999; text-align: right; padding-right: 2px; font-size: 0.9em; } .vuecal__time-column .vuecal__time-cell-line:before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid rgba(196, 196, 196, 0.3); } .vuecal__cells { margin: 0 1px 1px 0; } .vuecal--overflow-x.vuecal--day-view .vuecal__cells { margin: 0; } .vuecal--events-on-month-view.vuecal--short-events .vuecal__cells { width: 99.9%; } .vuecal--overflow-x.vuecal--day-view .vuecal__cells, .vuecal--overflow-x.vuecal--week-view .vuecal__cells { flex-wrap: nowrap; overflow: auto; } .slide-fade--left-enter-active, .slide-fade--left-leave-active, .slide-fade--right-enter-active, .slide-fade--right-leave-active { transition: 0.25s ease-out; } .slide-fade--left-enter-from, .slide-fade--right-leave-to { transform: translateX(-15px); opacity: 0; } .slide-fade--left-leave-to, .slide-fade--right-enter-from { transform: translateX(15px); opacity: 0; } .slide-fade--left-leave-active, .slide-fade--right-leave-active { position: absolute !important; height: 100%; } .vuecal__title-bar .slide-fade--left-leave-active, .vuecal__title-bar .slide-fade--right-leave-active { left: 0; right: 0; height: auto; } .vuecal__heading .slide-fade--left-leave-active, .vuecal__heading .slide-fade--right-leave-active { display: flex; align-items: center; } .vuecal--green-theme .vuecal__menu, .vuecal--green-theme .vuecal__cell-events-count { background-color: #42b983; color: #fff; } .vuecal--green-theme .vuecal__title-bar { background-color: #e4f5ef; } .vuecal--green-theme .vuecal__cell--today, .vuecal--green-theme .vuecal__cell--current { background-color: rgba(240, 240, 255, 0.4); } .vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected { background-color: rgba(235, 255, 245, 0.4); } .vuecal--green-theme .vuecal__cell--selected:before { border-color: rgba(66, 185, 131, 0.5); } .vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--green-theme .vuecal__cell-split--highlighted { background-color: rgba(195, 255, 225, 0.5); } .vuecal--green-theme .vuecal__arrow--highlighted, .vuecal--green-theme .vuecal__today-btn--highlighted, .vuecal--green-theme .vuecal__view-btn--highlighted { background-color: rgba(136, 236, 191, 0.25); } .vuecal--blue-theme .vuecal__menu, .vuecal--blue-theme .vuecal__cell-events-count { background-color: rgba(66, 163, 185, 0.8); color: #fff; } .vuecal--blue-theme .vuecal__title-bar { background-color: rgba(0, 165, 188, 0.3); } .vuecal--blue-theme .vuecal__cell--today, .vuecal--blue-theme .vuecal__cell--current { background-color: rgba(240, 240, 255, 0.4); } .vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected { background-color: rgba(235, 253, 255, 0.4); } .vuecal--blue-theme .vuecal__cell--selected:before { border-color: rgba(115, 191, 204, 0.5); } .vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--blue-theme .vuecal__cell-split--highlighted { background-color: rgba(0, 165, 188, 0.06); } .vuecal--blue-theme .vuecal__arrow--highlighted, .vuecal--blue-theme .vuecal__today-btn--highlighted, .vuecal--blue-theme .vuecal__view-btn--highlighted { background-color: rgba(66, 163, 185, 0.2); } .vuecal--rounded-theme .vuecal__weekdays-headings { border: none; } .vuecal--rounded-theme .vuecal__cell, .vuecal--rounded-theme .vuecal__cell:before { background: none; border: none; } .vuecal--rounded-theme .vuecal__cell--out-of-scope { opacity: 0.4; } .vuecal--rounded-theme .vuecal__cell-content { width: 30px; height: 30px; flex-grow: 0; border: 1px solid transparent; border-radius: 30px; color: #333; } .vuecal--rounded-theme.vuecal--day-view .vuecal__cell-content { width: auto; background: none; } .vuecal--rounded-theme.vuecal--year-view .vuecal__cell { width: 33.33%; } .vuecal--rounded-theme.vuecal--year-view .vuecal__cell-content { width: 85px; } .vuecal--rounded-theme.vuecal--years-view .vuecal__cell-content { width: 52px; } .vuecal--rounded-theme .vuecal__cell { background-color: transparent !important; } .vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell-content { background-color: #f1faf7; } .vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content { background-color: #42b983; color: #fff; } .vuecal--rounded-theme.vuecal--green-theme .vuecal--day-view .vuecal__cell--today:before { background-color: rgba(66, 185, 131, 0.05); } .vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content { border-color: #42b983; } .vuecal--rounded-theme.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--rounded-theme.vuecal--green-theme .vuecal__cell-split--highlighted { background-color: rgba(195, 255, 225, 0.5); } .vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell-content { background-color: rgba(100, 182, 255, 0.2); } .vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content { background-color: #8fb7e4; color: #fff; } .vuecal--rounded-theme.vuecal--blue-theme .vuecal--day-view .vuecal__cell--today:before { background-color: rgba(143, 183, 228, 0.1); } .vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content { border-color: #61a9e0; } .vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell-split--highlighted { background-color: rgba(0, 165, 188, 0.06); } .vuecal--date-picker .vuecal__title-bar { font-size: 1.2em; } .vuecal--date-picker .vuecal__heading { height: 2.2em; font-weight: 500; opacity: 0.4; } .vuecal--date-picker .vuecal__weekdays-headings { border: none; } .vuecal--date-picker .vuecal__body { margin-left: 1px; } .vuecal--date-picker .vuecal__cell, .vuecal--date-picker .vuecal__cell:before { background: none; border: none; } .vuecal--date-picker .vuecal__cell-content { height: 26px; flex-grow: 0; border: 1px solid transparent; border-radius: 25px; transition: background-color 0.2s cubic-bezier(0.39, 0.58, 0.57, 1); } .vuecal--date-picker.vuecal--years-view .vuecal__cell-content { flex: 0; padding: 0 4px; height: 24px; } .vuecal--date-picker.vuecal--year-view .vuecal__cell-content { flex: 0; padding: 0 15px; } .vuecal--date-picker.vuecal--month-view .vuecal__cell-content { width: 26px; } .vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell-content:hover { background-color: rgba(0, 0, 0, 0.1); } .vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content { background-color: #42b982; color: #fff; } .vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--current .vuecal__cell-content, .vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content { border-color: #42b982; }/*# sourceMappingURL=styles.css.map */