.calendar{width:100%}.calendar__month{font-size:20px;font-weight:800;width:100%;position:relative;margin-bottom:15px}.cal-month__next,.cal-month__previous{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;width:30px;height:30px;text-align:center;line-height:34px;font-size:12px}.cal-month__next:hover,.cal-month__previous:hover{background-color:#42a5f5;box-shadow:0 5px 5px -5px rgba(0,0,0,.75);border-radius:50%;font-weight:800;color:#fff}.cal-month__next{right:0}.cal-month__current{text-align:center;color:#2962ff}.cal-head__day{background-color:#fff;border-top:1px solid #eee;border-right:1px solid #eee;font-weight:700;display:inline-block;width:14.28%;height:50px;float:left;text-align:center}.cal-body__day{display:inline-block;width:14.28%;height:80px;float:left;text-align:center;background-color:#f5f5f5;border-bottom:1px solid #eee;color:#2b2b2b}.cal-head__day:first-child{border-left:1px solid #eee}.cal-body__week,.calendar__head{display:block;height:14.28%;width:100%}.calendar__head{line-height:50px;position:relative}.cal-body__day{color:#c3c3c3;line-height:80px;text-align:center;cursor:pointer;border-bottom:1px solid #eee;border-right:1px solid #eee;font-weight:600}.cal-day__month--current{color:#2b2b2b}.cal-day__day--today{font-weight:800;color:#2962ff}.cal-day__day--selected{background-color:#2962ff;color:#fff}