.cld-main{
    width: 100%;
}
.cld-main a{
    color: #212529;
}
.cld-main svg{
    fill: #0080FF;
}
.cld-datetime{
    position: relative;
    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 {
    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-nav svg:hover{

}
.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: #0080FF;
    color: #fff;
}
.cld-day.today .cld-number.eventday {
    font-weight: bold;
    color: #fff;
    background-color: rgba(34, 117, 56, 0.70);
}
.cld-day.disableDay{
    opacity: 0.5;
}
.cld-day.nextMonth, .cld-day.prevMonth{
    opacity: 0.33;
}
.cld-number{
    margin: 0;
    padding: 10px;
}
.cld-title {
    position: absolute;
    z-index: 5;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: -60%;
    width: 50%;
    min-height: 50%;
    padding: 8px 10px;
    background: RGBA(255,255,255,1);
    white-space: nowrap;
    border: none;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 1em;
    box-shadow: 0 0 53px -25px #000;
    transition: .2s linear all;
}
.cld-title:nth-child(1){
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.cld-title:nth-child(2){
    top: 70px;
}
.cld-title:nth-child(3){
    top: 99px;
}
.cld-title:nth-child(4){
    top: 128px;
}
.cld-title:nth-child(5){
    top: 157px;
}
.cld-title:nth-child(6){
    top: 186px;
}
.cld-title:nth-child(7){
    top: 215px;
}
.cld-title:nth-child(8){
    top: 244px;
}
.cld-title:nth-child(9){
    top: 273px;
}
.cld-title:nth-child(10){
    top: 303px;
}

.cld-title:hover {

}
.cld-number .cld-title.theChosenOne {
    left: 0%;
}
.cld-title a {
    display: block;
    text-align: right;
    width: 100%;
    font-weight: 600;
    border-bottom: 1px solid #999;
}
.cld-title a::before {
    content: "\f096";
    font: normal normal normal 16px/1 FontAwesome;
    position: relative;
    float: left;
    top: 5px;
}
.cld-title a:hover::before {
    content:"\f046";
    margin-right: 0px;
}
.cld-title a:nth-child(1)::after{
    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 #999;
}
.cld-number.eventday {
    font-weight: bold;
    color: rgba(34, 117, 56, 1);
    background-color: rgba(34, 117, 56, 0.25);
}
.cld-number.eventday:hover{
    cursor: pointer;
    background: #eee;
}
.today .cld-number.eventday:hover{
    background-color: rgba(34, 117, 56, 1);
}
button.closeFreeTrialTimeSelectorBtn {
    display: block;
    border: none;
    background-color: transparent;
    text-align: right;
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 0;
    font-size: 1em;
}
button.closeFreeTrialTimeSelectorBtn:hover {
    cursor: pointer;
}
button.closeFreeTrialTimeSelectorBtn:before {
    content: "\f060";
    font: normal normal normal 16px/1 FontAwesome;
    float: left;
    margin-top: 7px;
}