.calendar{background:#fff;border:1px solid #d0e8ff;border-radius:10px;color:#545a5c;padding:16px;position:relative;overflow:hidden;text-transform:capitalize;text-align:center;transition:0.3s}.calendar:hover{border-color:#8bc6ff}.calendar a{text-decoration:none;color:inherit}.calendar header{text-align:left;padding-bottom:8px;border-bottom:1px solid #e4e5e7;position:relative;display:flex;align-items:center}.calendar header .simple-calendar-btn{display:inline-block;position:relative;width:30px;height:30px;text-align:center;line-height:30px;color:#cbd1d2}.calendar header .simple-calendar-btn:hover{color:#222}.calendar header .btn-prev{top:0;left:0}.calendar header .btn-next{top:0;right:0}.calendar header .month{color:#18211e;font-size:16px;display:inline-flex;padding:0;margin:0;flex:1}.calendar header .month .year{margin-left:4px}.calendar table{width:100%;margin-top:8px;border-spacing:0}.calendar thead{color:#7e818c;font-size:12px;line-height:18px;text-transform:uppercase}.calendar td{padding:8px .1em}.calendar .day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;border-radius:50%;border:2px solid #fff0;cursor:pointer}.calendar .day:hover{border:2px solid #6691cc}.calendar .day.today{background:#4d8fff;color:#fff}.calendar .day.today.has-event:after{background:#fff}.calendar .day.wrong-month{color:#cbd1d2}.calendar .day.wrong-month:hover{border:2px solid #fff0}.calendar .day.has-event:after{content:"";position:absolute;top:calc(50% + 0.6em);left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#6691cc}.calendar .day.disabled{cursor:default}.calendar .day.disabled:hover{border:2px solid #fff0}.calendar .event-container{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:70px;background:#545a5c;box-sizing:border-box}.calendar .event-container .event-wrapper{overflow-y:auto;max-height:100%}.calendar .event-container .close{position:absolute;width:30px;height:30px;top:20px;right:20px;cursor:pointer}.calendar .event-container .close:before,.calendar .event-container .close:after{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#cbd1d2}.calendar .event-container .close:before{transform:rotate(45deg)}.calendar .event-container .close:after{transform:rotate(-45deg)}.calendar .event-container .event{position:relative;width:100%;padding:1em;margin-bottom:1em;background:#6691cc;border-radius:4px;box-sizing:border-box;box-shadow:0 1px 3px rgb(0 0 0 / .06),0 1px 2px rgb(0 0 0 / .12);text-align:left;color:#fff}.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{position:absolute;width:0;height:0;border-radius:50%;background:#545a5c;transform:translate(-50%,-50%)}@media screen and (max-width:575px){.calendar{padding:1rem}}