#calendar{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin:0 auto;overflow:hidden}.header{height:50px;background:rgba(0,51,102);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}.left,.right{position:absolute;width:0;height:0;border-style:solid;top:50%;margin-top:-7.5px;cursor:pointer}.left{border-width:7.5px 10px 7.5px 0;border-color:transparent #FFF transparent transparent;left:20px}.right{border-width:7.5px 0 7.5px 10px;border-color:transparent transparent transparent #FFF;right:20px}.month{opacity:0}.month.new{-webkit-animation:fadeIn 1s ease-out;opacity:1}.month.in.next{-webkit-animation:moveFromTopFadeMonth .4s ease-out;-moz-animation:moveFromTopFadeMonth .4s ease-out;animation:moveFromTopFadeMonth .4s ease-out;opacity:1}.month.out.next{-webkit-animation:moveToTopFadeMonth .4s ease-in;-moz-animation:moveToTopFadeMonth .4s ease-in;animation:moveToTopFadeMonth .4s ease-in;opacity:1}.month.in.prev{-webkit-animation:moveFromBottomFadeMonth .4s ease-out;-moz-animation:moveFromBottomFadeMonth .4s ease-out;animation:moveFromBottomFadeMonth .4s ease-out;opacity:1}.month.out.prev{-webkit-animation:moveToBottomFadeMonth .4s ease-in;-moz-animation:moveToBottomFadeMonth .4s ease-in;animation:moveToBottomFadeMonth .4s ease-in;opacity:1}.week{background:rgba(0,51,102,.75)}.day{display:inline-block;width:14%;padding:5px 10px;text-align:center;vertical-align:top;cursor:pointer;position:relative;z-index:100;color:#FFF}.day.other{color:#333}.day.today{color:#c20017;font-weight:700}.day-name{font-size:9px;text-transform:uppercase;margin-bottom:5px;color:#FFF;letter-spacing:.7px}.day-number{font-size:16px;letter-spacing:1.5px}.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:rgba(156,202,235,1)}.orange{background:#c20017}.green{background:rgba(153,198,109,1)}.yellow{background:rgba(249,233,0,1)}.details{position:relative;height:125px;background:rgba(0,51,102,.75);margin-top:5px;border-radius:4px}.details.in{-webkit-animation:moveFromTopFade .5s ease both;-moz-animation:moveFromTopFade .5s ease both;animation:moveFromTopFade .5s ease both}.details.out{-webkit-animation:moveToTopFade .5s ease both;-moz-animation:moveToTopFade .5s ease both;animation:moveToTopFade .5s ease both}.arrow{position:absolute;top:-5px;left:50%;margin-left:-2px;width:0;height:0;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #10406F transparent;transition:all 0.7s ease}.events{height:125px;padding:7px 0;overflow-y:auto;overflow-x:hidden}.events.in{-webkit-animation:fadeIn .3s ease both;-moz-animation:fadeIn .3s ease both;animation:fadeIn .3s ease both}.events.in{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.details.out .events{-webkit-animation:fadeOutShrink .4s ease both;-moz-animation:fadeOutShink .4s ease both;animation:fadeOutShink .4s ease both}.events.out{-webkit-animation:fadeOut .3s ease both;-moz-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;display:table}.event.empty{color:#eee}.event-category{height:10px;width:10px;display:inline-block;margin:6px 0 0;vertical-align:top}.event span{display:inline-block;padding:1px 0 1px 7px;font-size:13px;color:#FFF}.legend{position:absolute;bottom:0;width:100%;height:30px;background:rgba(60,60,60,1);line-height:30px}.entry{position:relative;padding:0 0 0 25px;font-size:13px;display:inline-block;line-height:30px;background:transparent}.entry:after{position:absolute;content:'';height:5px;width:5px;top:12px;left:14px}.entry.blue:after{background:rgba(156,202,235,1)}.entry.orange:after{background:#c20017}.entry.green:after{background:rgba(153,198,109,1)}.entry.yellow:after{background:rgba(249,233,0,1)}@-webkit-keyframes moveFromTopFade{from{opacity:.3;height:0;margin-top:0;-webkit-transform:translateY(-100%)}}@-moz-keyframes moveFromTopFade{from{height:0;margin-top:0;-moz-transform:translateY(-100%)}}@keyframes moveFromTopFade{from{height:0;margin-top:0;transform:translateY(-100%)}}@-webkit-keyframes moveToTopFade{to{opacity:.3;height:0;margin-top:0;opacity:.3;-webkit-transform:translateY(-100%)}}@-moz-keyframes moveToTopFade{to{height:0;-moz-transform:translateY(-100%)}}@keyframes moveToTopFade{to{height:0;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:0;height:0}}@-moz-keyframes fadeOutShink{to{opacity:0;padding:0;height:0}}@keyframes fadeOutShink{to{opacity:0;padding:0;height:0}}.btn-event{border:none;padding:2px 15px}.event span.title{padding-left:14px;font-weight:500}.end{border-bottom:dotted 1px #CDCDCD}.event-recent{font-size:16px;line-height:22px;letter-spacing:.5px;vertical-align:top;display:table}.event-recent span{display:inline-block;padding:1px 0 1px 0;font-size:13px;color:#000;line-height:25px}.event-recent span.title{font-weight:500;line-height:25px;padding:5px 0}.event-recent button.btn-event{border:none;padding:6px 15px}.event-recent a{text-decoration:none;font-weight:600;color:#000}.event-recent a:hover{color:#2066E9}