framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
1 lines • 29.9 kB
CSS
.calendar{overflow:hidden;height:320px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.calendar.modal-in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:220px}.calendar.calendar-modal{height:calc(100vh - 44px)}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-modal{position:absolute;height:420px;overflow:hidden;top:50%;left:50%;min-width:300px;max-width:380px;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:12000;background:#fff;width:90%;border-radius:4px;-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.calendar-modal.modal-in,.calendar-modal.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.calendar-modal.modal-in{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.calendar-popover{width:320px}.calendar-popover .calendar{height:320px}.calendar-week-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:11px}.calendar-week-header .calendar-week-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);text-align:center}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:.3s;transition:.3s}.calendar-month{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-day{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;cursor:pointer;z-index:20;color:#000;height:100%}.calendar-day.calendar-day-next,.calendar-day.calendar-day-prev{color:#b8b8b8}.calendar-day.calendar-day-disabled{color:#d4d4d4;cursor:auto}.calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.calendar-day .calendar-day-number{display:inline-block;border-radius:100%;position:relative}.calendar-day .calendar-day-events{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;width:100%;top:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:1px}.calendar-day .calendar-day-event{width:4px;height:4px;border-radius:50%}.calendar-day .calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-range .calendar-day.calendar-day-selected{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.calendar-range .calendar-day.calendar-day-selected .calendar-day-number{width:100%;border-radius:0;height:auto;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.calendar-month-selector,.calendar-year-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.ios .calendar-header{height:44px;background:#f7f7f8;font-size:17px;line-height:44px;font-weight:600;padding:0 8px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ios .calendar-footer{position:relative;padding:0 8px;width:100%;height:44px;background:#f7f7f8;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:17px}.ios .calendar-footer:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-week-header{background:#f7f7f8;height:18px}.ios .calendar-week-header .calendar-week-day{line-height:18px}.ios .calendar-row:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-row:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-row:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-day{font-size:15px}.ios .calendar-day.calendar-day-today .calendar-day-number{background:#e3e3e3}.ios .calendar-day.calendar-day-selected .calendar-day-number{background:#007aff}.ios .calendar-day .calendar-day-number{width:30px;height:30px;line-height:30px}.ios .calendar-day .calendar-day-event{background:#007aff}.ios .calendar-month-selector a.icon-only,.ios .calendar-year-selector a.icon-only{min-width:36px}.ios .calendar-sheet:before{content:'';position:absolute;background-color:#929499;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .calendar-sheet:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .calendar-sheet:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .calendar-sheet{background:#fff}.ios .calendar-sheet:before{z-index:600}.ios .calendar-sheet .toolbar:before{display:none}.ios .calendar-modal .toolbar:before,.ios .calendar-popover .toolbar:before{display:none}.ios .calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.ios .calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none}.ios .calendar-popover .toolbar{background:0 0}.ios .calendar-popover .calendar-footer,.ios .calendar-popover .calendar-header,.ios .calendar-popover .calendar-week-header{background:0 0}.ios.device-iphone-x .calendar-sheet .sheet-modal-inner{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .ios-edges.calendar .calendar-row,.ios.device-iphone-x .ios-edges.calendar .calendar-week-header,.ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .ios-left-edge.calendar .calendar-row,.ios.device-iphone-x .ios-left-edge.calendar .calendar-week-header,.ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .panel-left.calendar .calendar-row,.ios.device-iphone-x .panel-left.calendar .calendar-week-header,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .popup.calendar .calendar-row,.ios.device-iphone-x .popup.calendar .calendar-week-header,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.ios.device-iphone-x .sheet-modal.calendar .calendar-row,.ios.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .ios-edges.calendar .calendar-row,.ios.device-iphone-x .ios-edges.calendar .calendar-week-header,.ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .ios-right-edge.calendar .calendar-row,.ios.device-iphone-x .ios-right-edge.calendar .calendar-week-header,.ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .panel-right.calendar .calendar-row,.ios.device-iphone-x .panel-right.calendar .calendar-week-header,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .popup.calendar .calendar-row,.ios.device-iphone-x .popup.calendar .calendar-week-header,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.ios.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.ios.device-iphone-x .sheet-modal.calendar .calendar-row,.ios.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.calendar.ios .theme-dark .calendar-footer,.calendar.ios .theme-dark .calendar-header,.calendar.ios .theme-dark .calendar-week-header,.ios .theme-dark .calendar .calendar-footer,.ios .theme-dark .calendar .calendar-header,.ios .theme-dark .calendar .calendar-week-header{background-color:#1b1b1b}.ios .theme-dark .calendar-popover .calendar-week-header{background-color:transparent}.ios .theme-dark .calendar-footer:before,.ios .theme-dark .calendar-row:before,.ios .theme-dark .calendar-sheet:before{background-color:#282829}.ios .theme-dark .calendar-day{color:#fff}.ios .theme-dark .calendar-day.calendar-day-today:not(.calendar-day-selected) .calendar-day-number{background:#333}.ios .theme-dark .calendar-day.calendar-day-disabled{color:#8e8e93}.ios .theme-dark .calendar-day.calendar-day-next,.ios .theme-dark .calendar-day.calendar-day-prev{color:#555}.calendar-modal.ios .theme-dark,.ios .theme-dark .calendar-modal,.ios .theme-dark .calendar-sheet{background:#171717}.ios .color-red .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number{background:#ff3b30}.ios .color-red .calendar-day .calendar-day-event,.ios .color-theme-red .calendar-day .calendar-day-event{background:#ff3b30}.ios .color-green .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number{background:#4cd964}.ios .color-green .calendar-day .calendar-day-event,.ios .color-theme-green .calendar-day .calendar-day-event{background:#4cd964}.ios .color-blue .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number{background:#007aff}.ios .color-blue .calendar-day .calendar-day-event,.ios .color-theme-blue .calendar-day .calendar-day-event{background:#007aff}.ios .color-pink .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number{background:#ff2d55}.ios .color-pink .calendar-day .calendar-day-event,.ios .color-theme-pink .calendar-day .calendar-day-event{background:#ff2d55}.ios .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-yellow .calendar-day.calendar-day-selected .calendar-day-number{background:#fc0}.ios .color-theme-yellow .calendar-day .calendar-day-event,.ios .color-yellow .calendar-day .calendar-day-event{background:#fc0}.ios .color-orange .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number{background:#ff9500}.ios .color-orange .calendar-day .calendar-day-event,.ios .color-theme-orange .calendar-day .calendar-day-event{background:#ff9500}.ios .color-gray .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number{background:#8e8e93}.ios .color-gray .calendar-day .calendar-day-event,.ios .color-theme-gray .calendar-day .calendar-day-event{background:#8e8e93}.ios .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-white .calendar-day.calendar-day-selected .calendar-day-number{background:#fff}.ios .color-theme-white .calendar-day .calendar-day-event,.ios .color-white .calendar-day .calendar-day-event{background:#fff}.ios .color-black .calendar-day.calendar-day-selected .calendar-day-number,.ios .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number{background:#000}.ios .color-black .calendar-day .calendar-day-event,.ios .color-theme-black .calendar-day .calendar-day-event{background:#000}.md .calendar-header{height:56px;background:#2196f3;font-size:20px;line-height:56px;padding:0 24px;color:#fff;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.md .calendar-footer{position:relative;width:100%;height:48px;padding:6px 8px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.md .calendar .toolbar{background:0 0;color:#212121}.md .calendar .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.15) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.15) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .calendar .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .calendar .toolbar a.link .ripple-wave{background:rgba(0,0,0,.1)}.md .calendar .toolbar .icon-back,.md .calendar .toolbar .icon-forward,.md .calendar .toolbar .icon-next,.md .calendar .toolbar .icon-prev{opacity:.54}.md .calendar-week-header{color:rgba(0,0,0,.54);height:24px}.md .calendar-week-header .calendar-week-day{line-height:24px}.md .calendar-day.calendar-day-today .calendar-day-number{color:#2196f3}.md .calendar-day.calendar-day-selected .calendar-day-number{background:#2196f3;color:#fff}.md .calendar-day .calendar-day-number{width:32px;height:32px;line-height:32px}.md .calendar-day .calendar-day-event{background:#2196f3}.md .calendar-range .calendar-day.calendar-day-selected .calendar-day-number{color:#fff}.md .calendar-month-selector a.icon-only,.md .calendar-year-selector a.icon-only{min-width:36px}.md .calendar-sheet:before{content:'';position:absolute;background-color:#ccc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .calendar-sheet:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .calendar-sheet:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md.device-iphone-x .calendar-sheet .sheet-modal-inner{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}@media (orientation:landscape){.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .ios-edges.calendar .calendar-row,.md.device-iphone-x .ios-edges.calendar .calendar-week-header,.md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .ios-left-edge .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .ios-left-edge.calendar .calendar-row,.md.device-iphone-x .ios-left-edge.calendar .calendar-week-header,.md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .panel-left .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .panel-left.calendar .calendar-row,.md.device-iphone-x .panel-left.calendar .calendar-week-header,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .popup.calendar .calendar-row,.md.device-iphone-x .popup.calendar .calendar-week-header,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-row,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-left-edge) .calendar-week-header,.md.device-iphone-x .sheet-modal.calendar .calendar-row,.md.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .ios-edges .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .ios-edges.calendar .calendar-row,.md.device-iphone-x .ios-edges.calendar .calendar-week-header,.md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .ios-right-edge .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .ios-right-edge.calendar .calendar-row,.md.device-iphone-x .ios-right-edge.calendar .calendar-week-header,.md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .panel-right .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .panel-right.calendar .calendar-row,.md.device-iphone-x .panel-right.calendar .calendar-week-header,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .popup .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .popup.calendar .calendar-row,.md.device-iphone-x .popup.calendar .calendar-week-header,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-row,.md.device-iphone-x .sheet-modal .calendar:not(.no-ios-edges):not(.no-ios-right-edge) .calendar-week-header,.md.device-iphone-x .sheet-modal.calendar .calendar-row,.md.device-iphone-x .sheet-modal.calendar .calendar-week-header{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}.md .theme-dark .calendar-popover .calendar-week-header{background-color:transparent}.md .theme-dark .calendar-week-header{color:rgba(255,255,255,.54)}.md .theme-dark .calendar-day{color:rgba(255,255,255,.87)}.md .theme-dark .calendar-day.calendar-day-disabled{color:rgba(255,255,255,.54)}.md .theme-dark .calendar-day.calendar-day-next,.md .theme-dark .calendar-day.calendar-day-prev{color:rgba(255,255,255,.35)}.calendar-modal.md .theme-dark,.md .theme-dark .calendar-modal{background:#202020}.calendar.md .theme-dark.calendar-sheet:before,.md .theme-dark .calendar.calendar-sheet:before{background-color:rgba(255,255,255,.2)}.calendar.md .theme-dark .toolbar,.md .theme-dark .calendar .toolbar{color:rgba(255,255,255,.54)}.calendar.md .theme-dark .toolbar a.link:before,.md .theme-dark .calendar .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.calendar.md .theme-dark .toolbar a.link.active-state:before,.md .theme-dark .calendar .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.calendar.md .theme-dark .toolbar a.link .ripple-wave,.md .theme-dark .calendar .toolbar a.link .ripple-wave{background-color:rgba(255,255,255,.3)}.md .color-red .calendar-header,.md .color-theme-red .calendar-header{background:#f44336}.md .color-red .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-red .calendar-day.calendar-day-today .calendar-day-number{color:#f44336}.md .color-red .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number{background:#f44336;color:#fff}.md .color-red .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-red .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-red .calendar-day .calendar-day-event,.md .color-theme-red .calendar-day .calendar-day-event{background:#f44336}.md .color-green .calendar-header,.md .color-theme-green .calendar-header{background:#4caf50}.md .color-green .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-green .calendar-day.calendar-day-today .calendar-day-number{color:#4caf50}.md .color-green .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number{background:#4caf50;color:#fff}.md .color-green .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-green .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-green .calendar-day .calendar-day-event,.md .color-theme-green .calendar-day .calendar-day-event{background:#4caf50}.md .color-blue .calendar-header,.md .color-theme-blue .calendar-header{background:#2196f3}.md .color-blue .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-blue .calendar-day.calendar-day-today .calendar-day-number{color:#2196f3}.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number{background:#2196f3;color:#fff}.md .color-blue .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-blue .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-blue .calendar-day .calendar-day-event,.md .color-theme-blue .calendar-day .calendar-day-event{background:#2196f3}.md .color-pink .calendar-header,.md .color-theme-pink .calendar-header{background:#e91e63}.md .color-pink .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-pink .calendar-day.calendar-day-today .calendar-day-number{color:#e91e63}.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number{background:#e91e63;color:#fff}.md .color-pink .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-pink .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-pink .calendar-day .calendar-day-event,.md .color-theme-pink .calendar-day .calendar-day-event{background:#e91e63}.md .color-theme-yellow .calendar-header,.md .color-yellow .calendar-header{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-today .calendar-day-number,.md .color-yellow .calendar-day.calendar-day-today .calendar-day-number{color:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number,.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number{background:#ffeb3b;color:#fff}.md .color-theme-yellow .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-yellow .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-theme-yellow .calendar-day .calendar-day-event,.md .color-yellow .calendar-day .calendar-day-event{background:#ffeb3b}.md .color-orange .calendar-header,.md .color-theme-orange .calendar-header{background:#ff9800}.md .color-orange .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-orange .calendar-day.calendar-day-today .calendar-day-number{color:#ff9800}.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number{background:#ff9800;color:#fff}.md .color-orange .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-orange .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-orange .calendar-day .calendar-day-event,.md .color-theme-orange .calendar-day .calendar-day-event{background:#ff9800}.md .color-gray .calendar-header,.md .color-theme-gray .calendar-header{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-gray .calendar-day.calendar-day-today .calendar-day-number{color:#9e9e9e}.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number{background:#9e9e9e;color:#fff}.md .color-gray .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-gray .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-gray .calendar-day .calendar-day-event,.md .color-theme-gray .calendar-day .calendar-day-event{background:#9e9e9e}.md .color-theme-white .calendar-header,.md .color-white .calendar-header{background:#fff}.md .color-theme-white .calendar-day.calendar-day-today .calendar-day-number,.md .color-white .calendar-day.calendar-day-today .calendar-day-number{color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number,.md .color-white .calendar-day.calendar-day-selected .calendar-day-number{background:#fff;color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-white .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-theme-white .calendar-day .calendar-day-event,.md .color-white .calendar-day .calendar-day-event{background:#fff}.md .color-black .calendar-header,.md .color-theme-black .calendar-header{background:#000}.md .color-black .calendar-day.calendar-day-today .calendar-day-number,.md .color-theme-black .calendar-day.calendar-day-today .calendar-day-number{color:#000}.md .color-black .calendar-day.calendar-day-selected .calendar-day-number,.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number{background:#000;color:#fff}.md .color-black .calendar-day.calendar-day-selected .calendar-day-number:after,.md .color-theme-black .calendar-day.calendar-day-selected .calendar-day-number:after{background-color:#fff}.md .color-black .calendar-day .calendar-day-event,.md .color-theme-black .calendar-day .calendar-day-event{background:#000}