.calender-modal header{
  position: relative;
  background: transparent;
  overflow: hidden;
  padding-top: 10px;
}
.calender-modal .calendar,
.calender-modal header{
  overflow: inherit;
}
.calendar table{
  margin: 20px 0 0 !important;
}
.calender-modal .calendar header .month{
  font-size: 18px;
  color: #151D21;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding-left: 12px;
  position: relative;
  padding-left: 40px;
}
.calender-modal .calendar header .month::before{
  content: '';
  background: url('../svg/calendar-black.svg');
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
}
.calender-modal .calendar header .month .year{
  font-size: 18px;
  color: #151D21;
  font-weight: normal;
  margin-left: 8px;
}
.calendar header .simple-calendar-btn{
  width: 32px !important;
  height: 32px !important;
  color: #00A3E4 !important;
  background: #F5FAFF !important;
  border: 0px !important;
}
.calendar header .simple-calendar-btn:before{
  border-width: 2px 2px 0 0 !important;
  padding: 4px !important;
  top: 11px !important;
}
.calendar .day,
.calendar .day:hover{
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: auto !important;
  cursor: pointer!important;
}
.calendar .day:hover{
  border-color: #00A3E4 !important;
}
.calendar .day.today{
  background: #00A3E4 !important;
  color: white;
}
.calendar header .btn-prev {
  left: calc(100% - 88px) !important;
}
.calender-modal .calendar thead td{
  font-size: 14px;
  color: #595959;
  font-weight: normal;
}
.filler,
.event-container,
.has-event{
  display: none !important;
}
.calendar .day.has-event:after{
  content: none !important;
}
.calendar .event-container{
  background: rgb(84 90 92 / 88%) !important;
  z-index: 99 !important;
}
.day.wrong-month{
  opacity: 0 !important;
  visibility: hidden !important;
}
.calendar .event-container .close{
  opacity: 1 !important;
}

@media screen and (max-width: 991px) {
  .calendar table{
    margin-left: -7px !important;
  }
  .calender-modal .calendar header .month{
    padding-left: 25px;
  }
  .calendar .day,
  .calendar .day:hover{
    width: 40px !important;
    height: 40px !important;
  }
  #calendar-wrapper {
    min-height: auto;
  }
  .calender-modal .calendar header .month,
  .calender-modal .calendar header .month .year{
    font-size: 14px;
  }
  .calendar header .simple-calendar-btn{
    width: 20px !important;
    height: 20px !important;
  }
  .calendar header .simple-calendar-btn:before{
    padding: 3px !important;
    top: 6px !important;
    left: 5px !important;
  }
  .calendar header .simple-calendar-btn{
    top: 7px !important;
  }
  .calendar header .btn-prev {
    left: calc(100% - 55px) !important;
  }
  .calender-modal .calendar header .month::before {
    content: '';
    width: 21px;
    height: 21px;
    left: 0px;
    background-size: 20px;
}
}