.evo-calendar{background-color:#fff;box-shadow:0 5px 20px -5px rgba(0,0,0,.2);color:#444;margin:0 auto 40px;overflow:hidden;position:relative;width:100%;z-index:1}.calendar-sidebar{background-color:#004f9f;box-shadow:5px 0 18px -3px rgba(0,0,0,.4);color:#fff;float:left;height:100%;margin-top:0;position:absolute;transform:translateX(0);transition:all .3s ease;width:200px;z-index:1;z-index:2}.sidebar-hide .calendar-sidebar{box-shadow:none;transform:translateX(-100%)}.calendar-sidebar>span#sidebarToggler{background-color:#004f9f;cursor:pointer;height:40px;padding:0 8px;position:absolute;right:0;top:0;transform:translate(100%);width:40px}.calendar-sidebar>.calendar-year{padding:20px;text-align:center}.calendar-sidebar>.calendar-year>p{display:inline-block;font-size:28px;line-height:1.5em;margin:0}.calendar-sidebar>.calendar-year>button.icon-button{display:inline-block;height:20px;overflow:visible;width:20px}.calendar-sidebar>.calendar-year>button.icon-button>span{border-bottom:4px solid #fff;border-right:4px solid #fff;height:100%;width:100%}.calendar-sidebar>.calendar-year>img[year-val=prev]{float:left}.calendar-sidebar>.calendar-year>img[year-val=next]{float:right}.calendar-sidebar>.month-list::-webkit-scrollbar{height:5px;width:5px}.calendar-sidebar>.month-list::-webkit-scrollbar-track{background:transparent}.calendar-sidebar>.month-list::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#d6c8ff}.calendar-sidebar>.month-list>.calendar-months{list-style-type:none;margin:0;padding:0}.calendar-sidebar>.month-list>.calendar-months>li{cursor:pointer;padding:6px 30px}.calendar-sidebar>.month-list>.calendar-months>li.active-month,.calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:#6695c5}.calendar-inner{background-color:#fff;float:left;margin-left:200px;max-width:calc(100% - 600px);padding:30px;position:relative;transition:all .3s ease;width:100%;z-index:1}.calendar-inner:after{background-color:rgba(83,74,109,.5);content:none;height:100%;left:0;position:absolute;top:0;width:100%}.sidebar-hide .calendar-inner{margin-left:0;max-width:calc(100% - 400px)}.event-hide .calendar-inner{max-width:calc(100% - 200px)}.event-hide.sidebar-hide .calendar-inner{max-width:100%}.calendar-inner .calendar-table{border-collapse:collapse;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}th[colspan="7"]{color:#004f9f;font-size:28px;font-weight:700;line-height:1.5em;position:relative;text-align:center;text-transform:uppercase}th[colspan="7"]:after{background-color:#e5e5e5;bottom:-5px;content:"";height:1px;left:0;position:absolute;right:0}tr.calendar-header .calendar-header-day{color:#444;padding:20px 10px 10px;text-align:center}tr.calendar-body .calendar-day{padding:10px 0}tr.calendar-body .calendar-day .day{border:1px solid transparent;border-radius:3px;color:#444;cursor:pointer;height:60px;margin:0 auto;padding:15px;position:relative;text-align:center;transition:all .3s ease,transform .5s ease;width:60px}tr.calendar-body .calendar-day .day:hover{background-color:#004f9f;border-color:#004f9f;color:#fff}tr.calendar-body .calendar-day .day:active{transform:scale(.9)}tr.calendar-body .calendar-day .day.calendar-active,tr.calendar-body .calendar-day .day.calendar-active:hover{background-color:#004f9f!important;border-color:#004f9f!important;color:#fff!important}tr.calendar-body .calendar-day .day.calendar-today{background-color:#afc6df;border-color:#afc6df;color:#000}tr.calendar-body .calendar-day .day.calendar-today:hover{background-color:#004f9f;border-color:#004f9f;color:#fff}tr.calendar-body .calendar-day .day[disabled]{background-color:transparent;color:#b9b9b9;cursor:not-allowed;pointer-events:none}.calendar-events{background-color:#f4f4f4;height:100%;overflow-y:auto;padding:35px 30px;position:absolute;right:0;top:0;transition:all .3s ease;width:400px;z-index:1}.event-hide .calendar-events{z-index:0}.calendar-events::-webkit-scrollbar{height:5px;width:5px}.calendar-events::-webkit-scrollbar-track{background:transparent}.calendar-events::-webkit-scrollbar-thumb{background:#8e899c;border-radius:5px}.calendar-events::-webkit-scrollbar-thumb:hover{background:#6c6875}.calendar-events>.event-header>p{color:#444;font-size:24px;font-weight:700;line-height:1.5em;margin-bottom:5px}#eventListToggler{background-color:#004f9f;box-shadow:5px 0 18px -3px rgba(0,0,0,.4);cursor:pointer;height:40px;padding:10px;position:absolute;right:0;top:0;width:40px;z-index:1}.event-list:after{clear:both;content:"";display:table}.event-list>.event-empty{padding:15px 0}.event-list>.event-empty>p{color:#c4c4c4;margin:0}.event-container{border-radius:4px;cursor:pointer;display:flex;float:left;margin-bottom:10px;position:relative;transition:all .3s ease;width:100%}.event-container:before{background-color:#eaeaea;content:"";height:100%;left:0;position:absolute;top:0;transform:translate(29px,30px);width:2px;z-index:-1}.event-container:last-child.event-container:before{height:30px;transform:translate(29px)}.event-container:only-child.event-container:before{height:0;opacity:0}.event-container:hover{background-color:#fff;box-shadow:0 3px 12px -4px rgba(0,0,0,.4)}.event-container>.event-icon{float:left;height:60px;padding:20px;position:relative;width:60px}.event-container>.event-icon>img{width:30px}.event-container>.event-info{align-self:center;display:inline-block;padding:10px 10px 10px 0;width:calc(100% - 60px)}.event-container>.event-info>p{color:#444;margin:0}.event-container>.event-info>p.event-title{font-weight:700;margin-top:8px;position:relative}.event-container>.event-info>p.event-title>span{background-color:#dcdcdc;border:1x solid #004f9f;border-radius:3px;color:#004f9f;font-size:12px;line-height:1.5em;padding:3px 6px;position:absolute;right:0;top:0}.event-container>.event-info>p.event-desc{margin-top:2px}.event-indicator{left:50%;position:absolute;top:100%;transform:translate(-50%,calc(-100% - 5px));width:-moz-max-content;width:-moz-fit-content;width:fit-content}.event-indicator>.type-bullet{float:left;padding:2px}.event-indicator>.type-bullet>div{border-radius:50%;height:10px;width:10px}.event-container>.event-icon>div{border-radius:50%;height:100%;width:100%}.event-container>.event-icon>div.event-bullet-event,.event-indicator>.type-bullet>div.type-event{background-color:#3fd0a7}.event-container>.event-icon>div.event-bullet-holiday,.event-indicator>.type-bullet>div.type-holiday{background-color:#ffc107}.event-container>.event-icon>div.event-bullet-birthday,.event-indicator>.type-bullet>div.type-birthday{background-color:#3ca8ff}button.icon-button{background-color:transparent;border:none;cursor:pointer;height:100%;padding:0;width:100%}button.icon-button>span.bars{background-color:#fff;display:block;height:4px;position:relative;width:100%}button.icon-button>span.bars:after,button.icon-button>span.bars:before{background-color:#fff;content:"";display:block;height:4px;position:absolute;width:100%}button.icon-button>span.bars:before{top:-8px}button.icon-button>span.bars:after{bottom:-8px}button.icon-button>span.chevron-arrow-left{border-bottom:6px solid #fff;border-right:6px solid #fff;display:inline-block;height:18px;transform:rotate(-225deg);width:18px}button.icon-button>span.chevron-arrow-right{border-bottom:4px solid #fff;border-right:4px solid #fff;display:block;height:16px;transform:rotate(-45deg);width:16px}@media screen and (max-width:1280px){.calendar-inner{max-width:calc(100% - 580px);padding:50px 20px 70px}.sidebar-hide .calendar-inner{max-width:calc(100% - 380px)}tr.calendar-body .calendar-day,tr.calendar-header .calendar-header-day{padding:10px 5px}.calendar-events{padding:70px 20px 60px;width:380px}}@media screen and (max-width:1024px){.calendar-sidebar{width:175px}.calendar-inner{margin-left:175px;max-width:calc(100% - 475px);padding:50px 10px 70px}.sidebar-hide .calendar-inner{max-width:calc(100% - 300px)}.event-hide .calendar-inner{max-width:calc(100% - 175px)}.calendar-events{padding:70px 10px 60px;width:300px}tr.calendar-body .calendar-day .day{font-size:16px;height:45px;padding:10px;width:45px}.event-indicator>.type-bullet>div{border-radius:50%;height:8px;width:8px}#eventListToggler,.calendar-sidebar>span#sidebarToggler{height:50px;width:50px}#eventListToggler,.event-hide #eventListToggler{right:0;transform:translateX(0)}button.icon-button>span.bars,button.icon-button>span.bars:after,button.icon-button>span.bars:before{height:5px}button.icon-button>span.bars:before{top:-10px}button.icon-button>span.bars:after{bottom:-10px}button.icon-button>span.chevron-arrow-right{border-bottom-width:5px;border-right-width:5px;height:20px;width:20px}.event-container:before{transform:translate(24px,25px)}.event-container:last-child.event-container:before{height:25px;transform:translate(24px)}.event-container>.event-icon{height:50px;padding:15px;width:50px}.event-container>.event-icon:before{left:24px}.event-container>.event-info{width:calc(100% - 50px)}.event-container>.event-info>p{font-size:18px}}@media screen and (max-width:991px){.calendar-sidebar{width:150px}.calendar-inner{margin-left:150px;max-width:calc(100% - 425px);padding:50px 10px 70px}.sidebar-hide .calendar-inner{max-width:calc(100% - 275px)}.event-hide .calendar-inner{max-width:calc(100% - 150px)}.calendar-events{padding:70px 10px 60px;width:275px}}@media screen and (max-width:768px){.calendar-sidebar{width:180px}.calendar-inner{margin-left:0;max-width:100%;padding:50px 10px 70px}.event-hide .calendar-inner,.sidebar-hide .calendar-inner{max-width:100%}.calendar-inner:after{content:"";opacity:1}.sidebar-hide.event-hide .calendar-inner:after{content:none;opacity:0}.event-indicator{transform:translate(-50%,calc(-100% - 3px))}.event-indicator>.type-bullet{padding:0 1px 3px}.calendar-events{box-shadow:-5px 0 18px -3px rgba(0,0,0,.4);padding:70px 20px 60px;width:48%;z-index:1}.event-hide .calendar-events{box-shadow:none;transform:translateX(100%)}#eventListToggler{right:48%;transform:translateX(100%)}.event-hide #eventListToggler{transform:translateX(0)}.calendar-events>.event-list{margin-top:20px}.calendar-sidebar>.calendar-year>button.icon-button{height:16px;width:16px}.calendar-sidebar>.calendar-year>button.icon-button>span{border-bottom-width:2px;border-right-width:2px}.calendar-sidebar>.calendar-year>p{font-size:22px}.calendar-sidebar>.month-list>.calendar-months>li{padding:6px 26px}.calendar-events>.event-header>p{margin:0}.event-container>.event-info>p.event-title{font-size:20px}.event-container>.event-info>p.event-desc{font-size:12px}}@media screen and (max-width:768px) and (min-width:426px){.event-container>.event-info>p.event-title{font-size:18px}}@media screen and (max-width:425px){.calendar-sidebar{width:100%}.sidebar-hide .calendar-sidebar{box-shadow:none;height:43px;transform:translateX(0)}.calendar-sidebar>.calendar-year{background-color:#004f9f;box-shadow:0 3px 8px -3px rgba(0,0,0,.4);padding:10px 20px;position:relative;text-align:center}.calendar-sidebar>.calendar-year>button.icon-button{height:14px;width:14px}.calendar-sidebar>.calendar-year>button.icon-button>span{border-bottom-width:3px;border-right-width:3px}.calendar-sidebar>.calendar-year>p{font-size:18px;margin:0 10px}.calendar-sidebar>.month-list{background-color:#004f9f;height:calc(100% - 43px);overflow-y:auto;position:relative;transform:translateY(0);width:100%;z-index:-1}.sidebar-hide .calendar-sidebar>.month-list{transform:translateY(-100%)}.calendar-sidebar>.month-list>.calendar-months{left:0;list-style-type:none;margin:0;padding:10px;position:absolute;top:0;width:100%}.calendar-sidebar>.month-list>.calendar-months:after{clear:both;content:"";display:table}.calendar-sidebar>.month-list>.calendar-months>li{font-size:20px;padding:10px 20px}.calendar-sidebar>span#sidebarToggler{bottom:unset;box-shadow:none;top:0;transform:translate(0)}th[colspan="7"]:after{bottom:0}.calendar-inner{float:unset;margin-left:0;padding:53px 0 40px}.calendar-inner:after{content:none;opacity:0}.calendar-inner,.event-hide .calendar-inner,.sidebar-hide .calendar-inner{max-width:100%}#eventListToggler,.calendar-sidebar>span#sidebarToggler{height:40px;width:40px}button.icon-button>span.chevron-arrow-right{border-bottom-width:4px;border-right-width:4px;height:18px;transform:translateX(-3px) rotate(-45deg);width:18px}button.icon-button>span.bars,button.icon-button>span.bars:after,button.icon-button>span.bars:before{height:4px}button.icon-button>span.bars:before{top:-8px}button.icon-button>span.bars:after{bottom:-8px}tr.calendar-header .calendar-header-day{padding:0}tr.calendar-body .calendar-day{padding:8px 0}tr.calendar-body .calendar-day .day{font-size:16px;height:40px;padding:10px;width:40px}.event-indicator{transform:translate(-50%,calc(-100% - 3px))}.event-indicator>.type-bullet{padding:1px}.event-indicator>.type-bullet>div{height:6px;width:6px}.event-indicator{transform:translate(-50%)}tr.calendar-body .calendar-day .day.calendar-active .event-indicator,tr.calendar-body .calendar-day .day.calendar-today .event-indicator{transform:translate(-50%,3px)}.calendar-events{box-shadow:0 5px 18px -3px rgba(0,0,0,.15);height:185px;overflow-y:auto;padding:20px 15px;position:relative;width:100%;z-index:0}.event-hide .calendar-events{height:0;padding:0 15px}.calendar-events>.event-header>p{font-size:20px}.event-list>.event-empty{padding:10px}.event-container:before{transform:translate(21.5px,25px)}.event-container:last-child.event-container:before{height:22.5px;transform:translate(21.5px)}.event-container>.event-icon{height:45px;width:45px}.event-container>.event-icon:before{left:21px}.event-container:last-child>.event-icon:before{height:50%}.event-container>.event-info{width:calc(100% - 45px)}#eventListToggler,.event-hide #eventListToggler{right:0;top:calc(100% - 185px);transform:translateY(-100%)}.event-hide #eventListToggler{top:100%}#eventListToggler button.icon-button>span.chevron-arrow-right{display:inline-block;position:relative;transform:translateY(-3px) rotate(45deg)}}@media screen and (max-width:375px){th[colspan="7"]{font-size:20px;padding-bottom:5px}tr.calendar-header .calendar-header-day{font-size:16px}tr.calendar-body .calendar-day .day{font-size:14px;height:30px;padding:5px;width:30px}}