#calendar{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  font-family: 'Almarai', sans-serif;
	font-size: 16px;
	
}
#calendar_weekdays div{
  display:inline-block;
  vertical-align:top;
}
#calendar_content, #calendar_weekdays, #calendar_header{
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 10;
}
#calendar_weekdays div, #calendar_content div{
  width:20px;
  height: 20px;
  overflow: hidden;
  text-align: center;
  background-color: #FFFFFF;
  color: #2D2D2D;
}
#calendar_weekdays {
  background-color: #1799CD;
  border-bottom: 1px solid #ccc;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #fff;
  font-weight: bold;
}


#calendar_weekdays div {
  background-color: #1799CD !important;
  font-weight: bold;
  color: #FFFFFF;
}


#calendar_content{
  -webkit-border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px; 
  border-radius: 0px 0px 12px 12px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
#calendar_content div{
  float: left;
}
#calendar_content div:hover{
  background-color: #F8F8F8;
}
#calendar_content div.blank{
  background-color: #FFFFFF;
}
#calendar_header, #calendar_content div.today{
  zoom: 1;
  filter: alpha(opacity=70);
}
#calendar_content div.today{
  color: #FFFFFF;
}
.today {
  color: #0A78A5 !important;
  font-size: 13px;
  font-weight: 700;
  background: #2196f30f !important;
  border: 1.5px solid #0a78a563;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin: auto;
}


.reserved {
  background: #EB5A74 !important;
  color: #fff !important;
  font-weight: bold;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin: auto;
}

.today-end {
  background-color: #eee !important;
  color: #bbb !important;
  pointer-events: none;
}
.selectedxxx {
  background: #2196f3 !important;
  color: #fff !important;
  font-weight: bold;
  border-radius: 6px;
}

#calendar_header {
  width: 100%;
  min-height: 37px;
  max-height: 50px;
  height: 50px !important; /* ← ضمان تطبيق الارتفاع */
  text-align: center;
  background-color: #0A78A5;
  border-radius: 12px 12px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box; /* ← مهم لضبط البادينغ مع الارتفاع */
  padding: 0 10px;
}

#calendar_header h1 {
  font-size: 1.5em;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}


i[class^=icon-chevron]{
  color: #FFFFFF;
  float: left;
  width:15%;
  border-radius: 50%;
}