.cld-main{
   width: 100%;
}
.cld-main a{
   color: #FF9B33;
}
.cld-main svg{
   fill: #97999b;
}
.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;
}
.cld-nav{
   position: relative;
   width: 20px;
   height: 20px;
   margin-top: 2px;
}
.cld-nav:hover{
  cursor: pointer;
}
.cld-nav:hover svg{
   fill: #FF9B33;
}
.cld-rwd{
   float: left;
}
.cld-fwd{
   float: right;
}
#caleandar1 .cld-days {
	display: block;
}
.cld-labels,
.cld-days{
   padding-left: 0;
}
.cld-label,
.cld-day{
   box-sizing: border-box;
   display: inline-block;
   width: 14.28%;
   text-align: center;
}
.cld-day{
   border: 1px solid #eee;
}
.cld-day.today .cld-number{
   background: #FF9B33;
   color: #fff;
}
.cld-day.disableDay{
   opacity: 0.5;
}
.cld-day.nextMonth,
.cld-day.prevMonth{
   opacity: 0.33;
}
.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: nowrap;
   border: 1px solid #ccc;
   border-radius: 5px;
   font-size: 18px;
}
.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;
   color: #FF9B33;
}
.cld-number.eventday:hover{
   cursor: pointer;
   background: #eee;
}
.today .cld-number.eventday:hover{
   background: #005EFF;
}