.calendar-navbar{
  margin:12px 15px 0px;
  padding: 12px 50px;
  display: flex;
  justify-content: center;
  align-items:center;
  background-color:#F5F5F5;
}

.calendar-navbar-button{
  width:100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.calendar-navbar-button image {
  width: 25px;
  height: 25px;
}

.calendar-navbar-date{
  flex-grow:1;
  text-align: center;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  font-size: 18px;
}



.calendar-head{
  display: flex;
  justify-content: center;
  align-items:center;
  height:80rpx;
  color:#333333;
  font-size: 12px;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
}
.calendar-head view{
  flex:1;
  text-align: center;
}



.other-bg {
  background-color: #F5F5F5;
  padding-top: 12px;
}


.calendar-body-rows{
  display: flex;
  align-items:center;
  height:100rpx;
}
.calendar-body-cols{
  display: flex;
  flex:1;
  align-items:center;
  height:100%;
}
.calendar-body-item{
  display: block;
  text-align: center;
  align-items:center;
  width:100%;
  height:100%;
}



.calendar-body-day{
  margin:0 20rpx;
  text-align: center;
  width:30px;
  height:30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.calendar-body-day view{
  width:100%;
  height: 100%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}




/* 未到日期 */
.infoIsShow-1 .calendar-body-day{
  color:#999999;
  border: none;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
}


/* 正常显示 */
.infoIsShow-0 .calendar-body-day{
  background-color: #40A9FF;
  border-radius: 50%;
  color: white;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
}


/* 休闲日期 */
.infoIsShow .calendar-body-day{
  background-color: #E2E2E2;
  border-radius: 50%;
  color:#333333;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
}
.infoIsShow .calendar-body-dayex {
  color: #999999; 
}

/* 缺勤日期 */
.infoIsShow1 .calendar-body-day {
  background-color: #999999;
  border-radius: 50%;
  color: white;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
}
.infoIsShow1 .calendar-body-dayex {
  color: #FF3300; 
}

/* 满预约日期 */
.infoIsShow4 .calendar-body-day {
  background-color: #FF6440;
  border-radius: 50%;
  color:white;
}
.infoIsShow4 .calendar-body-dayex {
  color: red; 
}
/* 未预约日期 */
.infoIsShow2 .calendar-body-day {
  background-color: #E2E2E2;
  border-radius: 50%;
}
.infoIsShow2 .calendar-body-dayex {
  color: rgb(64, 169, 255); 
}
/* 有预约日期 */
.infoIsShow3 .calendar-body-day {
  background-color: #40A9FF;
  border-radius: 50%;
  color:white;
}
.infoIsShow3 .calendar-body-dayex {
  color: white; 
}




.isToday {
  position: relative;
}

.isToday::before {
  content: '';
  position: absolute;
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  border: 1rpx solid #40A9FF;
  border-radius: 4px;
}


.seleted{
  border-radius: 50%;
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}


.calendar-body-dayex{
  margin:4rpx;
  font-size:20rpx;
  text-align: center;
  color:#FF8C00;
}