.cld-main{
   width: 100&;
}
.cld-main a{
   color: #0080FF;
}
.cld-main svg{
   fill: #0080FF;
}
.cld-datetime{
   position: relative;
   padding: 0px 0px;
   max-width: 500px;
   margin: auto;
   overflow: hidden;
}
.cld-datetime .today{
   position: relative;
   float: left;
   width: calc(100% - 40px);
   margin: auto;
   text-align: center;
}
.cld-nav{
   position: relative;
   width: 20px;
   height: 20px;
   margin-top: 2px;
}

.cld-nav:hover{
  cursor: pointer;
}
.cld-nav:hover svg{
   fill: #005EFF;
}
.cld-rwd{
   float: left;
}
.cld-fwd{
   float: right;
}
.cld-labels{
   padding-top: 10px;
   height: 30px;
},
.cld-days{
   padding-left: 0;
}
.cld-label,
.cld-day{
   box-sizing: border-box;
   display: inline-block;
   width: 14.28%;
   height: 100px;
   vertical-align: top;
   text-align: center;
}
.cld-day{
   border: 1px solid #eee;
}
.cld-day.today .cld-number{
   background: #0080FF;
   height: 100%;
   color: #fff;
}
.cld-day.disableDay{
   opacity: 0.5;
}
.cld-day.nextMonth,
.cld-day.prevMonth{
   opacity: 0;
}
.cld-number{
   position: relative;
   margin: 0;
   padding: 5px;
}
.cld-number.eventday:hover{
   cursor: pointer;
   background: #eee;
}
.today .cld-number.eventday:hover{
   background: #005EFF;
}