.day,.header{z-index:100;text-align:center}.day,.day .day-events,.header,.week{text-align:center}.day,.day .day-events span,.event-category{display:inline-block;vertical-align:top}.day,.event,.event-category{vertical-align:top}@media (max-width:500px){#calendar,.details,.header,.legend{width:100%!important}.day{width:13.5%!important}}@media (max-width:976px){#calendar,.details,.header,.legend{width:100%!important}.day{width:13.5%!important}}#calendar{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;margin:0 auto;height:auto;overflow:hidden;padding-bottom:25px}.header{height:50px;width:100%;background:#053769;position:relative;border-radius:7px}.header h1{margin:0;padding:0;font-size:20px;line-height:50px;font-weight:800;letter-spacing:1px;color:#fff}.left,.right{position:absolute;width:0;height:0;border-style:solid;top:50%;margin-top:-7.5px;cursor:pointer}.day,.details{position:relative}.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:#fff}.day{width:13.5%;padding:4px;cursor:pointer;background:#f8f8f8;margin:1px;border-radius:6px}.day.other{color:rgba(172,172,172,.86)}.day.today,.day.today>.day-name{color:#fff}.day.today{background:#053769}.day-name{font-size:9px;text-transform:uppercase;margin-bottom:0;color:#053769;letter-spacing:.7px}.day-number{font-size:24px;letter-spacing:1.5px;padding-bottom:5px}.day .day-events{list-style:none;margin-top:0;height:5px;line-height:0;overflow:hidden}.day .day-events span{padding:0;width:5px;height:5px;line-height:5px;margin:0 1px}.blue{background:rgba(156,202,235,1)}.orange{background:rgba(247,167,0,1)}.green{background:rgba(153,198,109,1)}.yellow{background:rgba(249,233,0,1)}.details{width:100%;min-height:30px;background:#053769;margin-top:5px;border-radius:4px}.arrow,.legend{position:absolute}.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}.event>span a{color:#fff!important;font-size:13px!important}.arrow{top:-5px;left:50%;margin-left:-4px;width:0;height:0;border-style:solid;border-width:0 5px 5px;border-color:transparent transparent #053769;transition:all .7s ease}.events{min-height:30px;padding:5px 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;-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:0 9px;text-align:left}.entry,.legend{line-height:30px}.event.empty{color:#eee}.event-category{height:10px;width:10px;margin:6px 0 0;float:left}.event span{display:inline;padding:0 0 0 7px}.legend{bottom:0;width:100%;height:0;background:rgba(60,60,60,1)}.entry{position:relative;padding:0 0 0 25px;font-size:13px;display:inline-block;background:0 0}.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:rgba(247,167,0,1)}.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{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}}