.rv-calendar .ui-widget {
    border: none;
}

.rv-calendar .ui-datepicker {
    padding: 0;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
}

.rv-calendar .ui-datepicker .ui-widget-header .ui-icon {
    position: relative;
}

.rv-calendar .ui-datepicker-next-hover, .ui-datepicker-prev-hover {
    background: transparent !important;
    border-color: transparent !important;
    cursor: pointer;
}

.rv-calendar .ui-datepicker-calendar tr {
    border-bottom: 1px solid #fff;
}

.rv-calendar .ui-datepicker-calendar tr td span {
    padding: 6px 0;
    max-height: 29px;
}

.rv-calendar .ui-datepicker-calendar tr td {
    border: 1px solid #ddd;
    padding: 0;
}

.rv-calendar .ui-datepicker-calendar tr td.dp-highlight {
    color: #fff;
    border-color: #eaeaea;
}

.rv-calendar .ui-datepicker-calendar tr td.dp-highlight a {
    color: #fff;
}

.rv-calendar .ui-datepicker-calendar tr th {
    text-transform: uppercase;
    padding: 6px 0;
    min-width: 25px;
    font-size: 12px;
}

.rv-calendar .ui-datepicker .ui-state-default {
    border: 0;
    background: transparent !important;
    font-weight: bold;
    font-size: 13px;
}

.rv-calendar .ui-datepicker .ui-datepicker th {
    padding: 7px 1px;
}

.rv-calendar .ui-datepicker td a,
.rv-calendar .ui-datepicker td span {
    display: block;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
}

.rv-calendar .event-start-booked {
    background: #0eb7aa;
    background-image: -webkit-linear-gradient(-45deg, #ffffff 50%, #0eb7aa 50%) !important;
}

.rv-calendar .event-end-booked {
    background: #0eb7aa;
    background-image: -webkit-linear-gradient(-45deg, #0eb7aa 50%, #ffffff 50%) !important;
}

.rv-calendar .event-booked {
    background: #0eb7aa;
}

/* Custom CSS */
.ui-datepicker-current-day > a {
    color: #16a89d !important;
}

.ui-datepicker-current-day.event-booked > a {
    color: #777620 !important;
}

.event-start-booked > a,
.event-end-booked > a  {
    color: #454545 !important;
}

.ui-datepicker-current-day.event-start-booked > a,
.ui-datepicker-current-day.event-end-booked > a {
    color: #777621 !important;
}

@media (max-width: 767px){
    .rv-calendar {
        overflow: scroll;
    }
}