.cld-datetime,.cld-nav,.cld-number{position:relative}.cld-main{width:330px}.cld-main a{color:#fff;text-decoration:none}.cld-datetime{width:66%;min-width:100px;max-width:300px;margin:auto;overflow:hidden}.cld-datetime .today{position:relative;float:left;width:calc(100% - 40px);margin:auto;text-align:center}.cld-nav{width:20px;height:20px;margin-top:2px}.cld-nav:hover{cursor:pointer}.cld-nav:hover svg{fill:#666}.cld-rwd{float:left}.cld-fwd{float:right}.cld-days,.cld-labels{padding-left:0}.cld-day,.cld-label{display:inline-block;width:14.28%;text-align:center}.cld-day.today .cld-number{display:inline-block;height:20px;width:20px;border-radius:50px;background:#42ceb8;color:#fff}.cld-day.disableDay{opacity:.5}.cld-day.nextMonth,.cld-day.prevMonth{opacity:.33}.cld-number{margin:5px;padding:5px}.cld-title{position:absolute;z-index:5;display:none;top:30px;left:0;padding:5px 10px;background:#59bf62;white-space:nowrap;border:1px solid #59bf62;border-radius:5px;font-size:12px}.cld-number:hover .cld-title{display:block}.cld-title::before{content:'';position:absolute;top:-7.5px;left:7.5px;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:7.5px solid #59bf62}.cld-number.eventday{display:inline-block;height:20px;width:20px;border-radius:50px;border:1px solid #0a3cf9;background:#7da9fb!important;color:#fff}.cld-number.eventday:hover{cursor:pointer;background:#eee}.today .cld-number.eventday:hover{background:#888}