#calendar_wrapper {width:100%; display:block; float:left; position:absolute; left:0;}
.calendar_heading {text-align:center; width:100%; font-size:17px; font-weight:bold;}
.button_prev_next {text-decoration:none; margin-left:4%; margin-right:4%; border:1px solid #ccc; border-radius:5px;padding: 8px; background-color: #ccc;}
.calendar_wrap {display:inline; width:100%;}
.calendar_rows {display:inline; float:left; width:100%;}
.calendar_cols {display:inline; float:left; width:14%; border:1px solid #ccc; border-right:none; border-top:none; text-align:center;}
.header_row {margin-top:20px; font-size:17px; font-weight:bold; padding-top:8px; padding-bottom:0;}
.first_row_cols {border-top:1px solid #ccc;}
.first_col {border-left:none;}
.last_col {width:15%;}
.date_row div {padding-top:15px; padding-bottom:15px;}
.date_each {text-decoration:none; padding:5px 10px; border:1px solid #ccc; border-radius:5px;}
.disabled_date {background-color: #e9ecef;}
.enabled_date {background-color: #28a745;}


.tm-cust-clndr .calendar {
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 320px;
    padding: 20px;
    /* margin: 0 auto; */
}

.tm-cust-clndr .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.tm-cust-clndr .header button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}

.tm-cust-clndr #monthYear {
  font-size: 18px;
  font-weight: bold;
}

.tm-cust-clndr .weekdays, .tm-cust-clndr .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}

.tm-cust-clndr .weekdays div {
  text-align: center;
  font-weight: bold;
}

.tm-cust-clndr .days div {
  text-align: center;
  padding: 10px 0;
  background-color: #e9ecef;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.tm-cust-clndr .days div:hover {
  background-color: #007bff;
  color: white;
}

.tm-cust-clndr .days .selected {
  background-color: #28a745;
  color: white;
}

.tm-cust-clndr .selected-date {
  margin-top: 15px;
  font-weight: bold;
  text-align: center;
}



.selected_date {background-color:#adb5bd !important;} 
#timeslot_outer{
overflow-y: scroll;	
height: 360px;
}
#form_outer {display:block; float:left; width:100%;
height: auto;
  border: 1px solid #ccc;
  padding: 10px;
  position:relative;
}
#calendar_outer {display:inline; float:left; width:50%;}
.width_28 {display:inline !important; float:right !important; width:28% !important;}
.width_72 {display:inline !important; float:left !important; width:72% !important;}
.hidden_elem {display:none !important;}
.small_width{width:70% !important;}
/*.small_width .calendar_cols {width:13%;}*/
.disabled_slot{background-color:#f3c6c7 !important;}


.validation {color:red; display:none; width:100%; float:left;}
.input_box {width:250px; height:35px;}

.hidden_row {display:none;}
#time_slot_wrapper {display:block;}
.time_wrapper {}
.each_time {display: block;
    border: 1px solid blue;
    padding: 9px 15px;
    width: 91%;
    text-align: center;
    margin-bottom: 5px;
	cursor:pointer;
    color: blue;}
	
	
.time_taken {display: block;

   /*  border: 1px solid blue; */
    padding: 0;
    width: 91%;
    text-align: center;
    margin-bottom: 41px;
	cursor:pointer;
    color: blue;
	
	font-size:12px;
	}	

.inline_box {width:39%; display:inline; float:left; border:1px solid #ccc; padding:6px;margin-right: 2px; color:white; background-color:black;}	
#cbc-category {width:90%; height:40px;}
#service_outer {margin-top:10px;}
.each_service {width:88%; display:block; float:left; margin-bottom:5px; padding:5px; text-align:left; border:1px solid #ccc; background-color:#ccc; cursor: pointer;}

.each_input {display:block; float:left; margin-top:15px; width:100%;}
.input_label {display:block; float:left; width:80%;}
.input_box {display:block; float:left; width:100%; height:auto;}
.input_field {	
	width: 80%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ccc;}
textarea.message_box {
	width: 80%;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
#success_msg {color:green;}

.small_height {height:200px !important;}