/* calendar */
.calendarHeader .btn-next,.calendarHeader .btn-prev
{
-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

.current-day
{
  border:2px solid #00cc!important;
}

.selected-day
{
 background: repeating-linear-gradient(
  45deg,
  rgba(0, 0, 0, 0.2),
  rgba(0, 0, 0, 0.2) 10px,
  rgba(0, 0, 0, 0.3) 10px,
  rgba(0, 0, 0, 0.3) 20px
);
}

.dateBooked

{

    width:30px;

color: #f6f8f8;

    position: relative;

    z-index: 1;

    }

    .dateBooked:hover {

    color: #f6f8f8;

}

.miniCalendar .dateBooked

{

color: #f6f8f8;

    position: relative;

    z-index: 1;

    }

    .miniCalendar .dateBooked:hover {

    color: #f6f8f8;

}

td.dateBooked:after {

    content: '';

    display: block;

    width: 32px !important;

    height: 32px !important;

    background: #FF0000;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) !important;

    -moz-transform: translate(-50%, -50%) !important;

    -ms-transform: translate(-50%, -50%) !important;

    -o-transform: translate(-50%, -50%) !important;

    transform: translate(-50%, -50%) !important;

    border-radius: 50%;

    z-index: -1;

}

.miniCalendar .datePrelbooked

{

color: #f6f8f8;

    position: relative;

    z-index: 1;

    }

    .miniCalendar .datePrelbooked:hover {

    color: #f6f8f8;

}

td.datePrelbooked:after {

    content: '';

    display: block;

    width: 32px !important;

    height: 32px !important;

    background: #FFA500;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) !important;

    -moz-transform: translate(-50%, -50%) !important;

    -ms-transform: translate(-50%, -50%) !important;

    -o-transform: translate(-50%, -50%) !important;

    transform: translate(-50%, -50%) !important;

    border-radius: 50%;

    z-index: -1;

}

.date-inactive

{

 color: #ccc!important;

}

.past-days

{

 color: #ccc;

}

.miniCalendar

{

    /*width:49%!important;*/

}

.miniCalendar-container {

    height: auto;

    width: 50%;

}

.miniCalendar-container h1

{

    width:100%;

    text-align: center;

    height: 100px;

}

.miniCalendar .calendarHeader {

    position: relative;

    text-align: center;

    text-transform: uppercase;

}



.miniCalendar .btn-prev,

.miniCalendar .btn-next {

    top: 10px;

    line-height: 28px;

    font-size: 24px;

    position: absolute;

    color: #323232;

    cursor: pointer;

}



.miniCalendar .btn-prev:hover,

.miniCalendar .btn-next:hover {

    color: #167F09;

}



.miniCalendar .btn-prev {

    left: 2px;

}



.miniCalendar .btn-next {

    right: 5px;

}



.miniCalendar table {

    width: 100%;

    margin-top: 20px;

}



.miniCalendar thead {

    font-weight: 600;

    text-transform: uppercase;

    font-family: 'Montserrat', sans-serif;

}



.miniCalendar tbody {

    color: #999;

}



.miniCalendar td {

    padding: 15px 5px;

    font-size: 18px;

    text-align: center;

    font-family: 'Montserrat', sans-serif;

}



.miniCalendar tbody .date-day:hover {

    cursor: pointer;

    color: #167F09;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}





.miniCalendar .booked {

    color: #f6f8f8;

    position: relative;

    z-index: 1;

}



.miniCalendar .booked:hover {

    color: #f6f8f8;

}



td.booked:after {

    content: '';

    display: block;

    width: 32px !important;

    height: 32px !important;

    background: #0000ff;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) !important;

    -moz-transform: translate(-50%, -50%) !important;

    -ms-transform: translate(-50%, -50%) !important;

    -o-transform: translate(-50%, -50%) !important;

    transform: translate(-50%, -50%) !important;

    border-radius: 50%;

    z-index: -1;

}

.miniCalendar .event {

    cursor: pointer;

    position: relative;

}



td.event.active {

    color: #167F09;

}



.miniCalendar .event:after {

    content: '';

    display: block;

    background: #167F09;

    border-radius: 50%;

    width: 8px;

    height: 8px;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}







.bookingDetails



{

    text-align: center;

    position: absolute;

    width: 100%;

}