.callender-wrapper{width:100%;max-width:580px;border-radius:6px;overflow:hidden}.calendar-container{width:100%;margin:auto;text-align:center;background:var(--white-color);padding:0;border-radius:0}.calendar-container .header{display:flex;align-items:center;justify-content:space-between;padding:20px 15px 15px;border-bottom:1px solid var(--light-grey)}.calendar-container .header .btn{color:var(--primary-color);font-size:16px;font-weight:400;display:flex;column-gap:6px;letter-spacing:.3px;text-transform:capitalize;color:var(--secondary-color)}.calendar-container .header .btn i{transform:rotate(90deg);font-size:6px;position:relative;top:3px;color:var(--secondary-color)}.calendar-container .header .btn.next i{transform:rotate(90deg) scale(-1)}.calendar-container .header .curMonth{font-size:22px;font-weight:500;letter-spacing:.3px;color:var(--light-black)}.calendar-container .days,.calendar-container .weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:0;border-radius:5px}.calendar-container .day,.calendar-container .weekday{font-size:14px;padding:15px 10px;min-height:50px;display:inline-flex;flex-direction:column;align-items:center;width:100%;border-bottom:1px solid var(--light-grey);border-right:1px solid var(--light-grey);color:var(--light-black)}.calendar-container .weekday{justify-content:center}.calendar-container .day{min-height:54px}.calendar-container .hasEvent{cursor:pointer;padding:15px 0 0}.calendar-container .hasEvent .dot{width:8px;height:8px;background:var(--secondary-color);border-radius:50%;margin-top:5px;margin-bottom:5px}.calendar-container .hasEvent i{color:var(--secondary-color)}.calendar-container .hasEvent .links{background:var(--secondary-color);color:var(--white-color);font-size:12px;padding:5px;line-height:1.25;border-bottom:1px solid var(--white-color);width:100%}.calendar-container .hasEvent .links span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;width:100%}.calendar-container .hasEvent.previous .dot,.calendar-container .hasEvent.previous .links{background:var(--grey-color)}.calendar-container .hasEvent .view-all{background:var(--primary-color);color:var(--white-color);font-size:12px;padding:5px;line-height:1.25;width:100%;text-align:center}.calendar-container .hasEvent:hover .dot{background:var(--primary-color)}.calendar-container .hasEvent:hover i{color:var(--primary-color)}.calendar-container .day.empty{background-color:transparent}@media only screen and (max-width:767.5px){.calendar-container .header .curMonth{font-size:16px}.calendar-container .header .btn{font-size:14px}.calendar-container .day{font-size:12px;padding:12px 0 0;min-height:40px}.calendar-container .weekday{font-size:12px;padding:12px 6px;min-height:40px}.calendar-container .hasEvent .links,.calendar-container .hasEvent .view-all{font-size:12px}}