#calendar{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;min-width:452px;margin:0 auto;height:570px;overflow:hidden;}#calendar .header{height:50px;width:100%;background:rgba(255,255,255,1);text-align:center;position:relative;z-index:100;}#calendar .header h1{margin:0;padding:0;font-size:20px;line-height:50px;font-weight:100;letter-spacing:1px;}#calendar .left,#calendar .right{position:absolute;width:0px;height:0px;border-style:solid;top:50%;margin-top:-7.5px;cursor:pointer;}#calendar .left{border-width:7.5px 10px 7.5px 0;border-color:transparent rgba(160,159,160,1) transparent transparent;left:20px;}#calendar .right{border-width:7.5px 0 7.5px 10px;border-color:transparent transparent transparent rgba(160,159,160,1);right:20px;}#calendar .month{opacity:0;}#calendar .month.new{-webkit-animation:fadeIn 1s ease-out;opacity:1;}#calendar .month.in.next{-webkit-animation:moveFromTopFadeMonth .4s ease-out;-moz-animation:moveFromTopFadeMonth .4s ease-out;animation:moveFromTopFadeMonth .4s ease-out;opacity:1;}#calendar .month.out.next{-webkit-animation:moveToTopFadeMonth .4s ease-in;-moz-animation:moveToTopFadeMonth .4s ease-in;animation:moveToTopFadeMonth .4s ease-in;opacity:1;}#calendar .month.in.prev{-webkit-animation:moveFromBottomFadeMonth .4s ease-out;-moz-animation:moveFromBottomFadeMonth .4s ease-out;animation:moveFromBottomFadeMonth .4s ease-out;opacity:1;}#calendar .month.out.prev{-webkit-animation:moveToBottomFadeMonth .4s ease-in;-moz-animation:moveToBottomFadeMonth .4s ease-in;animation:moveToBottomFadeMonth .4s ease-in;opacity:1;}#calendar .week{background:#f0f0f0;}#calendar .day{display:inline-block;width:14.286%;padding:10px;text-align:center;vertical-align:top;cursor:pointer;background:#f0f0f0;position:relative;z-index:100;}#calendar .day.other{color:rgba(80,80,80,.3);}#calendar .day.today{color:rgba(156,202,235,1);}#calendar .day-name{font-size:9px;text-transform:uppercase;margin-bottom:5px;color:rgba(80,80,80,.5);letter-spacing:.7px;}#calendar .day-number{font-size:24px;letter-spacing:1.5px;}#calendar .day .day-events{list-style:none;margin-top:3px;text-align:center;height:12px;line-height:6px;overflow:hidden;}#calendar .day .day-events span{vertical-align:top;display:inline-block;padding:0;margin:0;width:5px;height:5px;line-height:5px;margin:0 1px;}#calendar .blue{background:rgba(156,202,235,1);}#calendar .orange{background:rgba(247,167,0,1);}#calendar .green{background:rgba(153,198,109,1);}#calendar .yellow{background:rgba(249,233,0,1);}#calendar .details{position:relative;width:100%;height:75px;background:rgba(255,255,255,1);margin-top:5px;border-radius:4px;}#calendar .details.in{-webkit-animation:moveFromTopFade .5s ease both;-moz-animation:moveFromTopFade .5s ease both;animation:moveFromTopFade .5s ease both;}#calendar .details.out{-webkit-animation:moveToTopFade .5s ease both;-moz-animation:moveToTopFade .5s ease both;animation:moveToTopFade .5s ease both;}#calendar .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:transparent transparent rgba(164,164,164,1) transparent;transition:all 0.7s ease;}#calendar .events{height:75px;padding:7px 0;overflow-y:auto;overflow-x:hidden;}#calendar .events.in{-webkit-animation:fadeIn .3s ease both;-moz-animation:fadeIn .3s ease both;animation:fadeIn .3s ease both;}#calendar .events.in{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;}#calendar .details.out .events{-webkit-animation:fadeOutShrink .4s ease both;-moz-animation:fadeOutShink .4s ease both;animation:fadeOutShink .4s ease both;}#calendar .events.out{-webkit-animation:fadeOut .3s ease both;-moz-animation:fadeOut .3s ease both;animation:fadeOut .3s ease both;}#calendar .event{font-size:16px;line-height:22px;letter-spacing:.5px;padding:2px 16px;vertical-align:top;}#calendar .event.empty{color:#eee;}#calendar .event-category{height:10px;width:10px;display:inline-block;margin:6px 0 0;vertical-align:top;}#calendar .event span{display:inline-block;padding:0 0 0 7px;}#calendar .legend{position:absolute;bottom:0;width:100%;height:30px;background:rgba(255,255,255,1);line-height:30px;}#calendar .entry{position:relative;padding:0 0 0 25px;font-size:13px;display:inline-block;line-height:30px;background:transparent;}#calendar .entry:after{position:absolute;content:'';height:5px;width:5px;top:12px;left:14px;}#calendar .entry.blue:after{background:rgba(156,202,235,1);}#calendar .entry.orange:after{background:rgba(247,167,0,1);}#calendar .entry.green:after{background:rgba(153,198,109,1);}#calendar .entry.yellow:after{background:rgba(249,233,0,1);}@-webkit-keyframes moveFromTopFade{from{opacity:.3;height:0px;margin-top:0px;-webkit-transform:translateY(-100%);}}@-moz-keyframes moveFromTopFade{from{height:0px;margin-top:0px;-moz-transform:translateY(-100%);}}@keyframes moveFromTopFade{from{height:0px;margin-top:0px;transform:translateY(-100%);}}@-webkit-keyframes moveToTopFade{to{opacity:.3;height:0px;margin-top:0px;opacity:0.3;-webkit-transform:translateY(-100%);}}@-moz-keyframes moveToTopFade{to{height:0px;-moz-transform:translateY(-100%);}}@keyframes moveToTopFade{to{height:0px;transform:translateY(-100%);}}@-webkit-keyframes moveToTopFadeMonth{to{opacity:0;-webkit-transform:translateY(-30%) scale(.95);}}@-moz-keyframes moveToTopFadeMonth{to{opacity:0;-moz-transform:translateY(-30%);}}@keyframes moveToTopFadeMonth{to{opacity:0;-moz-transform:translateY(-30%);}}@-webkit-keyframes moveFromTopFadeMonth{from{opacity:0;-webkit-transform:translateY(30%) scale(.95);}}@-moz-keyframes moveFromTopFadeMonth{from{opacity:0;-moz-transform:translateY(30%);}}@keyframes moveFromTopFadeMonth{from{opacity:0;-moz-transform:translateY(30%);}}@-webkit-keyframes moveToBottomFadeMonth{to{opacity:0;-webkit-transform:translateY(30%) scale(.95);}}@-moz-keyframes moveToBottomFadeMonth{to{opacity:0;-webkit-transform:translateY(30%);}}@keyframes moveToBottomFadeMonth{to{opacity:0;-webkit-transform:translateY(30%);}}@-webkit-keyframes moveFromBottomFadeMonth{from{opacity:0;-webkit-transform:translateY(-30%) scale(.95);}}@-moz-keyframes moveFromBottomFadeMonth{from{opacity:0;-webkit-transform:translateY(-30%);}}@keyframes moveFromBottomFadeMonth{from{opacity:0;-webkit-transform:translateY(-30%);}}@-webkit-keyframes fadeIn{from{opacity:0;}}@-moz-keyframes fadeIn{from{opacity:0;}}@keyframes fadeIn{from{opacity:0;}}@-webkit-keyframes fadeOut{to{opacity:0;}}@-moz-keyframes fadeOut{to{opacity:0;}}@keyframes fadeOut{to{opacity:0;}}@-webkit-keyframes fadeOutShink{to{opacity:0;padding:0px;height:0px;}}@-moz-keyframes fadeOutShink{to{opacity:0;padding:0px;height:0px;}}@keyframes fadeOutShink{to{opacity:0;padding:0px;height:0px;}}