.calendar{color:#545a5c;font:15px/1em inherit;overflow:hidden;position:relative;text-align:center;text-transform:capitalize}.calendar a{color:inherit;text-decoration:none}.calendar header .simple-calendar-btn{border:2px solid #cbd1d2;border-radius:50%;color:#cbd1d2;display:inline-block;height:30px;line-height:30px;position:absolute;text-align:center;width:30px}.calendar header .simple-calendar-btn:hover{background:#cbd1d2}.calendar header .simple-calendar-btn:before{border-style:solid;border-width:3px 3px 0 0;content:"";height:8px;left:8px;position:absolute;top:9px;transform:rotate(45deg);transform-origin:center center;width:8px}.calendar header .btn-prev{left:0;top:0;transform:rotate(-180deg)}.calendar header .btn-next{right:0;top:0}.calendar header .btn-next:before{transform:rotate(45deg)}.calendar header .month{margin:0;padding:0}.calendar header .month .year{font-size:.6em;font-weight:100}.calendar table{border-spacing:0;margin:20px 0;width:100%}.calendar thead{font-size:1.2em;font-weight:600}.calendar td{padding:.8em .1em}.calendar .day{border:2px solid transparent;border-radius:50%;cursor:pointer;display:inline-block;height:2.5em;line-height:2.5em;position:relative;width:2.5em}.calendar .day:hover{border:2px solid #6691cc}.calendar .day.today{background:#6691cc;color:#fff}.calendar .day.today.has-event:after{background:#fff}.calendar .day.wrong-month{color:#cbd1d2}.calendar .day.wrong-month:hover{border:2px solid transparent}.calendar .day.has-event:after{background:#6691cc;border-radius:50%;content:"";height:4px;left:calc(50% - 2px);position:absolute;top:calc(50% + .6em);width:4px}.calendar .day.disabled{cursor:default}.calendar .day.disabled:hover{border:2px solid transparent}.calendar .event-container{background:#545a5c;box-sizing:border-box;display:none;height:100%;left:0;padding:70px;position:absolute;top:0;width:100%}.calendar .event-container .event-wrapper{max-height:100%;overflow-y:auto}.calendar .event-container .close{cursor:pointer;height:30px;position:absolute;right:20px;top:20px;width:30px}.calendar .event-container .close:after,.calendar .event-container .close:before{background-color:#cbd1d2;content:"";height:100%;left:50%;position:absolute;top:0;width:2px}.calendar .event-container .close:before{transform:rotate(45deg)}.calendar .event-container .close:after{transform:rotate(-45deg)}.calendar .event-container .event{background:#6691cc;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);box-sizing:border-box;margin-bottom:1em;padding:1em;position:relative;text-align:left;width:100%}.calendar .event-container .event-date{margin-bottom:1em}.calendar .event-container .event-hour{float:right}.calendar .event-container .event-summary{font-weight:600}.calendar .filler{background:#545a5c;border-radius:50%;height:0;position:absolute;transform:translate(-50%,-50%);width:0}.calendar{color:#000;font-size:16px}.calendar header{background:#fff;min-height:1px;padding:7px 0 0 15px;position:static;text-align:left;width:auto;z-index:4}.calendar header .simple-calendar-btn{border:none;color:#000;height:41px;line-height:41px;transition:all .3s ease-in-out;width:41px}.calendar header .btn-prev{left:auto;right:50px}.calendar header .simple-calendar-btn:before{border-width:2px 2px 0 0;height:11px;left:13px;top:15px;width:11px}.calendar header .simple-calendar-btn:hover{background:#000;color:#fff}.calendar header .month .year,.calendar header h2{font-size:18px;font-weight:700;letter-spacing:normal}.calendar header .month .year{display:inline}.calendar td{padding:.1em}.calendar thead{font-size:1.1em}.calendar .day{font-weight:300;line-height:2.3em;transition:all .3s ease-in-out}.calendar .day.today{background:#000}.calendar .day.has-event{background:#dedede;font-weight:700}.calendar .day.has-event:after{display:none}.calendar .event-container{background:#fff;padding:70px 0 70px 20px;z-index:999}.calendar .event-container .event-wrapper{padding-right:20px}.calendar .filler{background:#fff;z-index:999}.calendar .event-container .event{background:#000;color:#fff}.calendar .day:hover{border-color:#000}.calendar .event-container .close:after,.calendar .event-container .close:before{background-color:#000}.calendar .day.wrong-month.has-event{color:#fff}.calendar .day.wrong-month:hover{border:2px solid #000}