body{font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue",Arial,Helvetica,sans-serif}.closeCal{color:#454548}#calendar{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);width:441px;margin:0 auto;height:570px;overflow:auto;margin-bottom:45px}#calendar>.header{height:50px;width:441px;background:#424242;text-align:center;position:relative;z-index:100}.header h1{margin:0;padding:0;font-size:20px;line-height:50px;font-weight:100;letter-spacing:1px;color:#fff}.header>.left,.right{position:absolute;width:0px;height:0px;border-style:solid;top:50%;margin-top:-7.5px;cursor:pointer}.header>.left{border-width:7.5px 10px 7.5px 0;border-color:rgba(0,0,0,0) #a09fa0 rgba(0,0,0,0) rgba(0,0,0,0);left:20px}.header>.right{border-width:7.5px 0 7.5px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #a09fa0;right:20px}.month{opacity:0}.month.new{-webkit-animation:fadeIn 1s ease-out;opacity:1}.month.in.next{-webkit-animation:moveFromTopFadeMonth .4s ease-out;animation:moveFromTopFadeMonth .4s ease-out;opacity:1}.month.out.next{-webkit-animation:moveToTopFadeMonth .4s ease-in;animation:moveToTopFadeMonth .4s ease-in;opacity:1}.month.in.prev{-webkit-animation:moveFromBottomFadeMonth .4s ease-out;animation:moveFromBottomFadeMonth .4s ease-out;opacity:1}.month.out.prev{-webkit-animation:moveToBottomFadeMonth .4s ease-in;animation:moveToBottomFadeMonth .4s ease-in;opacity:1}.week{background:#4a4a4a}.day{display:inline-block;width:60px;padding:10px;text-align:center;vertical-align:top;cursor:pointer;background:#4a4a4a;position:relative;z-index:100}.day.other{color:hsla(0,0%,100%,.3)}.day.today{color:#9ccaeb}.day-name{font-size:9px;text-transform:uppercase;margin-bottom:5px;color:hsla(0,0%,100%,.5);letter-spacing:.7px}.day-number{font-size:24px;letter-spacing:1.5px;font-weight:100}.day .day-events{list-style:none;margin-top:3px;text-align:center;height:12px;line-height:6px;overflow:hidden}.day .day-events span{vertical-align:top;display:inline-block;padding:0;margin:0;width:5px;height:5px;line-height:5px;margin:0 1px}.blue{background:#9ccaeb}.orange{background:#f7a700}.green{background:#99c66d}.yellow{background:#f9e900}.details{position:relative;width:420px;height:75px;background:#383737;margin-top:5px;border-radius:4px}.details.in{-webkit-animation:moveFromTopFade .5s ease both;animation:moveFromTopFade .5s ease both}.details.out{-webkit-animation:moveToTopFade .5s ease both;animation:moveToTopFade .5s ease both}.arrow{position:absolute;top:-5px;left:50%;margin-left:-2px;width:0px;height:0px;border-style:solid;border-width:0 5px 5px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #a4a4a4 rgba(0,0,0,0);-webkit-transition:all .7s ease;transition:all .7s ease}.events{height:75px;padding:7px 0;overflow-y:auto;overflow-x:hidden}.events.in{-webkit-animation:fadeIn .3s ease both;animation:fadeIn .3s ease both}.events.in{-webkit-animation-delay:.3s;animation-delay:.3s}.details.out .events{-webkit-animation:fadeOutShrink .4s ease both;animation:fadeOutShink .4s ease both}.events.out{-webkit-animation:fadeOut .3s ease both;animation:fadeOut .3s ease both}.event{font-size:16px;line-height:22px;letter-spacing:.5px;padding:2px 16px;vertical-align:top}.event.empty{color:#eee}.cal-container{position:absolute;background:hsla(0,0%,100%,.94);-webkit-transition:.7s;transition:.7s;overflow:hidden;width:100%;opacity:0;color:#fff;margin-top:-5px;z-index:-1}.cal-container.show{opacity:1;pointer-events:all;z-index:9}#calendar>svg{color:#fff;background:red;font-size:14px;padding:1px 3px;position:absolute;right:0;z-index:9999999999;cursor:pointer}.event-category{height:10px;width:10px;display:inline-block;margin:6px 8px 0;vertical-align:top}button{padding:0px 3px;background:rgba(0,0,0,0);font-weight:300}.event span{display:inline-block;padding:0 0 0 7px;font-weight:200}.legend{position:absolute;bottom:0;width:100%;height:30px;background:#3c3c3c;line-height:30px;display:none}.entry{position:relative;padding:0 0 0 25px;font-size:13px;display:inline-block;line-height:30px;background:rgba(0,0,0,0)}.entry:after{position:absolute;content:"";height:5px;width:5px;top:12px;left:14px}.entry.blue:after{background:#9ccaeb}.entry.orange:after{background:#f7a700}.entry.green:after{background:#99c66d}.entry.yellow:after{background:#f9e900}@-webkit-keyframes moveFromTopFade{from{opacity:.3;height:0px;margin-top:0px;-webkit-transform:translateY(-100%)}}@keyframes moveFromTopFade{from{height:0px;margin-top:0px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveToTopFade{to{opacity:.3;height:0px;margin-top:0px;opacity:.3;-webkit-transform:translateY(-100%)}}@keyframes moveToTopFade{to{height:0px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveToTopFadeMonth{to{opacity:0;-webkit-transform:translateY(-30%) scale(0.95)}}@keyframes moveToTopFadeMonth{to{opacity:0;-moz-transform:translateY(-30%)}}@-webkit-keyframes moveFromTopFadeMonth{from{opacity:0;-webkit-transform:translateY(30%) scale(0.95)}}@keyframes moveFromTopFadeMonth{from{opacity:0;-moz-transform:translateY(30%)}}@-webkit-keyframes moveToBottomFadeMonth{to{opacity:0;-webkit-transform:translateY(30%) scale(0.95)}}@keyframes moveToBottomFadeMonth{to{opacity:0;-webkit-transform:translateY(30%)}}@-webkit-keyframes moveFromBottomFadeMonth{from{opacity:0;-webkit-transform:translateY(-30%) scale(0.95)}}@keyframes moveFromBottomFadeMonth{from{opacity:0;-webkit-transform:translateY(-30%)}}@-webkit-keyframes fadeIn{from{opacity:0}}@keyframes fadeIn{from{opacity:0}}@-webkit-keyframes fadeOut{to{opacity:0}}@keyframes fadeOut{to{opacity:0}}@-webkit-keyframes fadeOutShink{to{opacity:0;padding:0px;height:0px}}@keyframes fadeOutShink{to{opacity:0;padding:0px;height:0px}}