#date-picker {

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  top: 50px;

  width: 800px;

  min-height: 100px;

  background-color: #EEEEEE;

}



#date-picker .template {

  display: none !important;

}



#date-picker .days {

  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: space-around;



}



#date-picker .days .day {

  border: 1px solid #aaa;

  width: 100%;

  text-align: center;

}



#date-picker .events {

  height: calc(54px * 5);

  overflow: hidden;

}



#date-picker .events > .event {

  display: inline-block;



  margin: 5px;

  width: calc(100% - 10px);

  height: 44px;

  line-height: 44px;

  box-sizing: border-box;



  background-color: #AAE0FF;

  font-weight: bold;

  border-radius: 5px;

}







#date-picker.fullview .events {

  overflow: initial;

  height: initial;

}



#date-picker.fullview .footer {

  display: none;

}











#datepicker .ui-datepicker-inline {

  width: 100%;

}

#datepicker td {

  padding: 3px;

}

#datepicker td a, #datepicker td span {

  text-align: center;

  padding: 10px;

  border: 0;

  background-color: transparent;

}

#datepicker td a:hover, #datepicker td span:hover {

  background-color: #E8E8E8;

  border-radius: 2px;

}

#datepicker td a.ui-state-active {

  color: black;

  background: none;

  background-color: #C1E8FF;

}