.calendar-container{background:#e9dbc7;width:400px;border-radius:10px;box-shadow:0 15px 40px #0000001f;position:sticky!important;top:25%}.calendar-container header{display:flex;align-items:center;padding:25px 30px 10px;justify-content:space-between}header .calendar-navigation{display:flex}header .calendar-navigation span{height:38px;width:38px;margin:0 1px;cursor:pointer;text-align:center;line-height:38px;border-radius:0%;-webkit-user-select:none;user-select:none;color:#aeabab;font-size:1.9rem}.calendar-navigation span:last-child{margin-right:-10px}header .calendar-navigation span:hover{background:#f2f2f2}header .calendar-current-date{font-weight:500;font-size:1.45rem}.calendar-body{width:358px;padding:20px}.calendar-body ul{list-style:none;flex-wrap:wrap;display:flex;text-align:center}.calendar-body .calendar-dates{margin-bottom:20px}.calendar-body li{width:calc(100% / 7);font-size:1.07rem;color:#fff}.calendar-body .calendar-weekdays li{color:#000;cursor:default;font-weight:500}.calendar-body .calendar-dates li{margin-top:30px;position:relative;z-index:1}.calendar-dates li.inactive{color:#aaa}.calendar-dates li.active,li.active-start,li.active-end{color:#004225!important}.calendar-dates li:before{position:absolute;content:"";z-index:-1;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%)}.calendar-dates li.active:before{background:#e63946}.calendar-dates li.active-start:before{background-image:-webkit-linear-gradient(-45deg,#6a994e 50%,#e63946 50%)}.calendar-dates li.active-end:before{background-image:-webkit-linear-gradient(-45deg,#e63946 50%,#6a994e 50%)}.calendar-dates li:before{background:#6a994e;cursor:pointer}@media(max-width:500px){.calendar-dates,.calendar-weekdays{padding:0!important}}