/* 
** Calendar Plugin CSS **
*/

.calendar .month-container{height:300px; padding:15px 0;}

.slotblock{font-size:10px;line-height:14px;text-align:center;padding:1px 1px;margin:0px;}
.hoverblock{width:100%;background:#9cb703;border:1px solid #8da507; border-radius:1px;margin:0px;padding:5px;}

div#calendar_booking_wrapper_1 .slotblock,
div#calendar_booking_wrapper_2 .slotblock {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    padding: 5px;
    margin: 0px;
}

div#calendar_booking_wrapper_1 .hoverblock,
div#calendar_booking_wrapper_2 .hoverblock {
	width:100%;
	background:#9cb703;
	border:1px solid #8da507; 
	border-radius:3px;
	margin:0px;
	padding:5px;
}



.timeslot{margin-right:5px; text-align:center;background:#9cb703;border:1px solid #8da507; border-radius:2px;padding:3px 5px;white-space: pre;}
.booked{background: #e77b72 !important;border: 1px solid #ba5047 !important;}
input.fields{margin: 15px 4px;}

.popover{padding-bottom:10px;}

.event-tooltip-content:not(:last-child) {
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:5px;
}

.event-tooltip-content .event-title {font-size:18px;}
.event-tooltip-content .event-location {font-size:12px;}
.event-tooltip-content .event-time {font-size:12px;}
.hasBooking{background-color:orange !important; box-shadow:none !important;}

a.date{cursor:pointer;text-decoration:none;color:#08C;}
a.date:hover,a.date:focus,a.date:active{color:#27ADF0;}
.mkSlotSelector{cursor:pointer;}

.mkSlotSelector.notAvailable{cursor:not-allowed !important; border:0px !important; background:none !important;}
.slotblock.notAvailable .hoverblock{background:red; border:1px solid red; border-radius:1px; color:#f2f2f2;}

.mkSlotSelector.extraSlotAvailable{border:0px !important; background:none !important;}
.slotblock.extraSlotAvailable .hoverblock{background:orange; border:1px solid orange; border-radius:1px; color:#FFF;}

.mkSlotSelector .hoverblock:hover{background:#111;border:1px solid #111; border-radius:2px; color:#FFF;}

.mkSlotSelector.active .hoverblock{background: #03b777 !important;border: 1px solid #259e6a !important; border-radius:2px; color:#FFF;}

.calendar_department_rows{padding:10px 0;}
.dayRed{background:red !important; color:#FFF !important; border:1px solid red;}
	
.mark_closed{cursor:default !important;}
.mark_closed .day-content{cursor:default !important;}

.calendar table.month tr td .day-content {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 3px;
	padding: 8px 12px 10px 12px;
	background: #eaeaea;
	border: 1px solid #f3f3f3;
}

table th {
    text-align: center;
    width: 30px;
    height: 30px;
    border: none;
    padding: 4px 5px;
    font-size: 14px;
}

.calendar table.month tr td.disabled .day-content, 
.calendar table.month tr td.disabled:hover .day-content{background:#f3f3f3;}

.activeDay{border:1px solid #08C !important;color:#08C;}
.dateHasBooking{border:1px solid #e7ae48 !important;background-color: #ecbb63 !important;color:#000;}
.dateHasBooking.dayRed{ background: #f05c23 !important;	border:1px solid #b05116 !important; }
.extraSlotAvailable .hoverblock{ background: #e7ae48 !important; border:1px solid #c68a48 !important;color:#333 !important; }
.notAvailable .hoverblock{ background: #f05c23 !important; border:1px solid #b05116 !important;color:#333 !important; }


@media (min-width: 768px) and (max-width: 991px){
	.popover { display: none !important; }
}


@media (max-width: 767px) {
	.popover { display: none !important; }
}