.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.6;-ms-filter:"alpha(opacity=60)";font-weight:normal;}
.time-slot.disabled{background-color:#ccc;cursor:not-allowed;color:#666;}
.ui-state-disabled{padding:10px 10px;}
.selected-time-slot{background-color:#0171BB!important;color:white;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{xposition:absolute;xtop:50%;transform:translateY(-50%);width:24px;height:24px;color:#4A90E2;cursor:pointer;border-radius:50%; /* Rounded arrow background */display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease,color 0.3s ease;}

/* Hover effect for arrows */
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background-color:#4A90E2;color:white;}

/* Position adjustments for arrows */
.ui-datepicker .ui-datepicker-prev{left:10px;}
.ui-datepicker .ui-datepicker-next{right:10px;}

/* Custom arrow content */
.ui-datepicker .ui-datepicker-prev:before{content:"\f104"; font-size:14px;font-family:fontawesome;}
.ui-datepicker .ui-datepicker-next:before{content:"\f105";font-size:14px;font-family:fontawesome;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a{background-color:#0171BB!important;color:white!important; border-radius:5px;}

/* Custom styling for highlighted weekdays */
.ui-datepicker td.weekday a{background-color:#eaeaea!important;color:black!important;border-radius:5px;text-decoration:none;}

/* Datepicker styling */
.booking-datepicker .ui-datepicker{border:none;box-shadow:none;margin:0 auto;background-color:#fff;padding:10px;border-radius:10px;}
.ui-datepicker .ui-datepicker-header{background-color:#000000;border-bottom:1px solid #e1e1e1;color:#fff;font-weight:normal;padding:10px 0;border-radius:10px;}
.ui-datepicker .ui-datepicker-title{font-size:1.1em;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:8px;color:#4A90E2;}
.ui-datepicker table{width:100%;margin:0 auto;}
.ui-datepicker th{padding: 15px 0;color: #8A8A8A;font-weight:normal;font-size:0.9em;}
.ui-datepicker td a{display:block;margin:5px;padding:10px;font-size:16px;border-radius:6px;text-align:center;color:#333;background-color:transparent;transition:background-color 0.3s ease;}
.ui-datepicker td a:hover{background-color:#4A90E2;color:#ffffff;}
.ui-datepicker .ui-datepicker-current-day a{background-color:#4A90E2!important;color:white!important;}

/* Time slots styling */
.time-slots{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;}
.time-slot{width:100px;margin:5px;padding:10px;border:1px solid #e1e1e1;border-radius:6px;background-color:#f4f5f7;cursor:pointer;transition:all 0.3s ease;text-align:center;}
.time-slot:hover{background-color:#4A90E2;color:white;border-color:#4A90E2;}
.time-slot.selected{background-color:#4A90E2;color:white;}
.form-container{display:none;margin-top:20px;}
.calendar-booking-main  .form-container{margin-top:0px;}
.booking-datepicker{background-color:#F4F4F4;border-radius:20px;box-shadow:0px 4px 12px rgba(0,0,0,0.15);padding:24px 20px;}
.calendar-container{display:flex;justify-content:center;}
.booking-datepicker .ui-datepicker .ui-datepicker-header{position:relative;}
.booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title{text-align:center;padding:10px 40px;min-height:40px;}
.booking-datepicker .ui-datepicker .ui-datepicker-prev{left:15px;}
.booking-datepicker .ui-datepicker .ui-datepicker-prev span.ui-icon,.ui-datepicker .ui-datepicker-next span.ui-icon{font-size:0px;}
.booking-datepicker .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{width:25px;height:25px;color:#000;position:absolute;top:50%;transform:translateY(-50%);background:#fff;}
.booking-datepicker .ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before{font-size:20px;height:21px;line-height:1;display:inline-block;}
.booking-datepicker .ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background-color:#0171BB;color:#ffffff;}
.booking-datepicker .ui-datepicker .ui-datepicker-next{right:15px;}
.booking-datepicker .time-slots{flex-direction:column;overflow:auto;display:flex;padding:10px 25px 10px;max-height:280px;flex-wrap:nowrap;margin-top:50px;gap:10px;justify-content:unset;}
.booking-datepicker .time-slots .time-slot{width:100%;margin:0px;min-width:100px;}
.booking-datepicker .time-slots .time-slot:hover{background-color:#0171BB;color:#fff;border-color:#0171BB;}
.booking-datepicker .ui-datepicker td a:hover{background-color:#b3b3b3!important;}
.booking-datepicker .time-slots p{max-width:120px;text-align:center;line-height:1.3;background:#ccc;padding:10px;border:1px solid #e1e1e1;border-radius:6px;background-color:#f4f5f7;font-size:15px;}


@media (max-width:991.98px){
	.calendar-booking-main{flex-direction:column;align-items:center;}
}
@media (max-width:767.98px){
	.booking-datepicker{padding:20px 25px;flex-direction:column;}
	.booking-datepicker .time-slots{max-height:unset;flex-wrap:wrap;flex-direction:unset;margin-top:30px;max-width:370px;}
	.booking-datepicker .time-slots .time-slot{width:auto;}
	.booking-datepicker .time-slots p{max-width:100%;width:100%;}
}
@media (max-width:576.98px){
	.ui-datepicker td a{padding:8px;margin:3px;}
	.ui-datepicker td{font-size:14px;}
	.ui-state-disabled{padding:8px;}
	.booking-datepicker{padding:15px 15px;}
	.booking-datepicker .time-slots{padding:10px 5px 10px;}
	.booking-datepicker .time-slots .time-slot{min-width:auto;padding:8px 15px;font-size:15px;}
	.availability-form-main .form-container{padding:15px 20px 30px;}
}

@media (max-width:370px){
.ui-datepicker td a{padding:7px;margin:1px;}
.booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title{font-size:16px;}
}

/******* Calendar CSS*******/