.cld-main{
   width: 80%;
   margin: auto;
	color: #000000;
}
.cld-main a{
   color: #000000;
}
.cld-main svg{
   fill: #0080FF;
}
.cld-datetime{
   position: relative;
   padding: 20px 0px;
   max-width: 500px;
   margin: auto;
   overflow: hidden;
}
.cld-datetime .today{
   position: relative;
   float: left;
   width: calc(100% - 40px);
   margin: auto;
   text-align: center;
	background: #FFFFFF;
	border-radius: 10px;
}
.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,
.cld-days{
   padding-left: 0;
}

.cld-label,
.cld-day{
   box-sizing: border-box;
   display: inline-block;
   width: 14.28%;
   text-align: center;
	background: #FFFFFF;
}

.cld-label{
	border-radius: 12px;
}

.cld-label:first-child,
.cld-day:nth-child(7n-6){
	color:red!important;
}

.cld-label:last-child,
.cld-day:nth-child(7n){
	color:royalblue!important;
}

.cld-day{
   border: 1px solid #000;
}
.cld-day.today .cld-number{
   background: #008000;
   color: #FFF;
}
.cld-day.disableDay{
   /*opacity: 0.5;*/
	background: #CCCCCC;
	color: #777777;
}
.cld-day.nextMonth,
.cld-day.prevMonth{
   /*opacity: 0.33;*/
	background: #CCCCCC;
	color: #777777;
}
.cld-number{
   position: relative;
   margin: 0;
   padding: 10px;
}

.cld-title{
   position: absolute;
   z-index: 5;
   display: none;
   top: 35px;
   left: 0;
   padding: 5px 10px;
   background: #fff;
   white-space: pre-line;
   border: 1px solid #ccc;
   border-radius: 5px;
   font-size: 16px;
}
.cld-number:hover .cld-title{
   display: block;
}
.cld-title::before{
   content: '';
   position: absolute;
   top: -7.5px; left: 10px;
   width: 0;
   height: 0;
   border-left: 7.5px solid transparent;
   border-right: 7.5px solid transparent;
   border-bottom: 7.5px solid #ccc;
}
.cld-number.eventday{
   font-weight: bold;
   background: #FFFF00;
}
.cld-number.eventday:hover{
   cursor: pointer;
   background: #eee;
}
.today .cld-number.eventday:hover{
   background: #005EFF;
}