.calendar .view{display:inline-block;height:100%}.calendar span[data-item]:hover{outline:1px dotted #000}.calendar .today{outline:1px dotted #f55}.calendar .content{display:inline-table;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;line-height:1;padding:1px}.calendar .content>div{display:table-row}.calendar .content>div>span{display:table-cell;vertical-align:top;height:0%;line-height:.5}.calendar .cellHead{vertical-align:top;line-height:1}.calendar .hourView .cellHead{display:inline-block;width:1em;font-size:75%}.calendar .hourView>div>span{height:6%}.calendar .dayView .cellHead{margin-right:.5em;display:inline-block;width:1.25em}.calendar .dayView>div>span{height:8%}.calendar .weekView>div>span{line-height:.5}.calendar .weekView>div:nth-child(4n+1)>span{border-bottom:1px dashed silver}.calendar .weekView>div:first-child>span{width:14%;padding:.2em;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar .weekView>div>span:first-child{width:1em;padding-right:.25em;text-align:right}.calendar .weekView>div:nth-child(odd)>span:first-child{visibility:hidden}.calendar .monthView>div:first-child>span{padding:.25em;text-align:center}.calendar:not(.compact) .monthView>div>span:first-child{text-align:center;font-weight:700;padding-right:.25em;line-height:1}.calendar .monthView .cellHead{text-align:center}.calendar .monthView .notThisMonth .cellHead{color:silver}.calendar .decadeView>div>span,.calendar .yearView>div>span{text-align:center;vertical-align:middle}.calendar .decadeView .cellHead,.calendar .yearView .cellHead{padding:.2em}.calendar{position:relative;width:20em;height:16em;font-family:arial;font-size:90%;display:inline-block;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:2.5em}.calendar.compact{padding-top:1.5em}.calendar.multiView .viewContainer{position:absolute;top:0}.calendar.multiView .header{position:relative}.calendar.multiView .content{margin-top:-2.5em;padding-top:2.5em}.calendar.compact.multiView .content{margin-top:-1.5em;padding-top:1.5em}.calendar .header{height:2em;padding-top:.5em;text-align:center}.calendar .header>span{cursor:pointer;padding:.5em}.calendar.compact .header{height:1.25em;padding-top:.25em}.calendar.compact .header sup{vertical-align:initial}.calendar .nav{position:absolute;top:0;left:0;right:0;text-align:center}.calendar .nav .next,.calendar .nav .prev{position:absolute;top:0;z-index:1;font-size:150%;padding:.3em 1em 0 1em;font-weight:700;cursor:pointer}.calendar .nav .prev{left:0}.calendar .nav .next{right:0}.calendar .nav .prev:before{content:"\2190"}.calendar .nav .next:before{content:"\2192"}.calendar.compact .nav .prev{padding:0;left:.25em;top:-.25em}.calendar.compact .nav .next{padding:0;right:.25em;top:-.25em}.calendar .viewContainer{display:block;position:relative;height:100%;width:100%;overflow:hidden;white-space:nowrap}.calendar .view{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.calendar .forwardSlide-leave-to,.calendar .reverseSlide-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.calendar .forwardSlide-enter,.calendar .reverseSlide-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.calendar.multiView .reverseSlide-leave-to{-webkit-transform:translateX(0);transform:translateX(0)}.calendar .forwardSlide-leave-active,.calendar .reverseSlide-leave-active{position:absolute}.calendar .forwardScale-enter,.calendar .reverseScale-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.calendar .forwardScale-leave-to,.calendar .reverseScale-enter{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}.calendar .forwardScale-leave-active,.calendar .reverseScale-leave-active{position:absolute}.calendar.multiView .view{border-left:1px dotted #d3d3d3}.calendar.multiView .view:first-child{border-left:none}.calendar .view .eventRange,.calendar .view .events{display:inline-block}.calendar .view .eventAt{display:inline-block;margin:1px;width:4px;height:4px}.calendar .horizontalLayout .events{width:100%;vertical-align:top;text-align:center}.calendar .horizontalLayout .eventRange{position:relative;display:block;margin:2px 0;width:100%;min-width:1px;height:2px}.calendar .horizontalLayout .eventAt{vertical-align:top}.calendar .verticalLayout .events{height:100%}.calendar .verticalLayout .eventRange{position:relative;margin:0 2px;width:2px;height:100%;min-height:1px;vertical-align:top}.calendar .verticalLayout .eventAt{vertical-align:middle}.calendar .selection2{background-color:#cde}.calendar .selection1{background-color:#def}.calendar .horizontalLayout .selectionStart{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.calendar .horizontalLayout .selectionEnd{border-top-right-radius:.5em;border-bottom-right-radius:.5em}.calendar .verticalLayout .selectionStart{border-top-left-radius:.5em;border-top-right-radius:.5em}.calendar .verticalLayout .selectionEnd{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}